@simplybusiness/mobius 4.2.2 → 4.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/dist/cjs/components/Accordion/Accordion.stories.d.ts +10 -13
- package/dist/cjs/components/Accordion/Accordion.stories.js +7 -3
- package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.stories.d.ts +7 -17
- package/dist/cjs/components/Alert/Alert.stories.js +2 -1
- package/dist/cjs/components/Alert/Alert.stories.js.map +1 -1
- package/dist/cjs/components/Box/Box.stories.d.ts +7 -16
- package/dist/cjs/components/Box/Box.stories.js +4 -3
- package/dist/cjs/components/Box/Box.stories.js.map +1 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +7 -9
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +2 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
- package/dist/cjs/components/Button/Button.stories.d.ts +17 -58
- package/dist/cjs/components/Button/Button.stories.js +4 -3
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +10 -30
- package/dist/cjs/components/Checkbox/Checkbox.stories.js +7 -3
- package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +1 -1
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +9 -24
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +7 -3
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +1 -1
- package/dist/cjs/components/Container/Container.stories.d.ts +6 -8
- package/dist/cjs/components/Container/Container.stories.js +2 -1
- package/dist/cjs/components/Container/Container.stories.js.map +1 -1
- package/dist/cjs/components/Divider/Divider.stories.d.ts +6 -11
- package/dist/cjs/components/Divider/Divider.stories.js +6 -1
- package/dist/cjs/components/Divider/Divider.stories.js.map +1 -1
- package/dist/cjs/components/Drawer/Drawer.stories.d.ts +8 -27
- package/dist/cjs/components/Drawer/Drawer.stories.js +10 -9
- package/dist/cjs/components/Drawer/Drawer.stories.js.map +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -19
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +12 -11
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +1 -1
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +7 -12
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +2 -1
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +1 -1
- package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +7 -10
- package/dist/cjs/components/Fieldset/Fieldset.stories.js +7 -3
- package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +1 -1
- package/dist/cjs/components/Flex/Flex.stories.d.ts +6 -81
- package/dist/cjs/components/Flex/Flex.stories.js +8 -7
- package/dist/cjs/components/Flex/Flex.stories.js.map +1 -1
- package/dist/cjs/components/Grid/Grid.stories.d.ts +7 -82
- package/dist/cjs/components/Grid/Grid.stories.js +19 -19
- package/dist/cjs/components/Grid/Grid.stories.js.map +1 -1
- package/dist/cjs/components/Icon/Icon.stories.d.ts +6 -9
- package/dist/cjs/components/Icon/Icon.stories.js +5 -4
- package/dist/cjs/components/Icon/Icon.stories.js.map +1 -1
- package/dist/cjs/components/Image/Image.stories.d.ts +6 -8
- package/dist/cjs/components/Image/Image.stories.js +3 -2
- package/dist/cjs/components/Image/Image.stories.js.map +1 -1
- package/dist/cjs/components/Label/Label.stories.d.ts +6 -8
- package/dist/cjs/components/Label/Label.stories.js +2 -1
- package/dist/cjs/components/Label/Label.stories.js.map +1 -1
- package/dist/cjs/components/Link/Link.stories.d.ts +7 -38
- package/dist/cjs/components/Link/Link.stories.js +4 -3
- package/dist/cjs/components/Link/Link.stories.js.map +1 -1
- package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +5 -47
- package/dist/cjs/components/LinkButton/LinkButton.stories.js +4 -3
- package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +1 -1
- package/dist/cjs/components/List/List.stories.d.ts +10 -33
- package/dist/cjs/components/List/List.stories.js +4 -3
- package/dist/cjs/components/List/List.stories.js.map +1 -1
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +2 -6
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +9 -36
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +7 -9
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +1 -1
- package/dist/cjs/components/Logo/Logo.stories.d.ts +6 -16
- package/dist/cjs/components/Logo/Logo.stories.js +5 -4
- package/dist/cjs/components/Logo/Logo.stories.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.stories.d.ts +10 -42
- package/dist/cjs/components/Modal/Modal.stories.js +18 -17
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/NumberField/NumberField.stories.d.ts +10 -52
- package/dist/cjs/components/NumberField/NumberField.stories.js +7 -3
- package/dist/cjs/components/NumberField/NumberField.stories.js.map +1 -1
- package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +6 -30
- package/dist/cjs/components/PasswordField/PasswordField.stories.js +7 -3
- package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +1 -1
- package/dist/cjs/components/Popover/Popover.stories.d.ts +7 -21
- package/dist/cjs/components/Popover/Popover.stories.js +4 -3
- package/dist/cjs/components/Popover/Popover.stories.js.map +1 -1
- package/dist/cjs/components/Progress/Progress.stories.d.ts +9 -56
- package/dist/cjs/components/Progress/Progress.stories.js +8 -4
- package/dist/cjs/components/Progress/Progress.stories.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.stories.d.ts +11 -37
- package/dist/cjs/components/Radio/Radio.stories.js +8 -4
- package/dist/cjs/components/Radio/Radio.stories.js.map +1 -1
- package/dist/cjs/components/Radio/RadioButton.stories.d.ts +10 -23
- package/dist/cjs/components/Radio/RadioButton.stories.js +8 -4
- package/dist/cjs/components/Radio/RadioButton.stories.js.map +1 -1
- package/dist/cjs/components/SVG/SVG.stories.d.ts +6 -8
- package/dist/cjs/components/SVG/SVG.stories.js +3 -2
- package/dist/cjs/components/SVG/SVG.stories.js.map +1 -1
- package/dist/cjs/components/Segment/Segment.stories.d.ts +8 -30
- package/dist/cjs/components/Segment/Segment.stories.js +11 -10
- package/dist/cjs/components/Segment/Segment.stories.js.map +1 -1
- package/dist/cjs/components/Select/Select.stories.d.ts +10 -31
- package/dist/cjs/components/Select/Select.stories.js +6 -1
- package/dist/cjs/components/Select/Select.stories.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.stories.d.ts +10 -13
- package/dist/cjs/components/Slider/Slider.stories.js +7 -3
- package/dist/cjs/components/Slider/Slider.stories.js.map +1 -1
- package/dist/cjs/components/Table/Table.stories.d.ts +6 -8
- package/dist/cjs/components/Table/Table.stories.js +2 -1
- package/dist/cjs/components/Table/Table.stories.js.map +1 -1
- package/dist/cjs/components/Text/Text.stories.d.ts +7 -11
- package/dist/cjs/components/Text/Text.stories.js +4 -3
- package/dist/cjs/components/Text/Text.stories.js.map +1 -1
- package/dist/cjs/components/TextArea/TextArea.stories.d.ts +11 -31
- package/dist/cjs/components/TextArea/TextArea.stories.js +7 -3
- package/dist/cjs/components/TextArea/TextArea.stories.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.stories.d.ts +19 -45
- package/dist/cjs/components/TextField/TextField.stories.js +7 -3
- package/dist/cjs/components/TextField/TextField.stories.js.map +1 -1
- package/dist/cjs/components/Title/Title.stories.d.ts +6 -8
- package/dist/cjs/components/Title/Title.stories.js +2 -1
- package/dist/cjs/components/Title/Title.stories.js.map +1 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +5 -7
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +2 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +1 -1
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +6 -9
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +3 -2
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/cjs/utils/StoryContainer.d.ts +1 -0
- package/dist/cjs/utils/StoryContainer.js +11 -0
- package/dist/cjs/utils/StoryContainer.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +8 -0
- package/dist/cjs/utils/index.js +25 -0
- package/dist/cjs/utils/index.js.map +1 -0
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/esm/utils/StoryContainer.js +4 -0
- package/dist/esm/utils/StoryContainer.js.map +1 -0
- package/dist/esm/utils/index.js +9 -0
- package/dist/esm/utils/index.js.map +1 -0
- package/dist/mobius.d.ts +1 -6
- package/package.json +2 -2
- package/src/components/Accordion/Accordion.mdx +4 -4
- package/src/components/Accordion/Accordion.stories.tsx +19 -8
- package/src/components/Alert/Alert.mdx +1 -2
- package/src/components/Alert/Alert.stories.tsx +8 -4
- package/src/components/Box/Box.mdx +1 -3
- package/src/components/Box/Box.stories.tsx +9 -5
- package/src/components/Breadcrumbs/Breadcrumbs.mdx +0 -4
- package/src/components/Breadcrumbs/Breadcrumbs.stories.tsx +8 -4
- package/src/components/Button/Button.mdx +0 -2
- package/src/components/Button/Button.stories.tsx +19 -15
- package/src/components/Checkbox/Checkbox.mdx +0 -3
- package/src/components/Checkbox/Checkbox.stories.tsx +19 -8
- package/src/components/Checkbox/CheckboxGroup.mdx +1 -1
- package/src/components/Checkbox/CheckboxGroup.stories.tsx +18 -7
- package/src/components/Container/Container.mdx +0 -1
- package/src/components/Container/Container.stories.tsx +7 -3
- package/src/components/Divider/Divider.mdx +0 -2
- package/src/components/Divider/Divider.stories.tsx +15 -3
- package/src/components/Drawer/Drawer.stories.tsx +21 -17
- package/src/components/DropdownMenu/DropdownMenu.mdx +0 -1
- package/src/components/DropdownMenu/DropdownMenu.stories.tsx +26 -18
- package/src/components/ErrorMessage/ErrorMessage.mdx +1 -6
- package/src/components/ErrorMessage/ErrorMessage.stories.tsx +8 -4
- package/src/components/Fieldset/Fieldset.mdx +0 -2
- package/src/components/Fieldset/Fieldset.stories.tsx +16 -5
- package/src/components/Flex/Flex.mdx +0 -1
- package/src/components/Flex/Flex.stories.tsx +28 -24
- package/src/components/Grid/Grid.mdx +0 -2
- package/src/components/Grid/Grid.stories.tsx +44 -41
- package/src/components/Icon/Icon.stories.tsx +10 -6
- package/src/components/Image/Image.mdx +0 -1
- package/src/components/Image/Image.stories.tsx +9 -5
- package/src/components/Label/Label.mdx +0 -1
- package/src/components/Label/Label.stories.tsx +7 -3
- package/src/components/Link/Link.mdx +0 -1
- package/src/components/Link/Link.stories.tsx +9 -5
- package/src/components/LinkButton/LinkButton.mdx +0 -1
- package/src/components/LinkButton/LinkButton.stories.tsx +8 -4
- package/src/components/List/List.mdx +0 -2
- package/src/components/List/List.stories.tsx +12 -8
- package/src/components/LoadingIndicator/LoadingIndicator.mdx +0 -1
- package/src/components/LoadingIndicator/LoadingIndicator.stories.tsx +15 -14
- package/src/components/LoadingIndicator/LoadingIndicator.tsx +5 -8
- package/src/components/Logo/Logo.stories.tsx +9 -5
- package/src/components/Modal/Modal.stories.tsx +38 -34
- package/src/components/NumberField/NumberField.stories.tsx +19 -8
- package/src/components/PasswordField/PasswordField.mdx +0 -3
- package/src/components/PasswordField/PasswordField.stories.tsx +15 -4
- package/src/components/Popover/Popover.stories.tsx +10 -6
- package/src/components/Progress/Progress.mdx +1 -2
- package/src/components/Progress/Progress.stories.tsx +23 -12
- package/src/components/Radio/Radio.mdx +0 -5
- package/src/components/Radio/Radio.stories.tsx +22 -11
- package/src/components/Radio/RadioButton.mdx +0 -5
- package/src/components/Radio/RadioButton.stories.tsx +21 -10
- package/src/components/SVG/SVG.mdx +0 -1
- package/src/components/SVG/SVG.stories.tsx +11 -7
- package/src/components/Segment/Segment.mdx +0 -12
- package/src/components/Segment/Segment.stories.tsx +18 -14
- package/src/components/Select/Select.mdx +0 -4
- package/src/components/Select/Select.stories.tsx +19 -7
- package/src/components/Slider/Slider.mdx +0 -2
- package/src/components/Slider/Slider.stories.tsx +22 -17
- package/src/components/Table/Table.mdx +0 -1
- package/src/components/Table/Table.stories.tsx +8 -4
- package/src/components/Text/Text.mdx +1 -2
- package/src/components/Text/Text.stories.tsx +9 -5
- package/src/components/TextArea/TextArea.mdx +0 -1
- package/src/components/TextArea/TextArea.stories.tsx +20 -9
- package/src/components/TextField/TextField.mdx +0 -3
- package/src/components/TextField/TextField.stories.tsx +28 -17
- package/src/components/Title/Title.mdx +1 -2
- package/src/components/Title/Title.stories.tsx +7 -3
- package/src/components/VisuallyHidden/VisuallyHidden.mdx +1 -3
- package/src/components/VisuallyHidden/VisuallyHidden.stories.tsx +7 -3
- package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +9 -5
- package/src/styles.d.ts +2 -0
- package/src/utils/StoryContainer.module.css +13 -0
- package/src/utils/StoryContainer.tsx +5 -0
- package/src/utils/index.ts +8 -0
|
@@ -1,27 +1,8 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
declare const
|
|
6
|
-
declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
({ isOpen, className, closeLabel, direction, announce, onOpen, onClose, children, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
displayName: string;
|
|
11
|
-
} & {
|
|
12
|
-
Header: import("react").ForwardRefExoticComponent<Omit<import("./Header").HeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
13
|
-
Content: import("react").ForwardRefExoticComponent<Omit<import("./Content").ContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
-
};
|
|
15
|
-
argTypes: {
|
|
16
|
-
direction: {
|
|
17
|
-
options: string[];
|
|
18
|
-
control: {
|
|
19
|
-
type: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
export default _default;
|
|
25
|
-
export declare const Normal: Meta<typeof Demo>;
|
|
26
|
-
export declare const WithLogoHeader: Meta<typeof LogoHeader>;
|
|
27
|
-
export declare const WithLongContent: Meta<typeof WithLongContentDemo>;
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Drawer } from ".";
|
|
3
|
+
type StoryType = StoryObj<typeof Drawer>;
|
|
4
|
+
declare const meta: Meta<typeof Drawer>;
|
|
5
|
+
export declare const Normal: StoryType;
|
|
6
|
+
export declare const WithLogoHeader: StoryType;
|
|
7
|
+
export declare const WithLongContent: StoryType;
|
|
8
|
+
export default meta;
|
|
@@ -4,9 +4,17 @@ exports.WithLongContent = exports.WithLogoHeader = exports.Normal = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const _1 = require(".");
|
|
7
|
-
const
|
|
7
|
+
const utils_1 = require("../../utils");
|
|
8
8
|
const Button_1 = require("../Button");
|
|
9
9
|
const Text_1 = require("../Text");
|
|
10
|
+
const meta = {
|
|
11
|
+
title: "Components/Drawer",
|
|
12
|
+
component: _1.Drawer,
|
|
13
|
+
argTypes: Object.assign({ direction: {
|
|
14
|
+
options: ["top", "bottom", "left", "right"],
|
|
15
|
+
control: { type: "radio" },
|
|
16
|
+
} }, (0, utils_1.excludeControls)("isOpen")),
|
|
17
|
+
};
|
|
10
18
|
const Demo = ({ direction, closeLabel }) => {
|
|
11
19
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
12
20
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Drawer" }), (0, jsx_runtime_1.jsxs)(_1.Drawer, { isOpen: open, onClose: () => setOpen(false), direction: direction, closeLabel: closeLabel, children: [(0, jsx_runtime_1.jsx)(_1.Drawer.Header, { children: "The Latin Drawer" }), (0, jsx_runtime_1.jsx)(_1.Drawer.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }));
|
|
@@ -19,14 +27,6 @@ const WithLongContentDemo = (props) => {
|
|
|
19
27
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
20
28
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setOpen(true), children: "Show Drawer" }), (0, jsx_runtime_1.jsxs)(_1.Drawer, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false), children: [(0, jsx_runtime_1.jsx)(_1.Drawer.Header, { children: "Aliquam fringilla quam vel purus rhoncus isuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Int" }), (0, jsx_runtime_1.jsxs)(_1.Drawer.Content, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] })] }))] }));
|
|
21
29
|
};
|
|
22
|
-
exports.default = {
|
|
23
|
-
title: "Components/Drawer",
|
|
24
|
-
component: _1.Drawer,
|
|
25
|
-
argTypes: Object.assign({ direction: {
|
|
26
|
-
options: ["top", "bottom", "left", "right"],
|
|
27
|
-
control: { type: "radio" },
|
|
28
|
-
} }, (0, excludeControls_1.excludeControls)("isOpen")),
|
|
29
|
-
};
|
|
30
30
|
exports.Normal = {
|
|
31
31
|
render: (args) => (0, jsx_runtime_1.jsx)(Demo, Object.assign({}, args)),
|
|
32
32
|
args: {
|
|
@@ -50,4 +50,5 @@ exports.WithLongContent = {
|
|
|
50
50
|
direction: "right",
|
|
51
51
|
},
|
|
52
52
|
};
|
|
53
|
+
exports.default = meta;
|
|
53
54
|
//# sourceMappingURL=Drawer.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.stories.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AACjC,wBAAwC;AACxC,
|
|
1
|
+
{"version":3,"file":"Drawer.stories.js","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,7 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
2
|
import { DropdownMenu } from ".";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
label?: string | undefined;
|
|
9
|
-
key?: import("react").Key | null | undefined;
|
|
10
|
-
className?: string | undefined;
|
|
11
|
-
id?: string | undefined;
|
|
12
|
-
children?: import("react").ReactNode;
|
|
13
|
-
elementType?: string | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
|
|
14
|
-
trigger?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
15
|
-
ref?: import("react").Ref<HTMLElement> | undefined;
|
|
16
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
17
|
-
};
|
|
18
|
-
export default _default;
|
|
19
|
-
export declare const Normal: Meta<typeof DropdownMenu>;
|
|
20
|
-
export declare const WithCustomTrigger: Meta<typeof DropdownMenu>;
|
|
3
|
+
type StoryType = StoryObj<typeof DropdownMenu>;
|
|
4
|
+
declare const meta: Meta<typeof DropdownMenu>;
|
|
5
|
+
export declare const Normal: StoryType;
|
|
6
|
+
export declare const WithCustomTrigger: StoryType;
|
|
7
|
+
export default meta;
|
|
@@ -21,26 +21,26 @@ const react_1 = require("react");
|
|
|
21
21
|
const dedupe_1 = __importDefault(require("classnames/dedupe"));
|
|
22
22
|
const _1 = require(".");
|
|
23
23
|
const Icon_1 = require("../Icon");
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const { className, open } = props, otherProps = __rest(props, ["className", "open"]);
|
|
27
|
-
const classes = (0, dedupe_1.default)({
|
|
28
|
-
"--is-open": open,
|
|
29
|
-
});
|
|
30
|
-
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: className }, otherProps, { children: [open ? "Close" : "Open", " ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown, className: classes })] })));
|
|
31
|
-
});
|
|
32
|
-
exports.default = {
|
|
24
|
+
const utils_1 = require("../../utils");
|
|
25
|
+
const meta = {
|
|
33
26
|
title: "Components/DropdownMenu",
|
|
34
27
|
component: _1.DropdownMenu,
|
|
35
|
-
argTypes: (0,
|
|
28
|
+
argTypes: (0, utils_1.excludeControls)("trigger", "style"),
|
|
36
29
|
decorators: [
|
|
37
30
|
Story => {
|
|
38
31
|
// eslint-disable-next-line global-require
|
|
39
32
|
require("./DropdownMenu.story.styles.css");
|
|
40
|
-
return (0, jsx_runtime_1.jsx)(Story, {});
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) }));
|
|
41
34
|
},
|
|
42
35
|
],
|
|
43
36
|
};
|
|
37
|
+
const CustomTrigger = (0, react_1.forwardRef)((props) => {
|
|
38
|
+
const { className, open } = props, otherProps = __rest(props, ["className", "open"]);
|
|
39
|
+
const classes = (0, dedupe_1.default)({
|
|
40
|
+
"--is-open": open,
|
|
41
|
+
});
|
|
42
|
+
return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", className: className }, otherProps, { children: [open ? "Close" : "Open", " ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown, className: classes })] })));
|
|
43
|
+
});
|
|
44
44
|
exports.Normal = {
|
|
45
45
|
render: (args) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
46
46
|
height: 300,
|
|
@@ -62,4 +62,5 @@ exports.WithCustomTrigger = {
|
|
|
62
62
|
},
|
|
63
63
|
},
|
|
64
64
|
};
|
|
65
|
+
exports.default = meta;
|
|
65
66
|
//# sourceMappingURL=DropdownMenu.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iDAAoD;AACpD,iCAAmC;AACnC,+DAA2C;AAC3C,wBAAoD;AACpD,kCAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,iDAAoD;AACpD,iCAAmC;AACnC,+DAA2C;AAC3C,wBAAoD;AACpD,kCAA+B;AAC/B,uCAA8D;AAI9D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,eAAY;IACvB,QAAQ,EAAE,IAAA,uBAAe,EAAC,SAAS,EAAE,OAAO,CAAC;IAC7C,UAAU,EAAE;QACV,KAAK,CAAC,EAAE;YACN,0CAA0C;YAC1C,OAAO,CAAC,iCAAiC,CAAC,CAAC;YAE3C,OAAO,CACL,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB,CAAC;QACJ,CAAC;KACF;CACF,CAAC;AAOF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAyB,EAAE,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,IAAI,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA1C,qBAAkC,CAAQ,CAAC;IACjD,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC;QACzB,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IACH,OAAO,CACL,kDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,IAAM,UAAU,eACvD,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,OAAE,uBAAC,WAAI,IAAC,IAAI,EAAE,mBAAW,EAAE,SAAS,EAAE,OAAO,GAAI,KAClE,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,gCACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,YAED,wBAAC,eAAY,oBAAK,IAAI,eACpB,uBAAC,eAAY,CAAC,IAAI,uBAAyB,EAC3C,uBAAC,eAAY,CAAC,IAAI,6BAA+B,EACjD,uBAAC,eAAY,CAAC,IAAI,2BAA6B,KAClC,GACX,CACP;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAc;IAC1C,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,CACnC,gCACE,KAAK,EAAE;YACL,MAAM,EAAE,GAAG;SACZ,EACD,SAAS,EAAC,qCAAqC,YAE/C,wBAAC,eAAY,oBAAK,IAAI,eAEpB,uBAAC,eAAY,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,qBAEnC,EACpB,uBAAC,eAAY,CAAC,IAAI,6BAA+B,EACjD,uBAAC,eAAY,CAAC,IAAI,2BAA6B,KAClC,GACX,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAC,aAAa,KAAG;KAC3B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,OAAO,CAAC;SACnB;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
2
|
-
import { ErrorMessage
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export default _default;
|
|
11
|
-
export declare const Normal: Meta<typeof ErrorMessage>;
|
|
12
|
-
export declare const LongMessage: Meta<typeof ErrorMessage>;
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { ErrorMessage } from ".";
|
|
3
|
+
type StoryType = StoryObj<typeof ErrorMessage>;
|
|
4
|
+
declare const meta: Meta<typeof ErrorMessage>;
|
|
5
|
+
export declare const Normal: StoryType;
|
|
6
|
+
export declare const LongMessage: StoryType;
|
|
7
|
+
export default meta;
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.LongMessage = exports.Normal = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const _1 = require(".");
|
|
6
|
-
|
|
6
|
+
const meta = {
|
|
7
7
|
title: "Forms/ErrorMessage",
|
|
8
8
|
component: _1.ErrorMessage,
|
|
9
9
|
};
|
|
@@ -19,4 +19,5 @@ exports.LongMessage = {
|
|
|
19
19
|
errorMessage: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vestibulum, mauris ac egestas rutrum, dui urna imperdiet velit, ac malesuada velit augue eget orci. Duis id purus et elit tempus egestas ut eget tellus. Praesent tempus sit amet metus iaculis auctor. Morbi aliquet nibh sit amet neque congue dictum. Proin auctor pellentesque facilisis. Donec rutrum at ante a pulvinar. In hac habitasse platea dictumst. Mauris non blandit nulla. Duis facilisis fringilla cursus. Interdum et malesuada fames ac ante ipsum primis in faucibus.",
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
|
+
exports.default = meta;
|
|
22
23
|
//# sourceMappingURL=ErrorMessage.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.stories.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAoD;
|
|
1
|
+
{"version":3,"file":"ErrorMessage.stories.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAAoD;AAIpD,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,eAAY;CACxB,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,uBAAC,eAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EAAE,0BAA0B;KACzC;CACF,CAAC;AAEW,QAAA,WAAW,GAAc;IACpC,MAAM,EAAE,CAAC,IAAuB,EAAE,EAAE,CAAC,uBAAC,eAAY,oBAAK,IAAI,EAAI;IAC/D,IAAI,EAAE;QACJ,YAAY,EACV,giBAAgiB;KACniB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
2
|
-
import { Fieldset
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export default _default;
|
|
9
|
-
export declare const Normal: Meta<typeof Fieldset>;
|
|
10
|
-
export declare const WithLegend: Meta<typeof Fieldset>;
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Fieldset } from "./Fieldset";
|
|
3
|
+
type StoryType = StoryObj<typeof Fieldset>;
|
|
4
|
+
declare const meta: Meta<typeof Fieldset>;
|
|
5
|
+
export declare const Normal: StoryType;
|
|
6
|
+
export declare const WithLegend: StoryType;
|
|
7
|
+
export default meta;
|
|
@@ -4,17 +4,20 @@ exports.WithLegend = exports.Normal = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const Fieldset_1 = require("./Fieldset");
|
|
6
6
|
const TextField_1 = require("../TextField");
|
|
7
|
-
const
|
|
8
|
-
|
|
7
|
+
const utils_1 = require("../../utils");
|
|
8
|
+
const meta = {
|
|
9
9
|
title: "Forms/Fieldset",
|
|
10
10
|
component: Fieldset_1.Fieldset,
|
|
11
|
-
argTypes: (0,
|
|
11
|
+
argTypes: (0, utils_1.excludeControls)("legendComponent"),
|
|
12
12
|
};
|
|
13
13
|
exports.Normal = {
|
|
14
14
|
render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
|
|
15
15
|
args: {
|
|
16
16
|
legend: "",
|
|
17
17
|
},
|
|
18
|
+
decorators: [
|
|
19
|
+
Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
|
|
20
|
+
],
|
|
18
21
|
};
|
|
19
22
|
exports.WithLegend = {
|
|
20
23
|
render: (args) => ((0, jsx_runtime_1.jsxs)(Fieldset_1.Fieldset, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Full name" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Street" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Number" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "City" }), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { label: "Postcode" })] }))),
|
|
@@ -22,4 +25,5 @@ exports.WithLegend = {
|
|
|
22
25
|
legend: "Contact Details",
|
|
23
26
|
},
|
|
24
27
|
};
|
|
28
|
+
exports.default = meta;
|
|
25
29
|
//# sourceMappingURL=Fieldset.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,4CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"Fieldset.stories.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,4CAAyC;AACzC,uCAA8D;AAI9D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAQ;IACnB,QAAQ,EAAE,IAAA,uBAAe,EAAC,iBAAiB,CAAC;CAC7C,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;KACX;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAc;IACnC,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC/B,wBAAC,mBAAQ,oBAAK,IAAI,eAChB,uBAAC,qBAAS,IAAC,KAAK,EAAC,WAAW,GAAG,EAC/B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,qBAAS,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,qBAAS,IAAC,KAAK,EAAC,UAAU,GAAG,KACrB,CACZ;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1,82 +1,7 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
2
|
import { Flex } from "./Flex";
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
flexDirection: {
|
|
9
|
-
control: {
|
|
10
|
-
type: string;
|
|
11
|
-
};
|
|
12
|
-
options: string[];
|
|
13
|
-
};
|
|
14
|
-
flexWrap: {
|
|
15
|
-
control: {
|
|
16
|
-
type: string;
|
|
17
|
-
};
|
|
18
|
-
options: string[];
|
|
19
|
-
};
|
|
20
|
-
flexGrow: {
|
|
21
|
-
control: {
|
|
22
|
-
type: string;
|
|
23
|
-
};
|
|
24
|
-
if: {
|
|
25
|
-
arg: string;
|
|
26
|
-
truthy: boolean;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
flex: {
|
|
30
|
-
control: {
|
|
31
|
-
type: string;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
justifyContent: {
|
|
35
|
-
control: {
|
|
36
|
-
type: string;
|
|
37
|
-
};
|
|
38
|
-
options: string[];
|
|
39
|
-
};
|
|
40
|
-
alignItems: {
|
|
41
|
-
control: {
|
|
42
|
-
type: string;
|
|
43
|
-
};
|
|
44
|
-
options: string[];
|
|
45
|
-
};
|
|
46
|
-
alignContent: {
|
|
47
|
-
control: {
|
|
48
|
-
type: string;
|
|
49
|
-
};
|
|
50
|
-
options: string[];
|
|
51
|
-
};
|
|
52
|
-
gap: {
|
|
53
|
-
control: {
|
|
54
|
-
type: string;
|
|
55
|
-
};
|
|
56
|
-
options: string[];
|
|
57
|
-
};
|
|
58
|
-
rowGap: {
|
|
59
|
-
control: {
|
|
60
|
-
type: string;
|
|
61
|
-
};
|
|
62
|
-
options: string[];
|
|
63
|
-
if: {
|
|
64
|
-
arg: string;
|
|
65
|
-
truthy: boolean;
|
|
66
|
-
};
|
|
67
|
-
};
|
|
68
|
-
columnGap: {
|
|
69
|
-
control: {
|
|
70
|
-
type: string;
|
|
71
|
-
};
|
|
72
|
-
options: string[];
|
|
73
|
-
if: {
|
|
74
|
-
arg: string;
|
|
75
|
-
truthy: boolean;
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
};
|
|
80
|
-
export default _default;
|
|
81
|
-
export declare const RowLayout: Meta<typeof Flex>;
|
|
82
|
-
export declare const ColumnLayout: Meta<typeof Flex>;
|
|
3
|
+
type StoryType = StoryObj<typeof Flex>;
|
|
4
|
+
declare const meta: Meta<typeof Flex>;
|
|
5
|
+
export declare const RowLayout: StoryType;
|
|
6
|
+
export declare const ColumnLayout: StoryType;
|
|
7
|
+
export default meta;
|
|
@@ -15,7 +15,7 @@ exports.ColumnLayout = exports.RowLayout = void 0;
|
|
|
15
15
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
const Flex_1 = require("./Flex");
|
|
17
17
|
const Box_1 = require("../Box");
|
|
18
|
-
const
|
|
18
|
+
const utils_1 = require("../../utils");
|
|
19
19
|
const sizeOptions = [
|
|
20
20
|
"",
|
|
21
21
|
"var(--size-xs)",
|
|
@@ -25,11 +25,7 @@ const sizeOptions = [
|
|
|
25
25
|
"var(--size-xl)",
|
|
26
26
|
"var(--size-xxl)",
|
|
27
27
|
];
|
|
28
|
-
const
|
|
29
|
-
var { children, style } = _a, props = __rest(_a, ["children", "style"]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: Object.assign({ borderRadius: "4px", padding: "8px", backgroundColor: "#dddddd", width: "100%" }, style) }, props, { children: children })));
|
|
31
|
-
};
|
|
32
|
-
exports.default = {
|
|
28
|
+
const meta = {
|
|
33
29
|
title: "Layout/Flex",
|
|
34
30
|
component: Flex_1.Flex,
|
|
35
31
|
argTypes: Object.assign({ flexDirection: {
|
|
@@ -111,7 +107,11 @@ exports.default = {
|
|
|
111
107
|
arg: "gap",
|
|
112
108
|
truthy: false,
|
|
113
109
|
},
|
|
114
|
-
} }, (0,
|
|
110
|
+
} }, (0, utils_1.excludeControls)("style", "role")),
|
|
111
|
+
};
|
|
112
|
+
const Card = (_a) => {
|
|
113
|
+
var { children, style } = _a, props = __rest(_a, ["children", "style"]);
|
|
114
|
+
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: Object.assign({ borderRadius: "4px", padding: "8px", backgroundColor: "#dddddd", width: "100%" }, style) }, props, { children: children })));
|
|
115
115
|
};
|
|
116
116
|
exports.RowLayout = {
|
|
117
117
|
render: (args) => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" }), (0, jsx_runtime_1.jsx)(Card, { children: "Item" })] }))),
|
|
@@ -143,4 +143,5 @@ exports.ColumnLayout = {
|
|
|
143
143
|
columnGap: "",
|
|
144
144
|
},
|
|
145
145
|
};
|
|
146
|
+
exports.default = meta;
|
|
146
147
|
//# sourceMappingURL=Flex.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,iCAA8B;AAC9B,gCAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,86 +1,11 @@
|
|
|
1
|
-
import type { Meta } from "@storybook/react";
|
|
2
|
-
import { ReactNode } from "react";
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
2
|
import { Grid } from ".";
|
|
4
3
|
import { GridItem } from "./Item";
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
control: {
|
|
11
|
-
type: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
gap: {
|
|
15
|
-
control: {
|
|
16
|
-
type: string;
|
|
17
|
-
};
|
|
18
|
-
options: string[];
|
|
19
|
-
};
|
|
20
|
-
rowGap: {
|
|
21
|
-
control: {
|
|
22
|
-
type: string;
|
|
23
|
-
};
|
|
24
|
-
options: string[];
|
|
25
|
-
if: {
|
|
26
|
-
arg: string;
|
|
27
|
-
truthy: false;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
columnGap: {
|
|
31
|
-
control: {
|
|
32
|
-
type: string;
|
|
33
|
-
};
|
|
34
|
-
options: string[];
|
|
35
|
-
if: {
|
|
36
|
-
arg: string;
|
|
37
|
-
truthy: false;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
alignContent: {
|
|
41
|
-
control: {
|
|
42
|
-
type: string;
|
|
43
|
-
};
|
|
44
|
-
options: string[];
|
|
45
|
-
};
|
|
46
|
-
justifyContent: {
|
|
47
|
-
control: {
|
|
48
|
-
type: string;
|
|
49
|
-
};
|
|
50
|
-
options: string[];
|
|
51
|
-
};
|
|
52
|
-
alignItems: {
|
|
53
|
-
control: {
|
|
54
|
-
type: string;
|
|
55
|
-
};
|
|
56
|
-
options: string[];
|
|
57
|
-
};
|
|
58
|
-
justifyItems: {
|
|
59
|
-
control: {
|
|
60
|
-
type: string;
|
|
61
|
-
};
|
|
62
|
-
options: string[];
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
|
|
66
|
-
alignContent?: "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | undefined;
|
|
67
|
-
alignItems?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
|
|
68
|
-
columnGap?: string | undefined;
|
|
69
|
-
justifyContent?: "space-around" | "space-between" | "space-evenly" | "center" | "end" | "start" | undefined;
|
|
70
|
-
justifyItems?: "stretch" | "center" | "end" | "start" | undefined;
|
|
71
|
-
rowGap?: string | undefined;
|
|
72
|
-
columns?: number | undefined;
|
|
73
|
-
gap?: string | undefined;
|
|
74
|
-
key?: import("react").Key | null | undefined;
|
|
75
|
-
className?: string | undefined;
|
|
76
|
-
id?: string | undefined;
|
|
77
|
-
children?: ReactNode;
|
|
78
|
-
ref?: import("react").Ref<HTMLDivElement> | undefined;
|
|
79
|
-
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
80
|
-
};
|
|
81
|
-
export default _default;
|
|
82
|
-
export declare const AlignmentProperties: Meta<typeof Grid>;
|
|
83
|
-
export declare const Normal: Meta<typeof Grid>;
|
|
84
|
-
export declare const EightColumns: Meta<typeof Grid>;
|
|
4
|
+
type StoryType = StoryObj<typeof Grid>;
|
|
5
|
+
declare const meta: Meta<typeof Grid>;
|
|
6
|
+
export declare const AlignmentProperties: StoryType;
|
|
7
|
+
export declare const Normal: StoryType;
|
|
8
|
+
export declare const EightColumns: StoryType;
|
|
85
9
|
export declare const Responsive: Meta<typeof GridItem>;
|
|
86
10
|
export declare const ItemPositioning: Meta<typeof GridItem>;
|
|
11
|
+
export default meta;
|
|
@@ -25,24 +25,7 @@ const sizeOptions = [
|
|
|
25
25
|
"size-xl",
|
|
26
26
|
"size-xxl",
|
|
27
27
|
];
|
|
28
|
-
const
|
|
29
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {
|
|
31
|
-
borderRadius: "4px",
|
|
32
|
-
padding: "8px",
|
|
33
|
-
backgroundColor: "#dddddd",
|
|
34
|
-
width: "80%",
|
|
35
|
-
} }, props, { children: children })));
|
|
36
|
-
};
|
|
37
|
-
const Square = (_a) => {
|
|
38
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ alignItems: "center", justifyContent: "center", style: { height: "100%" } }, props, { children: children })));
|
|
40
|
-
};
|
|
41
|
-
const AlignSquare = (_a) => {
|
|
42
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {} }, props, { children: children })));
|
|
44
|
-
};
|
|
45
|
-
exports.default = {
|
|
28
|
+
const meta = {
|
|
46
29
|
title: "Layout/Grid",
|
|
47
30
|
component: _1.Grid,
|
|
48
31
|
argTypes: {
|
|
@@ -109,6 +92,23 @@ exports.default = {
|
|
|
109
92
|
},
|
|
110
93
|
],
|
|
111
94
|
};
|
|
95
|
+
const Card = (_a) => {
|
|
96
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
97
|
+
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {
|
|
98
|
+
borderRadius: "4px",
|
|
99
|
+
padding: "8px",
|
|
100
|
+
backgroundColor: "#dddddd",
|
|
101
|
+
width: "80%",
|
|
102
|
+
} }, props, { children: children })));
|
|
103
|
+
};
|
|
104
|
+
const Square = (_a) => {
|
|
105
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ alignItems: "center", justifyContent: "center", style: { height: "100%" } }, props, { children: children })));
|
|
107
|
+
};
|
|
108
|
+
const AlignSquare = (_a) => {
|
|
109
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
110
|
+
return ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({ style: {} }, props, { children: children })));
|
|
111
|
+
};
|
|
112
112
|
exports.AlignmentProperties = {
|
|
113
113
|
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "1" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "4" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "5" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "6" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "7" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "8" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-grid-alignment-item", span: 4, children: (0, jsx_runtime_1.jsx)(Square, { children: "9" }) })] }))),
|
|
114
114
|
args: {
|
|
@@ -182,7 +182,6 @@ exports.Responsive = {
|
|
|
182
182
|
xl: breakpointControl,
|
|
183
183
|
xxl: breakpointControl,
|
|
184
184
|
},
|
|
185
|
-
decorators: [Story => (0, jsx_runtime_1.jsx)(Story, {})],
|
|
186
185
|
};
|
|
187
186
|
exports.ItemPositioning = {
|
|
188
187
|
render: (args) => ((0, jsx_runtime_1.jsxs)(_1.Grid, { columns: 12, gap: "size-xs", alignItems: "stretch", justifyItems: "stretch", className: "grid-example-fixed-size-grid", children: [(0, jsx_runtime_1.jsx)(_1.Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, args, { children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "1" }) })), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "2" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "3" }) }), (0, jsx_runtime_1.jsx)(_1.Grid.Item, { className: "grid-example-align-square-item", span: 4, children: (0, jsx_runtime_1.jsx)(AlignSquare, { children: "4" }) })] })),
|
|
@@ -215,4 +214,5 @@ exports.ItemPositioning = {
|
|
|
215
214
|
},
|
|
216
215
|
},
|
|
217
216
|
};
|
|
217
|
+
exports.default = meta;
|
|
218
218
|
//# sourceMappingURL=Grid.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,wBAAmD;AACnD,gCAA6B;AAC7B,kCAA+B;AAG/B,MAAM,WAAW,GAAG;IAClB,EAAE;IACF,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,UAAU;CACX,CAAC;
|
|
1
|
+
{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"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"}
|