@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
@@ -919,7 +919,7 @@ body > .os-scrollbar {
919
919
  color: var(--dt-color-foreground-secondary-inverted);
920
920
  }
921
921
  /* stylelint-disable selector-pseudo-class-no-unknown */
922
- .dt-leftbar-row[data-v-e6da0c41] {
922
+ .dt-leftbar-row[data-v-f626c1e7] {
923
923
  --leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);
924
924
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);
925
925
  --leftbar-row-radius: var(--dt-size-radius-pill);
@@ -950,49 +950,49 @@ body > .os-scrollbar {
950
950
  transition-duration: var(--td200);
951
951
  transition-property: background-color, border, box-shadow;
952
952
  }
953
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover,
954
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within {
953
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover,
954
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within {
955
955
  --leftbar-row-unread-badge-display: none;
956
956
  }
957
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
958
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
957
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
958
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
959
959
  display: inline-flex;
960
960
  }
961
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
962
- .dt-leftbar-row[data-v-e6da0c41]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
961
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
962
+ .dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
963
963
  opacity: 1;
964
964
  }
965
- .dt-leftbar-row[data-v-e6da0c41]:hover,
966
- .dt-leftbar-row[data-v-e6da0c41]:focus-within {
965
+ .dt-leftbar-row[data-v-f626c1e7]:hover,
966
+ .dt-leftbar-row[data-v-f626c1e7]:focus-within {
967
967
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
968
968
  }
969
- .dt-leftbar-row[data-v-e6da0c41]:hover .d-presence,
970
- .dt-leftbar-row[data-v-e6da0c41]:focus-within .d-presence {
969
+ .dt-leftbar-row[data-v-f626c1e7]:hover .d-presence,
970
+ .dt-leftbar-row[data-v-f626c1e7]:focus-within .d-presence {
971
971
  --presence-color-border-base: var(--dt-color-black-200);
972
972
  }
973
- .dt-leftbar-row[data-v-e6da0c41]:hover .d-avatar__count,
974
- .dt-leftbar-row[data-v-e6da0c41]:focus-within .d-avatar__count {
973
+ .dt-leftbar-row[data-v-f626c1e7]:hover .d-avatar__count,
974
+ .dt-leftbar-row[data-v-f626c1e7]:focus-within .d-avatar__count {
975
975
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
976
976
  }
977
- .dt-leftbar-row--has-unread[data-v-e6da0c41] {
977
+ .dt-leftbar-row--has-unread[data-v-f626c1e7] {
978
978
  --leftbar-row-description-font-weight: var(--dt-font-weight-bold);
979
979
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
980
980
  --leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
981
981
  }
982
- .dt-leftbar-row--muted[data-v-e6da0c41] {
982
+ .dt-leftbar-row--muted[data-v-f626c1e7] {
983
983
  --leftbar-row-opacity: 60%;
984
984
  }
985
- .dt-leftbar-row--selected[data-v-e6da0c41] {
985
+ .dt-leftbar-row--selected[data-v-f626c1e7] {
986
986
  --leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
987
987
  --leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
988
988
  }
989
- .dt-leftbar-row--selected[data-v-e6da0c41] .d-presence {
989
+ .dt-leftbar-row--selected[data-v-f626c1e7] .d-presence {
990
990
  --presence-color-border-base: var(--dt-color-black-200);
991
991
  }
992
- .dt-leftbar-row--selected[data-v-e6da0c41] .d-avatar__count {
992
+ .dt-leftbar-row--selected[data-v-f626c1e7] .d-avatar__count {
993
993
  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
994
994
  }
995
- .dt-leftbar-row__is-typing[data-v-e6da0c41] {
995
+ .dt-leftbar-row__is-typing[data-v-f626c1e7] {
996
996
  --is-typing-size-shape: var(--dt-size-550);
997
997
  position: absolute;
998
998
  display: flex;
@@ -1004,7 +1004,7 @@ body > .os-scrollbar {
1004
1004
  border-radius: var(--dt-size-radius-pill);
1005
1005
  opacity: 0.75;
1006
1006
  }
1007
- .dt-leftbar-row__is-typing span[data-v-e6da0c41] {
1007
+ .dt-leftbar-row__is-typing span[data-v-f626c1e7] {
1008
1008
  display: inline-block;
1009
1009
  width: var(--dt-size-300);
1010
1010
  height: var(--dt-size-300);
@@ -1013,18 +1013,18 @@ body > .os-scrollbar {
1013
1013
  border-radius: var(--dt-size-radius-pill);
1014
1014
  opacity: 0.3;
1015
1015
  transition: all 500ms ease;
1016
- animation: wave-e6da0c41 1.5s ease infinite;
1016
+ animation: wave-f626c1e7 1.5s ease infinite;
1017
1017
  }
1018
- .dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(1) {
1018
+ .dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(1) {
1019
1019
  animation-delay: 0ms;
1020
1020
  }
1021
- .dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(2) {
1021
+ .dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(2) {
1022
1022
  animation-delay: var(--td100);
1023
1023
  }
1024
- .dt-leftbar-row__is-typing span[data-v-e6da0c41]:nth-child(3) {
1024
+ .dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(3) {
1025
1025
  animation-delay: var(--td200);
1026
1026
  }
1027
- .dt-leftbar-row__primary[data-v-e6da0c41] {
1027
+ .dt-leftbar-row__primary[data-v-f626c1e7] {
1028
1028
  display: flex;
1029
1029
  flex: 1;
1030
1030
  align-items: center;
@@ -1041,18 +1041,18 @@ body > .os-scrollbar {
1041
1041
  border-radius: var(--leftbar-row-radius);
1042
1042
  appearance: none;
1043
1043
  }
1044
- .dt-leftbar-row__primary[data-v-e6da0c41]:active {
1044
+ .dt-leftbar-row__primary[data-v-f626c1e7]:active {
1045
1045
  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
1046
1046
  }
1047
- .dt-leftbar-row__primary[data-v-e6da0c41]:focus-visible {
1047
+ .dt-leftbar-row__primary[data-v-f626c1e7]:focus-visible {
1048
1048
  box-shadow: var(--dt-shadow-focus-inset);
1049
1049
  }
1050
- .dt-leftbar-row__action-button[data-v-e6da0c41] {
1050
+ .dt-leftbar-row__action-button[data-v-f626c1e7] {
1051
1051
  width: var(--leftbar-row-action-width);
1052
1052
  height: var(--leftbar-row-action-height);
1053
1053
  opacity: 0;
1054
1054
  }
1055
- .dt-leftbar-row__alpha[data-v-e6da0c41] {
1055
+ .dt-leftbar-row__alpha[data-v-f626c1e7] {
1056
1056
  display: flex;
1057
1057
  align-items: center;
1058
1058
  justify-content: center;
@@ -1064,11 +1064,11 @@ body > .os-scrollbar {
1064
1064
  color: var(--leftbar-row-alpha-color-foreground);
1065
1065
  border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
1066
1066
  }
1067
- .dt-leftbar-row__label[data-v-e6da0c41] {
1067
+ .dt-leftbar-row__label[data-v-f626c1e7] {
1068
1068
  flex: 0 1;
1069
1069
  min-width: 0;
1070
1070
  }
1071
- .dt-leftbar-row__omega[data-v-e6da0c41] {
1071
+ .dt-leftbar-row__omega[data-v-f626c1e7] {
1072
1072
  position: absolute;
1073
1073
  top: var(--leftbar-row-action-position-bottom);
1074
1074
  right: var(--leftbar-row-action-position-right);
@@ -1080,34 +1080,34 @@ body > .os-scrollbar {
1080
1080
  border-radius: var(--leftbar-row-radius);
1081
1081
  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
1082
1082
  }
1083
- .dt-leftbar-row__unread-badge[data-v-e6da0c41] {
1083
+ .dt-leftbar-row__unread-badge[data-v-f626c1e7] {
1084
1084
  display: var(--leftbar-row-unread-badge-display);
1085
1085
  color: var(--dt-theme-mention-color-foreground);
1086
1086
  background-color: var(--dt-theme-mention-color-background);
1087
1087
  }
1088
- .dt-leftbar-row--unread-count[data-v-e6da0c41] .dt-leftbar-row__action {
1088
+ .dt-leftbar-row--unread-count[data-v-f626c1e7] .dt-leftbar-row__action {
1089
1089
  display: none;
1090
1090
  }
1091
- .dt-leftbar-row__unread-count-badge[data-v-e6da0c41] {
1091
+ .dt-leftbar-row__unread-count-badge[data-v-f626c1e7] {
1092
1092
  border-top-right-radius: var(--dt-size-radius-0);
1093
1093
  border-bottom-right-radius: var(--dt-size-radius-0);
1094
1094
  }
1095
- .dt-leftbar-row__unread-mention-count-badge[data-v-e6da0c41] {
1096
- color: var(--dt-color-foreground-primary-inverted);
1097
- background-color: var(--dt-color-purple-500);
1095
+ .dt-leftbar-row__unread-mention-count-badge[data-v-f626c1e7] {
1096
+ color: var(--dt-theme-mention-color-foreground-strong);
1097
+ background-color: var(--dt-theme-mention-color-background-strong);
1098
1098
  border-top-left-radius: var(--dt-size-radius-0);
1099
1099
  border-bottom-left-radius: var(--dt-size-radius-0);
1100
1100
  }
1101
- .dt-leftbar-row__unread-mention-only-count-badge[data-v-e6da0c41] {
1102
- color: var(--dt-color-foreground-primary-inverted);
1103
- background-color: var(--dt-color-purple-500);
1101
+ .dt-leftbar-row__unread-mention-only-count-badge[data-v-f626c1e7] {
1102
+ color: var(--dt-theme-mention-color-foreground-strong);
1103
+ background-color: var(--dt-theme-mention-color-background-strong);
1104
1104
  }
1105
- .dt-leftbar-row__active-voice[data-v-e6da0c41] {
1105
+ .dt-leftbar-row__active-voice[data-v-f626c1e7] {
1106
1106
  display: inline-flex;
1107
1107
  color: var(--dt-color-purple-400);
1108
- -webkit-animation-name: opacity-pulsate-e6da0c41;
1109
- -moz-animation-name: opacity-pulsate-e6da0c41;
1110
- animation-name: opacity-pulsate-e6da0c41;
1108
+ -webkit-animation-name: opacity-pulsate-f626c1e7;
1109
+ -moz-animation-name: opacity-pulsate-f626c1e7;
1110
+ animation-name: opacity-pulsate-f626c1e7;
1111
1111
  -webkit-animation-duration: 1s;
1112
1112
  -moz-animation-duration: 1s;
1113
1113
  animation-duration: 1s;
@@ -1118,7 +1118,7 @@ body > .os-scrollbar {
1118
1118
  -moz-animation-fill-mode: both;
1119
1119
  animation-fill-mode: both;
1120
1120
  }
1121
- .dt-leftbar-row__dnd[data-v-e6da0c41] {
1121
+ .dt-leftbar-row__dnd[data-v-f626c1e7] {
1122
1122
  padding-top: var(--dt-space-200);
1123
1123
  padding-right: var(--dt-space-300);
1124
1124
  color: var(--dt-color-foreground-tertiary);
@@ -1126,26 +1126,26 @@ body > .os-scrollbar {
1126
1126
  font-size: var(--dt-font-size-100);
1127
1127
  line-height: var(--dt-font-line-height-400);
1128
1128
  }
1129
- .dt-leftbar-row__container--off-duty[data-v-e6da0c41] {
1129
+ .dt-leftbar-row__container--off-duty[data-v-f626c1e7] {
1130
1130
  background-color: var(--dt-badge-color-background-critical);
1131
1131
  border: var(--dt-size-100) solid var(--dt-color-border-subtle);
1132
1132
  border-radius: var(--dt-size-radius-500);
1133
1133
  }
1134
- .dt-leftbar-row__container--off-duty[data-v-e6da0c41] .dt-leftbar-row__primary {
1134
+ .dt-leftbar-row__container--off-duty[data-v-f626c1e7] .dt-leftbar-row__primary {
1135
1135
  margin: calc(var(--dt-size-100) * -1);
1136
1136
  }
1137
- .dt-leftbar-row--contact-centers[data-v-e6da0c41] .dt-leftbar-row__alpha {
1137
+ .dt-leftbar-row--contact-centers[data-v-f626c1e7] .dt-leftbar-row__alpha {
1138
1138
  padding-right: var(--dt-space-450);
1139
1139
  padding-left: var(--dt-space-450);
1140
1140
  }
1141
- .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-e6da0c41] {
1141
+ .dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-f626c1e7] {
1142
1142
  display: inline-flex;
1143
1143
  align-items: center;
1144
1144
  justify-content: flex-end;
1145
1145
  min-width: var(--dt-size-600);
1146
1146
  height: var(--dt-size-500);
1147
1147
  }
1148
- .dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__description {
1148
+ .dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__description {
1149
1149
  overflow: hidden;
1150
1150
  color: var(--leftbar-row-description-color-foreground);
1151
1151
  font-weight: var(--leftbar-row-description-font-weight);
@@ -1154,7 +1154,7 @@ body > .os-scrollbar {
1154
1154
  white-space: nowrap;
1155
1155
  text-overflow: ellipsis;
1156
1156
  }
1157
- .dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__status {
1157
+ .dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__status {
1158
1158
  padding-bottom: var(--dt-space-100);
1159
1159
  overflow: hidden;
1160
1160
  color: var(--leftbar-row-status-color-foreground);
@@ -1163,19 +1163,19 @@ body > .os-scrollbar {
1163
1163
  white-space: nowrap;
1164
1164
  text-overflow: ellipsis;
1165
1165
  }
1166
- .dt-leftbar-row[data-v-e6da0c41] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1166
+ .dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
1167
1167
  color: var(--dt-theme-sidebar-status-color-foreground);
1168
1168
  content: " • ";
1169
1169
  }
1170
- .dt-leftbar-row__icon-cc[data-v-e6da0c41] {
1170
+ .dt-leftbar-row__icon-cc[data-v-f626c1e7] {
1171
1171
  width: calc(var(--dt-size-300) * 3.5);
1172
1172
  height: calc(var(--dt-size-300) * 3.5);
1173
1173
  border-radius: var(--dt-size-200);
1174
1174
  }
1175
- .opacity-pulsate[data-v-e6da0c41] {
1176
- -webkit-animation-name: opacity-pulsate-e6da0c41;
1177
- -moz-animation-name: opacity-pulsate-e6da0c41;
1178
- animation-name: opacity-pulsate-e6da0c41;
1175
+ .opacity-pulsate[data-v-f626c1e7] {
1176
+ -webkit-animation-name: opacity-pulsate-f626c1e7;
1177
+ -moz-animation-name: opacity-pulsate-f626c1e7;
1178
+ animation-name: opacity-pulsate-f626c1e7;
1179
1179
  -webkit-animation-duration: 1s;
1180
1180
  -moz-animation-duration: 1s;
1181
1181
  animation-duration: 1s;
@@ -1186,7 +1186,7 @@ body > .os-scrollbar {
1186
1186
  -moz-animation-fill-mode: both;
1187
1187
  animation-fill-mode: both;
1188
1188
  }
1189
- @keyframes opacity-pulsate-e6da0c41 {
1189
+ @keyframes opacity-pulsate-f626c1e7 {
1190
1190
  0%,
1191
1191
  100% {
1192
1192
  opacity: 0.2;
@@ -1195,7 +1195,7 @@ body > .os-scrollbar {
1195
1195
  opacity: 1;
1196
1196
  }
1197
1197
  }
1198
- @keyframes opacity-pulsate-e6da0c41 {
1198
+ @keyframes opacity-pulsate-f626c1e7 {
1199
1199
  0%,
1200
1200
  100% {
1201
1201
  opacity: 0.2;
@@ -1204,7 +1204,7 @@ body > .os-scrollbar {
1204
1204
  opacity: 1;
1205
1205
  }
1206
1206
  }
1207
- @keyframes opacity-pulsate-e6da0c41 {
1207
+ @keyframes opacity-pulsate-f626c1e7 {
1208
1208
  0%,
1209
1209
  100% {
1210
1210
  opacity: 0.2;
@@ -1213,7 +1213,7 @@ body > .os-scrollbar {
1213
1213
  opacity: 1;
1214
1214
  }
1215
1215
  }
1216
- @keyframes wave-e6da0c41 {
1216
+ @keyframes wave-f626c1e7 {
1217
1217
  0%,
1218
1218
  50%,
1219
1219
  100% {
@@ -1399,14 +1399,14 @@ body > .os-scrollbar {
1399
1399
  border-bottom-right-radius: var(--dt-size-radius-0);
1400
1400
  }
1401
1401
  .dt-leftbar-row__unread-mention-count-badge[data-v-f44e0386] {
1402
- color: var(--dt-color-foreground-primary-inverted);
1403
- background-color: var(--dt-color-purple-500);
1402
+ color: var(--dt-theme-mention-color-foreground-strong);
1403
+ background-color: var(--dt-theme-mention-color-background-strong);
1404
1404
  border-top-left-radius: var(--dt-size-radius-0);
1405
1405
  border-bottom-left-radius: var(--dt-size-radius-0);
1406
1406
  }
1407
1407
  .dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
1408
- color: var(--dt-color-foreground-primary-inverted);
1409
- background-color: var(--dt-color-purple-500);
1408
+ color: var(--dt-theme-mention-color-foreground-strong);
1409
+ background-color: var(--dt-theme-mention-color-background-strong);
1410
1410
  }
1411
1411
  .dt-leftbar-row__active-voice[data-v-f44e0386] {
1412
1412
  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: {
@@ -222,13 +216,7 @@ declare const _default: import("vue").DefineComponent<{
222
216
  };
223
217
  /**
224
218
  * HTML button disabled attribute
225
- * <a
226
- * class="d-link"
227
- * href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled"
228
- * target="_blank"
229
- * >
230
- * (Reference)
231
- * </a>
219
+ * <a class="d-link" href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled" target="_blank"> (Reference) </a>
232
220
  * @values true, false
233
221
  */
234
222
  disabled: {
@@ -1 +1 @@
1
- {"version":3,"file":"button.vue.d.ts","sourceRoot":"","sources":["../../../../components/button/button.vue.js"],"names":[],"mappings":";IA0BI;;;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"}
1
+ {"version":3,"file":"button.vue.d.ts","sourceRoot":"","sources":["../../../../components/button/button.vue.js"],"names":[],"mappings":";IA0BI;;;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"}
@@ -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 | StringConstructor | ArrayConstructor)[];
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
+ }, {}, {
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/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, 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 | StringConstructor | ArrayConstructor)[];
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"}