@dialpad/dialtone 9.97.0 → 9.98.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.
@@ -246,99 +246,85 @@
246
246
  @dt-color-neutral-white: #ffffff; // White color independent of any theme.
247
247
  @dt-color-neutral-black: #000000; // Black color independent of any theme.
248
248
  @dt-color-neutral-transparent: transparent; // Transparent color independent of any theme.
249
- @dt-color-black-50: #000000;
250
- @dt-color-black-100: #111111;
251
- @dt-color-black-200: #1C1C1C;
252
- @dt-color-black-300: #262626;
253
- @dt-color-black-400: #3C3C3C;
254
- @dt-color-black-500: #535353;
255
- @dt-color-black-600: #787878;
256
- @dt-color-black-700: #ABABAB;
257
- @dt-color-black-800: #C7C7C7;
258
- @dt-color-black-850: #E3E3E3;
259
- @dt-color-black-900: #FBFBFB;
260
- @dt-color-black-1000: #FCFCFC;
261
- @dt-color-purple-50: #1F0060;
262
- @dt-color-purple-100: #2A007B;
263
- @dt-color-purple-200: #350097;
264
- @dt-color-purple-250: #4D04D0;
265
- @dt-color-purple-300: #5923DC;
266
- @dt-color-purple-350: #6536E8;
267
- @dt-color-purple-400: #7F56FF;
268
- @dt-color-purple-425: #987BFF;
269
- @dt-color-purple-475: #B29DFF;
270
- @dt-color-purple-500: #CCBEFF;
271
- @dt-color-purple-600: #F5EEFF;
272
- @dt-color-purple-1000: #FDF7FF;
273
- @dt-color-blue-50: #001A41;
274
- @dt-color-blue-100: #002E69;
275
- @dt-color-blue-125: #004493;
276
- @dt-color-blue-175: #004FAA;
277
- @dt-color-blue-200: #005BC1;
278
- @dt-color-blue-250: #0072F0;
279
- @dt-color-blue-300: #4B8EFF;
280
- @dt-color-blue-350: #80ABFF;
281
- @dt-color-blue-400: #ADC6FF;
282
- @dt-color-blue-450: #D8E2FF;
283
- @dt-color-blue-500: #EDF0FF;
284
- @dt-color-blue-1000: #F9F9FF;
285
- @dt-color-magenta-50: #3E001F;
286
- @dt-color-magenta-100: #51002A;
287
- @dt-color-magenta-150: #640036;
288
- @dt-color-magenta-200: #8D004E;
289
- @dt-color-magenta-225: #A3005B;
290
- @dt-color-magenta-275: #B90068;
291
- @dt-color-magenta-300: #E60083;
292
- @dt-color-magenta-325: #FF479C;
293
- @dt-color-magenta-375: #FF83B2;
294
- @dt-color-magenta-400: #FFB0CA;
295
- @dt-color-magenta-500: #FFECF0;
296
- @dt-color-magenta-1000: #FFF8F7;
297
- @dt-color-gold-50: #2A1800;
298
- @dt-color-gold-100: #462B00;
299
- @dt-color-gold-150: #643F00;
300
- @dt-color-gold-200: #734900;
301
- @dt-color-gold-225: #845400;
302
- @dt-color-gold-275: #A56B00;
303
- @dt-color-gold-300: #C6820F;
304
- @dt-color-gold-400: #E59C2E;
305
- @dt-color-gold-425: #FFB958;
306
- @dt-color-gold-475: #FFDDB5;
307
- @dt-color-gold-500: #FFEEDD;
308
- @dt-color-gold-1000: #FFF8F4;
309
- @dt-color-green-50: #002204;
310
- @dt-color-green-100: #003911;
311
- @dt-color-green-200: #00531D;
312
- @dt-color-green-300: #006023;
313
- @dt-color-green-325: #006E29;
314
- @dt-color-green-375: #008A35;
315
- @dt-color-green-400: #00A742;
316
- @dt-color-green-425: #00C650;
317
- @dt-color-green-450: #00E55E;
318
- @dt-color-green-475: #B2F2B3;
319
- @dt-color-green-500: #EBFFE6;
320
- @dt-color-green-1000: #F6FFF0;
321
- @dt-color-red-50: #410001;
322
- @dt-color-red-100: #54000C;
323
- @dt-color-red-125: #680012;
324
- @dt-color-red-175: #92001D;
325
- @dt-color-red-200: #A80023;
326
- @dt-color-red-275: #BF002A;
327
- @dt-color-red-300: #ED0937;
328
- @dt-color-red-350: #FF525C;
329
- @dt-color-red-400: #FF8888;
330
- @dt-color-red-450: #FFB3B1;
331
- @dt-color-red-500: #FFEDEB;
332
- @dt-color-red-1000: #FFF8F7;
249
+ @dt-color-black-100: #171717;
250
+ @dt-color-black-200: #1f1f1f;
251
+ @dt-color-black-300: #3d3d3d;
252
+ @dt-color-black-400: #555555;
253
+ @dt-color-black-500: #808080;
254
+ @dt-color-black-600: #B0B0B0;
255
+ @dt-color-black-700: #c7c7c7;
256
+ @dt-color-black-800: #D4D4D4;
257
+ @dt-color-black-900: #E6E6E6;
258
+ @dt-color-black-1000: #F9F9F9;
259
+ @dt-color-purple-100: #17033F;
260
+ @dt-color-purple-200: #260764;
261
+ @dt-color-purple-300: #3A1D95;
262
+ @dt-color-purple-350: #5023DD;
263
+ @dt-color-purple-400: #6538F1;
264
+ @dt-color-purple-425: #7C52FF;
265
+ @dt-color-purple-475: #9568FF;
266
+ @dt-color-purple-500: #AB7EFF;
267
+ @dt-color-purple-600: #DAC7FF;
268
+ @dt-color-purple-1000: #F5F0FF;
269
+ @dt-color-blue-100: #001E3D;
270
+ @dt-color-blue-125: #003165;
271
+ @dt-color-blue-175: #1768C6;
272
+ @dt-color-blue-200: #1B89EB;
273
+ @dt-color-blue-300: #2B99EF;
274
+ @dt-color-blue-325: #3CA8F3;
275
+ @dt-color-blue-375: #5FC4F9;
276
+ @dt-color-blue-400: #98DCFF;
277
+ @dt-color-blue-500: #BDE8FF;
278
+ @dt-color-blue-1000: #EAF2FA;
279
+ @dt-color-magenta-100: #310C26;
280
+ @dt-color-magenta-125: #662251;
281
+ @dt-color-magenta-175: #9A006A;
282
+ @dt-color-magenta-200: #BA007C;
283
+ @dt-color-magenta-300: #DA008D;
284
+ @dt-color-magenta-325: #FF1BA4;
285
+ @dt-color-magenta-375: #FC5EA0;
286
+ @dt-color-magenta-400: #FE87B7;
287
+ @dt-color-magenta-500: #FFB1CF;
288
+ @dt-color-magenta-1000: #FFE0F2;
289
+ @dt-color-gold-100: #362102;
290
+ @dt-color-gold-150: #533204;
291
+ @dt-color-gold-200: #815008;
292
+ @dt-color-gold-250: #D57F00;
293
+ @dt-color-gold-300: #F19000;
294
+ @dt-color-gold-350: #FF9E0E;
295
+ @dt-color-gold-400: #FFC047;
296
+ @dt-color-gold-500: #FFDB80;
297
+ @dt-color-gold-600: #FFE89C;
298
+ @dt-color-gold-1000: #FFF4CC;
299
+ @dt-color-green-100: #03301C;
300
+ @dt-color-green-150: #004F2E;
301
+ @dt-color-green-200: #008E52;
302
+ @dt-color-green-250: #04BF08;
303
+ @dt-color-green-300: #3CD707;
304
+ @dt-color-green-325: #84EE0B;
305
+ @dt-color-green-375: #AEFB3C;
306
+ @dt-color-green-400: #D1FF76;
307
+ @dt-color-green-500: #DBFFA9;
308
+ @dt-color-green-1000: #EDF9EB;
309
+ @dt-color-red-100: #2D010E;
310
+ @dt-color-red-150: #640823;
311
+ @dt-color-red-200: #93173A;
312
+ @dt-color-red-250: #AF0032;
313
+ @dt-color-red-300: #E10040;
314
+ @dt-color-red-350: #FF1356;
315
+ @dt-color-red-400: #FF415B;
316
+ @dt-color-red-450: #FF716F;
317
+ @dt-color-red-500: #FFABA4;
318
+ @dt-color-red-1000: #FFE5E6;
333
319
  @dt-color-tan-100: #121212;
334
320
  @dt-color-tan-200: #3F3D3C;
335
321
  @dt-color-tan-300: #87807B;
336
322
  @dt-color-tan-400: #CEC8C4;
337
323
  @dt-color-tan-500: #F2F0EE;
338
- @dt-color-gradient-magenta-purple: linear-gradient(135deg, #E60083 10%, #987BFF 90%); // Gradient for Ai-oriented treatments.
339
- @dt-color-brand-purple: #987BFF;
340
- @dt-color-brand-magenta: #E60083;
341
- @dt-color-brand-gold: #E59C2E;
324
+ @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
325
+ @dt-color-brand-purple: #7C52FF;
326
+ @dt-color-brand-magenta: #FF1BA4;
327
+ @dt-color-brand-gold: #FF9E0E;
342
328
  @dt-opacity-0: 0;
343
329
  @dt-opacity-100: .05;
344
330
  @dt-opacity-200: .1;
@@ -517,19 +503,19 @@
517
503
  @dt-shadow-card-7-offset-y: -0.05rem;
518
504
  @dt-shadow-focus-1-blur: 0rem;
519
505
  @dt-shadow-focus-1-spread: 0.1rem;
520
- @dt-shadow-focus-1-color: #111111;
506
+ @dt-shadow-focus-1-color: #171717;
521
507
  @dt-shadow-focus-1-type: dropShadow;
522
508
  @dt-shadow-focus-1-offset-x: 0rem;
523
509
  @dt-shadow-focus-1-offset-y: 0rem;
524
510
  @dt-shadow-focus-2-blur: 0rem;
525
511
  @dt-shadow-focus-2-spread: 0.3rem;
526
- @dt-shadow-focus-2-color: #4B8EFF;
512
+ @dt-shadow-focus-2-color: #2B99EF;
527
513
  @dt-shadow-focus-2-type: dropShadow;
528
514
  @dt-shadow-focus-2-offset-x: 0rem;
529
515
  @dt-shadow-focus-2-offset-y: 0rem;
530
516
  @dt-shadow-focus-inset-blur: 0rem;
531
517
  @dt-shadow-focus-inset-spread: 0.2rem;
532
- @dt-shadow-focus-inset-color: #4B8EFF;
518
+ @dt-shadow-focus-inset-color: #2B99EF;
533
519
  @dt-shadow-focus-inset-type: innerShadow;
534
520
  @dt-shadow-focus-inset-offset-x: 0rem;
535
521
  @dt-shadow-focus-inset-offset-y: 0rem;
@@ -246,99 +246,85 @@
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: #FCFCFC;
250
- @dt-color-black-100: #FBFBFB;
251
- @dt-color-black-200: #E3E3E3;
252
- @dt-color-black-300: #C7C7C7;
253
- @dt-color-black-400: #ABABAB;
254
- @dt-color-black-500: #787878;
249
+ @dt-color-black-100: #F9F9F9;
250
+ @dt-color-black-200: #E9E9E9;
251
+ @dt-color-black-300: #D2D2D2;
252
+ @dt-color-black-400: #AAAAAA;
253
+ @dt-color-black-500: #808080;
255
254
  @dt-color-black-600: #535353;
256
- @dt-color-black-700: #3C3C3C;
257
- @dt-color-black-800: #262626;
258
- @dt-color-black-850: #1C1C1C;
259
- @dt-color-black-900: #111111;
255
+ @dt-color-black-700: #3A3A3A;
256
+ @dt-color-black-800: #252525;
257
+ @dt-color-black-900: #1C1C1C;
260
258
  @dt-color-black-1000: #000000;
261
- @dt-color-purple-50: #FDF7FF;
262
- @dt-color-purple-100: #F5EEFF;
263
- @dt-color-purple-200: #CCBEFF;
264
- @dt-color-purple-250: #B29DFF;
265
- @dt-color-purple-300: #987BFF;
266
- @dt-color-purple-350: #7F56FF;
267
- @dt-color-purple-400: #6536E8;
268
- @dt-color-purple-425: #5923DC;
269
- @dt-color-purple-475: #4D04D0;
270
- @dt-color-purple-500: #350097;
271
- @dt-color-purple-600: #2A007B;
272
- @dt-color-purple-1000: #1F0060;
273
- @dt-color-blue-50: #F9F9FF;
274
- @dt-color-blue-100: #EDF0FF;
275
- @dt-color-blue-125: #D8E2FF;
276
- @dt-color-blue-175: #ADC6FF;
277
- @dt-color-blue-200: #80ABFF;
278
- @dt-color-blue-250: #4B8EFF;
279
- @dt-color-blue-300: #0072F0;
280
- @dt-color-blue-350: #005BC1;
281
- @dt-color-blue-400: #004FAA;
282
- @dt-color-blue-450: #004493;
283
- @dt-color-blue-500: #002E69;
284
- @dt-color-blue-1000: #001A41;
285
- @dt-color-magenta-50: #FFF8F7;
286
- @dt-color-magenta-100: #FFECF0;
287
- @dt-color-magenta-150: #FFB0CA;
288
- @dt-color-magenta-200: #FF83B2;
289
- @dt-color-magenta-225: #FF479C;
290
- @dt-color-magenta-275: #E60083;
291
- @dt-color-magenta-300: #B90068;
292
- @dt-color-magenta-325: #A3005B;
293
- @dt-color-magenta-375: #8D004E;
294
- @dt-color-magenta-400: #640036;
295
- @dt-color-magenta-500: #51002A;
296
- @dt-color-magenta-1000: #3E001F;
297
- @dt-color-gold-50: #FFF8F4;
298
- @dt-color-gold-100: #FFEEDD;
299
- @dt-color-gold-150: #FFDDB5;
300
- @dt-color-gold-200: #FFB958;
301
- @dt-color-gold-225: #E59C2E;
302
- @dt-color-gold-275: #C6820F;
303
- @dt-color-gold-300: #A56B00;
304
- @dt-color-gold-400: #845400;
305
- @dt-color-gold-425: #734900;
306
- @dt-color-gold-475: #643F00;
307
- @dt-color-gold-500: #462B00;
308
- @dt-color-gold-1000: #2A1800;
309
- @dt-color-green-50: #F6FFF0;
310
- @dt-color-green-100: #EBFFE6;
311
- @dt-color-green-200: #B2F2B3;
312
- @dt-color-green-300: #00E55E;
313
- @dt-color-green-325: #00C650;
314
- @dt-color-green-375: #00A742;
315
- @dt-color-green-400: #008A35;
316
- @dt-color-green-425: #006E29;
317
- @dt-color-green-450: #006023;
318
- @dt-color-green-475: #00531D;
319
- @dt-color-green-500: #003911;
320
- @dt-color-green-1000: #002204;
321
- @dt-color-red-50: #FFF8F7;
322
- @dt-color-red-100: #FFEDEB;
323
- @dt-color-red-125: #FFB3B1;
324
- @dt-color-red-175: #FF8888;
325
- @dt-color-red-200: #FF525C;
326
- @dt-color-red-275: #ED0937;
327
- @dt-color-red-300: #BF002A;
328
- @dt-color-red-350: #A80023;
329
- @dt-color-red-400: #92001D;
330
- @dt-color-red-450: #680012;
331
- @dt-color-red-500: #54000C;
332
- @dt-color-red-1000: #410001;
259
+ @dt-color-purple-100: #F5F0FF;
260
+ @dt-color-purple-200: #DAC7FF;
261
+ @dt-color-purple-300: #AB7EFF;
262
+ @dt-color-purple-350: #9568FF;
263
+ @dt-color-purple-400: #7C52FF;
264
+ @dt-color-purple-425: #6538F1;
265
+ @dt-color-purple-475: #5023DD;
266
+ @dt-color-purple-500: #3A1D95;
267
+ @dt-color-purple-600: #1D0155;
268
+ @dt-color-purple-1000: #10022C;
269
+ @dt-color-blue-100: #EAF2FA;
270
+ @dt-color-blue-125: #BDE8FF;
271
+ @dt-color-blue-175: #98DCFF;
272
+ @dt-color-blue-200: #5FC4F9;
273
+ @dt-color-blue-300: #3CA8F3;
274
+ @dt-color-blue-325: #2B99EF;
275
+ @dt-color-blue-375: #1B89EB;
276
+ @dt-color-blue-400: #1768C6;
277
+ @dt-color-blue-500: #003165;
278
+ @dt-color-blue-1000: #001429;
279
+ @dt-color-magenta-100: #FFE0F2;
280
+ @dt-color-magenta-125: #FFB1CF;
281
+ @dt-color-magenta-175: #FE87B7;
282
+ @dt-color-magenta-200: #FC5EA0;
283
+ @dt-color-magenta-300: #FF1BA4;
284
+ @dt-color-magenta-325: #DA008D;
285
+ @dt-color-magenta-375: #BA007C;
286
+ @dt-color-magenta-400: #9A006A;
287
+ @dt-color-magenta-500: #662251;
288
+ @dt-color-magenta-1000: #210819;
289
+ @dt-color-gold-100: #FFF4CC;
290
+ @dt-color-gold-150: #FFE89C;
291
+ @dt-color-gold-200: #FFDB80;
292
+ @dt-color-gold-250: #FFC047;
293
+ @dt-color-gold-300: #FF9E0E;
294
+ @dt-color-gold-350: #F19000;
295
+ @dt-color-gold-400: #D57F00;
296
+ @dt-color-gold-500: #815008;
297
+ @dt-color-gold-600: #533204;
298
+ @dt-color-gold-1000: #231501;
299
+ @dt-color-green-100: #EDF9EB;
300
+ @dt-color-green-150: #DBFFA9;
301
+ @dt-color-green-200: #D1FF76;
302
+ @dt-color-green-250: #AEFB3C;
303
+ @dt-color-green-300: #84EE0B;
304
+ @dt-color-green-325: #3CD707;
305
+ @dt-color-green-375: #04BF08;
306
+ @dt-color-green-400: #008E52;
307
+ @dt-color-green-500: #004F2E;
308
+ @dt-color-green-1000: #021D11;
309
+ @dt-color-red-100: #FFE5E6;
310
+ @dt-color-red-150: #FFABA4;
311
+ @dt-color-red-200: #FF716F;
312
+ @dt-color-red-250: #FF415B;
313
+ @dt-color-red-300: #FF1356;
314
+ @dt-color-red-350: #E10040;
315
+ @dt-color-red-400: #AF0032;
316
+ @dt-color-red-450: #93173A;
317
+ @dt-color-red-500: #640823;
318
+ @dt-color-red-1000: #2D010E;
333
319
  @dt-color-tan-100: #F2F0EE;
334
320
  @dt-color-tan-200: #CEC8C4;
335
321
  @dt-color-tan-300: #87807B;
336
322
  @dt-color-tan-400: #3F3D3C;
337
323
  @dt-color-tan-500: #121212;
338
- @dt-color-gradient-magenta-purple: linear-gradient(135deg, #E60083 10%, #7F56FF 90%); // Gradient for Ai-oriented treatments.
339
- @dt-color-brand-purple: #7F56FF;
340
- @dt-color-brand-magenta: #E60083;
341
- @dt-color-brand-gold: #E59C2E;
324
+ @dt-color-gradient-magenta-purple: linear-gradient(135deg, #FF1BA4 10%, #7C52FF 90%); // Gradient for Ai-oriented treatments.
325
+ @dt-color-brand-purple: #7C52FF;
326
+ @dt-color-brand-magenta: #FF1BA4;
327
+ @dt-color-brand-gold: #FF9E0E;
342
328
  @dt-opacity-0: 0;
343
329
  @dt-opacity-100: .05;
344
330
  @dt-opacity-200: .1;
@@ -397,19 +383,19 @@
397
383
  @dt-shadow-card-3-offset-y: 0.2rem;
398
384
  @dt-shadow-focus-1-blur: 0rem;
399
385
  @dt-shadow-focus-1-spread: 0.1rem;
400
- @dt-shadow-focus-1-color: #FBFBFB;
386
+ @dt-shadow-focus-1-color: #F9F9F9;
401
387
  @dt-shadow-focus-1-type: dropShadow;
402
388
  @dt-shadow-focus-1-offset-x: 0rem;
403
389
  @dt-shadow-focus-1-offset-y: 0rem;
404
390
  @dt-shadow-focus-2-blur: 0rem;
405
391
  @dt-shadow-focus-2-spread: 0.3rem;
406
- @dt-shadow-focus-2-color: #0072F0;
392
+ @dt-shadow-focus-2-color: #3CA8F3;
407
393
  @dt-shadow-focus-2-type: dropShadow;
408
394
  @dt-shadow-focus-2-offset-x: 0rem;
409
395
  @dt-shadow-focus-2-offset-y: 0rem;
410
396
  @dt-shadow-focus-inset-blur: 0rem;
411
397
  @dt-shadow-focus-inset-spread: 0.2rem;
412
- @dt-shadow-focus-inset-color: #0072F0;
398
+ @dt-shadow-focus-inset-color: #3CA8F3;
413
399
  @dt-shadow-focus-inset-type: innerShadow;
414
400
  @dt-shadow-focus-inset-offset-x: 0rem;
415
401
  @dt-shadow-focus-inset-offset-y: 0rem;