@rovula/ui 0.0.45 → 0.0.47

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 (63) hide show
  1. package/dist/cjs/bundle.css +57 -28
  2. package/dist/cjs/bundle.js +2 -2
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Table/Table.d.ts +1 -0
  5. package/dist/cjs/types/components/Table/Table.stories.d.ts +2 -0
  6. package/dist/cjs/types/components/Toast/Toast.stories.d.ts +8 -0
  7. package/dist/cjs/types/components/Toast/Toaster.d.ts +2 -1
  8. package/dist/cjs/types/components/Toast/useToast.d.ts +1 -0
  9. package/dist/components/Switch/Switch.js +15 -1
  10. package/dist/components/Table/Table.js +2 -2
  11. package/dist/components/Toast/Toast.stories.js +19 -0
  12. package/dist/components/Toast/Toaster.js +4 -3
  13. package/dist/components/Toast/useToast.js +5 -2
  14. package/dist/esm/bundle.css +57 -28
  15. package/dist/esm/bundle.js +2 -2
  16. package/dist/esm/bundle.js.map +1 -1
  17. package/dist/esm/types/components/Table/Table.d.ts +1 -0
  18. package/dist/esm/types/components/Table/Table.stories.d.ts +2 -0
  19. package/dist/esm/types/components/Toast/Toast.stories.d.ts +8 -0
  20. package/dist/esm/types/components/Toast/Toaster.d.ts +2 -1
  21. package/dist/esm/types/components/Toast/useToast.d.ts +1 -0
  22. package/dist/index.d.ts +4 -1
  23. package/dist/src/theme/global.css +1249 -37
  24. package/dist/theme/global.css +1 -0
  25. package/dist/theme/themes/SKL/baseline.css +12 -0
  26. package/dist/theme/themes/SKL/color.css +78 -0
  27. package/dist/theme/themes/SKL/components/action-button.css +127 -0
  28. package/dist/theme/themes/SKL/components/button.css +512 -0
  29. package/dist/theme/themes/SKL/components/dropdown-menu.css +27 -0
  30. package/dist/theme/themes/SKL/components/loading.css +11 -0
  31. package/dist/theme/themes/SKL/components/navbar.css +8 -0
  32. package/dist/theme/themes/SKL/components/progress-bar.css +8 -0
  33. package/dist/theme/themes/SKL/components/switch.css +30 -0
  34. package/dist/theme/themes/SKL/palette.css +145 -0
  35. package/dist/theme/themes/SKL/state.css +86 -0
  36. package/dist/theme/themes/SKL/transparent.css +68 -0
  37. package/dist/theme/themes/SKL/typography.css +199 -0
  38. package/dist/theme/themes/SKL/variables.css +28 -0
  39. package/dist/theme/tokens/baseline.css +2 -1
  40. package/dist/theme/tokens/components/switch.css +30 -0
  41. package/package.json +1 -1
  42. package/src/components/Switch/Switch.tsx +37 -9
  43. package/src/components/Table/Table.tsx +7 -2
  44. package/src/components/Toast/Toast.stories.tsx +50 -0
  45. package/src/components/Toast/Toaster.tsx +5 -3
  46. package/src/components/Toast/useToast.ts +6 -2
  47. package/src/theme/global.css +1 -0
  48. package/src/theme/themes/SKL/baseline.css +12 -0
  49. package/src/theme/themes/SKL/color.css +78 -0
  50. package/src/theme/themes/SKL/components/action-button.css +127 -0
  51. package/src/theme/themes/SKL/components/button.css +512 -0
  52. package/src/theme/themes/SKL/components/dropdown-menu.css +27 -0
  53. package/src/theme/themes/SKL/components/loading.css +11 -0
  54. package/src/theme/themes/SKL/components/navbar.css +8 -0
  55. package/src/theme/themes/SKL/components/progress-bar.css +8 -0
  56. package/src/theme/themes/SKL/components/switch.css +30 -0
  57. package/src/theme/themes/SKL/palette.css +145 -0
  58. package/src/theme/themes/SKL/state.css +86 -0
  59. package/src/theme/themes/SKL/transparent.css +68 -0
  60. package/src/theme/themes/SKL/typography.css +199 -0
  61. package/src/theme/themes/SKL/variables.css +28 -0
  62. package/src/theme/tokens/baseline.css +2 -1
  63. package/src/theme/tokens/components/switch.css +30 -0
package/dist/esm/types/components/Table/Table.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import * as React from "react";
2
2
  declare const Table: React.ForwardRefExoticComponent<{
3
+ rootClassName?: string | undefined;
3
4
  rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
4
5
  } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
5
6
  declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
package/dist/esm/types/components/Table/Table.stories.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: React.ForwardRefExoticComponent<{
5
+ rootClassName?: string | undefined;
5
6
  rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
6
7
  } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
7
8
  tags: string[];
@@ -9,6 +10,7 @@ declare const meta: {
9
10
  layout: string;
10
11
  };
11
12
  decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
13
+ rootClassName?: string | undefined;
12
14
  rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
13
15
  defaultChecked?: boolean | undefined;
14
16
  defaultValue?: string | number | readonly string[] | undefined;
package/dist/esm/types/components/Toast/Toast.stories.d.ts CHANGED
@@ -356,3 +356,11 @@ export declare const WithAction: {
356
356
  args: {};
357
357
  render: (args: {}) => import("react/jsx-runtime").JSX.Element;
358
358
  };
359
+ export declare const Custom: {
360
+ args: {
361
+ onClose: import("@storybook/addon-actions").HandlerFunction;
362
+ };
363
+ render: (args: {
364
+ onClose?: (() => void) | undefined;
365
+ }) => import("react/jsx-runtime").JSX.Element;
366
+ };
package/dist/esm/types/components/Toast/Toaster.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ToastProviderProps } from "@radix-ui/react-toast";
1
2
  type ToasterProps = {
2
3
  viewportClassName?: string;
3
4
  titleClassName?: string;
@@ -6,5 +7,5 @@ type ToasterProps = {
6
7
  iconWrapperClassName?: string;
7
8
  actionWrapperClassName?: string;
8
9
  };
9
- export declare function Toaster({ viewportClassName, titleClassName, descriptionClassName, contentClassName, iconWrapperClassName, actionWrapperClassName, }: ToasterProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare function Toaster({ viewportClassName, titleClassName, descriptionClassName, contentClassName, iconWrapperClassName, actionWrapperClassName, ...toastProviderProps }: ToasterProps & ToastProviderProps): import("react/jsx-runtime").JSX.Element;
10
11
  export {};
package/dist/esm/types/components/Toast/useToast.d.ts CHANGED
@@ -6,6 +6,7 @@ type ToasterToast = ToastProps & {
6
6
  description?: React.ReactNode;
7
7
  action?: ToastActionElement;
8
8
  contentMode?: "vertical" | "horizontal";
9
+ onClose?: () => void;
9
10
  };
10
11
  type ToasterPosition = "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
11
12
  declare const actionTypes: {
package/dist/index.d.ts CHANGED
@@ -15,6 +15,7 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
15
15
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
16
16
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
17
17
  import * as ToastPrimitives from '@radix-ui/react-toast';
18
+ import { ToastProviderProps } from '@radix-ui/react-toast';
18
19
  import { ClassValue } from 'clsx';
19
20
 
20
21
  type ButtonProps = {
@@ -351,6 +352,7 @@ type IconProps = {
351
352
  declare const Icon: React__default.FC<IconProps>;
352
353
 
353
354
  declare const Table: React.ForwardRefExoticComponent<{
355
+ rootClassName?: string | undefined;
354
356
  rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
355
357
  } & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
356
358
  declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
@@ -543,7 +545,7 @@ type ToasterProps = {
543
545
  iconWrapperClassName?: string;
544
546
  actionWrapperClassName?: string;
545
547
  };
546
- declare function Toaster({ viewportClassName, titleClassName, descriptionClassName, contentClassName, iconWrapperClassName, actionWrapperClassName, }: ToasterProps): react_jsx_runtime.JSX.Element;
548
+ declare function Toaster({ viewportClassName, titleClassName, descriptionClassName, contentClassName, iconWrapperClassName, actionWrapperClassName, ...toastProviderProps }: ToasterProps & ToastProviderProps): react_jsx_runtime.JSX.Element;
547
549
 
548
550
  type ToasterToast = ToastProps & {
549
551
  id: string;
@@ -551,6 +553,7 @@ type ToasterToast = ToastProps & {
551
553
  description?: React.ReactNode;
552
554
  action?: ToastActionElement;
553
555
  contentMode?: "vertical" | "horizontal";
556
+ onClose?: () => void;
554
557
  };
555
558
  type ToasterPosition = "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
556
559
  declare const actionTypes: {