@antscorp/antsomi-ui 1.3.2 → 1.3.3

package/es/components/atoms/index.d.ts

@@ -0,0 +1,32 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
+export { Input, TextArea } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';
+export { Checkbox } from './Checkbox';
+export { message } from './Message';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';
+export type { SliderProps } from './Slider';

package/es/components/atoms/index.js

@@ -0,0 +1,31 @@
+export { Button } from './Button';
+export { Divider } from './Divider';
+export { DividerPure } from './DividerPure';
+export { Input, TextArea } from './Input';
+export { InputNumber } from './InputNumber';
+export { Radio, RadioGroupSub, RadioButton } from './Radio';
+export { Space } from './Space';
+export { Tag } from './Tag';
+export { Tooltip } from './Tooltip';
+export { Typography } from './Typography';
+export { Checkbox } from './Checkbox';
+export { message } from './Message';
+export { Segmented } from './Segmented';
+export { Timeline } from './Timeline';
+export { Row, Col } from './Grid';
+export { FloatButton } from './FloatButton';
+export { Skeleton } from './Skeleton';
+export { notification } from './Notification';
+export { Progress } from './Progress';
+export { Pagination } from './Pagination';
+export { Steps } from './Steps';
+export { Empty } from './Empty';
+export { Icon } from './Icon';
+export { Text } from './Text';
+export { Popover } from './Popover';
+export { RequiredLabel } from './RequiredLabel';
+export { Switch } from './Switch';
+export { Slider } from './Slider';
+export { Spin } from './Spin';
+export { Alert } from './Alert';
+export { ScrollBox } from './ScrollBox';

package/es/components/common/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,9 @@
+import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
+import React, { ReactNode } from 'react';
+import { TLocale } from '@antscorp/antsomi-ui/es/types';
+interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
+    children?: ReactNode;
+    locale?: TLocale;
+}
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export default ConfigProvider;

package/es/components/common/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,41 @@
+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;
+};
+// Libraries
+import { StyleProvider } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider } from 'antd';
+import React, { useEffect } from 'react';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Style
+import { GlobalStyle } from './GlobalStyle';
+// Initialize languages
+// import '@antscorp/antsomi-ui/es/locales/i18n';
+import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
+const ConfigProvider = props => {
+    // Props
+    const { children, locale } = props, restOfProps = __rest(props, ["children", "locale"]);
+    // Effects
+    useEffect(() => {
+        if (locale) {
+            i18next.changeLanguage(locale);
+        }
+    }, [locale]);
+    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
+        React.createElement(GlobalStyle, null),
+        React.createElement(StyleProvider, { hashPriority: "high" }, children)));
+};
+ConfigProvider.defaultProps = {
+    theme: THEME,
+    prefixCls: 'antsomi',
+    locale: 'en',
+};
+export default ConfigProvider;

package/es/components/common/ConfigProvider/GlobalStyle.js

@@ -0,0 +1,490 @@
+// Libraries
+import React from 'react';
+import { Global, css } from '@emotion/react';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// FontAwesome
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+import { far } from '@fortawesome/free-regular-svg-icons';
+import { fab } from '@fortawesome/free-brands-svg-icons';
+library.add(fas, far, fab);
+export const GlobalStyle = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
+    return (React.createElement(Global, { styles: css `
+      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
+
+      /* Button */
+      .antsomi-btn {
+        font-weight: 700 !important;
+        display: inline-flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        gap: 5px !important;
+
+        i {
+          font-size: 20px;
+        }
+      }
+
+      .antsomi-btn-default {
+        &:not(:disabled):hover {
+          border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue3} !important;
+          background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue} !important;
+        }
+        &:not(:disabled).antsomi-btn-default-active {
+          border-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary} !important;
+          background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue1_1} !important;
+        }
+
+        &.antsomi-btn-dangerous {
+          border-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red2} !important;
+
+          &:not(:disabled):hover {
+            border-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.red3} !important;
+            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.red} !important;
+          }
+        }
+
+        &.antsomi-btn-icon-only {
+          width: 36px !important;
+          height: 36px !important;
+        }
+      }
+
+      .antsomi-btn-text:disabled,
+      .antsomi-btn-link:disabled {
+        color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6} !important;
+      }
+
+      .antsomi-btn-primary:disabled,
+      .antsomi-btn-default:disabled,
+      .antsomi-btn-dashed:disabled,
+      .antsomi-btn-disabled,
+      .antsomi-btn-default.antsomi-btn-dangerous:disabled,
+      .antsomi-btn-primary.antsomi-btn-dangerous:disabled {
+        border-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw4} !important;
+      }
+
+      .antsomi-btn-default:disabled,
+      .antsomi-btn-dashed:disabled,
+      .antsomi-btn-disabled,
+      .antsomi-btn-default.antsomi-btn-dangerous:disabled {
+        color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw6} !important;
+        background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2} !important;
+      }
+
+      /* Input */
+      .antsomi-input,
+      .antsomi-input-affix-wrapper {
+        border-width: 0 0 1px 0 !important;
+        box-shadow: none !important;
+
+        &:hover {
+          background-color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.blue};
+        }
+      }
+
+      .antsomi-input {
+        &:focus {
+          background-color: ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw0};
+        }
+      }
+
+      .antsomi-input-affix-wrapper {
+        &:hover {
+          > input.antsomi-input {
+            background-color: ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.blue};
+          }
+        }
+
+        &.antsomi-input-affix-wrapper-focused {
+          background-color: ${(_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw0};
+
+          > input.antsomi-input {
+            background-color: ${(_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw0};
+          }
+        }
+      }
+
+      .antsomi-input-status-error:not(.antsomi-input-disabled):not(
+          .antsomi-input-borderless
+        ).antsomi-input {
+        &:hover {
+          background-color: ${(_s = THEME.token) === null || _s === void 0 ? void 0 : _s.red};
+        }
+      }
+
+      .antsomi-input-status-warning:not(.antsomi-input-disabled):not(
+          .antsomi-input-borderless
+        ).antsomi-input {
+        &:hover {
+          background-color: ${(_t = THEME.token) === null || _t === void 0 ? void 0 : _t.gold1};
+        }
+      }
+
+      .antsomi-input-affix-wrapper-status-error:not(.antsomi-input-affix-wrapper-disabled):not(
+          .antsomi-input-affix-wrapper-borderless
+        ).antsomi-input-affix-wrapper {
+        &:hover,
+        &:hover > input.antsomi-input {
+          background-color: ${(_u = THEME.token) === null || _u === void 0 ? void 0 : _u.red};
+        }
+      }
+
+      .antsomi-input-affix-wrapper-status-warning:not(.antsomi-input-affix-wrapper-disabled):not(
+          .antsomi-input-affix-wrapper-borderless
+        ).antsomi-input-affix-wrapper {
+        &:hover,
+        &:hover > input.antsomi-input {
+          background-color: ${(_v = THEME.token) === null || _v === void 0 ? void 0 : _v.gold1};
+        }
+      }
+
+      // Select
+      .antsomi-select .antsomi-select-arrow {
+        right: 5px !important;
+      }
+
+      .antsomi-select:not(.antsomi-select-disabled):not(.antsomi-select-customize-input):not(
+          .antsomi-pagination-size-changer
+        ):hover
+        .antsomi-select-selector {
+        border-color: ${(_w = THEME.token) === null || _w === void 0 ? void 0 : _w.blue1} !important;
+        background-color: ${(_x = THEME.token) === null || _x === void 0 ? void 0 : _x.blue} !important;
+      }
+
+      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input)
+        .antsomi-select-selector {
+        border-color: ${(_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw4};
+      }
+
+      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input) .antsomi-tag {
+        background-color: ${(_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw4} !important;
+      }
+
+      .antsomi-select-selector {
+        border-width: 0 0 1px 0 !important;
+        box-shadow: none !important;
+      }
+
+      .antsomi-select-dropdown {
+        padding: 0 !important;
+      }
+
+      .antsomi-select-selection-overflow {
+        gap: 5px;
+      }
+
+      // Input Number
+      .antsomi-input-number,
+      .antsomi-input-number-affix-wrapper {
+        border-width: 0 0 1px 0 !important;
+        box-shadow: none !important;
+
+        &.--show-handler {
+          .antsomi-input-number-handler-wrap {
+            opacity: 1;
+          }
+        }
+      }
+
+      .antsomi-input-number-group-addon {
+        border-width: 0 0 1px 0 !important;
+        background-color: ${(_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0} !important;
+        box-shadow: none !important;
+      }
+
+      .antsomi-input-number:hover {
+        background-color: ${(_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.blue};
+
+        .antsomi-input-number-handler {
+          background-color: ${(_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.blue};
+        }
+      }
+
+      .antsomi-input-number:focus,
+      .antsomi-input-number-focused {
+        border-color: ${(_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorPrimary} !important;
+      }
+
+      .antsomi-input-number-handler {
+        border: none !important;
+
+        &:hover i {
+          color: ${(_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorPrimary};
+        }
+      }
+
+      // DatePicker
+      .antsomi-picker {
+        border-width: 0 0 1px 0 !important;
+        box-shadow: none !important;
+      }
+
+      .antsomi-picker:hover,
+      .antsomi-picker-focused {
+        background-color: ${(_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue};
+      }
+
+      .antsomi-picker:not(.antsomi-picker-status-error) .antsomi-picker-suffix {
+        color: ${(_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.bw10};
+      }
+
+      .antsomi-picker:not(.antsomi-picker-disabled).antsomi-picker-status-error:not(
+          [disabled]
+        ):hover {
+        background-color: ${(_7 = THEME.token) === null || _7 === void 0 ? void 0 : _7.red} !important;
+      }
+
+      // Custom
+      .date-time-picker__popup-content {
+        width: 230px !important;
+      }
+
+      .antsomi-picker-dropdown__advanced {
+        > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {
+          flex-direction: column-reverse;
+          padding-bottom: 60px;
+
+          .antsomi-picker-date-panel {
+            width: 280px !important;
+
+            .antsomi-picker-cell {
+              pointer-events: none !important;
+            }
+          }
+        }
+
+        &.--error
+          > .antsomi-picker-panel-container
+          > .antsomi-picker-panel-layout
+          > .antsomi-picker-panel {
+          padding-bottom: 80px;
+        }
+      }
+
+      // Slider
+      .antsomi-slider {
+        margin: 0 !important;
+
+        &.antsomi-slider-horizontal {
+          .antsomi-slider-rail,
+          .antsomi-slider-step {
+            height: 4px;
+            width: 100%;
+          }
+
+          .antsomi-slider-rail {
+            height: 4px;
+          }
+        }
+
+        .antsomi-slider-rail,
+        .antsomi-slider-step {
+          position: absolute !important;
+        }
+
+        .antsomi-slider-rail {
+          border-radius: 2px !important;
+          transition: background-color 0.3s !important;
+          background-color: ${(_8 = THEME.token) === null || _8 === void 0 ? void 0 : _8.accent1} !important;
+        }
+
+        .antsomi-slider-track {
+          position: absolute !important;
+          border-radius: 2px !important;
+          transition: background-color 0.3s !important;
+          background-color: ${(_9 = THEME.token) === null || _9 === void 0 ? void 0 : _9.colorPrimary} !important;
+        }
+
+        .antsomi-slider-step {
+          background: 0 0 !important;
+          pointer-events: none !important;
+        }
+
+        .antsomi-slider-handle {
+          position: absolute !important;
+          width: 14px !important;
+          height: 14px !important;
+          margin-top: -2px;
+          background-color: #fff;
+          border-radius: 50%;
+          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
+          cursor: pointer;
+          transition: border-color 0.3s, box-shadow 0.6s,
+            transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
+        }
+
+        .antsomi-slider-handle::before,
+        .antsomi-slider-handle::after,
+        .antsomi-slider-handle:hover::after,
+        .antsomi-slider-handle:focus::before,
+        .antsomi-slider-handle:focus::after {
+          width: 14px !important;
+          height: 14px !important;
+          box-shadow: none !important;
+          inset-block-start: 0 !important;
+          inset-inline-start: 0 !important;
+        }
+
+        .antsomi-slider-handle::after {
+          background-color: ${(_10 = THEME.token) === null || _10 === void 0 ? void 0 : _10.colorPrimary} !important;
+        }
+
+        &:hover {
+          .antsomi-slider-track {
+            background-color: ${(_11 = THEME.token) === null || _11 === void 0 ? void 0 : _11.colorPrimary} !important;
+          }
+
+          .antsomi-slider-rail {
+            background-color: ${(_12 = THEME.token) === null || _12 === void 0 ? void 0 : _12.accent1} !important;
+          }
+
+          .antsomi-slider-handle::after {
+            box-shadow: none !important;
+          }
+
+          .antsomi-slider-handle {
+            border-color: ${(_13 = THEME.token) === null || _13 === void 0 ? void 0 : _13.colorPrimary} !important;
+          }
+        }
+
+        &.antsomi-slider-with-marks {
+          margin-bottom: 0 !important;
+        }
+
+        &.antsomi-slider-disabled {
+          .antsomi-slider-handle {
+            background-color: ${(_14 = THEME.token) === null || _14 === void 0 ? void 0 : _14.accent2} !important;
+            border-color: ${(_15 = THEME.token) === null || _15 === void 0 ? void 0 : _15.accent2} !important;
+          }
+        }
+      }
+
+      /* Radio */
+      .antsomi-radio-group-outline {
+        .antsomi-radio-button-wrapper {
+          display: inline-flex;
+          align-items: center;
+          height: 30px;
+          padding-left: 20px;
+          padding-right: 20px;
+          font-family: 'Roboto';
+          color: ${(_16 = THEME.token) === null || _16 === void 0 ? void 0 : _16.colorTextBase};
+          font-size: ${(_17 = THEME.token) === null || _17 === void 0 ? void 0 : _17.fontSize}px;
+
+          &:focus-within {
+            --tw-shadow: 0 0 #0000;
+            --tw-shadow-colored: 0 0 #0000;
+            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+              var(--tw-shadow);
+          }
+
+          &:first-child {
+            border-top-left-radius: ${(_18 = THEME.token) === null || _18 === void 0 ? void 0 : _18.borderRadius}px;
+            border-bottom-left-radius: ${(_19 = THEME.token) === null || _19 === void 0 ? void 0 : _19.borderRadius}px;
+          }
+
+          &:last-child {
+            border-top-right-radius: ${(_20 = THEME.token) === null || _20 === void 0 ? void 0 : _20.borderRadius}px;
+            border-bottom-right-radius: ${(_21 = THEME.token) === null || _21 === void 0 ? void 0 : _21.borderRadius}px;
+          }
+
+          &.antsomi-radio-button-wrapper-checked {
+            border-color: ${(_22 = THEME.token) === null || _22 === void 0 ? void 0 : _22.accent1};
+            background-color: ${(_23 = THEME.token) === null || _23 === void 0 ? void 0 : _23.colorTextActive};
+            color: ${(_24 = THEME.token) === null || _24 === void 0 ? void 0 : _24.colorPrimary};
+            font-weight: 700;
+
+            &::before {
+              background-color: ${(_25 = THEME.token) === null || _25 === void 0 ? void 0 : _25.accent1};
+            }
+          }
+        }
+
+        .antsomi-radio-wrapper {
+          font-family: 'Roboto';
+          color: ${(_26 = THEME.token) === null || _26 === void 0 ? void 0 : _26.colorTextBase};
+          font-size: ${(_27 = THEME.token) === null || _27 === void 0 ? void 0 : _27.fontSize}px;
+          margin-right: 0;
+
+          .antsomi-radio-inner {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+
+          .antsomi-radio-checked .antsomi-radio-inner::after {
+            transform: scale(0.6);
+          }
+
+          .antsomi-radio-inner::after {
+            position: unset !important;
+            transition: none !important;
+            transform: scale(0.6);
+            margin-block-start: 0px;
+            margin-inline-start: 0px;
+          }
+
+          .antsomi-radio {
+            .antsomi-radio-inner {
+              width: 16px;
+              height: 16px;
+              border-color: ${(_28 = THEME.token) === null || _28 === void 0 ? void 0 : _28.colorPrimary};
+              border-width: 2px;
+              background-color: ${(_29 = THEME.token) === null || _29 === void 0 ? void 0 : _29.bw0};
+
+              &::after {
+                background-color: ${(_30 = THEME.token) === null || _30 === void 0 ? void 0 : _30.colorPrimary};
+              }
+            }
+          }
+
+          &:not(:last-child) {
+            margin-right: 30px;
+          }
+        }
+      }
+
+      /* Modal Close */
+      .antsomi-modal-root .antsomi-modal-wrap {
+        z-index: 3001 !important;
+      }
+
+      .antsomi-modal .antsomi-modal-close {
+        width: unset !important;
+        height: unset !important;
+        top: 0px !important;
+        right: 0 !important;
+      }
+      .antsomi-modal-content {
+        .antsomi-modal-header {
+          .antsomi-modal-title {
+            font-weight: 500;
+            font-size: 16px;
+            line-height: 22px;
+            word-wrap: break-word;
+          }
+        }
+        .antsomi-modal-body {
+          font-size: 14px !important;
+          p {
+            margin: 0;
+          }
+        }
+        .antsomi-modal-footer {
+          padding: 10px 16px;
+          text-align: right;
+          background: transparent;
+          border-top: 1px solid #f0f0f0;
+          border-radius: 0 0 2px 2px;
+        }
+      }
+
+      /* Message Notification */
+      .ant-message {
+        z-index: 999999 !important;
+      }
+    ` }));
+};

package/es/components/icons/AccountCircle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const AccountCircle: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/AccountCircle.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const AccountCircle = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z" }))));

package/es/components/icons/AddShoppingCart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const AddShoppingCart: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/AddShoppingCart.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const AddShoppingCart = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M11 9h2V6h3V4h-3V1h-2v3H8v2h3v3zm-4 9c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2zm-9.83-3.25.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.86-7.01L19.42 4h-.01l-1.1 2-2.76 5H8.53l-.13-.27L6.16 6l-.95-2-.94-2H1v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.13 0-.25-.11-.25-.25z" }))));

package/es/components/icons/ArrowGrowIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const ArrowGrowIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M389.74 204.8v80.64h270.72l-476.16 476.16 57.6 57.6 476.16-476.16v270.72h80.64v-408.96z" }))));

package/es/components/icons/AssignmentInd.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const AssignmentInd: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/AssignmentInd.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const AssignmentInd = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z" }))));

package/es/components/icons/AudioRecordIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const AudioRecordIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M491.5 614.72c67.2 0 122.88-55.68 122.88-122.88v-245.76c0-67.2-55.68-122.88-122.88-122.88s-122.88 55.68-122.88 122.88v245.76c0 67.2 55.68 122.88 122.88 122.88zM441.58 242.24c0-26.88 23.040-49.92 49.92-49.92s49.92 23.040 49.92 49.92l-1.92 253.44c0 26.88-21.12 49.92-48 49.92s-49.92-23.040-49.92-49.92zM708.46 491.84c0 122.88-103.68 209.28-216.96 209.28s-216.96-86.4-216.96-209.28h-69.12c0 140.16 111.36 255.36 245.76 274.56v134.4h80.64v-134.4c134.4-19.2 245.76-134.4 245.76-274.56z" }))));

package/es/components/icons/BugIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const BugIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M819.82 348.8h-115.2c-19.2-32.64-44.16-59.52-74.88-80.64l67.2-67.2-57.6-57.6-90.24 88.32c-19.2-3.84-38.4-5.76-57.6-5.76s-38.4 1.92-57.6 5.76l-90.24-88.32-57.6 57.6 67.2 67.2c-30.72 21.12-55.68 48-74.88 80.64h-115.2v80.64h86.4c-1.92 13.44-3.84 26.88-3.84 42.24v40.32h-82.56v82.56h82.56v40.32c0 13.44 1.92 26.88 3.84 40.32h-86.4v82.56h115.2c42.24 72.96 122.88 122.88 213.12 122.88s170.88-49.92 213.12-122.88h115.2v-82.56h-86.4c1.92-13.44 3.84-26.88 3.84-40.32v-40.32h82.56v-82.56h-82.56v-40.32c0-15.36-1.92-28.8-3.84-42.24h86.4zM654.7 512v122.88c0 9.6 0 19.2-1.92 28.8l-3.84 26.88-15.36 26.88c-30.72 49.92-84.48 80.64-142.080 80.64s-111.36-30.72-142.080-80.64l-15.36-26.88-3.84-26.88c-1.92-9.6-1.92-19.2-1.92-28.8v-163.2c0-9.6 0-21.12 1.92-28.8l3.84-26.88 15.36-26.88c13.44-21.12 30.72-40.32 49.92-53.76l23.040-15.36 30.72-7.68c13.44-3.84 24.96-5.76 38.4-5.76s24.96 1.92 38.4 5.76l28.8 5.76 24.96 17.28c19.2 15.36 36.48 32.64 49.92 53.76l15.36 26.88 3.84 26.88c1.92 9.6 1.92 19.2 1.92 28.8zM408.94 594.56h165.12v80.64h-165.12zM408.94 429.44h165.12v82.56h-165.12z" }))));

package/es/components/icons/Call.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './type';
+export declare const Call: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/Call.js

@@ -0,0 +1,3 @@
+import React, { forwardRef } from 'react';
+export const Call = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
+    React.createElement("path", { d: "M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z" }))));

package/es/components/icons/CameraIcon.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const CameraIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
+    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+        React.createElement("path", { d: "M614.38 348.8v326.4h-408.96v-326.4zM654.7 266.24h-491.52c-21.12 0-40.32 19.2-40.32 40.32v410.88c0 21.12 19.2 40.32 40.32 40.32h491.52c23.040 0 42.24-19.2 42.24-40.32v-144l163.2 163.2v-449.28l-163.2 163.2v-144c0-21.12-19.2-40.32-42.24-40.32z" }))));