Skip to content

Commit 635a9c7

Browse files
committed
Updates fixtures
1 parent 2a2dcd4 commit 635a9c7

2 files changed

Lines changed: 104 additions & 40 deletions

File tree

test/scss/fixtures/bitstyles-overrides.css

Lines changed: 52 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -515,7 +515,7 @@ img {
515515
[type='checkbox']:checked {
516516
background-color: var(--bscpn-color-brand-1-dark-1);
517517
border-color: var(--bscpn-color-brand-1-dark-1);
518-
box-shadow: none;
518+
box-shadow: var(--bscpn-shadow-brand-1-box);
519519
color: var(--bscpn-color-grayscale-white);
520520
}
521521
[type='checkbox']:checked:after {
@@ -524,9 +524,16 @@ img {
524524
}
525525
[type='checkbox']:invalid,
526526
[type='checkbox'][aria-invalid='true'] {
527-
background-color: var(--bscpn-color-brand-1);
528-
border-color: var(--bscpn-color-brand-1);
529-
box-shadow: var(--bscpn-shadow-warning);
527+
background-color: var(--bscpn-color-grayscale-white);
528+
border-color: var(--bscpn-color-warning-dark-1);
529+
box-shadow: none;
530+
color: var(--bscpn-color-grayscale-white);
531+
}
532+
[type='checkbox']:invalid:checked,
533+
[type='checkbox'][aria-invalid='true']:checked {
534+
background-color: var(--bscpn-color-warning-dark-1);
535+
border-color: var(--bscpn-color-warning-dark-1);
536+
box-shadow: var(--bscpn-shadow-warning-box);
530537
color: var(--bscpn-color-grayscale-white);
531538
}
532539
[type='checkbox'][disabled] {
@@ -579,7 +586,7 @@ img {
579586
background-color: var(--bscpn-color-grayscale-white);
580587
border: 0.1875rem solid var(--bscpn-color-grayscale-dark-2);
581588
border-radius: 10rem;
582-
box-shadow: var(--bscpn-shadow-brand-1);
589+
box-shadow: var(--bscpn-shadow-brand-1-box);
583590
color: var(--bscpn-color-grayscale-light-1);
584591
}
585592
[type='radio']:after {
@@ -620,7 +627,7 @@ img {
620627
[type='radio']:checked {
621628
background-color: var(--bscpn-color-grayscale-white);
622629
border-color: var(--bscpn-color-brand-1-dark-1);
623-
box-shadow: var(--bscpn-shadow-brand-1);
630+
box-shadow: var(--bscpn-shadow-brand-1-box);
624631
color: var(--bscpn-color-brand-1-dark-1);
625632
}
626633
[type='radio']:checked:after {
@@ -631,8 +638,23 @@ img {
631638
[type='radio'][aria-invalid='true'] {
632639
background-color: var(--bscpn-color-grayscale-white);
633640
border-color: var(--bscpn-color-warning-dark-1);
634-
box-shadow: var(--bscpn-shadow-warning);
635-
color: var(--bscpn-color-warning-dark-4);
641+
box-shadow: none;
642+
color: var(--bscpn-color-warning-dark-1);
643+
}
644+
[type='radio']:invalid:after,
645+
[type='radio'][aria-invalid='true']:after {
646+
background: var(--bscpn-color-warning-dark-1);
647+
}
648+
[type='radio']:invalid:checked,
649+
[type='radio'][aria-invalid='true']:checked {
650+
background-color: var(--bscpn-color-grayscale-white);
651+
border-color: var(--bscpn-color-warning-dark-1);
652+
box-shadow: var(--bscpn-shadow-warning-box);
653+
color: var(--bscpn-color-warning-dark-1);
654+
}
655+
[type='radio']:invalid:checked:after,
656+
[type='radio'][aria-invalid='true']:checked:after {
657+
background: var(--bscpn-color-warning-dark-1);
636658
}
637659
[type='radio'][disabled] {
638660
background-color: var(--bscpn-color-grayscale-white);
@@ -661,13 +683,23 @@ img {
661683
box-shadow: none;
662684
color: var(--bscpn-color-brand-1);
663685
}
686+
[type='radio']:checked:focus:not(:invalid):after,
687+
[type='radio']:checked:focus:not([aria-invalid='true']):after,
688+
[type='radio']:checked:hover:not(:invalid):after,
689+
[type='radio']:checked:hover:not([aria-invalid='true']):after {
690+
background: var(--bscpn-color-brand-1);
691+
}
664692
[type='radio']:checked:active:not(:invalid),
665693
[type='radio']:checked:active:not([aria-invalid='true']) {
666694
background-color: var(--bscpn-color-grayscale-white);
667-
border-color: var(--bscpn-color-brand-1);
695+
border-color: var(--bscpn-color-brand-1-dark-1);
668696
box-shadow: none;
669697
color: var(--bscpn-color-brand-1);
670698
}
699+
[type='radio']:checked:active:not(:invalid):after,
700+
[type='radio']:checked:active:not([aria-invalid='true']):after {
701+
background: var(--bscpn-color-brand-1);
702+
}
671703
}
672704
input,
673705
textarea {
@@ -717,7 +749,7 @@ textarea {
717749
--bscpn-input-text-padding-horizontal: var(--bscpn-size-m);
718750
--bscpn-input-text-border-width: 0.1875rem;
719751
background-color: var(--bscpn-color-grayscale-white);
720-
border: 0.1875rem solid var(--bscpn-color-grayscale-dark-1);
752+
border: 0.1875rem solid var(--bscpn-color-grayscale);
721753
border-radius: var(--bscpn-input-text-border-top-left-radius)
722754
var(--bscpn-input-text-border-top-right-radius)
723755
var(--bscpn-input-text-border-bottom-right-radius)
@@ -793,7 +825,7 @@ textarea:hover {
793825
[type='week']:hover::-moz-placeholder,
794826
textarea:focus::-moz-placeholder,
795827
textarea:hover::-moz-placeholder {
796-
color: var(--bscpn-color-grayscale-dark-1);
828+
color: var(--bscpn-color-grayscale);
797829
}
798830
[type='date']:focus::placeholder,
799831
[type='date']:hover::placeholder,
@@ -821,7 +853,7 @@ textarea:hover::-moz-placeholder {
821853
[type='week']:hover::placeholder,
822854
textarea:focus::placeholder,
823855
textarea:hover::placeholder {
824-
color: var(--bscpn-color-grayscale-dark-1);
856+
color: var(--bscpn-color-grayscale);
825857
}
826858
[type='date']:focus-visible,
827859
[type='datetime-local']:focus-visible,
@@ -873,7 +905,7 @@ textarea:active {
873905
[type='url']:active::-moz-placeholder,
874906
[type='week']:active::-moz-placeholder,
875907
textarea:active::-moz-placeholder {
876-
color: var(--bscpn-color-brand-1);
908+
color: var(--bscpn-color-grayscale);
877909
}
878910
[type='date']:active::placeholder,
879911
[type='datetime-local']:active::placeholder,
@@ -888,7 +920,7 @@ textarea:active::-moz-placeholder {
888920
[type='url']:active::placeholder,
889921
[type='week']:active::placeholder,
890922
textarea:active::placeholder {
891-
color: var(--bscpn-color-brand-1);
923+
color: var(--bscpn-color-grayscale);
892924
}
893925
[type='date']:invalid,
894926
[type='date'][aria-invalid='true'],
@@ -947,7 +979,7 @@ textarea[aria-invalid='true'] {
947979
[type='week'][aria-invalid='true']::-moz-placeholder,
948980
textarea:invalid::-moz-placeholder,
949981
textarea[aria-invalid='true']::-moz-placeholder {
950-
color: var(--bscpn-color-brand-1-light-1);
982+
color: var(--bscpn-color-grayscale);
951983
}
952984
[type='date']:invalid::placeholder,
953985
[type='date'][aria-invalid='true']::placeholder,
@@ -975,7 +1007,7 @@ textarea[aria-invalid='true']::-moz-placeholder {
9751007
[type='week'][aria-invalid='true']::placeholder,
9761008
textarea:invalid::placeholder,
9771009
textarea[aria-invalid='true']::placeholder {
978-
color: var(--bscpn-color-brand-1-light-1);
1010+
color: var(--bscpn-color-grayscale);
9791011
}
9801012
[type='date']:disabled,
9811013
[type='datetime-local']:disabled,
@@ -990,7 +1022,7 @@ textarea[aria-invalid='true']::placeholder {
9901022
[type='url']:disabled,
9911023
[type='week']:disabled,
9921024
textarea:disabled {
993-
background: var(--bscpn-color-grayscale-light-4);
1025+
background: var(--bscpn-color-grayscale-white);
9941026
border-color: var(--bscpn-color-grayscale-light-1);
9951027
box-shadow: none;
9961028
color: var(--bscpn-color-grayscale);
@@ -1009,7 +1041,7 @@ textarea:disabled {
10091041
[type='url']:disabled::-moz-placeholder,
10101042
[type='week']:disabled::-moz-placeholder,
10111043
textarea:disabled::-moz-placeholder {
1012-
color: var(--bscpn-color-grayscale-light-1);
1044+
color: var(--bscpn-color-grayscale);
10131045
}
10141046
[type='date']:disabled::placeholder,
10151047
[type='datetime-local']:disabled::placeholder,
@@ -1024,7 +1056,7 @@ textarea:disabled::-moz-placeholder {
10241056
[type='url']:disabled::placeholder,
10251057
[type='week']:disabled::placeholder,
10261058
textarea:disabled::placeholder {
1027-
color: var(--bscpn-color-grayscale-light-1);
1059+
color: var(--bscpn-color-grayscale);
10281060
}
10291061
[type='date']:focus:not(:focus-visible),
10301062
[type='datetime-local']:focus:not(:focus-visible),
@@ -1119,7 +1151,7 @@ textarea:focus:not(:focus-visible) {
11191151
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='var(--bscpn-color-warning)' d='M6.64 34.23a5.57 5.57 0 0 1 7.87-7.89l35.41 35.57 35.57-35.57a5.57 5.57 0 0 1 7.87 7.89L53.94 73.66a5.58 5.58 0 0 1-7.88 0Z'/%3E%3C/svg%3E");
11201152
border-color: var(--bscpn-color-warning);
11211153
box-shadow: none;
1122-
color: var(--bscpn-color-warning);
1154+
color: var(--bscpn-color-grayscale-dark-1);
11231155
}
11241156
select[disabled] {
11251157
background-color: var(--bscpn-color-grayscale-light-3);

test/scss/fixtures/bitstyles.css

Lines changed: 52 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -759,7 +759,7 @@ img {
759759
[type='checkbox']:checked {
760760
background-color: var(--bs-color-brand-1-dark-1);
761761
border-color: var(--bs-color-brand-1-dark-1);
762-
box-shadow: none;
762+
box-shadow: var(--bs-shadow-brand-1-box);
763763
color: var(--bs-color-grayscale-white);
764764
}
765765
[type='checkbox']:checked:after {
@@ -768,9 +768,16 @@ img {
768768
}
769769
[type='checkbox']:invalid,
770770
[type='checkbox'][aria-invalid='true'] {
771-
background-color: var(--bs-color-brand-1);
772-
border-color: var(--bs-color-brand-1);
773-
box-shadow: var(--bs-shadow-warning);
771+
background-color: var(--bs-color-grayscale-white);
772+
border-color: var(--bs-color-warning-dark-1);
773+
box-shadow: none;
774+
color: var(--bs-color-grayscale-white);
775+
}
776+
[type='checkbox']:invalid:checked,
777+
[type='checkbox'][aria-invalid='true']:checked {
778+
background-color: var(--bs-color-warning-dark-1);
779+
border-color: var(--bs-color-warning-dark-1);
780+
box-shadow: var(--bs-shadow-warning-box);
774781
color: var(--bs-color-grayscale-white);
775782
}
776783
[type='checkbox'][disabled] {
@@ -823,7 +830,7 @@ img {
823830
background-color: var(--bs-color-grayscale-white);
824831
border: 0.1875rem solid var(--bs-color-grayscale-dark-2);
825832
border-radius: 9999rem;
826-
box-shadow: var(--bs-shadow-brand-1);
833+
box-shadow: var(--bs-shadow-brand-1-box);
827834
color: var(--bs-color-grayscale-light-1);
828835
}
829836
[type='radio']:after {
@@ -864,7 +871,7 @@ img {
864871
[type='radio']:checked {
865872
background-color: var(--bs-color-grayscale-white);
866873
border-color: var(--bs-color-brand-1-dark-1);
867-
box-shadow: var(--bs-shadow-brand-1);
874+
box-shadow: var(--bs-shadow-brand-1-box);
868875
color: var(--bs-color-brand-1-dark-1);
869876
}
870877
[type='radio']:checked:after {
@@ -875,8 +882,23 @@ img {
875882
[type='radio'][aria-invalid='true'] {
876883
background-color: var(--bs-color-grayscale-white);
877884
border-color: var(--bs-color-warning-dark-1);
878-
box-shadow: var(--bs-shadow-warning);
879-
color: var(--bs-color-warning-dark-4);
885+
box-shadow: none;
886+
color: var(--bs-color-warning-dark-1);
887+
}
888+
[type='radio']:invalid:after,
889+
[type='radio'][aria-invalid='true']:after {
890+
background: var(--bs-color-warning-dark-1);
891+
}
892+
[type='radio']:invalid:checked,
893+
[type='radio'][aria-invalid='true']:checked {
894+
background-color: var(--bs-color-grayscale-white);
895+
border-color: var(--bs-color-warning-dark-1);
896+
box-shadow: var(--bs-shadow-warning-box);
897+
color: var(--bs-color-warning-dark-1);
898+
}
899+
[type='radio']:invalid:checked:after,
900+
[type='radio'][aria-invalid='true']:checked:after {
901+
background: var(--bs-color-warning-dark-1);
880902
}
881903
[type='radio'][disabled] {
882904
background-color: var(--bs-color-grayscale-white);
@@ -905,13 +927,23 @@ img {
905927
box-shadow: none;
906928
color: var(--bs-color-brand-1);
907929
}
930+
[type='radio']:checked:focus:not(:invalid):after,
931+
[type='radio']:checked:focus:not([aria-invalid='true']):after,
932+
[type='radio']:checked:hover:not(:invalid):after,
933+
[type='radio']:checked:hover:not([aria-invalid='true']):after {
934+
background: var(--bs-color-brand-1);
935+
}
908936
[type='radio']:checked:active:not(:invalid),
909937
[type='radio']:checked:active:not([aria-invalid='true']) {
910938
background-color: var(--bs-color-grayscale-white);
911-
border-color: var(--bs-color-brand-1);
939+
border-color: var(--bs-color-brand-1-dark-1);
912940
box-shadow: none;
913941
color: var(--bs-color-brand-1);
914942
}
943+
[type='radio']:checked:active:not(:invalid):after,
944+
[type='radio']:checked:active:not([aria-invalid='true']):after {
945+
background: var(--bs-color-brand-1);
946+
}
915947
}
916948
input,
917949
textarea {
@@ -961,7 +993,7 @@ textarea {
961993
--bs-input-text-padding-horizontal: var(--bs-size-m);
962994
--bs-input-text-border-width: 0.1875rem;
963995
background-color: var(--bs-color-grayscale-white);
964-
border: 0.1875rem solid var(--bs-color-grayscale-dark-1);
996+
border: 0.1875rem solid var(--bs-color-grayscale);
965997
border-radius: var(--bs-input-text-border-top-left-radius)
966998
var(--bs-input-text-border-top-right-radius)
967999
var(--bs-input-text-border-bottom-right-radius)
@@ -1037,7 +1069,7 @@ textarea:hover {
10371069
[type='week']:hover::-moz-placeholder,
10381070
textarea:focus::-moz-placeholder,
10391071
textarea:hover::-moz-placeholder {
1040-
color: var(--bs-color-grayscale-dark-1);
1072+
color: var(--bs-color-grayscale);
10411073
}
10421074
[type='date']:focus::placeholder,
10431075
[type='date']:hover::placeholder,
@@ -1065,7 +1097,7 @@ textarea:hover::-moz-placeholder {
10651097
[type='week']:hover::placeholder,
10661098
textarea:focus::placeholder,
10671099
textarea:hover::placeholder {
1068-
color: var(--bs-color-grayscale-dark-1);
1100+
color: var(--bs-color-grayscale);
10691101
}
10701102
[type='date']:focus-visible,
10711103
[type='datetime-local']:focus-visible,
@@ -1117,7 +1149,7 @@ textarea:active {
11171149
[type='url']:active::-moz-placeholder,
11181150
[type='week']:active::-moz-placeholder,
11191151
textarea:active::-moz-placeholder {
1120-
color: var(--bs-color-brand-1);
1152+
color: var(--bs-color-grayscale);
11211153
}
11221154
[type='date']:active::placeholder,
11231155
[type='datetime-local']:active::placeholder,
@@ -1132,7 +1164,7 @@ textarea:active::-moz-placeholder {
11321164
[type='url']:active::placeholder,
11331165
[type='week']:active::placeholder,
11341166
textarea:active::placeholder {
1135-
color: var(--bs-color-brand-1);
1167+
color: var(--bs-color-grayscale);
11361168
}
11371169
[type='date']:invalid,
11381170
[type='date'][aria-invalid='true'],
@@ -1191,7 +1223,7 @@ textarea[aria-invalid='true'] {
11911223
[type='week'][aria-invalid='true']::-moz-placeholder,
11921224
textarea:invalid::-moz-placeholder,
11931225
textarea[aria-invalid='true']::-moz-placeholder {
1194-
color: var(--bs-color-brand-1-light-1);
1226+
color: var(--bs-color-grayscale);
11951227
}
11961228
[type='date']:invalid::placeholder,
11971229
[type='date'][aria-invalid='true']::placeholder,
@@ -1219,7 +1251,7 @@ textarea[aria-invalid='true']::-moz-placeholder {
12191251
[type='week'][aria-invalid='true']::placeholder,
12201252
textarea:invalid::placeholder,
12211253
textarea[aria-invalid='true']::placeholder {
1222-
color: var(--bs-color-brand-1-light-1);
1254+
color: var(--bs-color-grayscale);
12231255
}
12241256
[type='date']:disabled,
12251257
[type='datetime-local']:disabled,
@@ -1234,7 +1266,7 @@ textarea[aria-invalid='true']::placeholder {
12341266
[type='url']:disabled,
12351267
[type='week']:disabled,
12361268
textarea:disabled {
1237-
background: var(--bs-color-grayscale-light-4);
1269+
background: var(--bs-color-grayscale-white);
12381270
border-color: var(--bs-color-grayscale-light-1);
12391271
box-shadow: none;
12401272
color: var(--bs-color-grayscale);
@@ -1253,7 +1285,7 @@ textarea:disabled {
12531285
[type='url']:disabled::-moz-placeholder,
12541286
[type='week']:disabled::-moz-placeholder,
12551287
textarea:disabled::-moz-placeholder {
1256-
color: var(--bs-color-grayscale-light-1);
1288+
color: var(--bs-color-grayscale);
12571289
}
12581290
[type='date']:disabled::placeholder,
12591291
[type='datetime-local']:disabled::placeholder,
@@ -1268,7 +1300,7 @@ textarea:disabled::-moz-placeholder {
12681300
[type='url']:disabled::placeholder,
12691301
[type='week']:disabled::placeholder,
12701302
textarea:disabled::placeholder {
1271-
color: var(--bs-color-grayscale-light-1);
1303+
color: var(--bs-color-grayscale);
12721304
}
12731305
[type='date']:focus:not(:focus-visible),
12741306
[type='datetime-local']:focus:not(:focus-visible),
@@ -1362,7 +1394,7 @@ textarea:focus:not(:focus-visible) {
13621394
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='var(--bs-color-warning)' d='M6.64 34.23a5.57 5.57 0 0 1 7.87-7.89l35.41 35.57 35.57-35.57a5.57 5.57 0 0 1 7.87 7.89L53.94 73.66a5.58 5.58 0 0 1-7.88 0Z'/%3E%3C/svg%3E");
13631395
border-color: var(--bs-color-warning);
13641396
box-shadow: none;
1365-
color: var(--bs-color-warning);
1397+
color: var(--bs-color-grayscale-dark-1);
13661398
}
13671399
select[disabled] {
13681400
background-color: var(--bs-color-grayscale-light-3);

0 commit comments

Comments
 (0)