@lumx/vue 4.3.2-alpha.45 → 4.3.2-alpha.46

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" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    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,116 @@
+import { Typography } from '@lumx/core/js/constants';
+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;
+        };
+        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;
+        };
+    };
+    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?: 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 AllColors: {
+    argTypes: {
+        color: {
+            control: boolean;
+        };
+        colorVariant: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: any, context: any) => any)[];
+};
+export declare const AllStates: {
+    [x: string]: any;
+};
+/**
+ * Use a custom typography and customize it via CSS variable
+ */
+export declare const WithCustomizableTypography: {
+    args: {
+        typography: "custom-title1";
+    };
+    render: (args: any) => {
+        components: {
+            Link: import('vue').DefineSetupFnComponent<import('../..').LinkProps, {
+                click: (event: MouseEvent) => boolean;
+            }, {}, Omit<import('@lumx/core/js/components/Link').LinkProps, "className" | import('../..').PropsToOverride | "children"> & {
+                class?: string;
+            } & {
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }, import('vue').PublicProps>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+};
+/**
+ * Check how link inherit parent typography & color.
+ * Typography should be inherited.
+ * Color should not.
+ */
+export declare const ParentTypographyAndColor: {
+    args: {
+        'parent.typography': undefined;
+        'parent.color': undefined;
+    };
+    render: ({ parent, ...args }: any) => {
+        components: {
+            Link: import('vue').DefineSetupFnComponent<import('../..').LinkProps, {
+                click: (event: MouseEvent) => boolean;
+            }, {}, Omit<import('@lumx/core/js/components/Link').LinkProps, "className" | import('../..').PropsToOverride | "children"> & {
+                class?: string;
+            } & {
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }, import('vue').PublicProps>;
+            Text: import('vue').DefineSetupFnComponent<import('../..').TextProps, {}, {}, Omit<import('@lumx/core/js/components/Text').TextProps, "className" | import('../..').PropsToOverride | "children"> & {
+                class?: string;
+            } & {}, import('vue').PublicProps>;
+            Icon: import('vue').DefineSetupFnComponent<import('../icon/Icon').IconProps, {}, {}, Omit<import('../..').IconProps, "className" | import('../..').PropsToOverride | "children"> & {
+                class?: string;
+            } & {}, import('vue').PublicProps>;
+        };
+        setup(): {
+            parent: any;
+            args: any;
+            mdiEarth: string;
+        };
+        template: string;
+    };
+    decorators: ((story: any, context: any) => any)[];
+};

package/components/link/Stories/LinkDefault.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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 };