@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
@@ -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: string;
305
- size: string;
314
+ variant: "solid";
315
+ size: "md";
316
+ shape: "round";
306
317
  };
307
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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 Preview: {
310
- args: {};
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" | "xs" | "xxs" | null | undefined;
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
- variant?: "solid" | "outline" | "link" | "flat" | null | undefined;
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?: import("@radix-ui/react-checkbox").CheckedState | undefined;
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?: import("@radix-ui/react-checkbox").CheckedState | undefined;
288
+ checked?: CheckedState | undefined;
288
289
  required?: boolean | undefined;
289
290
  asChild?: boolean | undefined;
290
- onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
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: boolean;
298
- disabled: boolean;
298
+ checked: false;
299
+ disabled: false;
299
300
  };
300
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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: {}) => import("react/jsx-runtime").JSX.Element;
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 Diabled: {
307
+ export declare const Disabled: {
307
308
  args: {};
308
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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: boolean;
291
+ disabled: false;
292
292
  };
293
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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 Diabled: {
295
+ export declare const Disabled: {
296
296
  args: {
297
- disabled: boolean;
297
+ disabled: true;
298
298
  };
299
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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: boolean;
303
+ disabled: true;
304
304
  };
305
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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"> & React.RefAttributes<HTMLButtonElement>>;
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"> & React.RefAttributes<HTMLButtonElement>>;
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: boolean;
298
- disabled: boolean;
300
+ checked: false;
301
+ disabled: false;
299
302
  };
300
- render: (args: {}) => import("react/jsx-runtime").JSX.Element;
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>>;