@reltio/design 0.1.0 → 0.2.0

package/components/TextArea/TextArea.module.css.js

@@ -1,63 +1,17 @@
 import styleInject from 'style-inject';
 import json from './TextArea.module.css.json';
 styleInject(`
-._root_1k56p_1 {
-	--reltio-textarea-font-family: var(
-		--reltio-font-family-body,
-		"Roboto",
-		sans-serif
-	);
-	--reltio-textarea-font-size: var(--reltio-font-size-body, 16px);
-	--reltio-textarea-line-height: var(--reltio-line-height-body, 1.5);
-	--reltio-textarea-color-text: var(--reltio-color-text, #1d1b20);
-	--reltio-textarea-color-border: var(--reltio-color-border, #79747e);
-	--reltio-textarea-color-border-focus: var(--reltio-color-primary, #6750a4);
-	--reltio-textarea-color-background: var(--reltio-color-background, #fff);
-	--reltio-textarea-color-error: var(--reltio-color-error, #b3261e);
-	--reltio-textarea-color-label: var(--reltio-color-text-secondary, #49454f);
-	--reltio-textarea-color-supporting-text: var(
-		--reltio-color-text-secondary,
-		#49454f
-	);
-	--reltio-textarea-border-radius: var(--reltio-spacing-xs, 4px);
-	--reltio-textarea-padding: var(--reltio-spacing-md, 16px);
-	--reltio-textarea-min-height: var(--reltio-spacing-3xl, 56px);
-	--reltio-textarea-max-height: min(500px, 50cqh);
-	--reltio-textarea-border-width: 1px;
-	--reltio-textarea-border-width-focus: 2px;
-
-	--_border-color: var(--reltio-textarea-color-border);
-	--_border-width: var(--reltio-textarea-border-width);
-	--_label-color: var(--reltio-textarea-color-label);
-	--_supporting-text-color: var(--reltio-textarea-color-supporting-text);
-
-	font-family: var(--reltio-textarea-font-family);
+.TextArea_root__L29wd {
+	font-family: "Roboto", sans-serif;
 	container-type: inline-size;
 }
 
-._root_1k56p_1:focus-within {
-	--_border-color: var(--reltio-textarea-color-border-focus);
-	--_border-width: var(--reltio-textarea-border-width-focus);
-	--_label-color: var(--reltio-textarea-color-border-focus);
-}
-
-._root_1k56p_1[data-error="true"] {
-	--_border-color: var(--reltio-textarea-color-error);
-	--_label-color: var(--reltio-textarea-color-error);
-	--_supporting-text-color: var(--reltio-textarea-color-error);
-}
-
-._root_1k56p_1[data-error="true"]:focus-within {
-	--_border-color: var(--reltio-textarea-color-error);
-	--_label-color: var(--reltio-textarea-color-error);
-}
-
-._root_1k56p_1[data-disabled="true"] {
+.TextArea_root__L29wd[data-disabled="true"] {
 	opacity: 0.38;
 	cursor: not-allowed;
 }
 
-._inputContainer_1k56p_57 {
+.TextArea_inputContainer__L29wd {
 	position: relative;
 	display: grid;
 	grid-template-columns: 1fr;
@@ -67,20 +21,32 @@ styleInject(`
 		"toolbar";
 	margin: 0;
 	box-sizing: border-box;
-	border-radius: var(--reltio-textarea-border-radius);
-	outline: var(--_border-width) solid var(--_border-color);
+	border-radius: 4px;
+	outline: 1px solid var(--reltio-color-border-3);
 	cursor: text;
 	transition:
 		outline-color 0.1s ease,
 		outline-width 0.1s ease;
-	background: var(--reltio-textarea-color-background);
+	background: var(--reltio-color-surface-1);
+}
+
+.TextArea_root__L29wd:focus-within .TextArea_inputContainer__L29wd {
+	outline: 2px solid var(--reltio-color-primary);
+}
+
+.TextArea_root__L29wd[data-error="true"] .TextArea_inputContainer__L29wd {
+	outline-color: var(--reltio-color-error);
+}
+
+.TextArea_root__L29wd[data-error="true"]:focus-within .TextArea_inputContainer__L29wd {
+	outline: 2px solid var(--reltio-color-error);
 }
 
-._root_1k56p_1[data-disabled="true"] ._inputContainer_1k56p_57 {
+.TextArea_root__L29wd[data-disabled="true"] .TextArea_inputContainer__L29wd {
 	cursor: not-allowed;
 }
 
-._textarea_1k56p_80 {
+.TextArea_textarea__L29wd {
 	grid-area: textarea;
 	position: relative;
 	display: block;
@@ -89,65 +55,85 @@ styleInject(`
 	outline: none;
 	background: none;
 	width: 100%;
-	min-height: var(--reltio-textarea-min-height);
-	max-height: var(--reltio-textarea-max-height);
-	border-radius: var(--reltio-textarea-border-radius);
+	min-height: 56px;
+	max-height: min(500px, 50cqh);
+	border-radius: 4px;
 	box-sizing: border-box;
-	font-size: var(--reltio-textarea-font-size);
-	font-family: var(--reltio-textarea-font-family);
-	line-height: var(--reltio-textarea-line-height);
+	font-size: 16px;
+	font-family: "Roboto", sans-serif;
+	line-height: 1.5;
 	resize: none;
-	color: var(--reltio-textarea-color-text);
-	padding: var(--reltio-textarea-padding);
+	color: var(--reltio-color-text);
+	padding: 16px;
 	overflow-y: auto;
 	field-sizing: content;
 }
 
-._textarea_1k56p_80::placeholder {
-	color: var(--reltio-textarea-color-label);
+.TextArea_textarea__L29wd::placeholder {
+	color: var(--reltio-color-text-secondary);
+}
+
+.TextArea_root__L29wd:focus-within .TextArea_textarea__L29wd::placeholder {
+	color: var(--reltio-color-primary);
 }
 
-._textarea_1k56p_80:disabled {
+.TextArea_root__L29wd[data-error="true"] .TextArea_textarea__L29wd::placeholder {
+	color: var(--reltio-color-error);
+}
+
+.TextArea_textarea__L29wd:disabled {
 	cursor: not-allowed;
 }
 
-._label_1k56p_111 {
+.TextArea_label__L29wd {
 	position: absolute;
 	opacity: 0;
 	top: 16px;
 	left: 8px;
 	transform: translateY(-50%);
 	transition: all 0.2s ease;
-	background-color: var(--reltio-textarea-color-background);
+	background-color: var(--reltio-color-surface-1);
 	padding: 4px 8px;
-	border-radius: var(--reltio-textarea-border-radius);
-	color: var(--_label-color);
+	border-radius: 4px;
+	color: var(--reltio-color-text-secondary);
 	z-index: 2;
-	font-size: var(--reltio-textarea-font-size);
-	font-family: var(--reltio-textarea-font-family);
+	font-size: 16px;
+	font-family: "Roboto", sans-serif;
 	pointer-events: none;
 }
 
-._textarea_1k56p_80:not(:placeholder-shown) + ._label_1k56p_111 {
+.TextArea_textarea__L29wd:not(:placeholder-shown) + .TextArea_label__L29wd {
 	top: -1px;
 	font-size: 12px;
 	opacity: 1;
 }
 
-._textarea_1k56p_80:focus + ._label_1k56p_111 {
+.TextArea_textarea__L29wd:focus + .TextArea_label__L29wd {
 	top: -1px;
 	font-size: 12px;
 	opacity: 1;
 }
 
-._supportingText_1k56p_140 {
+.TextArea_root__L29wd:focus-within .TextArea_label__L29wd {
+	color: var(--reltio-color-primary);
+}
+
+.TextArea_root__L29wd[data-error="true"] .TextArea_label__L29wd {
+	color: var(--reltio-color-error);
+}
+
+.TextArea_supportingText__L29wd {
 	font-size: 12px;
-	padding: 4px var(--reltio-textarea-padding);
-	color: var(--_supporting-text-color);
-	font-family: var(--reltio-textarea-font-family);
+	padding: 4px 16px;
+	color: var(--reltio-color-text-secondary);
+	font-family: "Roboto", sans-serif;
+}
+
+.TextArea_root__L29wd[data-error="true"] .TextArea_supportingText__L29wd {
+	color: var(--reltio-color-error);
 }
 
-._toolbar_1k56p_147 {
+.TextArea_toolbar__L29wd {
 	grid-area: toolbar;
 	display: flex;
 	flex-direction: row;

package/components/TextArea/TextArea.module.css.json

@@ -1 +1 @@
-{ "root": "_root_1k56p_1", "inputContainer": "_inputContainer_1k56p_57", "textarea": "_textarea_1k56p_80", "label": "_label_1k56p_111", "supportingText": "_supportingText_1k56p_140", "toolbar": "_toolbar_1k56p_147" }
+{ "root": "TextArea_root__L29wd", "inputContainer": "TextArea_inputContainer__L29wd", "textarea": "TextArea_textarea__L29wd", "label": "TextArea_label__L29wd", "supportingText": "TextArea_supportingText__L29wd", "toolbar": "TextArea_toolbar__L29wd" }

package/components/TextArea/TextArea.types.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-export type TextAreaProps = {
+export type TextAreaProps = React.ComponentPropsWithoutRef<"textarea"> & {
     /**
      * Floating label text displayed above the textarea
      */
@@ -17,23 +17,4 @@ export type TextAreaProps = {
      * Toolbar content rendered below the textarea input
      */
     toolbar?: React.ReactNode;
-    /**
-     * Custom styles including CSS custom properties for theming
-     */
-    style?: React.CSSProperties & {
-        "--reltio-textarea-font-family"?: string;
-        "--reltio-textarea-font-size"?: string;
-        "--reltio-textarea-line-height"?: string;
-        "--reltio-textarea-color-text"?: string;
-        "--reltio-textarea-color-border"?: string;
-        "--reltio-textarea-color-border-focus"?: string;
-        "--reltio-textarea-color-background"?: string;
-        "--reltio-textarea-color-error"?: string;
-        "--reltio-textarea-color-label"?: string;
-        "--reltio-textarea-color-supporting-text"?: string;
-        "--reltio-textarea-border-radius"?: string;
-        "--reltio-textarea-padding"?: string;
-        "--reltio-textarea-min-height"?: string;
-        "--reltio-textarea-max-height"?: string;
-    };
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style">;
+};

package/components/TreeList/TreeList.module.css.js

@@ -1,23 +1,18 @@
 import styleInject from 'style-inject';
 import json from './TreeList.module.css.json';
 styleInject(`
-._root_k7z3s_1 {
-	--reltio-tree-list-font-family: inherit;
-	--reltio-tree-list-font-size: inherit;
-	--reltio-tree-list-text-color: inherit;
-	--reltio-tree-list-background: inherit;
-	--reltio-tree-list-line-height: inherit;
+.TreeList_root__L29wd {
 	display: block;
 	overflow: auto;
-	font-family: var(--reltio-tree-list-font-family, system-ui, sans-serif);
-	font-size: var(--reltio-tree-list-font-size, 14px);
-	color: var(--reltio-tree-list-text-color, #1a1a1a);
-	background: var(--reltio-tree-list-background, transparent);
+	font-family: system-ui, sans-serif;
+	font-size: 14px;
+	color: var(--reltio-color-text);
+	background: transparent;
 	border: none;
-	border-radius: var(--reltio-tree-list-border-radius, 0);
+	border-radius: 0;
 }
 
-._rc-tree-treenode_k7z3s_17 {
+.TreeList_rc-tree-treenode__L29wd {
 	list-style: none;
 }
 `);

package/components/TreeList/TreeList.module.css.json

@@ -1 +1 @@
-{ "root": "_root_k7z3s_1", "rc-tree-treenode": "_rc-tree-treenode_k7z3s_17" }
+{ "root": "TreeList_root__L29wd", "rc-tree-treenode": "TreeList_rc-tree-treenode__L29wd" }

package/components/TreeList/components/TreeLevelLines/TreeLevelLines.module.css.js

@@ -1,7 +1,7 @@
 import styleInject from 'style-inject';
 import json from './TreeLevelLines.module.css.json';
 styleInject(`
-._levelLines_12unh_1 {
+.TreeLevelLines_levelLines__L29wd {
 	position: absolute;
 	display: flex;
 	padding-left: 0;
@@ -11,42 +11,39 @@ styleInject(`
 	z-index: 0;
 }
 
-._levelLine_12unh_1 {
-	padding-left: var(--reltio-tree-list-indent-size, 16px);
+.TreeLevelLines_levelLine__L29wd {
+	padding-left: 16px;
 	height: 100%;
 	position: relative;
 }
 
-._showLine_12unh_17::after {
+.TreeLevelLines_showLine__L29wd::after {
 	content: "";
 	position: absolute;
 	height: 100%;
 	width: 1px;
-	left: calc(var(--reltio-tree-list-indent-size, 16px) - 2px);
+	left: 14px;
 	top: 0;
 	bottom: 0;
-	background-color: var(--reltio-tree-list-line-color, rgba(0, 0, 0, 0.08));
+	background-color: var(--reltio-color-bg-transparent-1);
 }
 
-._lastLevelLine_12unh_28::after {
+.TreeLevelLines_lastLevelLine__L29wd::after {
 	height: 50%;
 }
 
-._lastLevelLine_12unh_28 {
-	padding-left: calc(
-		var(--reltio-tree-list-indent-size, 16px) +
-		(var(--reltio-tree-list-toggle-size, 26px) / 2)
-	);
+.TreeLevelLines_lastLevelLine__L29wd {
+	padding-left: 29px;
 }
 
-._horizontalLine_12unh_39::before {
+.TreeLevelLines_horizontalLine__L29wd::before {
 	content: "";
 	height: 1px;
 	width: 5px;
 	position: absolute;
 	top: 50%;
-	left: calc(var(--reltio-tree-list-indent-size, 16px) - 2px);
-	background-color: var(--reltio-tree-list-line-color, rgba(0, 0, 0, 0.08));
+	left: 14px;
+	background-color: var(--reltio-color-bg-transparent-1);
 }
 `);
 export default json;

package/components/TreeList/components/TreeLevelLines/TreeLevelLines.module.css.json

@@ -1 +1 @@
-{ "levelLines": "_levelLines_12unh_1", "levelLine": "_levelLine_12unh_1", "showLine": "_showLine_12unh_17", "lastLevelLine": "_lastLevelLine_12unh_28", "horizontalLine": "_horizontalLine_12unh_39" }
+{ "levelLines": "TreeLevelLines_levelLines__L29wd", "levelLine": "TreeLevelLines_levelLine__L29wd", "showLine": "TreeLevelLines_showLine__L29wd", "lastLevelLine": "TreeLevelLines_lastLevelLine__L29wd", "horizontalLine": "TreeLevelLines_horizontalLine__L29wd" }

package/components/TreeList/components/TreeNode/TreeNode.module.css.js

@@ -1,54 +1,52 @@
 import styleInject from 'style-inject';
 import json from './TreeNode.module.css.json';
 styleInject(`
-._wrapper_xk2s6_1 {
+.TreeNode_wrapper__L29wd {
 	display: flex;
 	align-items: center;
-	line-height: var(--reltio-tree-list-line-height, 1.5);
-	padding: var(--reltio-tree-list-row-padding-block, 2px)
-		var(--reltio-tree-list-row-padding-inline, 4px);
+	line-height: 1.5;
+	padding: 2px 4px;
 	position: relative;
 	z-index: 1;
 }
 
-._indent_xk2s6_11 {
+.TreeNode_indent__L29wd {
 	display: inline-block;
-	width: calc(var(--depth, 1) * var(--reltio-tree-list-indent-size, 16px));
+	width: calc(var(--depth, 1) * 16px);
 	flex: 0 0 auto;
 }
 
-._toggle_xk2s6_17 {
+.TreeNode_toggle__L29wd {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
-	width: var(--reltio-tree-list-toggle-size, 26px);
-	height: var(--reltio-tree-list-toggle-size, 26px);
+	width: 26px;
+	height: 26px;
 	border: none;
 	background: none;
-	color: var(--reltio-tree-list-toggle-color, #5f6368);
+	color: var(--reltio-color-text-secondary);
 	cursor: pointer;
 }
 
-._chevron_xk2s6_29 {
+.TreeNode_chevron__L29wd {
 	transition: transform 0.2s ease;
 }
 
-._expanded_xk2s6_33 {
+.TreeNode_expanded__L29wd {
 	transform: rotate(90deg);
 }
 
-._spinner_xk2s6_37 {
+.TreeNode_spinner__L29wd {
 	display: inline-block;
-	width: var(--reltio-tree-list-spinner-size, 10px);
-	height: var(--reltio-tree-list-spinner-size, 10px);
+	width: 10px;
+	height: 10px;
 	border-radius: 50%;
-	border: var(--reltio-tree-list-spinner-width, 2px) solid
-		var(--reltio-tree-list-spinner-color, currentColor);
+	border: 2px solid currentColor;
 	border-top-color: transparent;
-	animation: _spin_xk2s6_37 0.8s linear infinite;
+	animation: TreeNode_spin__L29wd 0.8s linear infinite;
 }
 
-@keyframes _spin_xk2s6_37 {
+@keyframes TreeNode_spin__L29wd {
 	from {
 		transform: rotate(0deg);
 	}
@@ -57,13 +55,13 @@ styleInject(`
 	}
 }
 
-._actions_xk2s6_57 {
+.TreeNode_actions__L29wd {
 	margin-left: auto;
 	opacity: 0;
 	transition: opacity 0.12s ease;
 }
 
-._wrapper_xk2s6_1:hover ._actions_xk2s6_57 {
+.TreeNode_wrapper__L29wd:hover .TreeNode_actions__L29wd {
 	opacity: 1;
 }
 `);

package/components/TreeList/components/TreeNode/TreeNode.module.css.json

@@ -1 +1 @@
-{ "wrapper": "_wrapper_xk2s6_1", "indent": "_indent_xk2s6_11", "toggle": "_toggle_xk2s6_17", "chevron": "_chevron_xk2s6_29", "expanded": "_expanded_xk2s6_33", "spinner": "_spinner_xk2s6_37", "spin": "_spin_xk2s6_37", "actions": "_actions_xk2s6_57" }
+{ "wrapper": "TreeNode_wrapper__L29wd", "indent": "TreeNode_indent__L29wd", "toggle": "TreeNode_toggle__L29wd", "chevron": "TreeNode_chevron__L29wd", "expanded": "TreeNode_expanded__L29wd", "spinner": "TreeNode_spinner__L29wd", "spin": "TreeNode_spin__L29wd", "actions": "TreeNode_actions__L29wd" }

package/icons/AccessTime.d.ts

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

package/icons/AccessTime.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AccessTime = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M13.473 14.527L14.527 13.473L10.75 9.696V5H9.25V10.3038L13.473 14.527ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2167 18 14.1042 17.2208 15.6625 15.6625C17.2208 14.1042 18 12.2167 18 10C18 7.78333 17.2208 5.89583 15.6625 4.3375C14.1042 2.77917 12.2167 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 12.2167 2.77917 14.1042 4.3375 15.6625C5.89583 17.2208 7.78333 18 10 18Z" }) }));
+};

package/icons/Accessibility.d.ts

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

package/icons/Accessibility.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const Accessibility = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M10 3.90374C9.4885 3.90374 9.05292 3.72399 8.69325 3.36449C8.33358 3.00482 8.15375 2.56924 8.15375 2.05774C8.15375 1.54624 8.33358 1.11065 8.69325 0.750986C9.05292 0.391319 9.4885 0.211487 10 0.211487C10.5115 0.211487 10.9471 0.391319 11.3068 0.750986C11.6664 1.11065 11.8462 1.54624 11.8462 2.05774C11.8462 2.56924 11.6664 3.00482 11.3068 3.36449C10.9471 3.72399 10.5115 3.90374 10 3.90374ZM7.404 19.75V6.71149C6.38467 6.62815 5.37117 6.50799 4.3635 6.35099C3.35583 6.19382 2.40133 5.9999 1.5 5.76924L1.8655 4.26924C3.14617 4.60007 4.47342 4.83982 5.84725 4.98849C7.22092 5.13715 8.60517 5.21149 10 5.21149C11.3948 5.21149 12.7791 5.13715 14.1528 4.98849C15.5266 4.83982 16.8538 4.60007 18.1345 4.26924L18.5 5.76924C17.5987 5.9999 16.6442 6.19382 15.6365 6.35099C14.6288 6.50799 13.6153 6.62815 12.596 6.71149V19.75H11.0962V13.6345H8.90375V19.75H7.404Z" }) }));
+};

package/icons/AccountCircle.d.ts

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

package/icons/AccountCircle.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../utils/classNames";
 import styles from "./Icon.module.css";
-export const AccountCircle = ({ size = "medium", color = "inherited", className, style, "aria-label": ariaLabel, }) => {
-    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), style: style, viewBox: "0 -960 960 960", "aria-hidden": !ariaLabel, "aria-label": ariaLabel, role: ariaLabel ? "img" : undefined, children: _jsx("path", { d: "M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z" }) }));
+export const AccountCircle = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M4.023 15.2923C4.873 14.6616 5.799 14.1635 6.801 13.798C7.80283 13.4327 8.86917 13.25 10 13.25C11.1308 13.25 12.1972 13.4327 13.199 13.798C14.201 14.1635 15.127 14.6616 15.977 15.2923C16.5987 14.6089 17.0912 13.8179 17.4548 12.9192C17.8183 12.0206 18 11.0475 18 10C18 7.78333 17.2208 5.89583 15.6625 4.3375C14.1042 2.77917 12.2167 2 10 2C7.78333 2 5.89583 2.77917 4.3375 4.3375C2.77917 5.89583 2 7.78333 2 10C2 11.0475 2.18175 12.0206 2.54525 12.9192C2.90875 13.8179 3.40133 14.6089 4.023 15.2923ZM10.0003 10.75C9.08725 10.75 8.31733 10.4367 7.6905 9.81C7.0635 9.18317 6.75 8.41325 6.75 7.50025C6.75 6.58725 7.06333 5.81733 7.69 5.1905C8.31683 4.5635 9.08675 4.25 9.99975 4.25C10.9128 4.25 11.6827 4.56333 12.3095 5.19C12.9365 5.81683 13.25 6.58675 13.25 7.49975C13.25 8.41275 12.9367 9.18267 12.31 9.8095C11.6832 10.4365 10.9133 10.75 10.0003 10.75ZM10 19.5C8.68083 19.5 7.44333 19.2519 6.2875 18.7558C5.13167 18.2596 4.12625 17.5839 3.27125 16.7288C2.41608 15.8738 1.74042 14.8683 1.24425 13.7125C0.748083 12.5567 0.5 11.3192 0.5 10C0.5 8.68083 0.748083 7.44333 1.24425 6.2875C1.74042 5.13167 2.41608 4.12625 3.27125 3.27125C4.12625 2.41608 5.13167 1.74042 6.2875 1.24425C7.44333 0.748084 8.68083 0.5 10 0.5C11.3192 0.5 12.5567 0.748084 13.7125 1.24425C14.8683 1.74042 15.8738 2.41608 16.7288 3.27125C17.5839 4.12625 18.2596 5.13167 18.7558 6.2875C19.2519 7.44333 19.5 8.68083 19.5 10C19.5 11.3192 19.2519 12.5567 18.7558 13.7125C18.2596 14.8683 17.5839 15.8738 16.7288 16.7288C15.8738 17.5839 14.8683 18.2596 13.7125 18.7558C12.5567 19.2519 11.3192 19.5 10 19.5ZM10 18C10.9025 18 11.7727 17.8548 12.6105 17.5645C13.4483 17.274 14.1923 16.8679 14.8422 16.3462C14.1923 15.8436 13.458 15.4519 12.6395 15.1712C11.8208 14.8904 10.941 14.75 10 14.75C9.059 14.75 8.17758 14.8888 7.35575 15.1663C6.53392 15.4439 5.80125 15.8372 5.15775 16.3462C5.80775 16.8679 6.55167 17.274 7.3895 17.5645C8.22733 17.8548 9.0975 18 10 18ZM10 9.25C10.4975 9.25 10.9135 9.08267 11.248 8.748C11.5827 8.4135 11.75 7.9975 11.75 7.5C11.75 7.0025 11.5827 6.5865 11.248 6.252C10.9135 5.91733 10.4975 5.75 10 5.75C9.5025 5.75 9.0865 5.91733 8.752 6.252C8.41733 6.5865 8.25 7.0025 8.25 7.5C8.25 7.9975 8.41733 8.4135 8.752 8.748C9.0865 9.08267 9.5025 9.25 10 9.25Z" }) }));
 };

package/icons/AcessConversations.d.ts

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

package/icons/AcessConversations.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AcessConversations = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M1.5 15.6345V14.1348H10.5V15.6345H1.5ZM1.5 10.75V9.25001H18.5V10.75H1.5ZM1.5 5.86526V4.36551H18.5V5.86526H1.5Z" }) }));
+};

package/icons/ActionsMenu.d.ts

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

package/icons/ActionsMenu.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ActionsMenu = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 21", fill: "currentColor", ...props, children: _jsx("path", { d: "M16.6924 1.5C17.1975 1.50003 17.6246 1.67542 17.9746 2.02539C18.3246 2.37536 18.5 2.80251 18.5 3.30762V18.6924C18.5 19.1975 18.3246 19.6246 17.9746 19.9746C17.6246 20.3246 17.1975 20.5 16.6924 20.5H3.30762C2.80251 20.5 2.37536 20.3246 2.02539 19.9746C1.67542 19.6246 1.50003 19.1975 1.5 18.6924V3.30762C1.50003 2.80251 1.67542 2.37536 2.02539 2.02539C2.37536 1.67542 2.80251 1.50003 3.30762 1.5H16.6924ZM3.30762 3C3.23067 3.00004 3.16064 3.03255 3.09668 3.09668C3.03255 3.16064 3.00004 3.23067 3 3.30762V18.6924C3.00004 18.7693 3.03255 18.8394 3.09668 18.9033C3.16064 18.9674 3.23067 19 3.30762 19H16.6924C16.7693 19 16.8394 18.9675 16.9033 18.9033C16.9675 18.8394 17 18.7693 17 18.6924V3.30762C17 3.23067 16.9675 3.16064 16.9033 3.09668C16.8394 3.03255 16.7693 3.00004 16.6924 3H3.30762ZM14.8076 15.0967V16.5957H5.30762V15.0967H14.8076ZM15.3232 6.05371L8.59961 12.7764L4.69629 8.87305L5.75 7.81934L8.59961 10.6689L14.2695 5L15.3232 6.05371Z" }) }));
+};

package/icons/ActivateUser.d.ts

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

package/icons/ActivateUser.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const ActivateUser = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M19.8535 12.3494L14.5498 17.6443L11.3555 14.45L12.4248 13.406L14.5498 15.531L18.7998 11.281L19.8535 12.3494ZM8 11.3074C9.02276 11.3074 10.0374 11.4284 11.043 11.6707C11.1208 11.6894 11.1987 11.71 11.2764 11.7302L9.99219 12.9841C9.33256 12.8667 8.66832 12.8074 8 12.8074C7.08846 12.8074 6.18444 12.917 5.28906 13.1355C4.39383 13.3542 3.51489 13.6751 2.65332 14.0994C2.45237 14.2083 2.29306 14.3491 2.17578 14.5212C2.05858 14.6936 2.00012 14.8815 2 15.0837V15.8074H9.88477L11.3848 17.3074H0.5V15.0837C0.500117 14.5943 0.632556 14.1405 0.898438 13.7234C1.16432 13.3063 1.52014 12.9858 1.96484 12.7615C2.953 12.2771 3.95041 11.913 4.95605 11.6707C5.96178 11.4283 6.97711 11.3074 8 11.3074ZM8 2.69214C8.96224 2.69222 9.78648 3.03521 10.4717 3.72046C11.157 4.40569 11.5 5.22985 11.5 6.19214C11.5 7.15446 11.157 7.9784 10.4717 8.66382C9.78644 9.34903 8.96233 9.69206 8 9.69214C7.0377 9.69206 6.21355 9.34898 5.52832 8.66382C4.84304 7.97842 4.50005 7.15443 4.5 6.19214C4.50005 5.22975 4.84291 4.40573 5.52832 3.72046C6.21356 3.03508 7.03767 2.69222 8 2.69214ZM8 4.19214C7.45017 4.19222 6.97849 4.3875 6.58691 4.77905C6.19534 5.17066 6.00005 5.64225 6 6.19214C6.00005 6.74182 6.19562 7.21273 6.58691 7.60425C6.9785 7.99584 7.45014 8.19206 8 8.19214C8.54983 8.19206 9.02053 7.9958 9.41211 7.60425C9.80369 7.21264 9.99995 6.74202 10 6.19214C9.99995 5.64223 9.80373 5.17067 9.41211 4.77905C9.02062 4.38779 8.54963 4.19222 8 4.19214Z" }) }));
+};

package/icons/Add.d.ts

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

package/icons/Add.js

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

package/icons/AddChild.d.ts

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

package/icons/AddChild.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AddChild = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsxs("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 21 20", fill: "currentColor", ...props, children: [_jsx("path", { d: "M14.25 14.75V16.75H15.75V14.75H17.75V13.25H15.75V11.25H14.25V13.25H12.25V14.75H14.25Z" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.25 5.88555C5.26428 5.56698 6 4.61941 6 3.5C6 2.11929 4.88071 1 3.5 1C2.11929 1 1 2.11929 1 3.5C1 4.61941 1.73572 5.56698 2.75 5.88555V12C2.75 13.5188 3.98122 14.75 5.5 14.75H9.55071C9.9165 17.4328 12.2168 19.5 15 19.5C18.0376 19.5 20.5 17.0376 20.5 14C20.5 10.9624 18.0376 8.5 15 8.5C12.2168 8.5 9.9165 10.5672 9.55071 13.25H5.5C4.80964 13.25 4.25 12.6904 4.25 12V5.88555ZM4.5 3.5C4.5 4.05228 4.05228 4.5 3.5 4.5C2.94772 4.5 2.5 4.05228 2.5 3.5C2.5 2.94772 2.94772 2.5 3.5 2.5C4.05228 2.5 4.5 2.94772 4.5 3.5ZM19 14C19 16.2091 17.2091 18 15 18C12.7909 18 11 16.2091 11 14C11 11.7909 12.7909 10 15 10C17.2091 10 19 11.7909 19 14Z" })] }));
+};

package/icons/AddCircle.d.ts

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

package/icons/AddCircle.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AddCircle = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M9.25 14.75H10.75V10.75H14.75V9.25H10.75V5.25H9.25V9.25H5.25V10.75H9.25V14.75ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z" }) }));
+};

package/icons/AddParent.d.ts

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

package/icons/AddParent.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AddParent = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsxs("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 21", fill: "currentColor", ...props, children: [_jsx("path", { d: "M5.25 6.25L3.25 6.25L3.25 4.75L5.25 4.75L5.25 2.75L6.75 2.75L6.75 4.75L8.75 4.75L8.75 6.25L6.75 6.25L6.75 8.25L5.25 8.25L5.25 6.25Z" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.1145 16.25C14.433 15.2357 15.3806 14.5 16.5 14.5C17.8807 14.5 19 15.6193 19 17C19 18.3807 17.8807 19.5 16.5 19.5C15.3806 19.5 14.433 18.7643 14.1145 17.75L8 17.75C6.48122 17.75 5.25 16.5188 5.25 15L5.25 10.9493C2.56724 10.5835 0.5 8.28316 0.499999 5.5C0.499999 2.46243 2.96243 7.01024e-07 6 5.68248e-07C9.03757 4.35472e-07 11.5 2.46243 11.5 5.5C11.5 8.28316 9.43276 10.5835 6.75 10.9493L6.75 15C6.75 15.6904 7.30964 16.25 8 16.25L14.1145 16.25ZM16.5 16C15.9477 16 15.5 16.4477 15.5 17C15.5 17.5523 15.9477 18 16.5 18C17.0523 18 17.5 17.5523 17.5 17C17.5 16.4477 17.0523 16 16.5 16ZM6 1.5C3.79086 1.5 2 3.29086 2 5.5C2 7.70914 3.79086 9.5 6 9.5C8.20914 9.5 10 7.70914 10 5.5C10 3.29086 8.20914 1.5 6 1.5Z" })] }));
+};

package/icons/AddSibling.d.ts

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

package/icons/AddSibling.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AddSibling = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M10 19.5C6.96243 19.5 4.5 17.0376 4.5 14C4.5 11.2168 6.56724 8.91658 9.25 8.55078L9.25 4.88574C8.2357 4.56719 7.5 3.61943 7.5 2.5C7.5 1.11929 8.61929 -6.01531e-07 10 -4.80825e-07C11.3807 -3.6012e-07 12.5 1.11929 12.5 2.5C12.5 3.61943 11.7643 4.56719 10.75 4.88574L10.75 8.55078C13.4328 8.91658 15.5 11.2168 15.5 14C15.5 17.0376 13.0376 19.5 10 19.5ZM10 3.5C10.5523 3.5 11 3.05228 11 2.5C11 1.94772 10.5523 1.5 10 1.5C9.44772 1.5 9 1.94772 9 2.5C9 3.05228 9.44772 3.5 10 3.5ZM10 18C12.2091 18 14 16.2091 14 14C14 11.7909 12.2091 10 10 10C7.79086 10 6 11.7909 6 14C6 16.2091 7.79086 18 10 18ZM9.25 14.75L7.25 14.75L7.25 13.25L9.25 13.25L9.25 11.25L10.75 11.25L10.75 13.25L12.75 13.25L12.75 14.75L10.75 14.75L10.75 16.75L9.25 16.75L9.25 14.75Z" }) }));
+};

package/icons/AdvancedProperties.d.ts

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

package/icons/AdvancedProperties.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "../utils/classNames";
+import styles from "./Icon.module.css";
+export const AdvancedProperties = ({ size = "medium", color = "inherited", className, ...props }) => {
+    return (_jsx("svg", { className: classNames(styles.root, styles[size], styles[color], className), viewBox: "0 0 20 20", fill: "currentColor", ...props, children: _jsx("path", { d: "M7.69225 19.5L7.3115 16.4538C7.04367 16.3641 6.769 16.2385 6.4875 16.077C6.20617 15.9153 5.95459 15.7422 5.73275 15.5577L2.9115 16.75L0.604004 12.75L3.04425 10.9058C3.02125 10.7571 3.00492 10.6077 2.99525 10.4578C2.98559 10.3078 2.98075 10.1583 2.98075 10.0095C2.98075 9.86733 2.98559 9.72283 2.99525 9.576C3.00492 9.42917 3.02125 9.26858 3.04425 9.09425L0.604004 7.25L2.9115 3.26925L5.723 4.452C5.96417 4.261 6.22159 4.08633 6.49525 3.928C6.76892 3.76967 7.03784 3.64242 7.302 3.54625L7.69225 0.5H12.3078L12.6885 3.55575C12.9885 3.66475 13.2599 3.792 13.5028 3.9375C13.7458 4.083 13.991 4.2545 14.2385 4.452L17.0885 3.26925L19.396 7.25L16.9173 9.123C16.9531 9.2845 16.9727 9.4355 16.976 9.576C16.9792 9.71633 16.9808 9.85767 16.9808 10C16.9808 10.1358 16.9775 10.274 16.971 10.4145C16.9647 10.5548 16.9417 10.7154 16.902 10.8963L19.3615 12.75L17.0538 16.75L14.2385 15.548C13.991 15.7455 13.7384 15.9202 13.4808 16.072C13.2231 16.224 12.959 16.3481 12.6885 16.4443L12.3078 19.5H7.69225ZM9 18H10.9655L11.325 15.3212C11.8353 15.1879 12.3017 14.9985 12.724 14.753C13.1465 14.5073 13.5539 14.1916 13.9463 13.8057L16.4308 14.85L17.4155 13.15L15.2463 11.5155C15.3296 11.2565 15.3863 11.0026 15.4163 10.7537C15.4464 10.5051 15.4615 10.2538 15.4615 10C15.4615 9.73967 15.4464 9.48842 15.4163 9.24625C15.3863 9.00392 15.3296 8.75642 15.2463 8.50375L17.4345 6.85L16.45 5.15L13.9365 6.2095C13.6018 5.85183 13.2009 5.53583 12.7338 5.2615C12.2664 4.98717 11.7937 4.79292 11.3155 4.67875L11 2H9.0155L8.6845 4.66925C8.17434 4.78975 7.70325 4.97433 7.27125 5.223C6.83909 5.47183 6.42684 5.79233 6.0345 6.1845L3.55 5.15L2.5655 6.85L4.725 8.4595C4.64167 8.69683 4.58334 8.94367 4.55 9.2C4.51667 9.45633 4.5 9.72617 4.5 10.0095C4.5 10.2698 4.51667 10.525 4.55 10.775C4.58334 11.025 4.6385 11.2718 4.7155 11.5155L2.5655 13.15L3.55 14.85L6.025 13.8C6.4045 14.1897 6.81025 14.5089 7.24225 14.7578C7.67442 15.0064 8.152 15.1974 8.675 15.3307L9 18ZM10.0115 13C10.8435 13 11.5515 12.708 12.1355 12.124C12.7195 11.54 13.0115 10.832 13.0115 10C13.0115 9.168 12.7195 8.46 12.1355 7.876C11.5515 7.292 10.8435 7 10.0115 7C9.16917 7 8.45859 7.292 7.87975 7.876C7.30092 8.46 7.0115 9.168 7.0115 10C7.0115 10.832 7.30092 11.54 7.87975 12.124C8.45859 12.708 9.16917 13 10.0115 13Z" }) }));
+};