@dialpad/dialtone 9.35.0 → 9.36.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 (175) hide show
  1. package/dist/css/dialtone.css +4 -151
  2. package/dist/css/dialtone.min.css +1 -1
  3. package/dist/tokens/css/variables-dark.css +1 -1
  4. package/dist/tokens/css/variables-expressive-dark.css +1 -1
  5. package/dist/tokens/css/variables-expressive-light.css +1 -1
  6. package/dist/tokens/css/variables-expressive-sm-dark.css +1 -1
  7. package/dist/tokens/css/variables-expressive-sm-light.css +1 -1
  8. package/dist/tokens/css/variables-light.css +1 -1
  9. package/dist/tokens/css/variables-tmo-dark.css +1 -1
  10. package/dist/tokens/css/variables-tmo-light.css +1 -1
  11. package/dist/tokens/less/variables-dark.less +1 -1
  12. package/dist/tokens/less/variables-expressive-dark.less +1 -1
  13. package/dist/tokens/less/variables-expressive-light.less +1 -1
  14. package/dist/tokens/less/variables-expressive-sm-dark.less +1 -1
  15. package/dist/tokens/less/variables-expressive-sm-light.less +1 -1
  16. package/dist/tokens/less/variables-light.less +1 -1
  17. package/dist/tokens/less/variables-tmo-dark.less +1 -1
  18. package/dist/tokens/less/variables-tmo-light.less +1 -1
  19. package/dist/vue2/chunks/{dropdown-IaLNHmVd.js → dropdown-2D4i6Qkg.js} +2 -2
  20. package/dist/vue2/chunks/{dropdown-IaLNHmVd.js.map → dropdown-2D4i6Qkg.js.map} +1 -1
  21. package/dist/vue2/chunks/{dropdown-DTtcQEFC.js → dropdown-8L_PePwv.js} +2 -2
  22. package/dist/vue2/chunks/{dropdown-DTtcQEFC.js.map → dropdown-8L_PePwv.js.map} +1 -1
  23. package/dist/vue2/chunks/{popover_constants-Qkpb0yh2.js → popover_constants-kQaX7G4a.js} +10 -13
  24. package/dist/vue2/chunks/popover_constants-kQaX7G4a.js.map +1 -0
  25. package/dist/vue2/chunks/{popover_constants-JwBF9h1Z.js → popover_constants-qUYTzsS3.js} +10 -13
  26. package/dist/vue2/chunks/popover_constants-qUYTzsS3.js.map +1 -0
  27. package/dist/vue2/component-documentation.json +1 -1
  28. package/dist/vue2/dialtone-vue.cjs +2 -2
  29. package/dist/vue2/dialtone-vue.js +2 -2
  30. package/dist/vue2/lib/callbar-button-with-popover.cjs +2 -2
  31. package/dist/vue2/lib/callbar-button-with-popover.js +2 -2
  32. package/dist/vue2/lib/callbar-button.cjs +1 -2
  33. package/dist/vue2/lib/callbar-button.cjs.map +1 -1
  34. package/dist/vue2/lib/callbar-button.js +1 -2
  35. package/dist/vue2/lib/callbar-button.js.map +1 -1
  36. package/dist/vue2/lib/combobox-multi-select.cjs +1 -1
  37. package/dist/vue2/lib/combobox-multi-select.js +1 -1
  38. package/dist/vue2/lib/combobox-with-popover.cjs +1 -1
  39. package/dist/vue2/lib/combobox-with-popover.js +1 -1
  40. package/dist/vue2/lib/contact-row.cjs +1 -2
  41. package/dist/vue2/lib/contact-row.cjs.map +1 -1
  42. package/dist/vue2/lib/contact-row.js +1 -2
  43. package/dist/vue2/lib/contact-row.js.map +1 -1
  44. package/dist/vue2/lib/datepicker.cjs +1 -2
  45. package/dist/vue2/lib/datepicker.cjs.map +1 -1
  46. package/dist/vue2/lib/datepicker.js +1 -2
  47. package/dist/vue2/lib/datepicker.js.map +1 -1
  48. package/dist/vue2/lib/dropdown.cjs +2 -2
  49. package/dist/vue2/lib/dropdown.js +2 -2
  50. package/dist/vue2/lib/editor.cjs +1 -1
  51. package/dist/vue2/lib/editor.js +1 -1
  52. package/dist/vue2/lib/emoji-picker.cjs +1 -2
  53. package/dist/vue2/lib/emoji-picker.cjs.map +1 -1
  54. package/dist/vue2/lib/emoji-picker.js +1 -2
  55. package/dist/vue2/lib/emoji-picker.js.map +1 -1
  56. package/dist/vue2/lib/emoji-row.cjs +1 -2
  57. package/dist/vue2/lib/emoji-row.cjs.map +1 -1
  58. package/dist/vue2/lib/emoji-row.js +1 -2
  59. package/dist/vue2/lib/emoji-row.js.map +1 -1
  60. package/dist/vue2/lib/general-row.cjs +32 -8
  61. package/dist/vue2/lib/general-row.cjs.map +1 -1
  62. package/dist/vue2/lib/general-row.js +32 -8
  63. package/dist/vue2/lib/general-row.js.map +1 -1
  64. package/dist/vue2/lib/group-row.cjs +1 -2
  65. package/dist/vue2/lib/group-row.cjs.map +1 -1
  66. package/dist/vue2/lib/group-row.js +1 -2
  67. package/dist/vue2/lib/group-row.js.map +1 -1
  68. package/dist/vue2/lib/hovercard.cjs +1 -1
  69. package/dist/vue2/lib/hovercard.js +1 -1
  70. package/dist/vue2/lib/ivr-node.cjs +2 -2
  71. package/dist/vue2/lib/ivr-node.js +2 -2
  72. package/dist/vue2/lib/message-input.cjs +2 -2
  73. package/dist/vue2/lib/message-input.js +2 -2
  74. package/dist/vue2/lib/popover.cjs +2 -2
  75. package/dist/vue2/lib/popover.cjs.map +1 -1
  76. package/dist/vue2/lib/popover.js +3 -3
  77. package/dist/vue2/lib/popover.js.map +1 -1
  78. package/dist/vue2/lib/tooltip-directive.cjs +1 -2
  79. package/dist/vue2/lib/tooltip-directive.cjs.map +1 -1
  80. package/dist/vue2/lib/tooltip-directive.js +1 -2
  81. package/dist/vue2/lib/tooltip-directive.js.map +1 -1
  82. package/dist/vue2/lib/tooltip.cjs +36 -31
  83. package/dist/vue2/lib/tooltip.cjs.map +1 -1
  84. package/dist/vue2/lib/tooltip.js +37 -32
  85. package/dist/vue2/lib/tooltip.js.map +1 -1
  86. package/dist/vue2/style.css +87 -55
  87. package/dist/vue2/types/components/popover/tippy_utils.d.ts +1 -6
  88. package/dist/vue2/types/components/popover/tippy_utils.d.ts.map +1 -1
  89. package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts +40 -36
  90. package/dist/vue2/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  91. package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts +19 -0
  92. package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
  93. package/dist/vue3/chunks/{dropdown-w8Do29L5.js → dropdown-XFYig-ys.js} +2 -2
  94. package/dist/vue3/chunks/{dropdown-w8Do29L5.js.map → dropdown-XFYig-ys.js.map} +1 -1
  95. package/dist/vue3/chunks/{dropdown-Hn-TeTvZ.js → dropdown-tVfEPEl1.js} +2 -2
  96. package/dist/vue3/chunks/{dropdown-Hn-TeTvZ.js.map → dropdown-tVfEPEl1.js.map} +1 -1
  97. package/dist/vue3/chunks/{popover_constants-Qkpb0yh2.js → popover_constants-kQaX7G4a.js} +10 -13
  98. package/dist/vue3/chunks/popover_constants-kQaX7G4a.js.map +1 -0
  99. package/dist/vue3/chunks/{popover_constants-JwBF9h1Z.js → popover_constants-qUYTzsS3.js} +10 -13
  100. package/dist/vue3/chunks/popover_constants-qUYTzsS3.js.map +1 -0
  101. package/dist/vue3/component-documentation.json +1 -1
  102. package/dist/vue3/dialtone-vue.cjs +2 -2
  103. package/dist/vue3/dialtone-vue.js +2 -2
  104. package/dist/vue3/lib/callbar-button-with-popover.cjs +2 -2
  105. package/dist/vue3/lib/callbar-button-with-popover.js +2 -2
  106. package/dist/vue3/lib/callbar-button.cjs +1 -2
  107. package/dist/vue3/lib/callbar-button.cjs.map +1 -1
  108. package/dist/vue3/lib/callbar-button.js +1 -2
  109. package/dist/vue3/lib/callbar-button.js.map +1 -1
  110. package/dist/vue3/lib/combobox-multi-select.cjs +1 -1
  111. package/dist/vue3/lib/combobox-multi-select.js +1 -1
  112. package/dist/vue3/lib/combobox-with-popover.cjs +1 -1
  113. package/dist/vue3/lib/combobox-with-popover.js +1 -1
  114. package/dist/vue3/lib/contact-row.cjs +1 -2
  115. package/dist/vue3/lib/contact-row.cjs.map +1 -1
  116. package/dist/vue3/lib/contact-row.js +1 -2
  117. package/dist/vue3/lib/contact-row.js.map +1 -1
  118. package/dist/vue3/lib/datepicker.cjs +1 -2
  119. package/dist/vue3/lib/datepicker.cjs.map +1 -1
  120. package/dist/vue3/lib/datepicker.js +1 -2
  121. package/dist/vue3/lib/datepicker.js.map +1 -1
  122. package/dist/vue3/lib/dropdown.cjs +2 -2
  123. package/dist/vue3/lib/dropdown.js +2 -2
  124. package/dist/vue3/lib/editor.cjs +1 -1
  125. package/dist/vue3/lib/editor.js +1 -1
  126. package/dist/vue3/lib/emoji-picker.cjs +1 -2
  127. package/dist/vue3/lib/emoji-picker.cjs.map +1 -1
  128. package/dist/vue3/lib/emoji-picker.js +1 -2
  129. package/dist/vue3/lib/emoji-picker.js.map +1 -1
  130. package/dist/vue3/lib/emoji-row.cjs +1 -2
  131. package/dist/vue3/lib/emoji-row.cjs.map +1 -1
  132. package/dist/vue3/lib/emoji-row.js +1 -2
  133. package/dist/vue3/lib/emoji-row.js.map +1 -1
  134. package/dist/vue3/lib/general-row.cjs +47 -10
  135. package/dist/vue3/lib/general-row.cjs.map +1 -1
  136. package/dist/vue3/lib/general-row.js +47 -10
  137. package/dist/vue3/lib/general-row.js.map +1 -1
  138. package/dist/vue3/lib/group-row.cjs +1 -2
  139. package/dist/vue3/lib/group-row.cjs.map +1 -1
  140. package/dist/vue3/lib/group-row.js +1 -2
  141. package/dist/vue3/lib/group-row.js.map +1 -1
  142. package/dist/vue3/lib/hovercard.cjs +1 -1
  143. package/dist/vue3/lib/hovercard.js +1 -1
  144. package/dist/vue3/lib/ivr-node.cjs +2 -2
  145. package/dist/vue3/lib/ivr-node.js +2 -2
  146. package/dist/vue3/lib/message-input.cjs +2 -2
  147. package/dist/vue3/lib/message-input.js +2 -2
  148. package/dist/vue3/lib/popover.cjs +2 -2
  149. package/dist/vue3/lib/popover.cjs.map +1 -1
  150. package/dist/vue3/lib/popover.js +3 -3
  151. package/dist/vue3/lib/popover.js.map +1 -1
  152. package/dist/vue3/lib/tooltip-directive.cjs +1 -2
  153. package/dist/vue3/lib/tooltip-directive.cjs.map +1 -1
  154. package/dist/vue3/lib/tooltip-directive.js +1 -2
  155. package/dist/vue3/lib/tooltip-directive.js.map +1 -1
  156. package/dist/vue3/lib/tooltip.cjs +40 -52
  157. package/dist/vue3/lib/tooltip.cjs.map +1 -1
  158. package/dist/vue3/lib/tooltip.js +42 -54
  159. package/dist/vue3/lib/tooltip.js.map +1 -1
  160. package/dist/vue3/style.css +87 -55
  161. package/dist/vue3/types/components/popover/tippy_utils.d.ts +1 -6
  162. package/dist/vue3/types/components/popover/tippy_utils.d.ts.map +1 -1
  163. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts +22 -47
  164. package/dist/vue3/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  165. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +19 -0
  166. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
  167. package/package.json +1 -1
  168. package/dist/vue2/chunks/popover_constants-JwBF9h1Z.js.map +0 -1
  169. package/dist/vue2/chunks/popover_constants-Qkpb0yh2.js.map +0 -1
  170. package/dist/vue2/types/components/tooltip/modifiers.d.ts +0 -8
  171. package/dist/vue2/types/components/tooltip/modifiers.d.ts.map +0 -1
  172. package/dist/vue3/chunks/popover_constants-JwBF9h1Z.js.map +0 -1
  173. package/dist/vue3/chunks/popover_constants-Qkpb0yh2.js.map +0 -1
  174. package/dist/vue3/types/components/tooltip/modifiers.d.ts +0 -8
  175. package/dist/vue3/types/components/tooltip/modifiers.d.ts.map +0 -1
package/dist/css/dialtone.css CHANGED
@@ -3817,7 +3817,7 @@ legend .d-label {
3817
3817
  justify-content: center;
3818
3818
  }
3819
3819
  .d-tooltip {
3820
- --tooltip-color-background: var(--dt-color-black-800);
3820
+ --tooltip-color-background: var(--dt-color-surface-contrast);
3821
3821
  --tooltip-color-text: var(--dt-color-foreground-primary-inverted);
3822
3822
  --tooltip-font-weight: var(--dt-font-weight-medium);
3823
3823
  --tooltip-line-height: var(--dt-font-line-height-300);
@@ -3836,13 +3836,8 @@ legend .d-label {
3836
3836
  background-color: var(--tooltip-color-background);
3837
3837
  border-radius: var(--tooltip-border-radius);
3838
3838
  }
3839
- .d-tooltip::after {
3840
- position: absolute;
3841
- border: var(--dt-size-350) solid transparent;
3842
- content: '';
3843
- }
3844
3839
  .d-tooltip--inverted {
3845
- --tooltip-color-background: var(--dt-color-black-200);
3840
+ --tooltip-color-background: var(--dt-color-surface-moderate);
3846
3841
  --tooltip-color-text: var(--dt-color-foreground-secondary);
3847
3842
  }
3848
3843
  .d-tooltip--hide,
@@ -3864,148 +3859,6 @@ legend .d-label {
3864
3859
  transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms;
3865
3860
  transition: visibility 0s 0s, transform 200ms var(--ttf-in-out) 10ms, opacity 200ms var(--ttf-in-out) 10ms, -webkit-transform 200ms var(--ttf-in-out) 10ms;
3866
3861
  }
3867
- .d-tooltip__arrow-tippy--bottom-start,
3868
- .d-tooltip__arrow-tippy--bottom,
3869
- .d-tooltip__arrow-tippy--bottom-end,
3870
- .d-tooltip__arrow--top-left,
3871
- .d-tooltip__arrow--top-center,
3872
- .d-tooltip__arrow--top-right {
3873
- top: calc(100% + var(--dt-space-450));
3874
- -webkit-transform: translateY(var(--dt-space-500));
3875
- transform: translateY(var(--dt-space-500));
3876
- }
3877
- .d-tooltip__arrow-tippy--bottom-start::after,
3878
- .d-tooltip__arrow-tippy--bottom::after,
3879
- .d-tooltip__arrow-tippy--bottom-end::after,
3880
- .d-tooltip__arrow--top-left::after,
3881
- .d-tooltip__arrow--top-center::after,
3882
- .d-tooltip__arrow--top-right::after {
3883
- top: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
3884
- border-top-width: 0;
3885
- border-bottom-color: var(--tooltip-color-background);
3886
- }
3887
- .d-tooltip__arrow-tippy--top-start,
3888
- .d-tooltip__arrow-tippy--top,
3889
- .d-tooltip__arrow-tippy--top-end,
3890
- .d-tooltip__arrow--bottom-left,
3891
- .d-tooltip__arrow--bottom-center,
3892
- .d-tooltip__arrow--bottom-right {
3893
- bottom: calc(100% + var(--dt-space-450));
3894
- -webkit-transform: translateY(var(--dt-space-500-negative));
3895
- transform: translateY(var(--dt-space-500-negative));
3896
- }
3897
- .d-tooltip__arrow-tippy--top-start::after,
3898
- .d-tooltip__arrow-tippy--top::after,
3899
- .d-tooltip__arrow-tippy--top-end::after,
3900
- .d-tooltip__arrow--bottom-left::after,
3901
- .d-tooltip__arrow--bottom-center::after,
3902
- .d-tooltip__arrow--bottom-right::after {
3903
- bottom: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
3904
- border-top-color: var(--tooltip-color-background);
3905
- border-bottom-width: 0;
3906
- }
3907
- .d-tooltip__arrow-tippy--bottom-start,
3908
- .d-tooltip__arrow-tippy--top-start,
3909
- .d-tooltip__arrow--top-left,
3910
- .d-tooltip__arrow--bottom-left {
3911
- left: var(--dt-space-200-negative);
3912
- }
3913
- .d-tooltip__arrow-tippy--bottom-start::after,
3914
- .d-tooltip__arrow-tippy--top-start::after,
3915
- .d-tooltip__arrow--top-left::after,
3916
- .d-tooltip__arrow--bottom-left::after {
3917
- left: var(--dt-space-500);
3918
- }
3919
- .d-tooltip__arrow-tippy--bottom::after,
3920
- .d-tooltip__arrow-tippy--top::after,
3921
- .d-tooltip__arrow--top-center::after,
3922
- .d-tooltip__arrow--bottom-center::after {
3923
- left: 50%;
3924
- margin-left: var(--dt-space-350-negative);
3925
- }
3926
- .d-tooltip__arrow-tippy--bottom-end,
3927
- .d-tooltip__arrow-tippy--top-end,
3928
- .d-tooltip__arrow--top-right,
3929
- .d-tooltip__arrow--bottom-right {
3930
- right: var(--dt-space-200-negative);
3931
- }
3932
- .d-tooltip__arrow-tippy--bottom-end::after,
3933
- .d-tooltip__arrow-tippy--top-end::after,
3934
- .d-tooltip__arrow--top-right::after,
3935
- .d-tooltip__arrow--bottom-right::after {
3936
- right: var(--dt-space-500);
3937
- }
3938
- .d-tooltip__arrow-tippy--left-start,
3939
- .d-tooltip__arrow-tippy--left,
3940
- .d-tooltip__arrow-tippy--left-end,
3941
- .d-tooltip__arrow--right-top,
3942
- .d-tooltip__arrow--right-center,
3943
- .d-tooltip__arrow--right-bottom {
3944
- right: calc(100% + var(--dt-space-450));
3945
- -webkit-transform: translateX(var(--dt-space-500-negative));
3946
- transform: translateX(var(--dt-space-500-negative));
3947
- }
3948
- .d-tooltip__arrow-tippy--left-start::after,
3949
- .d-tooltip__arrow-tippy--left::after,
3950
- .d-tooltip__arrow-tippy--left-end::after,
3951
- .d-tooltip__arrow--right-top::after,
3952
- .d-tooltip__arrow--right-center::after,
3953
- .d-tooltip__arrow--right-bottom::after {
3954
- right: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
3955
- border-right-width: 0;
3956
- border-left-color: var(--tooltip-color-background);
3957
- }
3958
- .d-tooltip__arrow-tippy--right-start,
3959
- .d-tooltip__arrow-tippy--right,
3960
- .d-tooltip__arrow-tippy--right-end,
3961
- .d-tooltip__arrow--left-top,
3962
- .d-tooltip__arrow--left-center,
3963
- .d-tooltip__arrow--left-bottom {
3964
- left: calc(100% + var(--dt-space-450));
3965
- -webkit-transform: translateX(var(--dt-space-500));
3966
- transform: translateX(var(--dt-space-500));
3967
- }
3968
- .d-tooltip__arrow-tippy--right-start::after,
3969
- .d-tooltip__arrow-tippy--right::after,
3970
- .d-tooltip__arrow-tippy--right-end::after,
3971
- .d-tooltip__arrow--left-top::after,
3972
- .d-tooltip__arrow--left-center::after,
3973
- .d-tooltip__arrow--left-bottom::after {
3974
- left: calc(var(--dt-space-350-negative) - var(--dt-space-50-negative));
3975
- border-right-color: var(--tooltip-color-background);
3976
- border-left-width: 0;
3977
- }
3978
- .d-tooltip__arrow-tippy--right-start,
3979
- .d-tooltip__arrow-tippy--left-start,
3980
- .d-tooltip__arrow--right-top,
3981
- .d-tooltip__arrow--left-top {
3982
- top: var(--dt-space-100-negative);
3983
- }
3984
- .d-tooltip__arrow-tippy--right-start::after,
3985
- .d-tooltip__arrow-tippy--left-start::after,
3986
- .d-tooltip__arrow--right-top::after,
3987
- .d-tooltip__arrow--left-top::after {
3988
- top: var(--dt-space-400);
3989
- }
3990
- .d-tooltip__arrow-tippy--right::after,
3991
- .d-tooltip__arrow-tippy--left::after,
3992
- .d-tooltip__arrow--right-center::after,
3993
- .d-tooltip__arrow--left-center::after {
3994
- top: 50%;
3995
- margin-top: var(--dt-space-350-negative);
3996
- }
3997
- .d-tooltip__arrow-tippy--right-end,
3998
- .d-tooltip__arrow-tippy--left-end,
3999
- .d-tooltip__arrow--right-bottom,
4000
- .d-tooltip__arrow--left-bottom {
4001
- bottom: var(--dt-space-100-negative);
4002
- }
4003
- .d-tooltip__arrow-tippy--right-end::after,
4004
- .d-tooltip__arrow-tippy--left-end::after,
4005
- .d-tooltip__arrow--right-bottom::after,
4006
- .d-tooltip__arrow--left-bottom::after {
4007
- bottom: var(--dt-space-400);
4008
- }
4009
3862
  .d-toggle {
4010
3863
  --toggle-transition-timing-function: var(--ttf-out-quint);
4011
3864
  --toggle-transition-speed: var(--td300);
@@ -7485,7 +7338,7 @@ body {
7485
7338
  }
7486
7339
  /**
7487
7340
  * Do not edit directly
7488
- * Generated on Thu, 16 May 2024 20:10:59 GMT
7341
+ * Generated on Thu, 16 May 2024 22:44:03 GMT
7489
7342
  */
7490
7343
 
7491
7344
  .dialtone-theme-light {
@@ -8302,7 +8155,7 @@ body {
8302
8155
 
8303
8156
  /**
8304
8157
  * Do not edit directly
8305
- * Generated on Thu, 16 May 2024 20:11:00 GMT
8158
+ * Generated on Thu, 16 May 2024 22:44:03 GMT
8306
8159
  */
8307
8160
 
8308
8161
  .dialtone-theme-dark {