@reltio/design 0.0.2 → 0.1.0

package/icons/Notifications.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 Notifications = ({ 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-200v-80h80v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h80v80H160Zm320-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" }) }));
+};

package/icons/People.d.ts

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

package/icons/People.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 People = ({ 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: "M40-160v-112q0-34 17.5-62.5T104-378q62-31 126-46.5T360-440q66 0 130 15.5T616-378q29 15 46.5 43.5T680-272v112H40Zm720 0v-120q0-44-24.5-84.5T666-434q51 6 96 20.5t84 35.5q36 20 55 44.5t19 53.5v120H760ZM360-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm400-160q0 66-47 113t-113 47q-11 0-28-2.5t-28-5.5q27-32 41.5-71t14.5-81q0-42-14.5-81T544-792q14-5 28-6.5t28-1.5q66 0 113 47t47 113ZM120-240h480v-32q0-11-5.5-20T580-306q-54-27-109-40.5T360-360q-56 0-111 13.5T140-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T440-640q0-33-23.5-56.5T360-720q-33 0-56.5 23.5T280-640q0 33 23.5 56.5T360-560Zm0 320Zm0-400Z" }) }));
+};

package/icons/Person.d.ts

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

package/icons/Person.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 Person = ({ 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-480q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360q-56 0-111 13.5T260-306q-9 5-14.5 14t-5.5 20v32Zm240-320q33 0 56.5-23.5T560-640q0-33-23.5-56.5T480-720q-33 0-56.5 23.5T400-640q0 33 23.5 56.5T480-560Zm0-80Zm0 400Z" }) }));
+};

package/icons/Refresh.d.ts

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

package/icons/Refresh.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 Refresh = ({ 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-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z" }) }));
+};

package/icons/Remove.d.ts

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

package/icons/Remove.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 Remove = ({ 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-440v-80h560v80H200Z" }) }));
+};

package/icons/Save.d.ts

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

package/icons/Save.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 Save = ({ 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: "M840-680v480q0 33-23.5 56.5T760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160Zm-80 34L646-760H200v560h560v-446ZM480-240q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35ZM240-560h360v-160H240v160Zm-40-86v446-560 114Z" }) }));
+};

package/icons/Search.d.ts

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

package/icons/Search.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 Search = ({ 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: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" }) }));
+};

package/icons/Settings.d.ts

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

package/icons/Settings.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 Settings = ({ 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: "m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm70-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" }) }));
+};

package/icons/Share.d.ts

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

package/icons/Share.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 Share = ({ 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: "M680-80q-50 0-85-35t-35-85q0-6 3-28L282-392q-16 15-37 23.5t-45 8.5q-50 0-85-35t-35-85q0-50 35-85t85-35q24 0 45 8.5t37 23.5l281-164q-2-7-2.5-13.5T560-760q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35q-24 0-45-8.5T598-672L317-508q2 7 2.5 13.5t.5 14.5q0 8-.5 14.5T317-452l281 164q16-15 37-23.5t45-8.5q50 0 85 35t35 85q0 50-35 85t-85 35Zm0-80q17 0 28.5-11.5T720-200q0-17-11.5-28.5T680-240q-17 0-28.5 11.5T640-200q0 17 11.5 28.5T680-160ZM200-440q17 0 28.5-11.5T240-480q0-17-11.5-28.5T200-520q-17 0-28.5 11.5T160-480q0 17 11.5 28.5T200-440Zm480-280q17 0 28.5-11.5T720-760q0-17-11.5-28.5T680-800q-17 0-28.5 11.5T640-760q0 17 11.5 28.5T680-720Zm0 520ZM200-480Zm480-280Z" }) }));
+};

package/icons/Sort.d.ts

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

package/icons/Sort.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 Sort = ({ 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-80h240v80H120Zm0-200v-80h480v80H120Zm0-200v-80h720v80H120Z" }) }));
+};

package/icons/Upload.d.ts

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

package/icons/Upload.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 Upload = ({ 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-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z" }) }));
+};

package/icons/Visibility.d.ts

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

package/icons/Visibility.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 Visibility = ({ 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-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" }) }));
+};

package/icons/VisibilityOff.d.ts

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

package/icons/VisibilityOff.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 VisibilityOff = ({ 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: "m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" }) }));
+};

package/icons/Warning.d.ts

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

package/icons/Warning.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 Warning = ({ 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: "m40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z" }) }));
+};

package/icons/index.d.ts

@@ -0,0 +1,52 @@
+export type { IconColor, IconProps, IconSize } from "./Icon.types";
+import { AccountCircle } from "./AccountCircle";
+import { Add } from "./Add";
+import { ArrowBack } from "./ArrowBack";
+import { ArrowDropDown } from "./ArrowDropDown";
+import { ArrowDropUp } from "./ArrowDropUp";
+import { ArrowForward } from "./ArrowForward";
+import { ArrowLeft } from "./ArrowLeft";
+import { ArrowRight } from "./ArrowRight";
+import { Attachment } from "./Attachment";
+import { Chat } from "./Chat";
+import { Check } from "./Check";
+import { CheckCircle } from "./CheckCircle";
+import { ChevronLeft } from "./ChevronLeft";
+import { ChevronRight } from "./ChevronRight";
+import { Close } from "./Close";
+import { CodeBrackets } from "./CodeBrackets";
+import { Comment } from "./Comment";
+import { ContentCopy } from "./ContentCopy";
+import { ContentPaste } from "./ContentPaste";
+import { Delete } from "./Delete";
+import { Description } from "./Description";
+import { Download } from "./Download";
+import { Edit } from "./Edit";
+import { Email } from "./Email";
+import { ErrorCircle } from "./ErrorCircle";
+import { ExpandLess } from "./ExpandLess";
+import { ExpandMore } from "./ExpandMore";
+import { FilterList } from "./FilterList";
+import { Folder } from "./Folder";
+import { Help } from "./Help";
+import { Info } from "./Info";
+import { KeyboardArrowDown } from "./KeyboardArrowDown";
+import { KeyboardArrowUp } from "./KeyboardArrowUp";
+import { Logout } from "./Logout";
+import { Menu } from "./Menu";
+import { Notifications } from "./Notifications";
+import { People } from "./People";
+import { Person } from "./Person";
+import { Refresh } from "./Refresh";
+import { Remove } from "./Remove";
+import { Save } from "./Save";
+import { Search } from "./Search";
+import { Settings } from "./Settings";
+import { Share } from "./Share";
+import { Sort } from "./Sort";
+import { Upload } from "./Upload";
+import { Visibility } from "./Visibility";
+import { VisibilityOff } from "./VisibilityOff";
+import { Warning } from "./Warning";
+export { AccountCircle, Add, ArrowBack, ArrowDropDown, ArrowDropUp, ArrowForward, ArrowLeft, ArrowRight, Attachment, Chat, Check, CheckCircle, ChevronLeft, ChevronRight, Close, CodeBrackets, Comment, ContentCopy, ContentPaste, Delete, Description, Download, Edit, Email, ErrorCircle, ExpandLess, ExpandMore, FilterList, Folder, Help, Info, KeyboardArrowDown, KeyboardArrowUp, Logout, Menu, Notifications, People, Person, Refresh, Remove, Save, Search, Settings, Share, Sort, Upload, Visibility, VisibilityOff, Warning, };
+export declare const iconMap: Record<string, React.ComponentType<import("./Icon.types").IconProps>>;

package/icons/index.js

@@ -0,0 +1,101 @@
+import { AccountCircle } from "./AccountCircle";
+import { Add } from "./Add";
+import { ArrowBack } from "./ArrowBack";
+import { ArrowDropDown } from "./ArrowDropDown";
+import { ArrowDropUp } from "./ArrowDropUp";
+import { ArrowForward } from "./ArrowForward";
+import { ArrowLeft } from "./ArrowLeft";
+import { ArrowRight } from "./ArrowRight";
+import { Attachment } from "./Attachment";
+import { Chat } from "./Chat";
+import { Check } from "./Check";
+import { CheckCircle } from "./CheckCircle";
+import { ChevronLeft } from "./ChevronLeft";
+import { ChevronRight } from "./ChevronRight";
+import { Close } from "./Close";
+import { CodeBrackets } from "./CodeBrackets";
+import { Comment } from "./Comment";
+import { ContentCopy } from "./ContentCopy";
+import { ContentPaste } from "./ContentPaste";
+import { Delete } from "./Delete";
+import { Description } from "./Description";
+import { Download } from "./Download";
+import { Edit } from "./Edit";
+import { Email } from "./Email";
+import { ErrorCircle } from "./ErrorCircle";
+import { ExpandLess } from "./ExpandLess";
+import { ExpandMore } from "./ExpandMore";
+import { FilterList } from "./FilterList";
+import { Folder } from "./Folder";
+import { Help } from "./Help";
+import { Info } from "./Info";
+import { KeyboardArrowDown } from "./KeyboardArrowDown";
+import { KeyboardArrowUp } from "./KeyboardArrowUp";
+import { Logout } from "./Logout";
+import { Menu } from "./Menu";
+import { Notifications } from "./Notifications";
+import { People } from "./People";
+import { Person } from "./Person";
+import { Refresh } from "./Refresh";
+import { Remove } from "./Remove";
+import { Save } from "./Save";
+import { Search } from "./Search";
+import { Settings } from "./Settings";
+import { Share } from "./Share";
+import { Sort } from "./Sort";
+import { Upload } from "./Upload";
+import { Visibility } from "./Visibility";
+import { VisibilityOff } from "./VisibilityOff";
+import { Warning } from "./Warning";
+export { AccountCircle, Add, ArrowBack, ArrowDropDown, ArrowDropUp, ArrowForward, ArrowLeft, ArrowRight, Attachment, Chat, Check, CheckCircle, ChevronLeft, ChevronRight, Close, CodeBrackets, Comment, ContentCopy, ContentPaste, Delete, Description, Download, Edit, Email, ErrorCircle, ExpandLess, ExpandMore, FilterList, Folder, Help, Info, KeyboardArrowDown, KeyboardArrowUp, Logout, Menu, Notifications, People, Person, Refresh, Remove, Save, Search, Settings, Share, Sort, Upload, Visibility, VisibilityOff, Warning, };
+export const iconMap = {
+    AccountCircle: AccountCircle,
+    Add: Add,
+    ArrowBack: ArrowBack,
+    ArrowDropDown: ArrowDropDown,
+    ArrowDropUp: ArrowDropUp,
+    ArrowForward: ArrowForward,
+    ArrowLeft: ArrowLeft,
+    ArrowRight: ArrowRight,
+    Attachment: Attachment,
+    Chat: Chat,
+    Check: Check,
+    CheckCircle: CheckCircle,
+    ChevronLeft: ChevronLeft,
+    ChevronRight: ChevronRight,
+    Close: Close,
+    CodeBrackets: CodeBrackets,
+    Comment: Comment,
+    ContentCopy: ContentCopy,
+    ContentPaste: ContentPaste,
+    Delete: Delete,
+    Description: Description,
+    Download: Download,
+    Edit: Edit,
+    Email: Email,
+    ErrorCircle: ErrorCircle,
+    ExpandLess: ExpandLess,
+    ExpandMore: ExpandMore,
+    FilterList: FilterList,
+    Folder: Folder,
+    Help: Help,
+    Info: Info,
+    KeyboardArrowDown: KeyboardArrowDown,
+    KeyboardArrowUp: KeyboardArrowUp,
+    Logout: Logout,
+    Menu: Menu,
+    Notifications: Notifications,
+    People: People,
+    Person: Person,
+    Refresh: Refresh,
+    Remove: Remove,
+    Save: Save,
+    Search: Search,
+    Settings: Settings,
+    Share: Share,
+    Sort: Sort,
+    Upload: Upload,
+    Visibility: Visibility,
+    VisibilityOff: VisibilityOff,
+    Warning: Warning,
+};

package/package.json

@@ -1,23 +1,24 @@
 {
 	"name": "@reltio/design",
-	"version": "0.0.2",
+	"version": "0.1.0",
 	"main": "packages/design/index.js",
-	"description": "Reltio Design System",
+	"description": "Reltio Design Platform",
 	"peerDependencies": {
-		"react": ">=17 <20",
-		"react-dom": ">=17 <20"
+		"react": ">=18 <20",
+		"react-dom": ">=18 <20"
 	},
 	"dependencies": {
 		"style-inject": "^0.3.0",
-		"rc-tree": "^5.13.1"
+		"rc-tree": "^5.13.1",
+		"markdown-to-jsx": "^9.7.3"
 	},
 	"scripts": {
 		"build": "node build-css.mjs && tsc && tsc-alias",
 		"postbuild": "cp package.json dist/ && cp README.md dist/"
 	},
 	"devDependencies": {
-		"@types/react": "^17.0.83",
-		"@types/react-dom": "^17.0.26",
+		"@types/react": "^18",
+		"@types/react-dom": "^18",
 		"glob": "^11.0.0",
 		"postcss": "^8.4.49",
 		"postcss-modules": "^6.0.1",

package/packages/design/index.d.ts

@@ -1,2 +1 @@
-export * from "../../components/Button";
-export * from "../../components/TreeList";
+export * from "../../components";

package/packages/design/index.js

@@ -1,2 +1 @@
-export * from "../../components/Button";
-export * from "../../components/TreeList";
+export * from "../../components";

package/components/TreeList/components/ChevronIcon.d.ts

@@ -1,5 +0,0 @@
-type Props = {
-    expanded: boolean;
-};
-export declare const ChevronIcon: ({ expanded }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/components/TreeList/components/ChevronIcon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ChevronIcon = ({ expanded }) => {
-    return (_jsx("svg", { viewBox: "0 0 24 24", style: {
-            transform: expanded ? "rotate(0deg)" : "rotate(-90deg)",
-            transition: "transform 0.2s ease",
-            transformOrigin: "50% 50%",
-        }, "aria-hidden": "true", children: _jsx("polygon", { points: "6,9 18,9 12,16", fill: "currentColor" }) }));
-};