@dialpad/dialtone 9.109.0-rebrand-2025-beta.1 → 9.110.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 (191) hide show
  1. package/dist/css/dialtone-default-theme.css +3283 -12107
  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 +415 -3489
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  7. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  8. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  9. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  10. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  11. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  12. package/dist/css/tokens/tokens-base-dark.css +161 -946
  13. package/dist/css/tokens/tokens-base-deca-dark.css +56 -526
  14. package/dist/css/tokens/tokens-base-deca-light.css +52 -522
  15. package/dist/css/tokens/tokens-base-light.css +128 -913
  16. package/dist/css/tokens/tokens-debug-base.css +3 -788
  17. package/dist/css/tokens/tokens-debug-dp.css +653 -1018
  18. package/dist/css/tokens/tokens-deca-dark.css +748 -784
  19. package/dist/css/tokens/tokens-deca-light.css +708 -744
  20. package/dist/css/tokens/tokens-dp-dark.css +924 -1289
  21. package/dist/css/tokens/tokens-dp-light.css +973 -1338
  22. package/dist/css/tokens/tokens-expressive-dark.css +924 -1289
  23. package/dist/css/tokens/tokens-expressive-light.css +970 -1335
  24. package/dist/css/tokens/tokens-expressive-sm-dark.css +924 -1289
  25. package/dist/css/tokens/tokens-expressive-sm-light.css +970 -1335
  26. package/dist/css/tokens/tokens-tmo-dark.css +1080 -1445
  27. package/dist/css/tokens/tokens-tmo-light.css +1115 -1480
  28. package/dist/css/tokens-docs.json +1 -1
  29. package/dist/tokens/css/tokens-base-dark.css +161 -946
  30. package/dist/tokens/css/tokens-base-deca-dark.css +56 -526
  31. package/dist/tokens/css/tokens-base-deca-light.css +52 -522
  32. package/dist/tokens/css/tokens-base-light.css +128 -913
  33. package/dist/tokens/css/tokens-debug-base.css +3 -788
  34. package/dist/tokens/css/tokens-debug-dp.css +653 -1018
  35. package/dist/tokens/css/tokens-deca-dark.css +748 -784
  36. package/dist/tokens/css/tokens-deca-light.css +708 -744
  37. package/dist/tokens/css/tokens-dp-dark.css +924 -1289
  38. package/dist/tokens/css/tokens-dp-light.css +973 -1338
  39. package/dist/tokens/css/tokens-expressive-dark.css +924 -1289
  40. package/dist/tokens/css/tokens-expressive-light.css +970 -1335
  41. package/dist/tokens/css/tokens-expressive-sm-dark.css +924 -1289
  42. package/dist/tokens/css/tokens-expressive-sm-light.css +970 -1335
  43. package/dist/tokens/css/tokens-tmo-dark.css +1080 -1445
  44. package/dist/tokens/css/tokens-tmo-light.css +1115 -1480
  45. package/dist/tokens/doc.json +45539 -71265
  46. package/dist/tokens/less/tokens-base-dark.less +46 -159
  47. package/dist/tokens/less/tokens-base-deca-dark.less +17 -85
  48. package/dist/tokens/less/tokens-base-deca-light.less +16 -84
  49. package/dist/tokens/less/tokens-base-light.less +37 -150
  50. package/dist/tokens/less/tokens-deca-dark.less +183 -189
  51. package/dist/tokens/less/tokens-deca-light.less +174 -180
  52. package/dist/tokens/less/tokens-dp-dark.less +187 -240
  53. package/dist/tokens/less/tokens-dp-light.less +185 -238
  54. package/dist/tokens/less/tokens-expressive-dark.less +210 -263
  55. package/dist/tokens/less/tokens-expressive-light.less +208 -261
  56. package/dist/tokens/less/tokens-expressive-sm-dark.less +210 -263
  57. package/dist/tokens/less/tokens-expressive-sm-light.less +208 -261
  58. package/dist/tokens/less/tokens-tmo-dark.less +207 -260
  59. package/dist/tokens/less/tokens-tmo-light.less +198 -251
  60. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
  61. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
  62. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
  63. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +1 -0
  64. package/dist/tokens/themes/debug.cjs +1 -1
  65. package/dist/tokens/themes/debug.js +1 -1
  66. package/dist/tokens/themes/dp-dark.cjs +1 -1
  67. package/dist/tokens/themes/dp-dark.js +2 -2
  68. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  69. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  70. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  71. package/dist/tokens/themes/dp-deca-light.js +2 -2
  72. package/dist/tokens/themes/dp-light.cjs +1 -1
  73. package/dist/tokens/themes/dp-light.js +2 -2
  74. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  75. package/dist/tokens/themes/expressive-dark.js +3 -3
  76. package/dist/tokens/themes/expressive-light.cjs +1 -1
  77. package/dist/tokens/themes/expressive-light.js +3 -3
  78. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  79. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  80. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  81. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  82. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  83. package/dist/tokens/themes/tmo-dark.js +2 -2
  84. package/dist/tokens/themes/tmo-light.cjs +1 -1
  85. package/dist/tokens/themes/tmo-light.js +2 -2
  86. package/dist/tokens/tokens-base-dark.json +46 -159
  87. package/dist/tokens/tokens-base-deca-dark.json +14 -82
  88. package/dist/tokens/tokens-base-deca-light.json +13 -81
  89. package/dist/tokens/tokens-base-light.json +37 -150
  90. package/dist/tokens/tokens-deca-dark.json +180 -186
  91. package/dist/tokens/tokens-deca-light.json +172 -178
  92. package/dist/tokens/tokens-dp-dark.json +171 -224
  93. package/dist/tokens/tokens-dp-light.json +182 -235
  94. package/dist/tokens/tokens-expressive-dark.json +194 -247
  95. package/dist/tokens/tokens-expressive-light.json +205 -258
  96. package/dist/tokens/tokens-expressive-sm-dark.json +194 -247
  97. package/dist/tokens/tokens-expressive-sm-light.json +205 -258
  98. package/dist/tokens/tokens-tmo-dark.json +196 -249
  99. package/dist/tokens/tokens-tmo-light.json +193 -246
  100. package/dist/vue2/component-documentation.json +1 -1
  101. package/dist/vue2/components/button/button.vue.cjs +1 -1
  102. package/dist/vue2/components/button/button.vue.cjs.map +1 -1
  103. package/dist/vue2/components/button/button.vue.js +1 -1
  104. package/dist/vue2/components/button/button.vue.js.map +1 -1
  105. package/dist/vue2/components/button/button_constants.cjs +2 -3
  106. package/dist/vue2/components/button/button_constants.cjs.map +1 -1
  107. package/dist/vue2/components/button/button_constants.js +2 -3
  108. package/dist/vue2/components/button/button_constants.js.map +1 -1
  109. package/dist/vue2/components/popover/popover.vue.cjs +1 -9
  110. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  111. package/dist/vue2/components/popover/popover.vue.js +1 -9
  112. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  113. package/dist/vue2/components/popover/popover_header_footer.vue.cjs +4 -10
  114. package/dist/vue2/components/popover/popover_header_footer.vue.cjs.map +1 -1
  115. package/dist/vue2/components/popover/popover_header_footer.vue.js +4 -10
  116. package/dist/vue2/components/popover/popover_header_footer.vue.js.map +1 -1
  117. package/dist/vue2/components/stack/stack.vue.cjs +1 -1
  118. package/dist/vue2/components/stack/stack.vue.cjs.map +1 -1
  119. package/dist/vue2/components/stack/stack.vue.js +1 -1
  120. package/dist/vue2/components/stack/stack.vue.js.map +1 -1
  121. package/dist/vue2/components/stack/stack_constants.cjs +1 -1
  122. package/dist/vue2/components/stack/stack_constants.cjs.map +1 -1
  123. package/dist/vue2/components/stack/stack_constants.js +1 -1
  124. package/dist/vue2/components/stack/stack_constants.js.map +1 -1
  125. package/dist/vue2/dialtone-vue.cjs +2 -0
  126. package/dist/vue2/dialtone-vue.cjs.map +1 -1
  127. package/dist/vue2/dialtone-vue.js +2 -0
  128. package/dist/vue2/dialtone-vue.js.map +1 -1
  129. package/dist/vue2/localization/dp-DP.ftl.cjs +5 -0
  130. package/dist/vue2/localization/dp-DP.ftl.cjs.map +1 -0
  131. package/dist/vue2/localization/dp-DP.ftl.js +5 -0
  132. package/dist/vue2/localization/dp-DP.ftl.js.map +1 -0
  133. package/dist/vue2/localization/en-US.ftl.cjs +5 -0
  134. package/dist/vue2/localization/en-US.ftl.cjs.map +1 -0
  135. package/dist/vue2/localization/en-US.ftl.js +5 -0
  136. package/dist/vue2/localization/en-US.ftl.js.map +1 -0
  137. package/dist/vue2/localization/es-LA.ftl.cjs +5 -0
  138. package/dist/vue2/localization/es-LA.ftl.cjs.map +1 -0
  139. package/dist/vue2/localization/es-LA.ftl.js +5 -0
  140. package/dist/vue2/localization/es-LA.ftl.js.map +1 -0
  141. package/dist/vue2/localization/index.cjs +33 -0
  142. package/dist/vue2/localization/index.cjs.map +1 -0
  143. package/dist/vue2/localization/index.js +33 -0
  144. package/dist/vue2/localization/index.js.map +1 -0
  145. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  146. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  147. package/dist/vue2/recipes/leftbar/callbox/callbox.vue.cjs +1 -1
  148. package/dist/vue2/recipes/leftbar/callbox/callbox.vue.cjs.map +1 -1
  149. package/dist/vue2/recipes/leftbar/callbox/callbox.vue.js +1 -1
  150. package/dist/vue2/recipes/leftbar/callbox/callbox.vue.js.map +1 -1
  151. package/dist/vue2/types/components/button/button_constants.d.ts +1 -2
  152. package/dist/vue2/types/components/button/button_constants.d.ts.map +1 -1
  153. package/dist/vue2/types/components/popover/popover.vue.d.ts +0 -9
  154. package/dist/vue2/types/components/popover/popover.vue.d.ts.map +1 -1
  155. package/dist/vue2/types/components/popover/popover_header_footer.vue.d.ts +1 -9
  156. package/dist/vue2/types/components/stack/stack_constants.d.ts.map +1 -1
  157. package/dist/vue2/types/index.d.ts +1 -0
  158. package/dist/vue2/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
  159. package/dist/vue3/component-documentation.json +1 -1
  160. package/dist/vue3/components/button/button.vue.cjs +1 -1
  161. package/dist/vue3/components/button/button.vue.cjs.map +1 -1
  162. package/dist/vue3/components/button/button.vue.js +1 -1
  163. package/dist/vue3/components/button/button.vue.js.map +1 -1
  164. package/dist/vue3/components/button/button_constants.cjs +2 -3
  165. package/dist/vue3/components/button/button_constants.cjs.map +1 -1
  166. package/dist/vue3/components/button/button_constants.js +2 -3
  167. package/dist/vue3/components/button/button_constants.js.map +1 -1
  168. package/dist/vue3/components/stack/stack.vue.cjs +1 -1
  169. package/dist/vue3/components/stack/stack.vue.cjs.map +1 -1
  170. package/dist/vue3/components/stack/stack.vue.js +1 -1
  171. package/dist/vue3/components/stack/stack.vue.js.map +1 -1
  172. package/dist/vue3/components/stack/stack_constants.cjs +1 -1
  173. package/dist/vue3/components/stack/stack_constants.cjs.map +1 -1
  174. package/dist/vue3/components/stack/stack_constants.js +1 -1
  175. package/dist/vue3/components/stack/stack_constants.js.map +1 -1
  176. package/dist/vue3/recipes/leftbar/callbox/callbox.vue.cjs +6 -2
  177. package/dist/vue3/recipes/leftbar/callbox/callbox.vue.cjs.map +1 -1
  178. package/dist/vue3/recipes/leftbar/callbox/callbox.vue.js +7 -3
  179. package/dist/vue3/recipes/leftbar/callbox/callbox.vue.js.map +1 -1
  180. package/dist/vue3/types/components/button/button_constants.d.ts +1 -2
  181. package/dist/vue3/types/components/button/button_constants.d.ts.map +1 -1
  182. package/dist/vue3/types/components/stack/stack_constants.d.ts.map +1 -1
  183. package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
  184. package/package.json +7 -7
  185. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  186. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  187. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  188. package/dist/tokens/themes/chunks/tokens-base-dark-B42c8NRe.js +0 -1
  189. package/dist/tokens/themes/chunks/tokens-base-dark-D3XlzClW.js +0 -4
  190. package/dist/tokens/themes/chunks/tokens-base-light-5p3ZOPKU.js +0 -1
  191. package/dist/tokens/themes/chunks/tokens-base-light-C_G4p7UU.js +0 -4
@@ -8,7 +8,7 @@
8
8
  @dt-font-size-500: 38px; // extra large / xxl
9
9
  @dt-font-size-root: 10px;
10
10
  @dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
- @dt-font-family-expressive: "Season Mix", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ @dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
12
12
  @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
13
13
  @dt-font-line-height-100: 1;
14
14
  @dt-font-line-height-200: 1.2;
@@ -246,168 +246,55 @@
246
246
  @dt-color-neutral-white: #ffffff; // White color independent of any theme.
247
247
  @dt-color-neutral-black: #000000; // Black color independent of any theme.
248
248
  @dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
249
- @dt-color-black-50: #000000;
250
- @dt-color-black-100: #171717;
251
- @dt-color-black-200: #1f1f1f;
252
- @dt-color-black-300: #3d3d3d;
249
+ @dt-color-black-100: #000000;
250
+ @dt-color-black-200: #262626;
251
+ @dt-color-black-300: #3A3A3A;
253
252
  @dt-color-black-400: #555555;
254
253
  @dt-color-black-500: #808080;
255
- @dt-color-black-600: #B0B0B0;
256
- @dt-color-black-700: #c7c7c7;
254
+ @dt-color-black-600: #AAAAAA;
255
+ @dt-color-black-700: #C2C2C2;
257
256
  @dt-color-black-800: #D4D4D4;
258
257
  @dt-color-black-900: #E6E6E6;
259
- @dt-color-black-950: #F9F9F9;
260
- @dt-color-black-1000: #ffffff;
261
- @dt-color-purple-50: #10022C;
262
- @dt-color-purple-100: #1D0155;
258
+ @dt-color-purple-100: #10022C;
263
259
  @dt-color-purple-200: #3A1D95;
264
- @dt-color-purple-250: #5023DD;
265
- @dt-color-purple-300: #6538F1;
266
- @dt-color-purple-350: #7C52FF;
267
- @dt-color-purple-400: #9071FC;
268
- @dt-color-purple-450: #A38FF9;
269
- @dt-color-purple-500: #BBA6FC;
270
- @dt-color-purple-550: #D3BCFF;
260
+ @dt-color-purple-300: #7C52FF;
261
+ @dt-color-purple-400: #AB7EFF;
262
+ @dt-color-purple-500: #DAC7FF;
271
263
  @dt-color-purple-600: #F5F0FF;
272
- @dt-color-purple-1000: #f9f6ff;
273
- @dt-color-blue-50: #010B16;
274
- @dt-color-blue-100: #001429;
275
- @dt-color-blue-200: #003165;
276
- @dt-color-blue-300: #1768C6;
277
- @dt-color-blue-400: #2C83D5;
278
- @dt-color-blue-425: #3B96DF;
279
- @dt-color-blue-450: #4AA9EA;
280
- @dt-color-blue-475: #5FC4F9;
281
- @dt-color-blue-500: #98DCFF;
282
- @dt-color-blue-600: #BDE8FF;
283
- @dt-color-blue-900: #EAF2FA;
284
- @dt-color-blue-1000: #f5f9fd;
285
- @dt-color-magenta-50: #190713;
286
- @dt-color-magenta-100: #330F27;
287
- @dt-color-magenta-200: #662251;
288
- @dt-color-magenta-250: #9A006A;
289
- @dt-color-magenta-300: #BF0A80;
290
- @dt-color-magenta-400: #D9118E;
291
- @dt-color-magenta-425: #FF1BA4;
292
- @dt-color-magenta-475: #FC5EA0;
293
- @dt-color-magenta-500: #FE87B7;
294
- @dt-color-magenta-600: #FFB1CF;
295
- @dt-color-magenta-900: #FFE0F2;
296
- @dt-color-magenta-1000: #FFEEF8;
297
- @dt-color-gold-50: #201301;
298
- @dt-color-gold-100: #2C1B02;
299
- @dt-color-gold-200: #533204;
300
- @dt-color-gold-300: #815008;
301
- @dt-color-gold-350: #D57F00;
302
- @dt-color-gold-400: #EA8F07;
303
- @dt-color-gold-450: #FF9E0E;
304
- @dt-color-gold-500: #FFBD48;
305
- @dt-color-gold-600: #FFDB80;
306
- @dt-color-gold-700: #FFE89C;
307
- @dt-color-gold-900: #FFF4CC;
308
- @dt-color-gold-1000: #fffae5;
309
- @dt-color-green-50: #00150D;
310
- @dt-color-green-100: #012717;
311
- @dt-color-green-200: #004F2E;
312
- @dt-color-green-300: #008E52;
313
- @dt-color-green-350: #31B237;
314
- @dt-color-green-400: #52C926;
315
- @dt-color-green-425: #84EE0B;
316
- @dt-color-green-475: #AEFB3C;
317
- @dt-color-green-500: #D1FF76;
318
- @dt-color-green-600: #DBFFA9;
319
- @dt-color-green-900: #EDF9EB;
320
- @dt-color-green-1000: #f6fcf5;
321
- @dt-color-red-50: #1C0108;
322
- @dt-color-red-100: #380010;
323
- @dt-color-red-200: #640823;
324
- @dt-color-red-300: #93173A;
325
- @dt-color-red-350: #AF0032;
326
- @dt-color-red-400: #D90A45;
327
- @dt-color-red-450: #FF1356;
328
- @dt-color-red-500: #FF415B;
329
- @dt-color-red-600: #FF716F;
330
- @dt-color-red-700: #FFABA4;
331
- @dt-color-red-900: #FFE5E6;
332
- @dt-color-red-1000: #FFF2F3;
333
- @dt-color-tan-50: #0B0A09;
334
- @dt-color-tan-100: #151413;
335
- @dt-color-tan-200: #1D1C1B;
336
- @dt-color-tan-300: #282624;
337
- @dt-color-tan-400: #3F3D3C;
338
- @dt-color-tan-500: #635F5D;
339
- @dt-color-tan-600: #87807B;
340
- @dt-color-tan-700: #AAA4A1;
341
- @dt-color-tan-800: #CEC8C4;
342
- @dt-color-tan-900: #E0DCD9;
343
- @dt-color-tan-950: #F2F0EE;
344
- @dt-color-tan-1000: #F8F7F6;
345
- @dt-color-berry-50: #190826;
346
- @dt-color-berry-100: #321249;
347
- @dt-color-berry-200: #511E76;
348
- @dt-color-berry-300: #7A00D1;
349
- @dt-color-berry-400: #9D02E4;
350
- @dt-color-berry-500: #BF05F0;
351
- @dt-color-berry-600: #E220F9;
352
- @dt-color-berry-700: #F745EE;
353
- @dt-color-berry-800: #FB79F3;
354
- @dt-color-berry-900: #FEAFF8;
355
- @dt-color-berry-950: #FFE6FD;
356
- @dt-color-berry-1000: #FFF0FE;
357
- @dt-color-coral-50: #240900;
358
- @dt-color-coral-100: #380E00;
359
- @dt-color-coral-200: #651E06;
360
- @dt-color-coral-300: #862609;
361
- @dt-color-coral-400: #A93009;
362
- @dt-color-coral-500: #D03A0B;
363
- @dt-color-coral-600: #F44710;
364
- @dt-color-coral-700: #F66437;
365
- @dt-color-coral-800: #F48662;
366
- @dt-color-coral-900: #F4B59F;
367
- @dt-color-coral-950: #FBEEE9;
368
- @dt-color-coral-1000: #FEF4F1;
369
- @dt-color-olive-50: #1F1C00;
370
- @dt-color-olive-100: #2B2808;
371
- @dt-color-olive-200: #4D480F;
372
- @dt-color-olive-300: #6A652A;
373
- @dt-color-olive-400: #968E22;
374
- @dt-color-olive-500: #B6AC25;
375
- @dt-color-olive-600: #CABF27;
376
- @dt-color-olive-700: #DCD138;
377
- @dt-color-olive-800: #F1E176;
378
- @dt-color-olive-900: #FAEBA4;
379
- @dt-color-olive-950: #FDF1C3;
380
- @dt-color-olive-1000: #FFF9E5;
381
- @dt-color-teal-50: #041615;
382
- @dt-color-teal-100: #072C2A;
383
- @dt-color-teal-200: #114D4A;
384
- @dt-color-teal-300: #228782;
385
- @dt-color-teal-400: #2AA7A1;
386
- @dt-color-teal-500: #35B7B1;
387
- @dt-color-teal-600: #38DCD4;
388
- @dt-color-teal-700: #89E8E3;
389
- @dt-color-teal-800: #BDF1EE;
390
- @dt-color-teal-900: #D5F4F2;
391
- @dt-color-teal-950: #ECF9F8;
392
- @dt-color-teal-1000: #F3FCFB;
393
- @dt-color-indigo-50: #00131F;
394
- @dt-color-indigo-100: #052133;
395
- @dt-color-indigo-200: #143A52;
396
- @dt-color-indigo-300: #296FA3;
397
- @dt-color-indigo-400: #3C89C3;
398
- @dt-color-indigo-500: #5699D7;
399
- @dt-color-indigo-600: #6EA6E2;
400
- @dt-color-indigo-700: #8CBAEB;
401
- @dt-color-indigo-800: #BED2F0;
402
- @dt-color-indigo-900: #D3E0F4;
403
- @dt-color-indigo-950: #ECF0F9;
404
- @dt-color-indigo-1000: #F3F6FB;
405
- @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
406
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, #ff1356 30%, #FF1BA4 75%, #AE3ADF 100%);
264
+ @dt-color-blue-100: #01326D;
265
+ @dt-color-blue-200: #1768C6;
266
+ @dt-color-blue-300: #51A0FE;
267
+ @dt-color-blue-400: #99C8FF;
268
+ @dt-color-blue-500: #EAF2FA;
269
+ @dt-color-magenta-100: #541A3B; // aka pink
270
+ @dt-color-magenta-200: #8C0E56; // aka pink
271
+ @dt-color-magenta-300: #F9008E; // aka pink
272
+ @dt-color-magenta-400: #F985C7; // aka pink
273
+ @dt-color-magenta-500: #FFE0F2; // aka pink
274
+ @dt-color-gold-100: #815008; // aka yellow
275
+ @dt-color-gold-200: #D28F2B; // aka yellow
276
+ @dt-color-gold-300: #F6AB3C; // aka yellow
277
+ @dt-color-gold-400: #FFDB80; // aka yellow
278
+ @dt-color-gold-500: #FFF4CC; // aka yellow
279
+ @dt-color-green-100: #124620;
280
+ @dt-color-green-200: #1AA340;
281
+ @dt-color-green-300: #45F777;
282
+ @dt-color-green-400: #B0FFA3;
283
+ @dt-color-green-500: #EDF9EB;
284
+ @dt-color-red-100: #5B0505;
285
+ @dt-color-red-200: #B70B0B;
286
+ @dt-color-red-300: #EC0E0E;
287
+ @dt-color-red-400: #FF8585;
288
+ @dt-color-red-500: #FFE5E6;
289
+ @dt-color-tan-100: #121212;
290
+ @dt-color-tan-200: #3F3D3C;
291
+ @dt-color-tan-300: #87807B;
292
+ @dt-color-tan-400: #CEC8C4;
293
+ @dt-color-tan-500: #F2F0EE;
294
+ @dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
407
295
  @dt-color-brand-purple: #7C52FF; // Primary brand color.
408
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
409
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
410
- @dt-color-brand-gold: #FF9E0E; // Typically used as an accent color.
296
+ @dt-color-brand-magenta: #F9008E; // Secondary brand color, typically used as an accent color.
297
+ @dt-color-brand-gold: #F6AB3C; // Secondary brand color, typically used as an accent color.
411
298
  @dt-opacity-0: 0;
412
299
  @dt-opacity-100: .05;
413
300
  @dt-opacity-200: .1;
@@ -586,19 +473,19 @@
586
473
  @dt-shadow-card-7-offset-y: -0.05rem;
587
474
  @dt-shadow-focus-1-blur: 0rem;
588
475
  @dt-shadow-focus-1-spread: 0.1rem;
589
- @dt-shadow-focus-1-color: #171717;
476
+ @dt-shadow-focus-1-color: #000000;
590
477
  @dt-shadow-focus-1-type: dropShadow;
591
478
  @dt-shadow-focus-1-offset-x: 0rem;
592
479
  @dt-shadow-focus-1-offset-y: 0rem;
593
480
  @dt-shadow-focus-2-blur: 0rem;
594
481
  @dt-shadow-focus-2-spread: 0.3rem;
595
- @dt-shadow-focus-2-color: #3B96DF;
482
+ @dt-shadow-focus-2-color: #51A0FE;
596
483
  @dt-shadow-focus-2-type: dropShadow;
597
484
  @dt-shadow-focus-2-offset-x: 0rem;
598
485
  @dt-shadow-focus-2-offset-y: 0rem;
599
486
  @dt-shadow-focus-inset-blur: 0rem;
600
487
  @dt-shadow-focus-inset-spread: 0.2rem;
601
- @dt-shadow-focus-inset-color: #3B96DF;
488
+ @dt-shadow-focus-inset-color: #51A0FE;
602
489
  @dt-shadow-focus-inset-type: innerShadow;
603
490
  @dt-shadow-focus-inset-offset-x: 0rem;
604
491
  @dt-shadow-focus-inset-offset-y: 0rem;
@@ -8,7 +8,7 @@
8
8
  @dt-font-size-500: 38px; // extra large / xxl
9
9
  @dt-font-size-root: 10px;
10
10
  @dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
- @dt-font-family-expressive: "Season Mix", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ @dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
12
12
  @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
13
13
  @dt-font-line-height-100: 1;
14
14
  @dt-font-line-height-200: 1.2;
@@ -258,16 +258,16 @@
258
258
  @dt-color-black-900: #E6E6E6;
259
259
  @dt-color-black-950: #F9F9F9;
260
260
  @dt-color-black-1000: #ffffff;
261
- @dt-color-purple-50: #10022C;
261
+ @dt-color-purple-50: #0E002A;
262
262
  @dt-color-purple-100: #1D0155;
263
263
  @dt-color-purple-200: #3A1D95;
264
264
  @dt-color-purple-250: #5023DD;
265
265
  @dt-color-purple-300: #6538F1;
266
266
  @dt-color-purple-350: #7C52FF;
267
- @dt-color-purple-400: #9071FC;
268
- @dt-color-purple-450: #A38FF9;
269
- @dt-color-purple-500: #BBA6FC;
270
- @dt-color-purple-550: #D3BCFF;
267
+ @dt-color-purple-400: #9568FF;
268
+ @dt-color-purple-450: #AB7EFF;
269
+ @dt-color-purple-500: #C2A3FF;
270
+ @dt-color-purple-550: #DAC7FF;
271
271
  @dt-color-purple-600: #F5F0FF;
272
272
  @dt-color-purple-1000: #f9f6ff;
273
273
  @dt-color-blue-50: #010B16;
@@ -330,84 +330,16 @@
330
330
  @dt-color-red-700: #FFABA4;
331
331
  @dt-color-red-900: #FFE5E6;
332
332
  @dt-color-red-1000: #FFF2F3;
333
- @dt-color-tan-50: #0B0A09;
334
- @dt-color-tan-100: #151413;
335
- @dt-color-tan-200: #1D1C1B;
336
- @dt-color-tan-300: #282624;
337
- @dt-color-tan-400: #3F3D3C;
338
- @dt-color-tan-500: #635F5D;
339
- @dt-color-tan-600: #87807B;
340
- @dt-color-tan-700: #AAA4A1;
341
- @dt-color-tan-800: #CEC8C4;
342
- @dt-color-tan-900: #E0DCD9;
343
- @dt-color-tan-950: #F2F0EE;
344
- @dt-color-tan-1000: #F8F7F6;
345
- @dt-color-berry-50: #190826;
346
- @dt-color-berry-100: #321249;
347
- @dt-color-berry-200: #511E76;
348
- @dt-color-berry-300: #7A00D1;
349
- @dt-color-berry-400: #9D02E4;
350
- @dt-color-berry-500: #BF05F0;
351
- @dt-color-berry-600: #E220F9;
352
- @dt-color-berry-700: #F745EE;
353
- @dt-color-berry-800: #FB79F3;
354
- @dt-color-berry-900: #FEAFF8;
355
- @dt-color-berry-950: #FFE6FD;
356
- @dt-color-berry-1000: #FFF0FE;
357
- @dt-color-coral-50: #240900;
358
- @dt-color-coral-100: #380E00;
359
- @dt-color-coral-200: #651E06;
360
- @dt-color-coral-300: #862609;
361
- @dt-color-coral-400: #A93009;
362
- @dt-color-coral-500: #D03A0B;
363
- @dt-color-coral-600: #F44710;
364
- @dt-color-coral-700: #F66437;
365
- @dt-color-coral-800: #F48662;
366
- @dt-color-coral-900: #F4B59F;
367
- @dt-color-coral-950: #FBEEE9;
368
- @dt-color-coral-1000: #FEF4F1;
369
- @dt-color-olive-50: #1F1C00;
370
- @dt-color-olive-100: #2B2808;
371
- @dt-color-olive-200: #4D480F;
372
- @dt-color-olive-300: #6A652A;
373
- @dt-color-olive-400: #968E22;
374
- @dt-color-olive-500: #B6AC25;
375
- @dt-color-olive-600: #CABF27;
376
- @dt-color-olive-700: #DCD138;
377
- @dt-color-olive-800: #F1E176;
378
- @dt-color-olive-900: #FAEBA4;
379
- @dt-color-olive-950: #FDF1C3;
380
- @dt-color-olive-1000: #FFF9E5;
381
- @dt-color-teal-50: #041615;
382
- @dt-color-teal-100: #072C2A;
383
- @dt-color-teal-200: #114D4A;
384
- @dt-color-teal-300: #228782;
385
- @dt-color-teal-400: #2AA7A1;
386
- @dt-color-teal-500: #35B7B1;
387
- @dt-color-teal-600: #38DCD4;
388
- @dt-color-teal-700: #89E8E3;
389
- @dt-color-teal-800: #BDF1EE;
390
- @dt-color-teal-900: #D5F4F2;
391
- @dt-color-teal-950: #ECF9F8;
392
- @dt-color-teal-1000: #F3FCFB;
393
- @dt-color-indigo-50: #00131F;
394
- @dt-color-indigo-100: #052133;
395
- @dt-color-indigo-200: #143A52;
396
- @dt-color-indigo-300: #296FA3;
397
- @dt-color-indigo-400: #3C89C3;
398
- @dt-color-indigo-500: #5699D7;
399
- @dt-color-indigo-600: #6EA6E2;
400
- @dt-color-indigo-700: #8CBAEB;
401
- @dt-color-indigo-800: #BED2F0;
402
- @dt-color-indigo-900: #D3E0F4;
403
- @dt-color-indigo-950: #ECF0F9;
404
- @dt-color-indigo-1000: #F3F6FB;
333
+ @dt-color-tan-100: #121212;
334
+ @dt-color-tan-200: #3F3D3C;
335
+ @dt-color-tan-300: #87807B;
336
+ @dt-color-tan-400: #CEC8C4;
337
+ @dt-color-tan-500: #F2F0EE;
405
338
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
406
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, #ff1356 30%, #FF1BA4 75%, #AE3ADF 100%);
407
- @dt-color-brand-purple: #7C52FF; // Primary brand color.
408
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
409
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
410
- @dt-color-brand-gold: #FF9E0E; // Typically used as an accent color.
339
+ @dt-color-brand-purple: #7C52FF;
340
+ @dt-color-brand-magenta: #FF1BA4;
341
+ @dt-color-brand-gold: #FF9E0E;
342
+ @dt-color-brand-red: #ff1356;
411
343
  @dt-opacity-0: 0;
412
344
  @dt-opacity-100: .05;
413
345
  @dt-opacity-200: .1;
@@ -592,13 +524,13 @@
592
524
  @dt-shadow-focus-1-offset-y: 0rem;
593
525
  @dt-shadow-focus-2-blur: 0rem;
594
526
  @dt-shadow-focus-2-spread: 0.3rem;
595
- @dt-shadow-focus-2-color: #3B96DF;
527
+ @dt-shadow-focus-2-color: #1768C6;
596
528
  @dt-shadow-focus-2-type: dropShadow;
597
529
  @dt-shadow-focus-2-offset-x: 0rem;
598
530
  @dt-shadow-focus-2-offset-y: 0rem;
599
531
  @dt-shadow-focus-inset-blur: 0rem;
600
532
  @dt-shadow-focus-inset-spread: 0.2rem;
601
- @dt-shadow-focus-inset-color: #3B96DF;
533
+ @dt-shadow-focus-inset-color: #1768C6;
602
534
  @dt-shadow-focus-inset-type: innerShadow;
603
535
  @dt-shadow-focus-inset-offset-x: 0rem;
604
536
  @dt-shadow-focus-inset-offset-y: 0rem;
@@ -8,7 +8,7 @@
8
8
  @dt-font-size-500: 38px; // extra large / xxl
9
9
  @dt-font-size-root: 10px;
10
10
  @dt-font-family-body: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
- @dt-font-family-expressive: "Season Mix", -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11
+ @dt-font-family-expressive: Archivo, -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI Adjusted", "Segoe UI", SFMono, "Helvetica Neue", Cantarell, Ubuntu, Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
12
12
  @dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
13
13
  @dt-font-line-height-100: 1;
14
14
  @dt-font-line-height-200: 1.2;
@@ -260,16 +260,16 @@
260
260
  @dt-color-black-1000: #000000;
261
261
  @dt-color-purple-50: #f9f6ff;
262
262
  @dt-color-purple-100: #F5F0FF;
263
- @dt-color-purple-200: #D3BCFF;
264
- @dt-color-purple-250: #BBA6FC;
265
- @dt-color-purple-300: #A38FF9;
266
- @dt-color-purple-350: #9071FC;
263
+ @dt-color-purple-200: #DAC7FF;
264
+ @dt-color-purple-250: #C2A3FF;
265
+ @dt-color-purple-300: #AB7EFF;
266
+ @dt-color-purple-350: #9568FF;
267
267
  @dt-color-purple-400: #7C52FF;
268
268
  @dt-color-purple-450: #6538F1;
269
269
  @dt-color-purple-500: #5023DD;
270
270
  @dt-color-purple-550: #3A1D95;
271
271
  @dt-color-purple-600: #1D0155;
272
- @dt-color-purple-1000: #10022C;
272
+ @dt-color-purple-1000: #0E002A;
273
273
  @dt-color-blue-50: #f5f9fd;
274
274
  @dt-color-blue-100: #EAF2FA;
275
275
  @dt-color-blue-200: #BDE8FF;
@@ -330,84 +330,16 @@
330
330
  @dt-color-red-700: #640823;
331
331
  @dt-color-red-900: #380010;
332
332
  @dt-color-red-1000: #1C0108;
333
- @dt-color-tan-50: #F8F7F6;
334
333
  @dt-color-tan-100: #F2F0EE;
335
- @dt-color-tan-200: #E0DCD9;
336
- @dt-color-tan-300: #CEC8C4;
337
- @dt-color-tan-400: #AAA4A1;
338
- @dt-color-tan-500: #87807B;
339
- @dt-color-tan-600: #635F5D;
340
- @dt-color-tan-700: #3F3D3C;
341
- @dt-color-tan-800: #282624;
342
- @dt-color-tan-900: #1D1C1B;
343
- @dt-color-tan-950: #151413;
344
- @dt-color-tan-1000: #0B0A09;
345
- @dt-color-berry-50: #FFF0FE;
346
- @dt-color-berry-100: #FFE6FD;
347
- @dt-color-berry-200: #FEAFF8;
348
- @dt-color-berry-300: #FB79F3;
349
- @dt-color-berry-400: #F745EE;
350
- @dt-color-berry-500: #E220F9;
351
- @dt-color-berry-600: #BF05F0;
352
- @dt-color-berry-700: #9D02E4;
353
- @dt-color-berry-800: #7A00D1;
354
- @dt-color-berry-900: #511E76;
355
- @dt-color-berry-950: #321249;
356
- @dt-color-berry-1000: #190826;
357
- @dt-color-coral-50: #FEF4F1;
358
- @dt-color-coral-100: #FBEEE9;
359
- @dt-color-coral-200: #F4B59F;
360
- @dt-color-coral-300: #F48662;
361
- @dt-color-coral-400: #F66437;
362
- @dt-color-coral-500: #F44710;
363
- @dt-color-coral-600: #D03A0B;
364
- @dt-color-coral-700: #A93009;
365
- @dt-color-coral-800: #862609;
366
- @dt-color-coral-900: #651E06;
367
- @dt-color-coral-950: #380E00;
368
- @dt-color-coral-1000: #240900;
369
- @dt-color-olive-50: #FFF9E5;
370
- @dt-color-olive-100: #FDF1C3;
371
- @dt-color-olive-200: #FAEBA4;
372
- @dt-color-olive-300: #F1E176;
373
- @dt-color-olive-400: #DCD138;
374
- @dt-color-olive-500: #CABF27;
375
- @dt-color-olive-600: #B6AC25;
376
- @dt-color-olive-700: #968E22;
377
- @dt-color-olive-800: #6A652A;
378
- @dt-color-olive-900: #4D480F;
379
- @dt-color-olive-950: #2B2808;
380
- @dt-color-olive-1000: #1F1C00;
381
- @dt-color-teal-50: #F3FCFB;
382
- @dt-color-teal-100: #ECF9F8;
383
- @dt-color-teal-200: #D5F4F2;
384
- @dt-color-teal-300: #BDF1EE;
385
- @dt-color-teal-400: #89E8E3;
386
- @dt-color-teal-500: #38DCD4;
387
- @dt-color-teal-600: #35B7B1;
388
- @dt-color-teal-700: #2AA7A1;
389
- @dt-color-teal-800: #228782;
390
- @dt-color-teal-900: #114D4A;
391
- @dt-color-teal-950: #072C2A;
392
- @dt-color-teal-1000: #041615;
393
- @dt-color-indigo-50: #F3F6FB;
394
- @dt-color-indigo-100: #ECF0F9;
395
- @dt-color-indigo-200: #D3E0F4;
396
- @dt-color-indigo-300: #BED2F0;
397
- @dt-color-indigo-400: #8CBAEB;
398
- @dt-color-indigo-500: #6EA6E2;
399
- @dt-color-indigo-600: #5699D7;
400
- @dt-color-indigo-700: #3C89C3;
401
- @dt-color-indigo-800: #296FA3;
402
- @dt-color-indigo-900: #143A52;
403
- @dt-color-indigo-950: #052133;
404
- @dt-color-indigo-1000: #00131F;
334
+ @dt-color-tan-200: #CEC8C4;
335
+ @dt-color-tan-300: #87807B;
336
+ @dt-color-tan-400: #3F3D3C;
337
+ @dt-color-tan-500: #121212;
405
338
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
406
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%); // Gradient for Ai-oriented treatments.
407
- @dt-color-brand-purple: #7C52FF; // Primary brand color.
408
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
409
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
410
- @dt-color-brand-gold: #FF9E0E; // Typically used as an accent color.
339
+ @dt-color-brand-purple: #7C52FF;
340
+ @dt-color-brand-magenta: #FF1BA4;
341
+ @dt-color-brand-gold: #FF9E0E;
342
+ @dt-color-brand-red: #ff1356;
411
343
  @dt-opacity-0: 0;
412
344
  @dt-opacity-100: .05;
413
345
  @dt-opacity-200: .1;
@@ -472,13 +404,13 @@
472
404
  @dt-shadow-focus-1-offset-y: 0rem;
473
405
  @dt-shadow-focus-2-blur: 0rem;
474
406
  @dt-shadow-focus-2-spread: 0.3rem;
475
- @dt-shadow-focus-2-color: #4AA9EA;
407
+ @dt-shadow-focus-2-color: #98DCFF;
476
408
  @dt-shadow-focus-2-type: dropShadow;
477
409
  @dt-shadow-focus-2-offset-x: 0rem;
478
410
  @dt-shadow-focus-2-offset-y: 0rem;
479
411
  @dt-shadow-focus-inset-blur: 0rem;
480
412
  @dt-shadow-focus-inset-spread: 0.2rem;
481
- @dt-shadow-focus-inset-color: #4AA9EA;
413
+ @dt-shadow-focus-inset-color: #98DCFF;
482
414
  @dt-shadow-focus-inset-type: innerShadow;
483
415
  @dt-shadow-focus-inset-offset-x: 0rem;
484
416
  @dt-shadow-focus-inset-offset-y: 0rem;