@dialpad/dialtone 9.115.1 → 9.117.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 (132) hide show
  1. package/dist/css/dialtone-default-theme.css +19 -4
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +15 -0
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-base-dark.css +1 -1
  7. package/dist/css/tokens/tokens-base-deca-dark.css +1 -1
  8. package/dist/css/tokens/tokens-base-deca-light.css +1 -1
  9. package/dist/css/tokens/tokens-base-light.css +1 -1
  10. package/dist/css/tokens/tokens-debug-base.css +1 -1
  11. package/dist/css/tokens/tokens-debug-dp.css +3 -3
  12. package/dist/css/tokens/tokens-deca-dark.css +3 -3
  13. package/dist/css/tokens/tokens-deca-light.css +3 -3
  14. package/dist/css/tokens/tokens-dp-dark.css +3 -3
  15. package/dist/css/tokens/tokens-dp-light.css +3 -3
  16. package/dist/css/tokens/tokens-expressive-dark.css +3 -3
  17. package/dist/css/tokens/tokens-expressive-light.css +3 -3
  18. package/dist/css/tokens/tokens-expressive-sm-dark.css +3 -3
  19. package/dist/css/tokens/tokens-expressive-sm-light.css +3 -3
  20. package/dist/css/tokens/tokens-tmo-dark.css +3 -3
  21. package/dist/css/tokens/tokens-tmo-light.css +3 -3
  22. package/dist/css/tokens-docs.json +1 -1
  23. package/dist/tokens/css/tokens-base-dark.css +1 -1
  24. package/dist/tokens/css/tokens-base-deca-dark.css +1 -1
  25. package/dist/tokens/css/tokens-base-deca-light.css +1 -1
  26. package/dist/tokens/css/tokens-base-light.css +1 -1
  27. package/dist/tokens/css/tokens-debug-base.css +1 -1
  28. package/dist/tokens/css/tokens-debug-dp.css +3 -3
  29. package/dist/tokens/css/tokens-deca-dark.css +3 -3
  30. package/dist/tokens/css/tokens-deca-light.css +3 -3
  31. package/dist/tokens/css/tokens-dp-dark.css +3 -3
  32. package/dist/tokens/css/tokens-dp-light.css +3 -3
  33. package/dist/tokens/css/tokens-expressive-dark.css +3 -3
  34. package/dist/tokens/css/tokens-expressive-light.css +3 -3
  35. package/dist/tokens/css/tokens-expressive-sm-dark.css +3 -3
  36. package/dist/tokens/css/tokens-expressive-sm-light.css +3 -3
  37. package/dist/tokens/css/tokens-tmo-dark.css +3 -3
  38. package/dist/tokens/css/tokens-tmo-light.css +3 -3
  39. package/dist/tokens/doc.json +9973 -9973
  40. package/dist/tokens/less/tokens-base-dark.less +1 -1
  41. package/dist/tokens/less/tokens-base-deca-dark.less +1 -1
  42. package/dist/tokens/less/tokens-base-deca-light.less +1 -1
  43. package/dist/tokens/less/tokens-base-light.less +1 -1
  44. package/dist/tokens/less/tokens-deca-dark.less +3 -3
  45. package/dist/tokens/less/tokens-deca-light.less +3 -3
  46. package/dist/tokens/less/tokens-dp-dark.less +3 -3
  47. package/dist/tokens/less/tokens-dp-light.less +3 -3
  48. package/dist/tokens/less/tokens-expressive-dark.less +3 -3
  49. package/dist/tokens/less/tokens-expressive-light.less +3 -3
  50. package/dist/tokens/less/tokens-expressive-sm-dark.less +3 -3
  51. package/dist/tokens/less/tokens-expressive-sm-light.less +3 -3
  52. package/dist/tokens/less/tokens-tmo-dark.less +3 -3
  53. package/dist/tokens/less/tokens-tmo-light.less +3 -3
  54. package/dist/tokens/themes/chunks/tokens-base-dark-CKvoqrK2.js +1 -0
  55. package/dist/tokens/themes/chunks/tokens-base-dark-CLL9Sz8C.js +4 -0
  56. package/dist/tokens/themes/chunks/tokens-base-light-C7afXvK5.js +4 -0
  57. package/dist/tokens/themes/chunks/tokens-base-light-DgGeYJGp.js +1 -0
  58. package/dist/tokens/themes/debug.cjs +1 -1
  59. package/dist/tokens/themes/debug.js +1 -1
  60. package/dist/tokens/themes/dp-dark.cjs +1 -1
  61. package/dist/tokens/themes/dp-dark.js +2 -2
  62. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  63. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  64. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  65. package/dist/tokens/themes/dp-deca-light.js +1 -1
  66. package/dist/tokens/themes/dp-light.cjs +1 -1
  67. package/dist/tokens/themes/dp-light.js +2 -2
  68. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  69. package/dist/tokens/themes/expressive-dark.js +2 -2
  70. package/dist/tokens/themes/expressive-light.cjs +1 -1
  71. package/dist/tokens/themes/expressive-light.js +2 -2
  72. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-sm-dark.js +2 -2
  74. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-sm-light.js +2 -2
  76. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  77. package/dist/tokens/themes/tmo-dark.js +2 -2
  78. package/dist/tokens/themes/tmo-light.cjs +1 -1
  79. package/dist/tokens/themes/tmo-light.js +2 -2
  80. package/dist/tokens/tokens-base-dark.json +1 -1
  81. package/dist/tokens/tokens-base-deca-dark.json +1 -1
  82. package/dist/tokens/tokens-base-deca-light.json +1 -1
  83. package/dist/tokens/tokens-base-light.json +1 -1
  84. package/dist/tokens/tokens-deca-dark.json +3 -3
  85. package/dist/tokens/tokens-deca-light.json +3 -3
  86. package/dist/tokens/tokens-dp-dark.json +3 -3
  87. package/dist/tokens/tokens-dp-light.json +3 -3
  88. package/dist/tokens/tokens-expressive-dark.json +3 -3
  89. package/dist/tokens/tokens-expressive-light.json +3 -3
  90. package/dist/tokens/tokens-expressive-sm-dark.json +3 -3
  91. package/dist/tokens/tokens-expressive-sm-light.json +3 -3
  92. package/dist/tokens/tokens-tmo-dark.json +3 -3
  93. package/dist/tokens/tokens-tmo-light.json +3 -3
  94. package/dist/vue2/component-documentation.json +1 -1
  95. package/dist/vue2/lib/button/button-constants.cjs +1 -1
  96. package/dist/vue2/lib/button/button-constants.cjs.map +1 -1
  97. package/dist/vue2/lib/button/button-constants.js +18 -15
  98. package/dist/vue2/lib/button/button-constants.js.map +1 -1
  99. package/dist/vue2/lib/button/button.cjs +1 -1
  100. package/dist/vue2/lib/button/button.cjs.map +1 -1
  101. package/dist/vue2/lib/button/button.js +25 -17
  102. package/dist/vue2/lib/button/button.js.map +1 -1
  103. package/dist/vue2/lib/editor/editor.cjs +1 -1
  104. package/dist/vue2/lib/editor/editor.cjs.map +1 -1
  105. package/dist/vue2/lib/editor/editor.js +53 -53
  106. package/dist/vue2/lib/editor/editor.js.map +1 -1
  107. package/dist/vue2/types/components/button/button.vue.d.ts.map +1 -1
  108. package/dist/vue2/types/components/button/button_constants.d.ts +3 -0
  109. package/dist/vue2/types/components/button/button_constants.d.ts.map +1 -1
  110. package/dist/vue2/types/components/item_layout/item_layout.vue.d.ts +1 -1
  111. package/dist/vue3/component-documentation.json +1 -1
  112. package/dist/vue3/lib/button/button-constants.cjs +1 -1
  113. package/dist/vue3/lib/button/button-constants.cjs.map +1 -1
  114. package/dist/vue3/lib/button/button-constants.js +18 -15
  115. package/dist/vue3/lib/button/button-constants.js.map +1 -1
  116. package/dist/vue3/lib/button/button.cjs +1 -1
  117. package/dist/vue3/lib/button/button.cjs.map +1 -1
  118. package/dist/vue3/lib/button/button.js +33 -25
  119. package/dist/vue3/lib/button/button.js.map +1 -1
  120. package/dist/vue3/lib/editor/editor.cjs +1 -1
  121. package/dist/vue3/lib/editor/editor.cjs.map +1 -1
  122. package/dist/vue3/lib/editor/editor.js +13 -13
  123. package/dist/vue3/lib/editor/editor.js.map +1 -1
  124. package/dist/vue3/types/components/button/button.vue.d.ts.map +1 -1
  125. package/dist/vue3/types/components/button/button_constants.d.ts +3 -0
  126. package/dist/vue3/types/components/button/button_constants.d.ts.map +1 -1
  127. package/dist/vue3/types/components/item_layout/item_layout.vue.d.ts +1 -1
  128. package/package.json +3 -3
  129. package/dist/tokens/themes/chunks/tokens-base-dark-B42c8NRe.js +0 -1
  130. package/dist/tokens/themes/chunks/tokens-base-dark-D3XlzClW.js +0 -4
  131. package/dist/tokens/themes/chunks/tokens-base-light-5p3ZOPKU.js +0 -1
  132. package/dist/tokens/themes/chunks/tokens-base-light-C_G4p7UU.js +0 -4
package/dist/css/tokens/tokens-base-dark.css CHANGED
@@ -155,6 +155,7 @@
155
155
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
156
156
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
157
157
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
158
+ --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
158
159
  --dt-color-indigo-1000-h: 217.49999999999986;
159
160
  --dt-color-indigo-1000-s: 50%;
160
161
  --dt-color-indigo-1000-l: 96.8627450980392%;
@@ -1760,7 +1761,6 @@
1760
1761
  --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
1761
1762
  --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
1762
1763
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
1763
- --dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, var(--dt-color-brand-red) 30%, var(--dt-color-brand-magenta) 75%, #AE3ADF 100%);
1764
1764
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
1765
1765
  --dt-size-base: calc(1rem * 0.8);
1766
1766
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
package/dist/css/tokens/tokens-base-deca-dark.css CHANGED
@@ -155,6 +155,7 @@
155
155
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
156
156
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
157
157
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
158
+ --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%);
158
159
  --dt-color-indigo-1000-h: 217.49999999999986;
159
160
  --dt-color-indigo-1000-s: 50%;
160
161
  --dt-color-indigo-1000-l: 96.8627450980392%;
@@ -1760,7 +1761,6 @@
1760
1761
  --dt-shadow-large: var(--dt-shadow-large-1-offset-x) var(--dt-shadow-large-1-offset-y) var(--dt-shadow-large-1-blur) var(--dt-shadow-large-1-spread) var(--dt-shadow-large-1-color), var(--dt-shadow-large-2-offset-x) var(--dt-shadow-large-2-offset-y) var(--dt-shadow-large-2-blur) var(--dt-shadow-large-2-spread) var(--dt-shadow-large-2-color), var(--dt-shadow-large-3-offset-x) var(--dt-shadow-large-3-offset-y) var(--dt-shadow-large-3-blur) var(--dt-shadow-large-3-spread) var(--dt-shadow-large-3-color), var(--dt-shadow-large-4-offset-x) var(--dt-shadow-large-4-offset-y) var(--dt-shadow-large-4-blur) var(--dt-shadow-large-4-spread) var(--dt-shadow-large-4-color), var(--dt-shadow-large-5-offset-x) var(--dt-shadow-large-5-offset-y) var(--dt-shadow-large-5-blur) var(--dt-shadow-large-5-spread) var(--dt-shadow-large-5-color);
1761
1762
  --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
1762
1763
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
1763
- --dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, var(--dt-color-brand-red) 30%, var(--dt-color-brand-magenta) 75%, #AE3ADF 100%);
1764
1764
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
1765
1765
  --dt-size-base: calc(1rem * 0.8);
1766
1766
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
package/dist/css/tokens/tokens-base-deca-light.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
106
106
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
107
107
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
108
+ --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
108
109
  --dt-color-indigo-1000-h: 203.2258064516129;
109
110
  --dt-color-indigo-1000-s: 100%;
110
111
  --dt-color-indigo-1000-l: 6.078431372549019%;
@@ -1520,7 +1521,6 @@
1520
1521
  --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
1521
1522
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
1522
1523
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
1523
- --dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, var(--dt-color-brand-red) 25%, var(--dt-color-brand-magenta) 66%, #9D42EA 100%); /* Gradient for Ai-oriented treatments. */
1524
1524
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
1525
1525
  --dt-size-base: calc(1rem * 0.8);
1526
1526
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
package/dist/css/tokens/tokens-base-light.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
106
106
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
107
107
  --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
108
+ --dt-color-gradient-gold-red-magenta-purple: linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 70.08%, #FB7328 90.02%, #F3960F 97.29%, #F3960F 100%); /* Gradient for Ai-oriented treatments. */
108
109
  --dt-color-indigo-1000-h: 203.2258064516129;
109
110
  --dt-color-indigo-1000-s: 100%;
110
111
  --dt-color-indigo-1000-l: 6.078431372549019%;
@@ -1520,7 +1521,6 @@
1520
1521
  --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
1521
1522
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
1522
1523
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
1523
- --dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, var(--dt-color-brand-red) 25%, var(--dt-color-brand-magenta) 66%, #9D42EA 100%); /* Gradient for Ai-oriented treatments. */
1524
1524
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
1525
1525
  --dt-size-base: calc(1rem * 0.8);
1526
1526
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
package/dist/css/tokens/tokens-debug-base.css CHANGED
@@ -105,6 +105,7 @@
105
105
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
106
106
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
107
107
  --dt-color-brand-purple: #ff5c00; /* Primary brand color. */
108
+ --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
108
109
  --dt-color-indigo-1000-h: 22;
109
110
  --dt-color-indigo-1000-s: 100%;
110
111
  --dt-color-indigo-1000-l: 50%;
@@ -1520,7 +1521,6 @@
1520
1521
  --dt-shadow-large: var(--dt-shadow-large-offset-x) var(--dt-shadow-large-offset-y) var(--dt-shadow-large-blur) var(--dt-shadow-large-spread) var(--dt-shadow-large-color);
1521
1522
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
1522
1523
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
1523
- --dt-color-gradient-gold-red-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
1524
1524
  --dt-color-gradient-magenta-purple: #ff5c00; /* Gradient for Ai-oriented treatments. */
1525
1525
  --dt-size-base: calc(1rem * 0.8);
1526
1526
  --dt-font-family-expressive: "Season Mix", var(--dt-font-family-body);
package/dist/css/tokens/tokens-debug-dp.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: #ff5c00;
208
+ --dt-badge-color-background-ai: #ff5c00;
208
209
  --dt-badge-color-background-bulletin-subtle-h: 22;
209
210
  --dt-badge-color-background-bulletin-subtle-s: 100%;
210
211
  --dt-badge-color-background-bulletin-subtle-l: 50%;
@@ -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: #ff5c00;
598
+ --dt-color-border-ai: #ff5c00;
597
599
  --dt-color-border-focus-h: 22;
598
600
  --dt-color-border-focus-s: 100%;
599
601
  --dt-color-border-focus-l: 50%;
@@ -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: #ff5c00;
830
+ --dt-color-surface-ai: #ff5c00;
828
831
  --dt-color-surface-backdrop-h: 22;
829
832
  --dt-color-surface-backdrop-s: 100%;
830
833
  --dt-color-surface-backdrop-l: 50%;
@@ -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: #ff5c00;
1642
- --dt-badge-color-background-ai: #ff5c00;
1643
1645
  --dt-badge-color-background-bulletin-h: 22;
1644
1646
  --dt-badge-color-background-bulletin-s: 100%;
1645
1647
  --dt-badge-color-background-bulletin-l: 50%;
@@ -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: #ff5c00;
2141
- --dt-color-surface-ai: #ff5c00;
2142
2142
  --dt-color-surface-primary-opaque-inverted-h: 22;
2143
2143
  --dt-color-surface-primary-opaque-inverted-s: 100%;
2144
2144
  --dt-color-surface-primary-opaque-inverted-l: 50%;
package/dist/css/tokens/tokens-deca-dark.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
199
199
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
200
200
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
201
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
201
202
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
202
203
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
203
204
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -580,6 +581,7 @@
580
581
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
581
582
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
582
583
  --dt-color-border-accent: var(--dt-color-brand-magenta);
584
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
583
585
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
584
586
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
585
587
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -811,6 +813,7 @@
811
813
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
812
814
  --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%));
813
815
  --dt-color-border-subtle: lch(88 2.23 62.9 / 0.11);
816
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
814
817
  --dt-color-surface-backdrop-h: 0;
815
818
  --dt-color-surface-backdrop-s: 0%;
816
819
  --dt-color-surface-backdrop-l: 0%;
@@ -1632,7 +1635,6 @@
1632
1635
  --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);
1633
1636
  --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%));
1634
1637
  --dt-badge-color-foreground-bulletin-subtle: hsl(25.7 10.1% 86.5%);
1635
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1636
1638
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1637
1639
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1638
1640
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2144,8 +2146,6 @@
2144
2146
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2145
2147
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2146
2148
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2147
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2148
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2149
2149
  --dt-color-surface-primary-opaque-inverted-h: 30;
2150
2150
  --dt-color-surface-primary-opaque-inverted-s: 12.5%;
2151
2151
  --dt-color-surface-primary-opaque-inverted-l: 96.9%;
package/dist/css/tokens/tokens-deca-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: lch(10.4 0.93 70.2 / 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: 30;
2143
2143
  --dt-color-surface-primary-opaque-inverted-s: 10%;
2144
2144
  --dt-color-surface-primary-opaque-inverted-l: 3.92%;
package/dist/css/tokens/tokens-dp-dark.css CHANGED
@@ -198,6 +198,7 @@
198
198
  --dt-badge-color-foreground-default-hsl: var(--dt-color-black-1000-hsl);
199
199
  --dt-badge-color-foreground-default-hsla: var(--dt-color-black-1000-hsla);
200
200
  --dt-badge-color-foreground-default: var(--dt-color-black-1000);
201
+ --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
201
202
  --dt-badge-color-background-bulletin-subtle-h: var(--dt-color-purple-200-h);
202
203
  --dt-badge-color-background-bulletin-subtle-s: var(--dt-color-purple-200-s);
203
204
  --dt-badge-color-background-bulletin-subtle-l: var(--dt-color-purple-200-l);
@@ -580,6 +581,7 @@
580
581
  --dt-color-border-accent-hsl: var(--dt-color-brand-magenta-hsl);
581
582
  --dt-color-border-accent-hsla: var(--dt-color-brand-magenta-hsla);
582
583
  --dt-color-border-accent: var(--dt-color-brand-magenta);
584
+ --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
583
585
  --dt-color-border-focus-h: var(--dt-color-blue-425-h);
584
586
  --dt-color-border-focus-s: var(--dt-color-blue-425-s);
585
587
  --dt-color-border-focus-l: var(--dt-color-blue-425-l);
@@ -811,6 +813,7 @@
811
813
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
812
814
  --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%));
813
815
  --dt-color-border-subtle: hsl(0 0% 100% / 0.14);
816
+ --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
814
817
  --dt-color-surface-backdrop-h: 0;
815
818
  --dt-color-surface-backdrop-s: 0%;
816
819
  --dt-color-surface-backdrop-l: 0%;
@@ -1632,7 +1635,6 @@
1632
1635
  --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);
1633
1636
  --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%));
1634
1637
  --dt-badge-color-foreground-bulletin-subtle: hsl(0 0% 90.2%);
1635
- --dt-badge-color-background-ai: var(--dt-color-gradient-gold-red-magenta-purple);
1636
1638
  --dt-badge-color-background-bulletin-h: var(--dt-color-surface-brand-strong-h);
1637
1639
  --dt-badge-color-background-bulletin-s: var(--dt-color-surface-brand-strong-s);
1638
1640
  --dt-badge-color-background-bulletin-l: var(--dt-color-surface-brand-strong-l);
@@ -2144,8 +2146,6 @@
2144
2146
  --dt-typography-body-sm-font-size: var(--dt-font-size-100); /* Reduced small text style for less prominent or adjacent content. */
2145
2147
  --dt-typography-body-md-compact-font-size: var(--dt-font-size-200); /* A tighter-spaced version of medium body style. */
2146
2148
  --dt-typography-body-md-font-size: var(--dt-font-size-200); /* Base default medium text style for main content. */
2147
- --dt-color-border-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2148
- --dt-color-surface-ai: var(--dt-color-gradient-gold-red-magenta-purple);
2149
2149
  --dt-color-surface-primary-opaque-inverted-h: 0;
2150
2150
  --dt-color-surface-primary-opaque-inverted-s: 0%;
2151
2151
  --dt-color-surface-primary-opaque-inverted-l: 100%;
package/dist/css/tokens/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/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%;
@@ -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/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/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%;
@@ -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/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/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%;
@@ -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/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%;