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

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

@@ -1,42 +0,0 @@
-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

@@ -1,2 +0,0 @@
-export { default as GridColumn } from './GridColumn';
-export type { GridColumnProps, GridColumnGapSize } from './GridColumn';

package/components/heading/Heading.d.ts

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

package/components/heading/HeadingLevelProvider.d.ts

@@ -1,12 +0,0 @@
-export interface HeadingLevelProviderProps {
-    /** The heading level to start at. If left undefined, the parent context will be used, if any. */
-    level?: number;
-}
-/**
- * HeadingLevelProvider component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const HeadingLevelProvider: import('vue').DefineSetupFnComponent<HeadingLevelProviderProps, {}, {}, HeadingLevelProviderProps & {}, import('vue').PublicProps>;
-export default HeadingLevelProvider;

package/components/heading/context.d.ts

@@ -1,3 +0,0 @@
-import { InjectionKey } from 'vue';
-import { HeadingLevelContext } from '@lumx/core/js/components/Heading/constants';
-export declare const HeadingLevelContextKey: InjectionKey<HeadingLevelContext>;

package/components/heading/index.d.ts

@@ -1,6 +0,0 @@
-import { HeadingProps } from '@lumx/core/js/components/Heading';
-import { default as Heading } from './Heading';
-import { default as HeadingLevelProvider } from './HeadingLevelProvider';
-import { useHeadingLevel } from './useHeadingLevel';
-export { Heading, HeadingLevelProvider, useHeadingLevel };
-export type { HeadingProps };

package/components/heading/useHeadingLevel.d.ts

@@ -1,7 +0,0 @@
-import { HeadingLevelContext } from '@lumx/core/js/components/Heading/constants';
-/**
- * Hook to get the current heading level from the context.
- *
- * @return The current heading level and element.
- */
-export declare const useHeadingLevel: () => HeadingLevelContext;

package/components/icon/Icon.d.ts

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

package/components/icon/index.d.ts

@@ -1,4 +0,0 @@
-import { IconProps, IconSizes } from '@lumx/core/js/components/Icon';
-import { default as Icon } from './Icon';
-export { Icon };
-export type { IconProps, IconSizes };

package/components/image-block/ImageBlock.d.ts

@@ -1,19 +0,0 @@
-import { ImageBlockProps as UIProps, CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, ImageBlockCaptionPosition, ImageBlockPropsToOverride } from '@lumx/core/js/components/ImageBlock';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-import { ThumbnailProps } from '../thumbnail';
-export type ImageBlockProps = Omit<VueToJSXProps<UIProps, ImageBlockPropsToOverride>, never> & {
-    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
-    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight' | 'alt'>;
-};
-export { CLASSNAME, COMPONENT_NAME, DEFAULT_PROPS, ImageBlockCaptionPosition };
-/**
- * ImageBlock component.
- *
- * @param  props Component props.
- * @return Vue element.
- */
-declare const ImageBlock: import('vue').DefineSetupFnComponent<ImageBlockProps, {}, {}, Omit<VueToJSXProps<UIProps, ImageBlockPropsToOverride>, never> & {
-    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
-    thumbnailProps?: Omit<ThumbnailProps, "image" | "size" | "theme" | "align" | "fillHeight" | "alt">;
-} & {}, import('vue').PublicProps>;
-export default ImageBlock;

package/components/image-block/ImageBlock.stories.d.ts

@@ -1,178 +0,0 @@
-declare const _default: {
-    component: any;
-    argTypes: {
-        size: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("xl" | "xxl")[];
-            mapping: Record<string, "xl" | "xxl"> | undefined;
-        };
-        image: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: string[];
-            mapping: Record<string, string> | undefined;
-        };
-        captionPosition: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("over" | "below")[];
-            mapping: Record<string, "over" | "below"> | undefined;
-        };
-        'thumbnailProps.aspectRatio': {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("vertical" | "horizontal" | "original" | "panoramic" | "wide" | "square" | "free")[];
-            mapping: Record<string, "vertical" | "horizontal" | "original" | "panoramic" | "wide" | "square" | "free"> | undefined;
-        };
-        align: {
-            control: {
-                type: "select" | "inline-radio";
-            };
-            options: ("center" | "right" | "left")[];
-            mapping: Record<string, "center" | "right" | "left"> | undefined;
-        };
-        tags: {
-            control: boolean;
-        };
-        actions: {
-            control: boolean;
-        };
-    };
-    args: {
-        image: string;
-        actions?: import('react').ReactNode;
-        align?: import('../..').HorizontalAlignment | undefined;
-        alt?: string | undefined;
-        captionPosition?: import('../..').ImageBlockCaptionPosition | undefined;
-        fillHeight?: boolean | undefined;
-        size?: import('@lumx/core/js/components/ImageBlock').ImageBlockSize | undefined;
-        thumbnailProps?: import('../..').GenericProps | undefined;
-        ref?: import('../..').CommonRef;
-        Thumbnail?: any;
-        ImageCaption?: any;
-        className?: string | undefined;
-        theme?: import('../..').Theme | undefined;
-        title?: string | undefined;
-        description?: import('react').ReactNode | {
-            __html: string;
-        };
-        titleProps?: import('../..').GenericProps | undefined;
-        descriptionProps?: import('../..').GenericProps | undefined;
-        tags?: import('react').ReactNode;
-        captionStyle?: import('../..').GenericProps | undefined;
-    };
-    decorators: ((story: any, context: any) => any)[];
-    title: string;
-};
-export default _default;
-export declare const WithCaptionBelow: {
-    args: {
-        captionPosition: "below";
-        size: "xxl";
-        title: string;
-        description: string;
-    };
-};
-export declare const WithCaptionOver: {
-    args: {
-        captionPosition: "over";
-        size: "xxl";
-        title: string;
-        description: string;
-    };
-};
-export declare const WithAlign: {
-    args: {
-        image: string;
-        size: undefined;
-        align: "center";
-        captionPosition: "below";
-        title: string;
-        description: string;
-    };
-};
-export declare const WithTags: {
-    render: ({ tags, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
-    args: {
-        size: "xxl";
-    };
-};
-export declare const WithActions: {
-    render: ({ actions, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
-    args: {
-        size: "xxl";
-    };
-};
-export declare const WithFocusPointHorizontal: {
-    args: {
-        size: "xxl";
-        'thumbnailProps.aspectRatio': "vertical";
-        'thumbnailProps.focusPoint.x': number;
-        'thumbnailProps.focusPoint.y': number;
-    };
-    argTypes: {
-        'thumbnailProps.focusPoint.x': {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-        'thumbnailProps.focusPoint.y': {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-    };
-};
-export declare const WithFocusPointVertical: {
-    args: {
-        size: "xxl";
-        image: string;
-        'thumbnailProps.aspectRatio': "horizontal";
-        'thumbnailProps.focusPoint.x': number;
-        'thumbnailProps.focusPoint.y': number;
-    };
-    argTypes: {
-        'thumbnailProps.focusPoint.x': {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-        'thumbnailProps.focusPoint.y': {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-    };
-};
-export declare const FullFeatured: {
-    render: ({ tags, actions, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
-    args: {
-        image: string;
-        size: undefined;
-        align: "center";
-        captionPosition: "below";
-        title: string;
-        description: string;
-        'thumbnailProps.aspectRatio': "horizontal";
-        'thumbnailProps.focusPoint.x': number;
-        'thumbnailProps.focusPoint.y': number;
-    };
-    decorators: ((story: any, context: any) => any)[];
-};

package/components/image-block/ImageCaption.d.ts

@@ -1,19 +0,0 @@
-import { HorizontalAlignment, Theme } from '@lumx/core/js/constants';
-import { ClassValue } from '../../utils/VueToJSX';
-type ImageCaptionProps = {
-    as?: 'div' | 'figcaption';
-    align?: HorizontalAlignment;
-    baseClassName?: string;
-    captionStyle?: Record<string, any>;
-    class?: ClassValue;
-    description?: any;
-    descriptionProps?: Record<string, any>;
-    tags?: any;
-    theme?: Theme;
-    title?: string;
-    titleProps?: Record<string, any>;
-    truncate?: boolean;
-};
-/** Internal component used to render image captions */
-declare const ImageCaption: import('vue').DefineSetupFnComponent<ImageCaptionProps, {}, {}, ImageCaptionProps & {}, import('vue').PublicProps>;
-export default ImageCaption;

package/components/image-block/index.d.ts

@@ -1 +0,0 @@
-export { default as ImageBlock, type ImageBlockProps, ImageBlockCaptionPosition } from './ImageBlock';

package/components/inline-list/InlineList.d.ts

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

package/components/inline-list/InlineList.stories.d.ts

@@ -1,53 +0,0 @@
-declare const _default: {
-    component: any;
-    argTypes: {
-        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" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
-            mapping: Record<string, "caption" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button"> | 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;
-        };
-        children: {
-            control: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const WithElements: {
-    render: (args: any) => import("vue/jsx-runtime").JSX.Element;
-};
-export declare const MixedNoWrapAndTruncate: {
-    args: {
-        typography: string;
-        color: string;
-        colorVariant: string;
-        style: {
-            width: string;
-        };
-    };
-    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
-    decorators: ((story: any, context: any) => any)[];
-};
-export declare const Wrap: {
-    args: {
-        wrap: boolean;
-    };
-    render: ({ children, ...args }: any) => import("vue/jsx-runtime").JSX.Element;
-    decorators: ((story: any, context: any) => any)[];
-};

package/components/inline-list/index.d.ts

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

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

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

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

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

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

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

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

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

package/components/lightbox/Lightbox.d.ts

@@ -1,28 +0,0 @@
-import { BaseLightboxProps } from '@lumx/core/js/components/Lightbox';
-import { VueToJSXProps } from '../../utils/VueToJSX';
-export type LightboxProps = VueToJSXProps<BaseLightboxProps, 'theme' | 'aria-label' | 'aria-labelledby'> & {
-    /** Reference to the element that triggered lightbox opening (gets focus back on close). */
-    parentElement?: HTMLElement;
-    /** Element that should receive focus when the lightbox opens. By default the first focusable child. */
-    focusElement?: HTMLElement;
-    /** Props to pass to the close button. */
-    closeButtonProps?: any;
-};
-export declare const emitSchema: {
-    close: () => boolean;
-};
-declare const Lightbox: import('vue').DefineSetupFnComponent<LightboxProps, {
-    close: () => boolean;
-}, {}, Omit<BaseLightboxProps, "className" | import('@lumx/core/js/types').PropsToOverride | "children" | "aria-label" | "theme" | "aria-labelledby"> & {
-    class?: import('../../utils/VueToJSX').ClassValue;
-} & {
-    /** Reference to the element that triggered lightbox opening (gets focus back on close). */
-    parentElement?: HTMLElement;
-    /** Element that should receive focus when the lightbox opens. By default the first focusable child. */
-    focusElement?: HTMLElement;
-    /** Props to pass to the close button. */
-    closeButtonProps?: any;
-} & {
-    onClose?: (() => any) | undefined;
-}, import('vue').PublicProps>;
-export default Lightbox;

package/components/lightbox/Lightbox.stories.d.ts

@@ -1,27 +0,0 @@
-declare const _default: {
-    component: any;
-    render: any;
-    play: ({ canvas }: any) => Promise<void>;
-    argTypes: {
-        children: {
-            control: boolean;
-        };
-    };
-    title: string;
-};
-export default _default;
-export declare const Image: {
-    render: ({ children, ...args }: any) => any;
-    args: {
-        'aria-label': string;
-    };
-};
-export declare const WithCloseButton: {
-    render: ({ children, ...args }: any) => any;
-    args: {
-        closeButtonProps: {
-            label: string;
-        };
-        'aria-label': string;
-    };
-};

package/components/lightbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Lightbox, type LightboxProps } from './Lightbox';

package/components/link/Link.d.ts

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