@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/TimeInput/styles.css.d.ts

@@ -0,0 +1,82 @@
+export declare const timeinputWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            selectors: {
+                '&:active': {
+                    borderColor: `var(--${string})`;
+                    boxShadow: "none";
+                };
+            };
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            cursor: "not-allowed";
+            userSelect: "none";
+        };
+        false: {
+            selectors: {
+                '&:hover, &:focus': {
+                    borderColor: `var(--${string})`;
+                    outline: "none";
+                };
+            };
+        };
+    };
+    readOnly: {
+        true: {
+            selectors: {
+                '&:active': {
+                    borderColor: `var(--${string})`;
+                    boxShadow: "none";
+                };
+                '&:focus-within': {
+                    borderColor: `var(--${string})`;
+                };
+            };
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+            cursor: "default";
+        };
+    };
+    error: {
+        true: {
+            border: `1px solid var(--${string})`;
+            selectors: {
+                '&:active': {
+                    borderColor: `var(--${string})`;
+                    boxShadow: `var(--${string})`;
+                };
+                '&:hover': {
+                    borderColor: `var(--${string})`;
+                };
+                '&:focus-within': {
+                    borderColor: `var(--${string})`;
+                };
+            };
+        };
+    };
+    size: {
+        small: {
+            height: `var(--${string})`;
+            paddingLeft: `var(--${string})`;
+        };
+        medium: {
+            height: `var(--${string})`;
+        };
+        large: {
+            height: `var(--${string})`;
+        };
+    };
+}>;
+export declare const timeinput: import("@vanilla-extract/recipes").RuntimeFn<{
+    period: {
+        true: {
+            color: `var(--${string})`;
+            selectors: {
+                "&[data-size='large']": {
+                    width: `calc(var(--${string}) + var(--${string}))`;
+                };
+            };
+        };
+    };
+}>;
+export declare const timeSeparator: string;

package/dist/components/TimeInput/styles.css.js

@@ -0,0 +1,10 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var timeinputWrapper = createRuntimeFn({ defaultClassName: "uv_yl1780", variantClassNames: { disabled: { true: "uv_yl1781", false: "uv_yl1782" }, readOnly: { true: "uv_yl1783" }, error: { true: "uv_yl1784" }, size: { small: "uv_yl1785", medium: "uv_yl1786", large: "uv_yl1787" } }, defaultVariants: {}, compoundVariants: [] });
+var timeinput = createRuntimeFn({ defaultClassName: "uv_yl1788", variantClassNames: { period: { true: "uv_yl1789" } }, defaultVariants: { period: false }, compoundVariants: [] });
+var timeSeparator = "uv_yl178a";
+export {
+  timeSeparator,
+  timeinput,
+  timeinputWrapper
+};

package/dist/components/Toaster/Toaster.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { ToastOptions } from 'react-toastify';
+export declare const toast: {
+    error: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
+    success: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
+    warning: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
+};

package/dist/components/Toaster/Toaster.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { toast as toast$1 } from "react-toastify";
+import { CloseButton } from "./components/CloseButton.js";
+import { Content } from "./components/Content.js";
+const toast = {
+  error: (children, options, containerId) => toast$1.error(/* @__PURE__ */ jsx(Content, { children }), {
+    ...options,
+    closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "danger" }),
+    containerId: containerId ?? "toaster"
+  }),
+  success: (children, options, containerId) => toast$1.success(/* @__PURE__ */ jsx(Content, { children }), {
+    ...options,
+    closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "success" }),
+    containerId: containerId ?? "toaster"
+  }),
+  warning: (children, options, containerId) => toast$1.warn(/* @__PURE__ */ jsx(Content, { children }), {
+    ...options,
+    closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "warning" }),
+    containerId: containerId ?? "toaster"
+  })
+};
+export {
+  toast
+};

package/dist/components/Toaster/ToasterContainer.d.ts

@@ -0,0 +1,38 @@
+import type { CSSProperties } from 'react';
+import type { ToastOptions } from 'react-toastify';
+type ToastContainerProps = {
+    /**
+     * Whether to display the newest toast on top.
+     * `Default: false`
+     */
+    newestOnTop?: boolean;
+    /**
+     * Limit the number of toast displayed at the same time
+     */
+    limit?: number;
+    /**
+     * Position of the toast container
+     */
+    position?: ToastOptions['position'];
+    'data-testid'?: string;
+    className?: string;
+    /**
+     * Delay before the toast is automatically closed, if not set the default value is 6000ms
+     */
+    autoClose?: number;
+    /**
+     * Set a custom containerId to be able to define multiple ToastContainers
+     */
+    containerId?: string;
+    style?: CSSProperties;
+};
+/**
+ * Display short information about an event that happen in the interface in a floating alert.
+ * Toaster is based on **react-tostify**, you can find a complete documentation
+ * [here](https://fkhadra.github.io/react-toastify/introduction/).
+ *
+ * Toaster is separated in two parts, first the `ToastContainer` which is where the div of the toast will be rendered,
+ * and second the `toast()` function which is used to display the toast.
+ */
+export declare const ToastContainer: ({ newestOnTop, limit, position, "data-testid": dataTestId, className, autoClose, containerId, style, }: ToastContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toaster/ToasterContainer.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ToastContainer as ToastContainer$1, Slide } from "react-toastify";
+import { AUTOCLOSE_DELAY } from "./constants.js";
+import { toaster } from "./styles.css.js";
+const ToastContainer = ({
+  newestOnTop,
+  limit,
+  position = "top-right",
+  "data-testid": dataTestId,
+  className,
+  autoClose,
+  containerId = "toaster",
+  style
+}) => /* @__PURE__ */ jsx(
+  ToastContainer$1,
+  {
+    autoClose: autoClose ?? AUTOCLOSE_DELAY,
+    className: `${className ? `${className} ` : ""}${toaster}`,
+    containerId,
+    "data-testid": dataTestId,
+    draggable: false,
+    hideProgressBar: true,
+    icon: false,
+    limit,
+    newestOnTop,
+    pauseOnFocusLoss: false,
+    pauseOnHover: false,
+    position,
+    stacked: true,
+    style,
+    transition: Slide
+  }
+);
+export {
+  ToastContainer
+};

package/dist/components/Toaster/components/Button.d.ts

@@ -1,3 +1,3 @@
 import type { ComponentProps } from 'react';
 import { Button } from '../../Button';
-export declare const ToastButton: ({ variant, ...props }: ComponentProps<typeof Button>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ToastButton: ({ variant, className, ...props }: ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toaster/components/CloseButton.d.ts

@@ -0,0 +1,8 @@
+import type { SENTIMENTS } from '../../../theme';
+type SENTIMENT = (typeof SENTIMENTS)[number];
+type CloseButtonProps = {
+    closeToast?: () => void;
+    sentiment: SENTIMENT;
+};
+export declare const CloseButton: ({ closeToast, sentiment, }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toaster/components/CloseButton.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons";
+import { Button } from "../../Button/index.js";
+import { closeButtonToaster } from "../styles.css.js";
+const CloseButton = ({
+  closeToast,
+  sentiment = "success"
+}) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    "aria-label": "close",
+    className: closeButtonToaster,
+    onClick: closeToast,
+    sentiment,
+    size: "xsmall",
+    children: /* @__PURE__ */ jsx(CloseIcon, {})
+  }
+);
+export {
+  CloseButton
+};

package/dist/components/Toaster/components/Content.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type ContentProps = {
+    children?: ReactNode;
+};
+export declare const Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Toaster/components/Content.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+const Content = ({ children }) => /* @__PURE__ */ jsx(Stack, { direction: "row", gap: 2, width: "100%", children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmallStrong", children }) : children });
+export {
+  Content
+};

package/dist/components/Toaster/components/Link.d.ts

@@ -1,3 +1,3 @@
 import type { ComponentProps } from 'react';
 import { Link } from '../../Link';
-export declare const ToastLink: ({ ...props }: ComponentProps<typeof Link>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ToastLink: ({ ...props }: ComponentProps<typeof Link>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toaster/constants.d.ts

@@ -0,0 +1 @@
+export declare const AUTOCLOSE_DELAY = 6000;

package/dist/components/Toaster/constants.js

@@ -0,0 +1,4 @@
+const AUTOCLOSE_DELAY = 6e3;
+export {
+  AUTOCLOSE_DELAY
+};

package/dist/components/Toaster/index.d.ts

@@ -1,47 +1,6 @@
-import type { ReactNode } from 'react';
-import type { ToastOptions } from 'react-toastify';
-import { Button } from '../Button';
-export declare const toast: {
-    error: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-    success: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-    warning: (children: ReactNode, options?: ToastOptions, containerId?: string) => number | string;
-};
-type ToastContainerProps = {
-    /**
-     * Whether to display the newest toast on top.
-     * `Default: false`
-     */
-    newestOnTop?: boolean;
-    /**
-     * Limit the number of toast displayed at the same time
-     */
-    limit?: number;
-    /**
-     * Position of the toast container
-     */
-    position?: ToastOptions['position'];
-    'data-testid'?: string;
-    className?: string;
-    /**
-     * Delay before the toast is automatically closed, if not set the default value is 6000ms
-     */
-    autoClose?: number;
-    /**
-     * Set a custom containerId to be able to define multiple ToastContainers
-     */
-    containerId?: string;
-};
-/**
- * Display short information about an event that happen in the interface in a floating alert.
- * Toaster is based on **react-tostify**, you can find a complete documentation
- * [here](https://fkhadra.github.io/react-toastify/introduction/).
- *
- * Toaster is separated in two parts, first the `ToastContainer` which is where the div of the toast will be rendered,
- * and second the `toast()` function which is used to display the toast.
- */
-export declare const ToastContainer: ({ newestOnTop, limit, position, "data-testid": dataTestId, className, autoClose, containerId, }: ToastContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Toast: {
-    Button: ({ variant, ...props }: import("react").ComponentProps<typeof Button>) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Link: ({ ...props }: import("react").ComponentProps<typeof import("..").Link>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Button: ({ variant, className, ...props }: import("react").ComponentProps<typeof import("..").Button>) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ ...props }: import("react").ComponentProps<typeof import("..").Link>) => import("react/jsx-runtime").JSX.Element;
 };
-export {};
+export { toast } from './Toaster';
+export { ToastContainer } from './ToasterContainer';

package/dist/components/Toaster/styles.css.d.ts

@@ -0,0 +1,3 @@
+export declare const toaster: string;
+export declare const closeButtonToaster: string;
+export declare const toasterButton: string;

package/dist/components/Toaster/styles.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+var toaster = "uv_11f0u3o0";
+var closeButtonToaster = "uv_11f0u3o1";
+export {
+  closeButtonToaster,
+  toaster
+};

package/dist/components/Toggle/index.d.ts

@@ -1,27 +1,9 @@
 import type { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
-export declare const SIZES: {
-    readonly large: {
-        readonly ball: "200";
-        readonly height: "300";
-        readonly width: "600";
-    };
-    readonly small: {
-        readonly ball: "150";
-        readonly height: "250";
-        readonly width: "500";
-    };
-};
-/**
- * Toggle component is used to toggle between two states (on/off, true/false, etc.).
- */
 export declare const Toggle: import("react").ForwardRefExoticComponent<{
     id?: string;
     checked?: boolean;
     name?: string;
     tooltip?: string;
-    /**
-     * If `onChange` is given component will work as a controlled component if not it will work as an uncontrolled component.
-     */
     onChange?: ChangeEventHandler<HTMLInputElement>;
     size?: "large" | "small";
     labelPosition?: "left" | "right";
@@ -33,4 +15,4 @@ export declare const Toggle: import("react").ForwardRefExoticComponent<{
     required?: boolean;
     error?: boolean | string;
     'data-testid'?: string;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "value"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "value"> & import("react").RefAttributes<HTMLInputElement>>;