@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.
- package/dist/css/dialtone-default-theme.css +96 -17
- package/dist/css/dialtone-default-theme.min.css +1 -1
- package/dist/css/dialtone.css +84 -17
- 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 +8274 -7922
- 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 +3 -0
- package/dist/vue2/dialtone-vue.cjs.map +1 -1
- package/dist/vue2/dialtone-vue.js +3 -0
- package/dist/vue2/dialtone-vue.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/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/rich-text-editor.cjs +1 -9
- package/dist/vue2/lib/rich-text-editor.cjs.map +1 -1
- package/dist/vue2/lib/rich-text-editor.js +1 -9
- package/dist/vue2/lib/rich-text-editor.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 +65 -65
- 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/rich_text_editor/rich_text_editor.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/leftbar/general_row/general_row.vue.d.ts +1 -1
- package/dist/vue3/component-documentation.json +1 -1
- package/dist/vue3/dialtone-vue.cjs +3 -0
- package/dist/vue3/dialtone-vue.cjs.map +1 -1
- package/dist/vue3/dialtone-vue.js +3 -0
- package/dist/vue3/dialtone-vue.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/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/rich-text-editor.cjs +1 -9
- package/dist/vue3/lib/rich-text-editor.cjs.map +1 -1
- package/dist/vue3/lib/rich-text-editor.js +1 -9
- package/dist/vue3/lib/rich-text-editor.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 +65 -65
- 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/rich_text_editor/rich_text_editor.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 +2 -2
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,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-
|
|
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--muted[data-v-
|
|
982
|
+
.dt-leftbar-row--muted[data-v-f626c1e7] {
|
|
983
983
|
--leftbar-row-opacity: 60%;
|
|
984
984
|
}
|
|
985
|
-
.dt-leftbar-row--selected[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1016
|
+
animation: wave-f626c1e7 1.5s ease infinite;
|
|
1017
1017
|
}
|
|
1018
|
-
.dt-leftbar-row__is-typing span[data-v-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1096
|
-
color: var(--dt-color-foreground-
|
|
1097
|
-
background-color: var(--dt-color-
|
|
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-
|
|
1102
|
-
color: var(--dt-color-foreground-
|
|
1103
|
-
background-color: var(--dt-color-
|
|
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-
|
|
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-
|
|
1109
|
-
-moz-animation-name: opacity-pulsate-
|
|
1110
|
-
animation-name: opacity-pulsate-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1176
|
-
-webkit-animation-name: opacity-pulsate-
|
|
1177
|
-
-moz-animation-name: opacity-pulsate-
|
|
1178
|
-
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;
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1403
|
-
background-color: var(--dt-color-
|
|
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-
|
|
1409
|
-
background-color: var(--dt-color-
|
|
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
|
|
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;;;;;;;;;;;;;;;;;;;;;;
|
|
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 @@
|
|
|
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"}
|