@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
|
@@ -3,10 +3,18 @@ declare const meta: {
|
|
|
3
3
|
title: string;
|
|
4
4
|
component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
|
|
5
5
|
variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
6
|
+
showBorder?: boolean | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
7
8
|
tags: string[];
|
|
8
9
|
parameters: {
|
|
9
10
|
layout: string;
|
|
11
|
+
backgrounds: {
|
|
12
|
+
default: string;
|
|
13
|
+
values: {
|
|
14
|
+
name: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
};
|
|
10
18
|
};
|
|
11
19
|
decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
12
20
|
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
@@ -323,6 +331,7 @@ declare const meta: {
|
|
|
323
331
|
};
|
|
324
332
|
}>, "currentTarget">) => void) | undefined;
|
|
325
333
|
variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
334
|
+
showBorder?: boolean | null | undefined;
|
|
326
335
|
ref?: React.LegacyRef<HTMLLIElement> | undefined;
|
|
327
336
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
328
337
|
};
|
|
@@ -341,15 +350,20 @@ export declare const Simple: {
|
|
|
341
350
|
control: "select";
|
|
342
351
|
options: string[];
|
|
343
352
|
};
|
|
353
|
+
showBorder: {
|
|
354
|
+
control: "boolean";
|
|
355
|
+
};
|
|
344
356
|
};
|
|
345
357
|
args: {
|
|
346
358
|
variant: "default";
|
|
347
359
|
contentMode: "horizontal";
|
|
348
360
|
position: "top-center";
|
|
361
|
+
showBorder: false;
|
|
349
362
|
};
|
|
350
363
|
render: (args: {
|
|
351
364
|
variant: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
352
365
|
contentMode: "horizontal" | "vertical";
|
|
366
|
+
showBorder: boolean;
|
|
353
367
|
position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
|
|
354
368
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
355
369
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export declare const toastVariants: (props?: ({
|
|
2
2
|
variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
3
|
+
showBorder?: boolean | null | undefined;
|
|
3
4
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
4
5
|
export declare const toastViewportVariants: (props?: ({
|
|
5
6
|
position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | null | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -22,8 +22,9 @@ import { ClassValue } from 'clsx';
|
|
|
22
22
|
type ButtonProps = {
|
|
23
23
|
title?: string;
|
|
24
24
|
size?: "sm" | "md" | "lg";
|
|
25
|
+
shape?: "round" | "capsule";
|
|
25
26
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
26
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
27
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
27
28
|
disabled?: boolean;
|
|
28
29
|
isLoading?: boolean;
|
|
29
30
|
fullwidth?: boolean;
|
|
@@ -34,8 +35,9 @@ type ButtonProps = {
|
|
|
34
35
|
declare const Button: React__default.ForwardRefExoticComponent<{
|
|
35
36
|
title?: string;
|
|
36
37
|
size?: "sm" | "md" | "lg";
|
|
38
|
+
shape?: "round" | "capsule";
|
|
37
39
|
color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
|
|
38
|
-
variant?: "solid" | "outline" | "flat" | "link";
|
|
40
|
+
variant?: "solid" | "outline" | "flat" | "text" | "link";
|
|
39
41
|
disabled?: boolean;
|
|
40
42
|
isLoading?: boolean;
|
|
41
43
|
fullwidth?: boolean;
|
|
@@ -54,9 +56,12 @@ type InputProps = {
|
|
|
54
56
|
type?: React__default.HTMLInputTypeAttribute;
|
|
55
57
|
helperText?: string;
|
|
56
58
|
errorMessage?: string;
|
|
59
|
+
warningMessage?: string;
|
|
60
|
+
status?: "default" | "warning" | "error";
|
|
57
61
|
fullwidth?: boolean;
|
|
58
62
|
disabled?: boolean;
|
|
59
63
|
error?: boolean;
|
|
64
|
+
warning?: boolean;
|
|
60
65
|
required?: boolean;
|
|
61
66
|
isFloatingLabel?: boolean;
|
|
62
67
|
keepCloseIconOnValue?: boolean;
|
|
@@ -89,9 +94,12 @@ declare const TextInput: React__default.ForwardRefExoticComponent<{
|
|
|
89
94
|
type?: React__default.HTMLInputTypeAttribute;
|
|
90
95
|
helperText?: string;
|
|
91
96
|
errorMessage?: string;
|
|
97
|
+
warningMessage?: string;
|
|
98
|
+
status?: "default" | "warning" | "error";
|
|
92
99
|
fullwidth?: boolean;
|
|
93
100
|
disabled?: boolean;
|
|
94
101
|
error?: boolean;
|
|
102
|
+
warning?: boolean;
|
|
95
103
|
required?: boolean;
|
|
96
104
|
isFloatingLabel?: boolean;
|
|
97
105
|
keepCloseIconOnValue?: boolean;
|
|
@@ -140,9 +148,12 @@ declare const MaskedTextInput: React__default.ForwardRefExoticComponent<{
|
|
|
140
148
|
type?: React__default.HTMLInputTypeAttribute;
|
|
141
149
|
helperText?: string;
|
|
142
150
|
errorMessage?: string;
|
|
151
|
+
warningMessage?: string;
|
|
152
|
+
status?: "default" | "warning" | "error";
|
|
143
153
|
fullwidth?: boolean;
|
|
144
154
|
disabled?: boolean;
|
|
145
155
|
error?: boolean;
|
|
156
|
+
warning?: boolean;
|
|
146
157
|
required?: boolean;
|
|
147
158
|
isFloatingLabel?: boolean;
|
|
148
159
|
keepCloseIconOnValue?: boolean;
|
|
@@ -518,7 +529,8 @@ declare const Footer: FC<FooterProps>;
|
|
|
518
529
|
|
|
519
530
|
declare const ActionButton: React__default.ForwardRefExoticComponent<{
|
|
520
531
|
title?: string;
|
|
521
|
-
size?: "xs" | "sm" | "md" | "lg";
|
|
532
|
+
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
533
|
+
shape?: "round" | "capsule";
|
|
522
534
|
variant?: "solid" | "outline" | "icon";
|
|
523
535
|
disabled?: boolean;
|
|
524
536
|
active?: boolean;
|
|
@@ -817,7 +829,9 @@ interface CustomSliderProps extends React.ComponentPropsWithoutRef<typeof Slider
|
|
|
817
829
|
declare const Slider: React.ForwardRefExoticComponent<CustomSliderProps & React.RefAttributes<HTMLSpanElement>>;
|
|
818
830
|
type SliderProps = React.ComponentProps<typeof Slider>;
|
|
819
831
|
|
|
820
|
-
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> &
|
|
832
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
833
|
+
forceHover?: boolean;
|
|
834
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
821
835
|
|
|
822
836
|
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
823
837
|
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -868,6 +882,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
|
|
|
868
882
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
|
|
869
883
|
declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
|
|
870
884
|
variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
|
|
885
|
+
showBorder?: boolean | null | undefined;
|
|
871
886
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
|
|
872
887
|
declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
873
888
|
declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|