@dialpad/dialtone-vue 3.136.0 → 3.137.0

package/dist/style.css

@@ -2151,28 +2151,39 @@ body > .os-scrollbar {
   border-width: var(--dt-size-350);
   border-color: var(--dt-color-border-subtle);
 }
-.combobox__input-wrapper[data-v-d1f21523] {
+.combobox__input-wrapper[data-v-e47bd09e] {
   position: relative;
   display: block;
 }
-.combobox__chip-wrapper[data-v-d1f21523] {
+.combobox__chip-wrapper[data-v-e47bd09e] {
   position: absolute;
   margin-left: var(--dt-space-200);
   margin-right: var(--dt-space-200);
   padding-left: var(--dt-space-100);
   max-width: calc(var(--dt-size-100-percent) - var(--dt-space-400));
+  max-height: initial;
+  overflow-y: visible;
 }
-.combobox__chip[data-v-d1f21523] {
+.combobox__chip-wrapper-md--collapsed[data-v-e47bd09e] {
+  max-height: 2.8rem;
+  overflow-y: hidden;
+}
+.combobox__chip-wrapper-sm--collapsed[data-v-e47bd09e],
+.combobox__chip-wrapper-xs--collapsed[data-v-e47bd09e] {
+  max-height: 2.5rem;
+  overflow-y: hidden;
+}
+.combobox__chip[data-v-e47bd09e] {
   margin-top: var(--dt-space-300);
   margin-left: var(--dt-space-200);
   margin-right: var(--dt-space-200);
   z-index: var(--zi-base1);
   max-width: var(--dt-size-100-percent);
 }
-.combobox__input[data-v-d1f21523] {
+.combobox__input[data-v-e47bd09e] {
   flex-grow: 1;
 }
-.combobox__list--loading[data-v-d1f21523] {
+.combobox__list--loading[data-v-e47bd09e] {
   text-align: center;
   padding-top: var(--dt-space-500);
   padding-bottom: var(--dt-space-500);

package/dist/types/directives/scrollbar/scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../directives/scrollbar/scrollbar.js"],"names":[],"mappings":";;IAKE,iCAeC"}
+{"version":3,"file":"scrollbar.d.ts","sourceRoot":"","sources":["../../../../directives/scrollbar/scrollbar.js"],"names":[],"mappings":";;IAKE,iCAoBC"}

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts

@@ -1,369 +1,3 @@
-declare const _default: import("vue").DefineComponent<{
-    /**
-     * String to use for the input label.
-     */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Determines visibility of input label.
-     * @values true, false
-     */
-    labelVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Description for the input
-     */
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Input placeholder
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Input validation messages
-     */
-    inputMessages: {
-        type: ArrayConstructor;
-        default: () => never[];
-        validator: (inputMessages: unknown) => any;
-    };
-    /**
-     * Show input validation message
-     */
-    showInputMessages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Determines if the list is loading
-     */
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The message when the list is loading
-     */
-    loadingMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Determines when to show the list element and also controls the aria-expanded attribute.
-     * Leaving this null will have the combobox trigger on input focus by default.
-     * If you set this value, the default trigger behavior will be disabled and you can
-     * control it as you need.
-     */
-    showList: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    /**
-     * Determines maximum height for the popover before overflow.
-     * Possible units rem|px|em
-     */
-    listMaxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The selected items
-     */
-    selectedItems: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Would be the maximum number of selections you can make. 0 is unlimited
-     */
-    maxSelected: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * Max select message when the max selections is exceeded with the structure:
-     * `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
-     */
-    maxSelectedMessage: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Displays the list when the combobox is focused, before the user has typed anything.
-     * When this is enabled the list will not close after selection.
-     */
-    hasSuggestionList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Size of the chip, one of `xs`, `sm`, `md`
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (t: unknown) => boolean;
-    };
-    /**
-     * Sets the element to which the popover is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    /**
-     * Named transition when the content display is toggled.
-     * @see DtLazyShow
-     */
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}, any, {
-    value: string;
-    popoverOffset: number[];
-    showValidationMessages: boolean;
-    initialInputPadding: {};
-    resizeWindowObserver: null;
-    originalInputSize: null;
-    CHIP_SIZES: {
-        xs: string;
-        sm: string;
-        md: string;
-    };
-    hasSlotContent: typeof hasSlotContent;
-}, {
-    inputPlaceHolder(): string;
-    chipListeners(): {
-        keyup: (event: any) => void;
-    };
-    inputListeners(): {
-        input: (event: any) => void;
-        keyup: (event: any) => void;
-        click: (event: any) => void;
-    };
-}, {
-    initSelectedItems(): Promise<void>;
-    onChipRemove(item: any): void;
-    onComboboxSelect(i: any): void;
-    showComboboxList(): void;
-    closeComboboxList(): void;
-    getChipButtons(): any;
-    getChips(): any;
-    getLastChipButton(): any;
-    getLastChip(): any;
-    getFirstChip(): any;
-    getInput(): any;
-    onChipKeyup(event: any): void;
-    onInputKeyup(event: any): void;
-    moveFromInputToChip(): void;
-    moveFromChipToInput(): void;
-    navigateBetweenChips(target: any, toLeft: any): void;
-    setChipsTopPosition(): void;
-    setInputPadding(): void;
-    revertInputPadding(input: any): void;
-    getFullWidth(el: any): any;
-    setInputMinWidth(): void;
-    checkMaxSelected(): void;
-}, {
-    props: {
-        visuallyHiddenClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        visuallyHiddenCloseLabel: {
-            type: StringConstructor;
-            default: null;
-        };
-    };
-    watch: {
-        $props: {
-            immediate: boolean;
-            deep: boolean;
-            handler(): void;
-        };
-    };
-    computed: {
-        showVisuallyHiddenClose(): any;
-    };
-    methods: {
-        validateVisuallyHiddenCloseProps(): void;
-    };
-}, 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<{
-    /**
-     * String to use for the input label.
-     */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    /**
-     * Determines visibility of input label.
-     * @values true, false
-     */
-    labelVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Description for the input
-     */
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Input placeholder
-     */
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Input validation messages
-     */
-    inputMessages: {
-        type: ArrayConstructor;
-        default: () => never[];
-        validator: (inputMessages: unknown) => any;
-    };
-    /**
-     * Show input validation message
-     */
-    showInputMessages: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Determines if the list is loading
-     */
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * The message when the list is loading
-     */
-    loadingMessage: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Determines when to show the list element and also controls the aria-expanded attribute.
-     * Leaving this null will have the combobox trigger on input focus by default.
-     * If you set this value, the default trigger behavior will be disabled and you can
-     * control it as you need.
-     */
-    showList: {
-        type: BooleanConstructor;
-        default: null;
-    };
-    /**
-     * Determines maximum height for the popover before overflow.
-     * Possible units rem|px|em
-     */
-    listMaxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * The selected items
-     */
-    selectedItems: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Would be the maximum number of selections you can make. 0 is unlimited
-     */
-    maxSelected: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /**
-     * Max select message when the max selections is exceeded with the structure:
-     * `[{"message": string, "type": VALIDATION_MESSAGE_TYPES }]`
-     */
-    maxSelectedMessage: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Displays the list when the combobox is focused, before the user has typed anything.
-     * When this is enabled the list will not close after selection.
-     */
-    hasSuggestionList: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Size of the chip, one of `xs`, `sm`, `md`
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-        validator: (t: unknown) => boolean;
-    };
-    /**
-     * Sets the element to which the popover is going to append to.
-     * 'body' will append to the nearest body (supports shadow DOM).
-     * @values 'body', 'parent', HTMLElement,
-     */
-    appendTo: {
-        type: (StringConstructor | {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        })[];
-        default: string;
-        validator: (appendTo: unknown) => boolean;
-    };
-    /**
-     * Named transition when the content display is toggled.
-     * @see DtLazyShow
-     */
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
-    onInput?: ((...args: any[]) => any) | undefined;
-    onKeyup?: ((...args: any[]) => any) | undefined;
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onRemove?: ((...args: any[]) => any) | undefined;
-    "onMax-selected"?: ((...args: any[]) => any) | undefined;
-}, {
-    loading: boolean;
-    size: string;
-    transition: string;
-    showList: boolean;
-    labelVisible: boolean;
-    description: string;
-    appendTo: string | HTMLElement;
-    placeholder: string;
-    hasSuggestionList: boolean;
-    selectedItems: unknown[];
-    inputMessages: unknown[];
-    showInputMessages: boolean;
-    loadingMessage: string;
-    listMaxHeight: string;
-    maxSelected: number;
-    maxSelectedMessage: unknown[];
-}, {}>;
+declare const _default: (props: Record<string, any> & {}) => any;
 export default _default;
-import { hasSlotContent } from '@/common/utils';
 //# sourceMappingURL=combobox_multi_select.vue.d.ts.map

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts.map

@@ -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"}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.136.0",
+  "version": "3.137.0",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"