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

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

@@ -19,7 +19,7 @@ export type DBStackDefaultProps = {
     /**
      * If the stack should wrap if parent is too small otherwise you get an overflow
      */
-    wrap?: boolean;
+    wrap?: boolean | string;
     /**
      * Represents css align-items
      */

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

@@ -1,17 +1,38 @@
 import { DBStackProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
-    variant: "divider" | "simple";
+import { cls, getBooleanAsString } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBStackProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
+    variant: import("./model").StackVariantType;
     children: any;
     className: string;
     id: string;
-    direction: "row" | "column";
-    wrap: boolean;
-    gap: "medium" | "small" | "large" | "none" | "3x-large" | "2x-large" | "x-large" | "x-small" | "2x-small" | "3x-small";
-    alignment: "start" | "center" | "stretch" | "end";
-    justifyContent: "start" | "center" | "end" | "space-between";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    direction: import("./model").StackDirectionType;
+    wrap: boolean | string;
+    gap: import("../..").GapSpacingType;
+    alignment: import("./model").StackAlignmentType;
+    justifyContent: import("./model").StackJustifyContentType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBStackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBStackProps> & Readonly<{}>, {
+    variant: import("./model").StackVariantType;
+    children: any;
+    className: string;
+    id: string;
+    direction: import("./model").StackDirectionType;
+    wrap: boolean | string;
+    gap: import("../..").GapSpacingType;
+    alignment: import("./model").StackAlignmentType;
+    justifyContent: import("./model").StackJustifyContentType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -3,10 +3,10 @@ export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.
      */
-    visualAid?: boolean;
+    visualAid?: boolean | string;
 };
 export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconAfterProps;
 export type DBSwitchDefaultState = {
-    _checked: boolean;
+    _checked?: boolean;
 };
 export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;

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

@@ -1,35 +1,81 @@
-import { DBSwitchProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { DBSwitchProps, DBSwitchState } from "./model";
+import { cls, getBoolean, getBooleanAsString, getHideProp } from "../../utils";
+import { ChangeEvent, InteractionEvent } from "../../shared/model";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _checked: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleChange(event: ChangeEvent<HTMLInputElement>): ReturnType<DBSwitchState["handleChange"]>;
+declare function handleBlur(event: InteractionEvent<HTMLInputElement>): ReturnType<DBSwitchState["handleBlur"]>;
+declare function handleFocus(event: InteractionEvent<HTMLInputElement>): ReturnType<DBSwitchState["handleFocus"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBSwitchProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    _id: typeof _id;
+    _checked: typeof _checked;
+    _ref: typeof _ref;
+    handleChange: typeof handleChange;
+    handleBlur: typeof handleBlur;
+    handleFocus: typeof handleFocus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<DBSwitchProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
     name: string;
     label: string;
-    disabled: boolean;
+    disabled: boolean | string;
     value: any;
     children: any;
     className: string;
     describedbyid: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    size: "medium" | "small";
-    blur: (event: FocusEvent) => void;
-    change: (event: Event) => void;
-    focus: (event: FocusEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
-    onChange: (event: Event) => void;
-    emphasis: "weak" | "strong";
-    validation: "invalid" | "valid" | "no-validation";
-    required: boolean;
-    showLabel: boolean;
-    checked: boolean;
-    iconAfter: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    visualAid: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    emphasis: import("../../shared/model").EmphasisType;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+    visualAid: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBSwitchProps> & Readonly<{
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    label: string;
+    disabled: boolean | string;
+    value: any;
+    children: any;
+    className: string;
+    describedbyid: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    size: import("../../shared/model").SizeType;
+    onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
+    onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    emphasis: import("../../shared/model").EmphasisType;
+    validation: import("../../shared/model").ValidationType;
+    required: boolean | string;
+    showLabel: boolean | string;
+    checked: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+    visualAid: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,13 @@
-import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, ShowIconProps } from '../../shared/model';
+import { ActiveProps, AriaControlsProps, ChangeEventProps, ChangeEventState, GlobalProps, GlobalState, IconAfterProps, IconProps, InitializedState, NameProps, NameState, ShowIconProps } from '../../shared/model';
 export type DBTabItemDefaultProps = {
     /**
      * To control the component
      */
-    checked?: boolean;
+    checked?: boolean | string;
     /**
      * The disabled attribute can be set to keep a user from clicking on the tab-item.
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * The label of the tab-item, if you don't want to use children.
      */
@@ -15,10 +15,10 @@ export type DBTabItemDefaultProps = {
     /**
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
-    noText?: boolean;
+    noText?: boolean | string;
 };
-export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps;
+export type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconAfterProps & ActiveProps & AriaControlsProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
 export type DBTabItemDefaultState = {
     _selected: boolean;
 };
-export type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState;
+export type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState;

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

@@ -1,26 +1,64 @@
-import type { DBTabItemProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { DBTabItemProps, DBTabItemState } from "./model";
+import { cls, getBoolean, getBooleanAsString, getHideProp } from "../../utils";
+declare const _selected: import("vue").Ref<boolean, boolean>;
+declare const _name: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleChange(event: any): ReturnType<DBTabItemState["handleChange"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBTabItemProps, {
+    cls: typeof cls;
+    getBoolean: typeof getBoolean;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    _selected: typeof _selected;
+    _name: typeof _name;
+    _ref: typeof _ref;
+    handleChange: typeof handleChange;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<DBTabItemProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
+    name: string;
     label: string;
-    disabled: boolean;
-    noText: boolean;
+    disabled: boolean | string;
+    noText: boolean | string;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    showIcon: boolean;
-    change: (event: Event) => void;
-    onChange: (event: Event) => void;
-    checked: boolean;
-    iconAfter: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    active: boolean;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    onChange: (event: import("../..").ChangeEvent<HTMLInputElement>) => void;
+    checked: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+    active: boolean | string;
     controls: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBTabItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:checked": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DBTabItemProps> & Readonly<{
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}>, {
+    name: string;
+    label: string;
+    disabled: boolean | string;
+    noText: boolean | string;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    onChange: (event: import("../..").ChangeEvent<HTMLInputElement>) => void;
+    checked: boolean | string;
+    iconAfter: import("@db-ux/core-foundations").IconTypes;
+    active: boolean | string;
+    controls: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,10 +1,26 @@
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("../..").GlobalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("../..").GlobalProps, {
+    cls: typeof cls;
+    _id: typeof _id;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("../..").GlobalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,13 +1,29 @@
 import { DBTabPanelProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabPanelProps> & Readonly<{}>, {
+import { cls } from "../../utils";
+declare const _ref: import("vue").Ref<any, any>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBTabPanelProps, {
+    cls: typeof cls;
+    _ref: typeof _ref;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabPanelProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
     content: string;
     labelledBy: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBTabPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabPanelProps> & Readonly<{}>, {
+    children: any;
+    className: string;
+    id: string;
+    content: string;
+    labelledBy: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -10,7 +10,7 @@ export type DBTabsDefaultProps = {
     /**
      * Change amount of distance if you click on an arrow, only available with behavior="arrows"
      */
-    arrowScrollDistance?: number;
+    arrowScrollDistance?: number | string;
     /**
      * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
      */
@@ -18,7 +18,7 @@ export type DBTabsDefaultProps = {
     /**
      * Default behavior is auto selecting the first tab, change selected tab by index
      */
-    initialSelectedIndex?: number;
+    initialSelectedIndex?: number | string;
     /**
      * Default behavior is auto selecting the first tab, disable it with 'manually'
      */
@@ -35,6 +35,14 @@ export type DBTabsDefaultProps = {
      * Informs the user if another tab has been selected.
      */
     onTabSelect?: (event?: Event) => void;
+    /**
+     * Informs the user if the current tab index has changed.
+     */
+    indexChange?: (index?: number) => void;
+    /**
+     * Informs the user if another tab has been selected.
+     */
+    tabSelect?: (event?: Event) => void;
     /**
      * Provide simple tabs with label + text as content
      */
@@ -48,7 +56,7 @@ export type DBTabsDefaultState = {
     showScrollLeft?: boolean;
     showScrollRight?: boolean;
     evaluateScrollButtons: (tabList: Element) => void;
-    convertTabs: (tabs?: unknown[] | string | undefined) => DBSimpleTabProps[];
+    convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
     handleChange: (event: any) => void;

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

@@ -1,22 +1,67 @@
-import { DBSimpleTabProps, DBTabsProps } from "./model";
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabsProps> & Readonly<{}>, {
+import { DBSimpleTabProps, DBTabsProps, DBTabsState } from "./model";
+import { cls } from "../../utils";
+import DBButton from "../button/button.vue";
+import DBTabList from "../tab-list/tab-list.vue";
+import DBTabItem from "../tab-item/tab-item.vue";
+import DBTabPanel from "../tab-panel/tab-panel.vue";
+declare const _id: import("vue").Ref<string | undefined, string | undefined>;
+declare const showScrollLeft: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const showScrollRight: import("vue").Ref<boolean | undefined, boolean | undefined>;
+declare const _ref: import("vue").Ref<any, any>;
+declare function convertTabs(): ReturnType<DBTabsState["convertTabs"]>;
+declare function scroll(left?: boolean): ReturnType<DBTabsState["scroll"]>;
+declare function handleChange(event: any): ReturnType<DBTabsState["handleChange"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_16: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_16) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBTabsProps, {
+    cls: typeof cls;
+    DBButton: typeof DBButton;
+    DBTabList: typeof DBTabList;
+    DBTabItem: typeof DBTabItem;
+    DBTabPanel: typeof DBTabPanel;
+    _id: typeof _id;
+    showScrollLeft: typeof showScrollLeft;
+    showScrollRight: typeof showScrollRight;
+    _ref: typeof _ref;
+    convertTabs: typeof convertTabs;
+    scroll: typeof scroll;
+    handleChange: typeof handleChange;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabsProps> & Readonly<{}>, {
     name: string;
     children: any;
     className: string;
     id: string;
-    width: string;
-    behavior: "scrollbar" | "arrows";
-    arrowScrollDistance: number;
-    initialSelectedIndex: number;
-    initialSelectedMode: "auto" | "manually";
-    onIndexChange: (index?: number | undefined) => void;
-    onTabSelect: (event?: Event | undefined) => void;
-    tabs: string | DBSimpleTabProps[];
-    orientation: "horizontal" | "vertical";
-    alignment: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-}>;
+    width: import("../..").WidthType | string;
+    behavior: import("./model").TabsBehaviorType;
+    arrowScrollDistance: number | string;
+    initialSelectedIndex: number | string;
+    initialSelectedMode: import("./model").TabsInitialSelectedModeType;
+    onIndexChange: (index?: number) => void;
+    onTabSelect: (event?: Event) => void;
+    tabs: DBSimpleTabProps[] | string;
+    orientation: import("../..").OrientationType;
+    alignment: import("../..").AlignmentType | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTabsProps> & Readonly<{}>, {
+    name: string;
+    children: any;
+    className: string;
+    id: string;
+    width: import("../..").WidthType | string;
+    behavior: import("./model").TabsBehaviorType;
+    arrowScrollDistance: number | string;
+    initialSelectedIndex: number | string;
+    initialSelectedMode: import("./model").TabsInitialSelectedModeType;
+    onIndexChange: (index?: number) => void;
+    onTabSelect: (event?: Event) => void;
+    tabs: DBSimpleTabProps[] | string;
+    orientation: import("../..").OrientationType;
+    alignment: import("../..").AlignmentType | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, TagEmphasisProps } from '../../shared/model';
+import { ClickEvent, ContentSlotProps, GlobalProps, GlobalState, IconProps, InitializedState, OverflowProps, SemanticProps, ShowIconProps, EmphasisProps } from '../../shared/model';
 export declare const TagBehaviorList: readonly ["static", "removable"];
 export type TagBehaviorType = (typeof TagBehaviorList)[number];
 export type DBTagDefaultProps = {
@@ -11,15 +11,19 @@ export type DBTagDefaultProps = {
     /**
      * @deprecated Disable tag
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * Define the text next to the icon specified via the icon Property to get hidden.
      */
-    noText?: boolean;
+    noText?: boolean | string;
     /**
      * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
      */
     onRemove?: (event?: any) => void;
+    /**
+     * If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.
+     */
+    remove?: (event?: any) => void;
     /**
      * The removeButton attribute shows the cancel button.
      */
@@ -27,7 +31,7 @@ export type DBTagDefaultProps = {
     /**
      * Enable/Disable icon for checkbox/radio inside tag.
      */
-    showCheckState?: boolean;
+    showCheckState?: boolean | string;
     /**
      * Alternative for children to set content as property.
      */
@@ -37,7 +41,7 @@ export type DBTagDefaultProps = {
      */
     value?: string;
 };
-export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & TagEmphasisProps & ShowIconProps & ContentSlotProps;
+export type DBTagProps = DBTagDefaultProps & GlobalProps & IconProps & SemanticProps & OverflowProps & EmphasisProps & ShowIconProps & ContentSlotProps;
 export type DBTagDefaultState = {
     getRemoveButtonText: () => string;
     handleRemove: (event?: ClickEvent<HTMLButtonElement>) => void;

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

@@ -1,24 +1,58 @@
-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<{}>, {
+import { DBTagProps, DBTagState } from "./model";
+import { cls, getBooleanAsString, getHideProp } from "../../utils";
+import { ClickEvent } from "../../shared/model";
+declare const _ref: import("vue").Ref<any, any>;
+declare function handleRemove(event?: ClickEvent<HTMLButtonElement>): ReturnType<DBTagState["handleRemove"]>;
+declare function getRemoveButtonText(): ReturnType<DBTagState["getRemoveButtonText"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    content?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<DBTagProps, {
+    cls: typeof cls;
+    getBooleanAsString: typeof getBooleanAsString;
+    getHideProp: typeof getHideProp;
+    _ref: typeof _ref;
+    handleRemove: typeof handleRemove;
+    getRemoveButtonText: typeof getRemoveButtonText;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTagProps> & Readonly<{}>, {
     text: string;
-    disabled: boolean;
-    noText: boolean;
+    disabled: boolean | string;
+    noText: boolean | string;
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
-    showIcon: boolean;
-    semantic: "adaptive" | "neutral" | "critical" | "informational" | "warning" | "successful";
-    emphasis: "weak" | "strong" | "origin";
-    behavior: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    semantic: import("../../shared/model").SemanticType;
+    emphasis: import("../../shared/model").EmphasisType;
+    behavior: import("./model").TagBehaviorType | string;
     onRemove: (event?: any) => void;
     removeButton: string;
-    showCheckState: boolean;
-    overflow: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    content?: ((props: {}) => any) | undefined;
-    default?: ((props: {}) => any) | undefined;
-}>;
+    showCheckState: boolean | string;
+    overflow: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<DBTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBTagProps> & Readonly<{}>, {
+    text: string;
+    disabled: boolean | string;
+    noText: boolean | string;
+    children: any;
+    className: string;
+    id: string;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
+    semantic: import("../../shared/model").SemanticType;
+    emphasis: import("../../shared/model").EmphasisType;
+    behavior: import("./model").TagBehaviorType | string;
+    onRemove: (event?: any) => void;
+    removeButton: string;
+    showCheckState: boolean | string;
+    overflow: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormState, FormTextProps, FromValidState, GlobalProps, GlobalState, InputEventProps, InputEventState } from '../../shared/model';
 export declare const TextareaResizeList: readonly ["none", "both", "horizontal", "vertical"];
 export type TextareaResizeType = (typeof TextareaResizeList)[number];
 export declare const TextareaWrapList: readonly ["hard", "soft", "off"];
@@ -7,7 +7,7 @@ export type DBTextareaDefaultProps = {
     /**
      * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer
      */
-    cols?: number;
+    cols?: number | string;
     /**
      * In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this
      */
@@ -15,7 +15,7 @@ export type DBTextareaDefaultProps = {
     /**
      * The number of visible text lines for the control. If it is specified, it must be a positive integer
      */
-    rows?: number;
+    rows?: number | string;
     /**
      * Specifies whether the textarea is subject to spell checking by the underlying browser/OS
      */
@@ -27,4 +27,4 @@ export type DBTextareaDefaultProps = {
 };
 export type DBTextareaProps = DBTextareaDefaultProps & ChangeEventProps<HTMLTextAreaElement> & InputEventProps<HTMLTextAreaElement> & FocusEventProps<HTMLTextAreaElement> & FormProps & GlobalProps & FormTextProps & FormMessageProps;
 export type DBTextareaDefaultState = {};
-export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState;
+export type DBTextareaState = DBTextareaDefaultState & ChangeEventState<HTMLTextAreaElement> & InputEventState<HTMLTextAreaElement> & FocusEventState<HTMLTextAreaElement> & FormState & GlobalState & FromValidState;