@dialpad/dialtone 9.63.0 → 9.64.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 (128) hide show
  1. package/dist/css/dialtone-default-theme.css +96 -17
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +84 -17
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/css/tokens/tokens-dp-dark.css +12 -0
  6. package/dist/css/tokens/tokens-dp-light.css +12 -0
  7. package/dist/css/tokens/tokens-expressive-dark.css +12 -0
  8. package/dist/css/tokens/tokens-expressive-light.css +12 -0
  9. package/dist/css/tokens/tokens-expressive-sm-dark.css +12 -0
  10. package/dist/css/tokens/tokens-expressive-sm-light.css +12 -0
  11. package/dist/css/tokens/tokens-tmo-dark.css +12 -0
  12. package/dist/css/tokens/tokens-tmo-light.css +12 -0
  13. package/dist/themes/dp-dark.cjs +1 -1
  14. package/dist/themes/dp-dark.js +1 -1
  15. package/dist/themes/dp-light.cjs +1 -1
  16. package/dist/themes/dp-light.js +1 -1
  17. package/dist/themes/expressive-dark.cjs +1 -1
  18. package/dist/themes/expressive-dark.js +1 -1
  19. package/dist/themes/expressive-light.cjs +1 -1
  20. package/dist/themes/expressive-light.js +1 -1
  21. package/dist/themes/expressive-sm-dark.cjs +1 -1
  22. package/dist/themes/expressive-sm-dark.js +1 -1
  23. package/dist/themes/expressive-sm-light.cjs +1 -1
  24. package/dist/themes/expressive-sm-light.js +1 -1
  25. package/dist/themes/tmo-dark.cjs +1 -1
  26. package/dist/themes/tmo-dark.js +1 -1
  27. package/dist/themes/tmo-light.cjs +1 -1
  28. package/dist/themes/tmo-light.js +1 -1
  29. package/dist/tokens/css/tokens-dp-dark.css +12 -0
  30. package/dist/tokens/css/tokens-dp-light.css +12 -0
  31. package/dist/tokens/css/tokens-expressive-dark.css +12 -0
  32. package/dist/tokens/css/tokens-expressive-light.css +12 -0
  33. package/dist/tokens/css/tokens-expressive-sm-dark.css +12 -0
  34. package/dist/tokens/css/tokens-expressive-sm-light.css +12 -0
  35. package/dist/tokens/css/tokens-tmo-dark.css +12 -0
  36. package/dist/tokens/css/tokens-tmo-light.css +12 -0
  37. package/dist/tokens/doc.json +8274 -7922
  38. package/dist/tokens/less/tokens-dp-dark.less +2 -0
  39. package/dist/tokens/less/tokens-dp-light.less +2 -0
  40. package/dist/tokens/less/tokens-expressive-dark.less +2 -0
  41. package/dist/tokens/less/tokens-expressive-light.less +2 -0
  42. package/dist/tokens/less/tokens-expressive-sm-dark.less +2 -0
  43. package/dist/tokens/less/tokens-expressive-sm-light.less +2 -0
  44. package/dist/tokens/less/tokens-tmo-dark.less +2 -0
  45. package/dist/tokens/less/tokens-tmo-light.less +2 -0
  46. package/dist/tokens/tokens-dp-dark.json +2 -0
  47. package/dist/tokens/tokens-dp-light.json +2 -0
  48. package/dist/tokens/tokens-expressive-dark.json +2 -0
  49. package/dist/tokens/tokens-expressive-light.json +2 -0
  50. package/dist/tokens/tokens-expressive-sm-dark.json +2 -0
  51. package/dist/tokens/tokens-expressive-sm-light.json +2 -0
  52. package/dist/tokens/tokens-tmo-dark.json +2 -0
  53. package/dist/tokens/tokens-tmo-light.json +2 -0
  54. package/dist/vue2/component-documentation.json +1 -1
  55. package/dist/vue2/dialtone-vue.cjs +3 -0
  56. package/dist/vue2/dialtone-vue.cjs.map +1 -1
  57. package/dist/vue2/dialtone-vue.js +3 -0
  58. package/dist/vue2/dialtone-vue.js.map +1 -1
  59. package/dist/vue2/lib/button.cjs +2 -8
  60. package/dist/vue2/lib/button.cjs.map +1 -1
  61. package/dist/vue2/lib/button.js +2 -8
  62. package/dist/vue2/lib/button.js.map +1 -1
  63. package/dist/vue2/lib/general-row.cjs +2 -2
  64. package/dist/vue2/lib/general-row.cjs.map +1 -1
  65. package/dist/vue2/lib/general-row.js +2 -2
  66. package/dist/vue2/lib/general-row.js.map +1 -1
  67. package/dist/vue2/lib/rich-text-editor.cjs +1 -9
  68. package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
  69. package/dist/vue2/lib/rich-text-editor.js +1 -9
  70. package/dist/vue2/lib/rich-text-editor.js.map +1 -1
  71. package/dist/vue2/lib/split-button.cjs +512 -0
  72. package/dist/vue2/lib/split-button.cjs.map +1 -0
  73. package/dist/vue2/lib/split-button.js +512 -0
  74. package/dist/vue2/lib/split-button.js.map +1 -0
  75. package/dist/vue2/style.css +65 -65
  76. package/dist/vue2/types/components/button/button.vue.d.ts +2 -14
  77. package/dist/vue2/types/components/button/button.vue.d.ts.map +1 -1
  78. package/dist/vue2/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  79. package/dist/vue2/types/components/split_button/index.d.ts +3 -0
  80. package/dist/vue2/types/components/split_button/index.d.ts.map +1 -0
  81. package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts +183 -0
  82. package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts.map +1 -0
  83. package/dist/vue2/types/components/split_button/split_button-omega.vue.d.ts +136 -0
  84. package/dist/vue2/types/components/split_button/split_button-omega.vue.d.ts.map +1 -0
  85. package/dist/vue2/types/components/split_button/split_button.vue.d.ts +347 -0
  86. package/dist/vue2/types/components/split_button/split_button.vue.d.ts.map +1 -0
  87. package/dist/vue2/types/components/split_button/split_button_constants.d.ts +12 -0
  88. package/dist/vue2/types/components/split_button/split_button_constants.d.ts.map +1 -0
  89. package/dist/vue2/types/index.d.ts +1 -0
  90. package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
  91. package/dist/vue3/component-documentation.json +1 -1
  92. package/dist/vue3/dialtone-vue.cjs +3 -0
  93. package/dist/vue3/dialtone-vue.cjs.map +1 -1
  94. package/dist/vue3/dialtone-vue.js +3 -0
  95. package/dist/vue3/dialtone-vue.js.map +1 -1
  96. package/dist/vue3/lib/button.cjs +3 -9
  97. package/dist/vue3/lib/button.cjs.map +1 -1
  98. package/dist/vue3/lib/button.js +3 -9
  99. package/dist/vue3/lib/button.js.map +1 -1
  100. package/dist/vue3/lib/general-row.cjs +3 -3
  101. package/dist/vue3/lib/general-row.cjs.map +1 -1
  102. package/dist/vue3/lib/general-row.js +3 -3
  103. package/dist/vue3/lib/general-row.js.map +1 -1
  104. package/dist/vue3/lib/rich-text-editor.cjs +1 -9
  105. package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
  106. package/dist/vue3/lib/rich-text-editor.js +1 -9
  107. package/dist/vue3/lib/rich-text-editor.js.map +1 -1
  108. package/dist/vue3/lib/split-button.cjs +544 -0
  109. package/dist/vue3/lib/split-button.cjs.map +1 -0
  110. package/dist/vue3/lib/split-button.js +544 -0
  111. package/dist/vue3/lib/split-button.js.map +1 -0
  112. package/dist/vue3/style.css +65 -65
  113. package/dist/vue3/types/components/button/button.vue.d.ts +4 -16
  114. package/dist/vue3/types/components/button/button.vue.d.ts.map +1 -1
  115. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts.map +1 -1
  116. package/dist/vue3/types/components/split_button/index.d.ts +3 -0
  117. package/dist/vue3/types/components/split_button/index.d.ts.map +1 -0
  118. package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts +183 -0
  119. package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts.map +1 -0
  120. package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts +136 -0
  121. package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts.map +1 -0
  122. package/dist/vue3/types/components/split_button/split_button.vue.d.ts +348 -0
  123. package/dist/vue3/types/components/split_button/split_button.vue.d.ts.map +1 -0
  124. package/dist/vue3/types/components/split_button/split_button_constants.d.ts +12 -0
  125. package/dist/vue3/types/components/split_button/split_button_constants.d.ts.map +1 -0
  126. package/dist/vue3/types/index.d.ts +1 -0
  127. package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
  128. package/package.json +2 -2
@@ -959,7 +959,7 @@ body > .os-scrollbar {
959
959
  color: var(--dt-color-foreground-secondary-inverted);
960
960
  }
961
961
  /* stylelint-disable selector-pseudo-class-no-unknown */
962
- .dt-leftbar-row[data-v-4793665c] {
962
+ .dt-leftbar-row[data-v-b6629526] {
963
963
  --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
964
964
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
965
965
  --leftbar-row-radius: var(--dt-size-radius-pill);
@@ -990,49 +990,49 @@ body > .os-scrollbar {
990
990
  transition-duration: var(--td200);
991
991
  transition-property: background-color, border, box-shadow;
992
992
  }
993
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover,
994
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within {
993
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover,
994
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within {
995
995
  --leftbar-row-unread-badge-display: none;
996
996
  }
997
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
998
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
997
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
998
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
999
999
  display: inline-flex;
1000
1000
  }
1001
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
1002
- .dt-leftbar-row[data-v-4793665c]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
1001
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
1002
+ .dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
1003
1003
  opacity: 1;
1004
1004
  }
1005
- .dt-leftbar-row[data-v-4793665c]:hover,
1006
- .dt-leftbar-row[data-v-4793665c]:focus-within {
1005
+ .dt-leftbar-row[data-v-b6629526]:hover,
1006
+ .dt-leftbar-row[data-v-b6629526]:focus-within {
1007
1007
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
1008
1008
  }
1009
- .dt-leftbar-row[data-v-4793665c]:hover .d-presence,
1010
- .dt-leftbar-row[data-v-4793665c]:focus-within .d-presence {
1009
+ .dt-leftbar-row[data-v-b6629526]:hover .d-presence,
1010
+ .dt-leftbar-row[data-v-b6629526]:focus-within .d-presence {
1011
1011
  --presence-color-border-base: var(--dt-color-black-200);
1012
1012
  }
1013
- .dt-leftbar-row[data-v-4793665c]:hover .d-avatar__count,
1014
- .dt-leftbar-row[data-v-4793665c]:focus-within .d-avatar__count {
1013
+ .dt-leftbar-row[data-v-b6629526]:hover .d-avatar__count,
1014
+ .dt-leftbar-row[data-v-b6629526]:focus-within .d-avatar__count {
1015
1015
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
1016
1016
  }
1017
- .dt-leftbar-row--has-unread[data-v-4793665c] {
1017
+ .dt-leftbar-row--has-unread[data-v-b6629526] {
1018
1018
  --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
1019
1019
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
1020
1020
  --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
1021
1021
  }
1022
- .dt-leftbar-row--muted[data-v-4793665c] {
1022
+ .dt-leftbar-row--muted[data-v-b6629526] {
1023
1023
  --leftbar-row-opacity: 60%;
1024
1024
  }
1025
- .dt-leftbar-row--selected[data-v-4793665c] {
1025
+ .dt-leftbar-row--selected[data-v-b6629526] {
1026
1026
  --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
1027
1027
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
1028
1028
  }
1029
- .dt-leftbar-row--selected[data-v-4793665c] .d-presence {
1029
+ .dt-leftbar-row--selected[data-v-b6629526] .d-presence {
1030
1030
  --presence-color-border-base: var(--dt-color-black-200);
1031
1031
  }
1032
- .dt-leftbar-row--selected[data-v-4793665c] .d-avatar__count {
1032
+ .dt-leftbar-row--selected[data-v-b6629526] .d-avatar__count {
1033
1033
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
1034
1034
  }
1035
- .dt-leftbar-row__is-typing[data-v-4793665c] {
1035
+ .dt-leftbar-row__is-typing[data-v-b6629526] {
1036
1036
  --is-typing-size-shape: var(--dt-size-550);
1037
1037
  position: absolute;
1038
1038
  display: flex;
@@ -1044,7 +1044,7 @@ body > .os-scrollbar {
1044
1044
  border-radius: var(--dt-size-radius-pill);
1045
1045
  opacity: 0.75;
1046
1046
  }
1047
- .dt-leftbar-row__is-typing span[data-v-4793665c] {
1047
+ .dt-leftbar-row__is-typing span[data-v-b6629526] {
1048
1048
  display: inline-block;
1049
1049
  width: var(--dt-size-300);
1050
1050
  height: var(--dt-size-300);
@@ -1053,18 +1053,18 @@ body > .os-scrollbar {
1053
1053
  border-radius: var(--dt-size-radius-pill);
1054
1054
  opacity: 0.3;
1055
1055
  transition: all 500ms ease;
1056
- animation: wave-4793665c 1.5s ease infinite;
1056
+ animation: wave-b6629526 1.5s ease infinite;
1057
1057
  }
1058
- .dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(1) {
1058
+ .dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(1) {
1059
1059
  animation-delay: 0ms;
1060
1060
  }
1061
- .dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(2) {
1061
+ .dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(2) {
1062
1062
  animation-delay: var(--td100);
1063
1063
  }
1064
- .dt-leftbar-row__is-typing span[data-v-4793665c]:nth-child(3) {
1064
+ .dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(3) {
1065
1065
  animation-delay: var(--td200);
1066
1066
  }
1067
- .dt-leftbar-row__primary[data-v-4793665c] {
1067
+ .dt-leftbar-row__primary[data-v-b6629526] {
1068
1068
  display: flex;
1069
1069
  flex: 1;
1070
1070
  align-items: center;
@@ -1081,18 +1081,18 @@ body > .os-scrollbar {
1081
1081
  border-radius: var(--leftbar-row-radius);
1082
1082
  appearance: none;
1083
1083
  }
1084
- .dt-leftbar-row__primary[data-v-4793665c]:active {
1084
+ .dt-leftbar-row__primary[data-v-b6629526]:active {
1085
1085
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
1086
1086
  }
1087
- .dt-leftbar-row__primary[data-v-4793665c]:focus-visible {
1087
+ .dt-leftbar-row__primary[data-v-b6629526]:focus-visible {
1088
1088
  box-shadow: var(--dt-shadow-focus-inset);
1089
1089
  }
1090
- .dt-leftbar-row__action-button[data-v-4793665c] {
1090
+ .dt-leftbar-row__action-button[data-v-b6629526] {
1091
1091
  width: var(--leftbar-row-action-width);
1092
1092
  height: var(--leftbar-row-action-height);
1093
1093
  opacity: 0;
1094
1094
  }
1095
- .dt-leftbar-row__alpha[data-v-4793665c] {
1095
+ .dt-leftbar-row__alpha[data-v-b6629526] {
1096
1096
  display: flex;
1097
1097
  align-items: center;
1098
1098
  justify-content: center;
@@ -1104,11 +1104,11 @@ body > .os-scrollbar {
1104
1104
  color: var(--leftbar-row-alpha-color-foreground);
1105
1105
  border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
1106
1106
  }
1107
- .dt-leftbar-row__label[data-v-4793665c] {
1107
+ .dt-leftbar-row__label[data-v-b6629526] {
1108
1108
  flex: 0 1;
1109
1109
  min-width: 0;
1110
1110
  }
1111
- .dt-leftbar-row__omega[data-v-4793665c] {
1111
+ .dt-leftbar-row__omega[data-v-b6629526] {
1112
1112
  position: absolute;
1113
1113
  top: var(--leftbar-row-action-position-bottom);
1114
1114
  right: var(--leftbar-row-action-position-right);
@@ -1120,34 +1120,34 @@ body > .os-scrollbar {
1120
1120
  border-radius: var(--leftbar-row-radius);
1121
1121
  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
1122
1122
  }
1123
- .dt-leftbar-row__unread-badge[data-v-4793665c] {
1123
+ .dt-leftbar-row__unread-badge[data-v-b6629526] {
1124
1124
  display: var(--leftbar-row-unread-badge-display);
1125
1125
  color: var(--dt-theme-mention-color-foreground);
1126
1126
  background-color: var(--dt-theme-mention-color-background);
1127
1127
  }
1128
- .dt-leftbar-row--unread-count[data-v-4793665c] .dt-leftbar-row__action {
1128
+ .dt-leftbar-row--unread-count[data-v-b6629526] .dt-leftbar-row__action {
1129
1129
  display: none;
1130
1130
  }
1131
- .dt-leftbar-row__unread-count-badge[data-v-4793665c] {
1131
+ .dt-leftbar-row__unread-count-badge[data-v-b6629526] {
1132
1132
  border-top-right-radius: var(--dt-size-radius-0);
1133
1133
  border-bottom-right-radius: var(--dt-size-radius-0);
1134
1134
  }
1135
- .dt-leftbar-row__unread-mention-count-badge[data-v-4793665c] {
1136
- color: var(--dt-color-foreground-primary-inverted);
1137
- background-color: var(--dt-color-purple-500);
1135
+ .dt-leftbar-row__unread-mention-count-badge[data-v-b6629526] {
1136
+ color: var(--dt-theme-mention-color-foreground-strong);
1137
+ background-color: var(--dt-theme-mention-color-background-strong);
1138
1138
  border-top-left-radius: var(--dt-size-radius-0);
1139
1139
  border-bottom-left-radius: var(--dt-size-radius-0);
1140
1140
  }
1141
- .dt-leftbar-row__unread-mention-only-count-badge[data-v-4793665c] {
1142
- color: var(--dt-color-foreground-primary-inverted);
1143
- background-color: var(--dt-color-purple-500);
1141
+ .dt-leftbar-row__unread-mention-only-count-badge[data-v-b6629526] {
1142
+ color: var(--dt-theme-mention-color-foreground-strong);
1143
+ background-color: var(--dt-theme-mention-color-background-strong);
1144
1144
  }
1145
- .dt-leftbar-row__active-voice[data-v-4793665c] {
1145
+ .dt-leftbar-row__active-voice[data-v-b6629526] {
1146
1146
  display: inline-flex;
1147
1147
  color: var(--dt-color-purple-400);
1148
- -webkit-animation-name: opacity-pulsate-4793665c;
1149
- -moz-animation-name: opacity-pulsate-4793665c;
1150
- animation-name: opacity-pulsate-4793665c;
1148
+ -webkit-animation-name: opacity-pulsate-b6629526;
1149
+ -moz-animation-name: opacity-pulsate-b6629526;
1150
+ animation-name: opacity-pulsate-b6629526;
1151
1151
  -webkit-animation-duration: 1s;
1152
1152
  -moz-animation-duration: 1s;
1153
1153
  animation-duration: 1s;
@@ -1158,7 +1158,7 @@ body > .os-scrollbar {
1158
1158
  -moz-animation-fill-mode: both;
1159
1159
  animation-fill-mode: both;
1160
1160
  }
1161
- .dt-leftbar-row__dnd[data-v-4793665c] {
1161
+ .dt-leftbar-row__dnd[data-v-b6629526] {
1162
1162
  padding-top: var(--dt-space-200);
1163
1163
  padding-right: var(--dt-space-300);
1164
1164
  color: var(--dt-color-foreground-tertiary);
@@ -1166,26 +1166,26 @@ body > .os-scrollbar {
1166
1166
  font-size: var(--dt-font-size-100);
1167
1167
  line-height: var(--dt-font-line-height-400);
1168
1168
  }
1169
- .dt-leftbar-row__container--off-duty[data-v-4793665c] {
1169
+ .dt-leftbar-row__container--off-duty[data-v-b6629526] {
1170
1170
  background-color: var(--dt-badge-color-background-critical);
1171
1171
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
1172
1172
  border-radius: var(--dt-size-radius-500);
1173
1173
  }
1174
- .dt-leftbar-row__container--off-duty[data-v-4793665c] .dt-leftbar-row__primary {
1174
+ .dt-leftbar-row__container--off-duty[data-v-b6629526] .dt-leftbar-row__primary {
1175
1175
  margin: calc(var(--dt-size-100) * -1);
1176
1176
  }
1177
- .dt-leftbar-row--contact-centers[data-v-4793665c] .dt-leftbar-row__alpha {
1177
+ .dt-leftbar-row--contact-centers[data-v-b6629526] .dt-leftbar-row__alpha {
1178
1178
  padding-right: var(--dt-space-450);
1179
1179
  padding-left: var(--dt-space-450);
1180
1180
  }
1181
- .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-4793665c] {
1181
+ .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-b6629526] {
1182
1182
  display: inline-flex;
1183
1183
  align-items: center;
1184
1184
  justify-content: flex-end;
1185
1185
  min-width: var(--dt-size-600);
1186
1186
  height: var(--dt-size-500);
1187
1187
  }
1188
- .dt-leftbar-row[data-v-4793665c] .dt-leftbar-row__description {
1188
+ .dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__description {
1189
1189
  overflow: hidden;
1190
1190
  color: var(--leftbar-row-description-color-foreground);
1191
1191
  font-weight: var(--leftbar-row-description-font-weight);
@@ -1194,7 +1194,7 @@ body > .os-scrollbar {
1194
1194
  white-space: nowrap;
1195
1195
  text-overflow: ellipsis;
1196
1196
  }
1197
- .dt-leftbar-row[data-v-4793665c] .dt-leftbar-row__status {
1197
+ .dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__status {
1198
1198
  padding-bottom: var(--dt-space-100);
1199
1199
  overflow: hidden;
1200
1200
  color: var(--leftbar-row-status-color-foreground);
@@ -1203,19 +1203,19 @@ body > .os-scrollbar {
1203
1203
  white-space: nowrap;
1204
1204
  text-overflow: ellipsis;
1205
1205
  }
1206
- .dt-leftbar-row[data-v-4793665c] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1206
+ .dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1207
1207
  color: var(--dt-theme-sidebar-status-color-foreground);
1208
1208
  content: " • ";
1209
1209
  }
1210
- .dt-leftbar-row__icon-cc[data-v-4793665c] {
1210
+ .dt-leftbar-row__icon-cc[data-v-b6629526] {
1211
1211
  width: calc(var(--dt-size-300) * 3.5);
1212
1212
  height: calc(var(--dt-size-300) * 3.5);
1213
1213
  border-radius: var(--dt-size-200);
1214
1214
  }
1215
- .opacity-pulsate[data-v-4793665c] {
1216
- -webkit-animation-name: opacity-pulsate-4793665c;
1217
- -moz-animation-name: opacity-pulsate-4793665c;
1218
- animation-name: opacity-pulsate-4793665c;
1215
+ .opacity-pulsate[data-v-b6629526] {
1216
+ -webkit-animation-name: opacity-pulsate-b6629526;
1217
+ -moz-animation-name: opacity-pulsate-b6629526;
1218
+ animation-name: opacity-pulsate-b6629526;
1219
1219
  -webkit-animation-duration: 1s;
1220
1220
  -moz-animation-duration: 1s;
1221
1221
  animation-duration: 1s;
@@ -1226,7 +1226,7 @@ body > .os-scrollbar {
1226
1226
  -moz-animation-fill-mode: both;
1227
1227
  animation-fill-mode: both;
1228
1228
  }
1229
- @keyframes opacity-pulsate-4793665c {
1229
+ @keyframes opacity-pulsate-b6629526 {
1230
1230
  0%,
1231
1231
  100% {
1232
1232
  opacity: 0.2;
@@ -1235,7 +1235,7 @@ body > .os-scrollbar {
1235
1235
  opacity: 1;
1236
1236
  }
1237
1237
  }
1238
- @keyframes opacity-pulsate-4793665c {
1238
+ @keyframes opacity-pulsate-b6629526 {
1239
1239
  0%,
1240
1240
  100% {
1241
1241
  opacity: 0.2;
@@ -1244,7 +1244,7 @@ body > .os-scrollbar {
1244
1244
  opacity: 1;
1245
1245
  }
1246
1246
  }
1247
- @keyframes opacity-pulsate-4793665c {
1247
+ @keyframes opacity-pulsate-b6629526 {
1248
1248
  0%,
1249
1249
  100% {
1250
1250
  opacity: 0.2;
@@ -1253,7 +1253,7 @@ body > .os-scrollbar {
1253
1253
  opacity: 1;
1254
1254
  }
1255
1255
  }
1256
- @keyframes wave-4793665c {
1256
+ @keyframes wave-b6629526 {
1257
1257
  0%,
1258
1258
  50%,
1259
1259
  100% {
@@ -1439,14 +1439,14 @@ body > .os-scrollbar {
1439
1439
  border-bottom-right-radius: var(--dt-size-radius-0);
1440
1440
  }
1441
1441
  .dt-leftbar-row__unread-mention-count-badge[data-v-094eaef1] {
1442
- color: var(--dt-color-foreground-primary-inverted);
1443
- background-color: var(--dt-color-purple-500);
1442
+ color: var(--dt-theme-mention-color-foreground-strong);
1443
+ background-color: var(--dt-theme-mention-color-background-strong);
1444
1444
  border-top-left-radius: var(--dt-size-radius-0);
1445
1445
  border-bottom-left-radius: var(--dt-size-radius-0);
1446
1446
  }
1447
1447
  .dt-leftbar-row__unread-mention-only-count-badge[data-v-094eaef1] {
1448
- color: var(--dt-color-foreground-primary-inverted);
1449
- background-color: var(--dt-color-purple-500);
1448
+ color: var(--dt-theme-mention-color-foreground-strong);
1449
+ background-color: var(--dt-theme-mention-color-background-strong);
1450
1450
  }
1451
1451
  .dt-leftbar-row__active-voice[data-v-094eaef1] {
1452
1452
  display: inline-flex;
@@ -55,13 +55,7 @@ declare const _default: import("vue").DefineComponent<{
55
55
  };
56
56
  /**
57
57
  * HTML button disabled attribute
58
- * <a
59
- * class="d-link"
60
- * href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled"
61
- * target="_blank"
62
- * >
63
- * (Reference)
64
- * </a>
58
+ * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank"> (Reference) </a>
65
59
  * @values true, false
66
60
  */
67
61
  disabled: {
@@ -166,8 +160,8 @@ declare const _default: import("vue").DefineComponent<{
166
160
  }, {
167
161
  buttonClasses(): any[];
168
162
  isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
169
- shouldRenderIcon(): boolean | undefined;
170
- isIconOnly(): boolean | undefined;
163
+ shouldRenderIcon(): any;
164
+ isIconOnly(): any;
171
165
  isVerticalIconLayout(): boolean;
172
166
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
173
167
  /**
@@ -226,13 +220,7 @@ declare const _default: import("vue").DefineComponent<{
226
220
  };
227
221
  /**
228
222
  * HTML button disabled attribute
229
- * <a
230
- * class="d-link"
231
- * href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled"
232
- * target="_blank"
233
- * >
234
- * (Reference)
235
- * </a>
223
+ * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank"> (Reference) </a>
236
224
  * @values true, false
237
225
  */
238
226
  disabled: {
@@ -1 +1 @@
1
- {"version":3,"file":"button.vue.d.ts","sourceRoot":"","sources":["../../../../components/button/button.vue.js"],"names":[],"mappings":";IA6BI;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAOH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAOH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;+BAvLwB,gBAAgB"}
1
+ {"version":3,"file":"button.vue.d.ts","sourceRoot":"","sources":["../../../../components/button/button.vue.js"],"names":[],"mappings":";IA6BI;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAOH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvJH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAOH;;;;;;OAMG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;+BAjLwB,gBAAgB"}
@@ -1 +1 @@
1
- {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;IA8QH;;;OAGG;;;;;;;IAvfH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"rich_text_editor.vue.d.ts","sourceRoot":"","sources":["../../../../components/rich_text_editor/rich_text_editor.vue.js"],"names":[],"mappings":";IA4CI;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;IAsQH;;;OAGG;;;;;;;IA/eH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;;IAYH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;OAaG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;MAEE;;;;;IAMF;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
@@ -0,0 +1,3 @@
1
+ export { default as DtSplitButton } from "./split_button.vue";
2
+ export { SPLIT_BUTTON_ICON_SIZES } from "./split_button_constants";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/split_button/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,183 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ /**
3
+ * Determines whether the button should have active styling
4
+ */
5
+ active: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ /**
10
+ * Descriptive label for the button
11
+ */
12
+ ariaLabel: {
13
+ type: StringConstructor;
14
+ default: null;
15
+ };
16
+ /**
17
+ * The position of the icon slot within the button.
18
+ */
19
+ iconPosition: {
20
+ type: StringConstructor;
21
+ default: string;
22
+ };
23
+ /**
24
+ * Used to customize the label container
25
+ */
26
+ labelClass: {
27
+ type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
28
+ default: string;
29
+ };
30
+ /**
31
+ * Whether the button should display a loading animation or not.
32
+ */
33
+ loading: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ /**
38
+ * Text shown in tooltip when you hover the button
39
+ */
40
+ tooltipText: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ /**
45
+ * Determines whether a screenreader reads live updates of
46
+ * the button content to the user while the button is in focus.
47
+ */
48
+ assertiveOnFocus: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
52
+ /**
53
+ * HTML button disabled attribute
54
+ */
55
+ disabled: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ /**
60
+ * The fill and outline of the button associated with its visual importance.
61
+ */
62
+ importance: {
63
+ type: StringConstructor;
64
+ default: string;
65
+ };
66
+ /**
67
+ * The color of the button.
68
+ */
69
+ kind: {
70
+ type: StringConstructor;
71
+ default: string;
72
+ };
73
+ /**
74
+ * The size of the button.
75
+ */
76
+ size: {
77
+ type: StringConstructor;
78
+ default: string;
79
+ };
80
+ }, any, {
81
+ BUTTON_ICON_SIZES: {
82
+ xs: string;
83
+ sm: string; /**
84
+ * HTML button disabled attribute
85
+ */
86
+ md: string;
87
+ lg: string;
88
+ xl: string;
89
+ };
90
+ }, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
91
+ /**
92
+ * Determines whether the button should have active styling
93
+ */
94
+ active: {
95
+ type: BooleanConstructor;
96
+ default: boolean;
97
+ };
98
+ /**
99
+ * Descriptive label for the button
100
+ */
101
+ ariaLabel: {
102
+ type: StringConstructor;
103
+ default: null;
104
+ };
105
+ /**
106
+ * The position of the icon slot within the button.
107
+ */
108
+ iconPosition: {
109
+ type: StringConstructor;
110
+ default: string;
111
+ };
112
+ /**
113
+ * Used to customize the label container
114
+ */
115
+ labelClass: {
116
+ type: (ObjectConstructor | ArrayConstructor | StringConstructor)[];
117
+ default: string;
118
+ };
119
+ /**
120
+ * Whether the button should display a loading animation or not.
121
+ */
122
+ loading: {
123
+ type: BooleanConstructor;
124
+ default: boolean;
125
+ };
126
+ /**
127
+ * Text shown in tooltip when you hover the button
128
+ */
129
+ tooltipText: {
130
+ type: StringConstructor;
131
+ default: string;
132
+ };
133
+ /**
134
+ * Determines whether a screenreader reads live updates of
135
+ * the button content to the user while the button is in focus.
136
+ */
137
+ assertiveOnFocus: {
138
+ type: BooleanConstructor;
139
+ default: boolean;
140
+ };
141
+ /**
142
+ * HTML button disabled attribute
143
+ */
144
+ disabled: {
145
+ type: BooleanConstructor;
146
+ default: boolean;
147
+ };
148
+ /**
149
+ * The fill and outline of the button associated with its visual importance.
150
+ */
151
+ importance: {
152
+ type: StringConstructor;
153
+ default: string;
154
+ };
155
+ /**
156
+ * The color of the button.
157
+ */
158
+ kind: {
159
+ type: StringConstructor;
160
+ default: string;
161
+ };
162
+ /**
163
+ * The size of the button.
164
+ */
165
+ size: {
166
+ type: StringConstructor;
167
+ default: string;
168
+ };
169
+ }>>, {
170
+ active: boolean;
171
+ loading: boolean;
172
+ size: string;
173
+ ariaLabel: string;
174
+ kind: string;
175
+ labelClass: string | Record<string, any> | unknown[];
176
+ iconPosition: string;
177
+ importance: string;
178
+ disabled: boolean;
179
+ assertiveOnFocus: boolean;
180
+ tooltipText: string;
181
+ }, {}>;
182
+ export default _default;
183
+ //# sourceMappingURL=split_button-alpha.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button-alpha.vue.d.ts","sourceRoot":"","sources":["../../../../components/split_button/split_button-alpha.vue.js"],"names":[],"mappings":";IAYI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;oBA1BH;;WAEG;;;;;;IA3DH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}