@dialpad/dialtone 9.64.1 → 9.65.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.
Files changed (132) hide show
  1. package/dist/chunks/tokens-base-dark--ozK7f0P.js +4 -0
  2. package/dist/chunks/tokens-base-dark-V8E4WaJI.js +1 -0
  3. package/dist/chunks/tokens-base-light-LYlvM3eZ.js +1 -0
  4. package/dist/chunks/tokens-base-light-ljPrpLe2.js +4 -0
  5. package/dist/css/dialtone-default-theme.css +178 -92
  6. package/dist/css/dialtone-default-theme.min.css +1 -1
  7. package/dist/css/dialtone.css +129 -43
  8. package/dist/css/dialtone.min.css +1 -1
  9. package/dist/css/tokens/tokens-base-dark.css +5 -5
  10. package/dist/css/tokens/tokens-base-light.css +5 -5
  11. package/dist/css/tokens/tokens-dp-dark.css +44 -44
  12. package/dist/css/tokens/tokens-dp-light.css +44 -44
  13. package/dist/css/tokens/tokens-expressive-dark.css +50 -50
  14. package/dist/css/tokens/tokens-expressive-light.css +50 -50
  15. package/dist/css/tokens/tokens-expressive-sm-dark.css +50 -50
  16. package/dist/css/tokens/tokens-expressive-sm-light.css +50 -50
  17. package/dist/css/tokens/tokens-tmo-dark.css +44 -44
  18. package/dist/css/tokens/tokens-tmo-light.css +44 -44
  19. package/dist/themes/dp-dark.cjs +1 -1
  20. package/dist/themes/dp-dark.js +2 -2
  21. package/dist/themes/dp-light.cjs +1 -1
  22. package/dist/themes/dp-light.js +2 -2
  23. package/dist/themes/expressive-dark.cjs +1 -1
  24. package/dist/themes/expressive-dark.js +2 -2
  25. package/dist/themes/expressive-light.cjs +1 -1
  26. package/dist/themes/expressive-light.js +2 -2
  27. package/dist/themes/expressive-sm-dark.cjs +1 -1
  28. package/dist/themes/expressive-sm-dark.js +2 -2
  29. package/dist/themes/expressive-sm-light.cjs +1 -1
  30. package/dist/themes/expressive-sm-light.js +2 -2
  31. package/dist/themes/tmo-dark.cjs +1 -1
  32. package/dist/themes/tmo-dark.js +2 -2
  33. package/dist/themes/tmo-light.cjs +1 -1
  34. package/dist/themes/tmo-light.js +2 -2
  35. package/dist/tokens/css/tokens-base-dark.css +5 -5
  36. package/dist/tokens/css/tokens-base-light.css +5 -5
  37. package/dist/tokens/css/tokens-dp-dark.css +44 -44
  38. package/dist/tokens/css/tokens-dp-light.css +44 -44
  39. package/dist/tokens/css/tokens-expressive-dark.css +50 -50
  40. package/dist/tokens/css/tokens-expressive-light.css +50 -50
  41. package/dist/tokens/css/tokens-expressive-sm-dark.css +50 -50
  42. package/dist/tokens/css/tokens-expressive-sm-light.css +50 -50
  43. package/dist/tokens/css/tokens-tmo-dark.css +44 -44
  44. package/dist/tokens/css/tokens-tmo-light.css +44 -44
  45. package/dist/tokens/doc.json +8314 -8314
  46. package/dist/tokens/less/tokens-base-dark.less +5 -5
  47. package/dist/tokens/less/tokens-base-light.less +5 -5
  48. package/dist/tokens/less/tokens-dp-dark.less +44 -44
  49. package/dist/tokens/less/tokens-dp-light.less +44 -44
  50. package/dist/tokens/less/tokens-expressive-dark.less +50 -50
  51. package/dist/tokens/less/tokens-expressive-light.less +50 -50
  52. package/dist/tokens/less/tokens-expressive-sm-dark.less +50 -50
  53. package/dist/tokens/less/tokens-expressive-sm-light.less +50 -50
  54. package/dist/tokens/less/tokens-tmo-dark.less +44 -44
  55. package/dist/tokens/less/tokens-tmo-light.less +44 -44
  56. package/dist/tokens/tokens-base-dark.json +5 -5
  57. package/dist/tokens/tokens-base-light.json +5 -5
  58. package/dist/tokens/tokens-dp-dark.json +44 -44
  59. package/dist/tokens/tokens-dp-light.json +44 -44
  60. package/dist/tokens/tokens-expressive-dark.json +50 -50
  61. package/dist/tokens/tokens-expressive-light.json +50 -50
  62. package/dist/tokens/tokens-expressive-sm-dark.json +50 -50
  63. package/dist/tokens/tokens-expressive-sm-light.json +50 -50
  64. package/dist/tokens/tokens-tmo-dark.json +44 -44
  65. package/dist/tokens/tokens-tmo-light.json +44 -44
  66. package/dist/vue2/component-documentation.json +1 -1
  67. package/dist/vue2/dialtone-vue.cjs +1 -1
  68. package/dist/vue2/dialtone-vue.js +1 -1
  69. package/dist/vue2/lib/contact-centers-row.cjs +17 -9
  70. package/dist/vue2/lib/contact-centers-row.cjs.map +1 -1
  71. package/dist/vue2/lib/contact-centers-row.js +17 -9
  72. package/dist/vue2/lib/contact-centers-row.js.map +1 -1
  73. package/dist/vue2/lib/message-input.cjs +13 -6
  74. package/dist/vue2/lib/message-input.cjs.map +1 -1
  75. package/dist/vue2/lib/message-input.js +13 -6
  76. package/dist/vue2/lib/message-input.js.map +1 -1
  77. package/dist/vue2/lib/rich-text-editor.cjs +8 -14
  78. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  79. package/dist/vue2/lib/rich-text-editor.js +8 -14
  80. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  81. package/dist/vue2/lib/stack.cjs +51 -14
  82. package/dist/vue2/lib/stack.cjs.map +1 -1
  83. package/dist/vue2/lib/stack.js +52 -15
  84. package/dist/vue2/lib/stack.js.map +1 -1
  85. package/dist/vue2/style.css +62 -57
  86. package/dist/vue2/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  87. package/dist/vue2/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  88. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  89. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  90. package/dist/vue2/types/components/stack/utils.d.ts +2 -2
  91. package/dist/vue2/types/components/stack/utils.d.ts.map +1 -1
  92. package/dist/vue2/types/components/stack/validators.d.ts +1 -1
  93. package/dist/vue2/types/components/stack/validators.d.ts.map +1 -1
  94. package/dist/vue2/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  95. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  96. package/dist/vue2/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  97. package/dist/vue3/component-documentation.json +1 -1
  98. package/dist/vue3/dialtone-vue.cjs +1 -1
  99. package/dist/vue3/dialtone-vue.js +1 -1
  100. package/dist/vue3/lib/contact-centers-row.cjs +21 -10
  101. package/dist/vue3/lib/contact-centers-row.cjs.map +1 -1
  102. package/dist/vue3/lib/contact-centers-row.js +21 -10
  103. package/dist/vue3/lib/contact-centers-row.js.map +1 -1
  104. package/dist/vue3/lib/message-input.cjs +13 -14
  105. package/dist/vue3/lib/message-input.cjs.map +1 -1
  106. package/dist/vue3/lib/message-input.js +14 -15
  107. package/dist/vue3/lib/message-input.js.map +1 -1
  108. package/dist/vue3/lib/rich-text-editor.cjs +11 -16
  109. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  110. package/dist/vue3/lib/rich-text-editor.js +11 -16
  111. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  112. package/dist/vue3/lib/stack.cjs +51 -14
  113. package/dist/vue3/lib/stack.cjs.map +1 -1
  114. package/dist/vue3/lib/stack.js +52 -15
  115. package/dist/vue3/lib/stack.js.map +1 -1
  116. package/dist/vue3/style.css +62 -57
  117. package/dist/vue3/types/components/rich_text_editor/extensions/custom_link/custom_link.d.ts.map +1 -1
  118. package/dist/vue3/types/components/rich_text_editor/mention_suggestion.d.ts.map +1 -1
  119. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +4 -2
  120. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  121. package/dist/vue3/types/components/stack/utils.d.ts +2 -2
  122. package/dist/vue3/types/components/stack/utils.d.ts.map +1 -1
  123. package/dist/vue3/types/components/stack/validators.d.ts +1 -1
  124. package/dist/vue3/types/components/stack/validators.d.ts.map +1 -1
  125. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  126. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +15 -0
  127. package/dist/vue3/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -1
  128. package/package.json +2 -2
  129. package/dist/chunks/tokens-base-dark-BC3U5KoN.js +0 -4
  130. package/dist/chunks/tokens-base-dark-zbBpWlfP.js +0 -1
  131. package/dist/chunks/tokens-base-light-PCrr7t8W.js +0 -4
  132. package/dist/chunks/tokens-base-light-dvWvBHbM.js +0 -1
package/dist/css/dialtone.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;
@@ -1783,20 +1867,22 @@ template {
1783
1867
  background-color: var(--dt-color-neutral-transparent);
1784
1868
  }
1785
1869
  .d-emoji {
1870
+ position: relative;
1786
1871
  display: inline-block;
1787
1872
  vertical-align: middle;
1788
1873
  }
1874
+ .d-emoji .d-icon {
1875
+ position: absolute;
1876
+ top: 50%;
1877
+ display: block;
1878
+ -webkit-transform: translateY(-50%);
1879
+ transform: translateY(-50%);
1880
+ }
1789
1881
  .d-emoji-text-wrapper .d-emoji {
1790
- position: relative;
1791
1882
  height: 1em;
1792
- vertical-align: middle;
1793
1883
  }
1794
1884
  .d-emoji-text-wrapper .d-emoji .d-icon {
1795
- position: absolute;
1796
1885
  top: calc(50% - 1px);
1797
- display: block;
1798
- -webkit-transform: translateY(-50%);
1799
- transform: translateY(-50%);
1800
1886
  }
1801
1887
  .d-emoji-picker {
1802
1888
  flex-direction: column;