@dialpad/dialtone-css 8.45.2 → 8.45.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.
Files changed (20) hide show
  1. package/lib/build/less/components/badge.less +1 -1
  2. package/lib/build/less/components/input.less +1 -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 +84 -81
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone.css +7 -4
  9. package/lib/dist/dialtone.min.css +1 -1
  10. package/lib/dist/tokens/tokens-base-dark.css +49 -49
  11. package/lib/dist/tokens/tokens-base-light.css +42 -42
  12. package/lib/dist/tokens/tokens-dp-dark.css +35 -35
  13. package/lib/dist/tokens/tokens-dp-light.css +35 -35
  14. package/lib/dist/tokens/tokens-expressive-dark.css +35 -35
  15. package/lib/dist/tokens/tokens-expressive-light.css +35 -35
  16. package/lib/dist/tokens/tokens-expressive-sm-dark.css +35 -35
  17. package/lib/dist/tokens/tokens-expressive-sm-light.css +35 -35
  18. package/lib/dist/tokens/tokens-tmo-dark.css +35 -35
  19. package/lib/dist/tokens/tokens-tmo-light.css +35 -35
  20. package/package.json +2 -2
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);
package/lib/dist/tokens/tokens-expressive-sm-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-tmo-dark.css CHANGED
@@ -166,13 +166,6 @@
166
166
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
167
167
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
168
168
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
169
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-500-h);
170
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-500-s);
171
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-500-l);
172
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-500-a);
173
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
174
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
175
- --dt-radio-color-border-unchecked: var(--dt-color-black-500);
176
169
  --dt-radio-size-width: var(--dt-size-500);
177
170
  --dt-icon-size-border-100: var(--dt-size-border-100);
178
171
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -182,13 +175,6 @@
182
175
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
183
176
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
184
177
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
185
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-500-h);
186
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-500-s);
187
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-500-l);
188
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-500-a);
189
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-500-hsl);
190
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-500-hsla);
191
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-500);
192
178
  --dt-checkbox-size-width: var(--dt-size-500);
193
179
  --dt-badge-color-border-bulletin-subtle-h: 255;
194
180
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1415,6 +1401,13 @@
1415
1401
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1416
1402
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1417
1403
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1404
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1405
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1406
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1407
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1408
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1409
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1410
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1418
1411
  --dt-radio-size-height: var(--dt-radio-size-width);
1419
1412
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1420
1413
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1437,6 +1430,13 @@
1437
1430
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1438
1431
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1439
1432
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1433
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1434
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1435
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1436
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1437
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1438
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1439
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1440
1440
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1441
1441
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1442
1442
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1552,20 +1552,20 @@
1552
1552
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1553
1553
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1554
1554
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1555
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1556
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1557
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1558
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1559
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1560
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1561
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1562
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1563
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1564
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1565
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1566
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1567
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1568
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1555
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1556
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1557
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1558
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1559
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1560
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1561
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1562
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1563
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1564
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1565
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1566
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1567
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1568
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1569
1569
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1570
1570
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1571
1571
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1720,13 +1720,13 @@
1720
1720
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1721
1721
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1722
1722
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1723
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1724
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1725
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1726
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1727
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1728
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1729
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1723
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1724
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1725
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1726
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1727
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1728
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1729
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1730
1730
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1731
1731
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1732
1732
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -166,13 +166,6 @@
166
166
  --dt-radio-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
167
167
  --dt-radio-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
168
168
  --dt-radio-color-background-checked: var(--dt-color-brand-purple);
169
- --dt-radio-color-border-unchecked-h: var(--dt-color-black-400-h);
170
- --dt-radio-color-border-unchecked-s: var(--dt-color-black-400-s);
171
- --dt-radio-color-border-unchecked-l: var(--dt-color-black-400-l);
172
- --dt-radio-color-border-unchecked-a: var(--dt-color-black-400-a);
173
- --dt-radio-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
174
- --dt-radio-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
175
- --dt-radio-color-border-unchecked: var(--dt-color-black-400);
176
169
  --dt-radio-size-width: var(--dt-size-500);
177
170
  --dt-icon-size-border-100: var(--dt-size-border-100);
178
171
  --dt-checkbox-color-background-checked-h: var(--dt-color-brand-purple-h);
@@ -182,13 +175,6 @@
182
175
  --dt-checkbox-color-background-checked-hsl: var(--dt-color-brand-purple-hsl);
183
176
  --dt-checkbox-color-background-checked-hsla: var(--dt-color-brand-purple-hsla);
184
177
  --dt-checkbox-color-background-checked: var(--dt-color-brand-purple);
185
- --dt-checkbox-color-border-unchecked-h: var(--dt-color-black-400-h);
186
- --dt-checkbox-color-border-unchecked-s: var(--dt-color-black-400-s);
187
- --dt-checkbox-color-border-unchecked-l: var(--dt-color-black-400-l);
188
- --dt-checkbox-color-border-unchecked-a: var(--dt-color-black-400-a);
189
- --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-black-400-hsl);
190
- --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-black-400-hsla);
191
- --dt-checkbox-color-border-unchecked: var(--dt-color-black-400);
192
178
  --dt-checkbox-size-width: var(--dt-size-500);
193
179
  --dt-badge-color-border-bulletin-subtle-h: 255;
194
180
  --dt-badge-color-border-bulletin-subtle-s: 100%;
@@ -1436,6 +1422,13 @@
1436
1422
  --dt-radio-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1437
1423
  --dt-radio-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1438
1424
  --dt-radio-color-border-checked: var(--dt-color-border-brand);
1425
+ --dt-radio-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1426
+ --dt-radio-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1427
+ --dt-radio-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1428
+ --dt-radio-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1429
+ --dt-radio-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1430
+ --dt-radio-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1431
+ --dt-radio-color-border-unchecked: var(--dt-color-border-moderate);
1439
1432
  --dt-radio-size-height: var(--dt-radio-size-width);
1440
1433
  --dt-icon-size-border-800: calc(var(--dt-icon-size-border-100) * 3.5);
1441
1434
  --dt-icon-size-border-700: calc(var(--dt-icon-size-border-100) * 2.75);
@@ -1458,6 +1451,13 @@
1458
1451
  --dt-checkbox-color-border-checked-hsl: var(--dt-color-border-brand-hsl);
1459
1452
  --dt-checkbox-color-border-checked-hsla: var(--dt-color-border-brand-hsla);
1460
1453
  --dt-checkbox-color-border-checked: var(--dt-color-border-brand);
1454
+ --dt-checkbox-color-border-unchecked-h: var(--dt-color-border-moderate-h);
1455
+ --dt-checkbox-color-border-unchecked-s: var(--dt-color-border-moderate-s);
1456
+ --dt-checkbox-color-border-unchecked-l: var(--dt-color-border-moderate-l);
1457
+ --dt-checkbox-color-border-unchecked-a: var(--dt-color-border-moderate-a);
1458
+ --dt-checkbox-color-border-unchecked-hsl: var(--dt-color-border-moderate-hsl);
1459
+ --dt-checkbox-color-border-unchecked-hsla: var(--dt-color-border-moderate-hsla);
1460
+ --dt-checkbox-color-border-unchecked: var(--dt-color-border-moderate);
1461
1461
  --dt-checkbox-size-radius: var(--dt-inputs-size-radius-xs);
1462
1462
  --dt-checkbox-size-height: var(--dt-checkbox-size-width);
1463
1463
  --dt-badge-color-border-default-h: var(--dt-color-border-subtle-h);
@@ -1573,20 +1573,20 @@
1573
1573
  --dt-theme-topbar-color-background-hsl: var(--dt-color-surface-secondary-hsl);
1574
1574
  --dt-theme-topbar-color-background-hsla: var(--dt-color-surface-secondary-hsla);
1575
1575
  --dt-theme-topbar-color-background: var(--dt-color-surface-secondary);
1576
- --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-moderate-h);
1577
- --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-moderate-s);
1578
- --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-moderate-l);
1579
- --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-moderate-a);
1580
- --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-moderate-hsl);
1581
- --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-moderate-hsla);
1582
- --dt-action-color-border-muted-outlined-default: var(--dt-color-border-moderate);
1583
- --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-moderate-inverted-h);
1584
- --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-moderate-inverted-s);
1585
- --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-moderate-inverted-l);
1586
- --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-moderate-inverted-a);
1587
- --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-moderate-inverted-hsl);
1588
- --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-moderate-inverted-hsla);
1589
- --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-moderate-inverted);
1576
+ --dt-action-color-border-muted-outlined-default-h: var(--dt-color-border-default-h);
1577
+ --dt-action-color-border-muted-outlined-default-s: var(--dt-color-border-default-s);
1578
+ --dt-action-color-border-muted-outlined-default-l: var(--dt-color-border-default-l);
1579
+ --dt-action-color-border-muted-outlined-default-a: var(--dt-color-border-default-a);
1580
+ --dt-action-color-border-muted-outlined-default-hsl: var(--dt-color-border-default-hsl);
1581
+ --dt-action-color-border-muted-outlined-default-hsla: var(--dt-color-border-default-hsla);
1582
+ --dt-action-color-border-muted-outlined-default: var(--dt-color-border-default);
1583
+ --dt-action-color-border-inverted-outlined-default-h: var(--dt-color-border-default-inverted-h);
1584
+ --dt-action-color-border-inverted-outlined-default-s: var(--dt-color-border-default-inverted-s);
1585
+ --dt-action-color-border-inverted-outlined-default-l: var(--dt-color-border-default-inverted-l);
1586
+ --dt-action-color-border-inverted-outlined-default-a: var(--dt-color-border-default-inverted-a);
1587
+ --dt-action-color-border-inverted-outlined-default-hsl: var(--dt-color-border-default-inverted-hsl);
1588
+ --dt-action-color-border-inverted-outlined-default-hsla: var(--dt-color-border-default-inverted-hsla);
1589
+ --dt-action-color-border-inverted-outlined-default: var(--dt-color-border-default-inverted);
1590
1590
  --dt-action-color-border-critical-outlined-default-h: var(--dt-color-border-critical-h);
1591
1591
  --dt-action-color-border-critical-outlined-default-s: var(--dt-color-border-critical-s);
1592
1592
  --dt-action-color-border-critical-outlined-default-l: var(--dt-color-border-critical-l);
@@ -1741,13 +1741,13 @@
1741
1741
  --dt-inputs-color-border-focus-hsl: var(--dt-color-border-focus-hsl);
1742
1742
  --dt-inputs-color-border-focus-hsla: var(--dt-color-border-focus-hsla);
1743
1743
  --dt-inputs-color-border-focus: var(--dt-color-border-focus);
1744
- --dt-inputs-color-border-default-h: var(--dt-color-border-subtle-h);
1745
- --dt-inputs-color-border-default-s: var(--dt-color-border-subtle-s);
1746
- --dt-inputs-color-border-default-l: var(--dt-color-border-subtle-l);
1747
- --dt-inputs-color-border-default-a: var(--dt-color-border-subtle-a);
1748
- --dt-inputs-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1749
- --dt-inputs-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1750
- --dt-inputs-color-border-default: var(--dt-color-border-subtle);
1744
+ --dt-inputs-color-border-default-h: var(--dt-color-border-default-h);
1745
+ --dt-inputs-color-border-default-s: var(--dt-color-border-default-s);
1746
+ --dt-inputs-color-border-default-l: var(--dt-color-border-default-l);
1747
+ --dt-inputs-color-border-default-a: var(--dt-color-border-default-a);
1748
+ --dt-inputs-color-border-default-hsl: var(--dt-color-border-default-hsl);
1749
+ --dt-inputs-color-border-default-hsla: var(--dt-color-border-default-hsla);
1750
+ --dt-inputs-color-border-default: var(--dt-color-border-default);
1751
1751
  --dt-inputs-color-foreground-disabled-h: var(--dt-color-foreground-disabled-h);
1752
1752
  --dt-inputs-color-foreground-disabled-s: var(--dt-color-foreground-disabled-s);
1753
1753
  --dt-inputs-color-foreground-disabled-l: var(--dt-color-foreground-disabled-l);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-css",
3
- "version": "8.45.2",
3
+ "version": "8.45.3",
4
4
  "description": "Dialpad's design system",
5
5
  "keywords": [
6
6
  "Dialpad",
@@ -88,7 +88,7 @@
88
88
  "semantic-release": "^21.0.6",
89
89
  "through2": "^4.0.2",
90
90
  "yargs": "^17.7.2",
91
- "@dialpad/dialtone-tokens": "1.36.6",
91
+ "@dialpad/dialtone-tokens": "1.36.7",
92
92
  "@dialpad/postcss-responsive-variations": "1.1.5"
93
93
  },
94
94
  "peerDependencies": {