npm - @rovula/ui - Versions diffs - 0.1.3 → 0.1.4 - Mend

@rovula/ui 0.1.3 → 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 (62) hide show

package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts CHANGED Viewed

@@ -298,7 +298,9 @@ declare const meta: {
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         form?: string | undefined | undefined;
         list?: string | undefined | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         step?: number | string | undefined | undefined;
+        warning?: boolean | undefined;
         title?: string | undefined | undefined;
         startIcon?: React.ReactNode;
         endIcon?: React.ReactNode;
@@ -363,6 +365,7 @@ declare const meta: {
         readOnly?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         iconMode?: "flat" | "solid" | undefined;
+        warningMessage?: string | undefined;
         keepCloseIconOnValue?: boolean | undefined;
         keepFooterSpace?: boolean | undefined;
         labelClassName?: string | undefined;

package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts CHANGED Viewed

@@ -285,7 +285,9 @@ declare const meta: {
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         form?: string | undefined | undefined;
         list?: string | undefined | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         step?: number | string | undefined | undefined;
+        warning?: boolean | undefined;
         title?: string | undefined | undefined;
         startIcon?: React.ReactNode;
         endIcon?: React.ReactNode;
@@ -350,6 +352,7 @@ declare const meta: {
         readOnly?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         iconMode?: "flat" | "solid" | undefined;
+        warningMessage?: string | undefined;
         keepCloseIconOnValue?: boolean | undefined;
         keepFooterSpace?: boolean | undefined;
         labelClassName?: string | undefined;

package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.d.ts CHANGED Viewed

@@ -40,9 +40,12 @@ export declare const MaskedTextInput: React.ForwardRefExoticComponent<{
     type?: React.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;

package/dist/esm/types/components/MaskedTextInput/MaskedTextInput.stories.d.ts CHANGED Viewed

@@ -11,9 +11,12 @@ declare const meta: {
         type?: React.HTMLInputTypeAttribute;
         helperText?: string;
         errorMessage?: string;
+        warningMessage?: string;
+        status?: "default" | "warning" | "error";
         fullwidth?: boolean;
         disabled?: boolean;
         error?: boolean;
+        warning?: boolean;
         required?: boolean;
         isFloatingLabel?: boolean;
         keepCloseIconOnValue?: boolean;
@@ -58,9 +61,12 @@ declare const meta: {
         type?: React.HTMLInputTypeAttribute | undefined;
         helperText?: string | undefined;
         errorMessage?: string | undefined;
+        warningMessage?: string | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         fullwidth?: boolean | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
+        warning?: boolean | undefined;
         required?: boolean | undefined;
         isFloatingLabel?: boolean | undefined;
         keepCloseIconOnValue?: boolean | undefined;

package/dist/esm/types/components/PasswordInput/PasswordInput.stories.d.ts CHANGED Viewed

@@ -244,7 +244,9 @@ declare const meta: {
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         form?: string | undefined | undefined;
         list?: string | undefined | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         step?: number | string | undefined | undefined;
+        warning?: boolean | undefined;
         error?: boolean | undefined;
         size?: "sm" | "md" | "lg" | undefined;
         disabled?: boolean | undefined;
@@ -319,6 +321,7 @@ declare const meta: {
         iconMode?: "flat" | "solid" | undefined;
         helperText?: string | undefined;
         errorMessage?: string | undefined;
+        warningMessage?: string | undefined;
         keepCloseIconOnValue?: boolean | undefined;
         keepFooterSpace?: boolean | undefined;
         labelClassName?: string | undefined;

package/dist/esm/types/components/Search/Search.stories.d.ts CHANGED Viewed

@@ -279,7 +279,9 @@ declare const meta: {
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
         form?: string | undefined | undefined;
         list?: string | undefined | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         step?: number | string | undefined | undefined;
+        warning?: boolean | undefined;
         title?: string | undefined | undefined;
         startIcon?: React.ReactNode;
         endIcon?: React.ReactNode;
@@ -344,6 +346,7 @@ declare const meta: {
         readOnly?: boolean | undefined | undefined;
         src?: string | undefined | undefined;
         iconMode?: "flat" | "solid" | undefined;
+        warningMessage?: string | undefined;
         keepCloseIconOnValue?: boolean | undefined;
         keepFooterSpace?: boolean | undefined;
         labelClassName?: string | undefined;

package/dist/esm/types/components/Switch/Switch.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    forceHover?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };

package/dist/esm/types/components/Switch/Switch.stories.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        forceHover?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
     tags: string[];
     parameters: {
         layout: string;
@@ -288,14 +290,20 @@ declare const meta: {
         required?: boolean | undefined;
         asChild?: boolean | undefined;
         onCheckedChange?: ((checked: boolean) => void) | undefined;
+        forceHover?: boolean | undefined;
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 export declare const Default: {
     args: {
-        checked: boolean;
-        disabled: boolean;
+        checked: false;
+        disabled: false;
     };
-    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+    render: (args: Omit<import("@radix-ui/react-switch").SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        forceHover?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const FigmaPreview: {
+    render: () => import("react/jsx-runtime").JSX.Element;
 };

package/dist/esm/types/components/Switch/Switch.styles.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const switchRootVariants: (props?: ({
+    forceHover?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const switchThumbVariants: (props?: ({
+    forceHover?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const switchThumbHaloVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/dist/esm/types/components/TextInput/TextInput.d.ts CHANGED Viewed

@@ -9,9 +9,12 @@ export type InputProps = {
     type?: React.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
@@ -44,9 +47,12 @@ export declare const TextInput: React.ForwardRefExoticComponent<{
     type?: React.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;

package/dist/esm/types/components/TextInput/TextInput.stories.d.ts CHANGED Viewed

@@ -11,9 +11,12 @@ declare const meta: {
         type?: React.HTMLInputTypeAttribute;
         helperText?: string;
         errorMessage?: string;
+        warningMessage?: string;
+        status?: "default" | "warning" | "error";
         fullwidth?: boolean;
         disabled?: boolean;
         error?: boolean;
+        warning?: boolean;
         required?: boolean;
         isFloatingLabel?: boolean;
         keepCloseIconOnValue?: boolean;
@@ -50,9 +53,12 @@ declare const meta: {
         type?: React.HTMLInputTypeAttribute | undefined;
         helperText?: string | undefined;
         errorMessage?: string | undefined;
+        warningMessage?: string | undefined;
+        status?: "default" | "warning" | "error" | undefined;
         fullwidth?: boolean | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
+        warning?: boolean | undefined;
         required?: boolean | undefined;
         isFloatingLabel?: boolean | undefined;
         keepCloseIconOnValue?: boolean | undefined;
@@ -406,3 +412,6 @@ export declare const KeepFooterSpace: {
     };
     render: () => import("react/jsx-runtime").JSX.Element;
 };
+export declare const FeedbackApiCompatibility: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/components/TextInput/TextInput.styles.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export declare const inputVariant: (props?: ({
     fullwidth?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     error?: boolean | null | undefined;
+    warning?: boolean | null | undefined;
     hasClearIcon?: boolean | null | undefined;
     hasSearchIcon?: boolean | null | undefined;
     leftSectionIcon?: boolean | null | undefined;
@@ -22,6 +23,7 @@ export declare const helperTextVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     disabled?: boolean | null | undefined;
     error?: boolean | null | undefined;
+    warning?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const inlineEndIconWrapperVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
@@ -36,6 +38,7 @@ export declare const segmentedIconWrapperVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "none" | "normal" | "full" | null | undefined;
     error?: boolean | null | undefined;
+    warning?: boolean | null | undefined;
     position?: "end" | "start" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const iconWrapperVariant: (props?: ({
@@ -51,5 +54,6 @@ export declare const sectionIconWrapperVariant: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     rounded?: "none" | "normal" | "full" | null | undefined;
     error?: boolean | null | undefined;
+    warning?: boolean | null | undefined;
     position?: "end" | "start" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/esm/types/components/Toast/Toast.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
+    showBorder?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/components/Toast/Toast.stories.d.ts CHANGED Viewed

@@ -3,10 +3,18 @@ declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toast").ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
         variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
+        showBorder?: boolean | null | undefined;
     } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
     tags: string[];
     parameters: {
         layout: string;
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
     };
     decorators: ((Story: import("@storybook/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         suppressHydrationWarning?: boolean | undefined | undefined;
@@ -323,6 +331,7 @@ declare const meta: {
             };
         }>, "currentTarget">) => void) | undefined;
         variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
+        showBorder?: boolean | null | undefined;
         ref?: React.LegacyRef<HTMLLIElement> | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
@@ -341,15 +350,20 @@ export declare const Simple: {
             control: "select";
             options: string[];
         };
+        showBorder: {
+            control: "boolean";
+        };
     };
     args: {
         variant: "default";
         contentMode: "horizontal";
         position: "top-center";
+        showBorder: false;
     };
     render: (args: {
         variant: "default" | "success" | "info" | "warning" | "error" | null | undefined;
         contentMode: "horizontal" | "vertical";
+        showBorder: boolean;
         position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/esm/types/components/Toast/Toast.styles.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export declare const toastVariants: (props?: ({
     variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
+    showBorder?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const toastViewportVariants: (props?: ({
     position?: "top-center" | "top-left" | "top-right" | "bottom-center" | "bottom-left" | "bottom-right" | null | undefined;

package/dist/index.d.ts CHANGED Viewed

@@ -56,9 +56,12 @@ type InputProps = {
     type?: React__default.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
@@ -91,9 +94,12 @@ declare const TextInput: React__default.ForwardRefExoticComponent<{
     type?: React__default.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
@@ -142,9 +148,12 @@ declare const MaskedTextInput: React__default.ForwardRefExoticComponent<{
     type?: React__default.HTMLInputTypeAttribute;
     helperText?: string;
     errorMessage?: string;
+    warningMessage?: string;
+    status?: "default" | "warning" | "error";
     fullwidth?: boolean;
     disabled?: boolean;
     error?: boolean;
+    warning?: boolean;
     required?: boolean;
     isFloatingLabel?: boolean;
     keepCloseIconOnValue?: boolean;
@@ -820,7 +829,9 @@ interface CustomSliderProps extends React.ComponentPropsWithoutRef<typeof Slider
 declare const Slider: React.ForwardRefExoticComponent<CustomSliderProps & React.RefAttributes<HTMLSpanElement>>;
 type SliderProps = React.ComponentProps<typeof Slider>;
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    forceHover?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -871,6 +882,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLOListElement>>;
 declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "success" | "info" | "warning" | "error" | null | undefined;
+    showBorder?: boolean | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;