draft-components 1.2.0 → 1.2.2
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/css/draft-components.css +11 -7
- package/package.json +1 -1
package/css/draft-components.css
CHANGED
|
@@ -602,6 +602,7 @@
|
|
|
602
602
|
content: "";
|
|
603
603
|
position: absolute;
|
|
604
604
|
inset: -3px;
|
|
605
|
+
pointer-events: none;
|
|
605
606
|
border-radius: calc(3px + var(--dc-button-radius));
|
|
606
607
|
box-shadow: 0 0 0 3px var(--dc-button-focus-ring-color);
|
|
607
608
|
}
|
|
@@ -1692,8 +1693,8 @@
|
|
|
1692
1693
|
.dc-switch__input:focus + .dc-switch__track::after {
|
|
1693
1694
|
content: "";
|
|
1694
1695
|
position: absolute;
|
|
1695
|
-
z-index: -1;
|
|
1696
1696
|
inset: -3px;
|
|
1697
|
+
pointer-events: none;
|
|
1697
1698
|
border-radius: calc(3px + var(--dc-switch-radius));
|
|
1698
1699
|
box-shadow: 0 0 0 3px var(--dc-switch-focus-ring-color);
|
|
1699
1700
|
}
|
|
@@ -1713,7 +1714,10 @@
|
|
|
1713
1714
|
--dc-checkbox-focus-ring-color: var(--dc-focus-ring-color);
|
|
1714
1715
|
|
|
1715
1716
|
color-scheme: light;
|
|
1716
|
-
|
|
1717
|
+
position: relative;
|
|
1718
|
+
display: inline-block;
|
|
1719
|
+
width: var(--dc-checkbox-size);
|
|
1720
|
+
height: var(--dc-checkbox-size);
|
|
1717
1721
|
}
|
|
1718
1722
|
|
|
1719
1723
|
.dc-checkbox__input {
|
|
@@ -1725,15 +1729,15 @@
|
|
|
1725
1729
|
|
|
1726
1730
|
.dc-checkbox__check {
|
|
1727
1731
|
font-size: 16px;
|
|
1728
|
-
position:
|
|
1732
|
+
position: absolute;
|
|
1729
1733
|
display: inline-flex;
|
|
1730
1734
|
cursor: pointer;
|
|
1731
1735
|
flex: none;
|
|
1732
1736
|
align-items: center;
|
|
1733
1737
|
justify-content: center;
|
|
1734
1738
|
box-sizing: border-box;
|
|
1735
|
-
width:
|
|
1736
|
-
height:
|
|
1739
|
+
width: 100%;
|
|
1740
|
+
height: 100%;
|
|
1737
1741
|
transition: opacity 0.2s;
|
|
1738
1742
|
vertical-align: middle;
|
|
1739
1743
|
border: 1px solid var(--dc-checkbox-border-color);
|
|
@@ -1767,8 +1771,8 @@
|
|
|
1767
1771
|
.dc-checkbox__input:focus + .dc-checkbox__check::after {
|
|
1768
1772
|
content: "";
|
|
1769
1773
|
position: absolute;
|
|
1770
|
-
z-index: -1;
|
|
1771
1774
|
inset: -3px;
|
|
1775
|
+
pointer-events: none;
|
|
1772
1776
|
border-radius: calc(3px + var(--dc-checkbox-radius));
|
|
1773
1777
|
box-shadow: 0 0 0 3px var(--dc-checkbox-focus-ring-color);
|
|
1774
1778
|
}
|
|
@@ -1841,8 +1845,8 @@
|
|
|
1841
1845
|
.dc-radio__input:focus + .dc-radio__check::after {
|
|
1842
1846
|
content: "";
|
|
1843
1847
|
position: absolute;
|
|
1844
|
-
z-index: -1;
|
|
1845
1848
|
inset: -3px;
|
|
1849
|
+
pointer-events: none;
|
|
1846
1850
|
border-radius: 50%;
|
|
1847
1851
|
box-shadow: 0 0 0 3px var(--dc-radio-color-focus-ring);
|
|
1848
1852
|
}
|