@lumx/vue 4.17.1-alpha.2 → 4.17.1-alpha.3

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

@@ -1,268 +0,0 @@
-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,3 +0,0 @@
-import { default as Link, LinkProps } from './Link';
-export { Link };
-export type { LinkProps };

package/components/link-preview/LinkPreview.d.ts

@@ -1,20 +0,0 @@
-import { LinkPreviewProps as UIProps, COMPONENT_NAME } from '@lumx/core/js/components/LinkPreview';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type LinkPreviewProps = VueToJSXProps<UIProps, 'TitleHeading' | 'Link' | 'Thumbnail'> & {
-    /** Customize the title heading tag. */
-    titleHeading?: string;
-};
-export { COMPONENT_NAME };
-/**
- * LinkPreview component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const LinkPreview: import('vue').DefineSetupFnComponent<LinkPreviewProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "Thumbnail" | "Link" | "TitleHeading"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {
-    /** Customize the title heading tag. */
-    titleHeading?: string;
-} & {}, import('vue').PublicProps>;
-export default LinkPreview;

package/components/link-preview/LinkPreview.stories.d.ts

@@ -1,55 +0,0 @@
-declare const _default: {
-    component: any;
-    decorators: ((story: any, context: any) => any)[];
-    args: {
-        title: string;
-        description: string;
-        link: string;
-        size: "regular";
-        titleHeading: "h2";
-    };
-    argTypes: {
-        size: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("big" | "regular")[];
-            mapping: Record<string, "big" | "regular"> | undefined;
-        };
-        titleHeading: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: import('@lumx/core/js/types').HeadingElement[];
-            mapping: Record<string, import('@lumx/core/js/types').HeadingElement> | undefined;
-            if: {
-                arg: string;
-            };
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Default: {};
-export declare const TitleAndDescription: {
-    args: {
-        title: string;
-        description: string;
-    };
-};
-export declare const AllFields: {
-    args: {
-        'thumbnailProps.image': string;
-        title: string;
-        description: string;
-    };
-};
-export declare const Big: {
-    decorators: ((story: any, context: any) => any)[];
-    args: {
-        size: "big";
-        'thumbnailProps.image': string;
-        title: string;
-        description: string;
-    };
-};

package/components/link-preview/index.d.ts

@@ -1,3 +0,0 @@
-import { default as LinkPreview, LinkPreviewProps } from './LinkPreview';
-export { LinkPreview };
-export type { LinkPreviewProps };

package/components/list/List.d.ts

@@ -1,13 +0,0 @@
-import { ListProps as UIProps } from '@lumx/core/js/components/List';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListProps = VueToJSXProps<UIProps>;
-/**
- * List component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const List: import('vue').DefineSetupFnComponent<ListProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {}, import('vue').PublicProps>;
-export default List;

package/components/list/List.stories.d.ts

@@ -1,24 +0,0 @@
-declare const _default: {
-    component: any;
-    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
-    argTypes: {
-        itemPadding: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("big" | "huge" | undefined)[];
-            mapping: Record<string, "big" | "huge" | undefined> | undefined;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Default: {};
-export declare const ItemPadding: {
-    argTypes: {
-        itemPadding: {
-            control: boolean;
-        };
-    };
-    decorators: ((story: any, context: any) => any)[];
-};

package/components/list/ListDivider.d.ts

@@ -1,13 +0,0 @@
-import { ListDividerProps as UIProps } from '@lumx/core/js/components/List/ListDivider';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListDividerProps = VueToJSXProps<UIProps>;
-/**
- * ListDivider component.
- * Purely decorative, consider a `ListSection` with label for a better list structure.
- *
- * @return Vue element.
- */
-declare const ListDivider: import('vue').DefineSetupFnComponent<ListDividerProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {}, import('vue').PublicProps>;
-export default ListDivider;

package/components/list/ListDivider.stories.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    component: any;
-    decorators: ((story: any, context: any) => any)[];
-    title: string;
-};
-export default _default;
-export declare const Default: {};

package/components/list/ListItem.d.ts

@@ -1,26 +0,0 @@
-import { ListItemProps as UIProps, ListItemSize } from '@lumx/core/js/components/List/ListItem';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type { ListItemSize };
-export type ListItemProps = VueToJSXProps<UIProps, 'after' | 'before' | 'linkRef'>;
-export declare const emitSchema: {
-    click: (event: MouseEvent) => boolean;
-};
-declare const _default: import('vue').DefineSetupFnComponent<ListItemProps, {
-    click: (event: MouseEvent) => boolean;
-}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "before" | "after" | "linkRef"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}, import('vue').PublicProps> & {
-    Action: import('vue').DefineSetupFnComponent<import('./ListItemAction').ListItemActionProps, {
-        click: (event: MouseEvent) => boolean;
-    }, {}, Omit<import('@lumx/core/js/components/RawClickable').BaseClickableProps & import('@lumx/core/js/types').HasClassName, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
-        class?: import('../../utils/VueToJSX').ClassValue;
-    } & {
-        as?: import('@lumx/core/js/components/RawClickable').ClickableElement;
-        href?: string;
-    } & {
-        onClick?: ((event: MouseEvent) => any) | undefined;
-    }, import('vue').PublicProps>;
-};
-export default _default;

package/components/list/ListItem.stories.d.ts

@@ -1,80 +0,0 @@
-declare const _default: {
-    args: Partial<import('@lumx/core/js/components/List/ListItem').ListItemProps>;
-    argTypes: {
-        size: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: import('../..').ListItemSize[];
-            mapping: Record<string, import('../..').ListItemSize> | undefined;
-        };
-    };
-    render?: any;
-    component: any;
-    title: string;
-};
-export default _default;
-export declare const Default: {
-    args: {
-        children: string;
-    };
-    decorators: ((story: any, context: any) => any)[];
-};
-export declare const AllStates: {
-    args: {
-        children: string;
-    };
-    decorators: ((story: any, context: any) => any)[];
-};
-export declare const ActionArea: {
-    argTypes: {
-        onClick: {
-            action: boolean;
-        };
-    };
-    render({ onClick, size }: any): import("vue/jsx-runtime").JSX.Element;
-};
-/** Inject a custom link component */
-export declare const CustomLink_: {
-    args: {
-        linkAs: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                to?: string;
-            }> & Readonly<{}>, {
-                linkRef: import('vue').Ref<HTMLAnchorElement | undefined, HTMLAnchorElement | undefined>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                linkRef: HTMLAnchorElement;
-            }, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                to?: string;
-            }> & Readonly<{}>, {
-                linkRef: import('vue').Ref<HTMLAnchorElement | undefined, HTMLAnchorElement | undefined>;
-            }, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<{
-            to?: string;
-        }> & Readonly<{}>, {
-            linkRef: import('vue').Ref<HTMLAnchorElement | undefined, HTMLAnchorElement | undefined>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        });
-        children: string;
-    };
-    decorators: ((story: any, context: any) => {
-        setup(): {
-            as: string | object;
-            overriddenProps: any;
-        };
-        template: string;
-    })[];
-};

package/components/list/ListItemAction.d.ts

@@ -1,31 +0,0 @@
-import { BaseClickableProps, ClickableElement } from '@lumx/core/js/components/RawClickable';
-import { HasClassName } from '@lumx/core/js/types';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListItemActionProps = VueToJSXProps<BaseClickableProps & HasClassName> & {
-    /** Customize the rendered element. */
-    as?: ClickableElement;
-    /** Link href. */
-    href?: string;
-};
-export declare const emitSchema: {
-    click: (event: MouseEvent) => boolean;
-};
-/**
- * ListItemAction component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const ListItemAction: import('vue').DefineSetupFnComponent<ListItemActionProps, {
-    click: (event: MouseEvent) => boolean;
-}, {}, Omit<BaseClickableProps & HasClassName, "className" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {
-    /** Customize the rendered element. */
-    as?: ClickableElement;
-    /** Link href. */
-    href?: string;
-} & {
-    onClick?: ((event: MouseEvent) => any) | undefined;
-}, import('vue').PublicProps>;
-export default ListItemAction;

package/components/list/ListSection.d.ts

@@ -1,13 +0,0 @@
-import { ListSectionProps as UIProps } from '@lumx/core/js/components/List/ListSection';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ListSectionProps = VueToJSXProps<UIProps, 'id' | 'Text'>;
-/**
- * ListSection component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const ListSection: import('vue').DefineSetupFnComponent<ListSectionProps, {}, {}, Omit<UIProps, "className" | import('@lumx/core/js/types').PropsToOverride | "id" | "children" | "Text"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {}, import('vue').PublicProps>;
-export default ListSection;

package/components/list/ListSection.stories.d.ts

@@ -1,112 +0,0 @@
-declare const _default: {
-    component: any;
-    argTypes: {
-        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;
-            };
-        };
-        'list.itemPadding': {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("big" | "huge" | undefined)[];
-            mapping: Record<string, "big" | "huge" | undefined> | undefined;
-        };
-        'listItem.size': {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("big" | "tiny" | "regular" | undefined)[];
-            mapping: Record<string, "big" | "tiny" | "regular" | undefined> | undefined;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Default: {
-    args: {
-        label: string;
-    };
-    render({ "list.itemPadding": itemPadding, "listItem.size": itemSize, ...args }: any): import("vue/jsx-runtime").JSX.Element;
-};
-export declare const AutoDividerEdgeCases: {
-    render({ "list.itemPadding": itemPadding, "listItem.size": itemSize }: any): import("vue/jsx-runtime").JSX.Element;
-};
-export declare const LabelVariants: {
-    render({ "list.itemPadding": itemPadding, "listItem.size": itemSize }: any): import("vue/jsx-runtime").JSX.Element;
-    decorators: ((story: any, context: any) => any)[];
-};
-export declare const ClickableItems: {
-    argTypes: {
-        onClick: {
-            action: boolean;
-        };
-    };
-    args: {
-        'list.itemPadding': "big";
-        'listItem.size': "tiny";
-    };
-    render({ onClick, "list.itemPadding": itemPadding, "listItem.size": itemSize }: any): import("vue/jsx-runtime").JSX.Element;
-};