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

package/dist/components/ui/atoms/scribbles/assets/detail/detail-chat.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: "52", height: "50", viewBox: "0 0 52 50", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M26.74 40.689C38.1404 40.885 51.0261 36.9754 51 22.2387C50.9738 7.60285 40.2218 1.76083 28.7952 1.08309C10.0785 -0.0315452 1.00523 10.241 1 21.5274C1 29.5426 5.71185 34.4045 12.4319 37.5747C12.6672 40.6498 11.7938 44.7498 6.94603 48.1609C6.94603 48.1609 17.5464 52.7483 22.2216 40.4705", stroke: "#1CA3FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/detail/detail-fluid.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: "114", height: "18", viewBox: "0 0 114 18", 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 9.0007C21.4225 9.0007 27.7164 1 35.5921 1C45.0704 1 51.0505 13.8947 55.8237 13.7109C60.597 13.5272 53.3553 7.41949 57.5285 5.99974C61.7016 4.58 68.3568 17.4023 76.3963 16.9903C84.4357 16.5783 86.7064 8.99514 113 8.99514", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/detail/detail-movement.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: "66", height: "66", viewBox: "0 0 66 66", 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 16.3253L19.3923 1L11.8446 26.8452L65 37.9285L20.9368 43.0275L37.7421 65L1 51.7105", stroke: "#1CA3FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/detail/detail-talk.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: "34", height: "32", viewBox: "0 0 34 32", 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: "M33.8131 0.417888C34.1346 0.866956 34.0312 1.49162 33.5821 1.81311C27.1327 6.43029 18.9766 8.96652 12.4949 10.3529C9.24338 11.0483 6.38985 11.4592 4.34752 11.6964C3.32595 11.8151 2.50625 11.8904 1.93994 11.9362C1.65675 11.9591 1.43683 11.9746 1.28662 11.9844C1.21151 11.9894 1.15382 11.9929 1.11435 11.9952L1.06891 11.9977L1.05663 11.9984L1.05313 11.9986L1.05204 11.9986C1.05169 11.9987 1.0514 11.9987 1 11L1.0514 11.9987C0.499848 12.0271 0.0297108 11.603 0.00132197 11.0514C-0.0270656 10.4999 0.397009 10.0297 0.948531 10.0013L0.948597 10.0013L0.950461 10.0012L0.959347 10.0007L0.997883 9.99855C1.0327 9.99652 1.08564 9.99331 1.1559 9.98871C1.29643 9.97951 1.5062 9.96474 1.77881 9.9427C2.32411 9.89863 3.12048 9.82552 4.11677 9.7098C6.11015 9.47827 8.89948 9.07666 12.0766 8.39712C17.884 7.15497 24.9099 4.99997 30.7429 1.31317C31.3134 0.952589 31.8725 0.577356 32.4179 0.186891C32.867 -0.1346 33.4916 -0.0311794 33.8131 0.417888ZM0 16C0 15.4477 0.447715 15 1 15H33C33.5523 15 34 15.4477 34 16C34 16.5523 33.5523 17 33 17H1C0.447715 17 0 16.5523 0 16ZM1.0514 20.0013C0.499848 19.9729 0.0297108 20.397 0.00132197 20.9486C-0.0270635 21.5001 0.396942 21.9702 0.948401 21.9987L0.948597 21.9987L0.948647 21.9987L0.950461 21.9988L0.959347 21.9992L0.997883 22.0014C1.0327 22.0035 1.08564 22.0067 1.1559 22.0113C1.29643 22.0205 1.5062 22.0352 1.77881 22.0573C2.32411 22.1014 3.12048 22.1745 4.11677 22.2902C6.11015 22.5217 8.89948 22.9233 12.0766 23.6029C18.452 24.9665 26.2959 27.4303 32.4179 31.8131C32.867 32.1346 33.4916 32.0312 33.8131 31.5821C34.1346 31.133 34.0312 30.5084 33.5821 30.1869C27.1327 25.5697 18.9766 23.0335 12.4949 21.6471C9.24338 20.9516 6.38985 20.5408 4.34752 20.3035C3.32595 20.1849 2.50625 20.1096 1.93994 20.0638C1.65675 20.0409 1.43683 20.0254 1.28662 20.0156C1.21151 20.0106 1.15382 20.0071 1.11435 20.0048L1.06891 20.0022L1.05663 20.0016L1.05313 20.0014L1.05204 20.0013C1.05169 20.0013 1.0514 20.0013 1 21L1.0514 20.0013Z", fill: "#1CA3FC" })));
-};

package/dist/components/ui/atoms/scribbles/assets/index.js

@@ -1,35 +0,0 @@
-export const scribblesList = {
-    // Wave
-    'agora-wave-left-l': './assets/wave/wave-left-l',
-    'agora-wave-right-l': './assets/wave/wave-right-l',
-    'agora-wave-right-m': './assets/wave/wave-right-m',
-    // Detail
-    'agora-detail-fluid': './assets/detail/detail-fluid',
-    'agora-detail-talk': './assets/detail/detail-talk',
-    'agora-detail-chat': './assets/detail/detail-chat',
-    'agora-detail-movement': './assets/detail/detail-movement',
-    'agora-detail-attention': './assets/detail/detail-attention',
-    // Arrow
-    'agora-arrow-right': './assets/arrow/arrow-right',
-    'agora-arrow-curve-right': './assets/arrow/arrow-curve-right',
-    'agora-arrow-down-left': './assets/arrow/arrow-down-left',
-    'agora-arrow-loop': './assets/arrow/arrow-loop',
-    'agora-arrow-down-right': './assets/arrow/arrow-down-right',
-    'agora-arrow-up-right': './assets/arrow/arrow-up-right',
-    // Bold
-    'agora-bold-arrow': './assets/bold/bold-arrow',
-    'agora-bold-line': './assets/bold/bold-line',
-    // Line
-    'agora-line-straight': './assets/line/line-straight',
-    'agora-line-zig-zag': './assets/line/line-zig-zag',
-    'agora-line-zig': './assets/line/line-zig',
-    // Circle
-    'agora-circle-right-l': './assets/circle/circle-right-l',
-    'agora-circle-left-l': './assets/circle/circle-left-l',
-    'agora-circle-right-xxl': './assets/circle/circle-right-xxl',
-    'agora-circle-left-xxl': './assets/circle/circle-left-xxl'
-};
-export const allScribbles = Object.keys(scribblesList);
-export const isBundledScribbles = (name) => {
-    return !!allScribbles.find((i) => i === name);
-};

package/dist/components/ui/atoms/scribbles/assets/line/line-straight.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: "172", height: "6", viewBox: "0 0 172 6", 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 5C1 5 78 -0.231864 171 1.27139", stroke: "#1CA3FC", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/line/line-zig-zag.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: "148", height: "18", viewBox: "0 0 148 18", 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 3.44076C1 3.44076 111.594 -0.899723 147 1.99574C147 1.99574 72.9062 3.48422 44.201 17C44.201 17 80.8163 11.3612 107.768 12.8008", stroke: "#1CA3FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/line/line-zig.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: "236", height: "18", viewBox: "0 0 236 18", 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 3.44076C1 3.44076 178.253 -0.899723 235 1.99574C235 1.99574 116.247 3.48422 70.2399 17", stroke: "#1CA3FC", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/wave/wave-left-l.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({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 3840 1600" }, newProps, { role: "img" }),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { d: "M0,800c700.2,0,915.89-336,1186.04-336,324.91,0,529.97,541.41,693.65,533.78,163.68-7.63-84.64-264.13,58.54-323.68,143.17-59.55,371.24,478.68,646.76,461.49,275.52-17.19,353.46-335.6,1255.01-335.6", stroke: "#1CA3FC", strokeWidth: "48", strokeMiterlimit: "10", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/wave/wave-right-l.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: "2578", height: "794", viewBox: "0 0 2578 794", 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.0218 396.242C443.306 396.242 518.001 574.421 700.582 534.337C864.613 498.326 1022.64 179.123 1132.48 189.515C1246.01 200.254 967.499 567.149 1087.22 615.594C1184.44 654.937 1499.9 -16.0008 1605.25 15.0835C1731.35 52.2836 1366.27 757.37 1496.89 777.412C1625.33 797.117 1710.29 278.907 1863.53 251.122C2002.36 225.952 2032.05 396.242 2561.97 396.242", stroke: "#1CA3FC", strokeWidth: "24", strokeMiterlimit: "9.56677", strokeLinecap: "round" })));
-};

package/dist/components/ui/atoms/scribbles/assets/wave/wave-right-m.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: "1202", height: "378", viewBox: "0 0 1202 378", 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 189.113C210.472 189.113 245.006 271.214 329.419 252.744C405.255 236.151 478.318 89.069 529.101 93.8571C581.588 98.8055 452.823 267.863 508.172 290.185C553.121 308.314 698.971 -0.840021 747.676 13.483C805.976 30.624 637.186 355.513 697.579 364.748C756.959 373.827 796.241 135.047 867.085 122.245C931.27 110.647 945 189.113 1190 189.113", stroke: "#1CA3FC", strokeWidth: "24", strokeMiterlimit: "9.56677", strokeLinecap: "round" })));
-};

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

@@ -1,2 +0,0 @@
-export { Scribbles } from './scribbles';
-export { allScribbles } from './assets/index';

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

@@ -1,64 +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 { isBundledScribbles, scribblesList } from './assets';
-import './scribbles.scss';
-const scribblesCache = {};
-const loadScribbles = (name) => {
-    const cachedScribbles = scribblesCache[name];
-    if (cachedScribbles) {
-        return Promise.resolve(cachedScribbles);
-    }
-    const url = scribblesList[name];
-    return import(`${url}`).then(({ component }) => {
-        const svgComponent = (() => component);
-        scribblesCache[name] = svgComponent;
-        return svgComponent;
-    });
-};
-export const Scribbles = (_a) => {
-    var { name, darkMode, onScribblesLoad, onScribblesError } = _a, props = __rest(_a, ["name", "darkMode", "onScribblesLoad", "onScribblesError"]);
-    const [CurrentScribblesComponent, setCurrentScribblesComponent] = useState();
-    const classes = classNames('agora-scribbles', props.className, name, {
-        'dark-mode': darkMode
-    });
-    const onLoad = () => {
-        onScribblesLoad === null || onScribblesLoad === void 0 ? void 0 : onScribblesLoad();
-    };
-    const onError = () => {
-        onScribblesError === null || onScribblesError === void 0 ? void 0 : onScribblesError();
-    };
-    const isScribbles = name !== '' && !isBundledScribbles(name);
-    useEffect(() => {
-        let isMounted = true;
-        if (isMounted && !isScribbles) {
-            loadScribbles(name)
-                .then((component) => {
-                if (isMounted) {
-                    setCurrentScribblesComponent(component);
-                    onLoad();
-                }
-            })
-                .catch(() => {
-                if (isMounted) {
-                    onError();
-                }
-            });
-        }
-        return () => {
-            isMounted = false;
-        };
-    }, [name]);
-    const fullProps = Object.assign(Object.assign({}, props), { role: 'img', className: classes, title: props.title || props.alt });
-    return CurrentScribblesComponent && React.createElement(CurrentScribblesComponent, Object.assign({}, fullProps));
-};

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

@@ -1 +0,0 @@
-.agora-scribbles.agora-arrow-curve-right>*,.agora-scribbles.agora-arrow-down-left>*,.agora-scribbles.agora-arrow-down-right>*,.agora-scribbles.agora-arrow-loop>*,.agora-scribbles.agora-arrow-right>*,.agora-scribbles.agora-arrow-up-right>*,.agora-scribbles.agora-bold-arrow>*,.agora-scribbles.agora-detail-attention>*,.agora-scribbles.agora-detail-talk>*{fill:#1ca3fc}.agora-scribbles.agora-bold-line>*,.agora-scribbles.agora-circle-left-l>*,.agora-scribbles.agora-circle-left-xxl>*,.agora-scribbles.agora-circle-right-l>*,.agora-scribbles.agora-circle-right-xxl>*,.agora-scribbles.agora-detail-chat>*,.agora-scribbles.agora-detail-fluid>*,.agora-scribbles.agora-detail-movement>*,.agora-scribbles.agora-line-straight>*,.agora-scribbles.agora-line-zig-zag>*,.agora-scribbles.agora-line-zig>*,.agora-scribbles.agora-wave-left-l>*,.agora-scribbles.agora-wave-right-l>*,.agora-scribbles.agora-wave-right-m>*{stroke:#1ca3fc}.agora-scribbles.dark-mode.agora-arrow-curve-right>*,.agora-scribbles.dark-mode.agora-arrow-down-left>*,.agora-scribbles.dark-mode.agora-arrow-down-right>*,.agora-scribbles.dark-mode.agora-arrow-loop>*,.agora-scribbles.dark-mode.agora-arrow-right>*,.agora-scribbles.dark-mode.agora-arrow-up-right>*,.agora-scribbles.dark-mode.agora-bold-arrow>*,.agora-scribbles.dark-mode.agora-detail-attention>*,.agora-scribbles.dark-mode.agora-detail-talk>*{fill:#fff}.agora-scribbles.dark-mode.agora-bold-line>*,.agora-scribbles.dark-mode.agora-circle-left-l>*,.agora-scribbles.dark-mode.agora-circle-left-xxl>*,.agora-scribbles.dark-mode.agora-circle-right-l>*,.agora-scribbles.dark-mode.agora-circle-right-xxl>*,.agora-scribbles.dark-mode.agora-detail-chat>*,.agora-scribbles.dark-mode.agora-detail-fluid>*,.agora-scribbles.dark-mode.agora-detail-movement>*,.agora-scribbles.dark-mode.agora-line-straight>*,.agora-scribbles.dark-mode.agora-line-zig-zag>*,.agora-scribbles.dark-mode.agora-line-zig>*,.agora-scribbles.dark-mode.agora-wave-left-l>*,.agora-scribbles.dark-mode.agora-wave-right-l>*,.agora-scribbles.dark-mode.agora-wave-right-m>*{stroke:#fff}

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

@@ -1 +0,0 @@
-export { Tag } from './tag';

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

@@ -1,66 +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, { forwardRef } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './tag.scss';
-const IconWrapper = ({ name, iconHover, iconAltText }) => {
-    // preventing using illustrate family icons on buttons
-    if (name.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, { name: name, alt: iconAltText, "aria-hidden": !iconAltText }),
-        React.createElement(Icon, { name: iconHover, alt: iconAltText, "aria-hidden": !iconAltText })));
-};
-/**
- * Return icon default animation class according icon name and default position.
- */
-const getDefaultIconAnimation = (icon) => {
-    if (icon) {
-        // if icon contains "arrow" or "chevron" word check for direction left/right and override the default animation to preserve harmony
-        // this 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) {
-                return 'backward';
-            }
-            if (icon.indexOf('right') >= 0) {
-                return 'forward';
-            }
-        }
-    }
-    return 'default';
-};
-export const InnerTag = (_a, ref) => {
-    var { variant = 'light', fullWidth, hasIcon, iconHover = '', icon = '', iconAltText = '', children, className = '' } = _a, props = __rest(_a, ["variant", "fullWidth", "hasIcon", "iconHover", "icon", "iconAltText", "children", "className"]);
-    const iconToUse = icon || 'no-icon';
-    const iconHoverToUse = iconHover || 'no-icon';
-    const defaultAnimation = getDefaultIconAnimation(iconToUse);
-    /**
-     * Building Tag class name dynamically according parameters.
-     */
-    const TagClassName = classNames({ 'flex justify-center': !props.hidden }, `btn-tag btn-tag-${variant}`, {
-        [`animate-icon-tag-${defaultAnimation}`]: stringToBoolean(hasIcon)
-    }, {
-        'btn-tag-block': stringToBoolean(fullWidth)
-    }, className);
-    return (React.createElement("button", Object.assign({ type: "button", className: TagClassName }, props, { ref: ref }),
-        React.createElement("div", { className: "flex items-center gap-8" },
-            hasIcon && React.createElement(IconWrapper, { name: iconToUse, iconHover: iconHoverToUse, iconAltText: iconAltText }),
-            React.createElement("span", { className: "children-wrapper" }, children)),
-        React.createElement("div", { className: "close-wrapper" },
-            React.createElement(Icon, { name: "agora-line-x", "aria-hidden": true, className: "icon-close icon-close-line" }),
-            React.createElement(Icon, { name: "agora-solid-x", "aria-hidden": true, className: "icon-close icon-close-solid" }))));
-};
-export const Tag = forwardRef(InnerTag);

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

@@ -1 +0,0 @@
-.btn-tag{display:flex;align-items:center;justify-content:center;gap:16px;border-radius:4px;padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:10px;min-height:44px}.btn-tag .close-wrapper .icon-close-line{display:block}.btn-tag .close-wrapper .icon-close-solid{display:none}.btn-tag:not(:disabled):hover .close-wrapper .icon-close-line{display:none}.btn-tag:not(:disabled):hover .close-wrapper .icon-close-solid{display:block}.btn-tag:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.btn-tag:not(:focus){outline:2px solid transparent;outline-offset:2px}.btn-tag .children-wrapper{font-size:16px}.btn-tag svg{pointer-events:none;height:24px}.btn-tag .icon-wrapper{height:24px;min-width:24px}.btn-tag .icon-wrapper svg{position:absolute}.btn-tag.animate-icon-tag-backward .icon-wrapper svg:first-of-type{--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));opacity:1}.btn-tag.animate-icon-tag-backward .icon-wrapper svg:last-of-type{--tw-translate-x: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}.btn-tag.animate-icon-tag-backward:not(:disabled) .icon-wrapper svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-tag.animate-icon-tag-backward:not(:disabled):hover .icon-wrapper svg:first-of-type{--tw-translate-x:-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}.btn-tag.animate-icon-tag-backward:not(:disabled):hover .icon-wrapper svg:last-of-type{--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));opacity:1}.btn-tag.animate-icon-tag-forward .icon-wrapper svg:first-of-type{--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));opacity:1}.btn-tag.animate-icon-tag-forward .icon-wrapper svg:last-of-type{--tw-translate-x:-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}.btn-tag.animate-icon-tag-forward:not(:disabled) .icon-wrapper svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-tag.animate-icon-tag-forward:not(:disabled):hover .icon-wrapper svg:first-of-type{--tw-translate-x: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}.btn-tag.animate-icon-tag-forward:not(:disabled):hover .icon-wrapper svg:last-of-type{--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));opacity:1}.btn-tag.animate-icon-tag-default .icon-wrapper svg:first-of-type{--tw-translate-x:0px;--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}.btn-tag.animate-icon-tag-default .icon-wrapper svg:last-of-type{--tw-translate-x:0px;--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}.btn-tag.animate-icon-tag-default:not(:disabled) .icon-wrapper svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn-tag.animate-icon-tag-default:not(:disabled):hover .icon-wrapper svg:first-of-type{--tw-translate-x:0px;--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}.btn-tag.animate-icon-tag-default:not(:disabled):hover .icon-wrapper svg:last-of-type{--tw-translate-x:0px;--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}.btn-tag-block{width:100%;align-items:center;justify-content:space-between;gap:16px}.btn-tag-light{border-width:2px;--tw-border-opacity:1;border-color:rgb(156 166 184 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-tag-light:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-tag-light:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-tag-light:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(0 0 0 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:.25}.btn-tag-light svg:first-of-type path{fill:#2b363c;fill:transparent}.btn-tag-light svg:last-of-type path{fill:#2b363c;fill:transparent}.btn-tag-light:not(:active):not(:disabled):hover svg:first-of-type path{fill:transparent;fill:#2b363c}.btn-tag-light:not(:active):not(:disabled):hover svg:last-of-type path{fill:transparent;fill:#2b363c}.btn-tag-light:active:not(:disabled) svg:first-of-type path{fill:transparent;fill:#2b363c}.btn-tag-light:active:not(:disabled) svg:last-of-type path{fill:transparent;fill:#2b363c}.btn-tag-dark{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-tag-dark:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-tag-dark:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.btn-tag-dark:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity));opacity:.25}.btn-tag-dark svg:first-of-type path{fill:#fff;fill:transparent}.btn-tag-dark svg:last-of-type path{fill:#fff;fill:transparent}.btn-tag-dark:not(:active):not(:disabled):hover svg:first-of-type path{fill:transparent;fill:#2b363c}.btn-tag-dark:not(:active):not(:disabled):hover svg:last-of-type path{fill:transparent;fill:#2b363c}.btn-tag-dark:active:not(:disabled) svg:first-of-type path{fill:transparent;fill:#2b363c}.btn-tag-dark:active:not(:disabled) svg:last-of-type path{fill:transparent;fill:#2b363c}

package/dist/components/ui/index.js

@@ -1,27 +0,0 @@
-//  Atoms
-export * from './atoms/accordion';
-export * from './atoms/breadcrumb';
-export * from './atoms/button';
-export * from './atoms/checkbox';
-export * from './atoms/icon';
-export * from './atoms/input-number';
-export * from './atoms/input-password';
-export * from './atoms/input-search';
-export * from './atoms/input-text';
-export * from './atoms/input-textarea';
-export * from './atoms/pill';
-export * from './atoms/progress-bar';
-export * from './atoms/radio';
-export * from './atoms/scribbles';
-export * from './atoms/tag';
-//  Molecules
-export * from './molecules/accordion-group';
-export * from './molecules/checkbox-group';
-export * from './molecules/dropdown-list';
-export * from './molecules/radiobutton-group';
-//  Organisms
-export * from './organisms/input-date';
-export * from './organisms/input-phone';
-export * from './organisms/input-select';
-// Templates
-export * from './templates/federated-footer';

package/dist/components/ui/molecules/accordion-group/accordion-group.js

@@ -1,63 +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;
-};
-/* eslint-disable no-shadow */
-import classNames from 'classnames';
-import React, { createRef, forwardRef, useId, useState } from 'react';
-import { Accordion } from '../../atoms/accordion';
-import './accordion-group.scss';
-export const InnerAccordionGroup = (_a, ref) => {
-    var { items = [], className = '', children, type = 'single' } = _a, props = __rest(_a, ["items", "className", "children", "type"]);
-    /**
-     * Building Accordion class name dynamically according parameters.
-     */
-    const AccordionGroupClassName = classNames('accordionGroup', className);
-    const generatedAccordionGroupId = useId();
-    let childrenAccordions;
-    if (children) {
-        if (!Array.isArray(children)) {
-            childrenAccordions = [children];
-        }
-        else {
-            childrenAccordions = children;
-        }
-    }
-    else {
-        childrenAccordions = [];
-    }
-    const itemsAccordions = items.map((item, index) => {
-        const id = `accordion-group-${generatedAccordionGroupId}-accordion-${index}`;
-        return (React.createElement(Accordion, Object.assign({}, item, { key: id }), item.children));
-    });
-    const refsMap = new Map();
-    const updateAllAccordions = (prop) => {
-        if (type === 'multiple') {
-            return;
-        }
-        refsMap.forEach((v, k) => {
-            var _a;
-            if (prop.id !== k) {
-                (_a = v.current) === null || _a === void 0 ? void 0 : _a.collapse();
-            }
-        });
-    };
-    const [allAccordions] = useState([
-        ...React.Children.map([...childrenAccordions, ...itemsAccordions], (child, index) => {
-            const ref = createRef();
-            const id = `accordion-group-${generatedAccordionGroupId}-accordion-${index}`;
-            refsMap.set(id, ref);
-            return React.cloneElement(child, Object.assign(Object.assign({}, child.props), { ref,
-                id, onExpanded: updateAllAccordions }));
-        })
-    ]);
-    return (React.createElement("div", Object.assign({ className: AccordionGroupClassName }, props, { ref: ref }), allAccordions));
-};
-export const AccordionGroup = forwardRef(InnerAccordionGroup);

package/dist/components/ui/molecules/accordion-group/accordion-group.scss

@@ -1 +0,0 @@
-.accordionGroup{margin-top:0;padding:0;width:100%}

package/dist/components/ui/molecules/accordion-group/index.js

@@ -1 +0,0 @@
-export { AccordionGroup } from './accordion-group';

package/dist/components/ui/molecules/checkbox-group/checkbox-group.js

@@ -1,43 +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 React, { useId } from 'react';
-import { Checkbox } from '../../atoms/checkbox/checkbox';
-const CheckboxGroup = (_a) => {
-    var { label, onChange, items = [], children } = _a, props = __rest(_a, ["label", "onChange", "items", "children"]);
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    let childrenCheckboxes;
-    if (children) {
-        if (!Array.isArray(children)) {
-            childrenCheckboxes = [children];
-        }
-        else {
-            childrenCheckboxes = children;
-        }
-    }
-    else {
-        childrenCheckboxes = [];
-    }
-    const itemsCheckboxes = items.map((item) => React.createElement(Checkbox, Object.assign({}, item, { value: item.value || undefined })));
-    const allCheckboxes = [...itemsCheckboxes, ...childrenCheckboxes];
-    const innerOnChange = (nativeEvent) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(nativeEvent);
-    };
-    return (React.createElement("div", null,
-        React.createElement("label", { className: "text-primary-900 text-m-medium mb-8 block", hidden: !!propsClone.hidden, htmlFor: propsClone.id, id: `agora-checkbox-group-${propsClone.id}-label` }, label),
-        React.createElement("div", Object.assign({}, propsClone, { role: "group", "aria-label": propsClone.hidden ? propsClone['aria-label'] || label : propsClone['aria-label'], id: propsClone.id, "aria-labelledby": `agora-checkbox-group-${propsClone.id}-label` }),
-            React.createElement("div", { role: "list" }, React.Children.map(allCheckboxes, (child) => {
-                return React.cloneElement(child, Object.assign(Object.assign({}, child.props), { onChange: innerOnChange }));
-            })))));
-};
-export { CheckboxGroup };

package/dist/components/ui/molecules/checkbox-group/index.js

@@ -1 +0,0 @@
-export { CheckboxGroup } from './checkbox-group';