@ztwoint/z-ui 0.1.11 → 0.1.12

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 (27) hide show
  1. package/dist/components/assets/icons/circle-check-filled.d.ts +6 -0
  2. package/dist/components/assets/icons/media-record.d.ts +6 -0
  3. package/dist/components/button/button.js +15 -15
  4. package/dist/components/button/button.stories.d.ts +9 -0
  5. package/dist/components/stepper/stepper-item/stepper-item.d.ts +10 -0
  6. package/dist/components/stepper/stepper-item/stepper-item.stories.d.ts +11 -0
  7. package/dist/components/stepper/stepper.d.ts +17 -0
  8. package/dist/components/stepper/stepper.stories.d.ts +11 -0
  9. package/dist/css/config/colors/backgrounds.css +1 -1
  10. package/dist/css/config/colors/components/alert.css +1 -1
  11. package/dist/css/config/colors/components/button.css +5 -5
  12. package/dist/css/config/colors/defaults.css +59 -35
  13. package/dist/css/config/colors/icons.css +2 -2
  14. package/dist/css/config/colors/overlay.css +1 -1
  15. package/dist/css/config/colors/shape.css +6 -6
  16. package/dist/css/config/colors/stroke.css +26 -10
  17. package/dist/css/config/colors/surfaces.css +7 -7
  18. package/dist/css/config/colors/text.css +86 -23
  19. package/dist/css/styles/tailwind.css +1 -1
  20. package/dist/types/components/assets/icons/circle-check-filled.d.ts +6 -0
  21. package/dist/types/components/assets/icons/media-record.d.ts +6 -0
  22. package/dist/types/components/button/button.stories.d.ts +9 -0
  23. package/dist/types/components/stepper/stepper-item/stepper-item.d.ts +10 -0
  24. package/dist/types/components/stepper/stepper-item/stepper-item.stories.d.ts +11 -0
  25. package/dist/types/components/stepper/stepper.d.ts +17 -0
  26. package/dist/types/components/stepper/stepper.stories.d.ts +11 -0
  27. package/package.json +1 -1
@@ -0,0 +1,6 @@
1
+ import { SVGProps } from 'react';
2
+ type IconProps = SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ };
5
+ declare function CircleCheckFilled({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
6
+ export default CircleCheckFilled;
@@ -0,0 +1,6 @@
1
+ import { SVGProps } from 'react';
2
+ type IconProps = SVGProps<SVGSVGElement> & {
3
+ title?: string;
4
+ };
5
+ declare function MediaRecord({ fill, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
6
+ export default MediaRecord;
@@ -14,6 +14,15 @@ export declare const Small: Story;
14
14
  export declare const DisabledFilled: Story;
15
15
  export declare const DisabledStroke: Story;
16
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;
17
26
  export declare const WithLeftIcon: Story;
18
27
  export declare const WithRightIcon: Story;
19
28
  export declare const WithBothIcons: Story;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { type VariantProps } from 'class-variance-authority';
3
+ declare const z2StepperItemVariants: (props?: ({
4
+ state?: "disabled" | "active" | "completed" | null | undefined;
5
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
+ export interface Z2StepperItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof z2StepperItemVariants> {
7
+ label: string;
8
+ }
9
+ export declare const Z2StepperItem: React.ForwardRefExoticComponent<Z2StepperItemProps & React.RefAttributes<HTMLDivElement>>;
10
+ export {};
@@ -0,0 +1,11 @@
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;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ export type StepperState = 'active' | 'completed' | 'disabled';
3
+ export type StepperItemType = {
4
+ id: string;
5
+ label: string;
6
+ state?: StepperState;
7
+ };
8
+ export type StepperHandle = {
9
+ handleNext: (label?: string) => void;
10
+ handlePrev: (label?: string) => void;
11
+ reset: () => void;
12
+ setStepState: (index: number, state: StepperState) => void;
13
+ };
14
+ declare const Z2Stepper: React.ForwardRefExoticComponent<{
15
+ items: StepperItemType[];
16
+ } & React.RefAttributes<StepperHandle>>;
17
+ export default Z2Stepper;
@@ -0,0 +1,11 @@
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ztwoint/z-ui",
3
- "version": "0.1.11",
3
+ "version": "0.1.12",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",