@ama-pt/agora-design-system 0.1.4 → 0.1.6

package/README.md

@@ -46,6 +46,13 @@ const withTM = require('next-transpile-modules')(['@ama-pt/agora-design-system']
 
 module.exports = withTM({
   webpack(config) {
+    //  Allow dynamic import of svg icons without warnings
+    config.module = {
+      ...config.module,
+      exprContextCritical: false
+    };
+
+    // Prevent parse errors when loading .map files
     config.module.rules.push({
       test: /\.map$/i,
       use: 'raw-loader'

package/dist/components/index.js

@@ -0,0 +1,4 @@
+// UI
+export * from './ui';
+// COMMON UTILS
+export * from './utils';

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

@@ -0,0 +1,90 @@
+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 React from 'react';
+import classNames from 'classnames';
+import { Icon } from '../icon';
+import './button.scss';
+import { stringToBoolean } from '../../../utils';
+/**
+ *
+ * @param icon
+ * @param iconHover
+ * @param iconAltText
+ * @returns React.FC
+ */
+const IconWrapper = ({ icon, iconHover, iconAltText }) => {
+    // preventing using illustrate family icons on buttons
+    if (icon.indexOf('agora-illustrate') >= 0 || (iconHover === null || iconHover === void 0 ? void 0 : iconHover.indexOf('agora-illustrate')) >= 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: "icon-wrapper" },
+        React.createElement(Icon, { icon: icon, alt: iconAltText }),
+        React.createElement(Icon, { icon: (iconHover !== null && iconHover !== void 0 ? iconHover : icon).replace('line', 'solid'), alt: iconAltText })));
+};
+/**
+ * Return icon default animation class according icon name and default position.
+ * @param icon string
+ * @param iconPosition leading|trailing
+ * @returns string
+ */
+function getDefaultIconAnimation(icon, iconPosition) {
+    let defaultAnimation = 'default';
+    if (icon) {
+        // if icon contains "arrow" or "chevron" word check for direction left/right and override the
+        // default animation to preserve armony
+        // this will code below will prevent arrow/chevron icon left/right direction perform default animation(up/down)
+        const regex = /arrow|chevron/g;
+        if (regex.test(icon)) {
+            if (icon.indexOf('left') >= 0) {
+                defaultAnimation = 'backward';
+            }
+            else if (icon.indexOf('right') >= 0) {
+                defaultAnimation = 'forward';
+            }
+        }
+    }
+    else if (iconPosition === 'leading') {
+        defaultAnimation = 'backward';
+    }
+    else if (iconPosition === 'trailing') {
+        defaultAnimation = 'forward';
+    }
+    return defaultAnimation;
+}
+export const Button = (_a) => {
+    var { appearence = 'solid', variant = 'primary', fullWidth = false, size = 'default', disabled = false, hasIcon = false, icon = '', iconHover = '', iconOnly = false, iconPosition = 'leading', iconAltText = '', children, className = '' } = _a, props = __rest(_a, ["appearence", "variant", "fullWidth", "size", "disabled", "hasIcon", "icon", "iconHover", "iconOnly", "iconPosition", "iconAltText", "children", "className"]);
+    let defaultIcon = '';
+    let defaultAnimation = '';
+    if (stringToBoolean(hasIcon) || stringToBoolean(iconOnly)) {
+        /**
+         * Detects default icon in case hasIcon/iconOnly params be true.
+         * @type string
+         */
+        defaultIcon = iconPosition === 'leading' ? 'agora-line-arrow-left-circle' : 'agora-line-arrow-right-circle';
+        defaultAnimation = getDefaultIconAnimation(icon, iconPosition);
+    }
+    /**
+     * Building button classname dynamically according parameters.
+     */
+    const buttonClassName = classNames(`btn btn-${size} btn-${appearence}--${variant}`, {
+        [`animate-icon--${defaultAnimation}`]: defaultAnimation !== '',
+        [`btn-with-icon--${iconPosition}`]: stringToBoolean(hasIcon),
+        'btn-block': stringToBoolean(fullWidth),
+        'is-icon-only': stringToBoolean(iconOnly)
+    }, className);
+    return (React.createElement("button", Object.assign({ type: "button", disabled: disabled, className: buttonClassName }, props), iconOnly ? (React.createElement(IconWrapper, { icon: icon !== null && icon !== void 0 ? icon : defaultIcon, iconHover: iconHover, iconAltText: iconAltText })) : (React.createElement(React.Fragment, null,
+        hasIcon && React.createElement(IconWrapper, { icon: icon !== null && icon !== void 0 ? icon : defaultIcon, iconHover: iconHover, iconAltText: iconAltText }),
+        React.createElement("span", { className: "children-wrapper" }, children)))));
+};
+const MemoButton = React.memo(Button);
+MemoButton.displayName = 'Button';
+export default MemoButton;

package/dist/components/ui/atoms/button/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,43 @@
+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, { useState } from 'react';
+import { stringToBoolean } from '../../../utils';
+import { Icon } from '../icon';
+import './checkbox.scss';
+export const Checkbox = (_a) => {
+    var { label = '', ariaLabel, hasError, isChecked, hideLabel, isOptional, id, children } = _a, props = __rest(_a, ["label", "ariaLabel", "hasError", "isChecked", "hideLabel", "isOptional", "id", "children"]);
+    const inputWrapper = classNames('agora-checkbox-wrapper', {
+        'has-error': stringToBoolean(hasError),
+        'input-only': stringToBoolean(hideLabel)
+    });
+    const propsClone = Object.assign({}, props);
+    const { onChange } = propsClone;
+    const [checked, setChecked] = useState(stringToBoolean(isChecked));
+    const handleChange = (evt) => {
+        setChecked(!checked);
+        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
+    };
+    if (stringToBoolean(isOptional)) {
+        delete propsClone.required;
+    }
+    else {
+        propsClone.required = true;
+    }
+    return (React.createElement("div", { className: inputWrapper },
+        React.createElement("input", Object.assign({ type: "checkbox", id: id, checked: checked, "aria-label": ariaLabel || label, "aria-required": !stringToBoolean(isOptional), "aria-invalid": stringToBoolean(hasError), onChange: handleChange, tabIndex: 0 }, propsClone)),
+        React.createElement("span", { className: "checkbox-span" },
+            React.createElement(Icon, { icon: "agora-line-tick", ariaHidden: true })),
+        React.createElement("label", { className: "checkbox-label text-text-m", htmlFor: id },
+            React.createElement("span", null, children || label))));
+};
+export default Checkbox;

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-alert.js

@@ -0,0 +1,10 @@
+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 1Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.01 16C13.01 16.5523 12.5623 17 12.01 17H12C11.4477 17 11 16.5523 11 16C11 15.4477 11.4477 15 12 15H12.01C12.5623 15 13.01 15.4477 13.01 16ZM12.01 13C11.4577 13 11.01 12.5523 11.01 12L11.01 8C11.01 7.44771 11.4577 7 12.01 7C12.5623 7 13.01 7.44771 13.01 8L13.01 12C13.01 12.5523 12.5623 13 12.01 13Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down-circle.js

@@ -0,0 +1,10 @@
+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 23C5.92487 23 0.999999 18.0751 1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.29289 11.2929C7.68342 10.9024 8.31658 10.9024 8.70711 11.2929L11 13.5858L11 8C11 7.44771 11.4477 7 12 7C12.5523 7 13 7.44771 13 8L13 13.5858L15.2929 11.2929C15.6834 10.9024 16.3166 10.9024 16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-down.js

@@ -0,0 +1,9 @@
+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: "M6.29134 9.99627C5.61466 9.20353 6.19209 8 7.24908 8L16.7509 8C17.8079 8 18.3853 9.20354 17.7087 9.99627L12.9577 15.5621C12.4593 16.146 11.5407 16.146 11.0423 15.5621L6.29134 9.99627Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left-circle.js

@@ -0,0 +1,10 @@
+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: "M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7071 7.29289C13.0976 7.68342 13.0976 8.31658 12.7071 8.70711L10.4142 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H10.4142L12.7071 15.2929C13.0976 15.6834 13.0976 16.3166 12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-left.js

@@ -0,0 +1,9 @@
+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: "M14.0037 6.29134C14.7965 5.61467 16 6.19209 16 7.24907L16 16.7509C16 17.8079 14.7965 18.3853 14.0037 17.7087L8.43793 12.9577C7.85402 12.4593 7.85402 11.5407 8.43793 11.0423L14.0037 6.29134Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right-circle.js

@@ -0,0 +1,10 @@
+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: "M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 16.7071C10.9024 16.3166 10.9024 15.6834 11.2929 15.2929L13.5858 13L8 13C7.44771 13 7 12.5523 7 12C7 11.4477 7.44771 11 8 11L13.5858 11L11.2929 8.70711C10.9024 8.31658 10.9024 7.68342 11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-right.js

@@ -0,0 +1,9 @@
+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.99627 6.29134C9.20353 5.61467 8 6.19209 8 7.24907L8 16.7509C8 17.8079 9.20354 18.3853 9.99627 17.7087L15.5621 12.9577C16.146 12.4593 16.146 11.5407 15.5621 11.0423L9.99627 6.29134Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up-circle.js

@@ -0,0 +1,10 @@
+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 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.7071 12.7071C16.3166 13.0976 15.6834 13.0976 15.2929 12.7071L13 10.4142L13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16L11 10.4142L8.70711 12.7071C8.31658 13.0976 7.68342 13.0976 7.29289 12.7071C6.90237 12.3166 6.90237 11.6834 7.29289 11.2929L11.2929 7.29289C11.6834 6.90237 12.3166 6.90237 12.7071 7.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-arrow-up.js

@@ -0,0 +1,9 @@
+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.7087 14.0037C18.3853 14.7965 17.8079 16 16.7509 16L7.24907 16C6.19209 16 5.61467 14.7965 6.29134 14.0037L11.0423 8.43793C11.5407 7.85402 12.4593 7.85402 12.9577 8.43793L17.7087 14.0037Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-bell.js

@@ -0,0 +1,10 @@
+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: "M6.934 3.03993C8.28246 1.73056 10.1053 1 12 1C13.8947 1 15.7175 1.73056 17.0659 3.03993C18.4154 4.35026 19.1791 6.13383 19.1791 8C19.1791 10.9067 19.9312 12.8338 20.7207 14.0659L20.7331 14.0851C21.1009 14.6592 21.3918 15.1131 21.588 15.4436C21.6862 15.6091 21.776 15.769 21.8425 15.9113C21.8757 15.9823 21.9131 16.0699 21.9425 16.1655C21.9667 16.2444 22.0137 16.4157 21.9961 16.6247C21.9844 16.7637 21.955 17.0011 21.8153 17.2453C21.677 17.4871 21.4888 17.6329 21.3776 17.713C21.128 17.8928 20.8425 17.9337 20.7455 17.9476L20.741 17.9483C20.5923 17.9697 20.4226 17.9804 20.2494 17.987C19.9053 18 19.4283 18 18.8329 18H5.16707C4.57158 18 4.09458 18 3.75051 17.987C3.57737 17.9804 3.40758 17.9697 3.25888 17.9483L3.25442 17.9476C3.1574 17.9337 2.8719 17.8928 2.62231 17.713C2.51109 17.6329 2.32293 17.4871 2.18459 17.2453C2.0449 17.0011 2.01556 16.7636 2.00386 16.6247C1.98625 16.4157 2.03324 16.2444 2.05746 16.1655C2.08678 16.0699 2.12418 15.9823 2.15738 15.9113C2.22394 15.769 2.31368 15.6091 2.41194 15.4436C2.60811 15.1131 2.89905 14.6591 3.26697 14.085L3.27922 14.0659C4.06873 12.8338 4.82079 10.9067 4.82079 8C4.82079 6.13383 5.58453 4.35026 6.934 3.03993Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.83744 19.0572C9.35815 18.8731 9.92948 19.1461 10.1135 19.6668C10.3886 20.4449 11.1307 21 12 21C12.8692 21 13.6114 20.4449 13.8864 19.6668C14.0705 19.1461 14.6418 18.8731 15.1625 19.0572C15.6832 19.2412 15.9562 19.8126 15.7721 20.3333C15.2235 21.8855 13.7432 23 12 23C10.2568 23 8.77648 21.8855 8.22784 20.3333C8.0438 19.8126 8.31672 19.2412 8.83744 19.0572Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-book.js

@@ -0,0 +1,10 @@
+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 4.5C10.96 2.94 9.18 2 7 2H2C1.45 2 1 2.45 1 3V17.99C1 18.54 1.45 18.99 2 18.99H7.99C10.15 18.99 10.97 21.1 11.04 21.3C11.06 21.36 11.09 21.42 11.12 21.48C11.2 21.61 11.3 21.73 11.42 21.81C11.54 21.9 11.67 21.95 11.81 21.98C11.87 22 11.94 22 12 22L11.99 21.99C11.9933 21.99 11.9966 21.99 12 21.9899V4.5Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0271 21.9995H12.027C12.0178 21.9992 12.0088 21.9989 12 21.9991V4.50177C13.04 2.94067 14.82 2 17 2H22C22.55 2 23 2.45032 23 3.00071V18.0113C23 18.5617 22.55 19.012 22 19.012H16C13.8693 19.012 13.0522 21.0667 12.9537 21.3145L12.95 21.3237C12.92 21.4237 12.87 21.5138 12.81 21.5939C12.73 21.7139 12.62 21.814 12.48 21.8841C12.38 21.9441 12.27 21.9741 12.15 21.9941C12.125 21.9941 12.0975 21.9966 12.07 21.9991C12.0556 22.0005 12.0411 22 12.0271 21.9995ZM6 8.00425C5.44772 8.00425 5 8.45228 5 9.00495C5 9.55763 5.44772 10.0057 6 10.0057H8C8.55228 10.0057 9 9.55763 9 9.00495C9 8.45228 8.55228 8.00425 8 8.00425H6ZM5 13.0078C5 12.4551 5.44772 12.0071 6 12.0071H8C8.55228 12.0071 9 12.4551 9 13.0078C9 13.5605 8.55228 14.0085 8 14.0085H6C5.44772 14.0085 5 13.5605 5 13.0078ZM16 8.00425C15.4477 8.00425 15 8.45228 15 9.00495C15 9.55763 15.4477 10.0057 16 10.0057H18C18.5523 10.0057 19 9.55763 19 9.00495C19 8.45228 18.5523 8.00425 18 8.00425H16Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark-card.js

@@ -0,0 +1,10 @@
+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: "32", viewBox: "0 0 24 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M0 32V4H24V32L12 20L0 32Z", fill: "#BBD1FD" }),
+        React.createElement("rect", { width: "24", height: "4", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-bookmark.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 23V4H20V23L12 16L4 23Z", fill: "#BBD1FD" }),
+        React.createElement("rect", { x: "4", y: "1", width: "16", height: "3", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-box.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 1L22 6.48379V17.5162L12 23L2 17.5162V6.48379L12 1ZM13 12.5808V20.1933L20 16.3546V8.74215L13 12.5808ZM18.9409 7.06459L16.5 8.40311L9.55913 4.59689L12 3.25836L18.9409 7.06459ZM7.5 5.72607L5.05913 7.06459L12 10.8708L14.4409 9.5323L7.5 5.72607Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 20.1933V12.5808L20 8.74215V16.3546L13 20.1933ZM16.5 8.40311L18.9408 7.06459L12 3.25836L9.55908 4.59688L16.5 8.40311ZM5.05908 7.06459L7.49996 5.72607L14.4408 9.53229L12 10.8708L5.05908 7.06459Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-bullet.js

@@ -0,0 +1,9 @@
+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 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-calendar.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 10H3V19C3 20.6569 4.34315 22 6 22H18C19.6569 22 21 20.6569 21 19V10Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 2C9 1.44772 8.55228 1 8 1C7.44772 1 7 1.44772 7 2V3H6C4.34315 3 3 4.34315 3 6V10H21V6C21 4.34315 19.6569 3 18 3H17V2C17 1.44772 16.5523 1 16 1C15.4477 1 15 1.44772 15 2V3H9V2Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-camera.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.00015 3.5C7.00015 2.11929 8.11944 1 9.50015 1H14.5002C15.8809 1 17.0002 2.11929 17.0002 3.5C17.0002 3.77614 17.224 4 17.5002 4H19.0002C21.2093 4 23.0002 5.79086 23.0002 8V18.3333C23.0002 18.371 23.0002 18.4083 23.0002 18.4452C23.0008 18.9529 23.0012 19.3909 22.8979 19.7765C22.6205 20.8117 21.8119 21.6204 20.7766 21.8978C20.3911 22.0011 19.953 22.0006 19.4453 22.0001C19.4084 22 19.3711 22 19.3335 22H4.66682C4.62917 22 4.59189 22 4.55498 22.0001C4.04726 22.0006 3.60923 22.0011 3.2237 21.8978C2.18842 21.6204 1.37978 20.8117 1.10238 19.7765C0.999075 19.3909 0.999539 18.9529 1.00008 18.4452C1.00012 18.4083 1.00015 18.371 1.00015 18.3333V8C1.00015 5.79086 2.79102 4 5.00015 4H6.50015C6.7763 4 7.00015 3.77614 7.00015 3.5Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9C9.79063 9 8 10.7908 8 13C8 15.2092 9.79063 17 12 17C14.2094 17 16 15.2092 16 13C16 10.7908 14.2094 9 12 9Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-chevron-down.js

@@ -0,0 +1,10 @@
+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: "M17.7809 9.37534C18.1259 9.8066 18.056 10.4359 17.6247 10.7809L12.6247 14.7809C12.1935 15.1259 11.5642 15.056 11.2192 14.6247C10.8742 14.1935 10.9441 13.5642 11.3753 13.2192L16.3753 9.21917C16.8066 8.87416 17.4359 8.94408 17.7809 9.37534Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.21917 9.37534C6.56418 8.94408 7.19347 8.87416 7.62473 9.21917L12.6247 13.2192C13.056 13.5642 13.1259 14.1935 12.7809 14.6247C12.4359 15.056 11.8066 15.1259 11.3753 14.7809L6.37534 10.7809C5.94408 10.4359 5.87416 9.8066 6.21917 9.37534Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-chevron-left.js

@@ -0,0 +1,10 @@
+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: "M14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68342 13.0976 9.29289 12.7071C8.90237 12.3166 8.90237 11.6834 9.29289 11.2929L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289Z", fill: "#034AD8" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7071 16.7071C14.3166 17.0976 13.6834 17.0976 13.2929 16.7071L9.29289 12.7071C8.90237 12.3166 8.90237 11.6834 9.29289 11.2929C9.68342 10.9024 10.3166 10.9024 10.7071 11.2929L14.7071 15.2929C15.0976 15.6834 15.0976 16.3166 14.7071 16.7071Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-chevron-right.js

@@ -0,0 +1,10 @@
+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: "M9.29289 16.7071C8.90237 16.3166 8.90237 15.6834 9.29289 15.2929L13.2929 11.2929C13.6834 10.9024 14.3166 10.9024 14.7071 11.2929C15.0976 11.6834 15.0976 12.3166 14.7071 12.7071L10.7071 16.7071C10.3166 17.0976 9.68342 17.0976 9.29289 16.7071Z", fill: "#034AD8" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.29289 7.29289C9.68342 6.90237 10.3166 6.90237 10.7071 7.29289L14.7071 11.2929C15.0976 11.6834 15.0976 12.3166 14.7071 12.7071C14.3166 13.0976 13.6834 13.0976 13.2929 12.7071L9.29289 8.70711C8.90237 8.31658 8.90237 7.68342 9.29289 7.29289Z", fill: "#BBD1FD" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-chevron-up.js

@@ -0,0 +1,10 @@
+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: "M6.21911 14.6247C5.8741 14.1934 5.94402 13.5641 6.37528 13.2191L11.3753 9.21911C11.8065 8.8741 12.4358 8.94402 12.7808 9.37528C13.1259 9.80654 13.0559 10.4358 12.6247 10.7808L7.62467 14.7808C7.19341 15.1259 6.56412 15.0559 6.21911 14.6247Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.7808 14.6247C17.4358 15.0559 16.8065 15.1259 16.3753 14.7808L11.3753 10.7808C10.944 10.4358 10.8741 9.80654 11.2191 9.37528C11.5641 8.94402 12.1934 8.8741 12.6247 9.21911L17.6247 13.2191C18.0559 13.5641 18.1259 14.1934 17.7808 14.6247Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-clock.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, 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 1Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5C12.5523 5 13 5.44772 13 6V11.382L16.4472 13.1056C16.9412 13.3526 17.1414 13.9532 16.8944 14.4472C16.6474 14.9412 16.0468 15.1414 15.5528 14.8944L11.5528 12.8944C11.214 12.725 11 12.3788 11 12V6C11 5.44772 11.4477 5 12 5Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-danger.js

@@ -0,0 +1,10 @@
+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.8109 2.17646C13.2082 2.35772 13.463 2.67482 13.6377 2.92787C13.8106 3.1784 13.9958 3.50655 14.1995 3.86766L22.2543 18.1437C22.459 18.5064 22.6447 18.8355 22.7705 19.1146C22.8987 19.3989 23.0352 19.7761 22.9917 20.205C22.9352 20.7605 22.6509 21.2729 22.1987 21.6104C21.8462 21.8734 21.4453 21.9427 21.1376 21.9717C20.8362 22.0001 20.4632 22 20.0564 22H3.94354C3.53675 22 3.1637 22.0001 2.86239 21.9717C2.55462 21.9427 2.15378 21.8734 1.80127 21.6104C1.34901 21.2729 1.06471 20.7605 1.00827 20.205C0.964699 19.7761 1.10129 19.3989 1.22947 19.1146C1.35529 18.8355 1.54099 18.5064 1.74567 18.1437L9.80047 3.86767C10.0042 3.50656 10.1893 3.1784 10.3622 2.92787C10.5369 2.67482 10.7917 2.35772 11.189 2.17646C11.7047 1.94118 12.2953 1.94118 12.8109 2.17646Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0002 9C12.5525 9 13.0002 9.44772 13.0002 10L13.0002 13C13.0002 13.5523 12.5525 14 12.0002 14C11.4479 14 11.0002 13.5523 11.0002 13L11.0002 10C11.0002 9.44771 11.448 9 12.0002 9ZM10.9902 17C10.9902 16.4477 11.4379 16 11.9902 16H12.0002C12.5525 16 13.0002 16.4477 13.0002 17C13.0002 17.5523 12.5525 18 12.0002 18H11.9902C11.4379 18 10.9902 17.5523 10.9902 17Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-download.js

@@ -0,0 +1,10 @@
+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 16H8.17157L10.5858 18.4142C11.3668 19.1953 12.6332 19.1953 13.4142 18.4142L15.8284 16H21C21.5523 16 22 16.4477 22 17V20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V17C2 16.4477 2.44772 16 3 16Z", fill: "#BBD1FD" }),
+        React.createElement("path", { d: "M13 2C13 1.44772 12.5523 1 12 1C11.4477 1 11 1.44772 11 2L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L11.2929 16.7071C11.6834 17.0976 12.3166 17.0976 12.7071 16.7071L16.7071 12.7071C17.0976 12.3166 17.0976 11.6834 16.7071 11.2929C16.3166 10.9024 15.6834 10.9024 15.2929 11.2929L13 13.5858L13 2Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-edit.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.8787 2C17.0509 2 16.257 2.32885 15.6716 2.91421L3.29291 15.2929C3.16476 15.4211 3.07384 15.5816 3.02988 15.7575L2.02988 19.7575C1.94468 20.0982 2.04453 20.4587 2.29291 20.7071C2.54129 20.9555 2.90178 21.0553 3.24256 20.9701L7.24256 19.9701C7.41839 19.9262 7.57897 19.8353 7.70713 19.7071L20.0858 7.32843C20.3756 7.03859 20.6056 6.69449 20.7624 6.3158C20.9193 5.9371 21 5.53122 21 5.12132C21 4.71142 20.9193 4.30554 20.7624 3.92684C20.6056 3.54815 20.3756 3.20405 20.0858 2.91421C19.796 2.62437 19.4519 2.39446 19.0732 2.2376C18.6945 2.08074 18.2886 2 17.8787 2Z", fill: "#BBD1FD" }),
+        React.createElement("path", { d: "M12 19C11.4477 19 11 19.4477 11 20C11 20.5523 11.4477 21 12 21H20C20.5523 21 21 20.5523 21 20C21 19.4477 20.5523 19 20 19H12Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-email.js

@@ -0,0 +1,10 @@
+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: "M23 7.49335L13.5435 13.2402C12.5944 13.8096 11.4088 13.8102 10.4592 13.2418L1 7.64208V18C1 19.6569 2.34315 21 4 21H20C21.6569 21 23 19.6569 23 18V7.49335Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.06873 5.35857L11.4855 11.5251C11.8015 11.7147 12.1961 11.7151 12.5125 11.5263L12.5145 11.5251L22.8965 5.21589C22.5517 3.93931 21.3856 3 20 3H4C2.5633 3 1.36248 4.00992 1.06873 5.35857Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-external-link.js

@@ -0,0 +1,10 @@
+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 2L17 2C19.7614 2 22 4.23858 22 7V17C22 19.7614 19.7614 22 17 22H7C4.23858 22 2 19.7614 2 17V7C2 4.23858 4.23858 2 7 2Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 4C13.4477 4 13 3.55228 13 3C13 2.44772 13.4477 2 14 2H21C21.5523 2 22 2.44772 22 3V10C22 10.5523 21.5523 11 21 11C20.4477 11 20 10.5523 20 10V5.41421L13.7071 11.7071C13.3166 12.0976 12.6834 12.0976 12.2929 11.7071C11.9024 11.3166 11.9024 10.6834 12.2929 10.2929L18.5858 4H14Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-eye-disable.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 12C1 12 3 4 12 4C21 4 23 12 23 12C23 12 21 20 12 20C3 20 1 12 1 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.26157 2.32569C3.63398 1.91786 4.2665 1.88915 4.67433 2.26157L7.94157 5.24511L19.817 15.6361L22.6766 18.2637C23.0833 18.6373 23.11 19.2699 22.7364 19.6766C22.3627 20.0833 21.7301 20.11 21.3234 19.7364L18.4817 17.1253L15.2651 14.3108C14.5408 15.3328 13.3489 16 12 16C9.79087 16 8.00001 14.2091 8.00001 12C8.00001 10.8423 8.49164 9.80054 9.27646 9.07067L6.6086 6.73629L3.32569 3.73845C2.91786 3.36603 2.88915 2.73352 3.26157 2.32569Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-eye.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 12C1 12 3 4 12 4C21 4 23 12 23 12C23 12 21 20 12 20C3 20 1 12 1 12Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 12C15 13.6569 13.6567 15 12 15C10.3433 15 9 13.6569 9 12C9 10.3431 10.3433 9 12 9C13.6567 9 15 10.3431 15 12Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-file.js

@@ -0,0 +1,10 @@
+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.80569 1.83342C4.32481 1.3025 5.03372 1 5.77778 1H13.0366C13.8534 1 14.6348 1.33297 15.2005 1.92205L20.1638 7.0905C20.7004 7.64922 21 8.39382 21 9.16845V20.1818C21 20.9221 20.7127 21.6364 20.1943 22.1666C19.6752 22.6975 18.9663 23 18.2222 23H5.77778C5.03372 23 4.32481 22.6975 3.80569 22.1666C3.28732 21.6364 3 20.9221 3 20.1818V3.81818C3 3.07791 3.28732 2.36356 3.80569 1.83342Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 1H13.0366C13.8534 1 14.6348 1.33297 15.2005 1.92205L20.1638 7.0905C20.7004 7.64922 21 8.39382 21 9.16845V11H14C12.3431 11 11 9.65685 11 8V1Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-filter.js

@@ -0,0 +1,10 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M5.96742 2C4.39154 2 3.46508 3.78451 4.33369 5.1094L9 12V19L15 13.5V12L19.6663 5.1094C20.5351 3.78423 19.6079 2 18.0324 2H5.96742Z", fill: "#BBD1FD" }),
+        React.createElement("path", { d: "M15 13.5V17C15 17.2652 14.8964 17.5196 14.712 17.7071L10.6788 21.7071C10.3975 21.9931 9.97456 22.0786 9.60708 21.9239C9.2396 21.7691 9 21.4044 9 21V19L15 13.5Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-flag.js

@@ -0,0 +1,10 @@
+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: "M5 18.29C5.28 17.91 6.13 17 8 17C9.31 17 10.44 17.45 11.63 17.93C12.95 18.46 14.31 19 16 19C19.25 19 20.49 17.92 20.71 17.71C20.9 17.52 21 17.27 21 17V5C21 4.61 20.76 4.27 20.4 4.1C20.04 3.94 19.61 4.01 19.32 4.27C19.32 4.27 18.45 5 16 5C14.695 5 13.5785 4.5534 12.3836 4.07545L12.37 4.07C11.05 3.54 9.69 3 8 3C6.72058 3 5.73746 3.31292 5 3.71965V18.29Z", fill: "#BBD1FD" }),
+        React.createElement("path", { d: "M5 3.71965C4.98846 3.72602 4.97697 3.73241 4.96555 3.73882C4.8507 3.3132 4.46193 3 4 3C3.44772 3 3 3.44772 3 4V22C3 22.5523 3.44772 23 4 23C4.55228 23 5 22.5523 5 22V3.71965Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-health.js

@@ -0,0 +1,10 @@
+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: "M11.1437 4.74152L12 5.59837L12.8563 4.74152C15.1768 2.4195 18.9393 2.41949 21.2599 4.74152C23.58 7.06318 23.58 10.8271 21.2599 13.1487L12.7073 21.7069C12.5197 21.8946 12.2653 22 12 22C11.7346 22 11.4802 21.8946 11.2926 21.7069C11.2926 21.7069 2.90912 13.3179 2.74007 13.1487C2.57102 12.9796 2.41403 12.8024 2.26922 12.6184C0.432567 10.2845 0.589008 6.89399 2.74006 4.74152C5.06058 2.4195 8.82314 2.41949 11.1437 4.74152Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5964 13C2.48121 12.8766 2.37213 12.7492 2.2692 12.6184C1.87675 12.1197 1.5753 11.5728 1.36487 11H5.96475L7.66788 8.44531C7.86562 8.1487 8.20629 7.97979 8.56207 8.00194C8.91785 8.02409 9.23494 8.23396 9.39436 8.55279L11.6237 13.0115L12.6679 11.4453C12.8533 11.1671 13.1656 11 13.4999 11H14.4999C15.0522 11 15.4999 11.4477 15.4999 12C15.4999 12.5523 15.0522 13 14.4999 13H14.0351L12.332 15.5547C12.1342 15.8513 11.7936 16.0202 11.4378 15.9981C11.082 15.9759 10.7649 15.7661 10.6055 15.4472L8.37613 10.9885L7.33198 12.5547C7.14652 12.8329 6.83428 13 6.49993 13H2.5964Z", fill: "#034AD8" })));
+};

package/dist/components/ui/atoms/icon/assets/Illustrate/illustrate-home.js

@@ -0,0 +1,11 @@
+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({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, newProps, { role: "img" }),
+        props.title && React.createElement("title", null, props.title),
+        React.createElement("path", { d: "M11.3753 1.21913C11.7406 0.926956 12.2595 0.926956 12.6247 1.21913C15.9581 3.88581 19.2914 6.55246 22.6247 9.21913C23.056 9.56414 23.1259 10.1934 22.7809 10.6247C22.4359 11.056 21.8066 11.1259 21.3753 10.7809L21 10.4806V20C21 21.6569 19.6569 23 18 23H6.00004C4.34318 23 3.00004 21.6569 3.00004 20V10.4806L2.62473 10.7809C2.19347 11.1259 1.56418 11.056 1.21917 10.6247C0.874158 10.1934 0.94408 9.56414 1.37534 9.21913C4.70867 6.55247 8.04201 3.8858 11.3753 1.21913Z", fill: "#BBD1FD" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.4707 13.8539C9.77857 13.4092 10.3029 13 11 13H13C13.6971 13 14.2214 13.4092 14.5293 13.8539C14.8399 14.3025 15 14.8679 15 15.4444V21H9V15.4444C9 14.8679 9.16012 14.3025 9.4707 13.8539Z", fill: "#034AD8" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.4707 13.8539C9.77881 13.4092 10.3027 13 11 13H13C13.6973 13 14.2212 13.4092 14.5293 13.8539C14.8398 14.3025 15 14.8679 15 15.4445V21H9V15.4445C9 14.8679 9.16016 14.3025 9.4707 13.8539Z", fill: "#034AD8" })));
+};