@dialpad/dialtone 9.105.0-rebrand-2025-beta.2 → 9.105.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (154) hide show
  1. package/README.md +1 -0
  2. package/dist/css/dialtone-default-theme.css +1529 -6289
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone-docs.json +1 -1
  5. package/dist/css/dialtone.css +194 -1851
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  8. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  9. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  10. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  11. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  12. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  13. package/dist/css/tokens/tokens-base-dark.css +161 -526
  14. package/dist/css/tokens/tokens-base-deca-dark.css +48 -98
  15. package/dist/css/tokens/tokens-base-deca-light.css +44 -94
  16. package/dist/css/tokens/tokens-base-light.css +128 -493
  17. package/dist/css/tokens/tokens-debug-base.css +3 -368
  18. package/dist/css/tokens/tokens-debug-dp.css +653 -1011
  19. package/dist/css/tokens/tokens-deca-dark.css +748 -777
  20. package/dist/css/tokens/tokens-deca-light.css +708 -737
  21. package/dist/css/tokens/tokens-dp-dark.css +917 -1275
  22. package/dist/css/tokens/tokens-dp-light.css +973 -1331
  23. package/dist/css/tokens/tokens-expressive-dark.css +917 -1275
  24. package/dist/css/tokens/tokens-expressive-light.css +970 -1328
  25. package/dist/css/tokens/tokens-expressive-sm-dark.css +917 -1275
  26. package/dist/css/tokens/tokens-expressive-sm-light.css +970 -1328
  27. package/dist/css/tokens/tokens-tmo-dark.css +903 -1261
  28. package/dist/css/tokens/tokens-tmo-light.css +925 -1283
  29. package/dist/css/tokens-docs.json +1 -1
  30. package/dist/tokens/css/tokens-base-dark.css +161 -526
  31. package/dist/tokens/css/tokens-base-deca-dark.css +48 -98
  32. package/dist/tokens/css/tokens-base-deca-light.css +44 -94
  33. package/dist/tokens/css/tokens-base-light.css +128 -493
  34. package/dist/tokens/css/tokens-debug-base.css +3 -368
  35. package/dist/tokens/css/tokens-debug-dp.css +653 -1011
  36. package/dist/tokens/css/tokens-deca-dark.css +748 -777
  37. package/dist/tokens/css/tokens-deca-light.css +708 -737
  38. package/dist/tokens/css/tokens-dp-dark.css +917 -1275
  39. package/dist/tokens/css/tokens-dp-light.css +973 -1331
  40. package/dist/tokens/css/tokens-expressive-dark.css +917 -1275
  41. package/dist/tokens/css/tokens-expressive-light.css +970 -1328
  42. package/dist/tokens/css/tokens-expressive-sm-dark.css +917 -1275
  43. package/dist/tokens/css/tokens-expressive-sm-light.css +970 -1328
  44. package/dist/tokens/css/tokens-tmo-dark.css +903 -1261
  45. package/dist/tokens/css/tokens-tmo-light.css +925 -1283
  46. package/dist/tokens/doc.json +87562 -107823
  47. package/dist/tokens/less/tokens-base-dark.less +46 -99
  48. package/dist/tokens/less/tokens-base-deca-dark.less +15 -23
  49. package/dist/tokens/less/tokens-base-deca-light.less +14 -22
  50. package/dist/tokens/less/tokens-base-light.less +37 -90
  51. package/dist/tokens/less/tokens-deca-dark.less +182 -187
  52. package/dist/tokens/less/tokens-deca-light.less +173 -178
  53. package/dist/tokens/less/tokens-dp-dark.less +187 -239
  54. package/dist/tokens/less/tokens-dp-light.less +185 -237
  55. package/dist/tokens/less/tokens-expressive-dark.less +210 -262
  56. package/dist/tokens/less/tokens-expressive-light.less +208 -260
  57. package/dist/tokens/less/tokens-expressive-sm-dark.less +210 -262
  58. package/dist/tokens/less/tokens-expressive-sm-light.less +208 -260
  59. package/dist/tokens/less/tokens-tmo-dark.less +185 -237
  60. package/dist/tokens/less/tokens-tmo-light.less +168 -220
  61. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
  62. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
  63. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
  64. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.js +1 -0
  65. package/dist/tokens/themes/debug.cjs +1 -1
  66. package/dist/tokens/themes/debug.js +1 -1
  67. package/dist/tokens/themes/dp-dark.cjs +1 -1
  68. package/dist/tokens/themes/dp-dark.js +2 -2
  69. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  70. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  71. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  72. package/dist/tokens/themes/dp-deca-light.js +2 -2
  73. package/dist/tokens/themes/dp-light.cjs +1 -1
  74. package/dist/tokens/themes/dp-light.js +2 -2
  75. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  76. package/dist/tokens/themes/expressive-dark.js +3 -3
  77. package/dist/tokens/themes/expressive-light.cjs +1 -1
  78. package/dist/tokens/themes/expressive-light.js +3 -3
  79. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  80. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  81. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  82. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  83. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  84. package/dist/tokens/themes/tmo-dark.js +2 -2
  85. package/dist/tokens/themes/tmo-light.cjs +1 -1
  86. package/dist/tokens/themes/tmo-light.js +2 -2
  87. package/dist/tokens/tokens-base-dark.json +46 -99
  88. package/dist/tokens/tokens-base-deca-dark.json +12 -20
  89. package/dist/tokens/tokens-base-deca-light.json +11 -19
  90. package/dist/tokens/tokens-base-light.json +37 -90
  91. package/dist/tokens/tokens-deca-dark.json +179 -184
  92. package/dist/tokens/tokens-deca-light.json +171 -176
  93. package/dist/tokens/tokens-dp-dark.json +171 -223
  94. package/dist/tokens/tokens-dp-light.json +182 -234
  95. package/dist/tokens/tokens-expressive-dark.json +194 -246
  96. package/dist/tokens/tokens-expressive-light.json +205 -257
  97. package/dist/tokens/tokens-expressive-sm-dark.json +194 -246
  98. package/dist/tokens/tokens-expressive-sm-light.json +205 -257
  99. package/dist/tokens/tokens-tmo-dark.json +169 -221
  100. package/dist/tokens/tokens-tmo-light.json +159 -211
  101. package/dist/vue2/component-documentation.json +1 -1
  102. package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
  103. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  104. package/dist/vue2/components/pagination/pagination.vue.js +2 -2
  105. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  106. package/dist/vue2/components/popover/popover.vue.cjs +2 -2
  107. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  108. package/dist/vue2/components/popover/popover.vue.js +2 -2
  109. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  110. package/dist/vue2/components/tab/tab_panel.vue.cjs +1 -1
  111. package/dist/vue2/components/tab/tab_panel.vue.cjs.map +1 -1
  112. package/dist/vue2/components/tab/tab_panel.vue.js +1 -1
  113. package/dist/vue2/components/tab/tab_panel.vue.js.map +1 -1
  114. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  115. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  116. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.cjs +8 -1
  117. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
  118. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js +8 -1
  119. package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
  120. package/dist/vue2/types/common/dates/index.d.ts.map +1 -1
  121. package/dist/vue2/types/components/select_menu/select_menu.vue.d.ts +1 -1
  122. package/dist/vue2/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  123. package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
  124. package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
  125. package/dist/vue3/component-documentation.json +1 -1
  126. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  127. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  128. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  129. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  130. package/dist/vue3/components/popover/popover.vue.cjs +2 -2
  131. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  132. package/dist/vue3/components/popover/popover.vue.js +2 -2
  133. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  134. package/dist/vue3/components/tab/tab_panel.vue.cjs +1 -5
  135. package/dist/vue3/components/tab/tab_panel.vue.cjs.map +1 -1
  136. package/dist/vue3/components/tab/tab_panel.vue.js +2 -6
  137. package/dist/vue3/components/tab/tab_panel.vue.js.map +1 -1
  138. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs +9 -1
  139. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
  140. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js +9 -1
  141. package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
  142. package/dist/vue3/types/common/dates/index.d.ts.map +1 -1
  143. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts +1 -1
  144. package/dist/vue3/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  145. package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
  146. package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
  147. package/package.json +9 -9
  148. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  149. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  150. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  151. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +0 -1
  152. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +0 -4
  153. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +0 -4
  154. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +0 -1
@@ -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,108 +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-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
346
- @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.
347
295
  @dt-color-brand-purple: #7C52FF; // Primary brand color.
348
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
349
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
350
- @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.
351
298
  @dt-opacity-0: 0;
352
299
  @dt-opacity-100: .05;
353
300
  @dt-opacity-200: .1;
@@ -526,19 +473,19 @@
526
473
  @dt-shadow-card-7-offset-y: -0.05rem;
527
474
  @dt-shadow-focus-1-blur: 0rem;
528
475
  @dt-shadow-focus-1-spread: 0.1rem;
529
- @dt-shadow-focus-1-color: #171717;
476
+ @dt-shadow-focus-1-color: #000000;
530
477
  @dt-shadow-focus-1-type: dropShadow;
531
478
  @dt-shadow-focus-1-offset-x: 0rem;
532
479
  @dt-shadow-focus-1-offset-y: 0rem;
533
480
  @dt-shadow-focus-2-blur: 0rem;
534
481
  @dt-shadow-focus-2-spread: 0.3rem;
535
- @dt-shadow-focus-2-color: #1768C6;
482
+ @dt-shadow-focus-2-color: #51A0FE;
536
483
  @dt-shadow-focus-2-type: dropShadow;
537
484
  @dt-shadow-focus-2-offset-x: 0rem;
538
485
  @dt-shadow-focus-2-offset-y: 0rem;
539
486
  @dt-shadow-focus-inset-blur: 0rem;
540
487
  @dt-shadow-focus-inset-spread: 0.2rem;
541
- @dt-shadow-focus-inset-color: #1768C6;
488
+ @dt-shadow-focus-inset-color: #51A0FE;
542
489
  @dt-shadow-focus-inset-type: innerShadow;
543
490
  @dt-shadow-focus-inset-offset-x: 0rem;
544
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,24 +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;
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;
345
338
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
346
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(132deg, #FE8819 0%, #ff1356 30%, #FF1BA4 75%, #AE3ADF 100%);
347
- @dt-color-brand-purple: #7C52FF; // Primary brand color.
348
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
349
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
350
- @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;
351
343
  @dt-opacity-0: 0;
352
344
  @dt-opacity-100: .05;
353
345
  @dt-opacity-200: .1;
@@ -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,24 +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;
334
+ @dt-color-tan-200: #CEC8C4;
335
+ @dt-color-tan-300: #87807B;
336
+ @dt-color-tan-400: #3F3D3C;
337
+ @dt-color-tan-500: #121212;
345
338
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
346
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%); // Gradient for Ai-oriented treatments.
347
- @dt-color-brand-purple: #7C52FF; // Primary brand color.
348
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
349
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
350
- @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;
351
343
  @dt-opacity-0: 0;
352
344
  @dt-opacity-100: .05;
353
345
  @dt-opacity-200: .1;
@@ -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,108 +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: #ffffff;
250
249
  @dt-color-black-100: #F9F9F9;
251
250
  @dt-color-black-200: #E9E9E9;
252
251
  @dt-color-black-300: #D2D2D2;
253
252
  @dt-color-black-400: #AAAAAA;
254
253
  @dt-color-black-500: #808080;
255
- @dt-color-black-600: #535353;
254
+ @dt-color-black-600: #555555;
256
255
  @dt-color-black-700: #3A3A3A;
257
- @dt-color-black-800: #252525;
258
- @dt-color-black-900: #1C1C1C;
259
- @dt-color-black-950: #171717;
260
- @dt-color-black-1000: #000000;
261
- @dt-color-purple-50: #f9f6ff;
256
+ @dt-color-black-800: #222222;
257
+ @dt-color-black-900: #000000;
262
258
  @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;
259
+ @dt-color-purple-200: #DAC7FF;
260
+ @dt-color-purple-300: #AB7EFF;
267
261
  @dt-color-purple-400: #7C52FF;
268
- @dt-color-purple-450: #6538F1;
269
- @dt-color-purple-500: #5023DD;
270
- @dt-color-purple-550: #3A1D95;
271
- @dt-color-purple-600: #1D0155;
272
- @dt-color-purple-1000: #10022C;
273
- @dt-color-blue-50: #f5f9fd;
262
+ @dt-color-purple-500: #3A1D95;
263
+ @dt-color-purple-600: #10022C;
274
264
  @dt-color-blue-100: #EAF2FA;
275
- @dt-color-blue-200: #BDE8FF;
276
- @dt-color-blue-300: #98DCFF;
277
- @dt-color-blue-400: #5FC4F9;
278
- @dt-color-blue-425: #4AA9EA;
279
- @dt-color-blue-450: #3B96DF;
280
- @dt-color-blue-475: #2C83D5;
281
- @dt-color-blue-500: #1768C6;
282
- @dt-color-blue-600: #003165;
283
- @dt-color-blue-900: #001429;
284
- @dt-color-blue-1000: #010B16;
285
- @dt-color-magenta-50: #FFEEF8;
265
+ @dt-color-blue-200: #99C8FF;
266
+ @dt-color-blue-300: #51A0FE;
267
+ @dt-color-blue-400: #1768C6;
268
+ @dt-color-blue-500: #01326D;
286
269
  @dt-color-magenta-100: #FFE0F2;
287
- @dt-color-magenta-200: #FFB1CF;
288
- @dt-color-magenta-250: #FE87B7;
289
- @dt-color-magenta-300: #FC5EA0;
290
- @dt-color-magenta-400: #FF1BA4;
291
- @dt-color-magenta-425: #D9118E;
292
- @dt-color-magenta-475: #BF0A80;
293
- @dt-color-magenta-500: #9A006A;
294
- @dt-color-magenta-600: #662251;
295
- @dt-color-magenta-900: #330F27;
296
- @dt-color-magenta-1000: #190713;
297
- @dt-color-gold-50: #fffae5;
270
+ @dt-color-magenta-200: #F985C7;
271
+ @dt-color-magenta-300: #F9008E;
272
+ @dt-color-magenta-400: #8C0E56;
273
+ @dt-color-magenta-500: #541A3B;
298
274
  @dt-color-gold-100: #FFF4CC;
299
- @dt-color-gold-200: #FFE89C;
300
- @dt-color-gold-300: #FFDB80;
301
- @dt-color-gold-350: #FFBD48;
302
- @dt-color-gold-400: #FF9E0E;
303
- @dt-color-gold-450: #EA8F07;
304
- @dt-color-gold-500: #D57F00;
305
- @dt-color-gold-600: #815008;
306
- @dt-color-gold-700: #533204;
307
- @dt-color-gold-900: #2C1B02;
308
- @dt-color-gold-1000: #201301;
309
- @dt-color-green-50: #f6fcf5;
275
+ @dt-color-gold-200: #FFDB80;
276
+ @dt-color-gold-300: #F6AB3C;
277
+ @dt-color-gold-400: #D28F2B;
278
+ @dt-color-gold-500: #815008;
310
279
  @dt-color-green-100: #EDF9EB;
311
- @dt-color-green-200: #DBFFA9;
312
- @dt-color-green-300: #D1FF76;
313
- @dt-color-green-350: #AEFB3C;
314
- @dt-color-green-400: #84EE0B;
315
- @dt-color-green-425: #52C926;
316
- @dt-color-green-475: #2EA834;
317
- @dt-color-green-500: #008E52;
318
- @dt-color-green-600: #004F2E;
319
- @dt-color-green-900: #012717;
320
- @dt-color-green-1000: #00150D;
321
- @dt-color-red-50: #FFF2F3;
280
+ @dt-color-green-200: #B0FFA3;
281
+ @dt-color-green-300: #45F777;
282
+ @dt-color-green-400: #1AA340;
283
+ @dt-color-green-500: #124620;
322
284
  @dt-color-red-100: #FFE5E6;
323
- @dt-color-red-200: #FFABA4;
324
- @dt-color-red-300: #FF716F;
325
- @dt-color-red-350: #FF415B;
326
- @dt-color-red-400: #FF1356;
327
- @dt-color-red-450: #D90A45;
328
- @dt-color-red-500: #AF0032;
329
- @dt-color-red-600: #93173A;
330
- @dt-color-red-700: #640823;
331
- @dt-color-red-900: #380010;
332
- @dt-color-red-1000: #1C0108;
333
- @dt-color-tan-50: #F8F7F6;
285
+ @dt-color-red-200: #FF8585;
286
+ @dt-color-red-300: #EC0E0E;
287
+ @dt-color-red-400: #B70B0B;
288
+ @dt-color-red-500: #5B0505;
334
289
  @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-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
346
- @dt-color-gradient-gold-red-magenta-purple: linear-gradient(140deg, #FF5E2F 0%, #ff1356 25%, #FF1BA4 66%, #9D42EA 100%); // Gradient for Ai-oriented treatments.
290
+ @dt-color-tan-200: #CEC8C4;
291
+ @dt-color-tan-300: #87807B;
292
+ @dt-color-tan-400: #3F3D3C;
293
+ @dt-color-tan-500: #121212;
294
+ @dt-color-gradient-magenta-purple: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
347
295
  @dt-color-brand-purple: #7C52FF; // Primary brand color.
348
- @dt-color-brand-magenta: #FF1BA4; // Typically used as an accent color.
349
- @dt-color-brand-red: #ff1356; // Typically used as an accent color.
350
- @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.
351
298
  @dt-opacity-0: 0;
352
299
  @dt-opacity-100: .05;
353
300
  @dt-opacity-200: .1;
@@ -412,13 +359,13 @@
412
359
  @dt-shadow-focus-1-offset-y: 0rem;
413
360
  @dt-shadow-focus-2-blur: 0rem;
414
361
  @dt-shadow-focus-2-spread: 0.3rem;
415
- @dt-shadow-focus-2-color: #98DCFF;
362
+ @dt-shadow-focus-2-color: #51A0FE;
416
363
  @dt-shadow-focus-2-type: dropShadow;
417
364
  @dt-shadow-focus-2-offset-x: 0rem;
418
365
  @dt-shadow-focus-2-offset-y: 0rem;
419
366
  @dt-shadow-focus-inset-blur: 0rem;
420
367
  @dt-shadow-focus-inset-spread: 0.2rem;
421
- @dt-shadow-focus-inset-color: #98DCFF;
368
+ @dt-shadow-focus-inset-color: #51A0FE;
422
369
  @dt-shadow-focus-inset-type: innerShadow;
423
370
  @dt-shadow-focus-inset-offset-x: 0rem;
424
371
  @dt-shadow-focus-inset-offset-y: 0rem;