@dialpad/dialtone-css 8.45.2 → 8.46.0

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 (22) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +10 -1
  3. package/lib/build/less/components/modal.less +5 -0
  4. package/lib/build/less/components/popover.less +3 -0
  5. package/lib/build/less/components/radio-checkbox.less +1 -1
  6. package/lib/dist/dialtone-default-theme.css +124 -89
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +39 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +50 -50
  11. package/lib/dist/tokens/tokens-base-light.css +50 -50
  12. package/lib/dist/tokens/tokens-debug-base.css +777 -0
  13. package/lib/dist/tokens/tokens-debug-dp.css +2131 -0
  14. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  18. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  20. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  21. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  22. package/package.json +2 -2
package/lib/dist/tokens/tokens-dp-dark.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
173
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1288,6 +1274,13 @@
1288
1274
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1289
1275
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1290
1276
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1277
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1278
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1279
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1280
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1281
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1282
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1283
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1291
1284
  --dt-radio-size-height: var(--dt-radio-size-width);
1292
1285
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1293
1286
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1310,6 +1303,13 @@
1310
1303
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1311
1304
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1312
1305
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1306
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1307
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1308
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1309
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1310
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1311
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1312
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1313
1313
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1314
1314
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1315
1315
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1570,20 +1570,20 @@
1570
1570
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1571
1571
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1572
1572
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1573
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1574
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1575
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1576
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1577
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1578
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1579
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1580
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1581
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1582
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1583
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1584
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1585
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1586
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1573
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1574
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1575
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1576
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1577
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1578
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1579
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1580
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1581
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1582
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1583
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1584
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1585
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1586
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1587
1587
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1588
1588
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1589
1589
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1738,13 +1738,13 @@
1738
1738
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1739
1739
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1740
1740
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1741
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1742
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1743
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1744
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1745
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1746
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1747
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1741
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1742
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1743
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1744
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1745
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1746
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1747
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1748
1748
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1749
1749
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1750
1750
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-dp-light.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-400);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-button-size-radius-xl: var(--dt-size-radius-500); /* Border radius for extra large button. */
173
159
  --dt-button-size-radius-lg: var(--dt-size-radius-450); /* Border radius for large button. */
@@ -1309,6 +1295,13 @@
1309
1295
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1310
1296
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1311
1297
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1298
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1299
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1300
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1301
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1302
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1303
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1304
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1312
1305
  --dt-radio-size-height: var(--dt-radio-size-width);
1313
1306
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1314
1307
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1331,6 +1324,13 @@
1331
1324
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1332
1325
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1333
1326
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1327
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1328
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1329
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1330
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1331
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1332
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1333
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1334
1334
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1335
1335
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1336
1336
  --dt-button-font-size-xl: var(--dt-font-size-400); /* Extra large Button text size */
@@ -1591,20 +1591,20 @@
1591
1591
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1592
1592
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1593
1593
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
1594
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1595
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1596
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1597
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1598
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1599
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1600
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1601
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1602
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1603
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1604
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1605
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1606
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1607
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1594
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1595
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1596
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1597
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1598
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1599
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1600
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1601
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1602
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1603
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1604
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1605
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1606
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1607
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1608
1608
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1609
1609
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1610
1610
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1759,13 +1759,13 @@
1759
1759
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1760
1760
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1761
1761
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1762
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1763
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1764
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1765
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1766
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1767
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1768
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1762
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1763
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1764
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1765
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1766
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1767
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1768
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1769
1769
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1770
1770
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1771
1771
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-expressive-dark.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-badge-color-border-bulletin-subtle-h: 255;
173
159
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1252,6 +1238,13 @@
1252
1238
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1253
1239
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1254
1240
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1241
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1242
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1243
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1244
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1245
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1246
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1247
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1255
1248
  --dt-radio-size-height: var(--dt-radio-size-width);
1256
1249
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1257
1250
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1274,6 +1267,13 @@
1274
1267
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1275
1268
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1276
1269
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1270
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1271
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1272
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1273
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1274
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1275
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1276
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1277
1277
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1278
1278
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1279
1279
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1522,20 +1522,20 @@
1522
1522
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1523
1523
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1524
1524
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1525
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1526
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1527
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1528
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1529
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1530
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1531
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1532
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1533
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1534
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1535
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1536
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1537
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1538
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1525
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1526
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1527
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1528
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1529
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1530
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1531
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1532
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1533
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1534
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1535
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1536
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1537
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1538
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1539
1539
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1540
1540
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1541
1541
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1690,13 +1690,13 @@
1690
1690
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1691
1691
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1692
1692
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1693
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1694
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1695
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1696
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1697
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1698
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1699
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1693
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1694
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1695
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1696
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1697
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1698
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1699
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1700
1700
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1701
1701
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1702
1702
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-expressive-light.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-400);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-badge-color-border-bulletin-subtle-h: 255;
173
159
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1266,6 +1252,13 @@
1266
1252
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1267
1253
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1268
1254
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1255
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1256
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1257
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1258
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1259
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1260
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1261
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1269
1262
  --dt-radio-size-height: var(--dt-radio-size-width);
1270
1263
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1271
1264
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1288,6 +1281,13 @@
1288
1281
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1289
1282
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1290
1283
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1284
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1285
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1286
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1287
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1288
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1289
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1290
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1291
1291
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1292
1292
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1293
1293
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1543,20 +1543,20 @@
1543
1543
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1544
1544
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1545
1545
  --dt-theme-topbar-color-foreground: hsl(0 0% 0% / 0.75);
1546
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1547
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1548
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1549
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1550
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1551
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1552
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1553
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1554
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1555
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1556
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1557
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1558
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1559
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1546
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1547
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1548
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1549
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1550
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1551
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1552
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1553
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1554
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1555
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1556
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1557
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1558
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1559
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1560
1560
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1561
1561
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1562
1562
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1711,13 +1711,13 @@
1711
1711
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1712
1712
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1713
1713
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1714
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1715
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1716
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1717
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1718
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1719
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1720
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1714
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1715
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1716
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1717
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1718
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1719
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1720
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1721
1721
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1722
1722
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1723
1723
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-expressive-sm-dark.css CHANGED
@@ -145,13 +145,6 @@
145
145
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
146
146
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
147
147
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
148
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
149
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
150
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
151
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
152
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
153
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
154
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
155
148
  --dt-radio-size-width: var(--dt-size-500);
156
149
  --dt-icon-size-border-100: var(--dt-size-border-100);
157
150
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -161,13 +154,6 @@
161
154
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
162
155
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
163
156
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
164
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
165
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
166
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
167
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
168
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
169
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
170
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
171
157
  --dt-checkbox-size-width: var(--dt-size-500);
172
158
  --dt-badge-color-border-bulletin-subtle-h: 255;
173
159
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1252,6 +1238,13 @@
1252
1238
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1253
1239
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1254
1240
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1241
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1242
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1243
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1244
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1245
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1246
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1247
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1255
1248
  --dt-radio-size-height: var(--dt-radio-size-width);
1256
1249
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1257
1250
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1274,6 +1267,13 @@
1274
1267
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1275
1268
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1276
1269
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1270
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1271
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1272
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1273
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1274
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1275
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1276
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1277
1277
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1278
1278
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1279
1279
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1522,20 +1522,20 @@
1522
1522
  --dt-theme-topbar-color-foreground-hsl: var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l);
1523
1523
  --dt-theme-topbar-color-foreground-hsla: hsl(var(--dt-theme-topbar-color-foreground-h) var(--dt-theme-topbar-color-foreground-s) var(--dt-theme-topbar-color-foreground-l) / var(--alpha, 75%));
1524
1524
  --dt-theme-topbar-color-foreground: hsl(0 0% 90.2% / 0.75);
1525
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1526
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1527
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1528
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1529
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1530
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1531
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1532
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1533
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1534
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1535
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1536
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1537
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1538
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1525
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1526
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1527
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1528
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1529
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1530
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1531
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1532
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1533
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1534
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1535
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1536
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1537
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1538
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1539
1539
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1540
1540
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1541
1541
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1690,13 +1690,13 @@
1690
1690
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1691
1691
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1692
1692
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1693
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1694
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1695
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1696
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1697
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1698
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1699
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1693
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1694
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1695
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1696
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1697
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1698
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1699
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1700
1700
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1701
1701
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1702
1702
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);