@dialpad/dialtone 9.100.0 → 9.101.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/tokens/tokens-base-deca-dark.css +392 -287
- package/dist/css/tokens/tokens-base-deca-light.css +351 -246
- package/dist/css/tokens/tokens-deca-dark.css +868 -574
- package/dist/css/tokens/tokens-deca-light.css +825 -531
- package/dist/tokens/css/tokens-base-deca-dark.css +392 -287
- package/dist/tokens/css/tokens-base-deca-light.css +351 -246
- package/dist/tokens/css/tokens-deca-dark.css +868 -574
- package/dist/tokens/css/tokens-deca-light.css +825 -531
- package/dist/tokens/doc.json +22446 -18133
- package/dist/tokens/less/tokens-base-deca-dark.less +78 -63
- package/dist/tokens/less/tokens-base-deca-light.less +66 -51
- package/dist/tokens/less/tokens-deca-dark.less +122 -80
- package/dist/tokens/less/tokens-deca-light.less +102 -60
- 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/tokens-base-deca-dark.json +78 -63
- package/dist/tokens/tokens-base-deca-light.json +66 -51
- package/dist/tokens/tokens-deca-dark.json +120 -78
- package/dist/tokens/tokens-deca-light.json +91 -49
- package/package.json +3 -3
|
@@ -246,6 +246,7 @@
|
|
|
246
246
|
@dt-color-neutral-white: #ffffff; // White color independent of any theme.
|
|
247
247
|
@dt-color-neutral-black: #000000; // Black color independent of any theme.
|
|
248
248
|
@dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
|
|
249
|
+
@dt-color-black-50: #000000;
|
|
249
250
|
@dt-color-black-100: #171717;
|
|
250
251
|
@dt-color-black-200: #1f1f1f;
|
|
251
252
|
@dt-color-black-300: #3d3d3d;
|
|
@@ -255,67 +256,80 @@
|
|
|
255
256
|
@dt-color-black-700: #c7c7c7;
|
|
256
257
|
@dt-color-black-800: #D4D4D4;
|
|
257
258
|
@dt-color-black-900: #E6E6E6;
|
|
258
|
-
@dt-color-black-
|
|
259
|
-
@dt-color-
|
|
260
|
-
@dt-color-purple-
|
|
261
|
-
@dt-color-purple-
|
|
262
|
-
@dt-color-purple-
|
|
263
|
-
@dt-color-purple-
|
|
264
|
-
@dt-color-purple-
|
|
265
|
-
@dt-color-purple-
|
|
266
|
-
@dt-color-purple-
|
|
267
|
-
@dt-color-purple-
|
|
268
|
-
@dt-color-purple-
|
|
269
|
-
@dt-color-
|
|
270
|
-
@dt-color-
|
|
271
|
-
@dt-color-
|
|
272
|
-
@dt-color-blue-
|
|
273
|
-
@dt-color-blue-
|
|
274
|
-
@dt-color-blue-
|
|
275
|
-
@dt-color-blue-
|
|
276
|
-
@dt-color-blue-400: #
|
|
277
|
-
@dt-color-blue-
|
|
278
|
-
@dt-color-blue-
|
|
279
|
-
@dt-color-
|
|
280
|
-
@dt-color-
|
|
281
|
-
@dt-color-
|
|
282
|
-
@dt-color-
|
|
283
|
-
@dt-color-
|
|
284
|
-
@dt-color-magenta-
|
|
285
|
-
@dt-color-magenta-
|
|
286
|
-
@dt-color-magenta-
|
|
287
|
-
@dt-color-magenta-
|
|
288
|
-
@dt-color-magenta-
|
|
289
|
-
@dt-color-
|
|
290
|
-
@dt-color-
|
|
291
|
-
@dt-color-
|
|
292
|
-
@dt-color-
|
|
293
|
-
@dt-color-
|
|
294
|
-
@dt-color-
|
|
295
|
-
@dt-color-
|
|
296
|
-
@dt-color-gold-
|
|
297
|
-
@dt-color-gold-
|
|
298
|
-
@dt-color-gold-
|
|
299
|
-
@dt-color-
|
|
300
|
-
@dt-color-
|
|
301
|
-
@dt-color-
|
|
302
|
-
@dt-color-
|
|
303
|
-
@dt-color-
|
|
304
|
-
@dt-color-
|
|
305
|
-
@dt-color-
|
|
306
|
-
@dt-color-
|
|
307
|
-
@dt-color-
|
|
308
|
-
@dt-color-green-
|
|
309
|
-
@dt-color-
|
|
310
|
-
@dt-color-
|
|
311
|
-
@dt-color-
|
|
312
|
-
@dt-color-
|
|
313
|
-
@dt-color-
|
|
314
|
-
@dt-color-
|
|
315
|
-
@dt-color-
|
|
316
|
-
@dt-color-
|
|
317
|
-
@dt-color-
|
|
318
|
-
@dt-color-
|
|
259
|
+
@dt-color-black-950: #F9F9F9;
|
|
260
|
+
@dt-color-black-1000: #ffffff;
|
|
261
|
+
@dt-color-purple-50: #0E002A;
|
|
262
|
+
@dt-color-purple-100: #1D0155;
|
|
263
|
+
@dt-color-purple-200: #3A1D95;
|
|
264
|
+
@dt-color-purple-250: #5023DD;
|
|
265
|
+
@dt-color-purple-300: #6538F1;
|
|
266
|
+
@dt-color-purple-350: #7C52FF;
|
|
267
|
+
@dt-color-purple-400: #9568FF;
|
|
268
|
+
@dt-color-purple-450: #AB7EFF;
|
|
269
|
+
@dt-color-purple-500: #C2A3FF;
|
|
270
|
+
@dt-color-purple-550: #DAC7FF;
|
|
271
|
+
@dt-color-purple-600: #F5F0FF;
|
|
272
|
+
@dt-color-purple-1000: #f9f6ff;
|
|
273
|
+
@dt-color-blue-50: #010B16;
|
|
274
|
+
@dt-color-blue-100: #001429;
|
|
275
|
+
@dt-color-blue-200: #003165;
|
|
276
|
+
@dt-color-blue-300: #1768C6;
|
|
277
|
+
@dt-color-blue-400: #2C83D5;
|
|
278
|
+
@dt-color-blue-425: #3B96DF;
|
|
279
|
+
@dt-color-blue-450: #4AA9EA;
|
|
280
|
+
@dt-color-blue-475: #5FC4F9;
|
|
281
|
+
@dt-color-blue-500: #98DCFF;
|
|
282
|
+
@dt-color-blue-600: #BDE8FF;
|
|
283
|
+
@dt-color-blue-900: #EAF2FA;
|
|
284
|
+
@dt-color-blue-1000: #f5f9fd;
|
|
285
|
+
@dt-color-magenta-50: #190713;
|
|
286
|
+
@dt-color-magenta-100: #330F27;
|
|
287
|
+
@dt-color-magenta-200: #662251;
|
|
288
|
+
@dt-color-magenta-250: #9A006A;
|
|
289
|
+
@dt-color-magenta-300: #BF0A80;
|
|
290
|
+
@dt-color-magenta-400: #D9118E;
|
|
291
|
+
@dt-color-magenta-425: #FF1BA4;
|
|
292
|
+
@dt-color-magenta-475: #FC5EA0;
|
|
293
|
+
@dt-color-magenta-500: #FE87B7;
|
|
294
|
+
@dt-color-magenta-600: #FFB1CF;
|
|
295
|
+
@dt-color-magenta-900: #FFE0F2;
|
|
296
|
+
@dt-color-magenta-1000: #FFEEF8;
|
|
297
|
+
@dt-color-gold-50: #201301;
|
|
298
|
+
@dt-color-gold-100: #2C1B02;
|
|
299
|
+
@dt-color-gold-200: #533204;
|
|
300
|
+
@dt-color-gold-300: #815008;
|
|
301
|
+
@dt-color-gold-350: #D57F00;
|
|
302
|
+
@dt-color-gold-400: #EA8F07;
|
|
303
|
+
@dt-color-gold-450: #FF9E0E;
|
|
304
|
+
@dt-color-gold-500: #FFBD48;
|
|
305
|
+
@dt-color-gold-600: #FFDB80;
|
|
306
|
+
@dt-color-gold-700: #FFE89C;
|
|
307
|
+
@dt-color-gold-900: #FFF4CC;
|
|
308
|
+
@dt-color-gold-1000: #fffae5;
|
|
309
|
+
@dt-color-green-50: #00150D;
|
|
310
|
+
@dt-color-green-100: #012717;
|
|
311
|
+
@dt-color-green-200: #004F2E;
|
|
312
|
+
@dt-color-green-300: #008E52;
|
|
313
|
+
@dt-color-green-350: #31B237;
|
|
314
|
+
@dt-color-green-400: #52C926;
|
|
315
|
+
@dt-color-green-425: #84EE0B;
|
|
316
|
+
@dt-color-green-475: #AEFB3C;
|
|
317
|
+
@dt-color-green-500: #D1FF76;
|
|
318
|
+
@dt-color-green-600: #DBFFA9;
|
|
319
|
+
@dt-color-green-900: #EDF9EB;
|
|
320
|
+
@dt-color-green-1000: #f6fcf5;
|
|
321
|
+
@dt-color-red-50: #1C0108;
|
|
322
|
+
@dt-color-red-100: #380010;
|
|
323
|
+
@dt-color-red-200: #640823;
|
|
324
|
+
@dt-color-red-300: #93173A;
|
|
325
|
+
@dt-color-red-350: #AF0032;
|
|
326
|
+
@dt-color-red-400: #D90A45;
|
|
327
|
+
@dt-color-red-450: #FF1356;
|
|
328
|
+
@dt-color-red-500: #FF415B;
|
|
329
|
+
@dt-color-red-600: #FF716F;
|
|
330
|
+
@dt-color-red-700: #FFABA4;
|
|
331
|
+
@dt-color-red-900: #FFE5E6;
|
|
332
|
+
@dt-color-red-1000: #FFF2F3;
|
|
319
333
|
@dt-color-tan-100: #121212;
|
|
320
334
|
@dt-color-tan-200: #3F3D3C;
|
|
321
335
|
@dt-color-tan-300: #87807B;
|
|
@@ -325,6 +339,7 @@
|
|
|
325
339
|
@dt-color-brand-purple: #7C52FF;
|
|
326
340
|
@dt-color-brand-magenta: #FF1BA4;
|
|
327
341
|
@dt-color-brand-gold: #FF9E0E;
|
|
342
|
+
@dt-color-brand-red: #ff1356;
|
|
328
343
|
@dt-opacity-0: 0;
|
|
329
344
|
@dt-opacity-100: .05;
|
|
330
345
|
@dt-opacity-200: .1;
|
|
@@ -509,13 +524,13 @@
|
|
|
509
524
|
@dt-shadow-focus-1-offset-y: 0rem;
|
|
510
525
|
@dt-shadow-focus-2-blur: 0rem;
|
|
511
526
|
@dt-shadow-focus-2-spread: 0.3rem;
|
|
512
|
-
@dt-shadow-focus-2-color: #
|
|
527
|
+
@dt-shadow-focus-2-color: #1768C6;
|
|
513
528
|
@dt-shadow-focus-2-type: dropShadow;
|
|
514
529
|
@dt-shadow-focus-2-offset-x: 0rem;
|
|
515
530
|
@dt-shadow-focus-2-offset-y: 0rem;
|
|
516
531
|
@dt-shadow-focus-inset-blur: 0rem;
|
|
517
532
|
@dt-shadow-focus-inset-spread: 0.2rem;
|
|
518
|
-
@dt-shadow-focus-inset-color: #
|
|
533
|
+
@dt-shadow-focus-inset-color: #1768C6;
|
|
519
534
|
@dt-shadow-focus-inset-type: innerShadow;
|
|
520
535
|
@dt-shadow-focus-inset-offset-x: 0rem;
|
|
521
536
|
@dt-shadow-focus-inset-offset-y: 0rem;
|
|
@@ -246,6 +246,7 @@
|
|
|
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;
|
|
@@ -255,67 +256,80 @@
|
|
|
255
256
|
@dt-color-black-700: #3A3A3A;
|
|
256
257
|
@dt-color-black-800: #252525;
|
|
257
258
|
@dt-color-black-900: #1C1C1C;
|
|
259
|
+
@dt-color-black-950: #171717;
|
|
258
260
|
@dt-color-black-1000: #000000;
|
|
261
|
+
@dt-color-purple-50: #f9f6ff;
|
|
259
262
|
@dt-color-purple-100: #F5F0FF;
|
|
260
263
|
@dt-color-purple-200: #DAC7FF;
|
|
264
|
+
@dt-color-purple-250: #C2A3FF;
|
|
261
265
|
@dt-color-purple-300: #AB7EFF;
|
|
262
266
|
@dt-color-purple-350: #9568FF;
|
|
263
267
|
@dt-color-purple-400: #7C52FF;
|
|
264
|
-
@dt-color-purple-
|
|
265
|
-
@dt-color-purple-
|
|
266
|
-
@dt-color-purple-
|
|
268
|
+
@dt-color-purple-450: #6538F1;
|
|
269
|
+
@dt-color-purple-500: #5023DD;
|
|
270
|
+
@dt-color-purple-550: #3A1D95;
|
|
267
271
|
@dt-color-purple-600: #1D0155;
|
|
268
|
-
@dt-color-purple-1000: #
|
|
272
|
+
@dt-color-purple-1000: #0E002A;
|
|
273
|
+
@dt-color-blue-50: #f5f9fd;
|
|
269
274
|
@dt-color-blue-100: #EAF2FA;
|
|
270
|
-
@dt-color-blue-
|
|
271
|
-
@dt-color-blue-
|
|
272
|
-
@dt-color-blue-
|
|
273
|
-
@dt-color-blue-
|
|
274
|
-
@dt-color-blue-
|
|
275
|
-
@dt-color-blue-
|
|
276
|
-
@dt-color-blue-
|
|
277
|
-
@dt-color-blue-
|
|
278
|
-
@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;
|
|
279
286
|
@dt-color-magenta-100: #FFE0F2;
|
|
280
|
-
@dt-color-magenta-
|
|
281
|
-
@dt-color-magenta-
|
|
282
|
-
@dt-color-magenta-
|
|
283
|
-
@dt-color-magenta-
|
|
284
|
-
@dt-color-magenta-
|
|
285
|
-
@dt-color-magenta-
|
|
286
|
-
@dt-color-magenta-
|
|
287
|
-
@dt-color-magenta-
|
|
288
|
-
@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;
|
|
289
298
|
@dt-color-gold-100: #FFF4CC;
|
|
290
|
-
@dt-color-gold-
|
|
291
|
-
@dt-color-gold-
|
|
292
|
-
@dt-color-gold-
|
|
293
|
-
@dt-color-gold-
|
|
294
|
-
@dt-color-gold-
|
|
295
|
-
@dt-color-gold-
|
|
296
|
-
@dt-color-gold-
|
|
297
|
-
@dt-color-gold-
|
|
298
|
-
@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;
|
|
299
310
|
@dt-color-green-100: #EDF9EB;
|
|
300
|
-
@dt-color-green-
|
|
301
|
-
@dt-color-green-
|
|
302
|
-
@dt-color-green-
|
|
303
|
-
@dt-color-green-
|
|
304
|
-
@dt-color-green-
|
|
305
|
-
@dt-color-green-
|
|
306
|
-
@dt-color-green-
|
|
307
|
-
@dt-color-green-
|
|
308
|
-
@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;
|
|
309
322
|
@dt-color-red-100: #FFE5E6;
|
|
310
|
-
@dt-color-red-
|
|
311
|
-
@dt-color-red-
|
|
312
|
-
@dt-color-red-
|
|
313
|
-
@dt-color-red-
|
|
314
|
-
@dt-color-red-
|
|
315
|
-
@dt-color-red-
|
|
316
|
-
@dt-color-red-
|
|
317
|
-
@dt-color-red-
|
|
318
|
-
@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;
|
|
319
333
|
@dt-color-tan-100: #F2F0EE;
|
|
320
334
|
@dt-color-tan-200: #CEC8C4;
|
|
321
335
|
@dt-color-tan-300: #87807B;
|
|
@@ -325,6 +339,7 @@
|
|
|
325
339
|
@dt-color-brand-purple: #7C52FF;
|
|
326
340
|
@dt-color-brand-magenta: #FF1BA4;
|
|
327
341
|
@dt-color-brand-gold: #FF9E0E;
|
|
342
|
+
@dt-color-brand-red: #ff1356;
|
|
328
343
|
@dt-opacity-0: 0;
|
|
329
344
|
@dt-opacity-100: .05;
|
|
330
345
|
@dt-opacity-200: .1;
|
|
@@ -389,13 +404,13 @@
|
|
|
389
404
|
@dt-shadow-focus-1-offset-y: 0rem;
|
|
390
405
|
@dt-shadow-focus-2-blur: 0rem;
|
|
391
406
|
@dt-shadow-focus-2-spread: 0.3rem;
|
|
392
|
-
@dt-shadow-focus-2-color: #
|
|
407
|
+
@dt-shadow-focus-2-color: #98DCFF;
|
|
393
408
|
@dt-shadow-focus-2-type: dropShadow;
|
|
394
409
|
@dt-shadow-focus-2-offset-x: 0rem;
|
|
395
410
|
@dt-shadow-focus-2-offset-y: 0rem;
|
|
396
411
|
@dt-shadow-focus-inset-blur: 0rem;
|
|
397
412
|
@dt-shadow-focus-inset-spread: 0.2rem;
|
|
398
|
-
@dt-shadow-focus-inset-color: #
|
|
413
|
+
@dt-shadow-focus-inset-color: #98DCFF;
|
|
399
414
|
@dt-shadow-focus-inset-type: innerShadow;
|
|
400
415
|
@dt-shadow-focus-inset-offset-x: 0rem;
|
|
401
416
|
@dt-shadow-focus-inset-offset-y: 0rem;
|