@dialpad/dialtone-tokens 1.42.0 → 1.43.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 (118) hide show
  1. package/dist/android/java/tokens-base-dark.kt +1 -0
  2. package/dist/android/java/tokens-base-deca-dark.kt +1 -0
  3. package/dist/android/java/tokens-base-deca-light.kt +1 -0
  4. package/dist/android/java/tokens-base-light.kt +1 -0
  5. package/dist/android/java/tokens-deca-dark.kt +7 -4
  6. package/dist/android/java/tokens-deca-light.kt +3 -0
  7. package/dist/android/java/tokens-dp-dark.kt +7 -4
  8. package/dist/android/java/tokens-dp-light.kt +3 -0
  9. package/dist/android/java/tokens-expressive-dark.kt +7 -4
  10. package/dist/android/java/tokens-expressive-light.kt +3 -0
  11. package/dist/android/java/tokens-expressive-sm-dark.kt +7 -4
  12. package/dist/android/java/tokens-expressive-sm-light.kt +3 -0
  13. package/dist/android/java/tokens-tmo-dark.kt +7 -4
  14. package/dist/android/java/tokens-tmo-light.kt +3 -0
  15. package/dist/android/res/values/colors-base-dark.xml +1 -0
  16. package/dist/android/res/values/colors-base-deca-dark.xml +1 -0
  17. package/dist/android/res/values/colors-base-deca-light.xml +1 -0
  18. package/dist/android/res/values/colors-base-light.xml +1 -0
  19. package/dist/android/res/values/colors-deca-dark.xml +7 -4
  20. package/dist/android/res/values/colors-deca-light.xml +3 -0
  21. package/dist/android/res/values/colors-dp-dark.xml +7 -4
  22. package/dist/android/res/values/colors-dp-light.xml +3 -0
  23. package/dist/android/res/values/colors-expressive-dark.xml +7 -4
  24. package/dist/android/res/values/colors-expressive-light.xml +3 -0
  25. package/dist/android/res/values/colors-expressive-sm-dark.xml +7 -4
  26. package/dist/android/res/values/colors-expressive-sm-light.xml +3 -0
  27. package/dist/android/res/values/colors-tmo-dark.xml +7 -4
  28. package/dist/android/res/values/colors-tmo-light.xml +3 -0
  29. package/dist/css/tokens-base-dark.css +1 -1
  30. package/dist/css/tokens-base-deca-dark.css +1 -1
  31. package/dist/css/tokens-base-deca-light.css +1 -1
  32. package/dist/css/tokens-base-light.css +1 -1
  33. package/dist/css/tokens-debug-base.css +1 -1
  34. package/dist/css/tokens-debug-dp.css +3 -3
  35. package/dist/css/tokens-deca-dark.css +27 -27
  36. package/dist/css/tokens-deca-light.css +3 -3
  37. package/dist/css/tokens-dp-dark.css +27 -27
  38. package/dist/css/tokens-dp-light.css +3 -3
  39. package/dist/css/tokens-expressive-dark.css +27 -27
  40. package/dist/css/tokens-expressive-light.css +3 -3
  41. package/dist/css/tokens-expressive-sm-dark.css +27 -27
  42. package/dist/css/tokens-expressive-sm-light.css +3 -3
  43. package/dist/css/tokens-tmo-dark.css +27 -27
  44. package/dist/css/tokens-tmo-light.css +3 -3
  45. package/dist/doc.json +26371 -26396
  46. package/dist/ios/tokens-base-dark.swift +1 -0
  47. package/dist/ios/tokens-base-deca-dark.swift +1 -0
  48. package/dist/ios/tokens-base-deca-light.swift +1 -0
  49. package/dist/ios/tokens-base-light.swift +1 -0
  50. package/dist/ios/tokens-deca-dark.swift +7 -4
  51. package/dist/ios/tokens-deca-light.swift +3 -0
  52. package/dist/ios/tokens-dp-dark.swift +7 -4
  53. package/dist/ios/tokens-dp-light.swift +3 -0
  54. package/dist/ios/tokens-expressive-dark.swift +7 -4
  55. package/dist/ios/tokens-expressive-light.swift +3 -0
  56. package/dist/ios/tokens-expressive-sm-dark.swift +7 -4
  57. package/dist/ios/tokens-expressive-sm-light.swift +3 -0
  58. package/dist/ios/tokens-tmo-dark.swift +7 -4
  59. package/dist/ios/tokens-tmo-light.swift +3 -0
  60. package/dist/less/tokens-base-dark.less +1 -1
  61. package/dist/less/tokens-base-deca-dark.less +1 -1
  62. package/dist/less/tokens-base-deca-light.less +1 -1
  63. package/dist/less/tokens-base-light.less +1 -1
  64. package/dist/less/tokens-deca-dark.less +7 -7
  65. package/dist/less/tokens-deca-light.less +3 -3
  66. package/dist/less/tokens-dp-dark.less +7 -7
  67. package/dist/less/tokens-dp-light.less +3 -3
  68. package/dist/less/tokens-expressive-dark.less +7 -7
  69. package/dist/less/tokens-expressive-light.less +3 -3
  70. package/dist/less/tokens-expressive-sm-dark.less +7 -7
  71. package/dist/less/tokens-expressive-sm-light.less +3 -3
  72. package/dist/less/tokens-tmo-dark.less +7 -7
  73. package/dist/less/tokens-tmo-light.less +3 -3
  74. package/dist/themes/chunks/tokens-base-dark-CKvoqrK2.js +1 -0
  75. package/dist/themes/chunks/tokens-base-dark-CLL9Sz8C.js +4 -0
  76. package/dist/themes/chunks/tokens-base-light-C7afXvK5.js +4 -0
  77. package/dist/themes/chunks/tokens-base-light-DgGeYJGp.js +1 -0
  78. package/dist/themes/debug.cjs +1 -1
  79. package/dist/themes/debug.js +1 -1
  80. package/dist/themes/dp-dark.cjs +1 -1
  81. package/dist/themes/dp-dark.js +2 -2
  82. package/dist/themes/dp-deca-dark.cjs +1 -1
  83. package/dist/themes/dp-deca-dark.js +1 -1
  84. package/dist/themes/dp-deca-light.cjs +1 -1
  85. package/dist/themes/dp-deca-light.js +1 -1
  86. package/dist/themes/dp-light.cjs +1 -1
  87. package/dist/themes/dp-light.js +2 -2
  88. package/dist/themes/expressive-dark.cjs +1 -1
  89. package/dist/themes/expressive-dark.js +2 -2
  90. package/dist/themes/expressive-light.cjs +1 -1
  91. package/dist/themes/expressive-light.js +2 -2
  92. package/dist/themes/expressive-sm-dark.cjs +1 -1
  93. package/dist/themes/expressive-sm-dark.js +2 -2
  94. package/dist/themes/expressive-sm-light.cjs +1 -1
  95. package/dist/themes/expressive-sm-light.js +2 -2
  96. package/dist/themes/tmo-dark.cjs +1 -1
  97. package/dist/themes/tmo-dark.js +2 -2
  98. package/dist/themes/tmo-light.cjs +1 -1
  99. package/dist/themes/tmo-light.js +2 -2
  100. package/dist/tokens-base-dark.json +1 -1
  101. package/dist/tokens-base-deca-dark.json +1 -1
  102. package/dist/tokens-base-deca-light.json +1 -1
  103. package/dist/tokens-base-light.json +1 -1
  104. package/dist/tokens-deca-dark.json +6 -6
  105. package/dist/tokens-deca-light.json +3 -3
  106. package/dist/tokens-dp-dark.json +6 -6
  107. package/dist/tokens-dp-light.json +3 -3
  108. package/dist/tokens-expressive-dark.json +6 -6
  109. package/dist/tokens-expressive-light.json +3 -3
  110. package/dist/tokens-expressive-sm-dark.json +6 -6
  111. package/dist/tokens-expressive-sm-light.json +3 -3
  112. package/dist/tokens-tmo-dark.json +6 -6
  113. package/dist/tokens-tmo-light.json +3 -3
  114. package/package.json +1 -1
  115. package/dist/themes/chunks/tokens-base-dark-B42c8NRe.js +0 -1
  116. package/dist/themes/chunks/tokens-base-dark-D3XlzClW.js +0 -4
  117. package/dist/themes/chunks/tokens-base-light-5p3ZOPKU.js +0 -1
  118. package/dist/themes/chunks/tokens-base-light-C_G4p7UU.js +0 -4
package/dist/css/tokens-dp-light.css CHANGED
@@ -205,6 +205,7 @@
205
205
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
206
206
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
207
207
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
208
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
208
209
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
209
210
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
210
211
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -594,6 +595,7 @@
594
595
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
595
596
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
596
597
  --dt-color-border-accent: var(--dt-color-brand-magenta);
598
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
597
599
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
598
600
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
599
601
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -825,6 +827,7 @@
825
827
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
826
828
  --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%));
827
829
  --dt-color-border-subtle: hsl(0 0% 11% / 0.11);
830
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
828
831
  --dt-color-surface-backdrop-h: 0;
829
832
  --dt-color-surface-backdrop-s: 0%;
830
833
  --dt-color-surface-backdrop-l: 0%;
@@ -1639,7 +1642,6 @@
1639
1642
  --dt-badge-color-border-default-hsl: var(--dt-color-border-subtle-hsl);
1640
1643
  --dt-badge-color-border-default-hsla: var(--dt-color-border-subtle-hsla);
1641
1644
  --dt-badge-color-border-default: var(--dt-color-border-subtle);
1642
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1643
1645
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1644
1646
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1645
1647
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2137,8 +2139,6 @@
2137
2139
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2138
2140
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2139
2141
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2140
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2141
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2142
2142
  --dt-color-surface-primary-opaque-inverted-h: 0;
2143
2143
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2144
2144
  --dt-color-surface-primary-opaque-inverted-l: 0%;
package/dist/css/tokens-expressive-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/dist/css/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/dist/css/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/dist/css/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/dist/css/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/dist/css/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%;