@dialpad/dialtone 9.105.0 → 9.106.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.
- package/README.md +0 -1
- package/dist/css/dialtone-default-theme.css +6306 -1549
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone-docs.json +1 -1
- package/dist/css/dialtone.css +1849 -195
- package/dist/css/dialtone.min.css +1 -1
- package/dist/css/fonts/SeasonMix-Bold.woff2 +0 -0
- package/dist/css/fonts/SeasonMix-Regular.woff2 +0 -0
- package/dist/css/fonts/SeasonMix-SemiBold.woff2 +0 -0
- package/dist/css/tokens/tokens-base-dark.css +526 -161
- package/dist/css/tokens/tokens-base-deca-dark.css +98 -48
- package/dist/css/tokens/tokens-base-deca-light.css +94 -44
- package/dist/css/tokens/tokens-base-light.css +493 -128
- package/dist/css/tokens/tokens-debug-base.css +368 -3
- package/dist/css/tokens/tokens-debug-dp.css +1027 -669
- package/dist/css/tokens/tokens-deca-dark.css +797 -768
- package/dist/css/tokens/tokens-deca-light.css +736 -707
- package/dist/css/tokens/tokens-dp-dark.css +1275 -917
- package/dist/css/tokens/tokens-dp-light.css +1331 -973
- package/dist/css/tokens/tokens-expressive-dark.css +1275 -917
- package/dist/css/tokens/tokens-expressive-light.css +1328 -970
- package/dist/css/tokens/tokens-expressive-sm-dark.css +1275 -917
- package/dist/css/tokens/tokens-expressive-sm-light.css +1328 -970
- package/dist/css/tokens/tokens-tmo-dark.css +1431 -1073
- package/dist/css/tokens/tokens-tmo-light.css +1473 -1115
- package/dist/css/tokens-docs.json +1 -1
- package/dist/tokens/css/tokens-base-dark.css +526 -161
- package/dist/tokens/css/tokens-base-deca-dark.css +98 -48
- package/dist/tokens/css/tokens-base-deca-light.css +94 -44
- package/dist/tokens/css/tokens-base-light.css +493 -128
- package/dist/tokens/css/tokens-debug-base.css +368 -3
- package/dist/tokens/css/tokens-debug-dp.css +1027 -669
- package/dist/tokens/css/tokens-deca-dark.css +797 -768
- package/dist/tokens/css/tokens-deca-light.css +736 -707
- package/dist/tokens/css/tokens-dp-dark.css +1275 -917
- package/dist/tokens/css/tokens-dp-light.css +1331 -973
- package/dist/tokens/css/tokens-expressive-dark.css +1275 -917
- package/dist/tokens/css/tokens-expressive-light.css +1328 -970
- package/dist/tokens/css/tokens-expressive-sm-dark.css +1275 -917
- package/dist/tokens/css/tokens-expressive-sm-light.css +1328 -970
- package/dist/tokens/css/tokens-tmo-dark.css +1431 -1073
- package/dist/tokens/css/tokens-tmo-light.css +1473 -1115
- package/dist/tokens/doc.json +88610 -68384
- package/dist/tokens/less/tokens-base-dark.less +99 -46
- package/dist/tokens/less/tokens-base-deca-dark.less +23 -15
- package/dist/tokens/less/tokens-base-deca-light.less +22 -14
- package/dist/tokens/less/tokens-base-light.less +90 -37
- package/dist/tokens/less/tokens-deca-dark.less +187 -182
- package/dist/tokens/less/tokens-deca-light.less +178 -173
- package/dist/tokens/less/tokens-dp-dark.less +239 -187
- package/dist/tokens/less/tokens-dp-light.less +237 -185
- package/dist/tokens/less/tokens-expressive-dark.less +262 -210
- package/dist/tokens/less/tokens-expressive-light.less +260 -208
- package/dist/tokens/less/tokens-expressive-sm-dark.less +262 -210
- package/dist/tokens/less/tokens-expressive-sm-light.less +260 -208
- package/dist/tokens/less/tokens-tmo-dark.less +259 -207
- package/dist/tokens/less/tokens-tmo-light.less +250 -198
- package/dist/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +1 -0
- package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +4 -0
- package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +4 -0
- package/dist/tokens/themes/chunks/tokens-base-light-Cll0VrKT.js +1 -0
- package/dist/tokens/themes/debug.cjs +1 -1
- package/dist/tokens/themes/debug.js +1 -1
- package/dist/tokens/themes/dp-dark.cjs +1 -1
- package/dist/tokens/themes/dp-dark.js +2 -2
- package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
- package/dist/tokens/themes/dp-deca-dark.js +1 -1
- package/dist/tokens/themes/dp-deca-light.cjs +1 -1
- package/dist/tokens/themes/dp-deca-light.js +2 -2
- package/dist/tokens/themes/dp-light.cjs +1 -1
- package/dist/tokens/themes/dp-light.js +2 -2
- package/dist/tokens/themes/expressive-dark.cjs +1 -1
- package/dist/tokens/themes/expressive-dark.js +3 -3
- package/dist/tokens/themes/expressive-light.cjs +1 -1
- package/dist/tokens/themes/expressive-light.js +3 -3
- package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
- package/dist/tokens/themes/expressive-sm-dark.js +3 -3
- package/dist/tokens/themes/expressive-sm-light.cjs +1 -1
- package/dist/tokens/themes/expressive-sm-light.js +3 -3
- package/dist/tokens/themes/tmo-dark.cjs +1 -1
- package/dist/tokens/themes/tmo-dark.js +2 -2
- package/dist/tokens/themes/tmo-light.cjs +1 -1
- package/dist/tokens/themes/tmo-light.js +2 -2
- package/dist/tokens/tokens-base-dark.json +99 -46
- package/dist/tokens/tokens-base-deca-dark.json +20 -12
- package/dist/tokens/tokens-base-deca-light.json +19 -11
- package/dist/tokens/tokens-base-light.json +90 -37
- package/dist/tokens/tokens-deca-dark.json +184 -179
- package/dist/tokens/tokens-deca-light.json +176 -171
- package/dist/tokens/tokens-dp-dark.json +223 -171
- package/dist/tokens/tokens-dp-light.json +234 -182
- package/dist/tokens/tokens-expressive-dark.json +246 -194
- package/dist/tokens/tokens-expressive-light.json +257 -205
- package/dist/tokens/tokens-expressive-sm-dark.json +246 -194
- package/dist/tokens/tokens-expressive-sm-light.json +257 -205
- package/dist/tokens/tokens-tmo-dark.json +248 -196
- package/dist/tokens/tokens-tmo-light.json +245 -193
- package/dist/vue2/components/pagination/pagination.vue.cjs +2 -2
- package/dist/vue2/components/pagination/pagination.vue.cjs.map +1 -1
- package/dist/vue2/components/pagination/pagination.vue.js +2 -2
- package/dist/vue2/components/pagination/pagination.vue.js.map +1 -1
- package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.cjs.map +1 -1
- package/dist/vue2/recipes/conversation_view/message_input/message_input.vue.js.map +1 -1
- package/dist/vue3/components/pagination/pagination.vue.cjs +2 -2
- package/dist/vue3/components/pagination/pagination.vue.cjs.map +1 -1
- package/dist/vue3/components/pagination/pagination.vue.js +2 -2
- package/dist/vue3/components/pagination/pagination.vue.js.map +1 -1
- package/package.json +3 -3
- package/dist/css/fonts/Archivo-Bold.woff2 +0 -0
- package/dist/css/fonts/Archivo-Regular.woff2 +0 -0
- package/dist/css/fonts/Archivo-SemiBold.woff2 +0 -0
- package/dist/css/fonts/ArchivoExpanded-SemiBold.woff2 +0 -0
- package/dist/css/fonts/ArchivoSemiExpanded-Medium.woff2 +0 -0
- package/dist/css/fonts/ArchivoSemiExpanded-SemiBold.woff2 +0 -0
- package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +0 -4
- package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +0 -1
- package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +0 -4
- 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:
|
|
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-
|
|
250
|
-
@dt-color-black-
|
|
251
|
-
@dt-color-black-
|
|
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: #
|
|
255
|
-
@dt-color-black-700: #
|
|
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-
|
|
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-
|
|
261
|
-
@dt-color-purple-
|
|
262
|
-
@dt-color-purple-
|
|
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-
|
|
265
|
-
@dt-color-blue-
|
|
266
|
-
@dt-color-blue-
|
|
267
|
-
@dt-color-blue-
|
|
268
|
-
@dt-color-blue-
|
|
269
|
-
@dt-color-
|
|
270
|
-
@dt-color-
|
|
271
|
-
@dt-color-
|
|
272
|
-
@dt-color-
|
|
273
|
-
@dt-color-
|
|
274
|
-
@dt-color-
|
|
275
|
-
@dt-color-
|
|
276
|
-
@dt-color-
|
|
277
|
-
@dt-color-
|
|
278
|
-
@dt-color-
|
|
279
|
-
@dt-color-
|
|
280
|
-
@dt-color-
|
|
281
|
-
@dt-color-
|
|
282
|
-
@dt-color-
|
|
283
|
-
@dt-color-
|
|
284
|
-
@dt-color-
|
|
285
|
-
@dt-color-
|
|
286
|
-
@dt-color-
|
|
287
|
-
@dt-color-
|
|
288
|
-
@dt-color-
|
|
289
|
-
@dt-color-
|
|
290
|
-
@dt-color-
|
|
291
|
-
@dt-color-
|
|
292
|
-
@dt-color-
|
|
293
|
-
@dt-color-
|
|
294
|
-
@dt-color-
|
|
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: #
|
|
297
|
-
@dt-color-brand-
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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:
|
|
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: #
|
|
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: #
|
|
268
|
-
@dt-color-purple-450: #
|
|
269
|
-
@dt-color-purple-500: #
|
|
270
|
-
@dt-color-purple-550: #
|
|
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-
|
|
334
|
-
@dt-color-tan-
|
|
335
|
-
@dt-color-tan-
|
|
336
|
-
@dt-color-tan-
|
|
337
|
-
@dt-color-tan-
|
|
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-
|
|
340
|
-
@dt-color-brand-
|
|
341
|
-
@dt-color-brand-
|
|
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:
|
|
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: #
|
|
264
|
-
@dt-color-purple-250: #
|
|
265
|
-
@dt-color-purple-300: #
|
|
266
|
-
@dt-color-purple-350: #
|
|
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: #
|
|
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: #
|
|
335
|
-
@dt-color-tan-300: #
|
|
336
|
-
@dt-color-tan-400: #
|
|
337
|
-
@dt-color-tan-500: #
|
|
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-
|
|
340
|
-
@dt-color-brand-
|
|
341
|
-
@dt-color-brand-
|
|
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:
|
|
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: #
|
|
255
|
+
@dt-color-black-600: #535353;
|
|
255
256
|
@dt-color-black-700: #3A3A3A;
|
|
256
|
-
@dt-color-black-800: #
|
|
257
|
-
@dt-color-black-900: #
|
|
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: #
|
|
260
|
-
@dt-color-purple-
|
|
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-
|
|
263
|
-
@dt-color-purple-
|
|
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: #
|
|
266
|
-
@dt-color-blue-300: #
|
|
267
|
-
@dt-color-blue-400: #
|
|
268
|
-
@dt-color-blue-
|
|
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: #
|
|
271
|
-
@dt-color-magenta-
|
|
272
|
-
@dt-color-magenta-
|
|
273
|
-
@dt-color-magenta-
|
|
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: #
|
|
276
|
-
@dt-color-gold-300: #
|
|
277
|
-
@dt-color-gold-
|
|
278
|
-
@dt-color-gold-
|
|
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: #
|
|
281
|
-
@dt-color-green-300: #
|
|
282
|
-
@dt-color-green-
|
|
283
|
-
@dt-color-green-
|
|
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: #
|
|
286
|
-
@dt-color-red-300: #
|
|
287
|
-
@dt-color-red-
|
|
288
|
-
@dt-color-red-
|
|
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: #
|
|
291
|
-
@dt-color-tan-300: #
|
|
292
|
-
@dt-color-tan-400: #
|
|
293
|
-
@dt-color-tan-500: #
|
|
294
|
-
@dt-color-
|
|
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: #
|
|
297
|
-
@dt-color-brand-
|
|
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: #
|
|
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: #
|
|
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;
|