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

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 (136) hide show
  1. package/README.md +0 -1
  2. package/dist/css/dialtone-default-theme.css +6306 -1552
  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 +1848 -197
  6. package/dist/css/dialtone.min.css +1 -1
  7. package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
  8. package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
  9. package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
  10. package/dist/css/tokens/tokens-base-dark.css +526 -161
  11. package/dist/css/tokens/tokens-base-deca-dark.css +98 -48
  12. package/dist/css/tokens/tokens-base-deca-light.css +94 -44
  13. package/dist/css/tokens/tokens-base-light.css +493 -128
  14. package/dist/css/tokens/tokens-debug-base.css +368 -3
  15. package/dist/css/tokens/tokens-debug-dp.css +1027 -669
  16. package/dist/css/tokens/tokens-deca-dark.css +797 -768
  17. package/dist/css/tokens/tokens-deca-light.css +736 -707
  18. package/dist/css/tokens/tokens-dp-dark.css +1275 -917
  19. package/dist/css/tokens/tokens-dp-light.css +1331 -973
  20. package/dist/css/tokens/tokens-expressive-dark.css +1275 -917
  21. package/dist/css/tokens/tokens-expressive-light.css +1328 -970
  22. package/dist/css/tokens/tokens-expressive-sm-dark.css +1275 -917
  23. package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
  24. package/dist/css/tokens/tokens-tmo-dark.css +1261 -903
  25. package/dist/css/tokens/tokens-tmo-light.css +1283 -925
  26. package/dist/css/tokens-docs.json +1 -1
  27. package/dist/tokens/css/tokens-base-dark.css +526 -161
  28. package/dist/tokens/css/tokens-base-deca-dark.css +98 -48
  29. package/dist/tokens/css/tokens-base-deca-light.css +94 -44
  30. package/dist/tokens/css/tokens-base-light.css +493 -128
  31. package/dist/tokens/css/tokens-debug-base.css +368 -3
  32. package/dist/tokens/css/tokens-debug-dp.css +1027 -669
  33. package/dist/tokens/css/tokens-deca-dark.css +797 -768
  34. package/dist/tokens/css/tokens-deca-light.css +736 -707
  35. package/dist/tokens/css/tokens-dp-dark.css +1275 -917
  36. package/dist/tokens/css/tokens-dp-light.css +1331 -973
  37. package/dist/tokens/css/tokens-expressive-dark.css +1275 -917
  38. package/dist/tokens/css/tokens-expressive-light.css +1328 -970
  39. package/dist/tokens/css/tokens-expressive-sm-dark.css +1275 -917
  40. package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
  41. package/dist/tokens/css/tokens-tmo-dark.css +1261 -903
  42. package/dist/tokens/css/tokens-tmo-light.css +1283 -925
  43. package/dist/tokens/doc.json +91797 -71536
  44. package/dist/tokens/less/tokens-base-dark.less +99 -46
  45. package/dist/tokens/less/tokens-base-deca-dark.less +23 -15
  46. package/dist/tokens/less/tokens-base-deca-light.less +22 -14
  47. package/dist/tokens/less/tokens-base-light.less +90 -37
  48. package/dist/tokens/less/tokens-deca-dark.less +187 -182
  49. package/dist/tokens/less/tokens-deca-light.less +178 -173
  50. package/dist/tokens/less/tokens-dp-dark.less +239 -187
  51. package/dist/tokens/less/tokens-dp-light.less +237 -185
  52. package/dist/tokens/less/tokens-expressive-dark.less +262 -210
  53. package/dist/tokens/less/tokens-expressive-light.less +260 -208
  54. package/dist/tokens/less/tokens-expressive-sm-dark.less +262 -210
  55. package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
  56. package/dist/tokens/less/tokens-tmo-dark.less +237 -185
  57. package/dist/tokens/less/tokens-tmo-light.less +220 -168
  58. package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +1 -0
  59. package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +4 -0
  60. package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +4 -0
  61. package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +1 -0
  62. package/dist/tokens/themes/debug.cjs +1 -1
  63. package/dist/tokens/themes/debug.js +1 -1
  64. package/dist/tokens/themes/dp-dark.cjs +1 -1
  65. package/dist/tokens/themes/dp-dark.js +2 -2
  66. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  67. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  68. package/dist/tokens/themes/dp-deca-light.cjs +1 -1
  69. package/dist/tokens/themes/dp-deca-light.js +2 -2
  70. package/dist/tokens/themes/dp-light.cjs +1 -1
  71. package/dist/tokens/themes/dp-light.js +2 -2
  72. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  73. package/dist/tokens/themes/expressive-dark.js +3 -3
  74. package/dist/tokens/themes/expressive-light.cjs +1 -1
  75. package/dist/tokens/themes/expressive-light.js +3 -3
  76. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  77. package/dist/tokens/themes/expressive-sm-dark.js +3 -3
  78. package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
  79. package/dist/tokens/themes/expressive-sm-light.js +3 -3
  80. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  81. package/dist/tokens/themes/tmo-dark.js +2 -2
  82. package/dist/tokens/themes/tmo-light.cjs +1 -1
  83. package/dist/tokens/themes/tmo-light.js +2 -2
  84. package/dist/tokens/tokens-base-dark.json +99 -46
  85. package/dist/tokens/tokens-base-deca-dark.json +20 -12
  86. package/dist/tokens/tokens-base-deca-light.json +19 -11
  87. package/dist/tokens/tokens-base-light.json +90 -37
  88. package/dist/tokens/tokens-deca-dark.json +184 -179
  89. package/dist/tokens/tokens-deca-light.json +176 -171
  90. package/dist/tokens/tokens-dp-dark.json +223 -171
  91. package/dist/tokens/tokens-dp-light.json +234 -182
  92. package/dist/tokens/tokens-expressive-dark.json +246 -194
  93. package/dist/tokens/tokens-expressive-light.json +257 -205
  94. package/dist/tokens/tokens-expressive-sm-dark.json +246 -194
  95. package/dist/tokens/tokens-expressive-sm-light.json +257 -205
  96. package/dist/tokens/tokens-tmo-dark.json +221 -169
  97. package/dist/tokens/tokens-tmo-light.json +211 -159
  98. package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
  99. package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
  100. package/dist/vue2/components/pagination/pagination.vue.js +2 -2
  101. package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
  102. package/dist/vue2/components/popover/popover.vue.cjs +2 -2
  103. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  104. package/dist/vue2/components/popover/popover.vue.js +2 -2
  105. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  106. package/dist/vue2/components/tab/tab_panel.vue.cjs +1 -1
  107. package/dist/vue2/components/tab/tab_panel.vue.cjs.map +1 -1
  108. package/dist/vue2/components/tab/tab_panel.vue.js +1 -1
  109. package/dist/vue2/components/tab/tab_panel.vue.js.map +1 -1
  110. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
  111. package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
  112. package/dist/vue2/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  113. package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
  114. package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
  115. package/dist/vue3/components/pagination/pagination.vue.js +2 -2
  116. package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
  117. package/dist/vue3/components/popover/popover.vue.cjs +2 -2
  118. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  119. package/dist/vue3/components/popover/popover.vue.js +2 -2
  120. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  121. package/dist/vue3/components/tab/tab_panel.vue.cjs +1 -2
  122. package/dist/vue3/components/tab/tab_panel.vue.cjs.map +1 -1
  123. package/dist/vue3/components/tab/tab_panel.vue.js +1 -2
  124. package/dist/vue3/components/tab/tab_panel.vue.js.map +1 -1
  125. package/dist/vue3/types/components/tab/tab_panel.vue.d.ts.map +1 -1
  126. package/package.json +4 -4
  127. package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
  128. package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
  129. package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
  130. package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
  131. package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
  132. package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
  133. package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
  134. package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
  135. package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
  136. package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.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: 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";
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";
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,55 +246,108 @@
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-100: #000000;
250
- @dt-color-black-200: #262626;
251
- @dt-color-black-300: #3A3A3A;
249
+ @dt-color-black-50: #000000;
250
+ @dt-color-black-100: #171717;
251
+ @dt-color-black-200: #1f1f1f;
252
+ @dt-color-black-300: #3d3d3d;
252
253
  @dt-color-black-400: #555555;
253
254
  @dt-color-black-500: #808080;
254
- @dt-color-black-600: #AAAAAA;
255
- @dt-color-black-700: #C2C2C2;
255
+ @dt-color-black-600: #B0B0B0;
256
+ @dt-color-black-700: #c7c7c7;
256
257
  @dt-color-black-800: #D4D4D4;
257
258
  @dt-color-black-900: #E6E6E6;
258
- @dt-color-purple-100: #10022C;
259
+ @dt-color-black-950: #F9F9F9;
260
+ @dt-color-black-1000: #ffffff;
261
+ @dt-color-purple-50: #10022C;
262
+ @dt-color-purple-100: #1D0155;
259
263
  @dt-color-purple-200: #3A1D95;
260
- @dt-color-purple-300: #7C52FF;
261
- @dt-color-purple-400: #AB7EFF;
262
- @dt-color-purple-500: #DAC7FF;
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;
263
271
  @dt-color-purple-600: #F5F0FF;
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.
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%);
295
347
  @dt-color-brand-purple: #7C52FF; // Primary brand 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.
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.
298
351
  @dt-opacity-0: 0;
299
352
  @dt-opacity-100: .05;
300
353
  @dt-opacity-200: .1;
@@ -473,19 +526,19 @@
473
526
  @dt-shadow-card-7-offset-y: -0.05rem;
474
527
  @dt-shadow-focus-1-blur: 0rem;
475
528
  @dt-shadow-focus-1-spread: 0.1rem;
476
- @dt-shadow-focus-1-color: #000000;
529
+ @dt-shadow-focus-1-color: #171717;
477
530
  @dt-shadow-focus-1-type: dropShadow;
478
531
  @dt-shadow-focus-1-offset-x: 0rem;
479
532
  @dt-shadow-focus-1-offset-y: 0rem;
480
533
  @dt-shadow-focus-2-blur: 0rem;
481
534
  @dt-shadow-focus-2-spread: 0.3rem;
482
- @dt-shadow-focus-2-color: #51A0FE;
535
+ @dt-shadow-focus-2-color: #1768C6;
483
536
  @dt-shadow-focus-2-type: dropShadow;
484
537
  @dt-shadow-focus-2-offset-x: 0rem;
485
538
  @dt-shadow-focus-2-offset-y: 0rem;
486
539
  @dt-shadow-focus-inset-blur: 0rem;
487
540
  @dt-shadow-focus-inset-spread: 0.2rem;
488
- @dt-shadow-focus-inset-color: #51A0FE;
541
+ @dt-shadow-focus-inset-color: #1768C6;
489
542
  @dt-shadow-focus-inset-type: innerShadow;
490
543
  @dt-shadow-focus-inset-offset-x: 0rem;
491
544
  @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: 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";
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";
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: #0E002A;
261
+ @dt-color-purple-50: #10022C;
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: #9568FF;
268
- @dt-color-purple-450: #AB7EFF;
269
- @dt-color-purple-500: #C2A3FF;
270
- @dt-color-purple-550: #DAC7FF;
267
+ @dt-color-purple-400: #9071FC;
268
+ @dt-color-purple-450: #A38FF9;
269
+ @dt-color-purple-500: #BBA6FC;
270
+ @dt-color-purple-550: #D3BCFF;
271
271
  @dt-color-purple-600: #F5F0FF;
272
272
  @dt-color-purple-1000: #f9f6ff;
273
273
  @dt-color-blue-50: #010B16;
@@ -330,16 +330,24 @@
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-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;
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;
338
345
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
339
- @dt-color-brand-purple: #7C52FF;
340
- @dt-color-brand-magenta: #FF1BA4;
341
- @dt-color-brand-gold: #FF9E0E;
342
- @dt-color-brand-red: #ff1356;
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.
343
351
  @dt-opacity-0: 0;
344
352
  @dt-opacity-100: .05;
345
353
  @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: 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";
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";
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: #DAC7FF;
264
- @dt-color-purple-250: #C2A3FF;
265
- @dt-color-purple-300: #AB7EFF;
266
- @dt-color-purple-350: #9568FF;
263
+ @dt-color-purple-200: #D3BCFF;
264
+ @dt-color-purple-250: #BBA6FC;
265
+ @dt-color-purple-300: #A38FF9;
266
+ @dt-color-purple-350: #9071FC;
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: #0E002A;
272
+ @dt-color-purple-1000: #10022C;
273
273
  @dt-color-blue-50: #f5f9fd;
274
274
  @dt-color-blue-100: #EAF2FA;
275
275
  @dt-color-blue-200: #BDE8FF;
@@ -330,16 +330,24 @@
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;
333
334
  @dt-color-tan-100: #F2F0EE;
334
- @dt-color-tan-200: #CEC8C4;
335
- @dt-color-tan-300: #87807B;
336
- @dt-color-tan-400: #3F3D3C;
337
- @dt-color-tan-500: #121212;
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;
338
345
  @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
339
- @dt-color-brand-purple: #7C52FF;
340
- @dt-color-brand-magenta: #FF1BA4;
341
- @dt-color-brand-gold: #FF9E0E;
342
- @dt-color-brand-red: #ff1356;
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.
343
351
  @dt-opacity-0: 0;
344
352
  @dt-opacity-100: .05;
345
353
  @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: 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";
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";
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,55 +246,108 @@
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;
249
250
  @dt-color-black-100: #F9F9F9;
250
251
  @dt-color-black-200: #E9E9E9;
251
252
  @dt-color-black-300: #D2D2D2;
252
253
  @dt-color-black-400: #AAAAAA;
253
254
  @dt-color-black-500: #808080;
254
- @dt-color-black-600: #555555;
255
+ @dt-color-black-600: #535353;
255
256
  @dt-color-black-700: #3A3A3A;
256
- @dt-color-black-800: #222222;
257
- @dt-color-black-900: #000000;
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;
258
262
  @dt-color-purple-100: #F5F0FF;
259
- @dt-color-purple-200: #DAC7FF;
260
- @dt-color-purple-300: #AB7EFF;
263
+ @dt-color-purple-200: #D3BCFF;
264
+ @dt-color-purple-250: #BBA6FC;
265
+ @dt-color-purple-300: #A38FF9;
266
+ @dt-color-purple-350: #9071FC;
261
267
  @dt-color-purple-400: #7C52FF;
262
- @dt-color-purple-500: #3A1D95;
263
- @dt-color-purple-600: #10022C;
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;
264
274
  @dt-color-blue-100: #EAF2FA;
265
- @dt-color-blue-200: #99C8FF;
266
- @dt-color-blue-300: #51A0FE;
267
- @dt-color-blue-400: #1768C6;
268
- @dt-color-blue-500: #01326D;
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;
269
286
  @dt-color-magenta-100: #FFE0F2;
270
- @dt-color-magenta-200: #F985C7;
271
- @dt-color-magenta-300: #F9008E;
272
- @dt-color-magenta-400: #8C0E56;
273
- @dt-color-magenta-500: #541A3B;
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;
274
298
  @dt-color-gold-100: #FFF4CC;
275
- @dt-color-gold-200: #FFDB80;
276
- @dt-color-gold-300: #F6AB3C;
277
- @dt-color-gold-400: #D28F2B;
278
- @dt-color-gold-500: #815008;
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;
279
310
  @dt-color-green-100: #EDF9EB;
280
- @dt-color-green-200: #B0FFA3;
281
- @dt-color-green-300: #45F777;
282
- @dt-color-green-400: #1AA340;
283
- @dt-color-green-500: #124620;
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;
284
322
  @dt-color-red-100: #FFE5E6;
285
- @dt-color-red-200: #FF8585;
286
- @dt-color-red-300: #EC0E0E;
287
- @dt-color-red-400: #B70B0B;
288
- @dt-color-red-500: #5B0505;
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;
289
334
  @dt-color-tan-100: #F2F0EE;
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.
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.
295
347
  @dt-color-brand-purple: #7C52FF; // Primary brand 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.
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.
298
351
  @dt-opacity-0: 0;
299
352
  @dt-opacity-100: .05;
300
353
  @dt-opacity-200: .1;
@@ -359,13 +412,13 @@
359
412
  @dt-shadow-focus-1-offset-y: 0rem;
360
413
  @dt-shadow-focus-2-blur: 0rem;
361
414
  @dt-shadow-focus-2-spread: 0.3rem;
362
- @dt-shadow-focus-2-color: #51A0FE;
415
+ @dt-shadow-focus-2-color: #98DCFF;
363
416
  @dt-shadow-focus-2-type: dropShadow;
364
417
  @dt-shadow-focus-2-offset-x: 0rem;
365
418
  @dt-shadow-focus-2-offset-y: 0rem;
366
419
  @dt-shadow-focus-inset-blur: 0rem;
367
420
  @dt-shadow-focus-inset-spread: 0.2rem;
368
- @dt-shadow-focus-inset-color: #51A0FE;
421
+ @dt-shadow-focus-inset-color: #98DCFF;
369
422
  @dt-shadow-focus-inset-type: innerShadow;
370
423
  @dt-shadow-focus-inset-offset-x: 0rem;
371
424
  @dt-shadow-focus-inset-offset-y: 0rem;