@prismicio/editor-ui 0.4.61 → 0.4.62-alpha.jp-table-render-default-layout.0
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/dist/components/ActionList/ActionList.stories.d.ts +22 -426
- package/dist/components/Alert/Alert.stories.d.ts +4 -4
- package/dist/components/AnimatedElement/AnimatedElement.stories.d.ts +4 -4
- package/dist/components/AnimatedList/AnimatedList.stories.d.ts +6 -6
- package/dist/components/Avatar/Avatar.stories.d.ts +33 -11
- package/dist/components/BackgroundIcon/BackgroundIcon.stories.d.ts +9 -4
- package/dist/components/Badge/Badge.stories.d.ts +31 -11
- package/dist/components/Banner/Banner.stories.d.ts +2 -2
- package/dist/components/BaseInput/BaseInput.stories.d.ts +35 -7
- package/dist/components/BlankSlate/BlankSlate.stories.d.ts +21 -6
- package/dist/components/Box/Box.stories.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +4 -4
- package/dist/components/Calendar/Calendar.stories.d.ts +17 -7
- package/dist/components/Card/Card.stories.d.ts +4 -4
- package/dist/components/Card/PreviewCard.stories.d.ts +1 -1
- package/dist/components/Carousel/Carousel.stories.d.ts +6 -14
- package/dist/components/Checkbox/Checkbox.stories.d.ts +15 -2
- package/dist/components/CheckerBoard/CheckerBoard.stories.d.ts +8 -6
- package/dist/components/CodeBlock/CodeBlock.stories.d.ts +3 -3
- package/dist/components/ColorInput/ColorInput.stories.d.ts +11 -7
- package/dist/components/ComboBox/ComboBox.stories.d.ts +2 -2
- package/dist/components/ConjoinedIcons/ConjoinedIcons.stories.d.ts +19 -1
- package/dist/components/ContentEditable/useEditor.d.ts +1 -2
- package/dist/components/Cropper/Cropper.stories.d.ts +6 -28
- package/dist/components/DateInput/DateInput.stories.d.ts +2 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +43 -37
- package/dist/components/Dot/Dot.stories.d.ts +1 -1
- package/dist/components/Draggable/Draggable.stories.d.ts +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +34 -7
- package/dist/components/EditableText/EditableText.stories.d.ts +20 -10
- package/dist/components/ErrorBoundary/ErrorBoundary.stories.d.ts +14 -7
- package/dist/components/Field/Field.stories.d.ts +4 -4
- package/dist/components/FieldSet/FieldSet.stories.d.ts +30 -7
- package/dist/components/FileUpload/FileDropZone.d.ts +1 -0
- package/dist/components/FileUpload/FileDropZone.stories.d.ts +9 -9
- package/dist/components/FilterField/FilterField.stories.d.ts +8 -17
- package/dist/components/Form/Form.stories.d.ts +1 -1
- package/dist/components/Gradient/Gradient.stories.d.ts +13 -14
- package/dist/components/HairlineButton/HairlineButton.stories.d.ts +28 -11
- package/dist/components/Icon/Icon.stories.d.ts +20 -8
- package/dist/components/IconButton/IconButton.stories.d.ts +15 -7
- package/dist/components/Image/Image.stories.d.ts +20 -9
- package/dist/components/LazyRender/LazyRender.stories.d.ts +15 -6
- package/dist/components/Line/Line.stories.d.ts +2 -2
- package/dist/components/List/UnorderedList.stories.d.ts +1 -1
- package/dist/components/MediaCard/MediaCard.stories.d.ts +2 -2
- package/dist/components/NumberInput/NumberInput.stories.d.ts +27 -8
- package/dist/components/OverflowContainer/OverflowContainer.stories.d.ts +2 -17
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +5 -94
- package/dist/components/ProgressCircle/ProgressCircle.stories.d.ts +9 -5
- package/dist/components/Radio/RadioGroup.stories.d.ts +10 -8
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +21 -17
- package/dist/components/SearchInput/SearchInput.stories.d.ts +14 -9
- package/dist/components/Select/Select.stories.d.ts +10 -10
- package/dist/components/SelectCard/SelectCard.stories.d.ts +8 -11
- package/dist/components/Separator/Separator.stories.d.ts +3 -3
- package/dist/components/Skeleton/Skeleton.stories.d.ts +5 -5
- package/dist/components/Slice/Slice.stories.d.ts +10 -45
- package/dist/components/Slider/Slider.stories.d.ts +10 -9
- package/dist/components/Switch/Switch.stories.d.ts +2 -2
- package/dist/components/Table/Table.stories.d.ts +15 -5
- package/dist/components/Tag/Tag.stories.d.ts +14 -10
- package/dist/components/TagField/TagField.stories.d.ts +8 -11
- package/dist/components/Text/Text.stories.d.ts +6 -13
- package/dist/components/TextArea/TextArea.stories.d.ts +6 -9
- package/dist/components/TextInput/TextInput.stories.d.ts +27 -7
- package/dist/components/Toast/Toast.stories.d.ts +65 -6
- package/dist/components/ToggleButton/ToggleButton.stories.d.ts +4 -4
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +5 -5
- package/dist/components/Toolbar/Toolbar.stories.d.ts +25 -6
- package/dist/components/Video/Video.stories.d.ts +2 -2
- package/dist/components/Window/Window.stories.d.ts +1 -1
- package/dist/index.cjs.js +169 -169
- package/dist/index.es.js +6000 -5954
- package/dist/style.css +1 -1
- package/package.json +7 -15
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { ErrorBoundary } from "./ErrorBoundary";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ErrorBoundary;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
7
12
|
};
|
|
8
|
-
name: string;
|
|
9
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -5,24 +5,24 @@ declare const meta: {
|
|
|
5
5
|
argTypes: {
|
|
6
6
|
children: {
|
|
7
7
|
control: {
|
|
8
|
-
disable:
|
|
8
|
+
disable: true;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
labelPosition: {
|
|
12
12
|
control: {
|
|
13
|
-
type:
|
|
13
|
+
type: "select";
|
|
14
14
|
};
|
|
15
15
|
options: string[];
|
|
16
16
|
};
|
|
17
17
|
variant: {
|
|
18
18
|
control: {
|
|
19
|
-
type:
|
|
19
|
+
type: "select";
|
|
20
20
|
};
|
|
21
21
|
options: string[];
|
|
22
22
|
};
|
|
23
23
|
color: {
|
|
24
24
|
control: {
|
|
25
|
-
type:
|
|
25
|
+
type: "select";
|
|
26
26
|
};
|
|
27
27
|
options: string[];
|
|
28
28
|
};
|
|
@@ -1,9 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { FieldSet } from "./FieldSet";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FieldSet;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
name: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "text";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
variant: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "select";
|
|
20
|
+
};
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
selected: {
|
|
24
|
+
control: {
|
|
25
|
+
type: "boolean";
|
|
26
|
+
};
|
|
27
|
+
};
|
|
7
28
|
};
|
|
8
|
-
name: string;
|
|
9
29
|
};
|
|
30
|
+
export default meta;
|
|
31
|
+
type Story = StoryObj<typeof meta>;
|
|
32
|
+
export declare const Default: Story;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { type ComponentType } from "react";
|
|
1
3
|
import { FileDropZone } from "./FileDropZone";
|
|
2
|
-
|
|
3
|
-
declare const _default: {
|
|
4
|
+
declare const meta: {
|
|
4
5
|
title: string;
|
|
6
|
+
component: typeof FileDropZone;
|
|
5
7
|
subcomponents: {
|
|
6
|
-
FileDropZone:
|
|
7
|
-
FileUploadButton:
|
|
8
|
+
FileDropZone: ComponentType<unknown>;
|
|
9
|
+
FileUploadButton: ComponentType<unknown>;
|
|
8
10
|
};
|
|
9
11
|
};
|
|
10
|
-
export default
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
name: string;
|
|
14
|
-
};
|
|
12
|
+
export default meta;
|
|
13
|
+
type Story = StoryObj<typeof meta>;
|
|
14
|
+
export declare const Default: Story;
|
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
icon: string;
|
|
7
|
-
label: string;
|
|
8
|
-
selectedValues: Set<{
|
|
9
|
-
id: string;
|
|
10
|
-
label: string;
|
|
11
|
-
}>;
|
|
12
|
-
values: Set<{
|
|
13
|
-
id: string;
|
|
14
|
-
label: string;
|
|
15
|
-
}>;
|
|
16
|
-
};
|
|
17
|
-
name: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { FilterField } from ".";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof FilterField;
|
|
18
6
|
};
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
bottom: string;
|
|
11
|
-
top: string;
|
|
12
|
-
left: string;
|
|
13
|
-
right: string;
|
|
14
|
-
width: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Gradient } from "./Gradient";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Gradient;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
parameters: {
|
|
8
|
+
backgrounds: {
|
|
9
|
+
default: string;
|
|
15
10
|
};
|
|
11
|
+
layout: string;
|
|
16
12
|
};
|
|
17
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -1,16 +1,33 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
icon:
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./HairlineButton").HairlineButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
icon: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
12
|
+
};
|
|
13
|
+
variant: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
8
19
|
tooltip: {
|
|
9
|
-
|
|
10
|
-
|
|
20
|
+
control: {
|
|
21
|
+
type: "object";
|
|
22
|
+
};
|
|
23
|
+
defaultValue: {
|
|
24
|
+
content: string;
|
|
25
|
+
side: string;
|
|
26
|
+
};
|
|
11
27
|
};
|
|
12
|
-
|
|
13
|
-
disabled: boolean;
|
|
28
|
+
onClick: {};
|
|
14
29
|
};
|
|
15
|
-
name: string;
|
|
16
30
|
};
|
|
31
|
+
export default meta;
|
|
32
|
+
type Story = StoryObj<typeof meta>;
|
|
33
|
+
export declare const Default: Story;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
color:
|
|
8
|
-
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./Icon").IconProps & import("react").RefAttributes<SVGSVGElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
color: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: string[];
|
|
12
|
+
};
|
|
13
|
+
size: {
|
|
14
|
+
control: {
|
|
15
|
+
type: "select";
|
|
16
|
+
};
|
|
17
|
+
options: string[];
|
|
18
|
+
};
|
|
9
19
|
};
|
|
10
|
-
name: string;
|
|
11
20
|
};
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof meta>;
|
|
23
|
+
export declare const Default: Story;
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
icon:
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
6
|
+
argTypes: {
|
|
7
|
+
icon: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "select";
|
|
10
|
+
};
|
|
11
|
+
options: readonly ["add", "alert", "arrowBack", "arrowDownward", "arrowDropDown", "arrowDropDownCircle", "arrowForward", "arrowUpward", "attachFile", "autoFixHigh", "autorenew", "biToggle", "block", "calendarToday", "centerFocusWeak", "check", "checkBox", "checkBoxOutlinedBlank", "chevronLeft", "chevronRight", "close", "cloud", "cloudUpload", "code", "colorLens", "contentCopy", "contentPaste", "createNewFolder", "creditCard", "crop", "cropLandscape", "cropPortrait", "dataObject", "dataUsage", "database", "dateRange", "delete", "description", "desktopWindows", "dragIndicator", "driveFileMove", "edit", "event", "expandLess", "expandMore", "firstPage", "folder", "folderManaged", "formatBold", "formatClear", "formatItalic", "formatListBulleted", "formatListNumbered", "formatTextDirectionRToL", "groupWork", "hideImage", "image", "imageSearch", "insertDriveFile", "inventory", "invite", "javascript", "json", "keyboardArrowDown", "keyboardArrowUp", "label", "language", "link", "linkOff", "lock", "looks1", "looks2", "looks3", "looks4", "looks5", "looks6", "menuBook", "migrationRelease", "moreVert", "multipleStop", "musicNote", "notStarted", "notes", "openInFull", "openInNew", "outbound", "people", "phoneIphone", "photo", "pin", "place", "playCircle", "preview", "prismic", "public", "receiptLong", "refresh", "save", "schedule", "search", "security", "sentimentSatisfied", "settings", "settingsEthernet", "smartDisplay", "svelte", "table", "tabletMac", "tag", "terminal", "textFields", "title", "toggleOff", "translate", "tune", "typescript", "unfoldMore", "unsplash", "upload", "videocam", "viewDay", "visibility", "vue", "warning", "zoomOutMap"];
|
|
12
|
+
};
|
|
13
|
+
onClick: {};
|
|
8
14
|
};
|
|
9
|
-
name: string;
|
|
10
15
|
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Default: Story;
|
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Image } from "./";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof Image;
|
|
6
|
+
argTypes: {
|
|
7
|
+
src: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
borderRadius: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "select";
|
|
15
|
+
};
|
|
16
|
+
options: number[];
|
|
17
|
+
};
|
|
9
18
|
};
|
|
10
|
-
name: string;
|
|
11
19
|
};
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof meta>;
|
|
22
|
+
export declare const Default: Story;
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { LazyRender } from "./LazyRender";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof LazyRender;
|
|
6
|
+
argTypes: {
|
|
7
|
+
children: {
|
|
8
|
+
control: {
|
|
9
|
+
disable: true;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
7
13
|
};
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof meta>;
|
|
16
|
+
export declare const Default: Story;
|
|
@@ -8,14 +8,14 @@ declare const meta: {
|
|
|
8
8
|
selected: {
|
|
9
9
|
defaultValue: boolean;
|
|
10
10
|
control: {
|
|
11
|
-
type:
|
|
11
|
+
type: "boolean";
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
status: {
|
|
15
15
|
defaultValue: string;
|
|
16
16
|
options: string[];
|
|
17
17
|
control: {
|
|
18
|
-
type:
|
|
18
|
+
type: "select";
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
onCardClick: {
|
|
@@ -1,11 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { NumberInput } from "./NumberInput";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof NumberInput;
|
|
6
|
+
argTypes: {
|
|
7
|
+
autoComplete: {
|
|
8
|
+
control: {
|
|
9
|
+
type: "text";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
id: {
|
|
13
|
+
control: {
|
|
14
|
+
type: "text";
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
name: {
|
|
18
|
+
control: {
|
|
19
|
+
type: "text";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
onValueChange: {};
|
|
23
|
+
};
|
|
4
24
|
args: {
|
|
5
|
-
|
|
6
|
-
min: number;
|
|
7
|
-
placeholder: string;
|
|
8
|
-
readOnly: boolean;
|
|
25
|
+
value: number;
|
|
9
26
|
};
|
|
10
|
-
name: string;
|
|
11
27
|
};
|
|
28
|
+
export default meta;
|
|
29
|
+
type Story = StoryObj<typeof meta>;
|
|
30
|
+
export declare const Default: Story;
|
|
@@ -1,21 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import type { StoryObj } from "@storybook/react";
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
2
|
import { OverflowContainer } from "./OverflowContainer";
|
|
4
|
-
declare const meta:
|
|
5
|
-
title: string;
|
|
6
|
-
component: typeof OverflowContainer;
|
|
7
|
-
tags: string[];
|
|
8
|
-
argTypes: {
|
|
9
|
-
gap: {
|
|
10
|
-
control: string;
|
|
11
|
-
options: number[];
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
15
|
-
children: import("react").ReactNode[];
|
|
16
|
-
gap?: (0 | 2 | 1 | 4 | 6 | 8 | 10 | 12 | 16 | 18 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 80 | 100 | 120) | undefined;
|
|
17
|
-
}>) => JSX.Element)[];
|
|
18
|
-
};
|
|
3
|
+
declare const meta: Meta<typeof OverflowContainer>;
|
|
19
4
|
export default meta;
|
|
20
5
|
type Story = StoryObj<typeof meta>;
|
|
21
6
|
export declare const Default: Story;
|
|
@@ -1,96 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
1
2
|
import { ProgressBar } from "./ProgressBar";
|
|
2
|
-
declare const meta:
|
|
3
|
-
title: string;
|
|
4
|
-
component: typeof ProgressBar;
|
|
5
|
-
argTypes: {
|
|
6
|
-
value: {
|
|
7
|
-
defaultValue: number;
|
|
8
|
-
control: {
|
|
9
|
-
type: string;
|
|
10
|
-
min: number;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
max: {
|
|
14
|
-
defaultValue: number;
|
|
15
|
-
control: {
|
|
16
|
-
type: string;
|
|
17
|
-
min: number;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
displayLabel: {
|
|
21
|
-
defaultValue: boolean;
|
|
22
|
-
control: {
|
|
23
|
-
type: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
color: {
|
|
27
|
-
options: string[];
|
|
28
|
-
control: {
|
|
29
|
-
type: string;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
backgroundColor: {
|
|
33
|
-
options: string[];
|
|
34
|
-
control: {
|
|
35
|
-
type: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
labelColor: {
|
|
39
|
-
options: string[];
|
|
40
|
-
control: {
|
|
41
|
-
type: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
height: {
|
|
45
|
-
defaultValue: string;
|
|
46
|
-
options: string[];
|
|
47
|
-
control: {
|
|
48
|
-
type: string;
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
transition: {
|
|
52
|
-
defaultValue: string;
|
|
53
|
-
options: string[];
|
|
54
|
-
control: {
|
|
55
|
-
type: string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
|
|
60
|
-
value: number;
|
|
61
|
-
max?: number | undefined;
|
|
62
|
-
getValueLabel?: ((value: number, max: number) => string) | undefined;
|
|
63
|
-
displayLabel?: boolean | undefined;
|
|
64
|
-
color?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
|
|
65
|
-
backgroundColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
|
|
66
|
-
labelColor?: "inherit" | "currentColor" | "transparent" | "white" | "black" | "grey1" | "grey2" | "grey3" | "grey4" | "grey5" | "grey6" | "grey7" | "grey8" | "grey9" | "grey10" | "grey11" | "grey12" | "dark12" | "indigo2" | "indigo3" | "indigo4" | "indigo5" | "indigo7" | "indigo8" | "indigo10" | "indigo11" | "indigo12" | "green3" | "green4" | "green8" | "green9" | "green10" | "green11" | "green12" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "amber12" | "tomato1" | "tomato2" | "tomato3" | "tomato4" | "tomato5" | "tomato6" | "tomato7" | "tomato8" | "tomato9" | "tomato10" | "tomato11" | "tomato12" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "greyAlpha1" | "logoPurple" | "logoBlue" | "logoYellow" | "logoRed" | undefined;
|
|
67
|
-
height?: "large" | "normal" | "collapsed" | undefined;
|
|
68
|
-
transition?: "slow" | "fast" | undefined;
|
|
69
|
-
sx?: import("../../theme").SX | undefined;
|
|
70
|
-
}>) => JSX.Element)[];
|
|
71
|
-
};
|
|
3
|
+
declare const meta: Meta<typeof ProgressBar>;
|
|
72
4
|
export default meta;
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
max: number;
|
|
77
|
-
displayLabel: true;
|
|
78
|
-
getValueLabel: (value?: number, max?: number) => string;
|
|
79
|
-
};
|
|
80
|
-
};
|
|
81
|
-
export declare const Large: {
|
|
82
|
-
args: {
|
|
83
|
-
backgroundColor: "purple5";
|
|
84
|
-
color: "purple8";
|
|
85
|
-
displayLabel: false;
|
|
86
|
-
height: "large";
|
|
87
|
-
value: number;
|
|
88
|
-
max: number;
|
|
89
|
-
getValueLabel: (value?: number, max?: number) => string;
|
|
90
|
-
};
|
|
91
|
-
parameters: {
|
|
92
|
-
controls: {
|
|
93
|
-
include: never[];
|
|
94
|
-
};
|
|
95
|
-
};
|
|
96
|
-
};
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Large: Story;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { ProgressCircle } from "./ProgressCircle";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof ProgressCircle;
|
|
6
|
+
render: (args: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
|
|
6
7
|
};
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof meta>;
|
|
10
|
+
export declare const Default: Story;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
name: string;
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { RadioGroup } from "./RadioGroup";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof RadioGroup;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
render: (args: import("./RadioGroup").RadioGroupProps<string>) => JSX.Element;
|
|
9
8
|
};
|
|
9
|
+
export default meta;
|
|
10
|
+
type Story = StoryObj<typeof meta>;
|
|
11
|
+
export declare const Default: Story;
|