@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.
- package/README.md +1 -0
- package/dist/css/dialtone-default-theme.css +1529 -6289
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone-docs.json +1 -1
- package/dist/css/dialtone.css +194 -1851
- package/dist/css/dialtone.min.css +1 -1
- 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/css/tokens/tokens-base-dark.css +161 -526
- package/dist/css/tokens/tokens-base-deca-dark.css +48 -98
- package/dist/css/tokens/tokens-base-deca-light.css +44 -94
- package/dist/css/tokens/tokens-base-light.css +128 -493
- package/dist/css/tokens/tokens-debug-base.css +3 -368
- package/dist/css/tokens/tokens-debug-dp.css +653 -1011
- package/dist/css/tokens/tokens-deca-dark.css +748 -777
- package/dist/css/tokens/tokens-deca-light.css +708 -737
- package/dist/css/tokens/tokens-dp-dark.css +917 -1275
- package/dist/css/tokens/tokens-dp-light.css +973 -1331
- package/dist/css/tokens/tokens-expressive-dark.css +917 -1275
- package/dist/css/tokens/tokens-expressive-light.css +970 -1328
- package/dist/css/tokens/tokens-expressive-sm-dark.css +917 -1275
- package/dist/css/tokens/tokens-expressive-sm-light.css +970 -1328
- package/dist/css/tokens/tokens-tmo-dark.css +903 -1261
- package/dist/css/tokens/tokens-tmo-light.css +925 -1283
- package/dist/css/tokens-docs.json +1 -1
- package/dist/tokens/css/tokens-base-dark.css +161 -526
- package/dist/tokens/css/tokens-base-deca-dark.css +48 -98
- package/dist/tokens/css/tokens-base-deca-light.css +44 -94
- package/dist/tokens/css/tokens-base-light.css +128 -493
- package/dist/tokens/css/tokens-debug-base.css +3 -368
- package/dist/tokens/css/tokens-debug-dp.css +653 -1011
- package/dist/tokens/css/tokens-deca-dark.css +748 -777
- package/dist/tokens/css/tokens-deca-light.css +708 -737
- package/dist/tokens/css/tokens-dp-dark.css +917 -1275
- package/dist/tokens/css/tokens-dp-light.css +973 -1331
- package/dist/tokens/css/tokens-expressive-dark.css +917 -1275
- package/dist/tokens/css/tokens-expressive-light.css +970 -1328
- package/dist/tokens/css/tokens-expressive-sm-dark.css +917 -1275
- package/dist/tokens/css/tokens-expressive-sm-light.css +970 -1328
- package/dist/tokens/css/tokens-tmo-dark.css +903 -1261
- package/dist/tokens/css/tokens-tmo-light.css +925 -1283
- package/dist/tokens/doc.json +87562 -107823
- package/dist/tokens/less/tokens-base-dark.less +46 -99
- package/dist/tokens/less/tokens-base-deca-dark.less +15 -23
- package/dist/tokens/less/tokens-base-deca-light.less +14 -22
- package/dist/tokens/less/tokens-base-light.less +37 -90
- package/dist/tokens/less/tokens-deca-dark.less +182 -187
- package/dist/tokens/less/tokens-deca-light.less +173 -178
- package/dist/tokens/less/tokens-dp-dark.less +187 -239
- package/dist/tokens/less/tokens-dp-light.less +185 -237
- package/dist/tokens/less/tokens-expressive-dark.less +210 -262
- package/dist/tokens/less/tokens-expressive-light.less +208 -260
- package/dist/tokens/less/tokens-expressive-sm-dark.less +210 -262
- package/dist/tokens/less/tokens-expressive-sm-light.less +208 -260
- package/dist/tokens/less/tokens-tmo-dark.less +185 -237
- package/dist/tokens/less/tokens-tmo-light.less +168 -220
- package/dist/tokens/themes/chunks/tokens-base-dark-BnTEKGxK.js +4 -0
- package/dist/tokens/themes/chunks/tokens-base-dark-Ch4dTh7V.js +1 -0
- package/dist/tokens/themes/chunks/tokens-base-light-BLxKOiup.js +4 -0
- package/dist/tokens/themes/chunks/tokens-base-light-DWLxg2cD.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 +46 -99
- package/dist/tokens/tokens-base-deca-dark.json +12 -20
- package/dist/tokens/tokens-base-deca-light.json +11 -19
- package/dist/tokens/tokens-base-light.json +37 -90
- package/dist/tokens/tokens-deca-dark.json +179 -184
- package/dist/tokens/tokens-deca-light.json +171 -176
- package/dist/tokens/tokens-dp-dark.json +171 -223
- package/dist/tokens/tokens-dp-light.json +182 -234
- package/dist/tokens/tokens-expressive-dark.json +194 -246
- package/dist/tokens/tokens-expressive-light.json +205 -257
- package/dist/tokens/tokens-expressive-sm-dark.json +194 -246
- package/dist/tokens/tokens-expressive-sm-light.json +205 -257
- package/dist/tokens/tokens-tmo-dark.json +169 -221
- package/dist/tokens/tokens-tmo-light.json +159 -211
- package/dist/vue2/component-documentation.json +1 -1
- 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/components/popover/popover.vue.cjs +2 -2
- package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
- package/dist/vue2/components/popover/popover.vue.js +2 -2
- package/dist/vue2/components/popover/popover.vue.js.map +1 -1
- package/dist/vue2/components/tab/tab_panel.vue.cjs +1 -1
- package/dist/vue2/components/tab/tab_panel.vue.cjs.map +1 -1
- package/dist/vue2/components/tab/tab_panel.vue.js +1 -1
- package/dist/vue2/components/tab/tab_panel.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/vue2/recipes/leftbar/group_row/group_row.vue.cjs +8 -1
- package/dist/vue2/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
- package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js +8 -1
- package/dist/vue2/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
- package/dist/vue2/types/common/dates/index.d.ts.map +1 -1
- package/dist/vue2/types/components/select_menu/select_menu.vue.d.ts +1 -1
- package/dist/vue2/types/components/tab/tab_panel.vue.d.ts.map +1 -1
- package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
- package/dist/vue2/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
- package/dist/vue3/component-documentation.json +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/dist/vue3/components/popover/popover.vue.cjs +2 -2
- package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
- package/dist/vue3/components/popover/popover.vue.js +2 -2
- package/dist/vue3/components/popover/popover.vue.js.map +1 -1
- package/dist/vue3/components/tab/tab_panel.vue.cjs +1 -5
- package/dist/vue3/components/tab/tab_panel.vue.cjs.map +1 -1
- package/dist/vue3/components/tab/tab_panel.vue.js +2 -6
- package/dist/vue3/components/tab/tab_panel.vue.js.map +1 -1
- package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs +9 -1
- package/dist/vue3/recipes/leftbar/group_row/group_row.vue.cjs.map +1 -1
- package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js +9 -1
- package/dist/vue3/recipes/leftbar/group_row/group_row.vue.js.map +1 -1
- package/dist/vue3/types/common/dates/index.d.ts.map +1 -1
- package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts +1 -1
- package/dist/vue3/types/components/tab/tab_panel.vue.d.ts.map +1 -1
- package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts +9 -0
- package/dist/vue3/types/recipes/leftbar/group_row/group_row.vue.d.ts.map +1 -1
- package/package.json +9 -9
- 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/tokens/themes/chunks/tokens-base-dark-BjqCt8ke.js +0 -1
- package/dist/tokens/themes/chunks/tokens-base-dark-DtZ_Inhl.js +0 -4
- package/dist/tokens/themes/chunks/tokens-base-light-CIQSO1H9.js +0 -4
- 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:
|
|
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-
|
|
250
|
-
@dt-color-black-
|
|
251
|
-
@dt-color-black-
|
|
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: #
|
|
256
|
-
@dt-color-black-700: #
|
|
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-
|
|
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-
|
|
265
|
-
@dt-color-purple-
|
|
266
|
-
@dt-color-purple-
|
|
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-
|
|
273
|
-
@dt-color-blue-
|
|
274
|
-
@dt-color-blue-
|
|
275
|
-
@dt-color-blue-
|
|
276
|
-
@dt-color-blue-
|
|
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-
|
|
295
|
-
@dt-color-
|
|
296
|
-
@dt-color-
|
|
297
|
-
@dt-color-
|
|
298
|
-
@dt-color-
|
|
299
|
-
@dt-color-
|
|
300
|
-
@dt-color-
|
|
301
|
-
@dt-color-
|
|
302
|
-
@dt-color-
|
|
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: #
|
|
349
|
-
@dt-color-brand-
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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:
|
|
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: #
|
|
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: #
|
|
268
|
-
@dt-color-purple-450: #
|
|
269
|
-
@dt-color-purple-500: #
|
|
270
|
-
@dt-color-purple-550: #
|
|
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-
|
|
334
|
-
@dt-color-tan-
|
|
335
|
-
@dt-color-tan-
|
|
336
|
-
@dt-color-tan-
|
|
337
|
-
@dt-color-tan-
|
|
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-
|
|
347
|
-
@dt-color-brand-
|
|
348
|
-
@dt-color-brand-
|
|
349
|
-
@dt-color-brand-red: #ff1356;
|
|
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:
|
|
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: #
|
|
264
|
-
@dt-color-purple-250: #
|
|
265
|
-
@dt-color-purple-300: #
|
|
266
|
-
@dt-color-purple-350: #
|
|
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: #
|
|
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: #
|
|
336
|
-
@dt-color-tan-300: #
|
|
337
|
-
@dt-color-tan-400: #
|
|
338
|
-
@dt-color-tan-500: #
|
|
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-
|
|
347
|
-
@dt-color-brand-
|
|
348
|
-
@dt-color-brand-
|
|
349
|
-
@dt-color-brand-red: #ff1356;
|
|
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:
|
|
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: #
|
|
254
|
+
@dt-color-black-600: #555555;
|
|
256
255
|
@dt-color-black-700: #3A3A3A;
|
|
257
|
-
@dt-color-black-800: #
|
|
258
|
-
@dt-color-black-900: #
|
|
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: #
|
|
264
|
-
@dt-color-purple-
|
|
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-
|
|
269
|
-
@dt-color-purple-
|
|
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: #
|
|
276
|
-
@dt-color-blue-300: #
|
|
277
|
-
@dt-color-blue-400: #
|
|
278
|
-
@dt-color-blue-
|
|
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: #
|
|
288
|
-
@dt-color-magenta-
|
|
289
|
-
@dt-color-magenta-
|
|
290
|
-
@dt-color-magenta-
|
|
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: #
|
|
300
|
-
@dt-color-gold-300: #
|
|
301
|
-
@dt-color-gold-
|
|
302
|
-
@dt-color-gold-
|
|
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: #
|
|
312
|
-
@dt-color-green-300: #
|
|
313
|
-
@dt-color-green-
|
|
314
|
-
@dt-color-green-
|
|
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: #
|
|
324
|
-
@dt-color-red-300: #
|
|
325
|
-
@dt-color-red-
|
|
326
|
-
@dt-color-red-
|
|
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: #
|
|
336
|
-
@dt-color-tan-300: #
|
|
337
|
-
@dt-color-tan-400: #
|
|
338
|
-
@dt-color-tan-500: #
|
|
339
|
-
@dt-color-
|
|
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: #
|
|
349
|
-
@dt-color-brand-
|
|
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: #
|
|
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: #
|
|
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;
|