@db-ux/v-core-components 1.1.1 → 2.0.0-0-custom-select-16b8cce

package/dist/components/page/page.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPageProp
     id: string;
     documentOverflow: "auto" | "hidden";
     fadeIn: boolean;
+    mainClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     header?: ((props: {}) => any) | undefined;
     default?: ((props: {}) => any) | undefined;

package/dist/components/popover/popover.vue.d.ts

@@ -6,8 +6,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPopoverP
     width: "auto" | "fixed";
     delay: "none" | "slow" | "fast";
     animation: boolean;
-    placement: "left" | "right" | "top" | "bottom" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
-    spacing: "medium" | "small" | "large" | "none";
+    placement: "left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+    spacing: string;
     open: boolean;
     gap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

package/dist/components/radio/radio.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBRadioPro
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    disabled: boolean;
     label: string;
+    disabled: boolean;
     value: any;
     children: any;
     className: string;

package/dist/components/section/section.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSectionP
     className: string;
     id: string;
     width: "medium" | "small" | "large" | "full";
-    spacing: "medium" | "small" | "large" | "none";
+    spacing: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: ((props: {}) => any) | undefined;
 }>;

package/dist/components/select/model.d.ts

@@ -1,9 +1,9 @@
 import { ChangeEventProps, ChangeEventState, ClickEventProps, ClickEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, GlobalProps, GlobalState, IconProps, InitializedState, InputEventProps, InputEventState, ShowIconProps } from '../../shared/model';
 export type DBSelectDefaultProps = {
     /**
-     * The description attribute will add a paragraph below the select.
+     * Enable multiple select -> use DBCustomSelect/db-custom-select for a better look
      */
-    description?: string;
+    multiple?: boolean;
     /**
      * If you don't/can't use children/slots you can pass in the options as an array.
      */
@@ -35,7 +35,7 @@ export type DBSelectOptionType = {
      */
     value: string | string[] | number;
 };
-export type DBSelectProps = DBSelectDefaultProps & GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & ShowIconProps & FormSizeProps;
+export type DBSelectProps = GlobalProps & ClickEventProps<HTMLSelectElement> & ChangeEventProps<HTMLSelectElement> & FocusEventProps<HTMLSelectElement> & InputEventProps<HTMLSelectElement> & FormProps & IconProps & FormMessageProps & DBSelectDefaultProps & ShowIconProps & FormSizeProps;
 export type DBSelectDefaultState = {
     _placeholderId: string;
     getOptionLabel: (option: DBSelectOptionType) => string;

package/dist/components/select/select.vue.d.ts

@@ -5,8 +5,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSelectPr
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    disabled: boolean;
+    input: (event: Event) => void;
     label: string;
+    disabled: boolean;
     value: any;
     variant: "above" | "floating";
     children: any;
@@ -19,7 +20,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSelectPr
     blur: (event: FocusEvent) => void;
     change: (event: Event) => void;
     focus: (event: FocusEvent) => void;
-    input: (event: Event) => void;
     onFocus: (event: FocusEvent) => void;
     onBlur: (event: FocusEvent) => void;
     onChange: (event: Event) => void;
@@ -34,6 +34,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSelectPr
     messageIcon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
     autocomplete: string;
     showMessage: boolean;
+    multiple: boolean;
     options: DBSelectOptionType[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: ((props: {}) => any) | undefined;

package/dist/components/switch/switch.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSwitchPr
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    disabled: boolean;
     label: string;
+    disabled: boolean;
     value: any;
     children: any;
     className: string;

package/dist/components/tab-item/tab-item.vue.d.ts

@@ -4,9 +4,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabItemP
 }, string, import("vue").PublicProps, Readonly<DBTabItemProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
+    label: string;
     disabled: boolean;
     noText: boolean;
-    label: string;
     children: any;
     className: string;
     id: string;

package/dist/components/tabs/tabs.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProp
     children: any;
     className: string;
     id: string;
-    width: "full" | "auto";
+    width: string;
     behavior: "scrollbar" | "arrows";
     arrowScrollDistance: number;
     initialSelectedIndex: number;
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProp
     onTabSelect: (event?: Event | undefined) => void;
     tabs: string | DBSimpleTabProps[];
     orientation: "horizontal" | "vertical";
-    alignment: "start" | "center";
+    alignment: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: ((props: {}) => any) | undefined;
 }>;

package/dist/components/tag/model.d.ts

@@ -1,4 +1,4 @@
-import { ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
+import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagDefaultProps = {
@@ -19,7 +19,7 @@ export type DBTagDefaultProps = {
     /**
      * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
      */
-    onRemove?: () => void;
+    onRemove?: (event?: any) => void;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -40,6 +40,6 @@ export type DBTagDefaultProps = {
 export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
-    handleRemove: () => void;
+    handleRemove: (event?: ClickEvent<HTMLButtonElement>) => void;
 };
 export type DBTagState = DBTagDefaultState & GlobalState & InitializedState;

package/dist/components/tag/tag.vue.d.ts

@@ -1,5 +1,6 @@
 import { DBTagProps } from "./model";
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTagProps> & Readonly<{}>, {
+    text: string;
     disabled: boolean;
     noText: boolean;
     children: any;
@@ -7,11 +8,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTagProps
     id: string;
     icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
     showIcon: boolean;
-    text: string;
     semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
     emphasis: "weak" | "strong" | "origin";
     behavior: string;
-    onRemove: () => void;
+    onRemove: (event?: any) => void;
     removeButton: string;
     showCheckState: boolean;
     overflow: boolean;

package/dist/components/textarea/textarea.vue.d.ts

@@ -5,8 +5,10 @@ declare const _default: import("vue").DefineComponent<DBTextareaProps, {}, {}, {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
-    disabled: boolean;
+    form: string;
+    input: (event: Event) => void;
     label: string;
+    disabled: boolean;
     value: any;
     variant: "above" | "floating";
     className: string;
@@ -14,9 +16,7 @@ declare const _default: import("vue").DefineComponent<DBTextareaProps, {}, {}, {
     blur: (event: FocusEvent) => void;
     change: (event: Event) => void;
     focus: (event: FocusEvent) => void;
-    input: (event: Event) => void;
     resize: "none" | "horizontal" | "vertical" | "both";
-    form: string;
     onFocus: (event: FocusEvent) => void;
     onBlur: (event: FocusEvent) => void;
     onChange: (event: Event) => void;

package/dist/components/tooltip/tooltip.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTooltipP
     width: "auto" | "fixed";
     delay: "none" | "slow" | "fast";
     animation: boolean;
-    placement: "left" | "right" | "top" | "bottom" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
+    placement: "left" | "right" | "left-start" | "left-end" | "right-start" | "right-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
     emphasis: "weak" | "strong";
     showArrow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {