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

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

@@ -1 +0,0 @@
-.accordion{display:flex;flex-direction:column;align-items:center;overflow:hidden;border-width:2px;border-style:solid;border-color:transparent;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:32px;width:100%;min-height:92px;box-sizing:border-box}.accordion:hover{--tw-bg-opacity:1;background-color:rgb(247 248 250 / var(--tw-bg-opacity))}.accordion-open{--tw-bg-opacity:1;background-color:rgb(247 248 250 / var(--tw-bg-opacity))}.accordion:focus-within{border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.accordion:not(:focus-within){outline:2px solid transparent;outline-offset:2px}.accordion .accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%}.accordion .accordion-header .title{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:600;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.accordion .accordion-header .title-block{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:700;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.accordion .accordion-header:focus{outline:0}.accordion .children-wrapper{font-size:16px}.accordion .icon-chevron{transform:rotateX(0);transition:transform 250ms;transform-style:preserve-3d}.accordion .icon-chevron-flip{transform:rotateX(180deg)}.accordion .accordion-body{visibility:hidden;opacity:0;height:0;transition:grid-template-rows .2s ease-in-out,opacity .2s ease-in-out;grid-template-rows:0fr}.accordion .accordion-body-block{visibility:visible;opacity:1;height:auto;margin-top:16px;display:grid;overflow-wrap:break-word;padding:8px;grid-template-rows:1fr}

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

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

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

@@ -1,28 +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, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { BreadcrumbMobile } from './mobile/breadcrumb-mobile';
-import { BreadcrumbDesktop } from './desktop/breadcrumb-desktop';
-const InnerBreadcrumb = (_a, ref) => {
-    var { items = [], darkMode } = _a, props = __rest(_a, ["items", "darkMode"]);
-    const classes = classNames('agora-breadcrumb', props.className, {
-        'dark-mode': darkMode
-    });
-    const fullProps = Object.assign(Object.assign({}, props), { className: classes });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "hidden xl:block" },
-            React.createElement(BreadcrumbDesktop, Object.assign({ items: items, ref: ref }, fullProps))),
-        React.createElement("div", { className: "xl:hidden" },
-            React.createElement(BreadcrumbMobile, Object.assign({ items: items, ref: ref }, fullProps)))));
-};
-export const Breadcrumb = forwardRef(InnerBreadcrumb);

package/dist/components/ui/atoms/breadcrumb/desktop/breadcrumb-desktop.js

@@ -1,34 +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, useId } from 'react';
-import { Icon } from '../../icon';
-import './breadcrumb-desktop.scss';
-const InnerBreadcrumbDesktop = (_a, ref) => {
-    var _b;
-    var { items = [], darkMode } = _a, props = __rest(_a, ["items", "darkMode"]);
-    const generatedId = useId();
-    const BreadcrumbClassName = classNames('agora-breadcrumb-desktop', props.className, {
-        'dark-mode': darkMode
-    });
-    const ariaLabel = (_b = props['aria-label']) !== null && _b !== void 0 ? _b : 'Breadcrumb';
-    return (React.createElement("nav", { ref: ref, "aria-label": ariaLabel },
-        React.createElement("ol", { className: BreadcrumbClassName }, items.map((link, index) => {
-            const key = `${generatedId}-${index}`;
-            return (React.createElement("div", { key: key },
-                index !== 0 && React.createElement(Icon, { name: "agora-line-chevron-right", dimensions: "m", "aria-hidden": "true" }),
-                index === items.length - 1 || !link.url ? (React.createElement("li", { key: key },
-                    React.createElement("span", { "aria-current": "page" }, link.label))) : (React.createElement("li", { key: key },
-                    React.createElement("a", { href: link.url }, link.label)))));
-        }))));
-};
-export const BreadcrumbDesktop = forwardRef(InnerBreadcrumbDesktop);

package/dist/components/ui/atoms/breadcrumb/desktop/breadcrumb-desktop.scss

@@ -1 +0,0 @@
-.agora-breadcrumb-desktop{display:flex;flex-wrap:wrap;align-items:center;row-gap:8px}.agora-breadcrumb-desktop div{display:flex;flex:0 1 auto;align-items:center}.agora-breadcrumb-desktop div path{fill:#2b363c}.agora-breadcrumb-desktop div li{display:flex;align-items:center;border-radius:4px;border-width:2px;border-style:solid;border-color:transparent;padding-left:8px;padding-right:8px;padding-bottom:8px}.agora-breadcrumb-desktop div li:focus-within{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-breadcrumb-desktop div a,.agora-breadcrumb-desktop div span{display:flex;align-items:center;font-size:.875rem;line-height:1.5rem;letter-spacing:0;font-weight:400;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.agora-breadcrumb-desktop div a{position:relative;text-decoration-line:none;min-height:44px}.agora-breadcrumb-desktop div a::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;--tw-bg-opacity:1;background-color:rgb(43 54 60 / var(--tw-bg-opacity))}.agora-breadcrumb-desktop div a:hover{--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.agora-breadcrumb-desktop div a:hover::after{background-color:transparent}.agora-breadcrumb-desktop div a:focus{outline:2px solid transparent;outline-offset:2px}.agora-breadcrumb-desktop.dark-mode div path{fill:#fff}.agora-breadcrumb-desktop.dark-mode div a,.agora-breadcrumb-desktop.dark-mode div span{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}

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

@@ -1 +0,0 @@
-export { Breadcrumb } from './breadcrumb';

package/dist/components/ui/atoms/breadcrumb/mobile/breadcrumb-mobile.js

@@ -1,111 +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, useEffect, useId, useRef, useState } from 'react';
-import { Icon } from '../../icon';
-import './breadcrumb-mobile.scss';
-export const InnerBreadcrumbMobile = (_a, ref) => {
-    var _b, _c;
-    var { items = [], darkMode } = _a, props = __rest(_a, ["items", "darkMode"]);
-    const generatedId = useId();
-    const [isExpanded, setIsExpanded] = useState(false);
-    const buttonRef = useRef(null);
-    const listRef = useRef(null);
-    const BreadcrumbClassName = classNames('agora-breadcrumb-mobile', props.className, {
-        'dark-mode': darkMode
-    });
-    const ariaLabel = (_b = props['aria-label']) !== null && _b !== void 0 ? _b : 'Breadcrumb';
-    /**
-     * Function used to close the breadcrumb menu.
-     */
-    const closeMenuHandler = (event) => {
-        if ((listRef === null || listRef === void 0 ? void 0 : listRef.current) && !listRef.current.contains(event.target)) {
-            setIsExpanded(false);
-        }
-    };
-    const handleTabKey = (event) => {
-        var _a, _b, _c;
-        const linkList = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a');
-        const target = event.target;
-        const liParentNode = target.parentNode;
-        if (event.shiftKey) {
-            const firstLiChild = linkList === null || linkList === void 0 ? void 0 : linkList[0].parentNode;
-            if (firstLiChild === liParentNode) {
-                event.preventDefault();
-                if (linkList) {
-                    (_b = linkList[linkList.length - 1]) === null || _b === void 0 ? void 0 : _b.focus();
-                }
-            }
-        }
-        else {
-            const lastLiWithChildAnchor = linkList === null || linkList === void 0 ? void 0 : linkList[linkList.length - 1].parentNode;
-            if (lastLiWithChildAnchor === liParentNode) {
-                event.preventDefault();
-                if (linkList) {
-                    (_c = linkList[0]) === null || _c === void 0 ? void 0 : _c.focus();
-                }
-            }
-        }
-    };
-    /**
-     * Function used to set Keyboard Keydown Behavior.
-     */
-    const setKeyboardKeydownBehavior = (event) => {
-        var _a;
-        if (event.key === 'Escape' || event.key === 'Esc') {
-            setIsExpanded(false);
-            (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-        if (event.key === 'Tab') {
-            handleTabKey(event);
-        }
-    };
-    /**
-     * Used to setup the Event Listeners (mouse and keyboard).
-     */
-    useEffect(() => {
-        var _a, _b;
-        if (isExpanded) {
-            document.addEventListener('mousedown', closeMenuHandler);
-            /**
-             * Focus the first link when opening the menu.
-             */
-            const firstLink = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('a');
-            if (firstLink) {
-                (_b = firstLink[0]) === null || _b === void 0 ? void 0 : _b.focus();
-            }
-        }
-        return () => {
-            document.removeEventListener('mousedown', closeMenuHandler);
-        };
-    }, [isExpanded]);
-    /**
-     * Function used to Expand the breadcrumb Menu.
-     */
-    function expandMenu() {
-        setIsExpanded((expanded) => {
-            return !expanded;
-        });
-    }
-    return (React.createElement("nav", { ref: ref, "aria-label": ariaLabel, className: BreadcrumbClassName },
-        React.createElement("button", { ref: buttonRef, type: "button", "aria-expanded": isExpanded, "aria-controls": `agora-mobile-breadcrumb-menu-${generatedId}`, onClick: expandMenu },
-            React.createElement(Icon, { name: "agora-line-chevron-left", dimensions: "m", "aria-hidden": "true" }), (_c = items.at(-1)) === null || _c === void 0 ? void 0 :
-            _c.label),
-        React.createElement("ol", { id: `agora-mobile-breadcrumb-menu-${generatedId}`, className: `${!isExpanded ? 'invisible' : ''}`, ref: listRef }, items.map((link, index) => {
-            const id = `agora-mobile-breadcrumb-link-${generatedId}${index}`;
-            return index === items.length - 1 || !link.url ? (React.createElement("li", { id: id, key: id, "data-index": index },
-                React.createElement("span", { "aria-current": "page" }, link.label))) : (React.createElement("li", { id: id, key: id, "data-index": index },
-                React.createElement("a", { href: link.url, onKeyDown: setKeyboardKeydownBehavior },
-                    React.createElement("span", null, link.label))));
-        }))));
-};
-export const BreadcrumbMobile = forwardRef(InnerBreadcrumbMobile);

package/dist/components/ui/atoms/breadcrumb/mobile/breadcrumb-mobile.scss

@@ -1 +0,0 @@
-.agora-breadcrumb-mobile{display:flex;width:0}.agora-breadcrumb-mobile button{display:flex;align-items:center;white-space:nowrap;border-radius:4px;border-width:2px;border-color:transparent;padding-top:16px;padding-bottom:16px;padding-right:8px;font-size:.875rem;line-height:1.5rem;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}.agora-breadcrumb-mobile button:focus,.agora-breadcrumb-mobile button[aria-expanded=true]{position:relative}.agora-breadcrumb-mobile button:focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-breadcrumb-mobile button path{fill:#2b363c}.agora-breadcrumb-mobile ol{position:absolute;top:80px;left:24px;display:flex;flex-direction:column;align-items:flex-start;border-radius:4px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:16px;--tw-shadow:0px 12px 16px 4px rgba(0, 0, 0, 0.07);--tw-shadow-colored:0px 12px 16px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:calc(100% - 48px)}.agora-breadcrumb-mobile ol li{position:relative;width:100%}.agora-breadcrumb-mobile ol li:last-child{--tw-text-opacity:1;color:rgb(100 113 139 / var(--tw-text-opacity))}.agora-breadcrumb-mobile ol li a{border-radius:4px;border-width:2px;border-color:transparent;--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.agora-breadcrumb-mobile ol li a:focus{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-breadcrumb-mobile ol li span{white-space:pre-wrap}.agora-breadcrumb-mobile ol li a,.agora-breadcrumb-mobile ol li span{display:flex;min-height:44px;flex-direction:row;align-items:center;font-size:.875rem;line-height:1.5rem;letter-spacing:0;font-weight:400}.agora-breadcrumb-mobile ol li:nth-child(1) span{margin-left:32px}.agora-breadcrumb-mobile ol li:nth-child(2) span{margin-left:40px}.agora-breadcrumb-mobile ol li:nth-child(3) span{margin-left:48px}.agora-breadcrumb-mobile ol li:nth-child(4) span{margin-left:56px}.agora-breadcrumb-mobile ol li:nth-child(5) span{margin-left:64px}.agora-breadcrumb-mobile ol li:nth-child(6) span{margin-left:72px}.agora-breadcrumb-mobile ol li:nth-child(7) span{margin-left:80px}.agora-breadcrumb-mobile ol li:nth-child(8) span{margin-left:88px}.agora-breadcrumb-mobile ol li:nth-child(9) span{margin-left:96px}.agora-breadcrumb-mobile ol li:nth-child(10) span{margin-left:104px}.agora-breadcrumb-mobile ol li:nth-child(11) span{margin-left:112px}.agora-breadcrumb-mobile ol li:nth-child(12) span{margin-left:120px}.agora-breadcrumb-mobile ol li:nth-child(13) span{margin-left:128px}.agora-breadcrumb-mobile ol li:nth-child(14) span{margin-left:136px}.agora-breadcrumb-mobile ol li:nth-child(15) span{margin-left:144px}.agora-breadcrumb-mobile ol li:nth-child(16) span{margin-left:152px}.agora-breadcrumb-mobile ol li:nth-child(17) span{margin-left:160px}.agora-breadcrumb-mobile ol li:nth-child(18) span{margin-left:168px}.agora-breadcrumb-mobile ol li:nth-child(19) span{margin-left:176px}.agora-breadcrumb-mobile ol li:nth-child(20) span{margin-left:184px}.agora-breadcrumb-mobile ol li:nth-child(21) span{margin-left:192px}.agora-breadcrumb-mobile ol li:nth-child(22) span{margin-left:200px}.agora-breadcrumb-mobile ol li:nth-child(23) span{margin-left:208px}.agora-breadcrumb-mobile ol li:nth-child(24) span{margin-left:216px}.agora-breadcrumb-mobile ol li:nth-child(25) span{margin-left:224px}.agora-breadcrumb-mobile ol li:nth-child(26) span{margin-left:232px}.agora-breadcrumb-mobile ol li:nth-child(27) span{margin-left:240px}.agora-breadcrumb-mobile ol li:nth-child(28) span{margin-left:248px}.agora-breadcrumb-mobile ol li:nth-child(29) span{margin-left:256px}.agora-breadcrumb-mobile ol li:nth-child(30) span{margin-left:264px}.agora-breadcrumb-mobile ol li:nth-child(31) span{margin-left:272px}.agora-breadcrumb-mobile ol li:nth-child(32) span{margin-left:280px}.agora-breadcrumb-mobile ol li:nth-child(33) span{margin-left:288px}.agora-breadcrumb-mobile ol li:nth-child(34) span{margin-left:296px}.agora-breadcrumb-mobile ol li:nth-child(35) span{margin-left:304px}.agora-breadcrumb-mobile ol li:nth-child(36) span{margin-left:312px}.agora-breadcrumb-mobile ol li:nth-child(37) span{margin-left:320px}.agora-breadcrumb-mobile ol li:nth-child(38) span{margin-left:328px}.agora-breadcrumb-mobile ol li:nth-child(39) span{margin-left:336px}.agora-breadcrumb-mobile ol li:nth-child(40) span{margin-left:344px}.agora-breadcrumb-mobile ol li:nth-child(41) span{margin-left:352px}.agora-breadcrumb-mobile ol li:nth-child(42) span{margin-left:360px}.agora-breadcrumb-mobile ol li:nth-child(43) span{margin-left:368px}.agora-breadcrumb-mobile ol li:nth-child(44) span{margin-left:376px}.agora-breadcrumb-mobile ol li:nth-child(45) span{margin-left:384px}.agora-breadcrumb-mobile ol li:nth-child(46) span{margin-left:392px}.agora-breadcrumb-mobile ol li:nth-child(47) span{margin-left:400px}.agora-breadcrumb-mobile ol li:nth-child(48) span{margin-left:408px}.agora-breadcrumb-mobile ol li:nth-child(49) span{margin-left:416px}.agora-breadcrumb-mobile ol li:nth-child(50) span{margin-left:424px}.agora-breadcrumb-mobile ol li:nth-child(51) span{margin-left:432px}.agora-breadcrumb-mobile ol li:nth-child(52) span{margin-left:440px}.agora-breadcrumb-mobile ol li:nth-child(53) span{margin-left:448px}.agora-breadcrumb-mobile ol li:nth-child(54) span{margin-left:456px}.agora-breadcrumb-mobile ol li:nth-child(55) span{margin-left:464px}.agora-breadcrumb-mobile ol li:nth-child(56) span{margin-left:472px}.agora-breadcrumb-mobile ol li:nth-child(57) span{margin-left:480px}.agora-breadcrumb-mobile ol li:nth-child(58) span{margin-left:488px}.agora-breadcrumb-mobile ol li:nth-child(59) span{margin-left:496px}.agora-breadcrumb-mobile ol li:nth-child(60) span{margin-left:504px}.agora-breadcrumb-mobile ol li:nth-child(61) span{margin-left:512px}.agora-breadcrumb-mobile ol li:nth-child(62) span{margin-left:520px}.agora-breadcrumb-mobile ol li:nth-child(63) span{margin-left:528px}.agora-breadcrumb-mobile ol li:nth-child(64) span{margin-left:536px}.agora-breadcrumb-mobile ol li:nth-child(65) span{margin-left:544px}.agora-breadcrumb-mobile ol li:nth-child(66) span{margin-left:552px}.agora-breadcrumb-mobile ol li:nth-child(67) span{margin-left:560px}.agora-breadcrumb-mobile ol li:nth-child(68) span{margin-left:568px}.agora-breadcrumb-mobile ol li:nth-child(69) span{margin-left:576px}.agora-breadcrumb-mobile ol li:nth-child(70) span{margin-left:584px}.agora-breadcrumb-mobile ol li:nth-child(71) span{margin-left:592px}.agora-breadcrumb-mobile ol li:nth-child(72) span{margin-left:600px}.agora-breadcrumb-mobile ol li:nth-child(73) span{margin-left:608px}.agora-breadcrumb-mobile ol li:nth-child(74) span{margin-left:616px}.agora-breadcrumb-mobile ol li:nth-child(75) span{margin-left:624px}.agora-breadcrumb-mobile ol li:nth-child(76) span{margin-left:632px}.agora-breadcrumb-mobile ol li:nth-child(77) span{margin-left:640px}.agora-breadcrumb-mobile ol li:nth-child(78) span{margin-left:648px}.agora-breadcrumb-mobile ol li:nth-child(79) span{margin-left:656px}.agora-breadcrumb-mobile ol li:nth-child(80) span{margin-left:664px}.agora-breadcrumb-mobile ol li:nth-child(81) span{margin-left:672px}.agora-breadcrumb-mobile ol li:nth-child(82) span{margin-left:680px}.agora-breadcrumb-mobile ol li:nth-child(83) span{margin-left:688px}.agora-breadcrumb-mobile ol li:nth-child(84) span{margin-left:696px}.agora-breadcrumb-mobile ol li:nth-child(85) span{margin-left:704px}.agora-breadcrumb-mobile ol li:nth-child(86) span{margin-left:712px}.agora-breadcrumb-mobile ol li:nth-child(87) span{margin-left:720px}.agora-breadcrumb-mobile ol li:nth-child(88) span{margin-left:728px}.agora-breadcrumb-mobile ol li:nth-child(89) span{margin-left:736px}.agora-breadcrumb-mobile ol li:nth-child(90) span{margin-left:744px}.agora-breadcrumb-mobile ol li:nth-child(91) span{margin-left:752px}.agora-breadcrumb-mobile ol li:nth-child(92) span{margin-left:760px}.agora-breadcrumb-mobile ol li:nth-child(93) span{margin-left:768px}.agora-breadcrumb-mobile ol li:nth-child(94) span{margin-left:776px}.agora-breadcrumb-mobile ol li:nth-child(95) span{margin-left:784px}.agora-breadcrumb-mobile ol li:nth-child(96) span{margin-left:792px}.agora-breadcrumb-mobile ol li:nth-child(97) span{margin-left:800px}.agora-breadcrumb-mobile ol li:nth-child(98) span{margin-left:808px}.agora-breadcrumb-mobile ol li:nth-child(99) span{margin-left:816px}.agora-breadcrumb-mobile ol li:nth-child(100) span{margin-left:824px}.agora-breadcrumb-mobile.dark-mode button{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.agora-breadcrumb-mobile.dark-mode button path{fill:#fff}.agora-breadcrumb-mobile.dark-mode ol{--tw-bg-opacity:1;background-color:rgb(2 28 81 / var(--tw-bg-opacity))}.agora-breadcrumb-mobile.dark-mode ol li a{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}

package/dist/components/ui/atoms/button/button.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, { forwardRef } from 'react';
-import { stringToBoolean } from '../../../index';
-import { Icon } from '../icon';
-import './button.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.replace('solid', 'line'), alt: iconAltText, "aria-hidden": !iconAltText }),
-        React.createElement(Icon, { name: (iconHover !== null && iconHover !== void 0 ? iconHover : name).replace('line', 'solid'), 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 InnerButton = (_a, ref) => {
-    var { appearance = 'solid', variant = 'primary', fullWidth, size = 'default', hasIcon, icon = '', iconHover = '', iconOnly, iconPosition = 'leading', iconAltText = '', children, className = '' } = _a, props = __rest(_a, ["appearance", "variant", "fullWidth", "size", "hasIcon", "icon", "iconHover", "iconOnly", "iconPosition", "iconAltText", "children", "className"]);
-    const iconToUse = icon || 'no-icon';
-    const iconHoverToUse = iconHover || 'no-icon';
-    const defaultAnimation = getDefaultIconAnimation(iconToUse);
-    /**
-     * Building button class name dynamically according parameters.
-     */
-    const buttonClassName = classNames({ 'flex items-center justify-center': !props.hidden }, `btn btn-${size} btn-${appearance}-${variant}`, {
-        [`animate-icon-${defaultAnimation}`]: stringToBoolean(hasIcon) || stringToBoolean(iconOnly),
-        [`btn-with-icon-${iconPosition}`]: stringToBoolean(hasIcon) || stringToBoolean(iconOnly),
-        'is-icon-only': stringToBoolean(iconOnly)
-    }, {
-        'btn-block': stringToBoolean(fullWidth)
-    }, className);
-    return (React.createElement("button", Object.assign({ type: "button", className: buttonClassName }, props, { ref: ref }), iconOnly ? (React.createElement(IconWrapper, { name: iconToUse, iconHover: iconHoverToUse, iconAltText: iconAltText })) : (React.createElement(React.Fragment, null,
-        hasIcon && React.createElement(IconWrapper, { name: iconToUse, iconHover: iconHoverToUse, iconAltText: iconAltText }),
-        React.createElement("span", { className: "children-wrapper" }, children)))));
-};
-export const Button = forwardRef(InnerButton);

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

@@ -1 +0,0 @@
-.btn{border-radius:4px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn .icon-wrapper{pointer-events:none;height:24px;min-width:24px}.btn .icon-wrapper svg{position:absolute}.btn:disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn[class*=" btn-link"]{padding-left:16px!important;padding-right:16px!important;padding-top:8px!important;padding-bottom:8px!important;position:relative;text-decoration-line:none}.btn[class*=" btn-link"].btn-default::after{top:42px!important}.btn[class*=" btn-link"].btn-small::after{top:32px!important}.btn[class*=" btn-link"]:not([class*=btn-with-icon])::after{position:absolute;left:16px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);width:calc(100% - 32px);height:1px;content:"";top:43px;transform:scaleX(1);transform-origin:center}.btn[class*=" btn-link"]:hover::after{transform:scaleX(0)}.btn:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:#034ad8}.btn:not(:focus){outline:2px solid transparent;outline-offset:2px}.btn[class*=" btn-with-icon"]{text-decoration-line:none!important}.btn[class*=" btn-list-link"]{justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.btn-default{padding-left:16px;padding-right:16px;padding-top:16px;padding-bottom:16px;min-height:60px}.btn-default span.children-wrapper{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:500}.btn-default.is-icon-only{padding:0!important;min-width:60px}.btn-default.is-icon-only .icon-wrapper{margin:0}.btn-small{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;min-height:44px}.btn-small span.children-wrapper{font-size:1rem;line-height:1.75rem;letter-spacing:0;font-weight:500}.btn-small.is-icon-only{padding:0!important;min-width:44px}.btn-small.is-icon-only .icon-wrapper{margin:0}.btn.animate-icon-backward svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn.animate-icon-backward 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.animate-icon-backward 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.animate-icon-backward:not(:disabled):hover 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.animate-icon-backward:not(:disabled):hover 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.animate-icon-forward svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn.animate-icon-forward 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.animate-icon-forward 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.animate-icon-forward:not(:disabled):hover 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.animate-icon-forward:not(:disabled):hover 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.animate-icon-default svg{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.btn.animate-icon-default 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.animate-icon-default 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.animate-icon-default:not(:disabled):hover 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.animate-icon-default:not(:disabled):hover 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-block{width:100%;justify-content:center}.btn-with-icon-leading{flex-direction:row}.btn-with-icon-leading span.children-wrapper{text-align:left!important}.btn-with-icon-leading .icon-wrapper{margin-right:8px;margin-left:0}.btn-with-icon-trailing{flex-direction:row-reverse}.btn-with-icon-trailing span.children-wrapper{text-align:left!important}.btn-with-icon-trailing .icon-wrapper{margin-left:8px;margin-right:0}.btn-solid-primary{--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-primary:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(3 56 162 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-primary:active{--tw-bg-opacity:1;background-color:rgb(0 43 130 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-primary:disabled{--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.25}.btn-solid-primary svg:first-of-type path{fill:#fff}.btn-solid-primary svg:last-of-type path{fill:#fff}.btn-solid-primary:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-solid-primary:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-solid-primary:active:not(:disabled) svg:first-of-type path{fill:#fff}.btn-solid-primary:active:not(:disabled) svg:last-of-type path{fill:#fff}.btn-solid-secondary{--tw-bg-opacity:1;background-color:rgb(227 244 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-solid-secondary:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(204 234 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-solid-secondary:active{--tw-bg-opacity:1;background-color:rgb(28 163 252 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-solid-secondary:disabled{--tw-bg-opacity:1;background-color:rgb(227 244 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity));opacity:.25}.btn-solid-secondary svg:first-of-type path{fill:#000}.btn-solid-secondary svg:last-of-type path{fill:#000}.btn-solid-secondary:not(:active):not(:disabled):hover svg:first-of-type path{fill:#000}.btn-solid-secondary:not(:active):not(:disabled):hover svg:last-of-type path{fill:#000}.btn-solid-secondary:active:not(:disabled) svg:first-of-type path{fill:#000}.btn-solid-secondary:active:not(:disabled) svg:last-of-type path{fill:#000}.btn-solid-success{--tw-bg-opacity:1;background-color:rgb(0 114 76 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-success:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(0 85 57 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-success:active{--tw-bg-opacity:1;background-color:rgb(1 57 38 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-success:disabled{--tw-bg-opacity:1;background-color:rgb(0 114 76 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.25}.btn-solid-success svg:first-of-type path{fill:#fff}.btn-solid-success svg:last-of-type path{fill:#fff}.btn-solid-success:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-solid-success:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-solid-success:active:not(:disabled) svg:first-of-type path{fill:#fff}.btn-solid-success:active:not(:disabled) svg:last-of-type path{fill:#fff}.btn-solid-warning{--tw-bg-opacity:1;background-color:rgb(251 203 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-warning:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(251 187 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-warning:active{--tw-bg-opacity:1;background-color:rgb(242 162 34 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-warning:disabled{--tw-bg-opacity:1;background-color:rgb(251 203 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));opacity:.25}.btn-solid-warning svg:first-of-type path{fill:#2b363c}.btn-solid-warning svg:last-of-type path{fill:#2b363c}.btn-solid-warning:not(:active):not(:disabled):hover svg:first-of-type path{fill:#2b363c}.btn-solid-warning:not(:active):not(:disabled):hover svg:last-of-type path{fill:#2b363c}.btn-solid-warning:active:not(:disabled) svg:first-of-type path{fill:#2b363c}.btn-solid-warning:active:not(:disabled) svg:last-of-type path{fill:#2b363c}.btn-solid-danger{--tw-bg-opacity:1;background-color:rgb(209 35 50 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-danger:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(196 24 38 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-danger:active{--tw-bg-opacity:1;background-color:rgb(178 9 23 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-danger:disabled{--tw-bg-opacity:1;background-color:rgb(209 35 50 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.25}.btn-solid-danger svg:first-of-type path{fill:#fff}.btn-solid-danger svg:last-of-type path{fill:#fff}.btn-solid-danger:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-solid-danger:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-solid-danger:active:not(:disabled) svg:first-of-type path{fill:#fff}.btn-solid-danger:active:not(:disabled) svg:last-of-type path{fill:#fff}.btn-solid-neutral{--tw-bg-opacity:1;background-color:rgb(43 54 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-neutral:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(71 81 100 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-neutral:active{--tw-bg-opacity:1;background-color:rgb(43 54 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-solid-neutral:disabled{--tw-bg-opacity:1;background-color:rgb(43 54 60 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.25}.btn-solid-neutral svg:first-of-type path{fill:#fff}.btn-solid-neutral svg:last-of-type path{fill:#fff}.btn-solid-neutral:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-solid-neutral:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-solid-neutral:active:not(:disabled) svg:first-of-type path{fill:#fff}.btn-solid-neutral:active:not(:disabled) svg:last-of-type path{fill:#fff}.btn-solid-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-white:not(:active):not(:disabled):hover{--tw-bg-opacity:1;background-color:rgb(241 243 248 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-white:active{--tw-bg-opacity:1;background-color:rgb(225 228 234 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-solid-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));opacity:.25}.btn-solid-white svg:first-of-type path{fill:#2b363c}.btn-solid-white svg:last-of-type path{fill:#2b363c}.btn-solid-white:not(:active):not(:disabled):hover svg:first-of-type path{fill:#2b363c}.btn-solid-white:not(:active):not(:disabled):hover svg:last-of-type path{fill:#2b363c}.btn-solid-white:active:not(:disabled) svg:first-of-type path{fill:#2b363c}.btn-solid-white:active:not(:disabled) svg:last-of-type path{fill:#2b363c}.btn-outline-primary{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-outline-primary:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-outline-primary:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(0 43 130 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 43 130 / var(--tw-text-opacity))}.btn-outline-primary:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity));opacity:.25}.btn-outline-primary svg:first-of-type path{fill:#1a65fa}.btn-outline-primary svg:last-of-type path{fill:#1a65fa}.btn-outline-primary:not(:active):not(:disabled):hover svg:first-of-type path{fill:#1a65fa}.btn-outline-primary:not(:active):not(:disabled):hover svg:last-of-type path{fill:#1a65fa}.btn-outline-primary:active:not(:disabled) svg:first-of-type path{fill:#002b82}.btn-outline-primary:active:not(:disabled) svg:last-of-type path{fill:#002b82}.btn-outline-success{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity))}.btn-outline-success:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(0 114 76 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity))}.btn-outline-success:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(1 57 38 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(1 57 38 / var(--tw-text-opacity))}.btn-outline-success:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity));opacity:.25}.btn-outline-success svg:first-of-type path{fill:#00724c}.btn-outline-success svg:last-of-type path{fill:#00724c}.btn-outline-success:not(:active):not(:disabled):hover svg:first-of-type path{fill:#00724c}.btn-outline-success:not(:active):not(:disabled):hover svg:last-of-type path{fill:#00724c}.btn-outline-success:active:not(:disabled) svg:first-of-type path{fill:#013926}.btn-outline-success:active:not(:disabled) svg:last-of-type path{fill:#013926}.btn-outline-warning{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity))}.btn-outline-warning:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(251 187 60 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity))}.btn-outline-warning:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(178 9 23 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(178 9 23 / var(--tw-text-opacity))}.btn-outline-warning:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity));opacity:.25}.btn-outline-warning svg:first-of-type path{fill:#b06112}.btn-outline-warning svg:last-of-type path{fill:#b06112}.btn-outline-warning:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fbbb3c}.btn-outline-warning:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fbbb3c}.btn-outline-warning:active:not(:disabled) svg:first-of-type path{fill:#f2a222}.btn-outline-warning:active:not(:disabled) svg:last-of-type path{fill:#f2a222}.btn-outline-danger{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(209 35 50 / var(--tw-text-opacity))}.btn-outline-danger:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(209 35 50 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(209 35 50 / var(--tw-text-opacity))}.btn-outline-danger:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(196 24 38 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(178 9 23 / var(--tw-text-opacity))}.btn-outline-danger:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(209 35 50 / var(--tw-text-opacity));opacity:.25}.btn-outline-danger svg:first-of-type path{fill:#d12332}.btn-outline-danger svg:last-of-type path{fill:#d12332}.btn-outline-danger:not(:active):not(:disabled):hover svg:first-of-type path{fill:#d12332}.btn-outline-danger:not(:active):not(:disabled):hover svg:last-of-type path{fill:#d12332}.btn-outline-danger:active:not(:disabled) svg:first-of-type path{fill:#b20917}.btn-outline-danger:active:not(:disabled) svg:last-of-type path{fill:#b20917}.btn-outline-neutral{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-outline-neutral:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(136 147 170 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-outline-neutral:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(43 54 60 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-outline-neutral:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));opacity:.25}.btn-outline-neutral svg:first-of-type path{fill:#000}.btn-outline-neutral svg:last-of-type path{fill:#000}.btn-outline-neutral:not(:active):not(:disabled):hover svg:first-of-type path{fill:#2b363c}.btn-outline-neutral:not(:active):not(:disabled):hover svg:last-of-type path{fill:#2b363c}.btn-outline-neutral:active:not(:disabled) svg:first-of-type path{fill:#64718b}.btn-outline-neutral:active:not(:disabled) svg:last-of-type path{fill:#64718b}.btn-outline-white{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-outline-white:not(:active):not(:disabled):hover{border-width:2px;--tw-border-opacity:1;border-color:rgb(136 147 170 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-outline-white:active{border-width:2px;--tw-border-opacity:1;border-color:rgb(71 81 100 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(205 210 220 / var(--tw-text-opacity))}.btn-outline-white:disabled{border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));opacity:.25}.btn-outline-white svg:first-of-type path{fill:#fff}.btn-outline-white svg:last-of-type path{fill:#fff}.btn-outline-white:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-outline-white:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-outline-white:active:not(:disabled) svg:first-of-type path{fill:#cdd2dc}.btn-outline-white:active:not(:disabled) svg:last-of-type path{fill:#cdd2dc}.btn-link-primary{--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-link-primary:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity))}.btn-link-primary:active{--tw-text-opacity:1;color:rgb(3 56 162 / var(--tw-text-opacity))}.btn-link-primary:disabled{--tw-text-opacity:1;color:rgb(3 74 216 / var(--tw-text-opacity));opacity:.25}.btn-link-primary::after{--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity))}.btn-link-primary svg:first-of-type path{fill:#1a65fa}.btn-link-primary svg:last-of-type path{fill:#1a65fa}.btn-link-primary:not(:active):not(:disabled):hover svg:first-of-type path{fill:#0338a2}.btn-link-primary:not(:active):not(:disabled):hover svg:last-of-type path{fill:#0338a2}.btn-link-primary:active:not(:disabled) svg:first-of-type path{fill:#1a65fa}.btn-link-primary:active:not(:disabled) svg:last-of-type path{fill:#1a65fa}.btn-link-success{--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity))}.btn-link-success:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity))}.btn-link-success:active{--tw-text-opacity:1;color:rgb(0 85 57 / var(--tw-text-opacity))}.btn-link-success:disabled{--tw-text-opacity:1;color:rgb(0 114 76 / var(--tw-text-opacity));opacity:.25}.btn-link-success::after{--tw-bg-opacity:1;background-color:rgb(0 114 76 / var(--tw-bg-opacity))}.btn-link-success svg:first-of-type path{fill:#00724c}.btn-link-success svg:last-of-type path{fill:#00724c}.btn-link-success:not(:active):not(:disabled):hover svg:first-of-type path{fill:#00724c}.btn-link-success:not(:active):not(:disabled):hover svg:last-of-type path{fill:#00724c}.btn-link-success:active:not(:disabled) svg:first-of-type path{fill:#013926}.btn-link-success:active:not(:disabled) svg:last-of-type path{fill:#013926}.btn-link-warning{--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity));text-decoration-color:#fbbb3c}.btn-link-warning:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity))}.btn-link-warning:active{--tw-text-opacity:1;color:rgb(176 97 18 / var(--tw-text-opacity));text-decoration-color:#fbbb3c}.btn-link-warning:disabled{--tw-text-opacity:1;color:rgb(251 187 60 / var(--tw-text-opacity));opacity:.25}.btn-link-warning::after{--tw-bg-opacity:1;background-color:rgb(251 187 60 / var(--tw-bg-opacity))}.btn-link-warning svg:first-of-type path{fill:#b06112}.btn-link-warning svg:last-of-type path{fill:#b06112}.btn-link-warning:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fbbb3c}.btn-link-warning:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fbbb3c}.btn-link-warning:active:not(:disabled) svg:first-of-type path{fill:#f2a222}.btn-link-warning:active:not(:disabled) svg:last-of-type path{fill:#f2a222}.btn-link-danger{--tw-text-opacity:1;color:rgb(209 35 50 / var(--tw-text-opacity))}.btn-link-danger:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(196 24 38 / var(--tw-text-opacity))}.btn-link-danger:active{--tw-text-opacity:1;color:rgb(178 9 23 / var(--tw-text-opacity))}.btn-link-danger:disabled{--tw-text-opacity:1;color:rgb(209 35 50 / var(--tw-text-opacity));opacity:.25}.btn-link-danger::after{--tw-bg-opacity:1;background-color:rgb(209 35 50 / var(--tw-bg-opacity))}.btn-link-danger svg:first-of-type path{fill:#d12332}.btn-link-danger svg:last-of-type path{fill:#d12332}.btn-link-danger:not(:active):not(:disabled):hover svg:first-of-type path{fill:#d12332}.btn-link-danger:not(:active):not(:disabled):hover svg:last-of-type path{fill:#d12332}.btn-link-danger:active:not(:disabled) svg:first-of-type path{fill:#b20917}.btn-link-danger:active:not(:disabled) svg:last-of-type path{fill:#b20917}.btn-link-neutral{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));text-decoration-color:#2b363c}.btn-link-neutral:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity))}.btn-link-neutral:active{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));text-decoration-color:#2b363c}.btn-link-neutral:disabled{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));text-decoration-color:#2b363c;opacity:.25}.btn-link-neutral::after{--tw-bg-opacity:1;background-color:rgb(43 54 60 / var(--tw-bg-opacity))}.btn-link-neutral svg:first-of-type path{fill:#2b363c}.btn-link-neutral svg:last-of-type path{fill:#2b363c}.btn-link-neutral:not(:active):not(:disabled):hover svg:first-of-type path{fill:#2b363c}.btn-link-neutral:not(:active):not(:disabled):hover svg:last-of-type path{fill:#2b363c}.btn-link-neutral:active:not(:disabled) svg:first-of-type path{fill:#64718b}.btn-link-neutral:active:not(:disabled) svg:last-of-type path{fill:#64718b}.btn-link-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-color:#fff}.btn-link-white:not(:active):not(:disabled):hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-link-white:active{--tw-text-opacity:1;color:rgb(205 210 220 / var(--tw-text-opacity));text-decoration-color:#e1e4ea}.btn-link-white:disabled{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-color:#fff;opacity:.25}.btn-link-white::after{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.btn-link-white svg:first-of-type path{fill:#fff}.btn-link-white svg:last-of-type path{fill:#fff}.btn-link-white:not(:active):not(:disabled):hover svg:first-of-type path{fill:#fff}.btn-link-white:not(:active):not(:disabled):hover svg:last-of-type path{fill:#fff}.btn-link-white:active:not(:disabled) svg:first-of-type path{fill:#cdd2dc}.btn-link-white:active:not(:disabled) svg:last-of-type path{fill:#cdd2dc}

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

@@ -1 +0,0 @@
-export { Button } from './button';

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

@@ -1,56 +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 './checkbox.scss';
-export const InnerCheckbox = (_a, ref) => {
-    var { label, hasError, hideLabel, required = true, children } = _a, props = __rest(_a, ["label", "hasError", "hideLabel", "required", "children"]);
-    const inputWrapper = classNames('agora-checkbox-wrapper', {
-        'is-disabled': props.disabled,
-        'has-error': stringToBoolean(hasError),
-        'input-only': stringToBoolean(hideLabel)
-    });
-    const generatedId = useId();
-    const propsClone = Object.assign({}, props);
-    propsClone.id = propsClone.id || generatedId;
-    const { onChange } = propsClone;
-    const [currentChecked, setCurrentChecked] = useState(stringToBoolean(propsClone.checked));
-    const wrapperRef = useRef(null);
-    const handleCustomCheckboxKeydown = (evt) => {
-        var _a, _b;
-        if (wrapperRef !== null && (evt.code === 'Space' || evt.code === 'Enter')) {
-            evt.preventDefault();
-            (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.click();
-        }
-    };
-    const handleCustomCheckboxClick = (evt) => {
-        var _a, _b;
-        if (wrapperRef !== null) {
-            evt.preventDefault();
-            (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.click();
-        }
-    };
-    const handleChange = (evt) => {
-        setCurrentChecked(!currentChecked);
-        onChange === null || onChange === void 0 ? void 0 : onChange(evt);
-    };
-    return (React.createElement("div", { ref: wrapperRef, className: inputWrapper },
-        React.createElement("input", Object.assign({ className: "inner-checkbox-input" }, propsClone, { value: propsClone.value || undefined, type: "checkbox", tabIndex: -1, ref: ref, onChange: handleChange })),
-        React.createElement("div", Object.assign({}, propsClone, { className: "agora-checkbox-custom", id: `agora-checkbox-custom-${propsClone.id}`, role: "checkbox", tabIndex: props.disabled ? -1 : 0, "aria-checked": currentChecked, "aria-disabled": !!props.disabled, "aria-label": hideLabel ? propsClone['aria-label'] || label : propsClone['aria-label'], "aria-required": required, "aria-invalid": stringToBoolean(hasError), onKeyDown: handleCustomCheckboxKeydown, onClick: handleCustomCheckboxClick }),
-            React.createElement("span", { className: "checkbox-span" },
-                React.createElement(Icon, { name: "agora-line-check", "aria-hidden": true })),
-            !hideLabel && (React.createElement("label", { className: "checkbox-label text-m-regular", htmlFor: propsClone.id },
-                React.createElement("span", null, children || label))))));
-};
-export const Checkbox = React.forwardRef(InnerCheckbox);

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

@@ -1 +0,0 @@
-.agora-checkbox-wrapper{position:relative;width:-moz-fit-content;width:fit-content}.agora-checkbox-wrapper .agora-checkbox-custom,.agora-checkbox-wrapper .inner-checkbox-input{outline:2px solid transparent;outline-offset:2px}.agora-checkbox-wrapper.has-error .agora-checkbox-custom .checkbox-span{--tw-border-opacity:1;border-color:rgb(222 45 59 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(254 241 242 / var(--tw-bg-opacity))}.agora-checkbox-wrapper.is-disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-checkbox-wrapper.is-disabled .checkbox-label,.agora-checkbox-wrapper.is-disabled .checkbox-span,.agora-checkbox-wrapper.is-disabled input{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agora-checkbox-wrapper.is-disabled .agora-checkbox-custom:focus,.agora-checkbox-wrapper.is-disabled .agora-checkbox-custom:hover{border-color:transparent}.agora-checkbox-wrapper .agora-checkbox-custom{display:flex;align-items:flex-start;border-radius:4px;border-width:2px;border-color:transparent;padding-left:16px;padding-right:16px;padding-top:0;padding-bottom:0;min-height:44px}.agora-checkbox-wrapper .agora-checkbox-custom .checkbox-label{--tw-text-opacity:1;color:rgb(43 54 60 / var(--tw-text-opacity));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);margin:6px 0}.agora-checkbox-wrapper .agora-checkbox-custom .checkbox-span{margin-right:16px;display:flex;height:24px;width:24px;align-items:center;justify-content:center;border-radius:4px;border-width:2px;--tw-border-opacity:1;border-color:rgb(136 147 170 / var(--tw-border-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;margin-top:10px;margin-bottom:10px}.agora-checkbox-wrapper .agora-checkbox-custom .checkbox-span svg{visibility:hidden}.agora-checkbox-wrapper .agora-checkbox-custom:focus,.agora-checkbox-wrapper .agora-checkbox-custom:hover{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity))}.agora-checkbox-wrapper .inner-checkbox-input{display:none}.agora-checkbox-wrapper .inner-checkbox-input:checked~.agora-checkbox-custom .checkbox-span{--tw-border-opacity:1;border-color:rgb(3 74 216 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(3 74 216 / var(--tw-bg-opacity))}.agora-checkbox-wrapper .inner-checkbox-input:checked~.agora-checkbox-custom .checkbox-span svg{visibility:visible}.agora-checkbox-wrapper .inner-checkbox-input:checked~.agora-checkbox-custom .checkbox-span svg>*{fill:#fff}.agora-checkbox-wrapper .inner-checkbox-input:disabled~.agora-checkbox-custom .checkbox-label{--tw-text-opacity:1;color:rgb(186 192 204 / var(--tw-text-opacity))}.agora-checkbox-wrapper .inner-checkbox-input:disabled~.agora-checkbox-custom .checkbox-span{--tw-border-opacity:1;border-color:rgb(205 210 220 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(241 243 248 / var(--tw-bg-opacity))}.agora-checkbox-wrapper .inner-checkbox-input:disabled~.agora-checkbox-custom .checkbox-span svg>*{fill:#64718b;opacity:.5}.agora-checkbox-wrapper.input-only{min-width:24px}.agora-checkbox-wrapper.input-only .checkbox-span{margin-right:0}

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

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

package/dist/components/ui/atoms/icon/assets/empty-icon.js

@@ -1,9 +0,0 @@
-import React from 'react';
-export const EmptyIcon = (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", viewBox: "0 0 24 24" }, newProps),
-        props.title && React.createElement("title", null, props.title),
-        React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" })));
-};

package/dist/components/ui/atoms/icon/assets/illustrate/illustrate-bookmark-card.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: "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", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.923077 0C0.413276 0 0 0.421379 0 0.941176V31.0588C0 31.4134 0.195426 31.7379 0.505561 31.8982C0.815697 32.0586 1.18791 32.0276 1.46846 31.8182L12 23.9544L22.5315 31.8182C22.8121 32.0276 23.1843 32.0586 23.4944 31.8982C23.8046 31.7379 24 31.4134 24 31.0588V0.941176C24 0.421379 23.5867 0 23.0769 0H0.923077Z", fill: "#BBD1FD" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.923077 0C0.413276 0 0 0.421379 0 0.941176V5.64706H24V0.941176C24 0.421379 23.5867 0 23.0769 0H0.923077Z", fill: "#034AD8" })));
-};