@reltio/design 0.0.3 → 0.1.0
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.
- package/components/AssistantLoader/AssistantLoader.d.ts +7 -0
- package/components/AssistantLoader/AssistantLoader.js +15 -0
- package/components/AssistantLoader/AssistantLoader.module.css.d.ts +2 -0
- package/components/AssistantLoader/AssistantLoader.module.css.js +101 -0
- package/components/AssistantLoader/AssistantLoader.module.css.json +1 -0
- package/components/AssistantLoader/AssistantLoader.types.d.ts +16 -0
- package/components/AssistantLoader/AssistantLoader.types.js +1 -0
- package/components/AssistantLoader/index.d.ts +2 -0
- package/components/AssistantLoader/index.js +1 -0
- package/components/Chat/Chat.d.ts +14 -0
- package/components/Chat/Chat.js +84 -0
- package/components/Chat/Chat.module.css.d.ts +2 -0
- package/components/Chat/Chat.module.css.js +78 -0
- package/components/Chat/Chat.module.css.json +1 -0
- package/components/Chat/Chat.types.d.ts +58 -0
- package/components/Chat/Chat.types.js +1 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.d.ts +7 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.js +24 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.d.ts +2 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.js +26 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.json +1 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.types.d.ts +20 -0
- package/components/Chat/components/AssistantMessage/AssistantMessage.types.js +1 -0
- package/components/Chat/components/AssistantMessage/index.d.ts +2 -0
- package/components/Chat/components/AssistantMessage/index.js +1 -0
- package/components/Chat/components/UserMessage/UserMessage.d.ts +6 -0
- package/components/Chat/components/UserMessage/UserMessage.js +12 -0
- package/components/Chat/components/UserMessage/UserMessage.module.css.d.ts +2 -0
- package/components/Chat/components/UserMessage/UserMessage.module.css.js +11 -0
- package/components/Chat/components/UserMessage/UserMessage.module.css.json +1 -0
- package/components/Chat/components/UserMessage/UserMessage.types.d.ts +16 -0
- package/components/Chat/components/UserMessage/UserMessage.types.js +1 -0
- package/components/Chat/components/UserMessage/index.d.ts +2 -0
- package/components/Chat/components/UserMessage/index.js +1 -0
- package/components/Chat/index.d.ts +2 -0
- package/components/Chat/index.js +1 -0
- package/components/Details/Details.d.ts +7 -0
- package/components/Details/Details.js +40 -0
- package/components/Details/Details.module.css.d.ts +2 -0
- package/components/Details/Details.module.css.js +105 -0
- package/components/Details/Details.module.css.json +1 -0
- package/components/Details/Details.types.d.ts +55 -0
- package/components/Details/Details.types.js +1 -0
- package/components/Details/index.d.ts +2 -0
- package/components/Details/index.js +1 -0
- package/components/ErrorBoundary/ErrorBoundary.d.ts +12 -0
- package/components/ErrorBoundary/ErrorBoundary.js +23 -0
- package/components/ErrorBoundary/ErrorBoundary.types.d.ts +25 -0
- package/components/ErrorBoundary/ErrorBoundary.types.js +1 -0
- package/components/ErrorBoundary/index.d.ts +2 -0
- package/components/ErrorBoundary/index.js +1 -0
- package/components/ErrorMessage/ErrorMessage.d.ts +6 -0
- package/components/ErrorMessage/ErrorMessage.js +12 -0
- package/components/ErrorMessage/ErrorMessage.module.css.d.ts +2 -0
- package/components/ErrorMessage/ErrorMessage.module.css.js +50 -0
- package/components/ErrorMessage/ErrorMessage.module.css.json +1 -0
- package/components/ErrorMessage/ErrorMessage.types.d.ts +14 -0
- package/components/ErrorMessage/ErrorMessage.types.js +1 -0
- package/components/ErrorMessage/index.d.ts +2 -0
- package/components/ErrorMessage/index.js +1 -0
- package/components/Markdown/Markdown.d.ts +8 -0
- package/components/Markdown/Markdown.js +26 -0
- package/components/Markdown/Markdown.module.css.d.ts +2 -0
- package/components/Markdown/Markdown.module.css.js +228 -0
- package/components/Markdown/Markdown.module.css.json +1 -0
- package/components/Markdown/Markdown.types.d.ts +54 -0
- package/components/Markdown/Markdown.types.js +1 -0
- package/components/Markdown/index.d.ts +2 -0
- package/components/Markdown/index.js +1 -0
- package/components/Markdown/markdownOverrides.d.ts +19 -0
- package/components/Markdown/markdownOverrides.js +36 -0
- package/components/Skeleton/Skeleton.d.ts +7 -0
- package/components/Skeleton/Skeleton.js +16 -0
- package/components/Skeleton/Skeleton.module.css.d.ts +2 -0
- package/components/Skeleton/Skeleton.module.css.js +73 -0
- package/components/Skeleton/Skeleton.module.css.json +1 -0
- package/components/Skeleton/Skeleton.types.d.ts +31 -0
- package/components/Skeleton/Skeleton.types.js +1 -0
- package/components/Skeleton/index.d.ts +2 -0
- package/components/Skeleton/index.js +1 -0
- package/components/TextArea/TextArea.d.ts +22 -0
- package/components/TextArea/TextArea.js +13 -0
- package/components/TextArea/TextArea.module.css.d.ts +2 -0
- package/components/TextArea/TextArea.module.css.js +159 -0
- package/components/TextArea/TextArea.module.css.json +1 -0
- package/components/TextArea/TextArea.types.d.ts +39 -0
- package/components/TextArea/TextArea.types.js +1 -0
- package/components/TextArea/index.d.ts +2 -0
- package/components/TextArea/index.js +1 -0
- package/components/TreeList/TreeList.types.d.ts +1 -1
- package/components/TreeList/components/TreeNode/TreeNode.js +2 -2
- package/components/TreeList/components/TreeNode/TreeNode.module.css.js +16 -8
- package/components/TreeList/components/TreeNode/TreeNode.module.css.json +1 -1
- package/components/index.d.ts +10 -0
- package/components/index.js +10 -0
- package/icons/AccountCircle.d.ts +2 -0
- package/icons/AccountCircle.js +6 -0
- package/icons/Add.d.ts +2 -0
- package/icons/Add.js +6 -0
- package/icons/ArrowBack.d.ts +2 -0
- package/icons/ArrowBack.js +6 -0
- package/icons/ArrowDropDown.d.ts +2 -0
- package/icons/ArrowDropDown.js +6 -0
- package/icons/ArrowDropUp.d.ts +2 -0
- package/icons/ArrowDropUp.js +6 -0
- package/icons/ArrowForward.d.ts +2 -0
- package/icons/ArrowForward.js +6 -0
- package/icons/ArrowLeft.d.ts +2 -0
- package/icons/ArrowLeft.js +6 -0
- package/icons/ArrowRight.d.ts +2 -0
- package/icons/ArrowRight.js +6 -0
- package/icons/Attachment.d.ts +2 -0
- package/icons/Attachment.js +6 -0
- package/icons/Chat.d.ts +2 -0
- package/icons/Chat.js +6 -0
- package/icons/Check.d.ts +2 -0
- package/icons/Check.js +6 -0
- package/icons/CheckCircle.d.ts +2 -0
- package/icons/CheckCircle.js +6 -0
- package/icons/ChevronLeft.d.ts +2 -0
- package/icons/ChevronLeft.js +6 -0
- package/icons/ChevronRight.d.ts +2 -0
- package/icons/ChevronRight.js +6 -0
- package/icons/Close.d.ts +2 -0
- package/icons/Close.js +6 -0
- package/icons/CodeBrackets.d.ts +2 -0
- package/icons/CodeBrackets.js +6 -0
- package/icons/Comment.d.ts +2 -0
- package/icons/Comment.js +6 -0
- package/icons/ContentCopy.d.ts +2 -0
- package/icons/ContentCopy.js +6 -0
- package/icons/ContentPaste.d.ts +2 -0
- package/icons/ContentPaste.js +6 -0
- package/icons/Delete.d.ts +2 -0
- package/icons/Delete.js +6 -0
- package/icons/Description.d.ts +2 -0
- package/icons/Description.js +6 -0
- package/icons/Download.d.ts +2 -0
- package/icons/Download.js +6 -0
- package/icons/Edit.d.ts +2 -0
- package/icons/Edit.js +6 -0
- package/icons/Email.d.ts +2 -0
- package/icons/Email.js +6 -0
- package/icons/ErrorCircle.d.ts +2 -0
- package/icons/ErrorCircle.js +6 -0
- package/icons/ExpandLess.d.ts +2 -0
- package/icons/ExpandLess.js +6 -0
- package/icons/ExpandMore.d.ts +2 -0
- package/icons/ExpandMore.js +6 -0
- package/icons/FilterList.d.ts +2 -0
- package/icons/FilterList.js +6 -0
- package/icons/Folder.d.ts +2 -0
- package/icons/Folder.js +6 -0
- package/icons/Help.d.ts +2 -0
- package/icons/Help.js +6 -0
- package/icons/Icon.module.css.d.ts +2 -0
- package/icons/Icon.module.css.js +70 -0
- package/icons/Icon.module.css.json +1 -0
- package/icons/Icon.types.d.ts +13 -0
- package/icons/Icon.types.js +1 -0
- package/icons/Info.d.ts +2 -0
- package/icons/Info.js +6 -0
- package/icons/KeyboardArrowDown.d.ts +2 -0
- package/icons/KeyboardArrowDown.js +6 -0
- package/icons/KeyboardArrowUp.d.ts +2 -0
- package/icons/KeyboardArrowUp.js +6 -0
- package/icons/Logout.d.ts +2 -0
- package/icons/Logout.js +6 -0
- package/icons/Menu.d.ts +2 -0
- package/icons/Menu.js +6 -0
- package/icons/Notifications.d.ts +2 -0
- package/icons/Notifications.js +6 -0
- package/icons/People.d.ts +2 -0
- package/icons/People.js +6 -0
- package/icons/Person.d.ts +2 -0
- package/icons/Person.js +6 -0
- package/icons/Refresh.d.ts +2 -0
- package/icons/Refresh.js +6 -0
- package/icons/Remove.d.ts +2 -0
- package/icons/Remove.js +6 -0
- package/icons/Save.d.ts +2 -0
- package/icons/Save.js +6 -0
- package/icons/Search.d.ts +2 -0
- package/icons/Search.js +6 -0
- package/icons/Settings.d.ts +2 -0
- package/icons/Settings.js +6 -0
- package/icons/Share.d.ts +2 -0
- package/icons/Share.js +6 -0
- package/icons/Sort.d.ts +2 -0
- package/icons/Sort.js +6 -0
- package/icons/Upload.d.ts +2 -0
- package/icons/Upload.js +6 -0
- package/icons/Visibility.d.ts +2 -0
- package/icons/Visibility.js +6 -0
- package/icons/VisibilityOff.d.ts +2 -0
- package/icons/VisibilityOff.js +6 -0
- package/icons/Warning.d.ts +2 -0
- package/icons/Warning.js +6 -0
- package/icons/index.d.ts +52 -0
- package/icons/index.js +101 -0
- package/package.json +8 -7
- package/packages/design/index.d.ts +1 -2
- package/packages/design/index.js +1 -2
- package/components/TreeList/components/ChevronIcon.d.ts +0 -5
- package/components/TreeList/components/ChevronIcon.js +0 -8
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ArrowDropUp = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ArrowForward = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ArrowLeft = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ArrowRight = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Attachment = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Chat.d.ts
ADDED
package/icons/Chat.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Chat = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Check.d.ts
ADDED
package/icons/Check.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Check = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const CheckCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ChevronLeft = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ChevronRight = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Close.d.ts
ADDED
package/icons/Close.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Close = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const CodeBrackets = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" })] }));
|
|
6
|
+
};
|
package/icons/Comment.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Comment = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ContentCopy = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ContentPaste = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Delete.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Delete = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Description = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Download = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Edit.d.ts
ADDED
package/icons/Edit.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Edit = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Email.d.ts
ADDED
package/icons/Email.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Email = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ErrorCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ExpandLess = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const ExpandMore = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const FilterList = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Folder.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Folder = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Help.d.ts
ADDED
package/icons/Help.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Help = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import styleInject from 'style-inject';
|
|
2
|
+
import json from './Icon.module.css.json';
|
|
3
|
+
styleInject(`
|
|
4
|
+
._root_1v61f_1 {
|
|
5
|
+
--reltio-icon-size-small: 16px;
|
|
6
|
+
--reltio-icon-size-medium: 24px;
|
|
7
|
+
--reltio-icon-size-large: 32px;
|
|
8
|
+
--reltio-icon-size-xlarge: 48px;
|
|
9
|
+
|
|
10
|
+
--reltio-icon-color-inherited: currentColor;
|
|
11
|
+
--reltio-icon-color-primary: var(--reltio-color-primary, #0066cc);
|
|
12
|
+
--reltio-icon-color-secondary: var(--reltio-color-secondary, #6c757d);
|
|
13
|
+
--reltio-icon-color-success: var(--reltio-color-success, #28a745);
|
|
14
|
+
--reltio-icon-color-warning: var(--reltio-color-warning, #ffc107);
|
|
15
|
+
--reltio-icon-color-error: var(--reltio-color-error, #dc3545);
|
|
16
|
+
|
|
17
|
+
display: inline-flex;
|
|
18
|
+
align-items: center;
|
|
19
|
+
justify-content: center;
|
|
20
|
+
flex-shrink: 0;
|
|
21
|
+
width: var(--reltio-icon-size, var(--reltio-icon-size-medium));
|
|
22
|
+
height: var(--reltio-icon-size, var(--reltio-icon-size-medium));
|
|
23
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-inherited));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
._small_1v61f_23 {
|
|
27
|
+
width: var(--reltio-icon-size, var(--reltio-icon-size-small));
|
|
28
|
+
height: var(--reltio-icon-size, var(--reltio-icon-size-small));
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
._medium_1v61f_28 {
|
|
32
|
+
width: var(--reltio-icon-size, var(--reltio-icon-size-medium));
|
|
33
|
+
height: var(--reltio-icon-size, var(--reltio-icon-size-medium));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
._large_1v61f_33 {
|
|
37
|
+
width: var(--reltio-icon-size, var(--reltio-icon-size-large));
|
|
38
|
+
height: var(--reltio-icon-size, var(--reltio-icon-size-large));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
._xlarge_1v61f_38 {
|
|
42
|
+
width: var(--reltio-icon-size, var(--reltio-icon-size-xlarge));
|
|
43
|
+
height: var(--reltio-icon-size, var(--reltio-icon-size-xlarge));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
._inherited_1v61f_43 {
|
|
47
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-inherited));
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
._primary_1v61f_47 {
|
|
51
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-primary));
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
._secondary_1v61f_51 {
|
|
55
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-secondary));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
._success_1v61f_55 {
|
|
59
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-success));
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
._warning_1v61f_59 {
|
|
63
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-warning));
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
._error_1v61f_63 {
|
|
67
|
+
fill: var(--reltio-icon-color, var(--reltio-icon-color-error));
|
|
68
|
+
}
|
|
69
|
+
`);
|
|
70
|
+
export default json;
|
|
@@ -0,0 +1 @@
|
|
|
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" }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
export type IconSize = "small" | "medium" | "large" | "xlarge";
|
|
3
|
+
export type IconColor = "inherited" | "primary" | "secondary" | "success" | "warning" | "error";
|
|
4
|
+
export type IconProps = {
|
|
5
|
+
size?: IconSize;
|
|
6
|
+
color?: IconColor;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties & {
|
|
9
|
+
"--reltio-icon-size"?: string;
|
|
10
|
+
"--reltio-icon-color"?: string;
|
|
11
|
+
};
|
|
12
|
+
"aria-label"?: string;
|
|
13
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/icons/Info.d.ts
ADDED
package/icons/Info.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Info = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const KeyboardArrowDown = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const KeyboardArrowUp = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Logout.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Logout = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Menu.d.ts
ADDED
package/icons/Menu.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Menu = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Notifications = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/People.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const People = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Person.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Person = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Refresh.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Refresh = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Remove.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Remove = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|
package/icons/Save.d.ts
ADDED
package/icons/Save.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { classNames } from "../utils/classNames";
|
|
3
|
+
import styles from "./Icon.module.css";
|
|
4
|
+
export const Save = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
|
|
5
|
+
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" }) }));
|
|
6
|
+
};
|