@reltio/design 0.0.2 → 0.1.0

package/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./AssistantLoader";
+export * from "./Button";
+export * from "./Chat";
+export * from "./Details";
+export * from "./ErrorBoundary";
+export * from "./ErrorMessage";
+export * from "./Markdown";
+export * from "./Skeleton";
+export * from "./TextArea";
+export * from "./TreeList";

package/components/index.js

@@ -0,0 +1,10 @@
+export * from "./AssistantLoader";
+export * from "./Button";
+export * from "./Chat";
+export * from "./Details";
+export * from "./ErrorBoundary";
+export * from "./ErrorMessage";
+export * from "./Markdown";
+export * from "./Skeleton";
+export * from "./TextArea";
+export * from "./TreeList";

package/icons/AccountCircle.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const AccountCircle: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/AccountCircle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AccountCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" }) }));
+};

package/icons/Add.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Add: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Add.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Add = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" }) }));
+};

package/icons/ArrowBack.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowBack: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowBack.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowBack = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z" }) }));
+};

package/icons/ArrowDropDown.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowDropDown: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowDropDown.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowDropDown = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-360 280-560h400L480-360Z" }) }));
+};

package/icons/ArrowDropUp.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowDropUp: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowDropUp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowDropUp = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "m280-400 200-200 200 200H280Z" }) }));
+};

package/icons/ArrowForward.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowForward: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowForward.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowForward = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M647-440H160v-80h487L423-744l57-56 320 320-320 320-57-56 224-224Z" }) }));
+};

package/icons/ArrowLeft.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowLeft: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowLeft.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowLeft = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M560-280 360-480l200-200v400Z" }) }));
+};

package/icons/ArrowRight.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ArrowRight: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ArrowRight.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ArrowRight = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M400-280v-400l200 200-200 200Z" }) }));
+};

package/icons/Attachment.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Attachment: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Attachment.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Attachment = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M330-240q-104 0-177-73T80-490q0-104 73-177t177-73h370q75 0 127.5 52.5T880-560q0 75-52.5 127.5T700-380H350q-46 0-78-32t-32-78q0-46 32-78t78-32h370v80H350q-13 0-21.5 8.5T320-490q0 13 8.5 21.5T350-460h350q42-1 71-29.5t29-70.5q0-42-29-71t-71-29H330q-71-1-120.5 49T160-490q0 70 49.5 119T330-320h390v80H330Z" }) }));
+};

package/icons/Chat.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Chat: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Chat.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Chat = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z" }) }));
+};

package/icons/Check.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Check: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Check.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Check = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" }) }));
+};

package/icons/CheckCircle.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const CheckCircle: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/CheckCircle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const CheckCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }));
+};

package/icons/ChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ChevronLeft: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ChevronLeft.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ChevronLeft = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" }) }));
+};

package/icons/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ChevronRight: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ChevronRight.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ChevronRight = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" }) }));
+};

package/icons/Close.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Close: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Close.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Close = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" }) }));
+};

package/icons/CodeBrackets.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const CodeBrackets: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/CodeBrackets.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const CodeBrackets = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsxs("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 0 24 24", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: [_jsx("path", { d: "M14,15c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l1.29-1.29-1.29-1.29c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l2,2c.39.39.39,1.02,0,1.41l-2,2c-.2.2-.45.29-.71.29ZM10,15c-.26,0-.51-.1-.71-.29l-2-2c-.39-.39-.39-1.02,0-1.41l2-2c.39-.39,1.02-.39,1.41,0s.39,1.02,0,1.41l-1.29,1.29,1.29,1.29c.39.39.39,1.02,0,1.41-.2.2-.45.29-.71.29Z" }), _jsx("path", { d: "M12,22c-1.32,0-2.61-.26-3.83-.76-1.22-.5-2.31-1.23-3.24-2.17s-1.66-2.03-2.17-3.24c-.51-1.22-.76-2.51-.76-3.83s.26-2.61.76-3.83c.5-1.22,1.23-2.31,2.17-3.24.93-.93,2.02-1.66,3.24-2.17,2.44-1.01,5.21-1.01,7.65,0,1.22.5,2.31,1.23,3.24,2.17s1.66,2.02,2.17,3.24c.51,1.22.76,2.51.76,3.83s-.26,2.61-.76,3.83c-.5,1.22-1.23,2.31-2.17,3.24-.94.93-2.03,1.66-3.25,2.17s-2.51.76-3.83.76ZM12,4c-1.06,0-2.09.21-3.06.61-.98.4-1.85.99-2.59,1.73-.75.75-1.33,1.62-1.73,2.6-.4.98-.61,2.01-.61,3.06s.21,2.09.61,3.06.99,1.85,1.73,2.6c.75.75,1.62,1.33,2.6,1.73,1.95.81,4.18.81,6.12,0,.98-.4,1.85-.99,2.6-1.73.75-.75,1.33-1.62,1.73-2.6.4-.97.61-2,.61-3.06s-.21-2.09-.61-3.06c-.4-.98-.99-1.85-1.73-2.6-.75-.75-1.62-1.33-2.6-1.73s-2.01-.61-3.06-.61Z" })] }));
+};

package/icons/Comment.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Comment: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Comment.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Comment = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M240-400h480v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM880-80 720-240H160q-33 0-56.5-23.5T80-320v-480q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v720ZM160-320h594l46 45v-525H160v480Zm0 0v-480 480Z" }) }));
+};

package/icons/ContentCopy.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ContentCopy: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ContentCopy.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ContentCopy = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z" }) }));
+};

package/icons/ContentPaste.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ContentPaste: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ContentPaste.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ContentPaste = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560h-80v120H280v-120h-80v560Zm280-560q17 0 28.5-11.5T520-800q0-17-11.5-28.5T480-840q-17 0-28.5 11.5T440-800q0 17 11.5 28.5T480-760Z" }) }));
+};

package/icons/Delete.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Delete: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Delete.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Delete = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" }) }));
+};

package/icons/Description.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Description: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Description.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Description = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M320-240h320v-80H320v80Zm0-160h320v-80H320v80ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z" }) }));
+};

package/icons/Download.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Download: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Download.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Download = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z" }) }));
+};

package/icons/Edit.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Edit: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Edit.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Edit = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z" }) }));
+};

package/icons/Email.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Email: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Email.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Email = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z" }) }));
+};

package/icons/ErrorCircle.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ErrorCircle: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ErrorCircle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ErrorCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }));
+};

package/icons/ExpandLess.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ExpandLess: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ExpandLess.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ExpandLess = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z" }) }));
+};

package/icons/ExpandMore.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const ExpandMore: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/ExpandMore.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ExpandMore = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z" }) }));
+};

package/icons/FilterList.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const FilterList: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/FilterList.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const FilterList = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M400-240v-80h160v80H400ZM240-440v-80h480v80H240ZM120-640v-80h720v80H120Z" }) }));
+};

package/icons/Folder.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Folder: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Folder.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Folder = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z" }) }));
+};

package/icons/Help.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Help: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Help.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Help = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }));
+};

package/icons/Icon.module.css.d.ts

@@ -0,0 +1,2 @@
+import json from './Icon.module.css.json';
+export default json;

package/icons/Icon.module.css.js

@@ -0,0 +1,70 @@
+import styleInject from 'style-inject';
+import json from './Icon.module.css.json';
+styleInject(`
+._root_1v61f_1 {
+	--reltio-icon-size-small: 16px;
+	--reltio-icon-size-medium: 24px;
+	--reltio-icon-size-large: 32px;
+	--reltio-icon-size-xlarge: 48px;
+
+	--reltio-icon-color-inherited: currentColor;
+	--reltio-icon-color-primary: var(--reltio-color-primary, #0066cc);
+	--reltio-icon-color-secondary: var(--reltio-color-secondary, #6c757d);
+	--reltio-icon-color-success: var(--reltio-color-success, #28a745);
+	--reltio-icon-color-warning: var(--reltio-color-warning, #ffc107);
+	--reltio-icon-color-error: var(--reltio-color-error, #dc3545);
+
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+	width: var(--reltio-icon-size, var(--reltio-icon-size-medium));
+	height: var(--reltio-icon-size, var(--reltio-icon-size-medium));
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-inherited));
+}
+
+._small_1v61f_23 {
+	width: var(--reltio-icon-size, var(--reltio-icon-size-small));
+	height: var(--reltio-icon-size, var(--reltio-icon-size-small));
+}
+
+._medium_1v61f_28 {
+	width: var(--reltio-icon-size, var(--reltio-icon-size-medium));
+	height: var(--reltio-icon-size, var(--reltio-icon-size-medium));
+}
+
+._large_1v61f_33 {
+	width: var(--reltio-icon-size, var(--reltio-icon-size-large));
+	height: var(--reltio-icon-size, var(--reltio-icon-size-large));
+}
+
+._xlarge_1v61f_38 {
+	width: var(--reltio-icon-size, var(--reltio-icon-size-xlarge));
+	height: var(--reltio-icon-size, var(--reltio-icon-size-xlarge));
+}
+
+._inherited_1v61f_43 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-inherited));
+}
+
+._primary_1v61f_47 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-primary));
+}
+
+._secondary_1v61f_51 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-secondary));
+}
+
+._success_1v61f_55 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-success));
+}
+
+._warning_1v61f_59 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-warning));
+}
+
+._error_1v61f_63 {
+	fill: var(--reltio-icon-color, var(--reltio-icon-color-error));
+}
+`);
+export default json;

package/icons/Icon.module.css.json

@@ -0,0 +1 @@
+{ "root": "_root_1v61f_1", "small": "_small_1v61f_23", "medium": "_medium_1v61f_28", "large": "_large_1v61f_33", "xlarge": "_xlarge_1v61f_38", "inherited": "_inherited_1v61f_43", "primary": "_primary_1v61f_47", "secondary": "_secondary_1v61f_51", "success": "_success_1v61f_55", "warning": "_warning_1v61f_59", "error": "_error_1v61f_63" }

package/icons/Icon.types.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+export type IconSize = "small" | "medium" | "large" | "xlarge";
+export type IconColor = "inherited" | "primary" | "secondary" | "success" | "warning" | "error";
+export type IconProps = {
+    size?: IconSize;
+    color?: IconColor;
+    className?: string;
+    style?: React.CSSProperties & {
+        "--reltio-icon-size"?: string;
+        "--reltio-icon-color"?: string;
+    };
+    "aria-label"?: string;
+};

package/icons/Icon.types.js

@@ -0,0 +1 @@
+export {};

package/icons/Info.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Info: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Info.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Info = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" }) }));
+};

package/icons/KeyboardArrowDown.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const KeyboardArrowDown: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/KeyboardArrowDown.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const KeyboardArrowDown = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z" }) }));
+};

package/icons/KeyboardArrowUp.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const KeyboardArrowUp: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/KeyboardArrowUp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const KeyboardArrowUp = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M480-528 296-344l-56-56 240-240 240 240-56 56-184-184Z" }) }));
+};

package/icons/Logout.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Logout: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Logout.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Logout = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58 102-102H360v-80h327L585-622l55-58 200 200-200 200Z" }) }));
+};

package/icons/Menu.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Menu: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/icons/Menu.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Menu = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" }) }));
+};

package/icons/Notifications.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "./Icon.types";
+export declare const Notifications: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;