@dialpad/dialtone 9.61.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.
- package/dist/css/dialtone-default-theme.css +129 -20
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone.css +117 -20
- package/dist/css/dialtone.min.css +1 -1
- package/dist/css/tokens/tokens-dp-dark.css +12 -0
- package/dist/css/tokens/tokens-dp-light.css +12 -0
- package/dist/css/tokens/tokens-expressive-dark.css +12 -0
- package/dist/css/tokens/tokens-expressive-light.css +12 -0
- package/dist/css/tokens/tokens-expressive-sm-dark.css +12 -0
- package/dist/css/tokens/tokens-expressive-sm-light.css +12 -0
- package/dist/css/tokens/tokens-tmo-dark.css +12 -0
- package/dist/css/tokens/tokens-tmo-light.css +12 -0
- package/dist/themes/dp-dark.cjs +1 -1
- package/dist/themes/dp-dark.js +1 -1
- package/dist/themes/dp-light.cjs +1 -1
- package/dist/themes/dp-light.js +1 -1
- package/dist/themes/expressive-dark.cjs +1 -1
- package/dist/themes/expressive-dark.js +1 -1
- package/dist/themes/expressive-light.cjs +1 -1
- package/dist/themes/expressive-light.js +1 -1
- package/dist/themes/expressive-sm-dark.cjs +1 -1
- package/dist/themes/expressive-sm-dark.js +1 -1
- package/dist/themes/expressive-sm-light.cjs +1 -1
- package/dist/themes/expressive-sm-light.js +1 -1
- package/dist/themes/tmo-dark.cjs +1 -1
- package/dist/themes/tmo-dark.js +1 -1
- package/dist/themes/tmo-light.cjs +1 -1
- package/dist/themes/tmo-light.js +1 -1
- package/dist/tokens/css/tokens-dp-dark.css +12 -0
- package/dist/tokens/css/tokens-dp-light.css +12 -0
- package/dist/tokens/css/tokens-expressive-dark.css +12 -0
- package/dist/tokens/css/tokens-expressive-light.css +12 -0
- package/dist/tokens/css/tokens-expressive-sm-dark.css +12 -0
- package/dist/tokens/css/tokens-expressive-sm-light.css +12 -0
- package/dist/tokens/css/tokens-tmo-dark.css +12 -0
- package/dist/tokens/css/tokens-tmo-light.css +12 -0
- package/dist/tokens/doc.json +14168 -13816
- package/dist/tokens/less/tokens-dp-dark.less +2 -0
- package/dist/tokens/less/tokens-dp-light.less +2 -0
- package/dist/tokens/less/tokens-expressive-dark.less +2 -0
- package/dist/tokens/less/tokens-expressive-light.less +2 -0
- package/dist/tokens/less/tokens-expressive-sm-dark.less +2 -0
- package/dist/tokens/less/tokens-expressive-sm-light.less +2 -0
- package/dist/tokens/less/tokens-tmo-dark.less +2 -0
- package/dist/tokens/less/tokens-tmo-light.less +2 -0
- package/dist/tokens/tokens-dp-dark.json +2 -0
- package/dist/tokens/tokens-dp-light.json +2 -0
- package/dist/tokens/tokens-expressive-dark.json +2 -0
- package/dist/tokens/tokens-expressive-light.json +2 -0
- package/dist/tokens/tokens-expressive-sm-dark.json +2 -0
- package/dist/tokens/tokens-expressive-sm-light.json +2 -0
- package/dist/tokens/tokens-tmo-dark.json +2 -0
- package/dist/tokens/tokens-tmo-light.json +2 -0
- package/dist/vue2/component-documentation.json +1 -1
- package/dist/vue2/dialtone-vue.cjs +4 -0
- package/dist/vue2/dialtone-vue.cjs.map +1 -1
- package/dist/vue2/dialtone-vue.js +5 -1
- package/dist/vue2/dialtone-vue.js.map +1 -1
- package/dist/vue2/lib/avatar.cjs +4 -1
- package/dist/vue2/lib/avatar.cjs.map +1 -1
- package/dist/vue2/lib/avatar.js +4 -1
- package/dist/vue2/lib/avatar.js.map +1 -1
- package/dist/vue2/lib/button.cjs +2 -8
- package/dist/vue2/lib/button.cjs.map +1 -1
- package/dist/vue2/lib/button.js +2 -8
- package/dist/vue2/lib/button.js.map +1 -1
- package/dist/vue2/lib/combobox-multi-select.cjs +21 -3
- package/dist/vue2/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/vue2/lib/combobox-multi-select.js +21 -3
- package/dist/vue2/lib/combobox-multi-select.js.map +1 -1
- package/dist/vue2/lib/general-row.cjs +2 -2
- package/dist/vue2/lib/general-row.cjs.map +1 -1
- package/dist/vue2/lib/general-row.js +2 -2
- package/dist/vue2/lib/general-row.js.map +1 -1
- package/dist/vue2/lib/keyboard-shortcut.cjs +1 -1
- package/dist/vue2/lib/keyboard-shortcut.cjs.map +1 -1
- package/dist/vue2/lib/keyboard-shortcut.js +1 -1
- package/dist/vue2/lib/keyboard-shortcut.js.map +1 -1
- package/dist/vue2/lib/message-input.cjs +1 -1
- package/dist/vue2/lib/message-input.cjs.map +1 -1
- package/dist/vue2/lib/message-input.js +1 -1
- package/dist/vue2/lib/message-input.js.map +1 -1
- package/dist/vue2/lib/split-button.cjs +512 -0
- package/dist/vue2/lib/split-button.cjs.map +1 -0
- package/dist/vue2/lib/split-button.js +512 -0
- package/dist/vue2/lib/split-button.js.map +1 -0
- package/dist/vue2/style.css +99 -93
- package/dist/vue2/types/components/avatar/avatar_constants.d.ts +2 -0
- package/dist/vue2/types/components/avatar/avatar_constants.d.ts.map +1 -1
- package/dist/vue2/types/components/avatar/index.d.ts +1 -1
- package/dist/vue2/types/components/button/button.vue.d.ts +2 -14
- package/dist/vue2/types/components/button/button.vue.d.ts.map +1 -1
- package/dist/vue2/types/components/split_button/index.d.ts +3 -0
- package/dist/vue2/types/components/split_button/index.d.ts.map +1 -0
- package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts +183 -0
- package/dist/vue2/types/components/split_button/split_button-alpha.vue.d.ts.map +1 -0
- package/dist/vue2/types/components/split_button/split_button-omega.vue.d.ts +136 -0
- package/dist/vue2/types/components/split_button/split_button-omega.vue.d.ts.map +1 -0
- package/dist/vue2/types/components/split_button/split_button.vue.d.ts +347 -0
- package/dist/vue2/types/components/split_button/split_button.vue.d.ts.map +1 -0
- package/dist/vue2/types/components/split_button/split_button_constants.d.ts +12 -0
- package/dist/vue2/types/components/split_button/split_button_constants.d.ts.map +1 -0
- package/dist/vue2/types/index.d.ts +1 -0
- package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -1
- package/dist/vue2/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
- package/dist/vue3/component-documentation.json +1 -1
- package/dist/vue3/dialtone-vue.cjs +4 -0
- package/dist/vue3/dialtone-vue.cjs.map +1 -1
- package/dist/vue3/dialtone-vue.js +5 -1
- package/dist/vue3/dialtone-vue.js.map +1 -1
- package/dist/vue3/lib/avatar.cjs +4 -1
- package/dist/vue3/lib/avatar.cjs.map +1 -1
- package/dist/vue3/lib/avatar.js +4 -1
- package/dist/vue3/lib/avatar.js.map +1 -1
- package/dist/vue3/lib/button.cjs +3 -9
- package/dist/vue3/lib/button.cjs.map +1 -1
- package/dist/vue3/lib/button.js +3 -9
- package/dist/vue3/lib/button.js.map +1 -1
- package/dist/vue3/lib/combobox-multi-select.cjs +24 -4
- package/dist/vue3/lib/combobox-multi-select.cjs.map +1 -1
- package/dist/vue3/lib/combobox-multi-select.js +24 -4
- package/dist/vue3/lib/combobox-multi-select.js.map +1 -1
- package/dist/vue3/lib/general-row.cjs +3 -3
- package/dist/vue3/lib/general-row.cjs.map +1 -1
- package/dist/vue3/lib/general-row.js +3 -3
- package/dist/vue3/lib/general-row.js.map +1 -1
- package/dist/vue3/lib/keyboard-shortcut.cjs +1 -1
- package/dist/vue3/lib/keyboard-shortcut.cjs.map +1 -1
- package/dist/vue3/lib/keyboard-shortcut.js +1 -1
- package/dist/vue3/lib/keyboard-shortcut.js.map +1 -1
- package/dist/vue3/lib/message-input.cjs +6 -2
- package/dist/vue3/lib/message-input.cjs.map +1 -1
- package/dist/vue3/lib/message-input.js +6 -2
- package/dist/vue3/lib/message-input.js.map +1 -1
- package/dist/vue3/lib/split-button.cjs +544 -0
- package/dist/vue3/lib/split-button.cjs.map +1 -0
- package/dist/vue3/lib/split-button.js +544 -0
- package/dist/vue3/lib/split-button.js.map +1 -0
- package/dist/vue3/style.css +99 -93
- package/dist/vue3/types/components/avatar/avatar_constants.d.ts +2 -0
- package/dist/vue3/types/components/avatar/avatar_constants.d.ts.map +1 -1
- package/dist/vue3/types/components/avatar/index.d.ts +1 -1
- package/dist/vue3/types/components/button/button.vue.d.ts +4 -16
- package/dist/vue3/types/components/button/button.vue.d.ts.map +1 -1
- package/dist/vue3/types/components/split_button/index.d.ts +3 -0
- package/dist/vue3/types/components/split_button/index.d.ts.map +1 -0
- package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts +183 -0
- package/dist/vue3/types/components/split_button/split_button-alpha.vue.d.ts.map +1 -0
- package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts +136 -0
- package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts.map +1 -0
- package/dist/vue3/types/components/split_button/split_button.vue.d.ts +348 -0
- package/dist/vue3/types/components/split_button/split_button.vue.d.ts.map +1 -0
- package/dist/vue3/types/components/split_button/split_button_constants.d.ts +12 -0
- package/dist/vue3/types/components/split_button/split_button_constants.d.ts.map +1 -0
- package/dist/vue3/types/index.d.ts +1 -0
- package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
- package/package.json +3 -3
package/dist/vue3/style.css
CHANGED
|
@@ -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-
|
|
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,65 +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-
|
|
994
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
998
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
1002
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
1006
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
1010
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
1014
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
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--
|
|
1023
|
-
display: none;
|
|
1024
|
-
}
|
|
1025
|
-
.dt-leftbar-row__unread-count-badge[data-v-4793665c] {
|
|
1026
|
-
border-top-right-radius: var(--dt-size-radius-0);
|
|
1027
|
-
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1028
|
-
}
|
|
1029
|
-
.dt-leftbar-row__unread-mention-count-badge[data-v-4793665c] {
|
|
1030
|
-
background-color: var(--dt-color-purple-500);
|
|
1031
|
-
border-top-left-radius: var(--dt-size-radius-0);
|
|
1032
|
-
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1033
|
-
}
|
|
1034
|
-
.dt-leftbar-row__unread-mention-only-count-badge[data-v-4793665c] {
|
|
1035
|
-
color: var(--dt-color-foreground-primary-inverted);
|
|
1036
|
-
background-color: var(--dt-color-purple-500);
|
|
1037
|
-
}
|
|
1038
|
-
.dt-leftbar-row--muted[data-v-4793665c] {
|
|
1022
|
+
.dt-leftbar-row--muted[data-v-b6629526] {
|
|
1039
1023
|
--leftbar-row-opacity: 60%;
|
|
1040
1024
|
}
|
|
1041
|
-
.dt-leftbar-row--selected[data-v-
|
|
1025
|
+
.dt-leftbar-row--selected[data-v-b6629526] {
|
|
1042
1026
|
--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
|
|
1043
1027
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
|
|
1044
1028
|
}
|
|
1045
|
-
.dt-leftbar-row--selected[data-v-
|
|
1029
|
+
.dt-leftbar-row--selected[data-v-b6629526] .d-presence {
|
|
1046
1030
|
--presence-color-border-base: var(--dt-color-black-200);
|
|
1047
1031
|
}
|
|
1048
|
-
.dt-leftbar-row--selected[data-v-
|
|
1032
|
+
.dt-leftbar-row--selected[data-v-b6629526] .d-avatar__count {
|
|
1049
1033
|
--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
|
|
1050
1034
|
}
|
|
1051
|
-
.dt-leftbar-row__is-typing[data-v-
|
|
1035
|
+
.dt-leftbar-row__is-typing[data-v-b6629526] {
|
|
1052
1036
|
--is-typing-size-shape: var(--dt-size-550);
|
|
1053
1037
|
position: absolute;
|
|
1054
1038
|
display: flex;
|
|
@@ -1060,7 +1044,7 @@ body > .os-scrollbar {
|
|
|
1060
1044
|
border-radius: var(--dt-size-radius-pill);
|
|
1061
1045
|
opacity: 0.75;
|
|
1062
1046
|
}
|
|
1063
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1047
|
+
.dt-leftbar-row__is-typing span[data-v-b6629526] {
|
|
1064
1048
|
display: inline-block;
|
|
1065
1049
|
width: var(--dt-size-300);
|
|
1066
1050
|
height: var(--dt-size-300);
|
|
@@ -1069,18 +1053,18 @@ body > .os-scrollbar {
|
|
|
1069
1053
|
border-radius: var(--dt-size-radius-pill);
|
|
1070
1054
|
opacity: 0.3;
|
|
1071
1055
|
transition: all 500ms ease;
|
|
1072
|
-
animation: wave-
|
|
1056
|
+
animation: wave-b6629526 1.5s ease infinite;
|
|
1073
1057
|
}
|
|
1074
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1058
|
+
.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(1) {
|
|
1075
1059
|
animation-delay: 0ms;
|
|
1076
1060
|
}
|
|
1077
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1061
|
+
.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(2) {
|
|
1078
1062
|
animation-delay: var(--td100);
|
|
1079
1063
|
}
|
|
1080
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1064
|
+
.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(3) {
|
|
1081
1065
|
animation-delay: var(--td200);
|
|
1082
1066
|
}
|
|
1083
|
-
.dt-leftbar-row__primary[data-v-
|
|
1067
|
+
.dt-leftbar-row__primary[data-v-b6629526] {
|
|
1084
1068
|
display: flex;
|
|
1085
1069
|
flex: 1;
|
|
1086
1070
|
align-items: center;
|
|
@@ -1097,18 +1081,18 @@ body > .os-scrollbar {
|
|
|
1097
1081
|
border-radius: var(--leftbar-row-radius);
|
|
1098
1082
|
appearance: none;
|
|
1099
1083
|
}
|
|
1100
|
-
.dt-leftbar-row__primary[data-v-
|
|
1084
|
+
.dt-leftbar-row__primary[data-v-b6629526]:active {
|
|
1101
1085
|
--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
|
|
1102
1086
|
}
|
|
1103
|
-
.dt-leftbar-row__primary[data-v-
|
|
1087
|
+
.dt-leftbar-row__primary[data-v-b6629526]:focus-visible {
|
|
1104
1088
|
box-shadow: var(--dt-shadow-focus-inset);
|
|
1105
1089
|
}
|
|
1106
|
-
.dt-leftbar-row__action-button[data-v-
|
|
1090
|
+
.dt-leftbar-row__action-button[data-v-b6629526] {
|
|
1107
1091
|
width: var(--leftbar-row-action-width);
|
|
1108
1092
|
height: var(--leftbar-row-action-height);
|
|
1109
1093
|
opacity: 0;
|
|
1110
1094
|
}
|
|
1111
|
-
.dt-leftbar-row__alpha[data-v-
|
|
1095
|
+
.dt-leftbar-row__alpha[data-v-b6629526] {
|
|
1112
1096
|
display: flex;
|
|
1113
1097
|
align-items: center;
|
|
1114
1098
|
justify-content: center;
|
|
@@ -1120,11 +1104,11 @@ body > .os-scrollbar {
|
|
|
1120
1104
|
color: var(--leftbar-row-alpha-color-foreground);
|
|
1121
1105
|
border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
|
|
1122
1106
|
}
|
|
1123
|
-
.dt-leftbar-row__label[data-v-
|
|
1107
|
+
.dt-leftbar-row__label[data-v-b6629526] {
|
|
1124
1108
|
flex: 0 1;
|
|
1125
1109
|
min-width: 0;
|
|
1126
1110
|
}
|
|
1127
|
-
.dt-leftbar-row__omega[data-v-
|
|
1111
|
+
.dt-leftbar-row__omega[data-v-b6629526] {
|
|
1128
1112
|
position: absolute;
|
|
1129
1113
|
top: var(--leftbar-row-action-position-bottom);
|
|
1130
1114
|
right: var(--leftbar-row-action-position-right);
|
|
@@ -1136,15 +1120,34 @@ body > .os-scrollbar {
|
|
|
1136
1120
|
border-radius: var(--leftbar-row-radius);
|
|
1137
1121
|
transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
|
|
1138
1122
|
}
|
|
1139
|
-
.dt-leftbar-row__unread-badge[data-v-
|
|
1123
|
+
.dt-leftbar-row__unread-badge[data-v-b6629526] {
|
|
1140
1124
|
display: var(--leftbar-row-unread-badge-display);
|
|
1125
|
+
color: var(--dt-theme-mention-color-foreground);
|
|
1126
|
+
background-color: var(--dt-theme-mention-color-background);
|
|
1141
1127
|
}
|
|
1142
|
-
.dt-leftbar-
|
|
1128
|
+
.dt-leftbar-row--unread-count[data-v-b6629526] .dt-leftbar-row__action {
|
|
1129
|
+
display: none;
|
|
1130
|
+
}
|
|
1131
|
+
.dt-leftbar-row__unread-count-badge[data-v-b6629526] {
|
|
1132
|
+
border-top-right-radius: var(--dt-size-radius-0);
|
|
1133
|
+
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1134
|
+
}
|
|
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
|
+
border-top-left-radius: var(--dt-size-radius-0);
|
|
1139
|
+
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1140
|
+
}
|
|
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
|
+
}
|
|
1145
|
+
.dt-leftbar-row__active-voice[data-v-b6629526] {
|
|
1143
1146
|
display: inline-flex;
|
|
1144
1147
|
color: var(--dt-color-purple-400);
|
|
1145
|
-
-webkit-animation-name: opacity-pulsate-
|
|
1146
|
-
-moz-animation-name: opacity-pulsate-
|
|
1147
|
-
animation-name: opacity-pulsate-
|
|
1148
|
+
-webkit-animation-name: opacity-pulsate-b6629526;
|
|
1149
|
+
-moz-animation-name: opacity-pulsate-b6629526;
|
|
1150
|
+
animation-name: opacity-pulsate-b6629526;
|
|
1148
1151
|
-webkit-animation-duration: 1s;
|
|
1149
1152
|
-moz-animation-duration: 1s;
|
|
1150
1153
|
animation-duration: 1s;
|
|
@@ -1155,7 +1158,7 @@ body > .os-scrollbar {
|
|
|
1155
1158
|
-moz-animation-fill-mode: both;
|
|
1156
1159
|
animation-fill-mode: both;
|
|
1157
1160
|
}
|
|
1158
|
-
.dt-leftbar-row__dnd[data-v-
|
|
1161
|
+
.dt-leftbar-row__dnd[data-v-b6629526] {
|
|
1159
1162
|
padding-top: var(--dt-space-200);
|
|
1160
1163
|
padding-right: var(--dt-space-300);
|
|
1161
1164
|
color: var(--dt-color-foreground-tertiary);
|
|
@@ -1163,26 +1166,26 @@ body > .os-scrollbar {
|
|
|
1163
1166
|
font-size: var(--dt-font-size-100);
|
|
1164
1167
|
line-height: var(--dt-font-line-height-400);
|
|
1165
1168
|
}
|
|
1166
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
1169
|
+
.dt-leftbar-row__container--off-duty[data-v-b6629526] {
|
|
1167
1170
|
background-color: var(--dt-badge-color-background-critical);
|
|
1168
1171
|
border: var(--dt-size-100) solid var(--dt-color-border-subtle);
|
|
1169
1172
|
border-radius: var(--dt-size-radius-500);
|
|
1170
1173
|
}
|
|
1171
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
1174
|
+
.dt-leftbar-row__container--off-duty[data-v-b6629526] .dt-leftbar-row__primary {
|
|
1172
1175
|
margin: calc(var(--dt-size-100) * -1);
|
|
1173
1176
|
}
|
|
1174
|
-
.dt-leftbar-row--contact-centers[data-v-
|
|
1177
|
+
.dt-leftbar-row--contact-centers[data-v-b6629526] .dt-leftbar-row__alpha {
|
|
1175
1178
|
padding-right: var(--dt-space-450);
|
|
1176
1179
|
padding-left: var(--dt-space-450);
|
|
1177
1180
|
}
|
|
1178
|
-
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-
|
|
1181
|
+
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-b6629526] {
|
|
1179
1182
|
display: inline-flex;
|
|
1180
1183
|
align-items: center;
|
|
1181
1184
|
justify-content: flex-end;
|
|
1182
1185
|
min-width: var(--dt-size-600);
|
|
1183
1186
|
height: var(--dt-size-500);
|
|
1184
1187
|
}
|
|
1185
|
-
.dt-leftbar-row[data-v-
|
|
1188
|
+
.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__description {
|
|
1186
1189
|
overflow: hidden;
|
|
1187
1190
|
color: var(--leftbar-row-description-color-foreground);
|
|
1188
1191
|
font-weight: var(--leftbar-row-description-font-weight);
|
|
@@ -1191,7 +1194,7 @@ body > .os-scrollbar {
|
|
|
1191
1194
|
white-space: nowrap;
|
|
1192
1195
|
text-overflow: ellipsis;
|
|
1193
1196
|
}
|
|
1194
|
-
.dt-leftbar-row[data-v-
|
|
1197
|
+
.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__status {
|
|
1195
1198
|
padding-bottom: var(--dt-space-100);
|
|
1196
1199
|
overflow: hidden;
|
|
1197
1200
|
color: var(--leftbar-row-status-color-foreground);
|
|
@@ -1200,19 +1203,19 @@ body > .os-scrollbar {
|
|
|
1200
1203
|
white-space: nowrap;
|
|
1201
1204
|
text-overflow: ellipsis;
|
|
1202
1205
|
}
|
|
1203
|
-
.dt-leftbar-row[data-v-
|
|
1206
|
+
.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
|
|
1204
1207
|
color: var(--dt-theme-sidebar-status-color-foreground);
|
|
1205
1208
|
content: " • ";
|
|
1206
1209
|
}
|
|
1207
|
-
.dt-leftbar-row__icon-cc[data-v-
|
|
1210
|
+
.dt-leftbar-row__icon-cc[data-v-b6629526] {
|
|
1208
1211
|
width: calc(var(--dt-size-300) * 3.5);
|
|
1209
1212
|
height: calc(var(--dt-size-300) * 3.5);
|
|
1210
1213
|
border-radius: var(--dt-size-200);
|
|
1211
1214
|
}
|
|
1212
|
-
.opacity-pulsate[data-v-
|
|
1213
|
-
-webkit-animation-name: opacity-pulsate-
|
|
1214
|
-
-moz-animation-name: opacity-pulsate-
|
|
1215
|
-
animation-name: opacity-pulsate-
|
|
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;
|
|
1216
1219
|
-webkit-animation-duration: 1s;
|
|
1217
1220
|
-moz-animation-duration: 1s;
|
|
1218
1221
|
animation-duration: 1s;
|
|
@@ -1223,7 +1226,7 @@ body > .os-scrollbar {
|
|
|
1223
1226
|
-moz-animation-fill-mode: both;
|
|
1224
1227
|
animation-fill-mode: both;
|
|
1225
1228
|
}
|
|
1226
|
-
@keyframes opacity-pulsate-
|
|
1229
|
+
@keyframes opacity-pulsate-b6629526 {
|
|
1227
1230
|
0%,
|
|
1228
1231
|
100% {
|
|
1229
1232
|
opacity: 0.2;
|
|
@@ -1232,7 +1235,7 @@ body > .os-scrollbar {
|
|
|
1232
1235
|
opacity: 1;
|
|
1233
1236
|
}
|
|
1234
1237
|
}
|
|
1235
|
-
@keyframes opacity-pulsate-
|
|
1238
|
+
@keyframes opacity-pulsate-b6629526 {
|
|
1236
1239
|
0%,
|
|
1237
1240
|
100% {
|
|
1238
1241
|
opacity: 0.2;
|
|
@@ -1241,7 +1244,7 @@ body > .os-scrollbar {
|
|
|
1241
1244
|
opacity: 1;
|
|
1242
1245
|
}
|
|
1243
1246
|
}
|
|
1244
|
-
@keyframes opacity-pulsate-
|
|
1247
|
+
@keyframes opacity-pulsate-b6629526 {
|
|
1245
1248
|
0%,
|
|
1246
1249
|
100% {
|
|
1247
1250
|
opacity: 0.2;
|
|
@@ -1250,7 +1253,7 @@ body > .os-scrollbar {
|
|
|
1250
1253
|
opacity: 1;
|
|
1251
1254
|
}
|
|
1252
1255
|
}
|
|
1253
|
-
@keyframes wave-
|
|
1256
|
+
@keyframes wave-b6629526 {
|
|
1254
1257
|
0%,
|
|
1255
1258
|
50%,
|
|
1256
1259
|
100% {
|
|
@@ -1322,22 +1325,6 @@ body > .os-scrollbar {
|
|
|
1322
1325
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
1323
1326
|
--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
1324
1327
|
}
|
|
1325
|
-
.dt-leftbar-row--unread-count[data-v-094eaef1] .dt-leftbar-row__action {
|
|
1326
|
-
display: none;
|
|
1327
|
-
}
|
|
1328
|
-
.dt-leftbar-row__unread-count-badge[data-v-094eaef1] {
|
|
1329
|
-
border-top-right-radius: var(--dt-size-radius-0);
|
|
1330
|
-
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1331
|
-
}
|
|
1332
|
-
.dt-leftbar-row__unread-mention-count-badge[data-v-094eaef1] {
|
|
1333
|
-
background-color: var(--dt-color-purple-500);
|
|
1334
|
-
border-top-left-radius: var(--dt-size-radius-0);
|
|
1335
|
-
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1336
|
-
}
|
|
1337
|
-
.dt-leftbar-row__unread-mention-only-count-badge[data-v-094eaef1] {
|
|
1338
|
-
color: var(--dt-color-foreground-primary-inverted);
|
|
1339
|
-
background-color: var(--dt-color-purple-500);
|
|
1340
|
-
}
|
|
1341
1328
|
.dt-leftbar-row--muted[data-v-094eaef1] {
|
|
1342
1329
|
--leftbar-row-opacity: 60%;
|
|
1343
1330
|
}
|
|
@@ -1441,6 +1428,25 @@ body > .os-scrollbar {
|
|
|
1441
1428
|
}
|
|
1442
1429
|
.dt-leftbar-row__unread-badge[data-v-094eaef1] {
|
|
1443
1430
|
display: var(--leftbar-row-unread-badge-display);
|
|
1431
|
+
color: var(--dt-theme-mention-color-foreground);
|
|
1432
|
+
background-color: var(--dt-theme-mention-color-background);
|
|
1433
|
+
}
|
|
1434
|
+
.dt-leftbar-row--unread-count[data-v-094eaef1] .dt-leftbar-row__action {
|
|
1435
|
+
display: none;
|
|
1436
|
+
}
|
|
1437
|
+
.dt-leftbar-row__unread-count-badge[data-v-094eaef1] {
|
|
1438
|
+
border-top-right-radius: var(--dt-size-radius-0);
|
|
1439
|
+
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1440
|
+
}
|
|
1441
|
+
.dt-leftbar-row__unread-mention-count-badge[data-v-094eaef1] {
|
|
1442
|
+
color: var(--dt-theme-mention-color-foreground-strong);
|
|
1443
|
+
background-color: var(--dt-theme-mention-color-background-strong);
|
|
1444
|
+
border-top-left-radius: var(--dt-size-radius-0);
|
|
1445
|
+
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1446
|
+
}
|
|
1447
|
+
.dt-leftbar-row__unread-mention-only-count-badge[data-v-094eaef1] {
|
|
1448
|
+
color: var(--dt-theme-mention-color-foreground-strong);
|
|
1449
|
+
background-color: var(--dt-theme-mention-color-background-strong);
|
|
1444
1450
|
}
|
|
1445
1451
|
.dt-leftbar-row__active-voice[data-v-094eaef1] {
|
|
1446
1452
|
display: inline-flex;
|
|
@@ -2147,11 +2153,11 @@ body > .os-scrollbar {
|
|
|
2147
2153
|
border-width: var(--dt-size-350);
|
|
2148
2154
|
border-color: var(--dt-color-border-subtle);
|
|
2149
2155
|
}
|
|
2150
|
-
.combobox__input-wrapper[data-v-
|
|
2156
|
+
.combobox__input-wrapper[data-v-1ff39535] {
|
|
2151
2157
|
position: relative;
|
|
2152
2158
|
display: block;
|
|
2153
2159
|
}
|
|
2154
|
-
.combobox__chip-wrapper[data-v-
|
|
2160
|
+
.combobox__chip-wrapper[data-v-1ff39535] {
|
|
2155
2161
|
position: absolute;
|
|
2156
2162
|
margin-left: var(--dt-space-200);
|
|
2157
2163
|
margin-right: var(--dt-space-200);
|
|
@@ -2160,26 +2166,26 @@ body > .os-scrollbar {
|
|
|
2160
2166
|
max-height: initial;
|
|
2161
2167
|
overflow-y: visible;
|
|
2162
2168
|
}
|
|
2163
|
-
.combobox__chip-wrapper-md--collapsed[data-v-
|
|
2169
|
+
.combobox__chip-wrapper-md--collapsed[data-v-1ff39535] {
|
|
2164
2170
|
max-height: 2.8rem;
|
|
2165
2171
|
overflow-y: hidden;
|
|
2166
2172
|
}
|
|
2167
|
-
.combobox__chip-wrapper-sm--collapsed[data-v-
|
|
2168
|
-
.combobox__chip-wrapper-xs--collapsed[data-v-
|
|
2173
|
+
.combobox__chip-wrapper-sm--collapsed[data-v-1ff39535],
|
|
2174
|
+
.combobox__chip-wrapper-xs--collapsed[data-v-1ff39535] {
|
|
2169
2175
|
max-height: 2.5rem;
|
|
2170
2176
|
overflow-y: hidden;
|
|
2171
2177
|
}
|
|
2172
|
-
.combobox__chip[data-v-
|
|
2178
|
+
.combobox__chip[data-v-1ff39535] {
|
|
2173
2179
|
margin-top: var(--dt-space-300);
|
|
2174
2180
|
margin-left: var(--dt-space-200);
|
|
2175
2181
|
margin-right: var(--dt-space-200);
|
|
2176
2182
|
z-index: var(--zi-base1);
|
|
2177
2183
|
max-width: var(--dt-size-100-percent);
|
|
2178
2184
|
}
|
|
2179
|
-
.combobox__input[data-v-
|
|
2185
|
+
.combobox__input[data-v-1ff39535] {
|
|
2180
2186
|
flex-grow: 1;
|
|
2181
2187
|
}
|
|
2182
|
-
.combobox__list--loading[data-v-
|
|
2188
|
+
.combobox__list--loading[data-v-1ff39535] {
|
|
2183
2189
|
text-align: center;
|
|
2184
2190
|
padding-top: var(--dt-space-500);
|
|
2185
2191
|
padding-bottom: var(--dt-space-500);
|
|
@@ -37,6 +37,7 @@ export namespace AVATAR_ICON_SIZES {
|
|
|
37
37
|
export { xl_1 as xl };
|
|
38
38
|
}
|
|
39
39
|
export const AVATAR_COLORS: string[];
|
|
40
|
+
export const AVATAR_RANDOM_COLORS: string[];
|
|
40
41
|
export function AVATAR_GROUP_VALIDATOR(group: any): boolean;
|
|
41
42
|
declare namespace _default {
|
|
42
43
|
export { AVATAR_SIZE_MODIFIERS };
|
|
@@ -45,6 +46,7 @@ declare namespace _default {
|
|
|
45
46
|
export { AVATAR_PRESENCE_STATES };
|
|
46
47
|
export { AVATAR_ICON_SIZES };
|
|
47
48
|
export { AVATAR_COLORS };
|
|
49
|
+
export { AVATAR_RANDOM_COLORS };
|
|
48
50
|
export { AVATAR_GROUP_VALIDATOR };
|
|
49
51
|
}
|
|
50
52
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar_constants.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,
|
|
1
|
+
{"version":3,"file":"avatar_constants.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar_constants.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,qCAoBE;AAGF,4CAA2D;AAEpD,4DAAmD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as DtAvatar } from "./avatar.vue";
|
|
2
|
-
export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_GROUP_VALIDATOR } from "./avatar_constants";
|
|
2
|
+
export { AVATAR_SIZE_MODIFIERS, AVATAR_KIND_MODIFIERS, AVATAR_PRESENCE_SIZE_MODIFIERS, AVATAR_PRESENCE_STATES, AVATAR_ICON_SIZES, AVATAR_COLORS, AVATAR_RANDOM_COLORS, AVATAR_GROUP_VALIDATOR } from "./avatar_constants";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -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():
|
|
170
|
-
isIconOnly():
|
|
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
|
|
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"}
|
|
@@ -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"}
|