@lumx/react 3.21.1 → 3.21.2-alpha.0

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

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

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

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

@@ -1,14 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/select/Select Demos' };
-
-export { App as MultiSelectChip } from './multi-select-chip';
-export { App as MultiSelectSearch } from './multi-select-search';
-export { App as MultiSelect } from './multi-select';
-export { App as SelectChip } from './select-chip';
-export { App as SingleSelectSearch } from './single-select-search';
-export { App as SingleSelect } from './single-select';
-export { App as StateDisabled } from './state-disabled';
-export { App as StateInvalid } from './state-invalid';
-export { App as StateValid } from './state-valid';

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

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/side-navigation/SideNavigation Demos' };
-
-export { App as Default } from './default';
-export { App as Emphasis } from './emphasis';
-export { App as Nested } from './nested';
-export { App as States } from './states';
-export { App as WithIcon } from './with-icon';

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

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/skeleton/Skeleton Demos' };
-
-export { App as Animation } from './animation';
-export { App as Circle } from './circle';
-export { App as Rectangle } from './rectangle';
-export { App as Typography } from './typography';

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

@@ -1,9 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/slider/Slider Demos' };
-
-export { App as Default } from './default';
-export { App as Precision } from './precision';
-export { App as Steps } from './steps';
-export { App as WithoutMinMax } from './without-min-max';

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

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/slideshow/Slideshow Demos' };
-
-export { App as Auto } from './auto';
-export { App as Default } from './default';
-export { App as Group } from './group';

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

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

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

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

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

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/tabs/Tabs Demos' };
-
-export { App as Default } from './default';
-export { App as IconTabs } from './icon-tabs';
-export { App as LeftTabs } from './left-tabs';

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

@@ -1,20 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/text-field/TextField Demos' };
-
-export { App as CharacterCounter } from './character-counter';
-export { App as Clearable } from './clearable';
-export { App as Default } from './default';
-export { App as Disabled } from './disabled';
-export { App as Helper } from './helper';
-export { App as Icon } from './icon';
-export { App as Invalid } from './invalid';
-export { App as Number } from './number';
-export { App as Placeholder } from './placeholder';
-export { App as Required } from './required';
-export { App as TextAreaInvalid } from './text-area-invalid';
-export { App as TextAreaValid } from './text-area-valid';
-export { App as TextArea } from './text-area';
-export { App as Valid } from './valid';
-export { App as WithChips } from './with-chips';

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

@@ -1,12 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/thumbnail/Thumbnail Demos' };
-
-export { App as Combined } from './combined';
-export { App as ErrorFallback } from './error-fallback';
-export { App as Error } from './error';
-export { App as Loading } from './loading';
-export { App as Ratios } from './ratios';
-export { App as Sizes } from './sizes';
-export { App as Variants } from './variants';

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

@@ -1,10 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/toolbar/Toolbar Demos' };
-
-export { App as Back } from './back';
-export { App as Default } from './default';
-export { App as Dialog } from './dialog';
-export { App as FileWidget } from './file-widget';
-export { App as MediaPicker } from './media-picker';

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

@@ -1,8 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/tooltip/Tooltip Demos' };
-
-export { App as Default } from './default';
-export { App as Delay } from './delay';
-export { App as Placement } from './placement';

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

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

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

@@ -1,11 +0,0 @@
-/**
- * File generated when storybook is started. Do not edit directly!
- */
-export default { title: 'LumX components/user-block/UserBlock Demos' };
-
-export { App as Extended } from './extended';
-export { App as SizeL } from './size-l';
-export { App as SizeM } from './size-m';
-export { App as SizeS } from './size-s';
-export { App as SizeXs } from './size-xs';
-export { App as Vertical } from './vertical';

package/src/stories/utils/CustomLink.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-/**
- * Example custom link that can be used in linkAs props.
- */
-export const CustomLink = React.forwardRef<HTMLAnchorElement, { to: string; children?: React.ReactNode }>(
-    ({ to = '#', children, ...props }, ref) => (
-        <a ref={ref} href={to} data-custom-link {...props}>
-            {children}
-        </a>
-    ),
-);
-CustomLink.displayName = 'CustomLink';

package/src/stories/utils/concatPath.tsx

@@ -1,17 +0,0 @@
-export type PathPart = string | number;
-export type Path = PathPart | Array<PathPart>;
-
-/**
- * Concat flatten object path
- *
- * @example concatPath('foo', 'bar') // => 'foo.bar'
- * @example concatPath(['foo', 0]) // => 'foo[0]'
- * @example concatPath('foo', 0, ['bar']) // => 'foo[0].bar'
- */
-export const concatPath = (...prefix: Path[]) => {
-    const [first, ...rest] = prefix.flat();
-    return rest.reduce<string>((acc, part) => {
-        if (typeof part === 'number') return `${acc}[${part}]`;
-        return `${acc}.${part}`;
-    }, String(first));
-};

package/src/stories/utils/disableArgTypes.ts

@@ -1,3 +0,0 @@
-export function disableArgTypes(argTypes: string[]) {
-    return Object.fromEntries(argTypes.map((argType) => [argType, { table: { disable: true } }]));
-}

package/src/stories/utils/initDemoShadowDOMPortal.ts

@@ -1,10 +0,0 @@
-/** Init a demo shadow DOM to use as portal container */
-export const initDemoShadowDOMPortal = () => {
-    const div = document.createElement('div');
-    document.body.appendChild(div);
-    const container = div.attachShadow({ mode: 'open' });
-    const style = document.createElement('style');
-    style.innerText = `button { color: red; }`;
-    container.appendChild(style);
-    return { container, teardown: () => div.remove() };
-};

package/src/stories/utils/lorem.ts

@@ -1,59 +0,0 @@
-const tiny = `Lorem ipsum quisque tincidunt lobortis dui non auctor. Donec porta, ligula volutpat
-vehicula aliquet, dui sapien tempus felis, sed.`;
-const short = `${tiny} Ullamco laboris nisi ut aliquid ex ea
-commodi consequat. Inmensae subtilitatis, obscuris et malesuada fames. Me non paenitet nullum
-festiviorem excogitasse ad hoc. Cum ceteris in veneratione tui montes, nascetur mus. Etiam
-habebis sem dicantur magna mollis euismod. Quis aute iure reprehenderit in voluptate velit esse.
-Phasellus laoreet lorem vel dolor tempus vehicula. Ambitioni dedisse scripsisse iudicaretur.
-Paullum deliquit, ponderibus modulisque suis ratio utitur. Ab illo tempore, ab est sed
-immemorabili. Nec dubitamus multa iter quae et nos invenerat.`;
-const long = `${short} Tu quoque, Brute, fili mi, nihil
-timor populi, nihil! Morbi fringilla convallis sapien, id pulvinar odio volutpat. Cras mattis
-iudicium purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus.
-Quisque ut dolor gravida, placerat libero vel, euismod. Unam incolunt Belgae, aliam Aquitani,
-tertiam. Cras mattis iudicium purus sit amet fermentum. Prima luce, cum quibus mons aliud
-consensu ab eo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Petierunt uti sibi
-concilium totius Galliae in diem certam indicere. Etiam habebis sem dicantur magna mollis
-euismod. A communi observantia non est recedendum. Ut enim ad minim veniam, quis nostrud
-exercitation. Paullum deliquit, ponderibus modulisque suis ratio utitur. Hi omnes lingua,
-institutis, legibus inter se differunt. Magna pars studiorum, prodita quaerimus. Quisque ut
-dolor gravida, placerat libero vel, euismod. Tityre, tu patulae recubans sub tegmine fagi dolor.
-Excepteur sint obcaecat cupiditat non proident culpa. Plura mihi bona sunt, inclinet, amari
-petere vellent. Quae vero auctorem tractata ab fiducia dicuntur. Inmensae subtilitatis, obscuris
-et malesuada fames. Quo usque tandem abutere, Catilina, patientia nostra? Nihilne te nocturnum
-praesidium Palati, nihil urbis vigiliae. Curabitur blandit tempus ardua ridiculus sed magna. Tu
-quoque, Brute, fili mi, nihil timor populi, nihil! Nihil hic munitissimus habendi senatus locus,
-nihil horum?Tu quoque, Brute, fili mi, nihil timor populi, nihil! Tityre, tu patulae recubans
-sub tegmine fagi dolor. Plura mihi bona sunt, inclinet, amari petere vellent. Ullamco laboris
-nisi ut aliquid ex ea commodi consequat. Pellentesque habitant morbi tristique senectus et
-netus. Salutantibus vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur
-adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Petierunt uti sibi
-concilium totius Galliae in diem certam indicere. Contra legem facit qui id facit quod lex
-prohibet. Integer legentibus erat a ante historiarum dapibus. Petierunt uti sibi concilium
-totius Galliae in diem certam indicere. Ab illo tempore, ab est sed immemorabili. Nihil hic
-munitissimus habendi senatus locus, nihil horum? Quisque ut dolor gravida, placerat libero vel,
-euismod. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut
-labore et dolore magna aliqua. Nec dubitamus multa iter quae et nos invenerat. Quam temere in
-vitiis, legem sancimus haerentia. Donec sed odio operae, eu vulputate felis rhoncus. Idque
-Caesaris facere voluntate liceret: sese habere. Paullum deliquit, ponderibus modulisque suis
-ratio utitur. Quae vero auctorem tractata ab fiducia dicuntur. Gallia est omnis divisa in partes
-tres, quarum. Etiam habebis sem dicantur magna mollis euismod. Fabio vel iudice vincam, sunt in
-culpa qui officia. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
-incidunt ut labore et dolore magna aliqua. Tu quoque, Brute, fili mi, nihil timor populi, nihil!
-Integer legentibus erat a ante historiarum dapibus. Tityre, tu patulae recubans sub tegmine fagi
-dolor. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Idque Caesaris facere voluntate
-liceret: sese habere. Quid securi etiam tamquam eu fugiat nulla pariatur. Pellentesque habitant
-morbi tristique senectus et netus. Ut enim ad minim veniam, quis nostrud exercitation. Petierunt
-uti sibi concilium totius Galliae in diem certam indicere. Curabitur est gravida et libero vitae
-dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Quam temere in vitiis, legem
-sancimus haerentia. Phasellus laoreet lorem vel dolor tempus vehicula. Ab illo tempore, ab est
-sed immemorabili. Praeterea iter est quasdam res quas ex communi. Quo usque tandem abutere,
-Catilina, patientia nostra? Non equidem invideo, miror magis posuere velit aliquet. Excepteur
-sint obcaecat cupiditat non proident culpa. Curabitur blandit tempus ardua ridiculus sed magna.
-Plura mihi bona sunt, inclinet, amari petere vellent. Quae vero auctorem tractata ab fiducia
-dicuntur. Me non paenitet nullum festiviorem excogitasse ad hoc. Unam incolunt Belgae, aliam
-Aquitani, tertiam.`;
-
-const types = { tiny, short, long } as const;
-
-export const loremIpsum = (type: keyof typeof types): string => types[type];