@dialpad/dialtone 9.55.1 → 9.56.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/dist/css/dialtone.css +8 -3
  2. package/dist/css/dialtone.min.css +1 -1
  3. package/dist/tokens/css/variables-dark.css +1 -1
  4. package/dist/tokens/css/variables-expressive-dark.css +1 -1
  5. package/dist/tokens/css/variables-expressive-light.css +1 -1
  6. package/dist/tokens/css/variables-expressive-sm-dark.css +1 -1
  7. package/dist/tokens/css/variables-expressive-sm-light.css +1 -1
  8. package/dist/tokens/css/variables-light.css +1 -1
  9. package/dist/tokens/css/variables-tmo-dark.css +1 -1
  10. package/dist/tokens/css/variables-tmo-light.css +1 -1
  11. package/dist/tokens/less/variables-dark.less +1 -1
  12. package/dist/tokens/less/variables-expressive-dark.less +1 -1
  13. package/dist/tokens/less/variables-expressive-light.less +1 -1
  14. package/dist/tokens/less/variables-expressive-sm-dark.less +1 -1
  15. package/dist/tokens/less/variables-expressive-sm-light.less +1 -1
  16. package/dist/tokens/less/variables-light.less +1 -1
  17. package/dist/tokens/less/variables-tmo-dark.less +1 -1
  18. package/dist/tokens/less/variables-tmo-light.less +1 -1
  19. package/dist/vue2/lib/combobox-multi-select.cjs +43 -7
  20. package/dist/vue2/lib/combobox-multi-select.cjs.map +1 -1
  21. package/dist/vue2/lib/combobox-multi-select.js +43 -7
  22. package/dist/vue2/lib/combobox-multi-select.js.map +1 -1
  23. package/dist/vue2/lib/datepicker.cjs.map +1 -1
  24. package/dist/vue2/lib/datepicker.js.map +1 -1
  25. package/dist/vue2/style.css +16 -5
  26. package/dist/vue2/types/components/datepicker/formatUtils.d.ts +41 -5
  27. package/dist/vue2/types/components/datepicker/formatUtils.d.ts.map +1 -1
  28. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +2 -337
  29. package/dist/vue2/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
  30. package/dist/vue3/lib/combobox-multi-select.cjs +60 -24
  31. package/dist/vue3/lib/combobox-multi-select.cjs.map +1 -1
  32. package/dist/vue3/lib/combobox-multi-select.js +61 -25
  33. package/dist/vue3/lib/combobox-multi-select.js.map +1 -1
  34. package/dist/vue3/style.css +16 -5
  35. package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts +1 -367
  36. package/dist/vue3/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map +1 -1
  37. package/package.json +1 -1
@@ -1,369 +1,3 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- /**
3
- * String to use for the input label.
4
- */
5
- label: {
6
- type: StringConstructor;
7
- required: true;
8
- };
9
- /**
10
- * Determines visibility of input label.
11
- * @values true, false
12
- */
13
- labelVisible: {
14
- type: BooleanConstructor;
15
- default: boolean;
16
- };
17
- /**
18
- * Description for the input
19
- */
20
- description: {
21
- type: StringConstructor;
22
- default: string;
23
- };
24
- /**
25
- * Input placeholder
26
- */
27
- placeholder: {
28
- type: StringConstructor;
29
- default: string;
30
- };
31
- /**
32
- * Input validation messages
33
- */
34
- inputMessages: {
35
- type: ArrayConstructor;
36
- default: () => never[];
37
- validator: (inputMessages: unknown) => any;
38
- };
39
- /**
40
- * Show input validation message
41
- */
42
- showInputMessages: {
43
- type: BooleanConstructor;
44
- default: boolean;
45
- };
46
- /**
47
- * Determines if the list is loading
48
- */
49
- loading: {
50
- type: BooleanConstructor;
51
- default: boolean;
52
- };
53
- /**
54
- * The message when the list is loading
55
- */
56
- loadingMessage: {
57
- type: StringConstructor;
58
- default: string;
59
- };
60
- /**
61
- * Determines when to show the list element and also controls the aria-expanded attribute.
62
- * Leaving this null will have the combobox trigger on input focus by default.
63
- * If you set this value, the default trigger behavior will be disabled and you can
64
- * control it as you need.
65
- */
66
- showList: {
67
- type: BooleanConstructor;
68
- default: null;
69
- };
70
- /**
71
- * Determines maximum height for the popover before overflow.
72
- * Possible units rem|px|em
73
- */
74
- listMaxHeight: {
75
- type: StringConstructor;
76
- default: string;
77
- };
78
- /**
79
- * The selected items
80
- */
81
- selectedItems: {
82
- type: ArrayConstructor;
83
- default: () => never[];
84
- };
85
- /**
86
- * Would be the maximum number of selections you can make. 0 is unlimited
87
- */
88
- maxSelected: {
89
- type: NumberConstructor;
90
- default: number;
91
- };
92
- /**
93
- * Max select message when the max selections is exceeded with the structure:
94
- * `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
95
- */
96
- maxSelectedMessage: {
97
- type: ArrayConstructor;
98
- default: () => never[];
99
- };
100
- /**
101
- * Displays the list when the combobox is focused, before the user has typed anything.
102
- * When this is enabled the list will not close after selection.
103
- */
104
- hasSuggestionList: {
105
- type: BooleanConstructor;
106
- default: boolean;
107
- };
108
- /**
109
- * Size of the chip, one of `xs`, `sm`, `md`
110
- */
111
- size: {
112
- type: StringConstructor;
113
- default: string;
114
- validator: (t: unknown) => boolean;
115
- };
116
- /**
117
- * Sets the element to which the popover is going to append to.
118
- * 'body' will append to the nearest body (supports shadow DOM).
119
- * @values 'body', 'parent', HTMLElement,
120
- */
121
- appendTo: {
122
- type: (StringConstructor | {
123
- new (): HTMLElement;
124
- prototype: HTMLElement;
125
- })[];
126
- default: string;
127
- validator: (appendTo: unknown) => boolean;
128
- };
129
- /**
130
- * Named transition when the content display is toggled.
131
- * @see DtLazyShow
132
- */
133
- transition: {
134
- type: StringConstructor;
135
- default: string;
136
- };
137
- }, any, {
138
- value: string;
139
- popoverOffset: number[];
140
- showValidationMessages: boolean;
141
- initialInputPadding: {};
142
- resizeWindowObserver: null;
143
- originalInputSize: null;
144
- CHIP_SIZES: {
145
- xs: string;
146
- sm: string;
147
- md: string;
148
- };
149
- hasSlotContent: typeof hasSlotContent;
150
- }, {
151
- inputPlaceHolder(): string;
152
- chipListeners(): {
153
- keyup: (event: any) => void;
154
- };
155
- inputListeners(): {
156
- input: (event: any) => void;
157
- keyup: (event: any) => void;
158
- click: (event: any) => void;
159
- };
160
- }, {
161
- initSelectedItems(): Promise<void>;
162
- onChipRemove(item: any): void;
163
- onComboboxSelect(i: any): void;
164
- showComboboxList(): void;
165
- closeComboboxList(): void;
166
- getChipButtons(): any;
167
- getChips(): any;
168
- getLastChipButton(): any;
169
- getLastChip(): any;
170
- getFirstChip(): any;
171
- getInput(): any;
172
- onChipKeyup(event: any): void;
173
- onInputKeyup(event: any): void;
174
- moveFromInputToChip(): void;
175
- moveFromChipToInput(): void;
176
- navigateBetweenChips(target: any, toLeft: any): void;
177
- setChipsTopPosition(): void;
178
- setInputPadding(): void;
179
- revertInputPadding(input: any): void;
180
- getFullWidth(el: any): any;
181
- setInputMinWidth(): void;
182
- checkMaxSelected(): void;
183
- }, {
184
- props: {
185
- visuallyHiddenClose: {
186
- type: BooleanConstructor;
187
- default: boolean;
188
- };
189
- visuallyHiddenCloseLabel: {
190
- type: StringConstructor;
191
- default: null;
192
- };
193
- };
194
- watch: {
195
- $props: {
196
- immediate: boolean;
197
- deep: boolean;
198
- handler(): void;
199
- };
200
- };
201
- computed: {
202
- showVisuallyHiddenClose(): any;
203
- };
204
- methods: {
205
- validateVisuallyHiddenCloseProps(): void;
206
- };
207
- }, import("vue").ComponentOptionsMixin, ("input" | "select" | "keyup" | "remove" | "max-selected")[], "input" | "select" | "keyup" | "remove" | "max-selected", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
208
- /**
209
- * String to use for the input label.
210
- */
211
- label: {
212
- type: StringConstructor;
213
- required: true;
214
- };
215
- /**
216
- * Determines visibility of input label.
217
- * @values true, false
218
- */
219
- labelVisible: {
220
- type: BooleanConstructor;
221
- default: boolean;
222
- };
223
- /**
224
- * Description for the input
225
- */
226
- description: {
227
- type: StringConstructor;
228
- default: string;
229
- };
230
- /**
231
- * Input placeholder
232
- */
233
- placeholder: {
234
- type: StringConstructor;
235
- default: string;
236
- };
237
- /**
238
- * Input validation messages
239
- */
240
- inputMessages: {
241
- type: ArrayConstructor;
242
- default: () => never[];
243
- validator: (inputMessages: unknown) => any;
244
- };
245
- /**
246
- * Show input validation message
247
- */
248
- showInputMessages: {
249
- type: BooleanConstructor;
250
- default: boolean;
251
- };
252
- /**
253
- * Determines if the list is loading
254
- */
255
- loading: {
256
- type: BooleanConstructor;
257
- default: boolean;
258
- };
259
- /**
260
- * The message when the list is loading
261
- */
262
- loadingMessage: {
263
- type: StringConstructor;
264
- default: string;
265
- };
266
- /**
267
- * Determines when to show the list element and also controls the aria-expanded attribute.
268
- * Leaving this null will have the combobox trigger on input focus by default.
269
- * If you set this value, the default trigger behavior will be disabled and you can
270
- * control it as you need.
271
- */
272
- showList: {
273
- type: BooleanConstructor;
274
- default: null;
275
- };
276
- /**
277
- * Determines maximum height for the popover before overflow.
278
- * Possible units rem|px|em
279
- */
280
- listMaxHeight: {
281
- type: StringConstructor;
282
- default: string;
283
- };
284
- /**
285
- * The selected items
286
- */
287
- selectedItems: {
288
- type: ArrayConstructor;
289
- default: () => never[];
290
- };
291
- /**
292
- * Would be the maximum number of selections you can make. 0 is unlimited
293
- */
294
- maxSelected: {
295
- type: NumberConstructor;
296
- default: number;
297
- };
298
- /**
299
- * Max select message when the max selections is exceeded with the structure:
300
- * `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
301
- */
302
- maxSelectedMessage: {
303
- type: ArrayConstructor;
304
- default: () => never[];
305
- };
306
- /**
307
- * Displays the list when the combobox is focused, before the user has typed anything.
308
- * When this is enabled the list will not close after selection.
309
- */
310
- hasSuggestionList: {
311
- type: BooleanConstructor;
312
- default: boolean;
313
- };
314
- /**
315
- * Size of the chip, one of `xs`, `sm`, `md`
316
- */
317
- size: {
318
- type: StringConstructor;
319
- default: string;
320
- validator: (t: unknown) => boolean;
321
- };
322
- /**
323
- * Sets the element to which the popover is going to append to.
324
- * 'body' will append to the nearest body (supports shadow DOM).
325
- * @values 'body', 'parent', HTMLElement,
326
- */
327
- appendTo: {
328
- type: (StringConstructor | {
329
- new (): HTMLElement;
330
- prototype: HTMLElement;
331
- })[];
332
- default: string;
333
- validator: (appendTo: unknown) => boolean;
334
- };
335
- /**
336
- * Named transition when the content display is toggled.
337
- * @see DtLazyShow
338
- */
339
- transition: {
340
- type: StringConstructor;
341
- default: string;
342
- };
343
- }>> & {
344
- onInput?: ((...args: any[]) => any) | undefined;
345
- onKeyup?: ((...args: any[]) => any) | undefined;
346
- onSelect?: ((...args: any[]) => any) | undefined;
347
- onRemove?: ((...args: any[]) => any) | undefined;
348
- "onMax-selected"?: ((...args: any[]) => any) | undefined;
349
- }, {
350
- loading: boolean;
351
- size: string;
352
- transition: string;
353
- showList: boolean;
354
- labelVisible: boolean;
355
- description: string;
356
- appendTo: string | HTMLElement;
357
- placeholder: string;
358
- hasSuggestionList: boolean;
359
- selectedItems: unknown[];
360
- inputMessages: unknown[];
361
- showInputMessages: boolean;
362
- loadingMessage: string;
363
- listMaxHeight: string;
364
- maxSelected: number;
365
- maxSelectedMessage: unknown[];
366
- }, {}>;
1
+ declare const _default: (props: Record<string, any> & {}) => any;
367
2
  export default _default;
368
- import { hasSlotContent } from '@/common/utils';
369
3
  //# sourceMappingURL=combobox_multi_select.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IASH;;OAEG;;;;;IAaH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA3JH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;IASH;;OAEG;;;;;IAaH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IAOH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAnLwB,gBAAgB"}
1
+ {"version":3,"file":"combobox_multi_select.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.js"],"names":[],"mappings":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone",
3
- "version": "9.55.1",
3
+ "version": "9.56.1",
4
4
  "description": "Dialpad's Dialtone design system monorepo",
5
5
  "files": [
6
6
  "dist"