@reapit/elements 5.0.0-beta.1 → 5.0.0-beta.3

package/dist/esm/components/table/table.stories.d.ts

@@ -0,0 +1,248 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./table").TableProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ColumnWidths: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const BasicCustomisationTableCells: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ExpandingTableCellSpace: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ExpandableContent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CallToActionContent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ReactShorthandUsage: {
+    render: ({ rows }: {
+        rows: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        rows: ({
+            cells: ({
+                label: string;
+                value: import("react/jsx-runtime").JSX.Element;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                cellHasDarkText: boolean;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                cellHasDarkText?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                cellHasDarkText: boolean;
+                icon?: undefined;
+                narrowTable?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                statusCircleIntent: string;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+            })[];
+            expandableContent: {
+                content: import("react/jsx-runtime").JSX.Element;
+            };
+        } | {
+            cells: ({
+                label: string;
+                value: import("react/jsx-runtime").JSX.Element;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                cellHasDarkText: boolean;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                cellHasDarkText?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                cellHasDarkText: boolean;
+                icon?: undefined;
+                narrowTable?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                children: import("react/jsx-runtime").JSX.Element;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+            })[];
+            expandableContent: {
+                content: import("react/jsx-runtime").JSX.Element;
+            };
+        })[];
+    };
+};
+export declare const AdvancedCustomisationReact: {
+    render: ({ rows }: {
+        rows: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        rows: ({
+            cells: ({
+                label: string;
+                value: import("react/jsx-runtime").JSX.Element;
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                className: import("@linaria/core").LinariaClassName;
+                icon: string;
+                cellHasDarkText: boolean;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                className?: undefined;
+                cellHasDarkText?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                cellHasDarkText: boolean;
+                className?: undefined;
+                icon?: undefined;
+                narrowTable?: undefined;
+                statusCircleIntent?: undefined;
+            } | {
+                label: string;
+                value: string;
+                statusCircleIntent: string;
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+            })[];
+            expandableContent: {
+                content: import("react/jsx-runtime").JSX.Element;
+            };
+        } | {
+            cells: ({
+                label: string;
+                value: import("react/jsx-runtime").JSX.Element;
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                className: import("@linaria/core").LinariaClassName;
+                icon: string;
+                cellHasDarkText: boolean;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                icon: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                className?: undefined;
+                cellHasDarkText?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                narrowTable: {
+                    showLabel: boolean;
+                };
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                cellHasDarkText: boolean;
+                className?: undefined;
+                icon?: undefined;
+                narrowTable?: undefined;
+                children?: undefined;
+            } | {
+                label: string;
+                value: string;
+                children: import("react/jsx-runtime").JSX.Element;
+                className?: undefined;
+                icon?: undefined;
+                cellHasDarkText?: undefined;
+                narrowTable?: undefined;
+            })[];
+            expandableContent: {
+                content: import("react/jsx-runtime").JSX.Element;
+            };
+        })[];
+    };
+};

package/dist/esm/components/tabs/tabs.stories.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tabs").TabsProps>;
+};
+export default _default;
+export declare const TabsDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsFullWidth: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsReactExampleUncontrolled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TabsReactExampleControlled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/components/tag/tag.stories.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tag").TagProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IntentPrimary: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentNeutral: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentSuccess: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentPending: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentWarning: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentDanger: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const IntentDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TagGroupUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/textarea/textarea.stories.d.ts

@@ -0,0 +1,15 @@
+declare const _default: {
+    title: string;
+    component: import("./textarea").TextAreaWrapped;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TextAreaPlaceholder: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const TextAreaError: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/tile/tile.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tile").TileProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const PaddingVariants: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TileLayouts: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/toggle/toggle.stories.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    title: string;
+    component: import("./toggle").ToggleWrapped;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ToggleSwitch: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDefault: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioSelectPropsGreyBg: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const ToggleRadioDisabled: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/components/tool-tip/tooltip.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./tool-tip").ToolTipProps>;
+};
+export default _default;
+export declare const BasicUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const DefaultActive: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/components/typography/typography.stories.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("./typography").TypographyProps>;
+};
+export default _default;
+export declare const BaseScale: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TypographyModifiers: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Intent: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SmallTextUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const TitleAndSubtitle: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SubtitleAndBodyText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const BodyTextAndSmallText: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/hooks/use-media-query/media.stories.d.ts

@@ -1,3 +1,16 @@
-import React from 'react';
-export declare const MediaMobileExample: () => React.JSX.Element;
-export declare const AllBreakPointExample: () => React.JSX.Element | undefined;
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+};
+export default _default;
+export declare const MediaStateProviderUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};
+export declare const MediaStateProviderBreakpoints: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/hooks/use-media-query/media.story-component.d.ts

@@ -0,0 +1,2 @@
+export declare const MediaMobileExample: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllBreakPointExample: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/hooks/use-portal/use-portal.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: ({ id, children }: {
+        id: any;
+        children: any;
+    }) => import("react").ReactPortal;
+};
+export default _default;
+export declare const PortalUsage: {
+    render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+    name: string;
+};

package/dist/esm/icons/index.d.ts

@@ -1,2 +1 @@
 export * from './icons';
-export * from './icons-legacy';

package/dist/esm/index.d.ts

@@ -22,7 +22,6 @@ export * from './components/modal';
 export * from './components/multi-select';
 export * from './components/nav';
 export * from './components/pagination';
-export * from './components/persistant-notification';
 export * from './components/persistent-notification';
 export * from './components/progress-bar';
 export * from './components/secondary-nav';