@dialpad/dialtone-css 8.56.0 → 8.57.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/lib/build/less/components/button.less +17 -0
  2. package/lib/build/less/components/description-list.less +2 -2
  3. package/lib/build/less/dialtone-reset.less +2 -0
  4. package/lib/build/less/recipes/ivr_node.less +1 -1
  5. package/lib/build/less/utilities/sizing.less +9 -0
  6. package/lib/dist/dialtone-default-theme.css +63 -7
  7. package/lib/dist/dialtone-default-theme.min.css +1 -1
  8. package/lib/dist/dialtone-docs.json +1 -1
  9. package/lib/dist/dialtone.css +59 -3
  10. package/lib/dist/dialtone.min.css +1 -1
  11. package/lib/dist/tokens/tokens-base-dark.css +1 -1
  12. package/lib/dist/tokens/tokens-base-deca-dark.css +1 -1
  13. package/lib/dist/tokens/tokens-base-deca-light.css +1 -1
  14. package/lib/dist/tokens/tokens-base-light.css +1 -1
  15. package/lib/dist/tokens/tokens-debug-base.css +1 -1
  16. package/lib/dist/tokens/tokens-debug-dp.css +3 -3
  17. package/lib/dist/tokens/tokens-deca-dark.css +27 -27
  18. package/lib/dist/tokens/tokens-deca-light.css +3 -3
  19. package/lib/dist/tokens/tokens-dp-dark.css +27 -27
  20. package/lib/dist/tokens/tokens-dp-light.css +3 -3
  21. package/lib/dist/tokens/tokens-expressive-dark.css +27 -27
  22. package/lib/dist/tokens/tokens-expressive-light.css +3 -3
  23. package/lib/dist/tokens/tokens-expressive-sm-dark.css +27 -27
  24. package/lib/dist/tokens/tokens-expressive-sm-light.css +3 -3
  25. package/lib/dist/tokens/tokens-tmo-dark.css +27 -27
  26. package/lib/dist/tokens/tokens-tmo-light.css +3 -3
  27. package/lib/dist/tokens-docs.json +1 -1
  28. package/package.json +2 -2
package/lib/dist/tokens/tokens-expressive-light.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
191
191
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
192
192
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
193
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
193
194
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
194
195
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
195
196
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -545,6 +546,7 @@
545
546
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
546
547
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
547
548
  --dt-color-border-accent: var(--dt-color-brand-magenta);
549
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
548
550
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
549
551
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
550
552
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -776,6 +778,7 @@
776
778
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
777
779
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
778
780
  --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
781
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
779
782
  --dt-color-surface-backdrop-h: 0;
780
783
  --dt-color-surface-backdrop-s: 0%;
781
784
  --dt-color-surface-backdrop-l: 0%;
@@ -1591,7 +1594,6 @@
1591
1594
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1592
1595
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1593
1596
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1594
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1595
1597
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1596
1598
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1597
1599
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2108,8 +2110,6 @@
2108
2110
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
2109
2111
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2110
2112
  --dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
2111
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2112
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2113
2113
  --dt-color-surface-primary-opaque-inverted-h: 0;
2114
2114
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2115
2115
  --dt-color-surface-primary-opaque-inverted-l: 0%;
package/lib/dist/tokens/tokens-expressive-sm-dark.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
191
191
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
192
192
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
193
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
193
194
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
194
195
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
195
196
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -538,6 +539,7 @@
538
539
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
539
540
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
540
541
  --dt-color-border-accent: var(--dt-color-brand-magenta);
542
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
541
543
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
542
544
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
543
545
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -769,6 +771,7 @@
769
771
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
770
772
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 14%));
771
773
  --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
774
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
772
775
  --dt-color-surface-backdrop-h: 0;
773
776
  --dt-color-surface-backdrop-s: 0%;
774
777
  --dt-color-surface-backdrop-l: 0%;
@@ -1049,13 +1052,13 @@
1049
1052
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1050
1053
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1051
1054
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1052
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1053
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1054
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1055
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1056
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1057
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1055
1058
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1056
1059
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1057
1060
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1058
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1061
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1059
1062
  --dt-color-surface-critical-subtle-opaque-h: 344;
1060
1063
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1061
1064
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1084,13 +1087,13 @@
1084
1087
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1085
1088
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1086
1089
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1087
- --dt-color-surface-warning-opaque-h: 34.9;
1088
- --dt-color-surface-warning-opaque-s: 90.8%;
1089
- --dt-color-surface-warning-opaque-l: 17.1%;
1090
- --dt-color-surface-warning-opaque-a: 35%;
1090
+ --dt-color-surface-warning-opaque-h: 35.7;
1091
+ --dt-color-surface-warning-opaque-s: 88.3%;
1092
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1093
+ --dt-color-surface-warning-opaque-a: 55%;
1091
1094
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1092
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1093
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1095
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1096
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1094
1097
  --dt-color-surface-critical-opaque-h: 343;
1095
1098
  --dt-color-surface-critical-opaque-s: 72.9%;
1096
1099
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1189,13 +1192,13 @@
1189
1192
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1190
1193
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1191
1194
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1192
- --dt-color-surface-warning-subtle-h: 35.7;
1193
- --dt-color-surface-warning-subtle-s: 91.3%;
1194
- --dt-color-surface-warning-subtle-l: 4.51%;
1195
- --dt-color-surface-warning-subtle-a: 100%;
1196
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1197
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1198
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1195
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1196
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1197
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1198
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1199
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1200
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1201
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1199
1202
  --dt-color-surface-critical-subtle-h: 343;
1200
1203
  --dt-color-surface-critical-subtle-s: 100%;
1201
1204
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1224,13 +1227,13 @@
1224
1227
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1225
1228
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1226
1229
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1227
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1228
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1229
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1230
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1231
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1232
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1233
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1230
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1231
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1232
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1233
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1234
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1235
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1236
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1234
1237
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1235
1238
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1236
1239
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1584,7 +1587,6 @@
1584
1587
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1585
1588
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1586
1589
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1587
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1588
1590
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1589
1591
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1590
1592
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2115,8 +2117,6 @@
2115
2117
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
2116
2118
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2117
2119
  --dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
2118
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2119
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2120
2120
  --dt-color-surface-primary-opaque-inverted-h: 0;
2121
2121
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2122
2122
  --dt-color-surface-primary-opaque-inverted-l: 100%;
package/lib/dist/tokens/tokens-expressive-sm-light.css CHANGED
@@ -190,6 +190,7 @@
190
190
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
191
191
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
192
192
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
193
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
193
194
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
194
195
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
195
196
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -545,6 +546,7 @@
545
546
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
546
547
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
547
548
  --dt-color-border-accent: var(--dt-color-brand-magenta);
549
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
548
550
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
549
551
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
550
552
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -776,6 +778,7 @@
776
778
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
777
779
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
778
780
  --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
781
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
779
782
  --dt-color-surface-backdrop-h: 0;
780
783
  --dt-color-surface-backdrop-s: 0%;
781
784
  --dt-color-surface-backdrop-l: 0%;
@@ -1591,7 +1594,6 @@
1591
1594
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1592
1595
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1593
1596
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1594
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1595
1597
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1596
1598
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1597
1599
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2108,8 +2110,6 @@
2108
2110
  --dt-typography-body-md-compact-font-family: var(--dt-font-family-expressive); /* A tighter-spaced version of medium body style. */
2109
2111
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2110
2112
  --dt-typography-body-md-font-family: var(--dt-font-family-expressive); /* Base default medium text style for main content. */
2111
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2112
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2113
2113
  --dt-color-surface-primary-opaque-inverted-h: 0;
2114
2114
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2115
2115
  --dt-color-surface-primary-opaque-inverted-l: 0%;
package/lib/dist/tokens/tokens-tmo-dark.css CHANGED
@@ -359,6 +359,7 @@
359
359
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
360
360
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
361
361
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
362
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
362
363
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
363
364
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
364
365
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -769,6 +770,7 @@
769
770
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
770
771
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
771
772
  --dt-color-border-accent: var(--dt-color-brand-magenta);
773
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
772
774
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
773
775
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
774
776
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -958,6 +960,7 @@
958
960
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
959
961
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 14%));
960
962
  --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
963
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
961
964
  --dt-color-surface-backdrop-h: 0;
962
965
  --dt-color-surface-backdrop-s: 0%;
963
966
  --dt-color-surface-backdrop-l: 0%;
@@ -1231,13 +1234,13 @@
1231
1234
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1232
1235
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1233
1236
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1234
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1235
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1236
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1237
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1238
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1239
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1237
1240
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1238
1241
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1239
1242
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1240
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1243
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1241
1244
  --dt-color-surface-critical-subtle-opaque-h: 344;
1242
1245
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1243
1246
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1259,13 +1262,13 @@
1259
1262
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1260
1263
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1261
1264
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1262
- --dt-color-surface-warning-opaque-h: 34.9;
1263
- --dt-color-surface-warning-opaque-s: 90.8%;
1264
- --dt-color-surface-warning-opaque-l: 17.1%;
1265
- --dt-color-surface-warning-opaque-a: 35%;
1265
+ --dt-color-surface-warning-opaque-h: 35.7;
1266
+ --dt-color-surface-warning-opaque-s: 88.3%;
1267
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1268
+ --dt-color-surface-warning-opaque-a: 55%;
1266
1269
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1267
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1268
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1270
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1271
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1269
1272
  --dt-color-surface-critical-opaque-h: 343;
1270
1273
  --dt-color-surface-critical-opaque-s: 72.9%;
1271
1274
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1350,13 +1353,13 @@
1350
1353
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1351
1354
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1352
1355
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1353
- --dt-color-surface-warning-subtle-h: 35.7;
1354
- --dt-color-surface-warning-subtle-s: 91.3%;
1355
- --dt-color-surface-warning-subtle-l: 4.51%;
1356
- --dt-color-surface-warning-subtle-a: 100%;
1357
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1358
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1359
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1356
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1357
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1358
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1359
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1360
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1361
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1362
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1360
1363
  --dt-color-surface-critical-subtle-h: 343;
1361
1364
  --dt-color-surface-critical-subtle-s: 100%;
1362
1365
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1378,13 +1381,13 @@
1378
1381
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1379
1382
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1380
1383
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1381
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1382
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1383
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1384
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1385
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1386
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1387
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1384
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1385
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1386
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1387
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1388
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1389
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1390
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1388
1391
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1389
1392
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1390
1393
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
@@ -1688,7 +1691,6 @@
1688
1691
  --dt-badge-color-foreground-bulletin-subtle-hsl: var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l);
1689
1692
  --dt-badge-color-foreground-bulletin-subtle-hsla: hsl(var(--dt-badge-color-foreground-bulletin-subtle-h) var(--dt-badge-color-foreground-bulletin-subtle-s) var(--dt-badge-color-foreground-bulletin-subtle-l) / var(--alpha, 100%));
1690
1693
  --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
1691
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1692
1694
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1693
1695
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1694
1696
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2158,8 +2160,6 @@
2158
2160
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2159
2161
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2160
2162
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2161
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2162
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2163
2163
  --dt-color-surface-primary-opaque-inverted-h: 0;
2164
2164
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2165
2165
  --dt-color-surface-primary-opaque-inverted-l: 100%;
package/lib/dist/tokens/tokens-tmo-light.css CHANGED
@@ -373,6 +373,7 @@
373
373
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
374
374
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
375
375
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
376
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
376
377
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
377
378
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
378
379
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -783,6 +784,7 @@
783
784
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
784
785
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
785
786
  --dt-color-border-accent: var(--dt-color-brand-magenta);
787
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
786
788
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
787
789
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
788
790
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -972,6 +974,7 @@
972
974
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
973
975
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 11%));
974
976
  --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
977
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
975
978
  --dt-color-surface-backdrop-h: 0;
976
979
  --dt-color-surface-backdrop-s: 0%;
977
980
  --dt-color-surface-backdrop-l: 0%;
@@ -1695,7 +1698,6 @@
1695
1698
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1696
1699
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1697
1700
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1698
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1699
1701
  --dt-badge-color-background-default-h: var(--dt-color-surface-moderate-opaque-h);
1700
1702
  --dt-badge-color-background-default-s: var(--dt-color-surface-moderate-opaque-s);
1701
1703
  --dt-badge-color-background-default-l: var(--dt-color-surface-moderate-opaque-l);
@@ -2158,8 +2160,6 @@
2158
2160
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2159
2161
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2160
2162
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2161
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2162
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2163
2163
  --dt-color-surface-primary-opaque-inverted-h: 0;
2164
2164
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2165
2165
  --dt-color-surface-primary-opaque-inverted-l: 0%;