@deque/cauldron-styles 5.8.0-canary.b0d3b501 → 5.8.0-canary.c7e293cc

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.
Files changed (2) hide show
  1. package/dist/index.css +21 -2
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -40,7 +40,7 @@
40
40
  --accent-secondary: var(--gray-20);
41
41
  --accent-secondary-active: var(--gray-30);
42
42
  --focus-light: #b51ad1;
43
- --focus-dark: #eb94ff;
43
+ --focus-dark: #f5a4ff;
44
44
  --issue-critical: var(--accent-danger);
45
45
  --issue-serious: var(--accent-warning);
46
46
  --issue-moderate: #f0c4f8;
@@ -1470,6 +1470,8 @@ ul.semantic-only {
1470
1470
  --field-listbox-selected-background-color: var(--accent-secondary-active);
1471
1471
  --field-font-size: var(--text-size-small);
1472
1472
  --input-min-width: 250px;
1473
+ --checkbox-size: var(--icon-size);
1474
+ --radio-size: var(--icon-size);
1473
1475
  }
1474
1476
 
1475
1477
  .cauldron--theme-dark {
@@ -1795,11 +1797,18 @@ textarea.Field--has-error:focus:hover,
1795
1797
  font-weight: var(--font-weight-normal);
1796
1798
  line-height: 1;
1797
1799
  margin-top: var(--space-half);
1798
- margin-left: calc(24px + 2px + var(--space-half));
1799
1800
  cursor: default;
1800
1801
  display: flex;
1801
1802
  }
1802
1803
 
1804
+ .Checkbox__wrap .Field__labelDescription {
1805
+ margin-left: calc(var(--checkbox-size) + 2px + var(--space-half));
1806
+ }
1807
+
1808
+ .Radio__wrap .Field__labelDescription {
1809
+ margin-left: calc(var(--radio-size) + 2px + var(--space-half));
1810
+ }
1811
+
1803
1812
  .Field__labelDescription + .Error {
1804
1813
  margin-top: var(--space-smallest);
1805
1814
  }
@@ -1827,6 +1836,16 @@ textarea.Field--has-error:focus:hover,
1827
1836
  pointer-events: none;
1828
1837
  }
1829
1838
 
1839
+ .Radio__overlay svg {
1840
+ height: var(--radio-size);
1841
+ width: var(--radio-size);
1842
+ }
1843
+
1844
+ .Checkbox__overlay svg {
1845
+ height: var(--checkbox-size);
1846
+ width: var(--checkbox-size);
1847
+ }
1848
+
1830
1849
  .Radio__overlay:active:not(.Radio__overlay--disabled),
1831
1850
  .Checkbox__overlay:active:not(.Checkbox__overlay--disabled) {
1832
1851
  background-color: var(--field-icon-active-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deque/cauldron-styles",
3
- "version": "5.8.0-canary.b0d3b501",
3
+ "version": "5.8.0-canary.c7e293cc",
4
4
  "license": "MPL-2.0",
5
5
  "description": "deque cauldron pattern library styles",
6
6
  "repository": "https://github.com/dequelabs/cauldron",