@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/vue2/style.css
CHANGED
|
@@ -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-
|
|
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,65 +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-
|
|
954
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
958
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
962
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
966
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
970
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
974
|
-
.dt-leftbar-row[data-v-
|
|
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-
|
|
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--
|
|
983
|
-
display: none;
|
|
984
|
-
}
|
|
985
|
-
.dt-leftbar-row__unread-count-badge[data-v-e6da0c41] {
|
|
986
|
-
border-top-right-radius: var(--dt-size-radius-0);
|
|
987
|
-
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
988
|
-
}
|
|
989
|
-
.dt-leftbar-row__unread-mention-count-badge[data-v-e6da0c41] {
|
|
990
|
-
background-color: var(--dt-color-purple-500);
|
|
991
|
-
border-top-left-radius: var(--dt-size-radius-0);
|
|
992
|
-
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
993
|
-
}
|
|
994
|
-
.dt-leftbar-row__unread-mention-only-count-badge[data-v-e6da0c41] {
|
|
995
|
-
color: var(--dt-color-foreground-primary-inverted);
|
|
996
|
-
background-color: var(--dt-color-purple-500);
|
|
997
|
-
}
|
|
998
|
-
.dt-leftbar-row--muted[data-v-e6da0c41] {
|
|
982
|
+
.dt-leftbar-row--muted[data-v-f626c1e7] {
|
|
999
983
|
--leftbar-row-opacity: 60%;
|
|
1000
984
|
}
|
|
1001
|
-
.dt-leftbar-row--selected[data-v-
|
|
985
|
+
.dt-leftbar-row--selected[data-v-f626c1e7] {
|
|
1002
986
|
--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);
|
|
1003
987
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground);
|
|
1004
988
|
}
|
|
1005
|
-
.dt-leftbar-row--selected[data-v-
|
|
989
|
+
.dt-leftbar-row--selected[data-v-f626c1e7] .d-presence {
|
|
1006
990
|
--presence-color-border-base: var(--dt-color-black-200);
|
|
1007
991
|
}
|
|
1008
|
-
.dt-leftbar-row--selected[data-v-
|
|
992
|
+
.dt-leftbar-row--selected[data-v-f626c1e7] .d-avatar__count {
|
|
1009
993
|
--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
|
|
1010
994
|
}
|
|
1011
|
-
.dt-leftbar-row__is-typing[data-v-
|
|
995
|
+
.dt-leftbar-row__is-typing[data-v-f626c1e7] {
|
|
1012
996
|
--is-typing-size-shape: var(--dt-size-550);
|
|
1013
997
|
position: absolute;
|
|
1014
998
|
display: flex;
|
|
@@ -1020,7 +1004,7 @@ body > .os-scrollbar {
|
|
|
1020
1004
|
border-radius: var(--dt-size-radius-pill);
|
|
1021
1005
|
opacity: 0.75;
|
|
1022
1006
|
}
|
|
1023
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1007
|
+
.dt-leftbar-row__is-typing span[data-v-f626c1e7] {
|
|
1024
1008
|
display: inline-block;
|
|
1025
1009
|
width: var(--dt-size-300);
|
|
1026
1010
|
height: var(--dt-size-300);
|
|
@@ -1029,18 +1013,18 @@ body > .os-scrollbar {
|
|
|
1029
1013
|
border-radius: var(--dt-size-radius-pill);
|
|
1030
1014
|
opacity: 0.3;
|
|
1031
1015
|
transition: all 500ms ease;
|
|
1032
|
-
animation: wave-
|
|
1016
|
+
animation: wave-f626c1e7 1.5s ease infinite;
|
|
1033
1017
|
}
|
|
1034
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1018
|
+
.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(1) {
|
|
1035
1019
|
animation-delay: 0ms;
|
|
1036
1020
|
}
|
|
1037
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1021
|
+
.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(2) {
|
|
1038
1022
|
animation-delay: var(--td100);
|
|
1039
1023
|
}
|
|
1040
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
1024
|
+
.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(3) {
|
|
1041
1025
|
animation-delay: var(--td200);
|
|
1042
1026
|
}
|
|
1043
|
-
.dt-leftbar-row__primary[data-v-
|
|
1027
|
+
.dt-leftbar-row__primary[data-v-f626c1e7] {
|
|
1044
1028
|
display: flex;
|
|
1045
1029
|
flex: 1;
|
|
1046
1030
|
align-items: center;
|
|
@@ -1057,18 +1041,18 @@ body > .os-scrollbar {
|
|
|
1057
1041
|
border-radius: var(--leftbar-row-radius);
|
|
1058
1042
|
appearance: none;
|
|
1059
1043
|
}
|
|
1060
|
-
.dt-leftbar-row__primary[data-v-
|
|
1044
|
+
.dt-leftbar-row__primary[data-v-f626c1e7]:active {
|
|
1061
1045
|
--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
|
|
1062
1046
|
}
|
|
1063
|
-
.dt-leftbar-row__primary[data-v-
|
|
1047
|
+
.dt-leftbar-row__primary[data-v-f626c1e7]:focus-visible {
|
|
1064
1048
|
box-shadow: var(--dt-shadow-focus-inset);
|
|
1065
1049
|
}
|
|
1066
|
-
.dt-leftbar-row__action-button[data-v-
|
|
1050
|
+
.dt-leftbar-row__action-button[data-v-f626c1e7] {
|
|
1067
1051
|
width: var(--leftbar-row-action-width);
|
|
1068
1052
|
height: var(--leftbar-row-action-height);
|
|
1069
1053
|
opacity: 0;
|
|
1070
1054
|
}
|
|
1071
|
-
.dt-leftbar-row__alpha[data-v-
|
|
1055
|
+
.dt-leftbar-row__alpha[data-v-f626c1e7] {
|
|
1072
1056
|
display: flex;
|
|
1073
1057
|
align-items: center;
|
|
1074
1058
|
justify-content: center;
|
|
@@ -1080,11 +1064,11 @@ body > .os-scrollbar {
|
|
|
1080
1064
|
color: var(--leftbar-row-alpha-color-foreground);
|
|
1081
1065
|
border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
|
|
1082
1066
|
}
|
|
1083
|
-
.dt-leftbar-row__label[data-v-
|
|
1067
|
+
.dt-leftbar-row__label[data-v-f626c1e7] {
|
|
1084
1068
|
flex: 0 1;
|
|
1085
1069
|
min-width: 0;
|
|
1086
1070
|
}
|
|
1087
|
-
.dt-leftbar-row__omega[data-v-
|
|
1071
|
+
.dt-leftbar-row__omega[data-v-f626c1e7] {
|
|
1088
1072
|
position: absolute;
|
|
1089
1073
|
top: var(--leftbar-row-action-position-bottom);
|
|
1090
1074
|
right: var(--leftbar-row-action-position-right);
|
|
@@ -1096,15 +1080,34 @@ body > .os-scrollbar {
|
|
|
1096
1080
|
border-radius: var(--leftbar-row-radius);
|
|
1097
1081
|
transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
|
|
1098
1082
|
}
|
|
1099
|
-
.dt-leftbar-row__unread-badge[data-v-
|
|
1083
|
+
.dt-leftbar-row__unread-badge[data-v-f626c1e7] {
|
|
1100
1084
|
display: var(--leftbar-row-unread-badge-display);
|
|
1085
|
+
color: var(--dt-theme-mention-color-foreground);
|
|
1086
|
+
background-color: var(--dt-theme-mention-color-background);
|
|
1101
1087
|
}
|
|
1102
|
-
.dt-leftbar-
|
|
1088
|
+
.dt-leftbar-row--unread-count[data-v-f626c1e7] .dt-leftbar-row__action {
|
|
1089
|
+
display: none;
|
|
1090
|
+
}
|
|
1091
|
+
.dt-leftbar-row__unread-count-badge[data-v-f626c1e7] {
|
|
1092
|
+
border-top-right-radius: var(--dt-size-radius-0);
|
|
1093
|
+
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1094
|
+
}
|
|
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
|
+
border-top-left-radius: var(--dt-size-radius-0);
|
|
1099
|
+
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1100
|
+
}
|
|
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
|
+
}
|
|
1105
|
+
.dt-leftbar-row__active-voice[data-v-f626c1e7] {
|
|
1103
1106
|
display: inline-flex;
|
|
1104
1107
|
color: var(--dt-color-purple-400);
|
|
1105
|
-
-webkit-animation-name: opacity-pulsate-
|
|
1106
|
-
-moz-animation-name: opacity-pulsate-
|
|
1107
|
-
animation-name: opacity-pulsate-
|
|
1108
|
+
-webkit-animation-name: opacity-pulsate-f626c1e7;
|
|
1109
|
+
-moz-animation-name: opacity-pulsate-f626c1e7;
|
|
1110
|
+
animation-name: opacity-pulsate-f626c1e7;
|
|
1108
1111
|
-webkit-animation-duration: 1s;
|
|
1109
1112
|
-moz-animation-duration: 1s;
|
|
1110
1113
|
animation-duration: 1s;
|
|
@@ -1115,7 +1118,7 @@ body > .os-scrollbar {
|
|
|
1115
1118
|
-moz-animation-fill-mode: both;
|
|
1116
1119
|
animation-fill-mode: both;
|
|
1117
1120
|
}
|
|
1118
|
-
.dt-leftbar-row__dnd[data-v-
|
|
1121
|
+
.dt-leftbar-row__dnd[data-v-f626c1e7] {
|
|
1119
1122
|
padding-top: var(--dt-space-200);
|
|
1120
1123
|
padding-right: var(--dt-space-300);
|
|
1121
1124
|
color: var(--dt-color-foreground-tertiary);
|
|
@@ -1123,26 +1126,26 @@ body > .os-scrollbar {
|
|
|
1123
1126
|
font-size: var(--dt-font-size-100);
|
|
1124
1127
|
line-height: var(--dt-font-line-height-400);
|
|
1125
1128
|
}
|
|
1126
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
1129
|
+
.dt-leftbar-row__container--off-duty[data-v-f626c1e7] {
|
|
1127
1130
|
background-color: var(--dt-badge-color-background-critical);
|
|
1128
1131
|
border: var(--dt-size-100) solid var(--dt-color-border-subtle);
|
|
1129
1132
|
border-radius: var(--dt-size-radius-500);
|
|
1130
1133
|
}
|
|
1131
|
-
.dt-leftbar-row__container--off-duty[data-v-
|
|
1134
|
+
.dt-leftbar-row__container--off-duty[data-v-f626c1e7] .dt-leftbar-row__primary {
|
|
1132
1135
|
margin: calc(var(--dt-size-100) * -1);
|
|
1133
1136
|
}
|
|
1134
|
-
.dt-leftbar-row--contact-centers[data-v-
|
|
1137
|
+
.dt-leftbar-row--contact-centers[data-v-f626c1e7] .dt-leftbar-row__alpha {
|
|
1135
1138
|
padding-right: var(--dt-space-450);
|
|
1136
1139
|
padding-left: var(--dt-space-450);
|
|
1137
1140
|
}
|
|
1138
|
-
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-
|
|
1141
|
+
.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-f626c1e7] {
|
|
1139
1142
|
display: inline-flex;
|
|
1140
1143
|
align-items: center;
|
|
1141
1144
|
justify-content: flex-end;
|
|
1142
1145
|
min-width: var(--dt-size-600);
|
|
1143
1146
|
height: var(--dt-size-500);
|
|
1144
1147
|
}
|
|
1145
|
-
.dt-leftbar-row[data-v-
|
|
1148
|
+
.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__description {
|
|
1146
1149
|
overflow: hidden;
|
|
1147
1150
|
color: var(--leftbar-row-description-color-foreground);
|
|
1148
1151
|
font-weight: var(--leftbar-row-description-font-weight);
|
|
@@ -1151,7 +1154,7 @@ body > .os-scrollbar {
|
|
|
1151
1154
|
white-space: nowrap;
|
|
1152
1155
|
text-overflow: ellipsis;
|
|
1153
1156
|
}
|
|
1154
|
-
.dt-leftbar-row[data-v-
|
|
1157
|
+
.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__status {
|
|
1155
1158
|
padding-bottom: var(--dt-space-100);
|
|
1156
1159
|
overflow: hidden;
|
|
1157
1160
|
color: var(--leftbar-row-status-color-foreground);
|
|
@@ -1160,19 +1163,19 @@ body > .os-scrollbar {
|
|
|
1160
1163
|
white-space: nowrap;
|
|
1161
1164
|
text-overflow: ellipsis;
|
|
1162
1165
|
}
|
|
1163
|
-
.dt-leftbar-row[data-v-
|
|
1166
|
+
.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
|
|
1164
1167
|
color: var(--dt-theme-sidebar-status-color-foreground);
|
|
1165
1168
|
content: " • ";
|
|
1166
1169
|
}
|
|
1167
|
-
.dt-leftbar-row__icon-cc[data-v-
|
|
1170
|
+
.dt-leftbar-row__icon-cc[data-v-f626c1e7] {
|
|
1168
1171
|
width: calc(var(--dt-size-300) * 3.5);
|
|
1169
1172
|
height: calc(var(--dt-size-300) * 3.5);
|
|
1170
1173
|
border-radius: var(--dt-size-200);
|
|
1171
1174
|
}
|
|
1172
|
-
.opacity-pulsate[data-v-
|
|
1173
|
-
-webkit-animation-name: opacity-pulsate-
|
|
1174
|
-
-moz-animation-name: opacity-pulsate-
|
|
1175
|
-
animation-name: opacity-pulsate-
|
|
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;
|
|
1176
1179
|
-webkit-animation-duration: 1s;
|
|
1177
1180
|
-moz-animation-duration: 1s;
|
|
1178
1181
|
animation-duration: 1s;
|
|
@@ -1183,7 +1186,7 @@ body > .os-scrollbar {
|
|
|
1183
1186
|
-moz-animation-fill-mode: both;
|
|
1184
1187
|
animation-fill-mode: both;
|
|
1185
1188
|
}
|
|
1186
|
-
@keyframes opacity-pulsate-
|
|
1189
|
+
@keyframes opacity-pulsate-f626c1e7 {
|
|
1187
1190
|
0%,
|
|
1188
1191
|
100% {
|
|
1189
1192
|
opacity: 0.2;
|
|
@@ -1192,7 +1195,7 @@ body > .os-scrollbar {
|
|
|
1192
1195
|
opacity: 1;
|
|
1193
1196
|
}
|
|
1194
1197
|
}
|
|
1195
|
-
@keyframes opacity-pulsate-
|
|
1198
|
+
@keyframes opacity-pulsate-f626c1e7 {
|
|
1196
1199
|
0%,
|
|
1197
1200
|
100% {
|
|
1198
1201
|
opacity: 0.2;
|
|
@@ -1201,7 +1204,7 @@ body > .os-scrollbar {
|
|
|
1201
1204
|
opacity: 1;
|
|
1202
1205
|
}
|
|
1203
1206
|
}
|
|
1204
|
-
@keyframes opacity-pulsate-
|
|
1207
|
+
@keyframes opacity-pulsate-f626c1e7 {
|
|
1205
1208
|
0%,
|
|
1206
1209
|
100% {
|
|
1207
1210
|
opacity: 0.2;
|
|
@@ -1210,7 +1213,7 @@ body > .os-scrollbar {
|
|
|
1210
1213
|
opacity: 1;
|
|
1211
1214
|
}
|
|
1212
1215
|
}
|
|
1213
|
-
@keyframes wave-
|
|
1216
|
+
@keyframes wave-f626c1e7 {
|
|
1214
1217
|
0%,
|
|
1215
1218
|
50%,
|
|
1216
1219
|
100% {
|
|
@@ -1282,22 +1285,6 @@ body > .os-scrollbar {
|
|
|
1282
1285
|
--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
1283
1286
|
--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);
|
|
1284
1287
|
}
|
|
1285
|
-
.dt-leftbar-row--unread-count[data-v-f44e0386] .dt-leftbar-row__action {
|
|
1286
|
-
display: none;
|
|
1287
|
-
}
|
|
1288
|
-
.dt-leftbar-row__unread-count-badge[data-v-f44e0386] {
|
|
1289
|
-
border-top-right-radius: var(--dt-size-radius-0);
|
|
1290
|
-
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1291
|
-
}
|
|
1292
|
-
.dt-leftbar-row__unread-mention-count-badge[data-v-f44e0386] {
|
|
1293
|
-
background-color: var(--dt-color-purple-500);
|
|
1294
|
-
border-top-left-radius: var(--dt-size-radius-0);
|
|
1295
|
-
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1296
|
-
}
|
|
1297
|
-
.dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
|
|
1298
|
-
color: var(--dt-color-foreground-primary-inverted);
|
|
1299
|
-
background-color: var(--dt-color-purple-500);
|
|
1300
|
-
}
|
|
1301
1288
|
.dt-leftbar-row--muted[data-v-f44e0386] {
|
|
1302
1289
|
--leftbar-row-opacity: 60%;
|
|
1303
1290
|
}
|
|
@@ -1401,6 +1388,25 @@ body > .os-scrollbar {
|
|
|
1401
1388
|
}
|
|
1402
1389
|
.dt-leftbar-row__unread-badge[data-v-f44e0386] {
|
|
1403
1390
|
display: var(--leftbar-row-unread-badge-display);
|
|
1391
|
+
color: var(--dt-theme-mention-color-foreground);
|
|
1392
|
+
background-color: var(--dt-theme-mention-color-background);
|
|
1393
|
+
}
|
|
1394
|
+
.dt-leftbar-row--unread-count[data-v-f44e0386] .dt-leftbar-row__action {
|
|
1395
|
+
display: none;
|
|
1396
|
+
}
|
|
1397
|
+
.dt-leftbar-row__unread-count-badge[data-v-f44e0386] {
|
|
1398
|
+
border-top-right-radius: var(--dt-size-radius-0);
|
|
1399
|
+
border-bottom-right-radius: var(--dt-size-radius-0);
|
|
1400
|
+
}
|
|
1401
|
+
.dt-leftbar-row__unread-mention-count-badge[data-v-f44e0386] {
|
|
1402
|
+
color: var(--dt-theme-mention-color-foreground-strong);
|
|
1403
|
+
background-color: var(--dt-theme-mention-color-background-strong);
|
|
1404
|
+
border-top-left-radius: var(--dt-size-radius-0);
|
|
1405
|
+
border-bottom-left-radius: var(--dt-size-radius-0);
|
|
1406
|
+
}
|
|
1407
|
+
.dt-leftbar-row__unread-mention-only-count-badge[data-v-f44e0386] {
|
|
1408
|
+
color: var(--dt-theme-mention-color-foreground-strong);
|
|
1409
|
+
background-color: var(--dt-theme-mention-color-background-strong);
|
|
1404
1410
|
}
|
|
1405
1411
|
.dt-leftbar-row__active-voice[data-v-f44e0386] {
|
|
1406
1412
|
display: inline-flex;
|
|
@@ -2104,11 +2110,11 @@ body > .os-scrollbar {
|
|
|
2104
2110
|
border-width: var(--dt-size-350);
|
|
2105
2111
|
border-color: var(--dt-color-border-subtle);
|
|
2106
2112
|
}
|
|
2107
|
-
.combobox__input-wrapper[data-v-
|
|
2113
|
+
.combobox__input-wrapper[data-v-e9045f30] {
|
|
2108
2114
|
position: relative;
|
|
2109
2115
|
display: block;
|
|
2110
2116
|
}
|
|
2111
|
-
.combobox__chip-wrapper[data-v-
|
|
2117
|
+
.combobox__chip-wrapper[data-v-e9045f30] {
|
|
2112
2118
|
position: absolute;
|
|
2113
2119
|
margin-left: var(--dt-space-200);
|
|
2114
2120
|
margin-right: var(--dt-space-200);
|
|
@@ -2117,26 +2123,26 @@ body > .os-scrollbar {
|
|
|
2117
2123
|
max-height: initial;
|
|
2118
2124
|
overflow-y: visible;
|
|
2119
2125
|
}
|
|
2120
|
-
.combobox__chip-wrapper-md--collapsed[data-v-
|
|
2126
|
+
.combobox__chip-wrapper-md--collapsed[data-v-e9045f30] {
|
|
2121
2127
|
max-height: 2.8rem;
|
|
2122
2128
|
overflow-y: hidden;
|
|
2123
2129
|
}
|
|
2124
|
-
.combobox__chip-wrapper-sm--collapsed[data-v-
|
|
2125
|
-
.combobox__chip-wrapper-xs--collapsed[data-v-
|
|
2130
|
+
.combobox__chip-wrapper-sm--collapsed[data-v-e9045f30],
|
|
2131
|
+
.combobox__chip-wrapper-xs--collapsed[data-v-e9045f30] {
|
|
2126
2132
|
max-height: 2.5rem;
|
|
2127
2133
|
overflow-y: hidden;
|
|
2128
2134
|
}
|
|
2129
|
-
.combobox__chip[data-v-
|
|
2135
|
+
.combobox__chip[data-v-e9045f30] {
|
|
2130
2136
|
margin-top: var(--dt-space-300);
|
|
2131
2137
|
margin-left: var(--dt-space-200);
|
|
2132
2138
|
margin-right: var(--dt-space-200);
|
|
2133
2139
|
z-index: var(--zi-base1);
|
|
2134
2140
|
max-width: var(--dt-size-100-percent);
|
|
2135
2141
|
}
|
|
2136
|
-
.combobox__input[data-v-
|
|
2142
|
+
.combobox__input[data-v-e9045f30] {
|
|
2137
2143
|
flex-grow: 1;
|
|
2138
2144
|
}
|
|
2139
|
-
.combobox__list--loading[data-v-
|
|
2145
|
+
.combobox__list--loading[data-v-e9045f30] {
|
|
2140
2146
|
text-align: center;
|
|
2141
2147
|
padding-top: var(--dt-space-500);
|
|
2142
2148
|
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: {
|
|
@@ -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
|
|
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"}
|
|
@@ -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"}
|