jiffy-ui 1.2.2 → 1.2.4
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/Accordion/Accordion.stories.d.ts +6 -79
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Card/Card.d.ts +1 -3
- package/dist/components/Modal/Modal.d.ts +5 -1
- package/dist/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/index.css +2997 -3249
- package/dist/index.js +5 -5
- package/dist/index.modern.js +5 -5
- package/package.json +4 -4
|
@@ -1,83 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
component: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
argTypes: {
|
|
13
|
-
accordionHeader: {
|
|
14
|
-
description: string;
|
|
15
|
-
control: {
|
|
16
|
-
type: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
isExpanded: {
|
|
20
|
-
description: string;
|
|
21
|
-
control: {
|
|
22
|
-
type: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
disabled: {
|
|
26
|
-
description: string;
|
|
27
|
-
control: {
|
|
28
|
-
type: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
variant: {
|
|
32
|
-
description: string;
|
|
33
|
-
control: {
|
|
34
|
-
type: string;
|
|
35
|
-
};
|
|
36
|
-
options: string[];
|
|
37
|
-
};
|
|
38
|
-
showChevron: {
|
|
39
|
-
description: string;
|
|
40
|
-
control: {
|
|
41
|
-
type: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
chevronPosition: {
|
|
45
|
-
description: string;
|
|
46
|
-
control: {
|
|
47
|
-
type: string;
|
|
48
|
-
};
|
|
49
|
-
options: string[];
|
|
50
|
-
};
|
|
51
|
-
iconPosition: {
|
|
52
|
-
description: string;
|
|
53
|
-
control: {
|
|
54
|
-
type: string;
|
|
55
|
-
};
|
|
56
|
-
options: string[];
|
|
57
|
-
};
|
|
58
|
-
withNumber: {
|
|
59
|
-
description: string;
|
|
60
|
-
control: {
|
|
61
|
-
type: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
numberPosition: {
|
|
65
|
-
description: string;
|
|
66
|
-
control: {
|
|
67
|
-
type: string;
|
|
68
|
-
};
|
|
69
|
-
options: string[];
|
|
70
|
-
};
|
|
71
|
-
number: {
|
|
72
|
-
description: string;
|
|
73
|
-
control: {
|
|
74
|
-
type: string;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
export default _default;
|
|
80
|
-
export declare const Default: any;
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
import Accordion from "./Accordion";
|
|
4
|
+
declare const meta: Meta<typeof Accordion>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof Accordion>;
|
|
7
|
+
export declare const Default: Story;
|
|
81
8
|
export declare const Variants: () => React.JSX.Element;
|
|
82
9
|
export declare const WithIcons: () => React.JSX.Element;
|
|
83
10
|
export declare const WithNumbers: () => React.JSX.Element;
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import "./Button.css";
|
|
3
3
|
export interface ButtonI {
|
|
4
4
|
variant?: "Primary" | "Secondary" | "Tertiary" | "Link" | "Ghost" | "Danger";
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "Small" | "Medium" | "Large";
|
|
6
6
|
color?: "Primary" | "Positive" | "Negative" | "Waiting" | "Neutral";
|
|
7
7
|
isDisabled?: boolean;
|
|
8
8
|
icon?: string | React.ReactNode;
|
|
@@ -20,7 +20,7 @@ export interface CardProps {
|
|
|
20
20
|
/** Card visual variant */
|
|
21
21
|
variant?: "default" | "outlined" | "elevated" | "filled" | "ghost";
|
|
22
22
|
/** Card size affects padding and spacing */
|
|
23
|
-
size?: "
|
|
23
|
+
size?: "medium";
|
|
24
24
|
/** Card header configuration */
|
|
25
25
|
header?: CardSection;
|
|
26
26
|
/** Card footer configuration */
|
|
@@ -57,8 +57,6 @@ export interface CardProps {
|
|
|
57
57
|
width?: string | number;
|
|
58
58
|
/** Custom height */
|
|
59
59
|
height?: string | number;
|
|
60
|
-
/** Whether to show dividers between sections */
|
|
61
|
-
divided?: boolean;
|
|
62
60
|
/** Card orientation for complex layouts */
|
|
63
61
|
orientation?: "vertical" | "horizontal";
|
|
64
62
|
/** Accessibility label */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./modal.css";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { ButtonI } from "../Button/Button";
|
|
4
|
-
declare const Modal: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, ...props }: ModalI) => React.JSX.Element | null;
|
|
4
|
+
declare const Modal: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, size, closeOnOverlayClick, closeOnEscape, showCloseButton, ...props }: ModalI) => React.JSX.Element | null;
|
|
5
5
|
export interface ModalI {
|
|
6
6
|
isOpen: boolean;
|
|
7
7
|
onDismiss: () => void;
|
|
@@ -10,5 +10,9 @@ export interface ModalI {
|
|
|
10
10
|
footer?: string | React.ReactNode;
|
|
11
11
|
primaryAction?: ButtonI;
|
|
12
12
|
secondaryAction?: ButtonI;
|
|
13
|
+
size?: "small" | "medium" | "large" | "fullscreen";
|
|
14
|
+
closeOnOverlayClick?: boolean;
|
|
15
|
+
closeOnEscape?: boolean;
|
|
16
|
+
showCloseButton?: boolean;
|
|
13
17
|
}
|
|
14
18
|
export default Modal;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, ...props }: import("./Modal").ModalI) => React.JSX.Element | null;
|
|
4
|
+
component: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, size, closeOnOverlayClick, closeOnEscape, showCloseButton, ...props }: import("./Modal").ModalI) => React.JSX.Element | null;
|
|
5
5
|
parameters: {
|
|
6
6
|
docs: {
|
|
7
7
|
autodocs: boolean;
|