@stackoverflow/stacks 2.0.2 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/stacks.css +77 -77
- package/dist/css/stacks.min.css +1 -1
- package/lib/components/label/label.a11y.test.ts +48 -0
- package/lib/components/label/label.less +1 -0
- package/lib/components/label/label.visual.test.ts +66 -0
- package/lib/components/menu/menu.a11y.test.ts +40 -0
- package/lib/components/menu/menu.visual.test.ts +40 -0
- package/lib/components/tag/tag.less +3 -3
- package/lib/exports/__snapshots__/color.less.test.ts.snap +74 -74
- package/lib/exports/color-sets.less +44 -39
- package/package.json +1 -1
package/dist/css/stacks.css
CHANGED
|
@@ -5545,9 +5545,9 @@ body.theme-highcontrast a.s-tag.is-selected:focus {
|
|
|
5545
5545
|
--_ta-before-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E");
|
|
5546
5546
|
}
|
|
5547
5547
|
.s-tag.s-tag__moderator {
|
|
5548
|
-
--_ta-bc: var(--orange-
|
|
5548
|
+
--_ta-bc: var(--orange-300);
|
|
5549
5549
|
--_ta-bg: var(--orange-100);
|
|
5550
|
-
--_ta-fc: var(--orange-
|
|
5550
|
+
--_ta-fc: var(--orange-600);
|
|
5551
5551
|
--_ta-bc-hover: var(--orange-300);
|
|
5552
5552
|
--_ta-bg-hover: var(--orange-200);
|
|
5553
5553
|
--_ta-fc-hover: var(--orange-600);
|
|
@@ -5577,7 +5577,7 @@ body.theme-highcontrast .s-tag.s-tag__muted:not(.s-tag__moderator):not(.s-tag__r
|
|
|
5577
5577
|
--_ta-bc-hover: var(--theme-tag-required-hover-border-color, transparent);
|
|
5578
5578
|
--_ta-bc-selected: var(--theme-tag-required-selected-border-color, transparent);
|
|
5579
5579
|
--_ta-bg: var(--theme-tag-required-background-color, var(--theme-secondary-500));
|
|
5580
|
-
--_ta-bg-hover: var(--theme-tag-required-hover-background-color var(--theme-secondary-400));
|
|
5580
|
+
--_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-secondary-400));
|
|
5581
5581
|
--_ta-bg-selected: var(--theme-tag-required-selected-background-color, var(--theme-secondary-600));
|
|
5582
5582
|
--_ta-fc: var(--theme-tag-required-color, var(--white));
|
|
5583
5583
|
--_ta-fc-hover: var(--theme-tag-required-hover-color, var(--white));
|
|
@@ -7622,42 +7622,42 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7622
7622
|
--black-500: hsl(210, 8%, 90%);
|
|
7623
7623
|
--black-600: hsl(210, 11%, 98%);
|
|
7624
7624
|
--black: hsl(0, 0%, 100%);
|
|
7625
|
-
--orange-100: hsl(27,
|
|
7626
|
-
--orange-200: hsl(27,
|
|
7627
|
-
--orange-300: hsl(27,
|
|
7628
|
-
--orange-400: hsl(27,
|
|
7629
|
-
--orange-500: hsl(27,
|
|
7630
|
-
--orange-600: hsl(27,
|
|
7631
|
-
--blue-100: hsl(
|
|
7632
|
-
--blue-200: hsl(210,
|
|
7633
|
-
--blue-300: hsl(210,
|
|
7634
|
-
--blue-400: hsl(210,
|
|
7635
|
-
--blue-500: hsl(210,
|
|
7636
|
-
--blue-600: hsl(210,
|
|
7637
|
-
--green-100: hsl(
|
|
7638
|
-
--green-200: hsl(
|
|
7639
|
-
--green-300: hsl(
|
|
7640
|
-
--green-400: hsl(
|
|
7641
|
-
--green-500: hsl(
|
|
7642
|
-
--green-600: hsl(
|
|
7643
|
-
--red-100: hsl(
|
|
7644
|
-
--red-200: hsl(0,
|
|
7645
|
-
--red-300: hsl(0,
|
|
7646
|
-
--red-400: hsl(0,
|
|
7647
|
-
--red-500: hsl(0,
|
|
7648
|
-
--red-600: hsl(0,
|
|
7649
|
-
--yellow-100: hsl(43,
|
|
7650
|
-
--yellow-200: hsl(43,
|
|
7651
|
-
--yellow-300: hsl(43,
|
|
7652
|
-
--yellow-400: hsl(43,
|
|
7653
|
-
--yellow-500: hsl(43,
|
|
7654
|
-
--yellow-600: hsl(43,
|
|
7655
|
-
--purple-100: hsl(237,
|
|
7656
|
-
--purple-200: hsl(237,
|
|
7657
|
-
--purple-300: hsl(237,
|
|
7658
|
-
--purple-400: hsl(237,
|
|
7659
|
-
--purple-500: hsl(237,
|
|
7660
|
-
--purple-600: hsl(237,
|
|
7625
|
+
--orange-100: hsl(27, 55%, 20%);
|
|
7626
|
+
--orange-200: hsl(27, 50%, 33%);
|
|
7627
|
+
--orange-300: hsl(27, 50%, 43%);
|
|
7628
|
+
--orange-400: hsl(27, 90%, 68%);
|
|
7629
|
+
--orange-500: hsl(27, 90%, 80%);
|
|
7630
|
+
--orange-600: hsl(27, 90%, 90%);
|
|
7631
|
+
--blue-100: hsl(210, 50%, 22%);
|
|
7632
|
+
--blue-200: hsl(210, 50%, 36%);
|
|
7633
|
+
--blue-300: hsl(210, 50%, 48%);
|
|
7634
|
+
--blue-400: hsl(210, 89%, 77%);
|
|
7635
|
+
--blue-500: hsl(210, 89%, 84%);
|
|
7636
|
+
--blue-600: hsl(210, 89%, 92%);
|
|
7637
|
+
--green-100: hsl(149, 51%, 15%);
|
|
7638
|
+
--green-200: hsl(149, 51%, 25%);
|
|
7639
|
+
--green-300: hsl(149, 51%, 36%);
|
|
7640
|
+
--green-400: hsl(149, 50%, 62%);
|
|
7641
|
+
--green-500: hsl(149, 50%, 74%);
|
|
7642
|
+
--green-600: hsl(149, 50%, 88%);
|
|
7643
|
+
--red-100: hsl(0, 43%, 22%);
|
|
7644
|
+
--red-200: hsl(0, 43%, 41%);
|
|
7645
|
+
--red-300: hsl(0, 43%, 56%);
|
|
7646
|
+
--red-400: hsl(0, 90%, 81%);
|
|
7647
|
+
--red-500: hsl(0, 90%, 88%);
|
|
7648
|
+
--red-600: hsl(0, 90%, 94%);
|
|
7649
|
+
--yellow-100: hsl(43, 50%, 17%);
|
|
7650
|
+
--yellow-200: hsl(43, 50%, 28%);
|
|
7651
|
+
--yellow-300: hsl(43, 50%, 39%);
|
|
7652
|
+
--yellow-400: hsl(43, 90%, 75%);
|
|
7653
|
+
--yellow-500: hsl(43, 90%, 82%);
|
|
7654
|
+
--yellow-600: hsl(43, 90%, 91%);
|
|
7655
|
+
--purple-100: hsl(237, 43%, 37%);
|
|
7656
|
+
--purple-200: hsl(237, 51%, 52%);
|
|
7657
|
+
--purple-300: hsl(237, 63%, 62%);
|
|
7658
|
+
--purple-400: hsl(237, 89%, 83%);
|
|
7659
|
+
--purple-500: hsl(237, 89%, 89%);
|
|
7660
|
+
--purple-600: hsl(237, 89%, 94%);
|
|
7661
7661
|
--gold-100: hsl(45, 29%, 24%);
|
|
7662
7662
|
--gold-200: hsl(45, 47%, 37%);
|
|
7663
7663
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7697,7 +7697,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7697
7697
|
--highlight-punctuation: hsl(0, 0%, 80%);
|
|
7698
7698
|
--highlight-symbol: hsl(306, 43%, 69%);
|
|
7699
7699
|
--highlight-variable: hsl(65.5, 39%, 57.5%);
|
|
7700
|
-
--scrollbar: hsla(0, 0%,
|
|
7700
|
+
--scrollbar: hsla(0, 0%, 100%, 0.2);
|
|
7701
7701
|
--theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
|
|
7702
7702
|
--theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
|
|
7703
7703
|
--theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
|
|
@@ -7746,42 +7746,42 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7746
7746
|
--black-500: hsl(210, 8%, 90%);
|
|
7747
7747
|
--black-600: hsl(210, 11%, 98%);
|
|
7748
7748
|
--black: hsl(0, 0%, 100%);
|
|
7749
|
-
--orange-100: hsl(27,
|
|
7750
|
-
--orange-200: hsl(27,
|
|
7751
|
-
--orange-300: hsl(27,
|
|
7752
|
-
--orange-400: hsl(27,
|
|
7753
|
-
--orange-500: hsl(27,
|
|
7754
|
-
--orange-600: hsl(27,
|
|
7755
|
-
--blue-100: hsl(
|
|
7756
|
-
--blue-200: hsl(210,
|
|
7757
|
-
--blue-300: hsl(210,
|
|
7758
|
-
--blue-400: hsl(210,
|
|
7759
|
-
--blue-500: hsl(210,
|
|
7760
|
-
--blue-600: hsl(210,
|
|
7761
|
-
--green-100: hsl(
|
|
7762
|
-
--green-200: hsl(
|
|
7763
|
-
--green-300: hsl(
|
|
7764
|
-
--green-400: hsl(
|
|
7765
|
-
--green-500: hsl(
|
|
7766
|
-
--green-600: hsl(
|
|
7767
|
-
--red-100: hsl(
|
|
7768
|
-
--red-200: hsl(0,
|
|
7769
|
-
--red-300: hsl(0,
|
|
7770
|
-
--red-400: hsl(0,
|
|
7771
|
-
--red-500: hsl(0,
|
|
7772
|
-
--red-600: hsl(0,
|
|
7773
|
-
--yellow-100: hsl(43,
|
|
7774
|
-
--yellow-200: hsl(43,
|
|
7775
|
-
--yellow-300: hsl(43,
|
|
7776
|
-
--yellow-400: hsl(43,
|
|
7777
|
-
--yellow-500: hsl(43,
|
|
7778
|
-
--yellow-600: hsl(43,
|
|
7779
|
-
--purple-100: hsl(237,
|
|
7780
|
-
--purple-200: hsl(237,
|
|
7781
|
-
--purple-300: hsl(237,
|
|
7782
|
-
--purple-400: hsl(237,
|
|
7783
|
-
--purple-500: hsl(237,
|
|
7784
|
-
--purple-600: hsl(237,
|
|
7749
|
+
--orange-100: hsl(27, 55%, 20%);
|
|
7750
|
+
--orange-200: hsl(27, 50%, 33%);
|
|
7751
|
+
--orange-300: hsl(27, 50%, 43%);
|
|
7752
|
+
--orange-400: hsl(27, 90%, 68%);
|
|
7753
|
+
--orange-500: hsl(27, 90%, 80%);
|
|
7754
|
+
--orange-600: hsl(27, 90%, 90%);
|
|
7755
|
+
--blue-100: hsl(210, 50%, 22%);
|
|
7756
|
+
--blue-200: hsl(210, 50%, 36%);
|
|
7757
|
+
--blue-300: hsl(210, 50%, 48%);
|
|
7758
|
+
--blue-400: hsl(210, 89%, 77%);
|
|
7759
|
+
--blue-500: hsl(210, 89%, 84%);
|
|
7760
|
+
--blue-600: hsl(210, 89%, 92%);
|
|
7761
|
+
--green-100: hsl(149, 51%, 15%);
|
|
7762
|
+
--green-200: hsl(149, 51%, 25%);
|
|
7763
|
+
--green-300: hsl(149, 51%, 36%);
|
|
7764
|
+
--green-400: hsl(149, 50%, 62%);
|
|
7765
|
+
--green-500: hsl(149, 50%, 74%);
|
|
7766
|
+
--green-600: hsl(149, 50%, 88%);
|
|
7767
|
+
--red-100: hsl(0, 43%, 22%);
|
|
7768
|
+
--red-200: hsl(0, 43%, 41%);
|
|
7769
|
+
--red-300: hsl(0, 43%, 56%);
|
|
7770
|
+
--red-400: hsl(0, 90%, 81%);
|
|
7771
|
+
--red-500: hsl(0, 90%, 88%);
|
|
7772
|
+
--red-600: hsl(0, 90%, 94%);
|
|
7773
|
+
--yellow-100: hsl(43, 50%, 17%);
|
|
7774
|
+
--yellow-200: hsl(43, 50%, 28%);
|
|
7775
|
+
--yellow-300: hsl(43, 50%, 39%);
|
|
7776
|
+
--yellow-400: hsl(43, 90%, 75%);
|
|
7777
|
+
--yellow-500: hsl(43, 90%, 82%);
|
|
7778
|
+
--yellow-600: hsl(43, 90%, 91%);
|
|
7779
|
+
--purple-100: hsl(237, 43%, 37%);
|
|
7780
|
+
--purple-200: hsl(237, 51%, 52%);
|
|
7781
|
+
--purple-300: hsl(237, 63%, 62%);
|
|
7782
|
+
--purple-400: hsl(237, 89%, 83%);
|
|
7783
|
+
--purple-500: hsl(237, 89%, 89%);
|
|
7784
|
+
--purple-600: hsl(237, 89%, 94%);
|
|
7785
7785
|
--gold-100: hsl(45, 29%, 24%);
|
|
7786
7786
|
--gold-200: hsl(45, 47%, 37%);
|
|
7787
7787
|
--gold-300: hsl(45, 92%, 62%);
|
|
@@ -7821,7 +7821,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
|
|
|
7821
7821
|
--highlight-punctuation: hsl(0, 0%, 80%);
|
|
7822
7822
|
--highlight-symbol: hsl(306, 43%, 69%);
|
|
7823
7823
|
--highlight-variable: hsl(65.5, 39%, 57.5%);
|
|
7824
|
-
--scrollbar: hsla(0, 0%,
|
|
7824
|
+
--scrollbar: hsla(0, 0%, 100%, 0.2);
|
|
7825
7825
|
--theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
|
|
7826
7826
|
--theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
|
|
7827
7827
|
--theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
|