@ama-pt/agora-design-system 0.1.16 → 0.2.0

package/dist/components/ui/atoms/icon/assets/solid/solid-trash.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 5V4C7 3.20435 7.31607 2.44129 7.87868 1.87868C8.44129 1.31607 9.20435 1 10 1H14C14.7956 1 15.5587 1.31607 16.1213 1.87868C16.6839 2.44129 17 3.20435 17 4V5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H20V20C20 20.7957 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7956 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213C4.31607 21.5587 4 20.7956 4 20V7H3C2.44772 7 2 6.55228 2 6C2 5.44772 2.44772 5 3 5H7ZM9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-tree.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M11.2929 1.29289C11.6834 0.902369 12.3166 0.902369 12.7071 1.29289L20.7071 9.29289C20.9931 9.57889 21.0787 10.009 20.9239 10.3827C20.7691 10.7564 20.4045 11 20 11H16.4142L20.7071 15.2929C20.9931 15.5789 21.0787 16.009 20.9239 16.3827C20.7691 16.7564 20.4045 17 20 17H13V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V17H4C3.59554 17 3.2309 16.7564 3.07612 16.3827C2.92134 16.009 3.00689 15.5789 3.29289 15.2929L7.58579 11H4C3.59554 11 3.2309 10.7564 3.07612 10.3827C2.92134 10.009 3.00689 9.57889 3.29289 9.29289L11.2929 1.29289Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-twitter.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M17.8098 2.15388C16.7207 1.88139 15.5743 1.94993 14.5255 2.35024C13.4767 2.75054 12.5761 3.4633 11.9456 4.3921C11.322 5.3107 10.9923 6.3968 10.9997 7.50646C9.7424 7.41197 8.51245 7.07196 7.3806 6.50226C5.95764 5.78604 4.73389 4.72901 3.81835 3.42534L3 4.00005L2.10557 3.55283C2.09762 3.56873 2.09012 3.58478 2.08308 3.60096L2.08013 3.60771L2.06855 3.63464C2.05909 3.65689 2.04621 3.6877 2.03044 3.72663C1.99891 3.80446 1.95576 3.91493 1.90527 4.05458C1.80442 4.33355 1.67358 4.73082 1.54747 5.21841C1.29648 6.18894 1.0577 7.54233 1.12603 9.04545C1.19455 10.5529 1.57342 12.2317 2.57705 13.8163C3.32942 15.0043 4.41158 16.1055 5.91473 17.033C4.39637 17.7325 2.72656 18.0679 1.03974 18.0008C0.57702 17.9824 0.162194 18.2841 0.0371451 18.73C-0.0879035 19.1759 0.109542 19.6493 0.514353 19.8742C5.29087 22.5278 10.6509 22.5525 14.8448 20.3203C19.0631 18.0751 22 13.6 22 7.50005L22 7.49674C21.9995 7.33448 21.9917 7.17242 21.9769 7.01102C22.9424 5.93961 23.6291 4.64319 23.9716 3.23666C24.0702 2.83167 23.9073 2.40797 23.5627 2.1734C23.2181 1.93884 22.7642 1.94262 22.4236 2.18288C21.7151 2.68262 20.9448 3.08663 20.1326 3.38515C19.4723 2.7946 18.6758 2.37057 17.8098 2.15388Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-unlock.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M19 10H8V7.00004C8 6.01004 8.37 5.05004 9.03 4.31004C9.7 3.57004 10.61 3.11004 11.6 3.01004C12.59 2.91004 13.58 3.18004 14.37 3.77004C15.16 4.36004 15.72 5.22004 15.92 6.19004C16.03 6.73004 16.56 7.08004 17.1 6.97004C17.64 6.86004 17.99 6.33004 17.88 5.79004C17.58 4.33004 16.76 3.04004 15.56 2.15004C14.36 1.29004 12.88 0.880037 11.4 1.03004C9.92 1.18004 8.55 1.87004 7.55 2.98004C6.55 4.09004 6 5.52004 6 7.01004V10.01H5C3.35 10.01 2 11.36 2 13.01V20.01C2 21.66 3.35 23.01 5 23.01H19C20.65 23.01 22 21.66 22 20.01V13.01C22 11.36 20.65 10.01 19 10.01V10Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-upload.js

@@ -1,11 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 14C3.55228 14 4 14.4477 4 15V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H19C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V15C20 14.4477 20.4477 14 21 14C21.5523 14 22 14.4477 22 15V19C22 19.7957 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7957 22 19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7957 2 19V15C2 14.4477 2.44772 14 3 14Z", fill: "#034AD8" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 2.29289C11.6834 1.90237 12.3166 1.90237 12.7071 2.29289L17.7071 7.29289C18.0976 7.68342 18.0976 8.31658 17.7071 8.70711C17.3166 9.09763 16.6834 9.09763 16.2929 8.70711L12 4.41421L7.70711 8.70711C7.31658 9.09763 6.68342 9.09763 6.29289 8.70711C5.90237 8.31658 5.90237 7.68342 6.29289 7.29289L11.2929 2.29289Z", fill: "#034AD8" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C12.5523 2 13 2.44772 13 3V15C13 15.5523 12.5523 16 12 16C11.4477 16 11 15.5523 11 15V3C11 2.44772 11.4477 2 12 2Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-user-group.js

@@ -1,12 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M9 2C6.23858 2 4 4.23858 4 7C4 9.76142 6.23858 12 9 12C11.7614 12 14 9.76142 14 7C14 4.23858 11.7614 2 9 2Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M5 14C3.67392 14 2.40215 14.5268 1.46447 15.4645C0.526784 16.4021 0 17.6739 0 19V21C0 21.5523 0.447715 22 1 22H17C17.5523 22 18 21.5523 18 21V19C18 17.6739 17.4732 16.4021 16.5355 15.4645C15.5979 14.5268 14.3261 14 13 14H5Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M19.0318 14.88C19.1698 14.3453 19.7153 14.0237 20.25 14.1618C21.3227 14.4387 22.273 15.0641 22.9517 15.9397C23.6304 16.8152 23.9992 17.8914 24 18.9993V21C24 21.5523 23.5523 22 23 22C22.4477 22 22 21.5523 22 21V19.0007C21.9994 18.3361 21.7782 17.6902 21.371 17.165C20.9638 16.6396 20.3936 16.2644 19.75 16.0982C19.2153 15.9602 18.8937 15.4148 19.0318 14.88Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M16.248 2.16125C15.713 2.02426 15.1682 2.34694 15.0312 2.88196C14.8943 3.41699 15.2169 3.96176 15.752 4.09875C16.3973 4.26398 16.9692 4.63928 17.3777 5.16548C17.7861 5.69169 18.0078 6.33887 18.0078 7.005C18.0078 7.67113 17.7861 8.31831 17.3777 8.84452C16.9692 9.37073 16.3973 9.74603 15.752 9.91125C15.2169 10.0482 14.8943 10.593 15.0312 11.128C15.1682 11.6631 15.713 11.9857 16.248 11.8488C17.3236 11.5734 18.2768 10.9479 18.9576 10.0709C19.6383 9.19385 20.0078 8.11521 20.0078 7.005C20.0078 5.89479 19.6383 4.81615 18.9576 3.93914C18.2768 3.06213 17.3236 2.43663 16.248 2.16125Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-user.js

@@ -1,10 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M8 14C6.67392 14 5.40215 14.5268 4.46447 15.4645C3.52678 16.4021 3 17.6739 3 19V21C3 21.5523 3.44772 22 4 22H20C20.5523 22 21 21.5523 21 21V19C21 17.6739 20.4732 16.4021 19.5355 15.4645C18.5979 14.5268 17.3261 14 16 14H8Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-video-off.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L2.61109 4.0253C1.95895 4.11055 1.34882 4.40854 0.87868 4.87868C0.316071 5.44129 2.98023e-08 6.20435 2.98023e-08 7V17C2.98023e-08 17.7957 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H14C14.7957 20 15.5587 19.6839 16.1213 19.1213C16.3957 18.847 16.6114 18.5249 16.7605 18.1747L22.2929 23.7071C22.6834 24.0976 23.3166 24.0976 23.7071 23.7071C24.0976 23.3166 24.0976 22.6834 23.7071 22.2929L1.70711 0.292893ZM9.73347 4.62378C9.88659 4.24668 10.253 4 10.66 4H14C14.7956 4 15.5587 4.31607 16.1213 4.87868C16.6839 5.44129 17 6.20435 17 7V9.77045L17.185 9.95033L22.4161 6.18815C22.7207 5.9691 23.1223 5.93896 23.4561 6.11009C23.79 6.28122 24 6.62483 24 7V17C24 17.4019 23.7594 17.7648 23.3891 17.9212C23.0189 18.0776 22.591 17.9971 22.3028 17.7169L9.96284 5.71691C9.67105 5.43317 9.58035 5.00088 9.73347 4.62378Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-video-on.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M3 4C1.34315 4 0 5.34315 0 7V17C0 18.6569 1.34315 20 3 20H14C15.6569 20 17 18.6569 17 17V13.9432L22.4188 17.8137C22.7236 18.0315 23.1245 18.0606 23.4576 17.8892C23.7907 17.7178 24 17.3746 24 17V7C24 6.62542 23.7907 6.28224 23.4576 6.11084C23.1245 5.93943 22.7236 5.96855 22.4188 6.18627L17 10.0568V7C17 5.34315 15.6569 4 14 4H3Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-wifi.js

@@ -1,12 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M2.08125 9.7502C4.82102 7.33517 8.34777 6.00269 12 6.00269C15.6522 6.00269 19.179 7.33517 21.9187 9.7502C22.333 10.1154 22.965 10.0756 23.3302 9.66129C23.6954 9.24698 23.6556 8.61507 23.2412 8.24987C20.1362 5.51283 16.1392 4.00269 12 4.00269C7.86081 4.00269 3.86382 5.51283 0.758745 8.24987C0.34444 8.61507 0.304631 9.24698 0.66983 9.66129C1.03503 10.0756 1.66694 10.1154 2.08125 9.7502Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M5.64003 13.3183C7.4369 11.8217 9.70148 11.0021 12.04 11.0021C14.3786 11.0021 16.6431 11.8217 18.44 13.3183C18.8644 13.6718 19.4949 13.6143 19.8484 13.19C20.2019 12.7656 20.1444 12.135 19.72 11.7816C17.5638 9.98558 14.8463 9.00208 12.04 9.00208C9.23378 9.00208 6.51628 9.98558 4.36003 11.7816C3.93566 12.135 3.87819 12.7656 4.23165 13.19C4.58511 13.6143 5.21566 13.6718 5.64003 13.3183Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M12.005 16.0012C10.9672 16.0012 9.95516 16.3241 9.10915 16.9252C8.65893 17.245 8.03464 17.1394 7.71478 16.6891C7.39491 16.2389 7.50059 15.6146 7.95082 15.2948C9.13522 14.4533 10.5521 14.0012 12.005 14.0012C13.4579 14.0012 14.8748 14.4533 16.0592 15.2948C16.5094 15.6146 16.6151 16.2389 16.2952 16.6891C15.9753 17.1394 15.351 17.245 14.9008 16.9252C14.0548 16.3241 13.0428 16.0012 12.005 16.0012Z", fill: "#034AD8" }),
-        React.createElement("path", { d: "M12 19C11.4477 19 11 19.4477 11 20C11 20.5523 11.4477 21 12 21H12.01C12.5623 21 13.01 20.5523 13.01 20C13.01 19.4477 12.5623 19 12.01 19H12Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-x-circle.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM15.7071 9.70711C16.0976 9.31658 16.0976 8.68342 15.7071 8.29289C15.3166 7.90237 14.6834 7.90237 14.2929 8.29289L12 10.5858L9.70711 8.29289C9.31658 7.90237 8.68342 7.90237 8.29289 8.29289C7.90237 8.68342 7.90237 9.31658 8.29289 9.70711L10.5858 12L8.29289 14.2929C7.90237 14.6834 7.90237 15.3166 8.29289 15.7071C8.68342 16.0976 9.31658 16.0976 9.70711 15.7071L12 13.4142L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L13.4142 12L15.7071 9.70711Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-x.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/assets/solid/solid-youtube.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const component = (props) => {
-    const newProps = Object.assign({}, props);
-    delete newProps.alt;
-    delete newProps.title;
-    return (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0797 3.0001L11.9999 3L11.9201 3.00011C11.8685 3.00023 11.793 3.00046 11.6963 3.00091C11.5031 3.00182 11.2256 3.00363 10.8875 3.00724C10.2115 3.01448 9.29105 3.02895 8.31532 3.05794C7.34119 3.08689 6.30392 3.13054 5.39665 3.19671C4.51735 3.26085 3.67531 3.35123 3.14166 3.49395L3.12779 3.49777C2.4877 3.67886 1.90674 4.02566 1.44358 4.50315C0.980418 4.98063 0.651466 5.57189 0.489948 6.21719C0.484537 6.23881 0.479851 6.2606 0.475897 6.28253C0.150588 8.08643 -0.00870692 9.91636 7.33562e-06 11.7493C-0.0112431 13.5961 0.148065 15.44 0.475904 17.2575C0.481762 17.29 0.489225 17.3222 0.498264 17.3539C0.67633 17.9792 1.01265 18.5479 1.47473 19.0052C1.93681 19.4626 2.50903 19.793 3.1361 19.9646L3.14166 19.966C3.67531 20.1088 4.51735 20.1992 5.39665 20.2633C6.30392 20.3295 7.34119 20.3731 8.31532 20.4021C9.29105 20.4311 10.2115 20.4455 10.8875 20.4528C11.2256 20.4564 11.5031 20.4582 11.6963 20.4591C11.793 20.4595 11.8685 20.4598 11.9201 20.4599L12.0005 20.46L12.0799 20.4599C12.1315 20.4598 12.2071 20.4595 12.3037 20.4591C12.4969 20.4582 12.7744 20.4564 13.1126 20.4528C13.7886 20.4455 14.709 20.4311 15.6847 20.4021C16.6589 20.3731 17.6961 20.3295 18.6034 20.2633C19.4827 20.1992 20.3247 20.1088 20.8584 19.966L20.8723 19.9622C21.5123 19.7811 22.0933 19.4343 22.5565 18.9569C23.0196 18.4794 23.3486 17.8881 23.5101 17.2428C23.5155 17.2212 23.5202 17.1994 23.5242 17.1774C23.847 15.3869 24.0063 13.5707 24 11.7513C24.0113 9.90432 23.852 8.06021 23.5241 6.24249C23.5202 6.22057 23.5155 6.19879 23.5101 6.17719C23.3486 5.53189 23.0196 4.94063 22.5565 4.46315C22.0933 3.98566 21.5123 3.63886 20.8723 3.45777C20.8606 3.45448 20.849 3.45141 20.8372 3.44854C20.3115 3.32017 19.4767 3.23798 18.5971 3.1794C17.6916 3.11909 16.6557 3.07928 15.6821 3.05287C14.7071 3.02641 13.7873 3.01321 13.1117 3.00661C12.7737 3.00331 12.4964 3.00166 12.3033 3.00083C12.2067 3.00042 12.1312 3.00021 12.0797 3.0001ZM10.2443 7.61072C9.9348 7.43468 9.55499 7.43653 9.24718 7.61559C8.93937 7.79464 8.75 8.12388 8.75 8.47998V15.02C8.75 15.3761 8.93937 15.7053 9.24718 15.8844C9.55499 16.0634 9.9348 16.0653 10.2443 15.8892L15.9943 12.6192C16.3069 12.4415 16.5 12.1096 16.5 11.75C16.5 11.3904 16.3069 11.0585 15.9943 10.8807L10.2443 7.61072Z", fill: "#034AD8" })));
-};

package/dist/components/ui/atoms/icon/icon.js

@@ -1,70 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import classNames from 'classnames';
-import React, { useEffect, useState } from 'react';
-import { iconList, isBundledIcon } from './assets';
-import { EmptyIcon } from './assets/empty-icon';
-import './icon.scss';
-const iconsCache = {};
-const loadIcon = (name) => {
-    const cachedIcon = iconsCache[name];
-    if (cachedIcon) {
-        return Promise.resolve(cachedIcon);
-    }
-    const url = iconList[name];
-    return import(`${url}`).then(({ component }) => {
-        const svgComponent = (() => component);
-        iconsCache[name] = svgComponent;
-        return svgComponent;
-    });
-};
-export const Icon = (_a) => {
-    var { dimensions = 'm', name = 'no-icon', onIconLoad, onIconError } = _a, props = __rest(_a, ["dimensions", "name", "onIconLoad", "onIconError"]);
-    const [CurrentIconComponent, setCurrentIconComponent] = useState();
-    const classes = classNames('icon', props.className, {
-        [`icon-${dimensions === null || dimensions === void 0 ? void 0 : dimensions.toLowerCase()}`]: dimensions
-    });
-    const onLoad = () => {
-        onIconLoad === null || onIconLoad === void 0 ? void 0 : onIconLoad();
-    };
-    const onError = () => {
-        onIconError === null || onIconError === void 0 ? void 0 : onIconError();
-    };
-    const shouldRenderImage = name !== 'no-icon' && !isBundledIcon(name);
-    useEffect(() => {
-        let isMounted = true;
-        if (isMounted && !shouldRenderImage) {
-            loadIcon(name)
-                .then((component) => {
-                if (isMounted) {
-                    setCurrentIconComponent(component);
-                    onLoad();
-                }
-            })
-                .catch(() => {
-                if (isMounted) {
-                    onError();
-                }
-            });
-        }
-        return () => {
-            isMounted = false;
-        };
-    }, [name]);
-    //  SRC OR BASE-64
-    if (shouldRenderImage) {
-        // Assume that it is a base64 image and let the browser do his work
-        return React.createElement("img", Object.assign({}, props, { src: name, alt: props.alt, className: classes, onLoad: onLoad, onError: onError }));
-    }
-    const fullProps = Object.assign(Object.assign({}, props), { role: 'img', className: classes, title: props.title || props.alt });
-    return CurrentIconComponent ? React.createElement(CurrentIconComponent, Object.assign({}, fullProps)) : React.createElement(EmptyIcon, Object.assign({}, fullProps));
-};

package/dist/components/ui/atoms/icon/icon.scss

@@ -1 +0,0 @@
-@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Noto Sans,sans-serif;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-transparent:transparent;--color-backdrop:rgba(5, 26, 61, 0.75);--color-white:#FFFFFF;--color-black:#000000;--color-visited:#7D02DE;--color-neutral-50:#F7F8FA;--color-neutral-100:#F1F3F8;--color-neutral-200:#E1E4EA;--color-neutral-300:#CDD2DC;--color-neutral-400:#BAC0CC;--color-neutral-500:#9CA6B8;--color-neutral-600:#8893AA;--color-neutral-700:#64718B;--color-neutral-800:#475164;--color-neutral-900:#2B363C;--color-primary-50:#FAFCFF;--color-primary-100:#F2F6FF;--color-primary-200:#E5EEFF;--color-primary-300:#BBD1FD;--color-primary-400:#5F93FC;--color-primary-500:#1A65FA;--color-primary-600:#034AD8;--color-primary-700:#0338A2;--color-primary-800:#002B82;--color-primary-900:#021C51;--color-secondary-50:#F5FBFF;--color-secondary-100:#EBF6FF;--color-secondary-200:#E3F4FF;--color-secondary-300:#CCEAFF;--color-secondary-400:#A0D8FE;--color-secondary-500:#1CA3FC;--color-secondary-600:#1993E3;--color-secondary-700:#1682CA;--color-secondary-800:#12669E;--color-secondary-900:#0D4C75;--color-informative-50:#E5F6FF;--color-informative-100:#E5F6FF;--color-informative-200:#A5DEFF;--color-informative-300:#77CEFF;--color-informative-400:#49BCFF;--color-informative-500:#0079BF;--color-informative-600:#00598C;--color-informative-700:#0B486B;--color-informative-800:#083752;--color-informative-900:#00121C;--color-success-50:#E5FFF6;--color-success-100:#C2F2E2;--color-success-200:#7ACCB1;--color-success-300:#36B289;--color-success-400:#1F9970;--color-success-500:#008558;--color-success-600:#00724C;--color-success-700:#005539;--color-success-800:#013926;--color-success-900:#001C13;--color-warning-50:#FFF9E5;--color-warning-100:#FFF2CC;--color-warning-200:#FFE699;--color-warning-300:#FFE699;--color-warning-400:#FFD966;--color-warning-500:#FBCB3C;--color-warning-600:#FBBB3C;--color-warning-700:#F2A222;--color-warning-800:#B06112;--color-warning-900:#80460D;--color-danger-50:#FEF1F2;--color-danger-100:#FEE1E3;--color-danger-200:#FEC8CC;--color-danger-300:#FCA6AD;--color-danger-400:#F8727D;--color-danger-500:#DE2D3B;--color-danger-600:#D12332;--color-danger-700:#C41826;--color-danger-800:#B20917;--color-danger-900:#86131D}a,button,div,em,i,input,label,li,optgroup,option,p,select,span,textarea{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.container{width:100%}@media (min-width:360px){.container{max-width:360px;padding-right:32px;padding-left:32px}}@media (min-width:576px){.container{max-width:576px;padding-right:32px;padding-left:32px}}@media (min-width:768px){.container{max-width:768px;padding-right:64px;padding-left:64px}}@media (min-width:992px){.container{max-width:992px;padding-right:64px;padding-left:64px}}@media (min-width:1200px){.container{max-width:1200px;padding-right:64px;padding-left:64px}}@media (min-width:1440px){.container{max-width:1440px;padding-right:0;padding-left:0}}.container{max-width:1216px}.icon svg{fill:#000}.icon.icon-xs{width:16px;min-width:16px;height:16px;min-height:16px}.icon.icon-s{width:20px;min-width:20px;height:20px;min-height:20px}.icon.icon-m{width:24px;min-width:24px;height:24px;min-height:24px}.icon.icon-l{width:32px;min-width:32px;height:32px;min-height:32px}.icon.icon-xl{width:40px;min-width:40px;height:40px;min-height:40px}.icon.icon-xxl{width:58px;min-width:58px;height:58px;min-height:58px}.icon.icon-xxxl{width:64px;min-width:64px;height:64px;min-height:64px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.-z-10{z-index:-10}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-8{grid-column:span 8/span 8}.col-end-9{grid-column-end:9}.m-16{margin:16px}.mx-16{margin-left:16px;margin-right:16px}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:16px;margin-bottom:16px}.my-32{margin-top:32px;margin-bottom:32px}.my-8{margin-top:8px;margin-bottom:8px}.mb-32{margin-bottom:32px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mr-0{margin-right:0}.mr-8{margin-right:8px}.mt-16{margin-top:16px}.mt-32{margin-top:32px}.mt-8{margin-top:8px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-128{height:128px}.h-56{height:56px}.h-fit{height:-moz-fit-content;height:fit-content}.min-h-\[200px\]{min-height:200px}.min-h-\[360px\]{min-height:360px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-56{width:56px}.w-\[calc\(100\%\+32px\)\]{width:calc(100% + 32px)}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-\[1440px\]{max-width:1440px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.-translate-x-2\/4{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2\/4{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-24{--tw-translate-y:24px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-16{gap:16px}.gap-32{gap:32px}.gap-64{gap:64px}.gap-8{gap:8px}.gap-x-32{-moz-column-gap:32px;column-gap:32px}.self-end{align-self:flex-end}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.rounded-4{border-radius:4px}.border{border-width:1px}.border-1{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-b-neutral-200{--tw-border-opacity:1;border-bottom-color:rgb(225 228 234 / var(--tw-border-opacity))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(241 243 248 / var(--tw-bg-opacity))}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(225 228 234 / var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(247 248 250 / var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(242 246 255 / var(--tw-bg-opacity))}.bg-primary-200{--tw-bg-opacity:1;background-color:rgb(229 238 255 / var(--tw-bg-opacity))}.bg-primary-900{--tw-bg-opacity:1;background-color:rgb(2 28 81 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-warning-50{--tw-bg-opacity:1;background-color:rgb(255 249 229 / var(--tw-bg-opacity))}.p-0{padding:0}.p-16{padding:16px}.p-32{padding:32px}.p-8{padding:8px}.px-16{padding-left:16px;padding-right:16px}.py-16{padding-top:16px;padding-bottom:16px}.py-32{padding-top:32px;padding-bottom:32px}.py-8{padding-top:8px;padding-bottom:8px}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pb-32{padding-bottom:32px}.pl-16{padding-left:16px}.pl-8{padding-left:8px}.pr-8{padding-right:8px}.pt-0{padding-top:0}.pt-16{padding-top:16px}.pt-32{padding-top:32px}.text-center{text-align:center}.text-right{text-align:right}.text-3xl-bold{font-size:2.5rem;line-height:3.75rem;letter-spacing:0;font-weight:700}.text-3xl-regular{font-size:2.5rem;line-height:3.75rem;letter-spacing:0;font-weight:400}.text-m-bold{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:700}.text-m-light{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:300}.text-m-medium{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:500}.text-m-regular{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400}.text-s-regular{font-size:.875rem;line-height:1.5rem;letter-spacing:0;font-weight:400}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-neutral-300{--tw-text-opacity:1;color:rgb(205 210 220 / var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(156 166 184 / var(--tw-text-opacity))}.text-neutral-700{--tw-text-opacity:1;color:rgb(100 113 139 / var(--tw-text-opacity))}.text-neutral-900{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.text-primary-600{--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.text-primary-900{--tw-text-opacity:1;color:rgb(2 28 81 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-8{text-underline-offset:8px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type]::-moz-placeholder,textarea::-moz-placeholder{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(100 113 139 / var(--tw-text-opacity))}input[type]::placeholder,textarea::placeholder{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(100 113 139 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline-offset-8:hover{text-underline-offset:8px}.hover\:opacity-100:hover{opacity:1}.focus\:border-primary-600:focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.focus\:underline:focus{text-decoration-line:underline}.focus\:underline-offset-8:focus{text-underline-offset:8px}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-24{--tw-translate-x:24px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-2\/4{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.group:focus .group-focus\:-translate-y-0{--tw-translate-y:-0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus .group-focus\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus .group-focus\:translate-x-24{--tw-translate-x:24px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus .group-focus\:translate-y-2\/4{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus .group-focus\:opacity-0{opacity:0}.group:focus .group-focus\:opacity-100{opacity:1}@media not all and (min-width:1200px){.max-xl\:w-full{width:100%}}@media not all and (min-width:576px){.max-sm\:justify-between{justify-content:space-between}}@media (min-width:360px){.xs\:left-0{left:0}.xs\:col-span-2{grid-column:span 2/span 2}.xs\:col-span-4{grid-column:span 4/span 4}.xs\:hidden{display:none}.xs\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xs\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xs\:justify-center{justify-content:center}.xs\:gap-0{gap:0}.xs\:gap-32{gap:32px}.xs\:py-16{padding-top:16px;padding-bottom:16px}.xs\:py-32{padding-top:32px;padding-bottom:32px}.xs\:pb-32{padding-bottom:32px}.xs\:pt-32{padding-top:32px}.xs\:text-m-bold{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:700}}@media (min-width:768px){.md\:left-0{left:0}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-start-2{grid-column-start:2}.md\:mx-32{margin-left:32px;margin-right:32px}.md\:hidden{display:none}.md\:w-\[calc\(100\%\+32px\)\]{width:calc(100% + 32px)}.md\:grid-cols-3-auto{grid-template-columns:auto auto auto}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-\[28px\]{gap:28px}.md\:gap-\[30px\]{gap:30px}.md\:gap-x-32{-moz-column-gap:32px;column-gap:32px}.md\:justify-self-end{justify-self:end}.md\:py-32{padding-top:32px;padding-bottom:32px}.md\:py-64{padding-top:64px;padding-bottom:64px}.md\:pb-64{padding-bottom:64px}.md\:pr-8{padding-right:8px}.md\:pt-64{padding-top:64px}.md\:text-l-bold{font-size:1.25rem;line-height:2rem;letter-spacing:0;font-weight:700}}@media (min-width:1200px){.xl\:relative{position:relative}.xl\:bottom-0{bottom:0}.xl\:left-1\/2{left:50%}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:col-span-6{grid-column:span 6/span 6}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:col-start-2{grid-column-start:2}.xl\:col-start-6{grid-column-start:6}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:h-\[calc\(100\%-2px\)\]{height:calc(100% - 2px)}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:justify-end{justify-content:flex-end}.xl\:py-64{padding-top:64px;padding-bottom:64px}.xl\:pb-64{padding-bottom:64px}}.\[\&\>\*\]\:fill-neutral-900>*{fill:#2b363c}.\[\&\>\*\]\:fill-primary-600>*{fill:#034ad8}.\[\&\>\*\]\:fill-warning-700>*{fill:#f2a222}.\[\&\>\*\]\:fill-white>*{fill:#fff}

package/dist/components/ui/atoms/icon/index.js

@@ -1,2 +0,0 @@
-export { Icon } from './icon';
-export { allIcons } from './assets/index';

package/dist/components/ui/atoms/input-number/index.js

@@ -1 +0,0 @@
-export { InputNumber } from './input-number';

package/dist/components/ui/atoms/input-number/input-number.js

@@ -1,119 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import classNames from 'classnames';
-import React, { useId, useRef, useState } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './input-number.scss';
-export const InnerInputNumber = (_a, ref) => {
-    var _b, _c;
-    var { label, hideLabel, hasError, increaseButtonAltText = 'increase', decreaseButtonAltText = 'decrease', hasFeedback, feedbackState = 'info', feedbackText, hasIcon, icon, className, required = true } = _a, props = __rest(_a, ["label", "hideLabel", "hasError", "increaseButtonAltText", "decreaseButtonAltText", "hasFeedback", "feedbackState", "feedbackText", "hasIcon", "icon", "className", "required"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const { onChange, min, max } = propsClone;
-    const inputWrapperRef = useRef(null);
-    const [currentValue, setCurrentValue] = useState(propsClone.value);
-    /**
-     * Local onChange event handler. This functions enforces the max char limit.
-     */
-    const handleChangeEvent = (evt) => {
-        const { value } = evt.currentTarget;
-        setCurrentValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    /**
-     * Dictionary of possible icons feedback.
-     */
-    const feedbackStateIconsMap = {
-        info: 'agora-solid-info-mark',
-        danger: 'agora-solid-alert-triangle',
-        success: 'agora-solid-check-circle',
-        warning: 'agora-solid-alert-circle'
-    };
-    const [isHovered, setIsHovered] = useState(false);
-    /**
-     * Builds main Classes for whole component
-     */
-    const inputClassBuilder = () => {
-        return {
-            // main wrapper class
-            inputWrapperClasses: classNames('agora-input-number-wrapper', {
-                'flex flex-col': !propsClone.hidden,
-                'input-disabled': !!propsClone.disabled,
-                'input-has-error': stringToBoolean(hasError),
-                'is-hovered': isHovered
-            }),
-            // classes for above input sections [label]
-            labelSectionClasses: classNames('input-label-wrapper flex items-end', {
-                'mb-8': label && !stringToBoolean(hideLabel),
-                'justify-end': !label || stringToBoolean(hideLabel),
-                'justify-between': label && !stringToBoolean(hideLabel)
-            }),
-            // text input component classes
-            inputClasses: classNames('agora-input-number', 'flex-1', {
-                'has-leading-icon': hasIcon && (icon === null || icon === void 0 ? void 0 : icon.indexOf('agora-line')) === 0,
-                'has-value': currentValue && currentValue.toString().length > 0
-            }, className),
-            leadingIconWrapperClasses: classNames('input-leading-icon'),
-            feedbackIconWrapperClasses: classNames('mr-8 feedback-icon-wrapper', stringToBoolean(hasError) ? 'feedback-icon-wrapper-danger' : `feedback-icon-wrapper-${feedbackState}`)
-        };
-    };
-    const { inputWrapperClasses, labelSectionClasses, inputClasses, leadingIconWrapperClasses, feedbackIconWrapperClasses } = inputClassBuilder();
-    /**
-     * Execute stepUp locally and execute update value
-     */
-    const handleStepUp = () => {
-        var _a;
-        const inputElem = (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-        if (inputElem) {
-            inputElem.stepUp();
-            inputElem.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    };
-    /**
-     * Execute stepDown locally and execute update value
-     */
-    const handleStepDown = () => {
-        var _a;
-        const inputElem = (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-        if (inputElem) {
-            inputElem.stepDown();
-            inputElem.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    };
-    /**
-     * Sets the correct hoovering state of the component
-     */
-    const handleMouseHoovering = (isHover) => {
-        setIsHovered(isHover);
-    };
-    return (React.createElement("div", { hidden: !!propsClone.hidden, className: inputWrapperClasses },
-        React.createElement("div", { className: labelSectionClasses },
-            React.createElement("label", { hidden: stringToBoolean(hideLabel), htmlFor: propsClone.id, className: "text-primary-900 text-m-medium" }, label)),
-        React.createElement("div", { className: "input-wrapper flex relative items-center", ref: inputWrapperRef },
-            React.createElement("input", Object.assign({}, propsClone, { type: "number", className: inputClasses, disabled: !!propsClone.disabled, "aria-invalid": stringToBoolean(hasError), "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], ref: ref, required: required, onChange: handleChangeEvent })),
-            hasIcon && icon && icon.startsWith('agora-line') && (React.createElement("div", { className: leadingIconWrapperClasses },
-                React.createElement(Icon, { name: icon, "aria-hidden": true }))),
-            React.createElement("div", { className: "input-number-controls", onFocus: () => null, onMouseOver: () => handleMouseHoovering(true), onMouseLeave: () => handleMouseHoovering(false) },
-                React.createElement("button", { disabled: min === parseFloat((_b = currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString()) !== null && _b !== void 0 ? _b : '0') || !!propsClone.disabled || !!propsClone.readOnly, type: "button", onClick: handleStepDown, "aria-label": decreaseButtonAltText },
-                    React.createElement(Icon, { name: "agora-line-minus-circle", "aria-hidden": true, className: "icon-step icon-step-default" }),
-                    React.createElement(Icon, { name: "agora-solid-minus-circle", "aria-hidden": true, className: "icon-step icon-step-hover" })),
-                React.createElement("button", { disabled: max === parseFloat((_c = currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString()) !== null && _c !== void 0 ? _c : '0') || !!propsClone.disabled || !!propsClone.readOnly, type: "button", onClick: handleStepUp, "aria-label": increaseButtonAltText },
-                    React.createElement(Icon, { name: "agora-line-plus-circle", "aria-hidden": true, className: "icon-step icon-step-default" }),
-                    React.createElement(Icon, { name: "agora-solid-plus-circle", "aria-hidden": true, className: "icon-step icon-step-hover" })))),
-        stringToBoolean(hasFeedback) && feedbackText && (React.createElement("div", { className: "flex items-center input-feedback mt-8" },
-            React.createElement("span", { className: feedbackIconWrapperClasses },
-                React.createElement(Icon, { name: !stringToBoolean(hasError) ? feedbackStateIconsMap[feedbackState] : 'agora-solid-alert-triangle', dimensions: "s", "aria-hidden": true })),
-            React.createElement("p", { className: "text-s-regular text-neutral-700" }, feedbackText)))));
-};
-export const InputNumber = React.forwardRef(InnerInputNumber);

package/dist/components/ui/atoms/input-number/input-number.scss

@@ -1 +0,0 @@
-.agora-input-number-wrapper{position:relative}.agora-input-number-wrapper.input-disabled .input-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-number-wrapper.input-disabled .input-wrapper input{pointer-events:none}.agora-input-number-wrapper .input-leading-icon{position:absolute;margin-left:16px}.agora-input-number-wrapper .input-leading-icon svg>*{fill:#2b363c;opacity:.7}.agora-input-number-wrapper .feedback-icon-wrapper-info svg>*{fill:#0079bf}.agora-input-number-wrapper .feedback-icon-wrapper-success svg>*{fill:#008558}.agora-input-number-wrapper .feedback-icon-wrapper-danger svg>*{fill:#de2d3b}.agora-input-number-wrapper .feedback-icon-wrapper-warning svg>*{fill:#f2a222}.agora-input-number-wrapper .input-number-controls{width:96px;position:absolute;right:8px;display:flex;height:56px;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.agora-input-number-wrapper .input-number-controls::before{content:"";position:absolute;height:24px;--tw-bg-opacity:1;background-color:rgb(225 228 234 / var(--tw-bg-opacity));left:47px;width:2px}.agora-input-number-wrapper .input-number-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.agora-input-number-wrapper .input-number-controls button svg{pointer-events:none;position:absolute;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.agora-input-number-wrapper .input-number-controls button svg.icon-step-hover{--tw-translate-y:16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.agora-input-number-wrapper .input-number-controls button svg.icon-step-hover>*{fill:#034ad8}.agora-input-number-wrapper .input-number-controls button svg.icon-step-default{opacity:1}.agora-input-number-wrapper .input-number-controls button svg.icon-step-default>*{fill:#034ad8}.agora-input-number-wrapper .input-number-controls button:not(:disabled):hover svg{pointer-events:none;position:absolute;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.agora-input-number-wrapper .input-number-controls button:not(:disabled):hover svg.icon-step-hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.agora-input-number-wrapper .input-number-controls button:not(:disabled):hover svg.icon-step-default{--tw-translate-y:-16px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.agora-input-number-wrapper .input-number-controls button:disabled{pointer-events:none;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}.agora-input-number-wrapper.is-hovered input:not(:disabled):not(:-moz-read-only):not(:focus){border-width:2px;--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-number-wrapper.is-hovered input:not(:disabled):not(:read-only):not(:focus){border-width:2px;--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-number-wrapper .agora-input-number{width:100%;border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));padding-left:16px;font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:60px;padding-right:100px;-moz-appearance:textfield}.agora-input-number-wrapper .agora-input-number::-webkit-inner-spin-button,.agora-input-number-wrapper .agora-input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.agora-input-number-wrapper .agora-input-number.has-leading-icon{padding-left:56px}.agora-input-number-wrapper .agora-input-number~div button:focus,.agora-input-number-wrapper .agora-input-number~div button:focus-visible{border-radius:4px!important;border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}.agora-input-number-wrapper .agora-input-number:hover:not(:focus):not(:disabled):not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-number-wrapper .agora-input-number:hover:not(:focus):not(:disabled):not(:read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-number-wrapper .agora-input-number:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-number-wrapper .agora-input-number:hover:not(:focus):not(:disabled):not(:read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-number-wrapper .agora-input-number:-moz-read-only~.input-number-controls{pointer-events:none;-moz-user-select:none;user-select:none;background-color:transparent}.agora-input-number-wrapper .agora-input-number:disabled~.input-number-controls,.agora-input-number-wrapper .agora-input-number:read-only~.input-number-controls{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent}.agora-input-number-wrapper .agora-input-number:-moz-read-only~.input-number-controls button svg>*{fill:#2b363c;opacity:.5}.agora-input-number-wrapper .agora-input-number:disabled~.input-number-controls button svg>*,.agora-input-number-wrapper .agora-input-number:read-only~.input-number-controls button svg>*{fill:#2b363c;opacity:.5}.agora-input-number-wrapper .agora-input-number:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-number-wrapper .agora-input-number:-moz-read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-number-wrapper .agora-input-number:disabled,.agora-input-number-wrapper .agora-input-number:read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-number-wrapper .agora-input-number:-moz-read-only:focus:-moz-read-only,.agora-input-number-wrapper .agora-input-number:disabled:focus:-moz-read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-number-wrapper .agora-input-number:disabled:focus:read-only,.agora-input-number-wrapper .agora-input-number:read-only:focus:read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-number-wrapper .agora-input-number:-moz-read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-number-wrapper .agora-input-number:disabled~.input-leading-icon svg>*,.agora-input-number-wrapper .agora-input-number:read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-number-wrapper .agora-input-number.has-value:not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-number-wrapper .agora-input-number.has-value:not(:read-only){--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity))}.agora-input-number-wrapper .agora-input-number:not(:focus){outline-width:0}.agora-input-number-wrapper .agora-input-number:not(:disabled):focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.agora-input-number-wrapper .agora-input-number:not(:disabled):focus~.input-leading-icon svg>*{fill:#034ad8;opacity:1}.agora-input-number-wrapper.input-has-error .input-number-controls{--tw-bg-opacity:1;background-color:rgb(254 241 242 / var(--tw-bg-opacity))}.agora-input-number-wrapper.input-has-error .input-number-controls button svg>*{fill:#2b363c}.agora-input-number-wrapper.input-has-error .agora-input-number:not(:disabled):not(:-moz-read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}.agora-input-number-wrapper.input-has-error .agora-input-number:not(:disabled):not(:read-only){--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}

package/dist/components/ui/atoms/input-password/index.js

@@ -1 +0,0 @@
-export { InputPassword } from './input-password';

package/dist/components/ui/atoms/input-password/input-password.js

@@ -1,96 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import classNames from 'classnames';
-import React, { useId, useRef, useState } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './input-password.scss';
-const InnerInputPassword = (_a, ref) => {
-    var { label, hideLabel, hasError, hasFeedback, feedbackState = 'info', feedbackText, hasIcon, icon, className, required = true, togglePasswordAltIconText = 'show/hide' } = _a, props = __rest(_a, ["label", "hideLabel", "hasError", "hasFeedback", "feedbackState", "feedbackText", "hasIcon", "icon", "className", "required", "togglePasswordAltIconText"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const { onChange } = propsClone;
-    const inputWrapperRef = useRef(null);
-    const [showPassword, setShowPassword] = useState(false);
-    const [currentValue, setCurrentValue] = useState(propsClone.value);
-    /**
-     * Show/Hide password
-     */
-    const handleTogglePassword = () => {
-        var _a;
-        if (!propsClone.disabled) {
-            setShowPassword(!showPassword);
-            if (inputWrapperRef === null || inputWrapperRef === void 0 ? void 0 : inputWrapperRef.current) {
-                (_a = inputWrapperRef.current.querySelector('input')) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-        }
-    };
-    /**
-     * Local onChange event handler.
-     */
-    const handleChangeEvent = (evt) => {
-        const { value } = evt.currentTarget;
-        setCurrentValue(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    /**
-     * Dictionary of possible icons feedback.
-     */
-    const feedbackStateIconsMap = {
-        info: 'agora-solid-info-mark',
-        danger: 'agora-solid-alert-triangle',
-        success: 'agora-solid-check-circle',
-        warning: 'agora-solid-alert-circle'
-    };
-    /**
-     * Builds main Classes for whole component
-     */
-    const inputClassBuilder = () => {
-        return {
-            // main wrapper class
-            inputWrapperClasses: classNames('agora-input-password-wrapper', {
-                'flex flex-col': !propsClone.hidden,
-                'input-disabled': !!propsClone.disabled,
-                'input-has-error': stringToBoolean(hasError)
-            }),
-            // classes for above input sections [label and hint icon]
-            labelSectionClasses: classNames('input-label-wrapper flex items-end', {
-                'mb-8': label && !stringToBoolean(hideLabel),
-                'justify-end': !label || stringToBoolean(hideLabel),
-                'justify-between': label && !stringToBoolean(hideLabel)
-            }),
-            // text input component classes
-            inputClasses: classNames('agora-input-password', 'flex-1', {
-                'has-leading-icon': hasIcon && (icon === null || icon === void 0 ? void 0 : icon.indexOf('agora-line')) === 0,
-                'has-value': currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.toString().length) > 0
-            }, className),
-            leadingIconWrapperClasses: classNames('input-leading-icon'),
-            feedbackIconWrapperClasses: classNames('mr-8 feedback-icon-wrapper', stringToBoolean(hasError) ? 'feedback-icon-wrapper-danger' : `feedback-icon-wrapper-${feedbackState}`)
-        };
-    };
-    const { inputWrapperClasses, labelSectionClasses, inputClasses, leadingIconWrapperClasses, feedbackIconWrapperClasses } = inputClassBuilder();
-    return (React.createElement("div", { hidden: !!propsClone.hidden, className: inputWrapperClasses },
-        React.createElement("div", { className: labelSectionClasses },
-            React.createElement("label", { hidden: stringToBoolean(hideLabel), htmlFor: propsClone.id, className: "text-primary-900 text-m-medium" }, label)),
-        React.createElement("div", { className: "input-wrapper flex relative items-center", ref: inputWrapperRef },
-            React.createElement("input", Object.assign({}, propsClone, { type: showPassword ? 'text' : 'password', className: inputClasses, disabled: !!propsClone.disabled, readOnly: !!propsClone.readOnly, "aria-invalid": stringToBoolean(hasError), "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], ref: ref, required: required, onChange: handleChangeEvent })),
-            hasIcon && icon && icon.startsWith('agora-line') && (React.createElement("div", { className: leadingIconWrapperClasses },
-                React.createElement(Icon, { name: icon, "aria-hidden": true }))),
-            React.createElement("button", { type: "button", className: "input-btn-toggle bg-transparent", onClick: handleTogglePassword, "aria-label": togglePasswordAltIconText },
-                React.createElement(Icon, { name: `agora-line-${showPassword ? 'eye-off' : 'eye'}`, alt: togglePasswordAltIconText }))),
-        stringToBoolean(hasFeedback) && feedbackText && (React.createElement("div", { className: "flex items-center input-feedback mt-8" },
-            React.createElement("span", { className: feedbackIconWrapperClasses },
-                React.createElement(Icon, { name: !stringToBoolean(hasError) ? feedbackStateIconsMap[feedbackState] : 'agora-solid-alert-triangle', dimensions: "s", "aria-hidden": true })),
-            React.createElement("p", { className: "text-s-regular text-neutral-700" }, feedbackText)))));
-};
-export const InputPassword = React.forwardRef(InnerInputPassword);

package/dist/components/ui/atoms/input-password/input-password.scss

@@ -1 +0,0 @@
-.agora-input-password-wrapper{position:relative}.agora-input-password-wrapper.input-disabled .input-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-input-password-wrapper.input-disabled .input-wrapper input{pointer-events:none}.agora-input-password-wrapper .input-btn-toggle{position:absolute;right:8px;top:8px;display:flex;align-items:center;justify-content:center;height:44px;width:44px}.agora-input-password-wrapper .input-btn-toggle svg>*{opacity:.5;fill:#2b363c}.agora-input-password-wrapper .input-btn-toggle:focus,.agora-input-password-wrapper .input-btn-toggle:focus-visible{border-radius:4px!important;border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important;outline:2px solid transparent!important;outline-offset:2px!important}.agora-input-password-wrapper .feedback-icon-wrapper-info svg>*{fill:#0079bf}.agora-input-password-wrapper .feedback-icon-wrapper-success svg>*{fill:#008558}.agora-input-password-wrapper .feedback-icon-wrapper-danger svg>*{fill:#de2d3b}.agora-input-password-wrapper .feedback-icon-wrapper-warning svg>*{fill:#f2a222}.agora-input-password-wrapper .input-leading-icon{position:absolute;margin-left:16px}.agora-input-password-wrapper .input-leading-icon svg>*{opacity:.7;fill:#2b363c}.agora-input-password-wrapper .agora-input-password{border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));padding-left:16px;padding-right:48px;font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:400;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:60px}.agora-input-password-wrapper .agora-input-password.has-leading-icon{padding-left:56px}.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:-moz-read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:read-only){--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity))}.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.input-btn-toggle svg>*,.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:-moz-read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:read-only)~.input-btn-toggle svg>*,.agora-input-password-wrapper .agora-input-password:hover:not(:focus):not(:disabled):not(:read-only)~.input-leading-icon svg>*{fill:#2b363c;opacity:1}.agora-input-password-wrapper .agora-input-password:-moz-read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-password-wrapper .agora-input-password:disabled,.agora-input-password-wrapper .agora-input-password:read-only{cursor:not-allowed!important;--tw-border-opacity:1!important;border-color:rgb(241 243 248 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(241 243 248 / var(--tw-bg-opacity))!important}.agora-input-password-wrapper .agora-input-password:-moz-read-only:focus:-moz-read-only,.agora-input-password-wrapper .agora-input-password:disabled:focus:-moz-read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-password-wrapper .agora-input-password:disabled:focus:read-only,.agora-input-password-wrapper .agora-input-password:read-only:focus:read-only{--tw-border-opacity:1!important;border-color:rgb(3 74 216 / var(--tw-border-opacity))!important}.agora-input-password-wrapper .agora-input-password:-moz-read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-password-wrapper .agora-input-password:disabled~.input-leading-icon svg>*,.agora-input-password-wrapper .agora-input-password:read-only~.input-leading-icon svg>*{fill:#2b363c;opacity:.5}.agora-input-password-wrapper .agora-input-password~.input-btn-toggle:active{visibility:visible}.agora-input-password-wrapper .agora-input-password:not(:focus){outline-width:0}.agora-input-password-wrapper .agora-input-password:not(:disabled):focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));padding-right:48px;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.agora-input-password-wrapper .agora-input-password:not(:disabled):focus~.input-btn-toggle svg>*,.agora-input-password-wrapper .agora-input-password:not(:disabled):focus~.input-leading-icon svg>*{fill:#034ad8;opacity:1}.agora-input-password-wrapper.input-has-error .input-btn-toggle svg>*{fill:#2b363c}.agora-input-password-wrapper.input-has-error .agora-input-password:not(:disabled):not(:-moz-read-only){border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}.agora-input-password-wrapper.input-has-error .agora-input-password:not(:disabled):not(:read-only){border-width:2px!important;--tw-border-opacity:1!important;border-color:rgb(222 45 59 / var(--tw-border-opacity))!important;--tw-bg-opacity:1!important;background-color:rgb(254 241 242 / var(--tw-bg-opacity))!important}

package/dist/components/ui/atoms/input-search/index.js

@@ -1 +0,0 @@
-export { InputSearch } from './input-search';