@ztwoint/z-ui 0.1.12 → 0.1.14

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.
Files changed (74) hide show
  1. package/dist/components/alert/alert.const.d.ts +9 -0
  2. package/dist/components/alert/alert.const.js +48 -0
  3. package/dist/components/alert/alert.d.ts +15 -0
  4. package/dist/components/alert/alert.js +68 -0
  5. package/dist/components/alert/icons/circles-icon.d.ts +6 -0
  6. package/dist/components/alert/icons/circles-icon.js +57 -0
  7. package/dist/components/alert/index.d.ts +2 -0
  8. package/dist/components/assets/icons/left-arrow.d.ts +7 -0
  9. package/dist/components/assets/icons/left-arrow.js +38 -0
  10. package/dist/components/assets/icons/octagon-warning-Copy.d.ts +7 -0
  11. package/dist/components/assets/icons/upload.d.ts +8 -0
  12. package/dist/components/assets/icons/x.d.ts +7 -0
  13. package/dist/components/assets/icons/x.js +33 -0
  14. package/dist/components/assets/icons/z2-icon.js +4 -4
  15. package/dist/components/button/button.d.ts +4 -4
  16. package/dist/components/button/button.js +6 -6
  17. package/dist/components/file-upload-area/file-upload-area.const.d.ts +1 -0
  18. package/dist/components/file-upload-area/file-upload-area.d.ts +42 -0
  19. package/dist/components/file-upload-area/text-preset.d.ts +4 -0
  20. package/dist/components/file-upload-area/upload-icon-component.d.ts +3 -0
  21. package/dist/components/nav-header/nav-item/nav-item.js +15 -15
  22. package/dist/css/config/colors/backgrounds.css +19 -7
  23. package/dist/css/config/colors/components/alert.css +58 -57
  24. package/dist/css/config/colors/defaults.css +4 -0
  25. package/dist/css/config/colors/text.css +2 -2
  26. package/dist/css/config/config.css +1 -0
  27. package/dist/css/styles/tailwind.css +1 -1
  28. package/dist/index.d.ts +1 -0
  29. package/dist/index.js +64 -58
  30. package/dist/types/components/alert/alert.const.d.ts +9 -0
  31. package/dist/types/components/alert/alert.d.ts +15 -0
  32. package/dist/types/components/alert/icons/circles-icon.d.ts +6 -0
  33. package/dist/types/components/alert/index.d.ts +2 -0
  34. package/dist/types/components/assets/icons/left-arrow.d.ts +7 -0
  35. package/dist/types/components/assets/icons/octagon-warning-Copy.d.ts +7 -0
  36. package/dist/types/components/assets/icons/upload.d.ts +8 -0
  37. package/dist/types/components/assets/icons/x.d.ts +7 -0
  38. package/dist/types/components/button/button.d.ts +4 -4
  39. package/dist/types/components/file-upload-area/file-upload-area.const.d.ts +1 -0
  40. package/dist/types/components/file-upload-area/file-upload-area.d.ts +42 -0
  41. package/dist/types/components/file-upload-area/text-preset.d.ts +4 -0
  42. package/dist/types/components/file-upload-area/upload-icon-component.d.ts +3 -0
  43. package/dist/types/index.d.ts +1 -0
  44. package/package.json +1 -1
  45. package/dist/components/button/__tests__/Button.test.d.ts +0 -1
  46. package/dist/components/button/button.stories.d.ts +0 -35
  47. package/dist/components/collapsible-side-nav-bar/side-nav-bar.stories.d.ts +0 -6
  48. package/dist/components/country-flags/__tests__/country-flags.test.d.ts +0 -1
  49. package/dist/components/country-flags/country-flags.stories.d.ts +0 -11
  50. package/dist/components/dialog/dialog.stories.d.ts +0 -10
  51. package/dist/components/input/__tests__/Input.test.d.ts +0 -1
  52. package/dist/components/nav-header/nav-header.stories.d.ts +0 -7
  53. package/dist/components/nav-header/nav-item/nav-item.stories.d.ts +0 -12
  54. package/dist/components/stepper/stepper-item/stepper-item.stories.d.ts +0 -11
  55. package/dist/components/stepper/stepper.stories.d.ts +0 -11
  56. package/dist/components/tab/__tests__/tab.test.d.ts +0 -1
  57. package/dist/components/tab/tab.stories.d.ts +0 -16
  58. package/dist/components/tooltip/tooltip.stories.d.ts +0 -10
  59. package/dist/tokens/typography/typography.stories.d.ts +0 -12
  60. package/dist/types/components/button/__tests__/Button.test.d.ts +0 -1
  61. package/dist/types/components/button/button.stories.d.ts +0 -35
  62. package/dist/types/components/collapsible-side-nav-bar/side-nav-bar.stories.d.ts +0 -6
  63. package/dist/types/components/country-flags/__tests__/country-flags.test.d.ts +0 -1
  64. package/dist/types/components/country-flags/country-flags.stories.d.ts +0 -11
  65. package/dist/types/components/dialog/dialog.stories.d.ts +0 -10
  66. package/dist/types/components/input/__tests__/Input.test.d.ts +0 -1
  67. package/dist/types/components/nav-header/nav-header.stories.d.ts +0 -7
  68. package/dist/types/components/nav-header/nav-item/nav-item.stories.d.ts +0 -12
  69. package/dist/types/components/stepper/stepper-item/stepper-item.stories.d.ts +0 -11
  70. package/dist/types/components/stepper/stepper.stories.d.ts +0 -11
  71. package/dist/types/components/tab/__tests__/tab.test.d.ts +0 -1
  72. package/dist/types/components/tab/tab.stories.d.ts +0 -16
  73. package/dist/types/components/tooltip/tooltip.stories.d.ts +0 -10
  74. package/dist/types/tokens/typography/typography.stories.d.ts +0 -12
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * from './components/alert';
1
2
  export * from './components/button/button';
2
3
  export * from './components/nav-header';
3
4
  export * from './components/input/input';
package/dist/index.js CHANGED
@@ -1,61 +1,67 @@
1
1
  /* empty css */
2
- import { Button as t, buttonVariants as a } from "./components/button/button.js";
3
- import { NavHeader as f } from "./components/nav-header/nav-header.js";
4
- import { NavItem as x } from "./components/nav-header/nav-item/nav-item.js";
5
- import { Input as d } from "./components/input/input.js";
6
- import { CountryFlags as n } from "./components/country-flags/country-flags.js";
7
- import { Z2SideNavBarProvider as S } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
8
- import { Z2SideNavBar as u, Z2SidebarVariants as B } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
9
- import { Z2SideNavBarHeader as C } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
10
- import { Z2SideNavBarContent as b } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
11
- import { Z2SideNavBarFooter as l } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
12
- import { Z2SideNavBarGroup as g } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
13
- import { Z2SideNavBarItem as P } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
14
- import { Z2SideNavBarSeparator as y } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
15
- import { useZ2SideNavBar as A } from "./components/collapsible-side-nav-bar/context.js";
16
- import { Z2Popover as W } from "./components/collapsible-side-nav-bar/popover/popover.js";
17
- import { ChevronUpIcon as h } from "./components/assets/icons/chevron-up-icon.js";
18
- import { default as F } from "./components/assets/icons/sub-nav-indicator.js";
19
- import { default as V } from "./components/assets/icons/circles-icon.js";
20
- import { default as O } from "./components/assets/icons/database-copy.js";
21
- import { default as j } from "./components/assets/icons/window-left-copy.js";
22
- import { default as q } from "./components/assets/icons/sidebar-left-show-copy.js";
23
- import { SIDEBAR_WIDTH as J, SIDEBAR_WIDTH_COLLAPSED as K } from "./components/collapsible-side-nav-bar/constants.js";
24
- import { Z2Tabs as Q, Z2TabsContent as X, Z2TabsList as Y, Z2TabsTrigger as $ } from "./components/tab/tab.js";
25
- import { Z2Tooltip as or } from "./components/tooltip/tooltip.js";
26
- import { Z2PopoverTrigger as tr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
27
- import { Z2PopoverContent as pr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
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 Button,
30
- h as ChevronUpIcon,
31
- V as CirclesIcon,
32
- n as CountryFlags,
33
- O as DatabaseCopy,
34
- d as Input,
35
- f as NavHeader,
36
- x as NavItem,
37
- J as SIDEBAR_WIDTH,
38
- K as SIDEBAR_WIDTH_COLLAPSED,
39
- q as SidebarLeftShowCopy,
40
- F as SubNavIndicator,
41
- j as WindowLeftCopy,
42
- W as Z2Popover,
43
- pr as Z2PopoverContent,
44
- tr as Z2PopoverTrigger,
45
- u as Z2SideNavBar,
46
- b as Z2SideNavBarContent,
47
- l as Z2SideNavBarFooter,
48
- g as Z2SideNavBarGroup,
49
- C as Z2SideNavBarHeader,
50
- P as Z2SideNavBarItem,
51
- S as Z2SideNavBarProvider,
52
- y as Z2SideNavBarSeparator,
53
- B as Z2SidebarVariants,
54
- Q as Z2Tabs,
55
- X as Z2TabsContent,
56
- Y as Z2TabsList,
57
- $ as Z2TabsTrigger,
58
- or as Z2Tooltip,
59
- a as buttonVariants,
60
- A as useZ2SideNavBar
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,6 @@
1
+ import React from 'react';
2
+ interface CirclesIconProps extends React.SVGProps<SVGSVGElement> {
3
+ className?: string;
4
+ }
5
+ export declare function AlertCirclesIcon({ className, ...props }: CirclesIconProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ export { Alert, AlertTitle, AlertDescription, type AlertProps } from './alert';
2
+ export { AlertCirclesIcon } from './icons/circles-icon';
@@ -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,8 @@
1
+ import { SVGProps } from 'react';
2
+ type IconProps = SVGProps<SVGSVGElement> & {
3
+ secondaryfill?: string;
4
+ strokewidth?: number;
5
+ title?: string;
6
+ };
7
+ declare function Upload({ fill, secondaryfill, strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
8
+ export default Upload;
@@ -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
+ import React from 'react';
1
2
  import { type VariantProps } from 'class-variance-authority';
2
- import * as React from 'react';
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "filled" | "stroke" | "ghost" | null | undefined;
5
- shade?: "neutral" | "brand" | "danger" | "neutralGhost" | null | undefined;
6
- size?: "large" | "small" | null | undefined;
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'> {
@@ -0,0 +1 @@
1
+ export declare const DEFAULT_ACCEPT: string[];
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ export type FileUploadAreaProps = {
3
+ onFilesSelected: (files: File[]) => void;
4
+ accept?: string[];
5
+ multiple?: boolean;
6
+ className?: string;
7
+ disabled?: boolean;
8
+ };
9
+ /**
10
+ * FileUploadArea component provides a drag-and-drop and click-to-upload area for file selection.
11
+ *
12
+ * Features:
13
+ * - Drag and drop file upload
14
+ * - Click to open file dialog
15
+ * - Supports multiple file formats (default: CSV, XLS, XLSX)
16
+ * - Supports multiple file selection
17
+ * - Disabled state (blocks all interaction and changes style)
18
+ * - Custom className for styling
19
+ * - Accessible and keyboard-navigable
20
+ *
21
+ * @component
22
+ * @param {FileUploadAreaProps} props - The props for FileUploadArea
23
+ * @returns {JSX.Element}
24
+ *
25
+ * @example <caption>Default usage</caption>
26
+ * <FileUploadArea onFilesSelected={files => console.log(files)} />
27
+ *
28
+ * @example <caption>Custom formats and single file</caption>
29
+ * <FileUploadArea
30
+ * onFilesSelected={files => console.log(files)}
31
+ * accept={[".pdf", ".docx"]}
32
+ * multiple={false}
33
+ * />
34
+ *
35
+ * @example <caption>Disabled</caption>
36
+ * <FileUploadArea onFilesSelected={() => {}} disabled />
37
+ *
38
+ * @example <caption>Async handler</caption>
39
+ * <FileUploadArea onFilesSelected={async files => await uploadFiles(files)} />
40
+ */
41
+ export declare const FileUploadArea: React.FC<FileUploadAreaProps>;
42
+ export default FileUploadArea;
@@ -0,0 +1,4 @@
1
+ declare function TextPreset({ accept }: {
2
+ accept: string[];
3
+ }): import("react/jsx-runtime").JSX.Element;
4
+ export default TextPreset;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ export declare const UploadIconComponent: React.FC;
3
+ export default UploadIconComponent;
@@ -1,4 +1,5 @@
1
1
  import './styles/tailwind.css';
2
+ export * from './components/alert';
2
3
  export * from './components/button/button';
3
4
  export * from './components/nav-header';
4
5
  export * from './components/input/input';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ztwoint/z-ui",
3
- "version": "0.1.12",
3
+ "version": "0.1.14",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -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,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Z2SideNavBar } from './index';
3
- declare const meta: Meta<typeof Z2SideNavBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof Z2SideNavBar>;
6
- export declare const Default: Story;
@@ -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,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,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { Z2SideNavBar } from './index';
3
- declare const meta: Meta<typeof Z2SideNavBar>;
4
- export default meta;
5
- type Story = StoryObj<typeof Z2SideNavBar>;
6
- export declare const Default: Story;
@@ -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;