@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.
Files changed (105) hide show
  1. package/dist/cjs/bundle.css +436 -111
  2. package/dist/cjs/bundle.js +4 -4
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/ActionButton/ActionButton.d.ts +4 -2
  5. package/dist/cjs/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
  6. package/dist/cjs/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
  7. package/dist/cjs/types/components/Avatar/Avatar.styles.d.ts +1 -1
  8. package/dist/cjs/types/components/Button/Button.d.ts +4 -2
  9. package/dist/cjs/types/components/Button/Button.styles.d.ts +2 -1
  10. package/dist/cjs/types/components/Button/Buttons.stories.d.ts +71 -6
  11. package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
  12. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  13. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  14. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  15. package/dist/cjs/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  16. package/dist/cjs/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  17. package/dist/cjs/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
  18. package/dist/cjs/types/components/Search/Search.stories.d.ts +3 -0
  19. package/dist/cjs/types/components/Switch/Switch.d.ts +3 -1
  20. package/dist/cjs/types/components/Switch/Switch.stories.d.ts +12 -4
  21. package/dist/cjs/types/components/Switch/Switch.styles.d.ts +7 -0
  22. package/dist/cjs/types/components/TextInput/TextInput.d.ts +6 -0
  23. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +9 -0
  24. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +4 -0
  25. package/dist/cjs/types/components/Toast/Toast.d.ts +1 -0
  26. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +14 -0
  27. package/dist/cjs/types/components/Toast/Toast.styles.d.ts +1 -0
  28. package/dist/components/ActionButton/ActionButton.js +2 -1
  29. package/dist/components/ActionButton/ActionButton.stories.js +40 -7
  30. package/dist/components/ActionButton/ActionButton.styles.js +77 -17
  31. package/dist/components/Button/Button.js +9 -2
  32. package/dist/components/Button/Button.styles.js +51 -14
  33. package/dist/components/Button/Buttons.stories.js +55 -0
  34. package/dist/components/Checkbox/Checkbox.js +6 -7
  35. package/dist/components/Checkbox/Checkbox.stories.js +23 -1
  36. package/dist/components/InputFilter/InputFilter.js +1 -1
  37. package/dist/components/InputFilter/InputFilter.styles.js +1 -1
  38. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  39. package/dist/components/RadioGroup/RadioGroup.stories.js +16 -1
  40. package/dist/components/Switch/Switch.js +4 -17
  41. package/dist/components/Switch/Switch.stories.js +12 -2
  42. package/dist/components/Switch/Switch.styles.js +39 -0
  43. package/dist/components/TextInput/TextInput.js +28 -7
  44. package/dist/components/TextInput/TextInput.stories.js +13 -0
  45. package/dist/components/TextInput/TextInput.styles.js +22 -0
  46. package/dist/components/Toast/Toast.js +5 -5
  47. package/dist/components/Toast/Toast.stories.js +11 -2
  48. package/dist/components/Toast/Toast.styles.js +38 -6
  49. package/dist/components/Toast/Toaster.js +17 -1
  50. package/dist/esm/bundle.css +436 -111
  51. package/dist/esm/bundle.js +115 -115
  52. package/dist/esm/bundle.js.map +1 -1
  53. package/dist/esm/types/components/ActionButton/ActionButton.d.ts +4 -2
  54. package/dist/esm/types/components/ActionButton/ActionButton.stories.d.ts +30 -8
  55. package/dist/esm/types/components/ActionButton/ActionButton.styles.d.ts +2 -1
  56. package/dist/esm/types/components/Avatar/Avatar.styles.d.ts +1 -1
  57. package/dist/esm/types/components/Button/Button.d.ts +4 -2
  58. package/dist/esm/types/components/Button/Button.styles.d.ts +2 -1
  59. package/dist/esm/types/components/Button/Buttons.stories.d.ts +71 -6
  60. package/dist/esm/types/components/Checkbox/Checkbox.stories.d.ts +13 -9
  61. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +3 -0
  62. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +3 -0
  63. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.d.ts +3 -0
  64. package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts +6 -0
  65. package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts +3 -0
  66. package/dist/esm/types/components/RadioGroup/RadioGroup.stories.d.ts +10 -7
  67. package/dist/esm/types/components/Search/Search.stories.d.ts +3 -0
  68. package/dist/esm/types/components/Switch/Switch.d.ts +3 -1
  69. package/dist/esm/types/components/Switch/Switch.stories.d.ts +12 -4
  70. package/dist/esm/types/components/Switch/Switch.styles.d.ts +7 -0
  71. package/dist/esm/types/components/TextInput/TextInput.d.ts +6 -0
  72. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +9 -0
  73. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +4 -0
  74. package/dist/esm/types/components/Toast/Toast.d.ts +1 -0
  75. package/dist/esm/types/components/Toast/Toast.stories.d.ts +14 -0
  76. package/dist/esm/types/components/Toast/Toast.styles.d.ts +1 -0
  77. package/dist/index.d.ts +19 -4
  78. package/dist/src/theme/global.css +557 -167
  79. package/package.json +1 -1
  80. package/src/components/ActionButton/ActionButton.stories.tsx +105 -149
  81. package/src/components/ActionButton/ActionButton.styles.ts +78 -18
  82. package/src/components/ActionButton/ActionButton.tsx +7 -2
  83. package/src/components/Button/Button.styles.ts +51 -14
  84. package/src/components/Button/Button.tsx +11 -2
  85. package/src/components/Button/Buttons.stories.tsx +235 -0
  86. package/src/components/Checkbox/Checkbox.stories.tsx +50 -4
  87. package/src/components/Checkbox/Checkbox.tsx +12 -8
  88. package/src/components/InputFilter/InputFilter.styles.ts +2 -2
  89. package/src/components/InputFilter/InputFilter.tsx +21 -24
  90. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -4
  91. package/src/components/RadioGroup/RadioGroup.tsx +1 -1
  92. package/src/components/Switch/Switch.stories.tsx +33 -2
  93. package/src/components/Switch/Switch.styles.ts +48 -0
  94. package/src/components/Switch/Switch.tsx +68 -45
  95. package/src/components/TextInput/TextInput.stories.tsx +82 -0
  96. package/src/components/TextInput/TextInput.styles.ts +22 -0
  97. package/src/components/TextInput/TextInput.tsx +40 -11
  98. package/src/components/Toast/Toast.stories.tsx +12 -2
  99. package/src/components/Toast/Toast.styles.tsx +38 -6
  100. package/src/components/Toast/Toast.tsx +7 -7
  101. package/src/components/Toast/Toaster.tsx +26 -4
  102. package/src/theme/themes/variable.css +1 -1
  103. package/src/theme/themes/xspector/baseline.css +0 -1
  104. package/src/theme/tokens/components/switch.css +10 -11
  105. 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"> & React.RefAttributes<HTMLButtonElement>>;
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>>;