@ztwoint/z-ui 0.1.12 → 0.1.13
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/alert/alert.const.d.ts +9 -0
- package/dist/components/alert/alert.const.js +48 -0
- package/dist/components/alert/alert.d.ts +15 -0
- package/dist/components/alert/alert.js +68 -0
- package/dist/components/alert/icons/circles-icon.d.ts +6 -0
- package/dist/components/alert/icons/circles-icon.js +57 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/assets/icons/left-arrow.d.ts +7 -0
- package/dist/components/assets/icons/left-arrow.js +38 -0
- package/dist/components/assets/icons/octagon-warning-Copy.d.ts +7 -0
- package/dist/components/assets/icons/x.d.ts +7 -0
- package/dist/components/assets/icons/x.js +33 -0
- package/dist/components/button/button.d.ts +3 -3
- package/dist/css/config/colors/components/alert.css +58 -57
- package/dist/css/config/colors/text.css +2 -2
- package/dist/css/config/config.css +2 -0
- package/dist/css/styles/tailwind.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +64 -58
- package/dist/types/components/alert/alert.const.d.ts +9 -0
- package/dist/types/components/alert/alert.d.ts +15 -0
- package/dist/types/components/alert/icons/circles-icon.d.ts +6 -0
- package/dist/types/components/alert/index.d.ts +2 -0
- package/dist/types/components/assets/icons/left-arrow.d.ts +7 -0
- package/dist/types/components/assets/icons/octagon-warning-Copy.d.ts +7 -0
- package/dist/types/components/assets/icons/x.d.ts +7 -0
- package/dist/types/components/button/button.d.ts +3 -3
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/button/__tests__/Button.test.d.ts +0 -1
- package/dist/components/button/button.stories.d.ts +0 -35
- package/dist/components/collapsible-side-nav-bar/side-nav-bar.stories.d.ts +0 -6
- package/dist/components/country-flags/__tests__/country-flags.test.d.ts +0 -1
- package/dist/components/country-flags/country-flags.stories.d.ts +0 -11
- package/dist/components/dialog/dialog.stories.d.ts +0 -10
- package/dist/components/input/__tests__/Input.test.d.ts +0 -1
- package/dist/components/nav-header/nav-header.stories.d.ts +0 -7
- package/dist/components/nav-header/nav-item/nav-item.stories.d.ts +0 -12
- package/dist/components/stepper/stepper-item/stepper-item.stories.d.ts +0 -11
- package/dist/components/stepper/stepper.stories.d.ts +0 -11
- package/dist/components/tab/__tests__/tab.test.d.ts +0 -1
- package/dist/components/tab/tab.stories.d.ts +0 -16
- package/dist/components/tooltip/tooltip.stories.d.ts +0 -10
- package/dist/tokens/typography/typography.stories.d.ts +0 -12
- package/dist/types/components/button/__tests__/Button.test.d.ts +0 -1
- package/dist/types/components/button/button.stories.d.ts +0 -35
- package/dist/types/components/collapsible-side-nav-bar/side-nav-bar.stories.d.ts +0 -6
- package/dist/types/components/country-flags/__tests__/country-flags.test.d.ts +0 -1
- package/dist/types/components/country-flags/country-flags.stories.d.ts +0 -11
- package/dist/types/components/dialog/dialog.stories.d.ts +0 -10
- package/dist/types/components/input/__tests__/Input.test.d.ts +0 -1
- package/dist/types/components/nav-header/nav-header.stories.d.ts +0 -7
- package/dist/types/components/nav-header/nav-item/nav-item.stories.d.ts +0 -12
- package/dist/types/components/stepper/stepper-item/stepper-item.stories.d.ts +0 -11
- package/dist/types/components/stepper/stepper.stories.d.ts +0 -11
- package/dist/types/components/tab/__tests__/tab.test.d.ts +0 -1
- package/dist/types/components/tab/tab.stories.d.ts +0 -16
- package/dist/types/components/tooltip/tooltip.stories.d.ts +0 -10
- package/dist/types/tokens/typography/typography.stories.d.ts +0 -12
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,61 +1,67 @@
|
|
|
1
1
|
/* empty css */
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
2
|
+
import { Alert as t, AlertDescription as a, AlertTitle as p } from "./components/alert/alert.js";
|
|
3
|
+
import { AlertCirclesIcon as m } from "./components/alert/icons/circles-icon.js";
|
|
4
|
+
import { Button as i, buttonVariants as d } from "./components/button/button.js";
|
|
5
|
+
import { NavHeader as s } from "./components/nav-header/nav-header.js";
|
|
6
|
+
import { NavItem as v } from "./components/nav-header/nav-item/nav-item.js";
|
|
7
|
+
import { Input as l } from "./components/input/input.js";
|
|
8
|
+
import { CountryFlags as B } from "./components/country-flags/country-flags.js";
|
|
9
|
+
import { Z2SideNavBarProvider as C } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
|
|
10
|
+
import { Z2SideNavBar as T, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
|
|
11
|
+
import { Z2SideNavBarHeader as A } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
|
|
12
|
+
import { Z2SideNavBarContent as g } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
|
|
13
|
+
import { Z2SideNavBarFooter as P } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
|
|
14
|
+
import { Z2SideNavBarGroup as H } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
|
|
15
|
+
import { Z2SideNavBarItem as W } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
|
|
16
|
+
import { Z2SideNavBarSeparator as h } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
|
|
17
|
+
import { useZ2SideNavBar as F } from "./components/collapsible-side-nav-bar/context.js";
|
|
18
|
+
import { Z2Popover as V } from "./components/collapsible-side-nav-bar/popover/popover.js";
|
|
19
|
+
import { ChevronUpIcon as O } from "./components/assets/icons/chevron-up-icon.js";
|
|
20
|
+
import { default as j } from "./components/assets/icons/sub-nav-indicator.js";
|
|
21
|
+
import { default as q } from "./components/assets/icons/circles-icon.js";
|
|
22
|
+
import { default as J } from "./components/assets/icons/database-copy.js";
|
|
23
|
+
import { default as M } from "./components/assets/icons/window-left-copy.js";
|
|
24
|
+
import { default as X } from "./components/assets/icons/sidebar-left-show-copy.js";
|
|
25
|
+
import { SIDEBAR_WIDTH as $, SIDEBAR_WIDTH_COLLAPSED as rr } from "./components/collapsible-side-nav-bar/constants.js";
|
|
26
|
+
import { Z2Tabs as er, Z2TabsContent as tr, Z2TabsList as ar, Z2TabsTrigger as pr } from "./components/tab/tab.js";
|
|
27
|
+
import { Z2Tooltip as mr } from "./components/tooltip/tooltip.js";
|
|
28
|
+
import { Z2PopoverTrigger as ir } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
|
|
29
|
+
import { Z2PopoverContent as nr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
|
|
28
30
|
export {
|
|
29
|
-
t as
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
J as
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
31
|
+
t as Alert,
|
|
32
|
+
m as AlertCirclesIcon,
|
|
33
|
+
a as AlertDescription,
|
|
34
|
+
p as AlertTitle,
|
|
35
|
+
i as Button,
|
|
36
|
+
O as ChevronUpIcon,
|
|
37
|
+
q as CirclesIcon,
|
|
38
|
+
B as CountryFlags,
|
|
39
|
+
J as DatabaseCopy,
|
|
40
|
+
l as Input,
|
|
41
|
+
s as NavHeader,
|
|
42
|
+
v as NavItem,
|
|
43
|
+
$ as SIDEBAR_WIDTH,
|
|
44
|
+
rr as SIDEBAR_WIDTH_COLLAPSED,
|
|
45
|
+
X as SidebarLeftShowCopy,
|
|
46
|
+
j as SubNavIndicator,
|
|
47
|
+
M as WindowLeftCopy,
|
|
48
|
+
V as Z2Popover,
|
|
49
|
+
nr as Z2PopoverContent,
|
|
50
|
+
ir as Z2PopoverTrigger,
|
|
51
|
+
T as Z2SideNavBar,
|
|
52
|
+
g as Z2SideNavBarContent,
|
|
53
|
+
P as Z2SideNavBarFooter,
|
|
54
|
+
H as Z2SideNavBarGroup,
|
|
55
|
+
A as Z2SideNavBarHeader,
|
|
56
|
+
W as Z2SideNavBarItem,
|
|
57
|
+
C as Z2SideNavBarProvider,
|
|
58
|
+
h as Z2SideNavBarSeparator,
|
|
59
|
+
b as Z2SidebarVariants,
|
|
60
|
+
er as Z2Tabs,
|
|
61
|
+
tr as Z2TabsContent,
|
|
62
|
+
ar as Z2TabsList,
|
|
63
|
+
pr as Z2TabsTrigger,
|
|
64
|
+
mr as Z2Tooltip,
|
|
65
|
+
d as buttonVariants,
|
|
66
|
+
F as useZ2SideNavBar
|
|
61
67
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const alertVariants: (props?: ({
|
|
2
|
+
variant?: "success" | "warning" | "danger" | "accent" | "neutral" | null | undefined;
|
|
3
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
4
|
+
export declare const iconVariants: (props?: ({
|
|
5
|
+
variant?: "success" | "warning" | "danger" | "accent" | "neutral" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const buttonVariants: (props?: ({
|
|
8
|
+
appearance?: "stroke" | "ghost" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { alertVariants } from './alert.const';
|
|
4
|
+
export interface AlertProps extends React.ComponentProps<'div'>, VariantProps<typeof alertVariants> {
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
leadingIcon?: React.ReactNode;
|
|
8
|
+
showActions?: boolean;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
onAction?: () => void;
|
|
11
|
+
actionLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function Alert({ className, variant, title, description, leadingIcon, showActions, onClose, onAction, actionLabel, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
strokewidth?: number;
|
|
4
|
+
title?: string;
|
|
5
|
+
};
|
|
6
|
+
declare function ArrowLeftCopy({ fill, strokewidth, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default ArrowLeftCopy;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
strokewidth?: number;
|
|
4
|
+
title?: string;
|
|
5
|
+
};
|
|
6
|
+
declare function OctagonWarningCopy({ fill, strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default OctagonWarningCopy;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SVGProps } from 'react';
|
|
2
|
+
type IconProps = SVGProps<SVGSVGElement> & {
|
|
3
|
+
strokewidth?: number;
|
|
4
|
+
title?: string;
|
|
5
|
+
};
|
|
6
|
+
declare function XmarkCopy({ fill, strokewidth, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default XmarkCopy;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type VariantProps } from 'class-variance-authority';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
|
-
variant?: "
|
|
5
|
-
shade?: "
|
|
6
|
-
size?: "
|
|
4
|
+
variant?: "stroke" | "ghost" | "filled" | null | undefined;
|
|
5
|
+
shade?: "danger" | "neutral" | "brand" | "neutralGhost" | null | undefined;
|
|
6
|
+
size?: "small" | "large" | null | undefined;
|
|
7
7
|
iconOnly?: boolean | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
9
9
|
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'type'>, Omit<VariantProps<typeof buttonVariants>, 'iconOnly'> {
|
package/dist/types/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from './button';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Button>;
|
|
6
|
-
export declare const FilledNeutral: Story;
|
|
7
|
-
export declare const FilledBrand: Story;
|
|
8
|
-
export declare const FilledDanger: Story;
|
|
9
|
-
export declare const StrokeNeutral: Story;
|
|
10
|
-
export declare const StrokeDanger: Story;
|
|
11
|
-
export declare const GhostNeutral: Story;
|
|
12
|
-
export declare const Large: Story;
|
|
13
|
-
export declare const Small: Story;
|
|
14
|
-
export declare const DisabledFilled: Story;
|
|
15
|
-
export declare const DisabledStroke: Story;
|
|
16
|
-
export declare const DisabledGhost: Story;
|
|
17
|
-
export declare const DisabledFilledNeutral: Story;
|
|
18
|
-
export declare const DisabledFilledBrand: Story;
|
|
19
|
-
export declare const DisabledFilledDanger: Story;
|
|
20
|
-
export declare const DisabledStrokeNeutral: Story;
|
|
21
|
-
export declare const DisabledStrokeBrand: Story;
|
|
22
|
-
export declare const DisabledStrokeDanger: Story;
|
|
23
|
-
export declare const DisabledGhostNeutral: Story;
|
|
24
|
-
export declare const DisabledGhostBrand: Story;
|
|
25
|
-
export declare const DisabledGhostDanger: Story;
|
|
26
|
-
export declare const WithLeftIcon: Story;
|
|
27
|
-
export declare const WithRightIcon: Story;
|
|
28
|
-
export declare const WithBothIcons: Story;
|
|
29
|
-
export declare const LargeIconOnly: Story;
|
|
30
|
-
export declare const SmallIconOnly: Story;
|
|
31
|
-
export declare const IconOnlyStroke: Story;
|
|
32
|
-
export declare const IconOnlyGhost: Story;
|
|
33
|
-
export declare const AllVariants: Story;
|
|
34
|
-
export declare const SizeComparison: Story;
|
|
35
|
-
export declare const UsageExamples: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { CountryFlags } from './country-flags';
|
|
3
|
-
declare const meta: Meta<typeof CountryFlags>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof CountryFlags>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const CustomSize: Story;
|
|
8
|
-
export declare const SmallFlag: Story;
|
|
9
|
-
export declare const LargeFlag: Story;
|
|
10
|
-
export declare const CustomStyling: Story;
|
|
11
|
-
export declare const DifferentCountries: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Dialog } from './dialog';
|
|
3
|
-
declare const meta: Meta<typeof Z2Dialog>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Dialog>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLongDescription: Story;
|
|
8
|
-
export declare const CustomFooter: Story;
|
|
9
|
-
export declare const Fullscreen: Story;
|
|
10
|
-
export declare const CloseInHeader: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { NavHeader } from './nav-header';
|
|
3
|
-
declare const meta: Meta<typeof NavHeader.Root>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof NavHeader.Root>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithTwoActiveItem: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { NavItem } from './nav-item';
|
|
3
|
-
declare const meta: Meta<typeof NavItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof NavItem>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const DefaultActive: Story;
|
|
8
|
-
export declare const DefaultDualIcon: Story;
|
|
9
|
-
export declare const DualIconActive: Story;
|
|
10
|
-
export declare const LinkWithLeftIcon: Story;
|
|
11
|
-
export declare const LinkWithBothIcons: Story;
|
|
12
|
-
export declare const LinkActiveAndInactive: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2StepperItem as StepperItem } from './stepper-item';
|
|
3
|
-
declare const meta: Meta<typeof StepperItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof StepperItem>;
|
|
6
|
-
export declare const WithLabelActive: Story;
|
|
7
|
-
export declare const WithLabelCompleted: Story;
|
|
8
|
-
export declare const WithLabelDisabled: Story;
|
|
9
|
-
export declare const WithoutLabelActive: Story;
|
|
10
|
-
export declare const WithoutLabelCompleted: Story;
|
|
11
|
-
export declare const WithoutLabelDisabled: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { default as Z2Stepper } from './stepper';
|
|
3
|
-
declare const meta: Meta<typeof Z2Stepper>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Stepper>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithState: Story;
|
|
8
|
-
export declare const AllCompleted: Story;
|
|
9
|
-
export declare const AllDisabled: Story;
|
|
10
|
-
export declare const CustomLabels: Story;
|
|
11
|
-
export declare const ImperativeApi: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Tabs } from './tab';
|
|
3
|
-
declare const meta: Meta<typeof Z2Tabs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Tabs>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithCustomIcons: Story;
|
|
8
|
-
export declare const FewZ2Tabs: Story;
|
|
9
|
-
export declare const WithDisabledTab: Story;
|
|
10
|
-
export declare const IconOnly: Story;
|
|
11
|
-
export declare const TextOnly: Story;
|
|
12
|
-
export declare const MixedContent: Story;
|
|
13
|
-
export declare const TwoZ2Tabs: Story;
|
|
14
|
-
export declare const LongLabels: Story;
|
|
15
|
-
export declare const ControlledExample: Story;
|
|
16
|
-
export declare const CustomStyling: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Tooltip } from './tooltip';
|
|
3
|
-
declare const meta: Meta<typeof Z2Tooltip>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Tooltip>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const IconTrigger: Story;
|
|
8
|
-
export declare const AllSides: Story;
|
|
9
|
-
export declare const CustomStyling: Story;
|
|
10
|
-
export declare const CustomDelay: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
type Story = StoryObj;
|
|
5
|
-
export declare const XSTypography: Story;
|
|
6
|
-
export declare const SMTypography: Story;
|
|
7
|
-
export declare const BaseTypography: Story;
|
|
8
|
-
export declare const LGTypography: Story;
|
|
9
|
-
export declare const XLTypography: Story;
|
|
10
|
-
export declare const XXLTypography: Story;
|
|
11
|
-
export declare const XXXLTypography: Story;
|
|
12
|
-
export declare const XXXXLTypography: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Button } from './button';
|
|
3
|
-
declare const meta: Meta<typeof Button>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Button>;
|
|
6
|
-
export declare const FilledNeutral: Story;
|
|
7
|
-
export declare const FilledBrand: Story;
|
|
8
|
-
export declare const FilledDanger: Story;
|
|
9
|
-
export declare const StrokeNeutral: Story;
|
|
10
|
-
export declare const StrokeDanger: Story;
|
|
11
|
-
export declare const GhostNeutral: Story;
|
|
12
|
-
export declare const Large: Story;
|
|
13
|
-
export declare const Small: Story;
|
|
14
|
-
export declare const DisabledFilled: Story;
|
|
15
|
-
export declare const DisabledStroke: Story;
|
|
16
|
-
export declare const DisabledGhost: Story;
|
|
17
|
-
export declare const DisabledFilledNeutral: Story;
|
|
18
|
-
export declare const DisabledFilledBrand: Story;
|
|
19
|
-
export declare const DisabledFilledDanger: Story;
|
|
20
|
-
export declare const DisabledStrokeNeutral: Story;
|
|
21
|
-
export declare const DisabledStrokeBrand: Story;
|
|
22
|
-
export declare const DisabledStrokeDanger: Story;
|
|
23
|
-
export declare const DisabledGhostNeutral: Story;
|
|
24
|
-
export declare const DisabledGhostBrand: Story;
|
|
25
|
-
export declare const DisabledGhostDanger: Story;
|
|
26
|
-
export declare const WithLeftIcon: Story;
|
|
27
|
-
export declare const WithRightIcon: Story;
|
|
28
|
-
export declare const WithBothIcons: Story;
|
|
29
|
-
export declare const LargeIconOnly: Story;
|
|
30
|
-
export declare const SmallIconOnly: Story;
|
|
31
|
-
export declare const IconOnlyStroke: Story;
|
|
32
|
-
export declare const IconOnlyGhost: Story;
|
|
33
|
-
export declare const AllVariants: Story;
|
|
34
|
-
export declare const SizeComparison: Story;
|
|
35
|
-
export declare const UsageExamples: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { CountryFlags } from './country-flags';
|
|
3
|
-
declare const meta: Meta<typeof CountryFlags>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof CountryFlags>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const CustomSize: Story;
|
|
8
|
-
export declare const SmallFlag: Story;
|
|
9
|
-
export declare const LargeFlag: Story;
|
|
10
|
-
export declare const CustomStyling: Story;
|
|
11
|
-
export declare const DifferentCountries: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Dialog } from './dialog';
|
|
3
|
-
declare const meta: Meta<typeof Z2Dialog>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Dialog>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLongDescription: Story;
|
|
8
|
-
export declare const CustomFooter: Story;
|
|
9
|
-
export declare const Fullscreen: Story;
|
|
10
|
-
export declare const CloseInHeader: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { NavHeader } from './nav-header';
|
|
3
|
-
declare const meta: Meta<typeof NavHeader.Root>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof NavHeader.Root>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithTwoActiveItem: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { NavItem } from './nav-item';
|
|
3
|
-
declare const meta: Meta<typeof NavItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof NavItem>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const DefaultActive: Story;
|
|
8
|
-
export declare const DefaultDualIcon: Story;
|
|
9
|
-
export declare const DualIconActive: Story;
|
|
10
|
-
export declare const LinkWithLeftIcon: Story;
|
|
11
|
-
export declare const LinkWithBothIcons: Story;
|
|
12
|
-
export declare const LinkActiveAndInactive: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2StepperItem as StepperItem } from './stepper-item';
|
|
3
|
-
declare const meta: Meta<typeof StepperItem>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof StepperItem>;
|
|
6
|
-
export declare const WithLabelActive: Story;
|
|
7
|
-
export declare const WithLabelCompleted: Story;
|
|
8
|
-
export declare const WithLabelDisabled: Story;
|
|
9
|
-
export declare const WithoutLabelActive: Story;
|
|
10
|
-
export declare const WithoutLabelCompleted: Story;
|
|
11
|
-
export declare const WithoutLabelDisabled: Story;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import Z2Stepper from './stepper';
|
|
3
|
-
declare const meta: Meta<typeof Z2Stepper>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Stepper>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithState: Story;
|
|
8
|
-
export declare const AllCompleted: Story;
|
|
9
|
-
export declare const AllDisabled: Story;
|
|
10
|
-
export declare const CustomLabels: Story;
|
|
11
|
-
export declare const ImperativeApi: Story;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Tabs } from './tab';
|
|
3
|
-
declare const meta: Meta<typeof Z2Tabs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Tabs>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithCustomIcons: Story;
|
|
8
|
-
export declare const FewZ2Tabs: Story;
|
|
9
|
-
export declare const WithDisabledTab: Story;
|
|
10
|
-
export declare const IconOnly: Story;
|
|
11
|
-
export declare const TextOnly: Story;
|
|
12
|
-
export declare const MixedContent: Story;
|
|
13
|
-
export declare const TwoZ2Tabs: Story;
|
|
14
|
-
export declare const LongLabels: Story;
|
|
15
|
-
export declare const ControlledExample: Story;
|
|
16
|
-
export declare const CustomStyling: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { Z2Tooltip } from './tooltip';
|
|
3
|
-
declare const meta: Meta<typeof Z2Tooltip>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Z2Tooltip>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const IconTrigger: Story;
|
|
8
|
-
export declare const AllSides: Story;
|
|
9
|
-
export declare const CustomStyling: Story;
|
|
10
|
-
export declare const CustomDelay: Story;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
declare const meta: Meta;
|
|
3
|
-
export default meta;
|
|
4
|
-
type Story = StoryObj;
|
|
5
|
-
export declare const XSTypography: Story;
|
|
6
|
-
export declare const SMTypography: Story;
|
|
7
|
-
export declare const BaseTypography: Story;
|
|
8
|
-
export declare const LGTypography: Story;
|
|
9
|
-
export declare const XLTypography: Story;
|
|
10
|
-
export declare const XXLTypography: Story;
|
|
11
|
-
export declare const XXXLTypography: Story;
|
|
12
|
-
export declare const XXXXLTypography: Story;
|