@dialpad/dialtone 9.64.1 → 9.65.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.
Files changed (42) hide show
  1. package/dist/css/dialtone-default-theme.css +121 -37
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +121 -37
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/tokens/doc.json +4686 -4686
  6. package/dist/vue2/component-documentation.json +1 -1
  7. package/dist/vue2/dialtone-vue.cjs +1 -1
  8. package/dist/vue2/dialtone-vue.js +1 -1
  9. package/dist/vue2/lib/contact-centers-row.cjs +17 -9
  10. package/dist/vue2/lib/contact-centers-row.cjs.map +1 -1
  11. package/dist/vue2/lib/contact-centers-row.js +17 -9
  12. package/dist/vue2/lib/contact-centers-row.js.map +1 -1
  13. package/dist/vue2/lib/stack.cjs +51 -14
  14. package/dist/vue2/lib/stack.cjs.map +1 -1
  15. package/dist/vue2/lib/stack.js +52 -15
  16. package/dist/vue2/lib/stack.js.map +1 -1
  17. package/dist/vue2/style.css +57 -57
  18. package/dist/vue2/types/components/stack/utils.d.ts +2 -2
  19. package/dist/vue2/types/components/stack/utils.d.ts.map +1 -1
  20. package/dist/vue2/types/components/stack/validators.d.ts +1 -1
  21. package/dist/vue2/types/components/stack/validators.d.ts.map +1 -1
  22. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  23. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  24. package/dist/vue3/component-documentation.json +1 -1
  25. package/dist/vue3/dialtone-vue.cjs +1 -1
  26. package/dist/vue3/dialtone-vue.js +1 -1
  27. package/dist/vue3/lib/contact-centers-row.cjs +21 -10
  28. package/dist/vue3/lib/contact-centers-row.cjs.map +1 -1
  29. package/dist/vue3/lib/contact-centers-row.js +21 -10
  30. package/dist/vue3/lib/contact-centers-row.js.map +1 -1
  31. package/dist/vue3/lib/stack.cjs +51 -14
  32. package/dist/vue3/lib/stack.cjs.map +1 -1
  33. package/dist/vue3/lib/stack.js +52 -15
  34. package/dist/vue3/lib/stack.js.map +1 -1
  35. package/dist/vue3/style.css +57 -57
  36. package/dist/vue3/types/components/stack/utils.d.ts +2 -2
  37. package/dist/vue3/types/components/stack/utils.d.ts.map +1 -1
  38. package/dist/vue3/types/components/stack/validators.d.ts +1 -1
  39. package/dist/vue3/types/components/stack/validators.d.ts.map +1 -1
  40. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  41. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  42. package/package.json +1 -1
package/dist/css/dialtone-default-theme.css CHANGED
@@ -397,106 +397,190 @@ template {
397
397
  align-items: center;
398
398
  justify-content: normal;
399
399
  }
400
+ .d-stack--gap-100 {
401
+ --stack-gap: var(--dt-space-100);
402
+ }
403
+ .d-stack--gap-200 {
404
+ --stack-gap: var(--dt-space-200);
405
+ }
406
+ .d-stack--gap-300 {
407
+ --stack-gap: var(--dt-space-300);
408
+ }
409
+ .d-stack--gap-400 {
410
+ --stack-gap: var(--dt-space-400);
411
+ }
412
+ .d-stack--gap-450 {
413
+ --stack-gap: var(--dt-space-450);
414
+ }
415
+ .d-stack--gap-500 {
416
+ --stack-gap: var(--dt-space-500);
417
+ }
418
+ .d-stack--gap-600 {
419
+ --stack-gap: var(--dt-space-600);
420
+ }
400
421
  @media screen and (max-width: 1264px) {
401
- .d-stack--xl--column {
422
+ .d-stack--xl-column {
402
423
  --stack-direction: column;
403
424
  justify-content: flex-start;
404
425
  }
405
- .d-stack--xl--column-reverse {
426
+ .d-stack--xl-column-reverse {
406
427
  --stack-direction: column-reverse;
407
428
  justify-content: flex-start;
408
429
  }
409
- .d-stack--xl--row {
430
+ .d-stack--xl-row {
410
431
  --stack-direction: row;
411
432
  align-items: center;
412
433
  justify-content: normal;
413
434
  }
414
- .d-stack--xl--row-reverse {
435
+ .d-stack--xl-row-reverse {
415
436
  --stack-direction: row-reverse;
416
437
  align-items: center;
417
438
  justify-content: normal;
418
439
  }
440
+ .d-stack--xl-gap-100 {
441
+ --stack-gap: var(--dt-space-100);
442
+ }
443
+ .d-stack--xl-gap-200 {
444
+ --stack-gap: var(--dt-space-200);
445
+ }
446
+ .d-stack--xl-gap-300 {
447
+ --stack-gap: var(--dt-space-300);
448
+ }
449
+ .d-stack--xl-gap-400 {
450
+ --stack-gap: var(--dt-space-400);
451
+ }
452
+ .d-stack--xl-gap-450 {
453
+ --stack-gap: var(--dt-space-450);
454
+ }
455
+ .d-stack--xl-gap-500 {
456
+ --stack-gap: var(--dt-space-500);
457
+ }
458
+ .d-stack--xl-gap-600 {
459
+ --stack-gap: var(--dt-space-600);
460
+ }
419
461
  }
420
462
  @media screen and (max-width: 980px) {
421
- .d-stack--lg--column {
463
+ .d-stack--lg-column {
422
464
  --stack-direction: column;
423
465
  justify-content: flex-start;
424
466
  }
425
- .d-stack--lg--column-reverse {
467
+ .d-stack--lg-column-reverse {
426
468
  --stack-direction: column-reverse;
427
469
  justify-content: flex-start;
428
470
  }
429
- .d-stack--lg--row {
471
+ .d-stack--lg-row {
430
472
  --stack-direction: row;
431
473
  align-items: center;
432
474
  justify-content: normal;
433
475
  }
434
- .d-stack--lg--row-reverse {
476
+ .d-stack--lg-row-reverse {
435
477
  --stack-direction: row-reverse;
436
478
  align-items: center;
437
479
  justify-content: normal;
438
480
  }
481
+ .d-stack--lg-gap-100 {
482
+ --stack-gap: var(--dt-space-100);
483
+ }
484
+ .d-stack--lg-gap-200 {
485
+ --stack-gap: var(--dt-space-200);
486
+ }
487
+ .d-stack--lg-gap-300 {
488
+ --stack-gap: var(--dt-space-300);
489
+ }
490
+ .d-stack--lg-gap-400 {
491
+ --stack-gap: var(--dt-space-400);
492
+ }
493
+ .d-stack--lg-gap-450 {
494
+ --stack-gap: var(--dt-space-450);
495
+ }
496
+ .d-stack--lg-gap-500 {
497
+ --stack-gap: var(--dt-space-500);
498
+ }
499
+ .d-stack--lg-gap-600 {
500
+ --stack-gap: var(--dt-space-600);
501
+ }
439
502
  }
440
503
  @media screen and (max-width: 640px) {
441
- .d-stack--md--column {
504
+ .d-stack--md-column {
442
505
  --stack-direction: column;
443
506
  justify-content: flex-start;
444
507
  }
445
- .d-stack--md--column-reverse {
508
+ .d-stack--md-column-reverse {
446
509
  --stack-direction: column-reverse;
447
510
  justify-content: flex-start;
448
511
  }
449
- .d-stack--md--row {
512
+ .d-stack--md-row {
450
513
  --stack-direction: row;
451
514
  align-items: center;
452
515
  justify-content: normal;
453
516
  }
454
- .d-stack--md--row-reverse {
517
+ .d-stack--md-row-reverse {
455
518
  --stack-direction: row-reverse;
456
519
  align-items: center;
457
520
  justify-content: normal;
458
521
  }
522
+ .d-stack--md-gap-100 {
523
+ --stack-gap: var(--dt-space-100);
524
+ }
525
+ .d-stack--md-gap-200 {
526
+ --stack-gap: var(--dt-space-200);
527
+ }
528
+ .d-stack--md-gap-300 {
529
+ --stack-gap: var(--dt-space-300);
530
+ }
531
+ .d-stack--md-gap-400 {
532
+ --stack-gap: var(--dt-space-400);
533
+ }
534
+ .d-stack--md-gap-450 {
535
+ --stack-gap: var(--dt-space-450);
536
+ }
537
+ .d-stack--md-gap-500 {
538
+ --stack-gap: var(--dt-space-500);
539
+ }
540
+ .d-stack--md-gap-600 {
541
+ --stack-gap: var(--dt-space-600);
542
+ }
459
543
  }
460
544
  @media screen and (max-width: 480px) {
461
- .d-stack--sm--column {
545
+ .d-stack--sm-column {
462
546
  --stack-direction: column;
463
547
  justify-content: flex-start;
464
548
  }
465
- .d-stack--sm--column-reverse {
549
+ .d-stack--sm-column-reverse {
466
550
  --stack-direction: column-reverse;
467
551
  justify-content: flex-start;
468
552
  }
469
- .d-stack--sm--row {
553
+ .d-stack--sm-row {
470
554
  --stack-direction: row;
471
555
  align-items: center;
472
556
  justify-content: normal;
473
557
  }
474
- .d-stack--sm--row-reverse {
558
+ .d-stack--sm-row-reverse {
475
559
  --stack-direction: row-reverse;
476
560
  align-items: center;
477
561
  justify-content: normal;
478
562
  }
479
- }
480
- .d-stack--gap-100 {
481
- --stack-gap: var(--dt-space-100);
482
- }
483
- .d-stack--gap-200 {
484
- --stack-gap: var(--dt-space-200);
485
- }
486
- .d-stack--gap-300 {
487
- --stack-gap: var(--dt-space-300);
488
- }
489
- .d-stack--gap-400 {
490
- --stack-gap: var(--dt-space-400);
491
- }
492
- .d-stack--gap-450 {
493
- --stack-gap: var(--dt-space-450);
494
- }
495
- .d-stack--gap-500 {
496
- --stack-gap: var(--dt-space-500);
497
- }
498
- .d-stack--gap-600 {
499
- --stack-gap: var(--dt-space-600);
563
+ .d-stack--sm-gap-100 {
564
+ --stack-gap: var(--dt-space-100);
565
+ }
566
+ .d-stack--sm-gap-200 {
567
+ --stack-gap: var(--dt-space-200);
568
+ }
569
+ .d-stack--sm-gap-300 {
570
+ --stack-gap: var(--dt-space-300);
571
+ }
572
+ .d-stack--sm-gap-400 {
573
+ --stack-gap: var(--dt-space-400);
574
+ }
575
+ .d-stack--sm-gap-450 {
576
+ --stack-gap: var(--dt-space-450);
577
+ }
578
+ .d-stack--sm-gap-500 {
579
+ --stack-gap: var(--dt-space-500);
580
+ }
581
+ .d-stack--sm-gap-600 {
582
+ --stack-gap: var(--dt-space-600);
583
+ }
500
584
  }
501
585
  .dt-item-layout {
502
586
  display: flex;