@lumx/vue 4.3.2-alpha.8 → 4.4.0

package/components/badge/Badge.d.ts

@@ -7,7 +7,7 @@ export type BadgeProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Badge: import('vue').DefineSetupFnComponent<BadgeProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Badge: import('vue').DefineSetupFnComponent<BadgeProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Badge;

package/components/badge/Badge.stories.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    component: any;
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        color: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
+        };
+    };
+    args: Partial<import('@lumx/core/js/components/Badge').BadgeProps>;
+    title: string;
+};
+export default _default;
+export declare const WithText: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithIcon: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithThumbnail: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const AllColors: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        color: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/badge/BadgeWrapper.d.ts

@@ -2,7 +2,7 @@ import { BadgeWrapperProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS
 import { VueToJSXProps } from '../../utils/VueToJSX';
 export type BadgeWrapperProps = VueToJSXProps<UIProps>;
 export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
-declare const BadgeWrapper: import('vue').DefineSetupFnComponent<BadgeWrapperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const BadgeWrapper: import('vue').DefineSetupFnComponent<BadgeWrapperProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default BadgeWrapper;

package/components/badge/BadgeWrapper.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    component: any;
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+    args: Partial<import('@lumx/core/js/components/Badge/BadgeWrapper').BadgeWrapperProps>;
+    title: string;
+};
+export default _default;
+export declare const WithIcon: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const WithButton: {
+    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
+};

package/components/button/Button.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  */
 declare const Button: import('vue').DefineSetupFnComponent<ButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/button/ButtonGroup.d.ts

@@ -7,7 +7,7 @@ export type ButtonGroupProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const ButtonGroup: import('vue').DefineSetupFnComponent<ButtonGroupProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default ButtonGroup;

package/components/button/IconButton.d.ts

@@ -12,7 +12,7 @@ export declare const emitSchema: {
  */
 declare const IconButton: import('vue').DefineSetupFnComponent<IconButtonProps, {
     click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     onClick?: ((event: MouseEvent) => any) | undefined;

package/components/checkbox/Checkbox.d.ts

@@ -13,7 +13,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, INTERMEDIATE_STATE };
  */
 declare const Checkbox: import('vue').DefineSetupFnComponent<CheckboxProps, {
     change: (isChecked: boolean, value?: string, name?: string, event?: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "inputRef" | "inputId"> & {
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "inputRef" | "inputId"> & {
     class?: string;
 } & {
     onChange?: ((isChecked: boolean, value?: string | undefined, name?: string | undefined, event?: Event | undefined) => any) | undefined;

package/components/divider/Divider.d.ts

@@ -8,7 +8,7 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Divider: import('vue').DefineSetupFnComponent<DividerProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Divider: import('vue').DefineSetupFnComponent<DividerProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Divider;

package/components/flag/Flag.d.ts

@@ -7,7 +7,7 @@ export type FlagProps = VueToJSXProps<UIProps, 'Text'>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick" | "Text"> & {
+declare const Flag: import('vue').DefineSetupFnComponent<FlagProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "Text"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Flag;

package/components/flag/Flag.stories.d.ts

@@ -0,0 +1,108 @@
+declare const _default: {
+    component: any;
+    render: any;
+    argTypes: {
+        color: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
+        };
+        icon: {
+            control: {
+                type: string;
+            };
+            options: {
+                undefined: undefined;
+                mdiAbTesting: string;
+                mdiAbjadArabic: string;
+                mdiAccount: string;
+                mdiAccountBox: string;
+                mdiAlert: string;
+                mdiAlertCircle: string;
+                mdiArrowDown: string;
+                mdiArrowUp: string;
+                mdiAtom: string;
+                mdiBee: string;
+                mdiBell: string;
+                mdiBullhornOutline: string;
+                mdiCheck: string;
+                mdiCheckCircle: string;
+                mdiChevronDown: string;
+                mdiChevronLeft: string;
+                mdiChevronRight: string;
+                mdiChevronUp: string;
+                mdiClose: string;
+                mdiCloseCircle: string;
+                mdiDelete: string;
+                mdiDotsHorizontal: string;
+                mdiDragVertical: string;
+                mdiEarth: string;
+                mdiEmail: string;
+                mdiEye: string;
+                mdiFileEdit: string;
+                mdiFlag: string;
+                mdiFolder: string;
+                mdiFolderGoogleDrive: string;
+                mdiFoodApple: string;
+                mdiGoogleCirclesExtended: string;
+                mdiHeart: string;
+                mdiHome: string;
+                mdiImageBroken: string;
+                mdiInformation: string;
+                mdiLink: string;
+                mdiMagnifyMinusOutline: string;
+                mdiMagnifyPlusOutline: string;
+                mdiMenuDown: string;
+                mdiMessageTextOutline: string;
+                mdiMinus: string;
+                mdiOpenInNew: string;
+                mdiPauseCircleOutline: string;
+                mdiPencil: string;
+                mdiPlay: string;
+                mdiPlayCircleOutline: string;
+                mdiPlus: string;
+                mdiRadioboxBlank: string;
+                mdiRadioboxMarked: string;
+                mdiReply: string;
+                mdiSend: string;
+                mdiStar: string;
+                mdiTextBox: string;
+                mdiTextBoxPlus: string;
+                mdiTram: string;
+                mdiTranslate: string;
+                mdiViewList: string;
+            };
+        };
+    };
+    args: {
+        label: string;
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const WithIcon: {
+    args: {
+        icon: string;
+    };
+};
+export declare const AllColors: {
+    args: {
+        icon: string;
+    };
+    argTypes: {
+        color: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const Truncate: {
+    args: {
+        label: string;
+        truncate: boolean;
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/flex-box/FlexBox.d.ts

@@ -11,7 +11,7 @@ export { CLASSNAME, COMPONENT_NAME };
  * @param  props Component props.
  * @return Vue element.
  */
-declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const FlexBox: import('vue').DefineSetupFnComponent<FlexBoxProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
     /** Customize the root element. */

package/components/grid-column/GridColumn.d.ts

@@ -0,0 +1,9 @@
+import { GridColumnProps as UIProps, GridColumnGapSize, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/GridColumn';
+import { VueToJSXProps } from '../../utils/VueToJSX';
+export type GridColumnProps = VueToJSXProps<UIProps>;
+export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
+export type { GridColumnGapSize };
+declare const GridColumn: import('vue').DefineSetupFnComponent<GridColumnProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    class?: string;
+} & {}, import('vue').PublicProps>;
+export default GridColumn;

package/components/grid-column/GridColumn.stories.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    component: any;
+    render: ({ nbItems, ...props }: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        nbItems: {
+            control: string;
+        };
+        gap: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: (import('../..').GridColumnGapSize | undefined)[];
+            mapping: Record<string, import('../..').GridColumnGapSize | undefined> | undefined;
+        };
+        itemMinWidth: {
+            control: string;
+        };
+        maxColumns: {
+            control: string;
+        };
+    };
+    args: {
+        nbItems: number;
+        as?: any;
+        children?: import('react').ReactNode;
+        gap?: import('../..').GridColumnGapSize | undefined;
+        maxColumns?: number | undefined;
+        itemMinWidth?: number | undefined;
+        style?: any;
+        ref?: import('../..').CommonRef;
+        className?: string | undefined;
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {};
+export declare const Columns: {
+    args: {
+        maxColumns: number;
+        itemMinWidth: number;
+    };
+};

package/components/grid-column/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GridColumn } from './GridColumn';
+export type { GridColumnProps, GridColumnGapSize } from './GridColumn';
+export { CLASSNAME as GRID_COLUMN_CLASSNAME, COMPONENT_NAME as GRID_COLUMN_COMPONENT_NAME } from './GridColumn';

package/components/heading/Heading.d.ts

@@ -7,7 +7,7 @@ export type HeadingVueProps = VueToJSXProps<HeadingProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Heading: import('vue').DefineSetupFnComponent<HeadingVueProps, {}, {}, Omit<HeadingProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Heading;

package/components/icon/Icon.d.ts

@@ -7,7 +7,7 @@ export type IconProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const Icon: import('vue').DefineSetupFnComponent<IconProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default Icon;

package/components/input-helper/InputHelper.d.ts

@@ -7,7 +7,7 @@ export type InputHelperProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputHelper: import('vue').DefineSetupFnComponent<InputHelperProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputHelper;

package/components/input-label/InputLabel.d.ts

@@ -7,7 +7,7 @@ export type InputLabelProps = VueToJSXProps<UIProps>;
  * @param  props Component props.
  * @return Vue element.
  */
-declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | "children" | "ref" | "onChange" | "onClick"> & {
+declare const InputLabel: import('vue').DefineSetupFnComponent<InputLabelProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {}, import('vue').PublicProps>;
 export default InputLabel;

package/components/link/Link.d.ts

@@ -1,10 +1,9 @@
-import { LinkProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS } from '@lumx/core/js/components/Link';
+import { LinkProps as UIProps } from '@lumx/core/js/components/Link';
 import { VueToJSXProps } from '../../utils/VueToJSX';
-export type LinkProps = VueToJSXProps<UIProps, 'label'>;
+export type LinkProps = VueToJSXProps<UIProps>;
 export declare const emitSchema: {
-    click: (event: Event) => boolean;
+    click: (event: MouseEvent) => boolean;
 };
-export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
 /**
  * Link component.
  *
@@ -12,10 +11,10 @@ export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS };
  * @return Vue element.
  */
 declare const Link: import('vue').DefineSetupFnComponent<LinkProps, {
-    click: (event: Event) => boolean;
-}, {}, Omit<UIProps, "className" | "label" | "children" | "ref" | "onChange" | "onClick"> & {
+    click: (event: MouseEvent) => boolean;
+}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
     class?: string;
 } & {
-    onClick?: ((event: Event) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
 }, import('vue').PublicProps>;
 export default Link;

package/components/link/Link.stories.d.ts

@@ -0,0 +1,268 @@
+declare const _default: {
+    component: any;
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        onClick: {
+            action: boolean;
+        };
+        typography: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("caption" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6")[];
+            mapping: Record<string, "caption" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6"> | undefined;
+        };
+        color: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
+            mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
+        };
+        colorVariant: {
+            control: {
+                type: "select" | "inline-radio";
+            };
+            options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
+            mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
+        };
+        rightIcon: {
+            control: {
+                type: string;
+            };
+            options: {
+                undefined: undefined;
+                mdiAbTesting: string;
+                mdiAbjadArabic: string;
+                mdiAccount: string;
+                mdiAccountBox: string;
+                mdiAlert: string;
+                mdiAlertCircle: string;
+                mdiArrowDown: string;
+                mdiArrowUp: string;
+                mdiAtom: string;
+                mdiBee: string;
+                mdiBell: string;
+                mdiBullhornOutline: string;
+                mdiCheck: string;
+                mdiCheckCircle: string;
+                mdiChevronDown: string;
+                mdiChevronLeft: string;
+                mdiChevronRight: string;
+                mdiChevronUp: string;
+                mdiClose: string;
+                mdiCloseCircle: string;
+                mdiDelete: string;
+                mdiDotsHorizontal: string;
+                mdiDragVertical: string;
+                mdiEarth: string;
+                mdiEmail: string;
+                mdiEye: string;
+                mdiFileEdit: string;
+                mdiFlag: string;
+                mdiFolder: string;
+                mdiFolderGoogleDrive: string;
+                mdiFoodApple: string;
+                mdiGoogleCirclesExtended: string;
+                mdiHeart: string;
+                mdiHome: string;
+                mdiImageBroken: string;
+                mdiInformation: string;
+                mdiLink: string;
+                mdiMagnifyMinusOutline: string;
+                mdiMagnifyPlusOutline: string;
+                mdiMenuDown: string;
+                mdiMessageTextOutline: string;
+                mdiMinus: string;
+                mdiOpenInNew: string;
+                mdiPauseCircleOutline: string;
+                mdiPencil: string;
+                mdiPlay: string;
+                mdiPlayCircleOutline: string;
+                mdiPlus: string;
+                mdiRadioboxBlank: string;
+                mdiRadioboxMarked: string;
+                mdiReply: string;
+                mdiSend: string;
+                mdiStar: string;
+                mdiTextBox: string;
+                mdiTextBoxPlus: string;
+                mdiTram: string;
+                mdiTranslate: string;
+                mdiViewList: string;
+            };
+        };
+        leftIcon: {
+            control: {
+                type: string;
+            };
+            options: {
+                undefined: undefined;
+                mdiAbTesting: string;
+                mdiAbjadArabic: string;
+                mdiAccount: string;
+                mdiAccountBox: string;
+                mdiAlert: string;
+                mdiAlertCircle: string;
+                mdiArrowDown: string;
+                mdiArrowUp: string;
+                mdiAtom: string;
+                mdiBee: string;
+                mdiBell: string;
+                mdiBullhornOutline: string;
+                mdiCheck: string;
+                mdiCheckCircle: string;
+                mdiChevronDown: string;
+                mdiChevronLeft: string;
+                mdiChevronRight: string;
+                mdiChevronUp: string;
+                mdiClose: string;
+                mdiCloseCircle: string;
+                mdiDelete: string;
+                mdiDotsHorizontal: string;
+                mdiDragVertical: string;
+                mdiEarth: string;
+                mdiEmail: string;
+                mdiEye: string;
+                mdiFileEdit: string;
+                mdiFlag: string;
+                mdiFolder: string;
+                mdiFolderGoogleDrive: string;
+                mdiFoodApple: string;
+                mdiGoogleCirclesExtended: string;
+                mdiHeart: string;
+                mdiHome: string;
+                mdiImageBroken: string;
+                mdiInformation: string;
+                mdiLink: string;
+                mdiMagnifyMinusOutline: string;
+                mdiMagnifyPlusOutline: string;
+                mdiMenuDown: string;
+                mdiMessageTextOutline: string;
+                mdiMinus: string;
+                mdiOpenInNew: string;
+                mdiPauseCircleOutline: string;
+                mdiPencil: string;
+                mdiPlay: string;
+                mdiPlayCircleOutline: string;
+                mdiPlus: string;
+                mdiRadioboxBlank: string;
+                mdiRadioboxMarked: string;
+                mdiReply: string;
+                mdiSend: string;
+                mdiStar: string;
+                mdiTextBox: string;
+                mdiTextBoxPlus: string;
+                mdiTram: string;
+                mdiTranslate: string;
+                mdiViewList: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        color?: import('../..').ColorWithVariants | undefined;
+        colorVariant?: import('../..').ColorVariant | undefined;
+        href?: string | undefined;
+        isDisabled?: boolean | undefined;
+        linkAs?: string | any;
+        handleClick?: ((event: any) => void) | undefined;
+        target?: string | undefined;
+        typography?: import('../..').Typography | undefined;
+        ref?: import('../..').CommonRef;
+        className?: string | undefined;
+        'aria-disabled'?: import('@lumx/core/js/types/Booleanish').Booleanish | undefined;
+        disabled?: boolean | undefined;
+    };
+    title: string;
+};
+export default _default;
+export declare const Default: {
+    args: {
+        href: string;
+        target: string;
+    };
+};
+export declare const AsButton: {
+    args: {
+        children: string;
+    };
+};
+export declare const WithTypography: {
+    args: {
+        href: string;
+        typography: string;
+    };
+};
+export declare const WithColor: {
+    args: {
+        href: string;
+        color: "primary";
+        colorVariant: "D1";
+    };
+};
+export declare const Disabled: {
+    argTypes: {
+        isDisabled: {
+            control: boolean;
+        };
+        'aria-disabled': {
+            control: boolean;
+        };
+    };
+    args: {
+        children: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const LinkAs: {
+    args: {
+        linkAs: any;
+        children: string;
+    };
+};
+export declare const WithCustomizableTypography: {
+    args: {
+        typography: "custom-title1";
+        children: string;
+    };
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+};
+export declare const AllStates: {
+    argTypes: {
+        isDisabled: {
+            control: boolean;
+        };
+        onClick: {
+            action: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const AllTypography: {
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    argTypes: {
+        typography: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const AllColors: {
+    args: {
+        children: string;
+    };
+    argTypes: {
+        color: {
+            control: boolean;
+        };
+        colorVariant: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const ParentTypographyAndColor: {
+    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/link/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Link } from './Link';
-export type { LinkProps } from './Link';
+import { default as Link, LinkProps } from './Link';
+export { Link };
+export type { LinkProps };