@stackoverflow/stacks 2.1.0 → 2.1.1
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 +19 -19
- package/dist/css/stacks.min.css +1 -1
- package/lib/components/button/button.less +15 -15
- package/lib/components/input-icon/input-icon.a11y.test.ts +81 -0
- package/lib/components/input-icon/input-icon.visual.test.ts +92 -0
- package/lib/components/select/select.a11y.test.ts +72 -0
- package/lib/components/select/select.visual.test.ts +72 -0
- package/lib/test/test-utils.ts +6 -2
- package/package.json +5 -5
package/dist/css/stacks.css
CHANGED
|
@@ -1597,51 +1597,51 @@ body.theme-highcontrast .s-btn.s-btn__github {
|
|
|
1597
1597
|
box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
|
|
1598
1598
|
outline: var(--su-static2) solid transparent !important;
|
|
1599
1599
|
}
|
|
1600
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1600
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible,
|
|
1601
1601
|
.s-btn--radio:focus-visible + .s-btn,
|
|
1602
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1602
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled,
|
|
1603
1603
|
.s-btn--radio:focus-visible + .s-btn.s-btn__filled {
|
|
1604
1604
|
background-color: var(--_bu-bg-focus, var(--_bu-filled-bg));
|
|
1605
1605
|
color: var(--_bu-fc-focus, var(--_bu-filled-fc));
|
|
1606
1606
|
}
|
|
1607
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1607
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible:not(:hover) .s-btn--number,
|
|
1608
1608
|
.s-btn--radio:focus-visible + .s-btn:not(:hover) .s-btn--number,
|
|
1609
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1609
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible.s-btn__filled:not(:hover) .s-btn--number,
|
|
1610
1610
|
.s-btn--radio:focus-visible + .s-btn.s-btn__filled:not(:hover) .s-btn--number {
|
|
1611
1611
|
color: var(--_bu-number-fc-focus, var(--_bu-number-fc-filled));
|
|
1612
1612
|
}
|
|
1613
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1613
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover {
|
|
1614
1614
|
background-color: var(--_bu-bg-hover);
|
|
1615
1615
|
color: var(--_bu-fc-hover);
|
|
1616
1616
|
}
|
|
1617
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1617
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover.s-btn__filled {
|
|
1618
1618
|
background-color: var(--_bu-filled-bg-hover);
|
|
1619
1619
|
border-color: var(--_bu-filled-bc-hover);
|
|
1620
1620
|
color: var(--_bu-filled-fc-hover);
|
|
1621
1621
|
}
|
|
1622
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1622
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined) {
|
|
1623
1623
|
border-color: var(--_bu-bc-hover);
|
|
1624
1624
|
}
|
|
1625
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset)
|
|
1626
|
-
background-color: var(--_bu-bg-active);
|
|
1627
|
-
border-color: var(--_bu-bc-active);
|
|
1628
|
-
color: var(--_bu-fc-active);
|
|
1629
|
-
}
|
|
1630
|
-
.s-btn:not(.s-btn__link):not(.s-btn__unset).s-btn:not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
|
|
1631
|
-
background-color: var(--_bu-filled-bg-active);
|
|
1632
|
-
border-color: var(--_bu-filled-bc-active);
|
|
1633
|
-
color: var(--_bu-filled-fc-active);
|
|
1634
|
-
}
|
|
1635
|
-
.s-btn:visited:not(:hover):not(:focus) {
|
|
1625
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus) {
|
|
1636
1626
|
background-color: var(--_bu-bg);
|
|
1637
1627
|
border-color: var(--_bu-bc);
|
|
1638
1628
|
color: var(--_bu-fc);
|
|
1639
1629
|
}
|
|
1640
|
-
.s-btn:visited:not(:hover):not(:focus).s-btn__filled {
|
|
1630
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:hover):not(:focus).s-btn__filled {
|
|
1641
1631
|
background-color: var(--_bu-filled-bg);
|
|
1642
1632
|
border-color: var(--_bu-filled-bc);
|
|
1643
1633
|
color: var(--_bu-filled-fc);
|
|
1644
1634
|
}
|
|
1635
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active {
|
|
1636
|
+
background-color: var(--_bu-bg-active);
|
|
1637
|
+
border-color: var(--_bu-bc-active);
|
|
1638
|
+
color: var(--_bu-fc-active);
|
|
1639
|
+
}
|
|
1640
|
+
.s-btn:not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
|
|
1641
|
+
background-color: var(--_bu-filled-bg-active);
|
|
1642
|
+
border-color: var(--_bu-filled-bc-active);
|
|
1643
|
+
color: var(--_bu-filled-fc-active);
|
|
1644
|
+
}
|
|
1645
1645
|
.s-btn-group {
|
|
1646
1646
|
display: flex;
|
|
1647
1647
|
flex-wrap: wrap;
|