@lumx/react 3.20.1-alpha.1 → 3.20.1-alpha.11

package/src/stories/controls/image.ts

@@ -1,84 +0,0 @@
-import { getSelectArgType } from '@lumx/react/stories/controls/selectArgType';
-
-const avatar1 = '/demo-assets/avatar1.jpg';
-const avatar2 = '/demo-assets/avatar2.jpg';
-const avatar3 = '/demo-assets/avatar3.jpg';
-const avatar4 = '/demo-assets/avatar4.jpg';
-const landscape1 = '/demo-assets/landscape1.jpg';
-const landscape2 = '/demo-assets/landscape2.jpg';
-const landscape1s200 = '/demo-assets/landscape1-s200.jpg';
-const landscape3 = '/demo-assets/landscape3.jpg';
-const portrait1 = '/demo-assets/portrait1.jpg';
-const portrait1s200 = '/demo-assets/portrait1-s200.jpg';
-const portrait2 = '/demo-assets/portrait2.jpg';
-const portrait3 = '/demo-assets/portrait3.jpg';
-const square1 = '/demo-assets/square1.jpg';
-const square2 = '/demo-assets/square2.jpg';
-const defaultSvg = '/demo-assets/defaultSvg.svg';
-const emptyImage = '';
-
-export const AVATAR_IMAGES = { avatar1, avatar2, avatar3, avatar4 };
-export const SQUARE_IMAGES = { square1, square2 };
-export const SVG_IMAGES = { defaultSvg };
-export const EMPTY_IMAGES = { emptyImage };
-export const LANDSCAPE_IMAGES = { landscape1, landscape1s200, landscape2, landscape3 };
-export const LANDSCAPE_IMAGES_ALT: { [key in keyof typeof LANDSCAPE_IMAGES]: string } = {
-    landscape1: 'A majestic snowy mountain range with a peak covered in glistening snow',
-    landscape1s200: 'A majestic snowy mountain range with a peak covered in glistening snow',
-    landscape2: 'A colorful rack of shirts displaying various hues and styles',
-    landscape3: 'An open book resting on a table, ready to be explored and read',
-};
-export const PORTRAIT_IMAGES = { portrait1, portrait1s200, portrait2, portrait3 };
-export const IMAGES = {
-    ...LANDSCAPE_IMAGES,
-    ...PORTRAIT_IMAGES,
-    ...SQUARE_IMAGES,
-    ...AVATAR_IMAGES,
-    ...SVG_IMAGES,
-    ...EMPTY_IMAGES,
-};
-
-export const avatarImageArgType = getSelectArgType(AVATAR_IMAGES);
-export const squareImageArgType = getSelectArgType(SQUARE_IMAGES);
-export const landscapeImageArgType = getSelectArgType(LANDSCAPE_IMAGES);
-export const portraitImageArgType = getSelectArgType(PORTRAIT_IMAGES);
-export const imageArgType = getSelectArgType(IMAGES);
-
-type Size = { width: number; height: number };
-
-export const AVATAR_IMAGE_SIZES: Record<keyof typeof AVATAR_IMAGES, Size> = {
-    avatar1: { width: 128, height: 128 },
-    avatar2: { width: 150, height: 150 },
-    avatar3: { width: 128, height: 128 },
-    avatar4: { width: 128, height: 128 },
-};
-export const SQUARE_IMAGE_SIZES: Record<keyof typeof SQUARE_IMAGES, Size> = {
-    square1: { width: 72, height: 72 },
-    square2: { width: 300, height: 300 },
-};
-export const LANDSCAPE_IMAGE_SIZES: Record<keyof typeof LANDSCAPE_IMAGES, Size> = {
-    landscape1: { width: 800, height: 546 },
-    landscape1s200: { width: 200, height: 150 },
-    landscape2: { width: 800, height: 600 },
-    landscape3: { width: 640, height: 480 },
-};
-export const PORTRAIT_IMAGE_SIZES: Record<keyof typeof PORTRAIT_IMAGES, Size> = {
-    portrait1: { width: 275, height: 500 },
-    portrait1s200: { width: 200, height: 364 },
-    portrait2: { width: 350, height: 500 },
-    portrait3: { width: 300, height: 500 },
-};
-export const SVG_IMAGE_SIZES: Record<keyof typeof SVG_IMAGES, Size> = {
-    defaultSvg: { width: 0, height: 0 },
-};
-export const EMPTY_IMAGES_SIZES: Record<keyof typeof EMPTY_IMAGES, Size> = {
-    emptyImage: { width: 0, height: 0 },
-};
-export const IMAGE_SIZES: Record<keyof typeof IMAGES, Size> = {
-    ...LANDSCAPE_IMAGE_SIZES,
-    ...PORTRAIT_IMAGE_SIZES,
-    ...SQUARE_IMAGE_SIZES,
-    ...AVATAR_IMAGE_SIZES,
-    ...SVG_IMAGE_SIZES,
-    ...EMPTY_IMAGES_SIZES,
-};

package/src/stories/controls/selectArgType.ts

@@ -1,8 +0,0 @@
-export const getSelectArgType = <E>(
-    options: Array<E> | Record<string, E>,
-    type: 'select' | 'inline-radio' = 'inline-radio',
-) => ({
-    control: { type },
-    options: Object.values(options),
-    mapping: !Array.isArray(options) ? options : undefined,
-});

package/src/stories/controls/theme.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@lumx/react';
-
-export const themeArgType = { control: 'inline-radio', options: Theme };

package/src/stories/controls/typography.ts

@@ -1,5 +0,0 @@
-import { getSelectArgType } from '@lumx/react/stories/controls/selectArgType';
-import { TypographyCustom, TypographyInterface } from '@lumx/react';
-
-export const ALL_TYPOGRAPHY = [...Object.values(TypographyInterface), ...Object.values(TypographyCustom)];
-export const allTypographyArgType = getSelectArgType(ALL_TYPOGRAPHY);

package/src/stories/controls/withUndefined.ts

@@ -1 +0,0 @@
-export const withUndefined = <E>(options: Array<E> | Record<string, E>) => [undefined, ...Object.values(options)];

package/src/stories/decorators/withChromaticForceScreenSize.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import isChromatic from 'chromatic/isChromatic';
-
-/** Story decorator used to force a minimum screen size when running in chromatic */
-export const withChromaticForceScreenSize = () => {
-    // eslint-disable-next-line react/display-name
-    return (story: any) => (isChromatic() ? <div style={{ minWidth: 1200, minHeight: 800 }}>{story()}</div> : story());
-};

package/src/stories/decorators/withCombinations.tsx

@@ -1,132 +0,0 @@
-/* eslint-disable react/display-name,jsx-a11y/control-has-associated-label,prefer-object-spread */
-import React from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { Heading, HeadingLevelProvider } from '@lumx/react';
-
-type PropEntry = [key: string, value: unknown];
-type PropCombination = Record<string, Record<string, unknown>>;
-type PropArrayCombination = { key: string; options: Array<any> };
-type Combination = PropArrayCombination | PropCombination;
-
-const toProps = <E,>(arr: Array<E>, prop: string): PropEntry[] =>
-    arr.map((value) => [String(value), { [prop]: value }]);
-
-const isArrayConfig = (c?: Combination): c is PropArrayCombination => !!c?.key;
-
-function toPropEntries(config?: Combination): PropEntry[] {
-    if (isEmpty(config)) return [['', {}]];
-    if (isArrayConfig(config)) return toProps(config.options, config.key);
-    return Object.entries(config as PropCombination);
-}
-
-type Options = {
-    /** Props combinations */
-    combinations: {
-        rows?: Combination;
-        cols?: Combination;
-        sections?: Combination;
-    };
-    /** Inject style on table */
-    tableStyle?: React.CSSProperties;
-    /** Inject style on first col */
-    firstColStyle?: React.CSSProperties;
-    /** Inject style on sections */
-    sectionStyle?: React.CSSProperties;
-    /** Inject style on cols */
-    colStyle?: React.CSSProperties;
-    /** Inject style on cells */
-    cellStyle?: React.CSSProperties;
-    /** Combinator function */
-    combinator?: (a: any, b: any) => any;
-    /** Exclude a combination */
-    excludeCombination?: (args: any) => boolean;
-};
-
-/**
- * SB decorator generating a tables of combination of props (max 3 levels of props)
- */
-export const withCombinations =
-    ({
-        combinations,
-        tableStyle,
-        firstColStyle,
-        cellStyle,
-        colStyle,
-        sectionStyle,
-        combinator = Object.assign,
-        excludeCombination,
-    }: Options) =>
-    (Story: any, ctx: any) => {
-        const rows = toPropEntries(combinations.rows);
-        const cols = toPropEntries(combinations.cols);
-        const sections = toPropEntries(combinations.sections);
-        const hasRows = rows.length > 1;
-        const hasCols = cols.length > 1;
-
-        return (
-            <>
-                {sections.map(([level2Key, level2Value]) => {
-                    const sectionArgs = combinator({ ...ctx.args }, level2Value);
-                    const sectionCols = cols
-                        .map(([level1Key, level1Value]) => {
-                            const args = combinator({ ...sectionArgs }, level1Value);
-                            if (excludeCombination?.(args)) return null;
-                            return [level1Key, args];
-                        })
-                        .filter(Boolean) as Array<[string, any]>;
-                    return (
-                        <section key={level2Key} style={sectionStyle}>
-                            <HeadingLevelProvider>
-                                {level2Key && <Heading style={{ textTransform: 'capitalize' }}>{level2Key}</Heading>}
-
-                                {hasRows || hasCols ? (
-                                    <table style={{ ...tableStyle, borderCollapse: 'separate', borderSpacing: 8 }}>
-                                        {combinations.cols && (
-                                            <thead>
-                                                <tr>
-                                                    {hasRows && <th aria-hidden />}
-                                                    {sectionCols.map(([key]) => (
-                                                        <th key={key} style={colStyle}>
-                                                            <small>{key}</small>
-                                                        </th>
-                                                    ))}
-                                                </tr>
-                                            </thead>
-                                        )}
-                                        <tbody>
-                                            {rows.map(([level0Key, level0Value], i1) => {
-                                                const rowArgs = combinator({ ...sectionArgs }, level0Value);
-                                                if (excludeCombination?.(rowArgs)) return null;
-                                                return (
-                                                    <tr key={i1}>
-                                                        {hasRows && (
-                                                            <th style={{ ...firstColStyle, textAlign: 'left' }}>
-                                                                <small>{level0Key}</small>
-                                                            </th>
-                                                        )}
-                                                        {cols.map(([level1Key, level1Value]) => {
-                                                            const args = combinator({ ...rowArgs }, level1Value);
-                                                            let render: React.ReactNode = <Story args={args} />;
-                                                            if (excludeCombination?.(args)) render = null;
-                                                            const textAlign = combinations.cols ? 'center' : undefined;
-                                                            return (
-                                                                <td key={level1Key} style={{ textAlign, ...cellStyle }}>
-                                                                    {render}
-                                                                </td>
-                                                            );
-                                                        })}
-                                                    </tr>
-                                                );
-                                            })}
-                                        </tbody>
-                                    </table>
-                                ) : (
-                                    <Story args={sectionArgs} />
-                                )}
-                            </HeadingLevelProvider>
-                        </section>
-                    );
-                })}
-            </>
-        );
-    };

package/src/stories/decorators/withNestedProps.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import set from 'lodash/set';
-
-/**
- * Convert flattened props into nested props
- *
- * @example: toNestedProps({ 'foo.bar': 4 }) => { foo: { bar: 4 } }
- */
-export function toNestedProps(flattenedProps: Record<string, any>): Record<string, any> {
-    const props = {};
-    for (const [key, value] of Object.entries(flattenedProps)) {
-        set(props, key, value);
-    }
-    return props;
-}
-
-/**
- * SB decorator converting args from flattened props to nested props
- */
-export const withNestedProps = () => {
-    // eslint-disable-next-line react/display-name
-    return (Story: any, ctx: any) => <Story args={toNestedProps(ctx.args)} />;
-};

package/src/stories/decorators/withResizableBox.tsx

@@ -1,21 +0,0 @@
-import type { CSSProperties } from 'react';
-import { withWrapper } from './withWrapper';
-
-/** Storybook decorator wrapping story in a resizable box  */
-export const withResizableBox = ({
-    width = 150,
-    height = 50,
-    ...style
-}: Pick<CSSProperties, 'height' | 'minWidth' | 'width'> = {}) => {
-    return withWrapper({
-        style: {
-            display: 'flex',
-            width,
-            height,
-            border: '1px solid red',
-            resize: 'both',
-            overflow: 'hidden',
-            ...style,
-        },
-    });
-};

package/src/stories/decorators/withThemedBackground.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-const LIGHT_BACKGROUND_COLOR = '#EEE';
-const DARK_BACKGROUND_COLOR = '#333';
-
-/**
- * SB decorator adding a background adapted to the current theme.
- */
-export const withThemedBackground = () => {
-    return (Story: any, { args }: any) => {
-        const backgroundColor = args.theme === 'dark' ? DARK_BACKGROUND_COLOR : LIGHT_BACKGROUND_COLOR;
-        return (
-            <div style={{ backgroundColor, padding: 8 }}>
-                <Story />
-            </div>
-        );
-    };
-};

package/src/stories/decorators/withValueOnChange.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import over from 'lodash/over';
-import identity from 'lodash/identity';
-
-export const withValueOnChange = ({
-    valueProp = 'value',
-    valueTransform = identity,
-}: {
-    valueProp?: string;
-    valueTransform?: (v: any) => any;
-} = {}) => {
-    // eslint-disable-next-line react/display-name
-    return (Story: any, ctx: any) => {
-        const [value, onChange] = React.useState(ctx.args[valueProp]);
-        const args = { ...ctx.args, onChange: over([onChange, ctx.args.onChange]), [valueProp]: valueTransform(value) };
-        return <Story args={args} />;
-    };
-};

package/src/stories/decorators/withWrapper.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-/**
- * SB decorator adding a wrapping div around the story
- */
-export const withWrapper = <E extends React.ElementType = 'div'>(
-    props: Omit<React.ComponentProps<E>, 'children'>,
-    as?: E,
-) => {
-    // eslint-disable-next-line react/display-name
-    return (Story: any, ctx: any) => {
-        const Wrapper = as || 'div';
-        const { wrapperProps } = ctx.parameters;
-        const overriddenProps = { ...props, ...wrapperProps, style: { ...props?.style, ...wrapperProps?.style } };
-        return (
-            <Wrapper {...overriddenProps}>
-                <Story />
-            </Wrapper>
-        );
-    };
-};

package/src/stories/generated/Autocomplete/Demos.stories.tsx

@@ -1,7 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/autocomplete/Autocomplete Demos' };
-
-export { App as Default } from './default';
-export { App as Multiple } from './multiple';

package/src/stories/generated/Avatar/Demos.stories.tsx

@@ -1,7 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/avatar/Avatar Demos' };
-
-export { App as Actions } from './actions';
-export { App as Default } from './default';

package/src/stories/generated/Badge/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/badge/Badge Demos' };
-
-export { App as Colors } from './colors';
-export { App as Icon } from './icon';
-export { App as Label } from './label';
-export { App as Thumbnail } from './thumbnail';

package/src/stories/generated/Button/Demos.stories.tsx

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/button/Button Demos' };
-
-export { App as EmphasisHigh } from './emphasis-high';
-export { App as EmphasisLow } from './emphasis-low';
-export { App as EmphasisMedium } from './emphasis-medium';
-export { App as FullWidth } from './full-width';
-export { App as Small } from './small';
-export { App as Toggle } from './toggle';

package/src/stories/generated/Checkbox/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/checkbox/Checkbox Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/Chip/Demos.stories.tsx

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/chip/Chip Demos' };
-
-export { App as Choice } from './choice';
-export { App as Default } from './default';
-export { App as Dismissible } from './dismissible';
-export { App as Filter } from './filter';
-export { App as Group } from './group';
-export { App as Small } from './small';

package/src/stories/generated/CommentBlock/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/comment-block/CommentBlock Demos' };
-
-export { App as Default } from './default';
-export { App as Relevant } from './relevant';
-export { App as Threaded } from './threaded';

package/src/stories/generated/DatePicker/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/date-picker/DatePicker Demos' };
-
-export { App as Default } from './default';
-export { App as Input } from './input';
-export { App as Restricted } from './restricted';

package/src/stories/generated/Dialog/Demos.stories.tsx

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/dialog/Dialog Demos' };
-
-export { App as Alert } from './alert';
-export { App as Confirm } from './confirm';
-export { App as Default } from './default';
-export { App as Isloading } from './isloading';
-export { App as Sizes } from './sizes';

package/src/stories/generated/Divider/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/divider/Divider Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/Dropdown/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/dropdown/Dropdown Demos' };
-
-export { App as Default } from './default';
-export { App as Selects } from './selects';
-export { App as Target } from './target';

package/src/stories/generated/ExpansionPanel/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/expansion-panel/ExpansionPanel Demos' };
-
-export { App as Default } from './default';
-export { App as DragHandle } from './drag-handle';
-export { App as Examples } from './examples';
-export { App as Trimmed } from './trimmed';

package/src/stories/generated/Flag/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/flag/Flag Demos' };
-
-export { App as Flag } from './flag';

package/src/stories/generated/GenericBlock/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/generic-block/GenericBlock Demos' };
-
-export { App as HorizontalAlignment } from './horizontal-alignment';
-export { App as Sizes } from './sizes';
-export { App as VerticalAlignment } from './vertical-alignment';

package/src/stories/generated/Heading/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/heading/Heading Demos' };
-
-export { App as AutomaticHeadingLevel } from './automatic-heading-level';

package/src/stories/generated/Icon/Demos.stories.tsx

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/icon/Icon Demos' };
-
-export { App as Colors } from './colors';
-export { App as Shape } from './shape';
-export { App as Simple } from './simple';

package/src/stories/generated/ImageBlock/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/image-block/ImageBlock Demos' };
-
-export { App as Default } from './default';
-export { App as ImageBlockAbove } from './image-block-above';
-export { App as ImageBlockAlignment } from './image-block-alignment';
-export { App as ImageBlockPadding } from './image-block-padding';

package/src/stories/generated/ImageLightbox/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/image-lightbox/ImageLightbox Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/Lightbox/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/lightbox/Lightbox Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/LinkPreview/Demos.stories.tsx

@@ -1,7 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/link-preview/LinkPreview Demos' };
-
-export { App as Big } from './big';
-export { App as Default } from './default';

package/src/stories/generated/List/Demos.stories.tsx

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/list/List Demos' };
-
-export { App as Big } from './big';
-export { App as Clickable } from './clickable';
-export { App as Huge } from './huge';
-export { App as Paddings } from './paddings';
-export { App as Regular } from './regular';
-export { App as Tiny } from './tiny';

package/src/stories/generated/Message/Demos.stories.tsx

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/message/Message Demos' };
-
-export { App as Closable } from './closable';
-export { App as Error } from './error';
-export { App as Info } from './info';
-export { App as Success } from './success';
-export { App as Trimmed } from './trimmed';
-export { App as Warning } from './warning';

package/src/stories/generated/Mosaic/Demos.stories.tsx

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/mosaic/Mosaic Demos' };
-
-export { App as Clickable } from './clickable';
-export { App as FourImages } from './four-images';
-export { App as MoreImages } from './more-images';
-export { App as ThreeImages } from './three-images';
-export { App as TwoImages } from './two-images';

package/src/stories/generated/Notification/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/notification/Notification Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/Popover/Demos.stories.tsx

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/popover/Popover Demos' };
-
-export { App as Alignments } from './alignments';
-export { App as Auto } from './auto';
-export { App as Default } from './default';
-export { App as MatchingWidth } from './matching-width';
-export { App as Offset } from './offset';
-export { App as Positions } from './positions';

package/src/stories/generated/PopoverDialog/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/popover-dialog/PopoverDialog Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/PostBlock/Demos.stories.tsx

@@ -1,6 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/post-block/PostBlock Demos' };
-
-export { App as Default } from './default';

package/src/stories/generated/Progress/Demos.stories.tsx

@@ -1,7 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/progress/Progress Demos' };
-
-export { App as Circular } from './circular';
-export { App as Linear } from './linear';

package/src/stories/generated/ProgressTracker/Demos.stories.tsx

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/progress-tracker/ProgressTracker Demos' };
-
-export { App as Default } from './default';
-export { App as Error } from './error';
-export { App as Helper } from './helper';
-export { App as States } from './states';