@westpac/ui 0.9.0 → 0.10.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/CHANGELOG.md +6 -0
- package/package.json +1 -1
- package/tsconfig.build.json +1 -1
- package/dist/components/accordion/accordion.stories.d.ts +0 -24
- package/dist/components/alert/alert.stories.d.ts +0 -29
- package/dist/components/autocomplete/autocomplete.stories.d.ts +0 -33
- package/dist/components/badge/badge.stories.d.ts +0 -25
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +0 -9
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.d.ts +0 -13
- package/dist/components/button/button.stories.d.ts +0 -37
- package/dist/components/button-dropdown/button-dropdown.stories.d.ts +0 -42
- package/dist/components/button-group/button-group.stories.d.ts +0 -33
- package/dist/components/checkbox-group/checkbox-group.stories.d.ts +0 -49
- package/dist/components/checkbox-group/components/checkbox/checkbox.stories.d.ts +0 -17
- package/dist/components/circle/circle.stories.d.ts +0 -9
- package/dist/components/collapsible/collapsible.stories.d.ts +0 -17
- package/dist/components/compacta/compacta.stories.d.ts +0 -8
- package/dist/components/date-picker/date-picker.stories.d.ts +0 -33
- package/dist/components/field/field.stories.d.ts +0 -16
- package/dist/components/flexi-cell/flexi-cell.stories.d.ts +0 -26
- package/dist/components/form/form.stories.d.ts +0 -21
- package/dist/components/grid/grid.stories.d.ts +0 -9
- package/dist/components/icon/icon.stories.d.ts +0 -21
- package/dist/components/input/input.stories.d.ts +0 -25
- package/dist/components/input-field/input-field.scenarios.stories.d.ts +0 -26
- package/dist/components/input-field/input-field.sizes.stories.d.ts +0 -9
- package/dist/components/input-field/input-field.state.stories.d.ts +0 -17
- package/dist/components/input-field/input-field.stories.d.ts +0 -25
- package/dist/components/input-field/input-field.type.stories.d.ts +0 -37
- package/dist/components/link/link.stories.d.ts +0 -22
- package/dist/components/list/list.stories.d.ts +0 -25
- package/dist/components/modal/modal.stories.d.ts +0 -21
- package/dist/components/pagination/pagination.stories.d.ts +0 -32
- package/dist/components/panel/panel.stories.d.ts +0 -21
- package/dist/components/pictogram/pictogram.stories.d.ts +0 -10
- package/dist/components/popover/popover.stories.d.ts +0 -29
- package/dist/components/progress-bar/progress-bar.stories.d.ts +0 -21
- package/dist/components/progress-rope/progress-rope.stories.d.ts +0 -13
- package/dist/components/radio-group/components/radio/radio.stories.d.ts +0 -17
- package/dist/components/radio-group/radio-group.stories.d.ts +0 -49
- package/dist/components/repeater/repeater.stories.d.ts +0 -13
- package/dist/components/select/select.stories.d.ts +0 -21
- package/dist/components/selector/selector.stories.d.ts +0 -56
- package/dist/components/skip-link/skip-link.stories.d.ts +0 -8
- package/dist/components/switch/switch.stories.d.ts +0 -29
- package/dist/components/symbol/symbol.stories.d.ts +0 -12
- package/dist/components/table/table.stories.d.ts +0 -25
- package/dist/components/tabs/tabs.stories.d.ts +0 -21
- package/dist/components/textarea/textarea.stories.d.ts +0 -25
- package/dist/components/visually-hidden/visually-hidden.stories.d.ts +0 -12
- package/dist/components/well/well.stories.d.ts +0 -25
- package/dist/stories/foundation/breakpoints.stories.d.ts +0 -8
- package/dist/stories/foundation/colours.stories.d.ts +0 -16
- package/dist/stories/foundation/spacing.stories.d.ts +0 -15
- package/dist/stories/foundation/theme.stories.d.ts +0 -7
- package/dist/stories/foundation/typography.stories.d.ts +0 -19
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Link } from './link.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Link>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Standalone link with iconSizes, arrowRight is default but can be overridden.
|
|
12
|
-
* > If no icon is passed it defaults to ArrowRightIcon in the iconBefore position
|
|
13
|
-
*/
|
|
14
|
-
export declare const Standalone: () => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
/**
|
|
16
|
-
* > Inline link example
|
|
17
|
-
*/
|
|
18
|
-
export declare const Inline: () => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
/**
|
|
20
|
-
* > example of icon sizes
|
|
21
|
-
*/
|
|
22
|
-
export declare const IconSizes: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { List } from './list.component.js';
|
|
3
|
-
declare const meta: Meta<typeof List>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Type of list
|
|
12
|
-
*/
|
|
13
|
-
export declare const Types: () => import("react/jsx-runtime").JSX.Element[];
|
|
14
|
-
/**
|
|
15
|
-
* > Type of list
|
|
16
|
-
*/
|
|
17
|
-
export declare const Looks: () => import("react/jsx-runtime").JSX.Element[];
|
|
18
|
-
/**
|
|
19
|
-
* Nested list
|
|
20
|
-
*/
|
|
21
|
-
export declare const Nested: () => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
/**
|
|
23
|
-
* List spacing
|
|
24
|
-
*/
|
|
25
|
-
export declare const Spacing: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Modal } from './modal.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Modal>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > WithFooter usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const WithFooter: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > All sizes usage example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Sizes: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Not dismissable example
|
|
20
|
-
*/
|
|
21
|
-
export declare const NotDismissible: Story;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
import { Pagination } from './pagination.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Pagination>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* > Button usage example
|
|
7
|
-
*/
|
|
8
|
-
export declare const Default: unknown;
|
|
9
|
-
/**
|
|
10
|
-
* > Link usage example
|
|
11
|
-
*/
|
|
12
|
-
export declare const AsLink: unknown;
|
|
13
|
-
/**
|
|
14
|
-
* > Using useState as example
|
|
15
|
-
*/
|
|
16
|
-
export declare const State: () => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
/**
|
|
18
|
-
* > Using useState as example
|
|
19
|
-
*/
|
|
20
|
-
export declare const InfiniteState: () => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* > Using custom back and next label
|
|
23
|
-
*/
|
|
24
|
-
export declare const CustomBackAndNextLabel: () => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
/**
|
|
26
|
-
* > Using use pagination hook
|
|
27
|
-
*/
|
|
28
|
-
export declare const UsePagination: () => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
/**
|
|
30
|
-
* > Using use pagination hook with other components
|
|
31
|
-
*/
|
|
32
|
-
export declare const UsePaginationDifferentComponents: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Panel } from './panel.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Panel>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Faint look example
|
|
12
|
-
*/
|
|
13
|
-
export declare const FaintLook: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Example using a table
|
|
16
|
-
*/
|
|
17
|
-
export declare const WithTable: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Example using a table with a body and a panel footer
|
|
20
|
-
*/
|
|
21
|
-
export declare const WithTableAndBody: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Pictogram } from './pictogram.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Pictogram>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
export declare const Decorative: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Popover } from './popover.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Popover>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example NOTE: Does not display correctly in story view please check individual story
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Using icon as trigger NOTE: Does not display correctly in story view please check individual story
|
|
12
|
-
*/
|
|
13
|
-
export declare const IconTrigger: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Default open NOTE: Does not display correctly in story view please check individual story
|
|
16
|
-
*/
|
|
17
|
-
export declare const DefaultOpen: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > No heading NOTE: Does not display correctly in story view please check individual story
|
|
20
|
-
*/
|
|
21
|
-
export declare const NoHeading: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > Auto adjustment NOTE: Does not display correctly in story view please check individual story
|
|
24
|
-
*/
|
|
25
|
-
export declare const AutoAdjustment: () => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
/**
|
|
27
|
-
* > Top and bottom popover NOTE: Does not display correctly in story view please check individual story
|
|
28
|
-
*/
|
|
29
|
-
export declare const PopoverPlacement: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { ProgressBar } from './progress-bar.component.js';
|
|
3
|
-
declare const meta: Meta<typeof ProgressBar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Skinny example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Skinny: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > No label example
|
|
16
|
-
*/
|
|
17
|
-
export declare const NoLabel: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Example of Progress Bar controlled by buttons
|
|
20
|
-
*/
|
|
21
|
-
export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { ProgressRope } from './progress-rope.component.js';
|
|
3
|
-
declare const meta: Meta<typeof ProgressRope>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Grouping steps story usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const GroupingSteps: Story;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Radio } from './radio.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Radio>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Base radio, unchecked as that is handled by RadioGroup
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Radio with hint example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Hint: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Disabled Radio example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Disabled: Story;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { RadioGroup } from './radio-group.component.js';
|
|
3
|
-
declare const meta: Meta<typeof RadioGroup>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Default with long content
|
|
12
|
-
*/
|
|
13
|
-
export declare const LongLines: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > RadioGroup with default value
|
|
16
|
-
*/
|
|
17
|
-
export declare const DefaultValue: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > RadioGroup with radios aligned horizontally
|
|
20
|
-
*/
|
|
21
|
-
export declare const Inline: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > RadioGroup with radios aligned horizontally with long content
|
|
24
|
-
*/
|
|
25
|
-
export declare const InlineLongLines: Story;
|
|
26
|
-
/**
|
|
27
|
-
* > RadioGroup that is disabled
|
|
28
|
-
*/
|
|
29
|
-
export declare const Disabled: Story;
|
|
30
|
-
/**
|
|
31
|
-
* > RadioGroup with large radios
|
|
32
|
-
*/
|
|
33
|
-
export declare const Large: Story;
|
|
34
|
-
/**
|
|
35
|
-
* > RadioGroup that has hidden radios that will be revealed on clicking on button
|
|
36
|
-
*/
|
|
37
|
-
export declare const HiddenOptions: Story;
|
|
38
|
-
/**
|
|
39
|
-
* > Example with hint text
|
|
40
|
-
*/
|
|
41
|
-
export declare const HintText: Story;
|
|
42
|
-
/**
|
|
43
|
-
* > On change (check console log)
|
|
44
|
-
*/
|
|
45
|
-
export declare const OnChange: Story;
|
|
46
|
-
/**
|
|
47
|
-
* Error message and label
|
|
48
|
-
*/
|
|
49
|
-
export declare const ErrorMessageAndLabel: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Repeater } from './repeater.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Repeater>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Example using the separator prop
|
|
12
|
-
*/
|
|
13
|
-
export declare const Separator: Story;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Select } from './select.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Select>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Invalid usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Invalid: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Disabled usage example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Disabled: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Form field example
|
|
20
|
-
*/
|
|
21
|
-
export declare const FormField: Story;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
import { Selector } from './selector.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Selector>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* > Default usage example
|
|
7
|
-
*/
|
|
8
|
-
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
/**
|
|
10
|
-
* > Radio usage example
|
|
11
|
-
*/
|
|
12
|
-
export declare const Radio: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
/**
|
|
14
|
-
* > Radio usage example
|
|
15
|
-
*/
|
|
16
|
-
export declare const CheckWithArrow: () => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
/**
|
|
18
|
-
* > Radio with state usage example
|
|
19
|
-
*/
|
|
20
|
-
export declare const RadioWithState: () => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* > Check options with state usage example
|
|
23
|
-
*/
|
|
24
|
-
export declare const CheckboxWithState: () => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
/**
|
|
26
|
-
* > Default usage example
|
|
27
|
-
*/
|
|
28
|
-
export declare const LongText: () => import("react/jsx-runtime").JSX.Element;
|
|
29
|
-
/**
|
|
30
|
-
* > With hint text usage example
|
|
31
|
-
*/
|
|
32
|
-
export declare const HintText: () => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
/**
|
|
34
|
-
* > With pictogram usage example
|
|
35
|
-
*/
|
|
36
|
-
export declare const Pictogram: () => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
/**
|
|
38
|
-
* > With pictogram with different sizes usage example
|
|
39
|
-
*/
|
|
40
|
-
export declare const PictogramSizes: () => import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
/**
|
|
42
|
-
* > With icon and different size
|
|
43
|
-
*/
|
|
44
|
-
export declare const IconsSizes: () => import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
/**
|
|
46
|
-
* > With icon and secondary label
|
|
47
|
-
*/
|
|
48
|
-
export declare const IconsAndSecondaryLabel: () => import("react/jsx-runtime").JSX.Element;
|
|
49
|
-
/**
|
|
50
|
-
* > Radio example with icons and secondary text
|
|
51
|
-
*/
|
|
52
|
-
export declare const RadioWithIconsAndSecondaryLabel: () => import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
/**
|
|
54
|
-
* > Disable state style example
|
|
55
|
-
*/
|
|
56
|
-
export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
import { SkipLink } from './skip-link.component.js';
|
|
3
|
-
declare const meta: Meta<typeof SkipLink>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* > Default usage example
|
|
7
|
-
*/
|
|
8
|
-
export declare const Default: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Switch } from './switch.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Switch>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Selected switch example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Selected: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Switch size example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
/**
|
|
19
|
-
* > Disabled switch example
|
|
20
|
-
*/
|
|
21
|
-
export declare const Disabled: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > Block switch example
|
|
24
|
-
*/
|
|
25
|
-
export declare const Block: () => import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
/**
|
|
27
|
-
* > Responsive switch example
|
|
28
|
-
*/
|
|
29
|
-
export declare const ResponsiveSize: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Symbol } from './symbol.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Symbol>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
export declare const Offset: () => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const AllSymbols: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export declare const AllLogos: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Table } from './table.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Table>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Striped example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Striped: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Bordered example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Bordered: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Bordered & Striped example
|
|
20
|
-
*/
|
|
21
|
-
export declare const BorderedAndStriped: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > Example of table with highlighted rows or cells
|
|
24
|
-
*/
|
|
25
|
-
export declare const HighlightedRowCell: Story;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Tabs } from './tabs.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Tabs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Default usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Justify: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Default usage example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Color: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Vertical story usage example
|
|
20
|
-
*/
|
|
21
|
-
export declare const Vertical: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Textarea } from './textarea.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Textarea>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Invalid usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Invalid: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Disabled usage example
|
|
16
|
-
*/
|
|
17
|
-
export declare const Disabled: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > ReadOnly usage example
|
|
20
|
-
*/
|
|
21
|
-
export declare const ReadOnly: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > Form field example
|
|
24
|
-
*/
|
|
25
|
-
export declare const FormField: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { VisuallyHidden } from './visually-hidden.component.js';
|
|
3
|
-
declare const meta: Meta<typeof VisuallyHidden>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*
|
|
9
|
-
* Note: The examples below the following headings are visibility hidden.
|
|
10
|
-
* Best you inspect what is being rendered using your browser’s DevTools.
|
|
11
|
-
*/
|
|
12
|
-
export declare const Default: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from '@storybook/react';
|
|
2
|
-
import { Well } from './well.component.js';
|
|
3
|
-
declare const meta: Meta<typeof Well>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof meta>;
|
|
6
|
-
/**
|
|
7
|
-
* > Default usage example
|
|
8
|
-
*/
|
|
9
|
-
export declare const Default: Story;
|
|
10
|
-
/**
|
|
11
|
-
* > Nested usage example
|
|
12
|
-
*/
|
|
13
|
-
export declare const Nested: Story;
|
|
14
|
-
/**
|
|
15
|
-
* > Tag as <article>
|
|
16
|
-
*/
|
|
17
|
-
export declare const CustomTag: Story;
|
|
18
|
-
/**
|
|
19
|
-
* > Nested tag as <article>
|
|
20
|
-
*/
|
|
21
|
-
export declare const CustomTagNested: Story;
|
|
22
|
-
/**
|
|
23
|
-
* > Tag as <aside> with child <san>, passed as a component
|
|
24
|
-
*/
|
|
25
|
-
export declare const ComplexCustomTagNested: Story;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
/**
|
|
5
|
-
* Breakpoints are a set of predefined viewport widths that can be used to change the layout of a webpage to ensure it accommodates different devices.
|
|
6
|
-
* For styling GEL is using Tailwind and refer https://tailwindcss.com/docs/responsive-design for detailed documentation.
|
|
7
|
-
*/
|
|
8
|
-
export declare const Breakpoints: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { type Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
type Story = StoryObj<typeof meta>;
|
|
5
|
-
/**
|
|
6
|
-
* Examples for all colors that change with brand
|
|
7
|
-
*/
|
|
8
|
-
export declare const BrandColors: Story;
|
|
9
|
-
/**
|
|
10
|
-
* All reserved colors that do not change with brand
|
|
11
|
-
*/
|
|
12
|
-
export declare const ReservedColors: () => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
/**
|
|
14
|
-
* Colors that are reserved but have no extra tints
|
|
15
|
-
*/
|
|
16
|
-
export declare const ReservedWithNoTints: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
/**
|
|
5
|
-
* Margin scale
|
|
6
|
-
*/
|
|
7
|
-
export declare const MarginScale: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
/**
|
|
9
|
-
* Padding scale
|
|
10
|
-
*/
|
|
11
|
-
export declare const PaddingScale: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
/**
|
|
13
|
-
* Gap scale
|
|
14
|
-
*/
|
|
15
|
-
export declare const GapScale: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
/**
|
|
5
|
-
* Providing themeing is a matter of wrapping with HTML or div with data-theme="theme-name", see code of story for example
|
|
6
|
-
*/
|
|
7
|
-
export declare const Theme: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { type Meta } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
/**
|
|
5
|
-
* Brand fonts
|
|
6
|
-
*/
|
|
7
|
-
export declare const BrandFont: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
/**
|
|
9
|
-
* Body fonts
|
|
10
|
-
*/
|
|
11
|
-
export declare const BodyFont: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
/**
|
|
13
|
-
* Line height
|
|
14
|
-
*/
|
|
15
|
-
export declare const LineHeight: () => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
/**
|
|
17
|
-
* Fonts weight
|
|
18
|
-
*/
|
|
19
|
-
export declare const FontWeight: () => import("react/jsx-runtime").JSX.Element;
|