@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.
Files changed (205) hide show
  1. package/components/AssistantLoader/AssistantLoader.d.ts +7 -0
  2. package/components/AssistantLoader/AssistantLoader.js +15 -0
  3. package/components/AssistantLoader/AssistantLoader.module.css.d.ts +2 -0
  4. package/components/AssistantLoader/AssistantLoader.module.css.js +101 -0
  5. package/components/AssistantLoader/AssistantLoader.module.css.json +1 -0
  6. package/components/AssistantLoader/AssistantLoader.types.d.ts +16 -0
  7. package/components/AssistantLoader/AssistantLoader.types.js +1 -0
  8. package/components/AssistantLoader/index.d.ts +2 -0
  9. package/components/AssistantLoader/index.js +1 -0
  10. package/components/Chat/Chat.d.ts +14 -0
  11. package/components/Chat/Chat.js +84 -0
  12. package/components/Chat/Chat.module.css.d.ts +2 -0
  13. package/components/Chat/Chat.module.css.js +78 -0
  14. package/components/Chat/Chat.module.css.json +1 -0
  15. package/components/Chat/Chat.types.d.ts +58 -0
  16. package/components/Chat/Chat.types.js +1 -0
  17. package/components/Chat/components/AssistantMessage/AssistantMessage.d.ts +7 -0
  18. package/components/Chat/components/AssistantMessage/AssistantMessage.js +24 -0
  19. package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.d.ts +2 -0
  20. package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.js +26 -0
  21. package/components/Chat/components/AssistantMessage/AssistantMessage.module.css.json +1 -0
  22. package/components/Chat/components/AssistantMessage/AssistantMessage.types.d.ts +20 -0
  23. package/components/Chat/components/AssistantMessage/AssistantMessage.types.js +1 -0
  24. package/components/Chat/components/AssistantMessage/index.d.ts +2 -0
  25. package/components/Chat/components/AssistantMessage/index.js +1 -0
  26. package/components/Chat/components/UserMessage/UserMessage.d.ts +6 -0
  27. package/components/Chat/components/UserMessage/UserMessage.js +12 -0
  28. package/components/Chat/components/UserMessage/UserMessage.module.css.d.ts +2 -0
  29. package/components/Chat/components/UserMessage/UserMessage.module.css.js +11 -0
  30. package/components/Chat/components/UserMessage/UserMessage.module.css.json +1 -0
  31. package/components/Chat/components/UserMessage/UserMessage.types.d.ts +16 -0
  32. package/components/Chat/components/UserMessage/UserMessage.types.js +1 -0
  33. package/components/Chat/components/UserMessage/index.d.ts +2 -0
  34. package/components/Chat/components/UserMessage/index.js +1 -0
  35. package/components/Chat/index.d.ts +2 -0
  36. package/components/Chat/index.js +1 -0
  37. package/components/Details/Details.d.ts +7 -0
  38. package/components/Details/Details.js +40 -0
  39. package/components/Details/Details.module.css.d.ts +2 -0
  40. package/components/Details/Details.module.css.js +105 -0
  41. package/components/Details/Details.module.css.json +1 -0
  42. package/components/Details/Details.types.d.ts +55 -0
  43. package/components/Details/Details.types.js +1 -0
  44. package/components/Details/index.d.ts +2 -0
  45. package/components/Details/index.js +1 -0
  46. package/components/ErrorBoundary/ErrorBoundary.d.ts +12 -0
  47. package/components/ErrorBoundary/ErrorBoundary.js +23 -0
  48. package/components/ErrorBoundary/ErrorBoundary.types.d.ts +25 -0
  49. package/components/ErrorBoundary/ErrorBoundary.types.js +1 -0
  50. package/components/ErrorBoundary/index.d.ts +2 -0
  51. package/components/ErrorBoundary/index.js +1 -0
  52. package/components/ErrorMessage/ErrorMessage.d.ts +6 -0
  53. package/components/ErrorMessage/ErrorMessage.js +12 -0
  54. package/components/ErrorMessage/ErrorMessage.module.css.d.ts +2 -0
  55. package/components/ErrorMessage/ErrorMessage.module.css.js +50 -0
  56. package/components/ErrorMessage/ErrorMessage.module.css.json +1 -0
  57. package/components/ErrorMessage/ErrorMessage.types.d.ts +14 -0
  58. package/components/ErrorMessage/ErrorMessage.types.js +1 -0
  59. package/components/ErrorMessage/index.d.ts +2 -0
  60. package/components/ErrorMessage/index.js +1 -0
  61. package/components/Markdown/Markdown.d.ts +8 -0
  62. package/components/Markdown/Markdown.js +26 -0
  63. package/components/Markdown/Markdown.module.css.d.ts +2 -0
  64. package/components/Markdown/Markdown.module.css.js +228 -0
  65. package/components/Markdown/Markdown.module.css.json +1 -0
  66. package/components/Markdown/Markdown.types.d.ts +54 -0
  67. package/components/Markdown/Markdown.types.js +1 -0
  68. package/components/Markdown/index.d.ts +2 -0
  69. package/components/Markdown/index.js +1 -0
  70. package/components/Markdown/markdownOverrides.d.ts +19 -0
  71. package/components/Markdown/markdownOverrides.js +36 -0
  72. package/components/Skeleton/Skeleton.d.ts +7 -0
  73. package/components/Skeleton/Skeleton.js +16 -0
  74. package/components/Skeleton/Skeleton.module.css.d.ts +2 -0
  75. package/components/Skeleton/Skeleton.module.css.js +73 -0
  76. package/components/Skeleton/Skeleton.module.css.json +1 -0
  77. package/components/Skeleton/Skeleton.types.d.ts +31 -0
  78. package/components/Skeleton/Skeleton.types.js +1 -0
  79. package/components/Skeleton/index.d.ts +2 -0
  80. package/components/Skeleton/index.js +1 -0
  81. package/components/TextArea/TextArea.d.ts +22 -0
  82. package/components/TextArea/TextArea.js +13 -0
  83. package/components/TextArea/TextArea.module.css.d.ts +2 -0
  84. package/components/TextArea/TextArea.module.css.js +159 -0
  85. package/components/TextArea/TextArea.module.css.json +1 -0
  86. package/components/TextArea/TextArea.types.d.ts +39 -0
  87. package/components/TextArea/TextArea.types.js +1 -0
  88. package/components/TextArea/index.d.ts +2 -0
  89. package/components/TextArea/index.js +1 -0
  90. package/components/TreeList/TreeList.types.d.ts +1 -1
  91. package/components/TreeList/components/TreeNode/TreeNode.js +2 -2
  92. package/components/TreeList/components/TreeNode/TreeNode.module.css.js +16 -8
  93. package/components/TreeList/components/TreeNode/TreeNode.module.css.json +1 -1
  94. package/components/index.d.ts +10 -0
  95. package/components/index.js +10 -0
  96. package/icons/AccountCircle.d.ts +2 -0
  97. package/icons/AccountCircle.js +6 -0
  98. package/icons/Add.d.ts +2 -0
  99. package/icons/Add.js +6 -0
  100. package/icons/ArrowBack.d.ts +2 -0
  101. package/icons/ArrowBack.js +6 -0
  102. package/icons/ArrowDropDown.d.ts +2 -0
  103. package/icons/ArrowDropDown.js +6 -0
  104. package/icons/ArrowDropUp.d.ts +2 -0
  105. package/icons/ArrowDropUp.js +6 -0
  106. package/icons/ArrowForward.d.ts +2 -0
  107. package/icons/ArrowForward.js +6 -0
  108. package/icons/ArrowLeft.d.ts +2 -0
  109. package/icons/ArrowLeft.js +6 -0
  110. package/icons/ArrowRight.d.ts +2 -0
  111. package/icons/ArrowRight.js +6 -0
  112. package/icons/Attachment.d.ts +2 -0
  113. package/icons/Attachment.js +6 -0
  114. package/icons/Chat.d.ts +2 -0
  115. package/icons/Chat.js +6 -0
  116. package/icons/Check.d.ts +2 -0
  117. package/icons/Check.js +6 -0
  118. package/icons/CheckCircle.d.ts +2 -0
  119. package/icons/CheckCircle.js +6 -0
  120. package/icons/ChevronLeft.d.ts +2 -0
  121. package/icons/ChevronLeft.js +6 -0
  122. package/icons/ChevronRight.d.ts +2 -0
  123. package/icons/ChevronRight.js +6 -0
  124. package/icons/Close.d.ts +2 -0
  125. package/icons/Close.js +6 -0
  126. package/icons/CodeBrackets.d.ts +2 -0
  127. package/icons/CodeBrackets.js +6 -0
  128. package/icons/Comment.d.ts +2 -0
  129. package/icons/Comment.js +6 -0
  130. package/icons/ContentCopy.d.ts +2 -0
  131. package/icons/ContentCopy.js +6 -0
  132. package/icons/ContentPaste.d.ts +2 -0
  133. package/icons/ContentPaste.js +6 -0
  134. package/icons/Delete.d.ts +2 -0
  135. package/icons/Delete.js +6 -0
  136. package/icons/Description.d.ts +2 -0
  137. package/icons/Description.js +6 -0
  138. package/icons/Download.d.ts +2 -0
  139. package/icons/Download.js +6 -0
  140. package/icons/Edit.d.ts +2 -0
  141. package/icons/Edit.js +6 -0
  142. package/icons/Email.d.ts +2 -0
  143. package/icons/Email.js +6 -0
  144. package/icons/ErrorCircle.d.ts +2 -0
  145. package/icons/ErrorCircle.js +6 -0
  146. package/icons/ExpandLess.d.ts +2 -0
  147. package/icons/ExpandLess.js +6 -0
  148. package/icons/ExpandMore.d.ts +2 -0
  149. package/icons/ExpandMore.js +6 -0
  150. package/icons/FilterList.d.ts +2 -0
  151. package/icons/FilterList.js +6 -0
  152. package/icons/Folder.d.ts +2 -0
  153. package/icons/Folder.js +6 -0
  154. package/icons/Help.d.ts +2 -0
  155. package/icons/Help.js +6 -0
  156. package/icons/Icon.module.css.d.ts +2 -0
  157. package/icons/Icon.module.css.js +70 -0
  158. package/icons/Icon.module.css.json +1 -0
  159. package/icons/Icon.types.d.ts +13 -0
  160. package/icons/Icon.types.js +1 -0
  161. package/icons/Info.d.ts +2 -0
  162. package/icons/Info.js +6 -0
  163. package/icons/KeyboardArrowDown.d.ts +2 -0
  164. package/icons/KeyboardArrowDown.js +6 -0
  165. package/icons/KeyboardArrowUp.d.ts +2 -0
  166. package/icons/KeyboardArrowUp.js +6 -0
  167. package/icons/Logout.d.ts +2 -0
  168. package/icons/Logout.js +6 -0
  169. package/icons/Menu.d.ts +2 -0
  170. package/icons/Menu.js +6 -0
  171. package/icons/Notifications.d.ts +2 -0
  172. package/icons/Notifications.js +6 -0
  173. package/icons/People.d.ts +2 -0
  174. package/icons/People.js +6 -0
  175. package/icons/Person.d.ts +2 -0
  176. package/icons/Person.js +6 -0
  177. package/icons/Refresh.d.ts +2 -0
  178. package/icons/Refresh.js +6 -0
  179. package/icons/Remove.d.ts +2 -0
  180. package/icons/Remove.js +6 -0
  181. package/icons/Save.d.ts +2 -0
  182. package/icons/Save.js +6 -0
  183. package/icons/Search.d.ts +2 -0
  184. package/icons/Search.js +6 -0
  185. package/icons/Settings.d.ts +2 -0
  186. package/icons/Settings.js +6 -0
  187. package/icons/Share.d.ts +2 -0
  188. package/icons/Share.js +6 -0
  189. package/icons/Sort.d.ts +2 -0
  190. package/icons/Sort.js +6 -0
  191. package/icons/Upload.d.ts +2 -0
  192. package/icons/Upload.js +6 -0
  193. package/icons/Visibility.d.ts +2 -0
  194. package/icons/Visibility.js +6 -0
  195. package/icons/VisibilityOff.d.ts +2 -0
  196. package/icons/VisibilityOff.js +6 -0
  197. package/icons/Warning.d.ts +2 -0
  198. package/icons/Warning.js +6 -0
  199. package/icons/index.d.ts +52 -0
  200. package/icons/index.js +101 -0
  201. package/package.json +8 -7
  202. package/packages/design/index.d.ts +1 -2
  203. package/packages/design/index.js +1 -2
  204. package/components/TreeList/components/ChevronIcon.d.ts +0 -5
  205. package/components/TreeList/components/ChevronIcon.js +0 -8
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ArrowDropUp: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ArrowForward: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ArrowLeft: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ArrowRight: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Attachment: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Chat: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Check: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const CheckCircle: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ChevronLeft: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ChevronRight: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Close: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const CodeBrackets: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Comment: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ContentCopy: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ContentPaste: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Delete: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Description: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Download: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Edit: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Email: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ErrorCircle: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ExpandLess: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const ExpandMore: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const FilterList: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Folder: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Help: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import json from './Icon.module.css.json';
2
+ export default json;
@@ -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 {};
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Info: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const KeyboardArrowDown: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const KeyboardArrowUp: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Logout: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Menu: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Notifications: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const People: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Person: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Refresh: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Remove: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -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
+ };
@@ -0,0 +1,2 @@
1
+ import type { IconProps } from "./Icon.types";
2
+ export declare const Save: ({ size, color, className, style, "aria-label": ariaLabel, }: IconProps) => import("react/jsx-runtime").JSX.Element;
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
+ };