@rovula/ui 0.1.2 → 0.1.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/cjs/bundle.css +436 -111
- package/dist/cjs/bundle.js +4 -4
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/ActionButton/ActionButton.d.ts +4 -2
- package/dist/cjs/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
- package/dist/cjs/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
- package/dist/cjs/types/components/Avatar/Avatar.styles.d.ts +1 -1
- package/dist/cjs/types/components/Button/Button.d.ts +4 -2
- package/dist/cjs/types/components/Button/Button.styles.d.ts +2 -1
- package/dist/cjs/types/components/Button/Buttons.stories.d.ts +71 -6
- package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
- package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
- package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
- package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
- package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
- package/dist/cjs/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
- package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
- package/dist/cjs/types/components/Search/Search.stories.d.ts +3 -0
- package/dist/cjs/types/components/Switch/Switch.d.ts +3 -1
- package/dist/cjs/types/components/Switch/Switch.stories.d.ts +12 -4
- package/dist/cjs/types/components/Switch/Switch.styles.d.ts +7 -0
- package/dist/cjs/types/components/TextInput/TextInput.d.ts +6 -0
- package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +9 -0
- package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +4 -0
- package/dist/cjs/types/components/Toast/Toast.d.ts +1 -0
- package/dist/cjs/types/components/Toast/Toast.stories.d.ts +14 -0
- package/dist/cjs/types/components/Toast/Toast.styles.d.ts +1 -0
- package/dist/components/ActionButton/ActionButton.js +2 -1
- package/dist/components/ActionButton/ActionButton.stories.js +40 -7
- package/dist/components/ActionButton/ActionButton.styles.js +77 -17
- package/dist/components/Button/Button.js +9 -2
- package/dist/components/Button/Button.styles.js +51 -14
- package/dist/components/Button/Buttons.stories.js +55 -0
- package/dist/components/Checkbox/Checkbox.js +6 -7
- package/dist/components/Checkbox/Checkbox.stories.js +23 -1
- package/dist/components/InputFilter/InputFilter.js +1 -1
- package/dist/components/InputFilter/InputFilter.styles.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.js +16 -1
- package/dist/components/Switch/Switch.js +4 -17
- package/dist/components/Switch/Switch.stories.js +12 -2
- package/dist/components/Switch/Switch.styles.js +39 -0
- package/dist/components/TextInput/TextInput.js +28 -7
- package/dist/components/TextInput/TextInput.stories.js +13 -0
- package/dist/components/TextInput/TextInput.styles.js +22 -0
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/Toast/Toast.stories.js +11 -2
- package/dist/components/Toast/Toast.styles.js +38 -6
- package/dist/components/Toast/Toaster.js +17 -1
- package/dist/esm/bundle.css +436 -111
- package/dist/esm/bundle.js +115 -115
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/ActionButton/ActionButton.d.ts +4 -2
- package/dist/esm/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
- package/dist/esm/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
- package/dist/esm/types/components/Avatar/Avatar.styles.d.ts +1 -1
- package/dist/esm/types/components/Button/Button.d.ts +4 -2
- package/dist/esm/types/components/Button/Button.styles.d.ts +2 -1
- package/dist/esm/types/components/Button/Buttons.stories.d.ts +71 -6
- package/dist/esm/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
- package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
- package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
- package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
- package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
- package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
- package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
- package/dist/esm/types/components/Search/Search.stories.d.ts +3 -0
- package/dist/esm/types/components/Switch/Switch.d.ts +3 -1
- package/dist/esm/types/components/Switch/Switch.stories.d.ts +12 -4
- package/dist/esm/types/components/Switch/Switch.styles.d.ts +7 -0
- package/dist/esm/types/components/TextInput/TextInput.d.ts +6 -0
- package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +9 -0
- package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +4 -0
- package/dist/esm/types/components/Toast/Toast.d.ts +1 -0
- package/dist/esm/types/components/Toast/Toast.stories.d.ts +14 -0
- package/dist/esm/types/components/Toast/Toast.styles.d.ts +1 -0
- package/dist/index.d.ts +19 -4
- package/dist/src/theme/global.css +557 -167
- package/package.json +1 -1
- package/src/components/ActionButton/ActionButton.stories.tsx +105 -149
- package/src/components/ActionButton/ActionButton.styles.ts +78 -18
- package/src/components/ActionButton/ActionButton.tsx +7 -2
- package/src/components/Button/Button.styles.ts +51 -14
- package/src/components/Button/Button.tsx +11 -2
- package/src/components/Button/Buttons.stories.tsx +235 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +50 -4
- package/src/components/Checkbox/Checkbox.tsx +12 -8
- package/src/components/InputFilter/InputFilter.styles.ts +2 -2
- package/src/components/InputFilter/InputFilter.tsx +21 -24
- package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -4
- package/src/components/RadioGroup/RadioGroup.tsx +1 -1
- package/src/components/Switch/Switch.stories.tsx +33 -2
- package/src/components/Switch/Switch.styles.ts +48 -0
- package/src/components/Switch/Switch.tsx +68 -45
- package/src/components/TextInput/TextInput.stories.tsx +82 -0
- package/src/components/TextInput/TextInput.styles.ts +22 -0
- package/src/components/TextInput/TextInput.tsx +40 -11
- package/src/components/Toast/Toast.stories.tsx +12 -2
- package/src/components/Toast/Toast.styles.tsx +38 -6
- package/src/components/Toast/Toast.tsx +7 -7
- package/src/components/Toast/Toaster.tsx +26 -4
- package/src/theme/themes/variable.css +1 -1
- package/src/theme/themes/xspector/baseline.css +0 -1
- package/src/theme/tokens/components/switch.css +10 -11
- package/src/theme/themes/xspector/components/switch.css +0 -30
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export type ActionButtonProps = {
|
|
3
3
|
title?: string;
|
|
4
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
4
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
5
|
+
shape?: "round" | "capsule";
|
|
5
6
|
variant?: "solid" | "outline" | "icon";
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
active?: boolean;
|
|
@@ -10,7 +11,8 @@ export type ActionButtonProps = {
|
|
|
10
11
|
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
11
12
|
declare const ActionButton: React.ForwardRefExoticComponent<{
|
|
12
13
|
title?: string;
|
|
13
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
14
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
15
|
+
shape?: "round" | "capsule";
|
|
14
16
|
variant?: "solid" | "outline" | "icon";
|
|
15
17
|
disabled?: boolean;
|
|
16
18
|
active?: boolean;
|
|
@@ -3,7 +3,8 @@ declare const meta: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: React.ForwardRefExoticComponent<{
|
|
5
5
|
title?: string;
|
|
6
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
6
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
7
|
+
shape?: "round" | "capsule";
|
|
7
8
|
variant?: "solid" | "outline" | "icon";
|
|
8
9
|
disabled?: boolean;
|
|
9
10
|
active?: boolean;
|
|
@@ -11,12 +12,21 @@ declare const meta: {
|
|
|
11
12
|
className?: string;
|
|
12
13
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
14
|
tags: string[];
|
|
15
|
+
argTypes: {
|
|
16
|
+
shape: {
|
|
17
|
+
control: {
|
|
18
|
+
type: "inline-radio";
|
|
19
|
+
};
|
|
20
|
+
options: string[];
|
|
21
|
+
};
|
|
22
|
+
};
|
|
14
23
|
parameters: {
|
|
15
24
|
layout: string;
|
|
16
25
|
};
|
|
17
26
|
decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
18
27
|
title?: string | undefined;
|
|
19
|
-
size?: "xs" | "sm" | "md" | "lg" | undefined;
|
|
28
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg" | undefined;
|
|
29
|
+
shape?: "round" | "capsule" | undefined;
|
|
20
30
|
variant?: "solid" | "outline" | "icon" | undefined;
|
|
21
31
|
disabled?: boolean | undefined;
|
|
22
32
|
active?: boolean | undefined;
|
|
@@ -301,12 +311,24 @@ declare const meta: {
|
|
|
301
311
|
export default meta;
|
|
302
312
|
export declare const Default: {
|
|
303
313
|
args: {
|
|
304
|
-
variant:
|
|
305
|
-
size:
|
|
314
|
+
variant: "solid";
|
|
315
|
+
size: "md";
|
|
316
|
+
shape: "round";
|
|
306
317
|
};
|
|
307
|
-
render: (args: {
|
|
318
|
+
render: (args: {
|
|
319
|
+
title?: string;
|
|
320
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
321
|
+
shape?: "round" | "capsule";
|
|
322
|
+
variant?: "solid" | "outline" | "icon";
|
|
323
|
+
disabled?: boolean;
|
|
324
|
+
active?: boolean;
|
|
325
|
+
children?: React.ReactNode;
|
|
326
|
+
className?: string;
|
|
327
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
328
|
+
};
|
|
329
|
+
export declare const FigmaPreview: {
|
|
330
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
308
331
|
};
|
|
309
|
-
export declare const
|
|
310
|
-
|
|
311
|
-
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
332
|
+
export declare const FigmaPreviewCapsule: {
|
|
333
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
312
334
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const actionButtonVariants: (props?: ({
|
|
2
2
|
variant?: "solid" | "outline" | "icon" | null | undefined;
|
|
3
|
-
size?: "sm" | "md" | "lg" | "xs" | null | undefined;
|
|
3
|
+
size?: "sm" | "md" | "lg" | "xxs" | "xs" | null | undefined;
|
|
4
|
+
shape?: "round" | "capsule" | null | undefined;
|
|
4
5
|
disabled?: boolean | null | undefined;
|
|
5
6
|
active?: boolean | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const avatarVariants: (props?: ({
|
|
2
|
-
size?: "sm" | "md" | "lg" | "
|
|
2
|
+
size?: "sm" | "md" | "lg" | "xxs" | "xs" | null | undefined;
|
|
3
3
|
rounded?: "none" | "normal" | "full" | null | undefined;
|
|
4
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -2,8 +2,9 @@ import React, { ReactElement } from "react";
|
|
|
2
2
|
export type ButtonProps = {
|
|
3
3
|
title?: string;
|
|
4
4
|
size?: "sm" | "md" | "lg";
|
|
5
|
+
shape?: "round" | "capsule";
|
|
5
6
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
6
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
7
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
isLoading?: boolean;
|
|
9
10
|
fullwidth?: boolean;
|
|
@@ -14,8 +15,9 @@ export type ButtonProps = {
|
|
|
14
15
|
declare const Button: React.ForwardRefExoticComponent<{
|
|
15
16
|
title?: string;
|
|
16
17
|
size?: "sm" | "md" | "lg";
|
|
18
|
+
shape?: "round" | "capsule";
|
|
17
19
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
18
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
20
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
19
21
|
disabled?: boolean;
|
|
20
22
|
isLoading?: boolean;
|
|
21
23
|
fullwidth?: boolean;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export declare const buttonVariants: (props?: ({
|
|
2
2
|
color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
3
3
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
|
-
|
|
4
|
+
shape?: "round" | "capsule" | null | undefined;
|
|
5
|
+
variant?: "solid" | "outline" | "link" | "text" | "flat" | null | undefined;
|
|
5
6
|
disabled?: boolean | null | undefined;
|
|
6
7
|
fullwidth?: boolean | null | undefined;
|
|
7
8
|
icon?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -4,8 +4,9 @@ declare const meta: {
|
|
|
4
4
|
component: React.ForwardRefExoticComponent<{
|
|
5
5
|
title?: string;
|
|
6
6
|
size?: "sm" | "md" | "lg";
|
|
7
|
+
shape?: "round" | "capsule";
|
|
7
8
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
8
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
9
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
9
10
|
disabled?: boolean;
|
|
10
11
|
isLoading?: boolean;
|
|
11
12
|
fullwidth?: boolean;
|
|
@@ -14,14 +15,23 @@ declare const meta: {
|
|
|
14
15
|
endIcon?: React.ReactElement;
|
|
15
16
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
16
17
|
tags: string[];
|
|
18
|
+
argTypes: {
|
|
19
|
+
shape: {
|
|
20
|
+
control: {
|
|
21
|
+
type: "inline-radio";
|
|
22
|
+
};
|
|
23
|
+
options: string[];
|
|
24
|
+
};
|
|
25
|
+
};
|
|
17
26
|
parameters: {
|
|
18
27
|
layout: string;
|
|
19
28
|
};
|
|
20
29
|
decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
21
30
|
title?: string | undefined;
|
|
22
31
|
size?: "sm" | "md" | "lg" | undefined;
|
|
32
|
+
shape?: "round" | "capsule" | undefined;
|
|
23
33
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error" | undefined;
|
|
24
|
-
variant?: "solid" | "outline" | "flat" | "link" | undefined;
|
|
34
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link" | undefined;
|
|
25
35
|
disabled?: boolean | undefined;
|
|
26
36
|
isLoading?: boolean | undefined;
|
|
27
37
|
fullwidth?: boolean | undefined;
|
|
@@ -310,12 +320,14 @@ export declare const Solid: {
|
|
|
310
320
|
title: string;
|
|
311
321
|
disabled: false;
|
|
312
322
|
isLoading: false;
|
|
323
|
+
shape: "round";
|
|
313
324
|
};
|
|
314
325
|
render: (args: {
|
|
315
326
|
title?: string;
|
|
316
327
|
size?: "sm" | "md" | "lg";
|
|
328
|
+
shape?: "round" | "capsule";
|
|
317
329
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
318
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
330
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
319
331
|
disabled?: boolean;
|
|
320
332
|
isLoading?: boolean;
|
|
321
333
|
fullwidth?: boolean;
|
|
@@ -330,12 +342,14 @@ export declare const Outline: {
|
|
|
330
342
|
variant: "outline";
|
|
331
343
|
disabled: false;
|
|
332
344
|
isLoading: false;
|
|
345
|
+
shape: "round";
|
|
333
346
|
};
|
|
334
347
|
render: (args: {
|
|
335
348
|
title?: string;
|
|
336
349
|
size?: "sm" | "md" | "lg";
|
|
350
|
+
shape?: "round" | "capsule";
|
|
337
351
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
338
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
352
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
339
353
|
disabled?: boolean;
|
|
340
354
|
isLoading?: boolean;
|
|
341
355
|
fullwidth?: boolean;
|
|
@@ -350,12 +364,36 @@ export declare const Flat: {
|
|
|
350
364
|
variant: "flat";
|
|
351
365
|
disabled: false;
|
|
352
366
|
isLoading: false;
|
|
367
|
+
shape: "round";
|
|
368
|
+
};
|
|
369
|
+
render: (args: {
|
|
370
|
+
title?: string;
|
|
371
|
+
size?: "sm" | "md" | "lg";
|
|
372
|
+
shape?: "round" | "capsule";
|
|
373
|
+
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
374
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
375
|
+
disabled?: boolean;
|
|
376
|
+
isLoading?: boolean;
|
|
377
|
+
fullwidth?: boolean;
|
|
378
|
+
children?: React.ReactNode;
|
|
379
|
+
startIcon?: React.ReactElement;
|
|
380
|
+
endIcon?: React.ReactElement;
|
|
381
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
382
|
+
};
|
|
383
|
+
export declare const Text: {
|
|
384
|
+
args: {
|
|
385
|
+
title: string;
|
|
386
|
+
variant: "text";
|
|
387
|
+
disabled: false;
|
|
388
|
+
isLoading: false;
|
|
389
|
+
shape: "round";
|
|
353
390
|
};
|
|
354
391
|
render: (args: {
|
|
355
392
|
title?: string;
|
|
356
393
|
size?: "sm" | "md" | "lg";
|
|
394
|
+
shape?: "round" | "capsule";
|
|
357
395
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
358
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
396
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
359
397
|
disabled?: boolean;
|
|
360
398
|
isLoading?: boolean;
|
|
361
399
|
fullwidth?: boolean;
|
|
@@ -370,12 +408,14 @@ export declare const Link: {
|
|
|
370
408
|
variant: "link";
|
|
371
409
|
disabled: false;
|
|
372
410
|
isLoading: false;
|
|
411
|
+
shape: "round";
|
|
373
412
|
};
|
|
374
413
|
render: (args: {
|
|
375
414
|
title?: string;
|
|
376
415
|
size?: "sm" | "md" | "lg";
|
|
416
|
+
shape?: "round" | "capsule";
|
|
377
417
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
378
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
418
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
379
419
|
disabled?: boolean;
|
|
380
420
|
isLoading?: boolean;
|
|
381
421
|
fullwidth?: boolean;
|
|
@@ -384,3 +424,28 @@ export declare const Link: {
|
|
|
384
424
|
endIcon?: React.ReactElement;
|
|
385
425
|
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
386
426
|
};
|
|
427
|
+
export declare const ShapePreview: {
|
|
428
|
+
args: {
|
|
429
|
+
variant: "solid";
|
|
430
|
+
color: "primary";
|
|
431
|
+
};
|
|
432
|
+
render: (args: {
|
|
433
|
+
title?: string;
|
|
434
|
+
size?: "sm" | "md" | "lg";
|
|
435
|
+
shape?: "round" | "capsule";
|
|
436
|
+
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
437
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
438
|
+
disabled?: boolean;
|
|
439
|
+
isLoading?: boolean;
|
|
440
|
+
fullwidth?: boolean;
|
|
441
|
+
children?: React.ReactNode;
|
|
442
|
+
startIcon?: React.ReactElement;
|
|
443
|
+
endIcon?: React.ReactElement;
|
|
444
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
445
|
+
};
|
|
446
|
+
export declare const FigmaPreview: {
|
|
447
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
448
|
+
};
|
|
449
|
+
export declare const FigmaPreviewCapsule: {
|
|
450
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
451
|
+
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import type { CheckedState } from "@radix-ui/react-checkbox";
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
5
|
component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -244,7 +245,7 @@ declare const meta: {
|
|
|
244
245
|
formNoValidate?: boolean | undefined | undefined;
|
|
245
246
|
formTarget?: string | undefined | undefined;
|
|
246
247
|
value?: string | number | readonly string[] | undefined;
|
|
247
|
-
defaultChecked?:
|
|
248
|
+
defaultChecked?: CheckedState | undefined;
|
|
248
249
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
249
250
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
250
251
|
accessKey?: string | undefined | undefined;
|
|
@@ -284,26 +285,29 @@ declare const meta: {
|
|
|
284
285
|
unselectable?: "on" | "off" | undefined | undefined;
|
|
285
286
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
286
287
|
is?: string | undefined | undefined;
|
|
287
|
-
checked?:
|
|
288
|
+
checked?: CheckedState | undefined;
|
|
288
289
|
required?: boolean | undefined;
|
|
289
290
|
asChild?: boolean | undefined;
|
|
290
|
-
onCheckedChange?: ((checked:
|
|
291
|
+
onCheckedChange?: ((checked: CheckedState) => void) | undefined;
|
|
291
292
|
ref?: React.LegacyRef<HTMLButtonElement> | undefined;
|
|
292
293
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
293
294
|
};
|
|
294
295
|
export default meta;
|
|
295
296
|
export declare const Default: {
|
|
296
297
|
args: {
|
|
297
|
-
checked:
|
|
298
|
-
disabled:
|
|
298
|
+
checked: false;
|
|
299
|
+
disabled: false;
|
|
299
300
|
};
|
|
300
|
-
render: (args:
|
|
301
|
+
render: (args: Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
301
302
|
};
|
|
302
303
|
export declare const WithText: {
|
|
303
304
|
args: {};
|
|
304
|
-
render: (args:
|
|
305
|
+
render: (args: Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
305
306
|
};
|
|
306
|
-
export declare const
|
|
307
|
+
export declare const Disabled: {
|
|
307
308
|
args: {};
|
|
308
|
-
render: (args:
|
|
309
|
+
render: (args: Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
310
|
+
};
|
|
311
|
+
export declare const FigmaPreview: {
|
|
312
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
309
313
|
};
|
|
@@ -298,7 +298,9 @@ declare const meta: {
|
|
|
298
298
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
299
299
|
form?: string | undefined | undefined;
|
|
300
300
|
list?: string | undefined | undefined;
|
|
301
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
301
302
|
step?: number | string | undefined | undefined;
|
|
303
|
+
warning?: boolean | undefined;
|
|
302
304
|
title?: string | undefined | undefined;
|
|
303
305
|
startIcon?: React.ReactNode;
|
|
304
306
|
endIcon?: React.ReactNode;
|
|
@@ -363,6 +365,7 @@ declare const meta: {
|
|
|
363
365
|
readOnly?: boolean | undefined | undefined;
|
|
364
366
|
src?: string | undefined | undefined;
|
|
365
367
|
iconMode?: "flat" | "solid" | undefined;
|
|
368
|
+
warningMessage?: string | undefined;
|
|
366
369
|
keepCloseIconOnValue?: boolean | undefined;
|
|
367
370
|
keepFooterSpace?: boolean | undefined;
|
|
368
371
|
labelClassName?: string | undefined;
|
|
@@ -285,7 +285,9 @@ declare const meta: {
|
|
|
285
285
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
286
286
|
form?: string | undefined | undefined;
|
|
287
287
|
list?: string | undefined | undefined;
|
|
288
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
288
289
|
step?: number | string | undefined | undefined;
|
|
290
|
+
warning?: boolean | undefined;
|
|
289
291
|
title?: string | undefined | undefined;
|
|
290
292
|
startIcon?: React.ReactNode;
|
|
291
293
|
endIcon?: React.ReactNode;
|
|
@@ -350,6 +352,7 @@ declare const meta: {
|
|
|
350
352
|
readOnly?: boolean | undefined | undefined;
|
|
351
353
|
src?: string | undefined | undefined;
|
|
352
354
|
iconMode?: "flat" | "solid" | undefined;
|
|
355
|
+
warningMessage?: string | undefined;
|
|
353
356
|
keepCloseIconOnValue?: boolean | undefined;
|
|
354
357
|
keepFooterSpace?: boolean | undefined;
|
|
355
358
|
labelClassName?: string | undefined;
|
|
@@ -40,9 +40,12 @@ export declare const MaskedTextInput: React.ForwardRefExoticComponent<{
|
|
|
40
40
|
type?: React.HTMLInputTypeAttribute;
|
|
41
41
|
helperText?: string;
|
|
42
42
|
errorMessage?: string;
|
|
43
|
+
warningMessage?: string;
|
|
44
|
+
status?: "default" | "warning" | "error";
|
|
43
45
|
fullwidth?: boolean;
|
|
44
46
|
disabled?: boolean;
|
|
45
47
|
error?: boolean;
|
|
48
|
+
warning?: boolean;
|
|
46
49
|
required?: boolean;
|
|
47
50
|
isFloatingLabel?: boolean;
|
|
48
51
|
keepCloseIconOnValue?: boolean;
|
|
@@ -11,9 +11,12 @@ declare const meta: {
|
|
|
11
11
|
type?: React.HTMLInputTypeAttribute;
|
|
12
12
|
helperText?: string;
|
|
13
13
|
errorMessage?: string;
|
|
14
|
+
warningMessage?: string;
|
|
15
|
+
status?: "default" | "warning" | "error";
|
|
14
16
|
fullwidth?: boolean;
|
|
15
17
|
disabled?: boolean;
|
|
16
18
|
error?: boolean;
|
|
19
|
+
warning?: boolean;
|
|
17
20
|
required?: boolean;
|
|
18
21
|
isFloatingLabel?: boolean;
|
|
19
22
|
keepCloseIconOnValue?: boolean;
|
|
@@ -58,9 +61,12 @@ declare const meta: {
|
|
|
58
61
|
type?: React.HTMLInputTypeAttribute | undefined;
|
|
59
62
|
helperText?: string | undefined;
|
|
60
63
|
errorMessage?: string | undefined;
|
|
64
|
+
warningMessage?: string | undefined;
|
|
65
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
61
66
|
fullwidth?: boolean | undefined;
|
|
62
67
|
disabled?: boolean | undefined;
|
|
63
68
|
error?: boolean | undefined;
|
|
69
|
+
warning?: boolean | undefined;
|
|
64
70
|
required?: boolean | undefined;
|
|
65
71
|
isFloatingLabel?: boolean | undefined;
|
|
66
72
|
keepCloseIconOnValue?: boolean | undefined;
|
|
@@ -244,7 +244,9 @@ declare const meta: {
|
|
|
244
244
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
245
245
|
form?: string | undefined | undefined;
|
|
246
246
|
list?: string | undefined | undefined;
|
|
247
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
247
248
|
step?: number | string | undefined | undefined;
|
|
249
|
+
warning?: boolean | undefined;
|
|
248
250
|
error?: boolean | undefined;
|
|
249
251
|
size?: "sm" | "md" | "lg" | undefined;
|
|
250
252
|
disabled?: boolean | undefined;
|
|
@@ -319,6 +321,7 @@ declare const meta: {
|
|
|
319
321
|
iconMode?: "flat" | "solid" | undefined;
|
|
320
322
|
helperText?: string | undefined;
|
|
321
323
|
errorMessage?: string | undefined;
|
|
324
|
+
warningMessage?: string | undefined;
|
|
322
325
|
keepCloseIconOnValue?: boolean | undefined;
|
|
323
326
|
keepFooterSpace?: boolean | undefined;
|
|
324
327
|
labelClassName?: string | undefined;
|
|
@@ -288,19 +288,22 @@ declare const meta: {
|
|
|
288
288
|
export default meta;
|
|
289
289
|
export declare const Default: {
|
|
290
290
|
args: {
|
|
291
|
-
disabled:
|
|
291
|
+
disabled: false;
|
|
292
292
|
};
|
|
293
|
-
render: (args:
|
|
293
|
+
render: (args: Omit<import("@radix-ui/react-radio-group").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
294
294
|
};
|
|
295
|
-
export declare const
|
|
295
|
+
export declare const Disabled: {
|
|
296
296
|
args: {
|
|
297
|
-
disabled:
|
|
297
|
+
disabled: true;
|
|
298
298
|
};
|
|
299
|
-
render: (args:
|
|
299
|
+
render: (args: Omit<import("@radix-ui/react-radio-group").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
300
300
|
};
|
|
301
301
|
export declare const Horizontal: {
|
|
302
302
|
args: {
|
|
303
|
-
disabled:
|
|
303
|
+
disabled: true;
|
|
304
304
|
};
|
|
305
|
-
render: (args:
|
|
305
|
+
render: (args: Omit<import("@radix-ui/react-radio-group").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
306
|
+
};
|
|
307
|
+
export declare const FigmaPreview: {
|
|
308
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
306
309
|
};
|
|
@@ -279,7 +279,9 @@ declare const meta: {
|
|
|
279
279
|
onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
|
|
280
280
|
form?: string | undefined | undefined;
|
|
281
281
|
list?: string | undefined | undefined;
|
|
282
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
282
283
|
step?: number | string | undefined | undefined;
|
|
284
|
+
warning?: boolean | undefined;
|
|
283
285
|
title?: string | undefined | undefined;
|
|
284
286
|
startIcon?: React.ReactNode;
|
|
285
287
|
endIcon?: React.ReactNode;
|
|
@@ -344,6 +346,7 @@ declare const meta: {
|
|
|
344
346
|
readOnly?: boolean | undefined | undefined;
|
|
345
347
|
src?: string | undefined | undefined;
|
|
346
348
|
iconMode?: "flat" | "solid" | undefined;
|
|
349
|
+
warningMessage?: string | undefined;
|
|
347
350
|
keepCloseIconOnValue?: boolean | undefined;
|
|
348
351
|
keepFooterSpace?: boolean | undefined;
|
|
349
352
|
labelClassName?: string | undefined;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
3
|
-
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> &
|
|
3
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
4
|
+
forceHover?: boolean;
|
|
5
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
4
6
|
export { Switch };
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> &
|
|
4
|
+
component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
5
|
+
forceHover?: boolean;
|
|
6
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
5
7
|
tags: string[];
|
|
6
8
|
parameters: {
|
|
7
9
|
layout: string;
|
|
@@ -288,14 +290,20 @@ declare const meta: {
|
|
|
288
290
|
required?: boolean | undefined;
|
|
289
291
|
asChild?: boolean | undefined;
|
|
290
292
|
onCheckedChange?: ((checked: boolean) => void) | undefined;
|
|
293
|
+
forceHover?: boolean | undefined;
|
|
291
294
|
ref?: React.LegacyRef<HTMLButtonElement> | undefined;
|
|
292
295
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
293
296
|
};
|
|
294
297
|
export default meta;
|
|
295
298
|
export declare const Default: {
|
|
296
299
|
args: {
|
|
297
|
-
checked:
|
|
298
|
-
disabled:
|
|
300
|
+
checked: false;
|
|
301
|
+
disabled: false;
|
|
299
302
|
};
|
|
300
|
-
render: (args:
|
|
303
|
+
render: (args: Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
304
|
+
forceHover?: boolean;
|
|
305
|
+
} & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
|
|
306
|
+
};
|
|
307
|
+
export declare const FigmaPreview: {
|
|
308
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
301
309
|
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const switchRootVariants: (props?: ({
|
|
2
|
+
forceHover?: boolean | null | undefined;
|
|
3
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
4
|
+
export declare const switchThumbVariants: (props?: ({
|
|
5
|
+
forceHover?: boolean | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const switchThumbHaloVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
@@ -9,9 +9,12 @@ export type InputProps = {
|
|
|
9
9
|
type?: React.HTMLInputTypeAttribute;
|
|
10
10
|
helperText?: string;
|
|
11
11
|
errorMessage?: string;
|
|
12
|
+
warningMessage?: string;
|
|
13
|
+
status?: "default" | "warning" | "error";
|
|
12
14
|
fullwidth?: boolean;
|
|
13
15
|
disabled?: boolean;
|
|
14
16
|
error?: boolean;
|
|
17
|
+
warning?: boolean;
|
|
15
18
|
required?: boolean;
|
|
16
19
|
isFloatingLabel?: boolean;
|
|
17
20
|
keepCloseIconOnValue?: boolean;
|
|
@@ -44,9 +47,12 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
|
|
|
44
47
|
type?: React.HTMLInputTypeAttribute;
|
|
45
48
|
helperText?: string;
|
|
46
49
|
errorMessage?: string;
|
|
50
|
+
warningMessage?: string;
|
|
51
|
+
status?: "default" | "warning" | "error";
|
|
47
52
|
fullwidth?: boolean;
|
|
48
53
|
disabled?: boolean;
|
|
49
54
|
error?: boolean;
|
|
55
|
+
warning?: boolean;
|
|
50
56
|
required?: boolean;
|
|
51
57
|
isFloatingLabel?: boolean;
|
|
52
58
|
keepCloseIconOnValue?: boolean;
|
|
@@ -11,9 +11,12 @@ declare const meta: {
|
|
|
11
11
|
type?: React.HTMLInputTypeAttribute;
|
|
12
12
|
helperText?: string;
|
|
13
13
|
errorMessage?: string;
|
|
14
|
+
warningMessage?: string;
|
|
15
|
+
status?: "default" | "warning" | "error";
|
|
14
16
|
fullwidth?: boolean;
|
|
15
17
|
disabled?: boolean;
|
|
16
18
|
error?: boolean;
|
|
19
|
+
warning?: boolean;
|
|
17
20
|
required?: boolean;
|
|
18
21
|
isFloatingLabel?: boolean;
|
|
19
22
|
keepCloseIconOnValue?: boolean;
|
|
@@ -50,9 +53,12 @@ declare const meta: {
|
|
|
50
53
|
type?: React.HTMLInputTypeAttribute | undefined;
|
|
51
54
|
helperText?: string | undefined;
|
|
52
55
|
errorMessage?: string | undefined;
|
|
56
|
+
warningMessage?: string | undefined;
|
|
57
|
+
status?: "default" | "warning" | "error" | undefined;
|
|
53
58
|
fullwidth?: boolean | undefined;
|
|
54
59
|
disabled?: boolean | undefined;
|
|
55
60
|
error?: boolean | undefined;
|
|
61
|
+
warning?: boolean | undefined;
|
|
56
62
|
required?: boolean | undefined;
|
|
57
63
|
isFloatingLabel?: boolean | undefined;
|
|
58
64
|
keepCloseIconOnValue?: boolean | undefined;
|
|
@@ -406,3 +412,6 @@ export declare const KeepFooterSpace: {
|
|
|
406
412
|
};
|
|
407
413
|
render: () => import("react/jsx-runtime").JSX.Element;
|
|
408
414
|
};
|
|
415
|
+
export declare const FeedbackApiCompatibility: {
|
|
416
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
417
|
+
};
|
|
@@ -5,6 +5,7 @@ export declare const inputVariant: (props?: ({
|
|
|
5
5
|
fullwidth?: boolean | null | undefined;
|
|
6
6
|
disabled?: boolean | null | undefined;
|
|
7
7
|
error?: boolean | null | undefined;
|
|
8
|
+
warning?: boolean | null | undefined;
|
|
8
9
|
hasClearIcon?: boolean | null | undefined;
|
|
9
10
|
hasSearchIcon?: boolean | null | undefined;
|
|
10
11
|
leftSectionIcon?: boolean | null | undefined;
|
|
@@ -22,6 +23,7 @@ export declare const helperTextVariant: (props?: ({
|
|
|
22
23
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
23
24
|
disabled?: boolean | null | undefined;
|
|
24
25
|
error?: boolean | null | undefined;
|
|
26
|
+
warning?: boolean | null | undefined;
|
|
25
27
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
26
28
|
export declare const inlineEndIconWrapperVariant: (props?: ({
|
|
27
29
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
@@ -36,6 +38,7 @@ export declare const segmentedIconWrapperVariant: (props?: ({
|
|
|
36
38
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
37
39
|
rounded?: "none" | "normal" | "full" | null | undefined;
|
|
38
40
|
error?: boolean | null | undefined;
|
|
41
|
+
warning?: boolean | null | undefined;
|
|
39
42
|
position?: "end" | "start" | null | undefined;
|
|
40
43
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
41
44
|
export declare const iconWrapperVariant: (props?: ({
|
|
@@ -51,5 +54,6 @@ export declare const sectionIconWrapperVariant: (props?: ({
|
|
|
51
54
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
52
55
|
rounded?: "none" | "normal" | "full" | null | undefined;
|
|
53
56
|
error?: boolean | null | undefined;
|
|
57
|
+
warning?: boolean | null | undefined;
|
|
54
58
|
position?: "end" | "start" | null | undefined;
|
|
55
59
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -7,6 +7,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
|
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
|
|
8
8
|
declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
9
9
|
variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
10
|
+
showBorder?: boolean | null | undefined;
|
|
10
11
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
11
12
|
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
13
|
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|