@antscorp/antsomi-ui 1.3.3-beta.34 → 1.3.3-beta.35

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

@@ -1,3 +1,7 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 // Libraries
 import React from 'react';
 import { Global, css } from '@emotion/react';
@@ -9,574 +13,9 @@ 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);
-const { accent6, accent7, scrollBarSize } = THEME.token || {};
-export const GlobalStyle = () => {
+var _a = THEME.token || {}, accent6 = _a.accent6, accent7 = _a.accent7, scrollBarSize = _a.scrollBarSize;
+export var GlobalStyle = function () {
     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, _31, _32, _33;
-    return (React.createElement(Global, { styles: css `
-      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
-
-      /* Custom */
-      .antsomi-scrollbar-hidden {
-        -ms-overflow-style: none; /* for Internet Explorer, Edge */
-        scrollbar-width: none; /* for Firefox */
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-
-      /* width */
-      ::-webkit-scrollbar {
-        width: ${scrollBarSize};
-        height: ${scrollBarSize};
-      }
-
-      /* Track */
-      ::-webkit-scrollbar-track {
-        background: ${accent6};
-      }
-
-      /* Handle */
-      ::-webkit-scrollbar-thumb {
-        background: ${accent7};
-      }
-
-      .scrollbar--gutter-stable {
-        overflow-y: auto;
-        scrollbar-gutter: stable;
-        margin-right: -${scrollBarSize};
-        padding-right: -${scrollBarSize};
-      }
-
-      /* 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-disabled {
-            .antsomi-radio-inner {
-              border-color: #d9d9d9 !important;
-            }
-          }
-
-          .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: 15px !important;
-          text-align: right;
-          background: transparent;
-          border-top: 1px solid #f0f0f0 !important;
-          border-radius: 0 0 2px 2px;
-        }
-      }
-
-      /* Message Notification */
-      .ant-message {
-        z-index: 999999 !important;
-      }
-
-      /* Collapse */
-      .antsomi-collapse-header {
-        font-size: 14px;
-      }
-
-      .antsomi-collapse {
-        &.antsomi-collapse-borderless {
-          border-bottom: 1px solid ${(_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.gray5};
-        }
-
-        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
-          transition: all 200ms;
-        }
-      }
-
-      /* Switch */
-      .antsomi-switch {
-        border: 2px solid ${(_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary} !important;
-
-        &.antsomi-switch-checked {
-          > .antsomi-switch-handle {
-            &::before {
-              background-color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.bw0} !important;
-            }
-          }
-        }
-      }
-
-      /* Tabs */
-      .antsomi-tabs {
-        .antsomi-tabs-tab {
-          &.antsomi-tabs-tab-active {
-            font-weight: bold;
-          }
-        }
-      }
-
-      /* Form */
-      .antsomi-form {
-        .antsomi-form-item {
-          .antsomi-form-item-label {
-            > label.antsomi-form-item-required:not(.antsomi-form-item-required-mark-optional) {
-              &::before {
-                position: absolute;
-                right: 0px;
-                font-family: Roboto;
-              }
-            }
-          }
-        }
-      }
-    ` }));
+    return (React.createElement(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');\n\n      /* Custom */\n      .antsomi-scrollbar-hidden {\n        -ms-overflow-style: none; /* for Internet Explorer, Edge */\n        scrollbar-width: none; /* for Firefox */\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n      }\n\n      /* width */\n      ::-webkit-scrollbar {\n        width: ", ";\n        height: ", ";\n      }\n\n      /* Track */\n      ::-webkit-scrollbar-track {\n        background: ", ";\n      }\n\n      /* Handle */\n      ::-webkit-scrollbar-thumb {\n        background: ", ";\n      }\n\n      .scrollbar--gutter-stable {\n        overflow-y: auto;\n        scrollbar-gutter: stable;\n        margin-right: -", ";\n        padding-right: -", ";\n      }\n\n      /* Button */\n      .antsomi-btn {\n        font-weight: 700 !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 5px !important;\n\n        i {\n          font-size: 20px;\n        }\n      }\n\n      .antsomi-btn-default {\n        &:not(:disabled):hover {\n          border-color: ", " !important;\n          background-color: ", " !important;\n        }\n        &:not(:disabled).antsomi-btn-default-active {\n          border-color: ", " !important;\n          background-color: ", " !important;\n        }\n\n        &.antsomi-btn-dangerous {\n          border-color: ", " !important;\n\n          &:not(:disabled):hover {\n            border-color: ", " !important;\n            background-color: ", " !important;\n          }\n        }\n\n        &.antsomi-btn-icon-only {\n          width: 36px !important;\n          height: 36px !important;\n        }\n      }\n\n      .antsomi-btn-text:disabled,\n      .antsomi-btn-link:disabled {\n        color: ", " !important;\n      }\n\n      .antsomi-btn-primary:disabled,\n      .antsomi-btn-default:disabled,\n      .antsomi-btn-dashed:disabled,\n      .antsomi-btn-disabled,\n      .antsomi-btn-default.antsomi-btn-dangerous:disabled,\n      .antsomi-btn-primary.antsomi-btn-dangerous:disabled {\n        border-color: ", " !important;\n      }\n\n      .antsomi-btn-default:disabled,\n      .antsomi-btn-dashed:disabled,\n      .antsomi-btn-disabled,\n      .antsomi-btn-default.antsomi-btn-dangerous:disabled {\n        color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      /* Input */\n      .antsomi-input,\n      .antsomi-input-affix-wrapper {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input {\n        &:focus {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper {\n        &:hover {\n          > input.antsomi-input {\n            background-color: ", ";\n          }\n        }\n\n        &.antsomi-input-affix-wrapper-focused {\n          background-color: ", ";\n\n          > input.antsomi-input {\n            background-color: ", ";\n          }\n        }\n      }\n\n      .antsomi-input-status-error:not(.antsomi-input-disabled):not(\n          .antsomi-input-borderless\n        ).antsomi-input {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-status-warning:not(.antsomi-input-disabled):not(\n          .antsomi-input-borderless\n        ).antsomi-input {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper-status-error:not(.antsomi-input-affix-wrapper-disabled):not(\n          .antsomi-input-affix-wrapper-borderless\n        ).antsomi-input-affix-wrapper {\n        &:hover,\n        &:hover > input.antsomi-input {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper-status-warning:not(.antsomi-input-affix-wrapper-disabled):not(\n          .antsomi-input-affix-wrapper-borderless\n        ).antsomi-input-affix-wrapper {\n        &:hover,\n        &:hover > input.antsomi-input {\n          background-color: ", ";\n        }\n      }\n\n      // Select\n      .antsomi-select .antsomi-select-arrow {\n        right: 5px !important;\n      }\n\n      .antsomi-select:not(.antsomi-select-disabled):not(.antsomi-select-customize-input):not(\n          .antsomi-pagination-size-changer\n        ):hover\n        .antsomi-select-selector {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input)\n        .antsomi-select-selector {\n        border-color: ", ";\n      }\n\n      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input) .antsomi-tag {\n        background-color: ", " !important;\n      }\n\n      .antsomi-select-selector {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-select-dropdown {\n        padding: 0 !important;\n      }\n\n      .antsomi-select-selection-overflow {\n        gap: 5px;\n      }\n\n      // Input Number\n      .antsomi-input-number,\n      .antsomi-input-number-affix-wrapper {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n\n        &.--show-handler {\n          .antsomi-input-number-handler-wrap {\n            opacity: 1;\n          }\n        }\n      }\n\n      .antsomi-input-number-group-addon {\n        border-width: 0 0 1px 0 !important;\n        background-color: ", " !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-input-number:hover {\n        background-color: ", ";\n\n        .antsomi-input-number-handler {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-number:focus,\n      .antsomi-input-number-focused {\n        border-color: ", " !important;\n      }\n\n      .antsomi-input-number-handler {\n        border: none !important;\n\n        &:hover i {\n          color: ", ";\n        }\n      }\n\n      // DatePicker\n      .antsomi-picker {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-picker:hover,\n      .antsomi-picker-focused {\n        background-color: ", ";\n      }\n\n      .antsomi-picker:not(.antsomi-picker-status-error) .antsomi-picker-suffix {\n        color: ", ";\n      }\n\n      .antsomi-picker:not(.antsomi-picker-disabled).antsomi-picker-status-error:not(\n          [disabled]\n        ):hover {\n        background-color: ", " !important;\n      }\n\n      // Custom\n      .date-time-picker__popup-content {\n        width: 230px !important;\n      }\n\n      .antsomi-picker-dropdown__advanced {\n        > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {\n          flex-direction: column-reverse;\n          padding-bottom: 60px;\n\n          .antsomi-picker-date-panel {\n            width: 280px !important;\n\n            .antsomi-picker-cell {\n              pointer-events: none !important;\n            }\n          }\n        }\n\n        &.--error\n          > .antsomi-picker-panel-container\n          > .antsomi-picker-panel-layout\n          > .antsomi-picker-panel {\n          padding-bottom: 80px;\n        }\n      }\n\n      // Slider\n      .antsomi-slider {\n        margin: 0 !important;\n\n        &.antsomi-slider-horizontal {\n          .antsomi-slider-rail,\n          .antsomi-slider-step {\n            height: 4px;\n            width: 100%;\n          }\n\n          .antsomi-slider-rail {\n            height: 4px;\n          }\n        }\n\n        .antsomi-slider-rail,\n        .antsomi-slider-step {\n          position: absolute !important;\n        }\n\n        .antsomi-slider-rail {\n          border-radius: 2px !important;\n          transition: background-color 0.3s !important;\n          background-color: ", " !important;\n        }\n\n        .antsomi-slider-track {\n          position: absolute !important;\n          border-radius: 2px !important;\n          transition: background-color 0.3s !important;\n          background-color: ", " !important;\n        }\n\n        .antsomi-slider-step {\n          background: 0 0 !important;\n          pointer-events: none !important;\n        }\n\n        .antsomi-slider-handle {\n          position: absolute !important;\n          width: 14px !important;\n          height: 14px !important;\n          margin-top: -2px;\n          background-color: #fff;\n          border-radius: 50%;\n          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;\n          cursor: pointer;\n          transition: border-color 0.3s, box-shadow 0.6s,\n            transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;\n        }\n\n        .antsomi-slider-handle::before,\n        .antsomi-slider-handle::after,\n        .antsomi-slider-handle:hover::after,\n        .antsomi-slider-handle:focus::before,\n        .antsomi-slider-handle:focus::after {\n          width: 14px !important;\n          height: 14px !important;\n          box-shadow: none !important;\n          inset-block-start: 0 !important;\n          inset-inline-start: 0 !important;\n        }\n\n        .antsomi-slider-handle::after {\n          background-color: ", " !important;\n        }\n\n        &:hover {\n          .antsomi-slider-track {\n            background-color: ", " !important;\n          }\n\n          .antsomi-slider-rail {\n            background-color: ", " !important;\n          }\n\n          .antsomi-slider-handle::after {\n            box-shadow: none !important;\n          }\n\n          .antsomi-slider-handle {\n            border-color: ", " !important;\n          }\n        }\n\n        &.antsomi-slider-with-marks {\n          margin-bottom: 0 !important;\n        }\n\n        &.antsomi-slider-disabled {\n          .antsomi-slider-handle {\n            background-color: ", " !important;\n            border-color: ", " !important;\n          }\n        }\n      }\n\n      /* Radio */\n      .antsomi-radio-group-outline {\n        .antsomi-radio-button-wrapper {\n          display: inline-flex;\n          align-items: center;\n          height: 30px;\n          padding-left: 20px;\n          padding-right: 20px;\n          font-family: 'Roboto';\n          color: ", ";\n          font-size: ", "px;\n\n          &:focus-within {\n            --tw-shadow: 0 0 #0000;\n            --tw-shadow-colored: 0 0 #0000;\n            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),\n              var(--tw-shadow);\n          }\n\n          &:first-child {\n            border-top-left-radius: ", "px;\n            border-bottom-left-radius: ", "px;\n          }\n\n          &:last-child {\n            border-top-right-radius: ", "px;\n            border-bottom-right-radius: ", "px;\n          }\n\n          &.antsomi-radio-button-wrapper-checked {\n            border-color: ", ";\n            background-color: ", ";\n            color: ", ";\n            font-weight: 700;\n\n            &::before {\n              background-color: ", ";\n            }\n          }\n        }\n\n        .antsomi-radio-wrapper {\n          font-family: 'Roboto';\n          color: ", ";\n          font-size: ", "px;\n          margin-right: 0;\n\n          .antsomi-radio-disabled {\n            .antsomi-radio-inner {\n              border-color: #d9d9d9 !important;\n            }\n          }\n\n          .antsomi-radio-inner {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n\n          .antsomi-radio-checked .antsomi-radio-inner::after {\n            transform: scale(0.6);\n          }\n\n          .antsomi-radio-inner::after {\n            position: unset !important;\n            transition: none !important;\n            transform: scale(0.6);\n            margin-block-start: 0px;\n            margin-inline-start: 0px;\n          }\n\n          .antsomi-radio {\n            .antsomi-radio-inner {\n              width: 16px;\n              height: 16px;\n              border-color: ", ";\n              border-width: 2px;\n              background-color: ", ";\n\n              &::after {\n                background-color: ", ";\n              }\n            }\n          }\n\n          &:not(:last-child) {\n            margin-right: 30px;\n          }\n        }\n      }\n\n      /* Modal Close */\n      .antsomi-modal-root .antsomi-modal-wrap {\n        z-index: 3001 !important;\n      }\n\n      .antsomi-modal .antsomi-modal-close {\n        width: unset !important;\n        height: unset !important;\n        top: 0px !important;\n        right: 0 !important;\n      }\n      .antsomi-modal-content {\n        .antsomi-modal-header {\n          .antsomi-modal-title {\n            font-weight: 500;\n            font-size: 16px;\n            line-height: 22px;\n            word-wrap: break-word;\n          }\n        }\n        .antsomi-modal-body {\n          font-size: 14px !important;\n          p {\n            margin: 0;\n          }\n        }\n        .antsomi-modal-footer {\n          padding: 15px !important;\n          text-align: right;\n          background: transparent;\n          border-top: 1px solid #f0f0f0 !important;\n          border-radius: 0 0 2px 2px;\n        }\n      }\n\n      /* Message Notification */\n      .ant-message {\n        z-index: 999999 !important;\n      }\n\n      /* Collapse */\n      .antsomi-collapse-header {\n        font-size: 14px;\n      }\n\n      .antsomi-collapse {\n        &.antsomi-collapse-borderless {\n          border-bottom: 1px solid ", ";\n        }\n\n        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {\n          transition: all 200ms;\n        }\n      }\n\n      /* Switch */\n      .antsomi-switch {\n        border: 2px solid ", " !important;\n\n        &.antsomi-switch-checked {\n          > .antsomi-switch-handle {\n            &::before {\n              background-color: ", " !important;\n            }\n          }\n        }\n      }\n\n      /* Tabs */\n      .antsomi-tabs {\n        .antsomi-tabs-tab {\n          &.antsomi-tabs-tab-active {\n            font-weight: bold;\n          }\n        }\n      }\n\n      /* Form */\n      .antsomi-form {\n        .antsomi-form-item {\n          .antsomi-form-item-label {\n            > label.antsomi-form-item-required:not(.antsomi-form-item-required-mark-optional) {\n              &::before {\n                position: absolute;\n                right: 0px;\n                font-family: Roboto;\n              }\n            }\n          }\n        }\n      }\n    "], ["\n      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');\n\n      /* Custom */\n      .antsomi-scrollbar-hidden {\n        -ms-overflow-style: none; /* for Internet Explorer, Edge */\n        scrollbar-width: none; /* for Firefox */\n\n        &::-webkit-scrollbar {\n          display: none;\n        }\n      }\n\n      /* width */\n      ::-webkit-scrollbar {\n        width: ", ";\n        height: ", ";\n      }\n\n      /* Track */\n      ::-webkit-scrollbar-track {\n        background: ", ";\n      }\n\n      /* Handle */\n      ::-webkit-scrollbar-thumb {\n        background: ", ";\n      }\n\n      .scrollbar--gutter-stable {\n        overflow-y: auto;\n        scrollbar-gutter: stable;\n        margin-right: -", ";\n        padding-right: -", ";\n      }\n\n      /* Button */\n      .antsomi-btn {\n        font-weight: 700 !important;\n        display: inline-flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        gap: 5px !important;\n\n        i {\n          font-size: 20px;\n        }\n      }\n\n      .antsomi-btn-default {\n        &:not(:disabled):hover {\n          border-color: ", " !important;\n          background-color: ", " !important;\n        }\n        &:not(:disabled).antsomi-btn-default-active {\n          border-color: ", " !important;\n          background-color: ", " !important;\n        }\n\n        &.antsomi-btn-dangerous {\n          border-color: ", " !important;\n\n          &:not(:disabled):hover {\n            border-color: ", " !important;\n            background-color: ", " !important;\n          }\n        }\n\n        &.antsomi-btn-icon-only {\n          width: 36px !important;\n          height: 36px !important;\n        }\n      }\n\n      .antsomi-btn-text:disabled,\n      .antsomi-btn-link:disabled {\n        color: ", " !important;\n      }\n\n      .antsomi-btn-primary:disabled,\n      .antsomi-btn-default:disabled,\n      .antsomi-btn-dashed:disabled,\n      .antsomi-btn-disabled,\n      .antsomi-btn-default.antsomi-btn-dangerous:disabled,\n      .antsomi-btn-primary.antsomi-btn-dangerous:disabled {\n        border-color: ", " !important;\n      }\n\n      .antsomi-btn-default:disabled,\n      .antsomi-btn-dashed:disabled,\n      .antsomi-btn-disabled,\n      .antsomi-btn-default.antsomi-btn-dangerous:disabled {\n        color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      /* Input */\n      .antsomi-input,\n      .antsomi-input-affix-wrapper {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input {\n        &:focus {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper {\n        &:hover {\n          > input.antsomi-input {\n            background-color: ", ";\n          }\n        }\n\n        &.antsomi-input-affix-wrapper-focused {\n          background-color: ", ";\n\n          > input.antsomi-input {\n            background-color: ", ";\n          }\n        }\n      }\n\n      .antsomi-input-status-error:not(.antsomi-input-disabled):not(\n          .antsomi-input-borderless\n        ).antsomi-input {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-status-warning:not(.antsomi-input-disabled):not(\n          .antsomi-input-borderless\n        ).antsomi-input {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper-status-error:not(.antsomi-input-affix-wrapper-disabled):not(\n          .antsomi-input-affix-wrapper-borderless\n        ).antsomi-input-affix-wrapper {\n        &:hover,\n        &:hover > input.antsomi-input {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-affix-wrapper-status-warning:not(.antsomi-input-affix-wrapper-disabled):not(\n          .antsomi-input-affix-wrapper-borderless\n        ).antsomi-input-affix-wrapper {\n        &:hover,\n        &:hover > input.antsomi-input {\n          background-color: ", ";\n        }\n      }\n\n      // Select\n      .antsomi-select .antsomi-select-arrow {\n        right: 5px !important;\n      }\n\n      .antsomi-select:not(.antsomi-select-disabled):not(.antsomi-select-customize-input):not(\n          .antsomi-pagination-size-changer\n        ):hover\n        .antsomi-select-selector {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input)\n        .antsomi-select-selector {\n        border-color: ", ";\n      }\n\n      .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input) .antsomi-tag {\n        background-color: ", " !important;\n      }\n\n      .antsomi-select-selector {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-select-dropdown {\n        padding: 0 !important;\n      }\n\n      .antsomi-select-selection-overflow {\n        gap: 5px;\n      }\n\n      // Input Number\n      .antsomi-input-number,\n      .antsomi-input-number-affix-wrapper {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n\n        &.--show-handler {\n          .antsomi-input-number-handler-wrap {\n            opacity: 1;\n          }\n        }\n      }\n\n      .antsomi-input-number-group-addon {\n        border-width: 0 0 1px 0 !important;\n        background-color: ", " !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-input-number:hover {\n        background-color: ", ";\n\n        .antsomi-input-number-handler {\n          background-color: ", ";\n        }\n      }\n\n      .antsomi-input-number:focus,\n      .antsomi-input-number-focused {\n        border-color: ", " !important;\n      }\n\n      .antsomi-input-number-handler {\n        border: none !important;\n\n        &:hover i {\n          color: ", ";\n        }\n      }\n\n      // DatePicker\n      .antsomi-picker {\n        border-width: 0 0 1px 0 !important;\n        box-shadow: none !important;\n      }\n\n      .antsomi-picker:hover,\n      .antsomi-picker-focused {\n        background-color: ", ";\n      }\n\n      .antsomi-picker:not(.antsomi-picker-status-error) .antsomi-picker-suffix {\n        color: ", ";\n      }\n\n      .antsomi-picker:not(.antsomi-picker-disabled).antsomi-picker-status-error:not(\n          [disabled]\n        ):hover {\n        background-color: ", " !important;\n      }\n\n      // Custom\n      .date-time-picker__popup-content {\n        width: 230px !important;\n      }\n\n      .antsomi-picker-dropdown__advanced {\n        > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {\n          flex-direction: column-reverse;\n          padding-bottom: 60px;\n\n          .antsomi-picker-date-panel {\n            width: 280px !important;\n\n            .antsomi-picker-cell {\n              pointer-events: none !important;\n            }\n          }\n        }\n\n        &.--error\n          > .antsomi-picker-panel-container\n          > .antsomi-picker-panel-layout\n          > .antsomi-picker-panel {\n          padding-bottom: 80px;\n        }\n      }\n\n      // Slider\n      .antsomi-slider {\n        margin: 0 !important;\n\n        &.antsomi-slider-horizontal {\n          .antsomi-slider-rail,\n          .antsomi-slider-step {\n            height: 4px;\n            width: 100%;\n          }\n\n          .antsomi-slider-rail {\n            height: 4px;\n          }\n        }\n\n        .antsomi-slider-rail,\n        .antsomi-slider-step {\n          position: absolute !important;\n        }\n\n        .antsomi-slider-rail {\n          border-radius: 2px !important;\n          transition: background-color 0.3s !important;\n          background-color: ", " !important;\n        }\n\n        .antsomi-slider-track {\n          position: absolute !important;\n          border-radius: 2px !important;\n          transition: background-color 0.3s !important;\n          background-color: ", " !important;\n        }\n\n        .antsomi-slider-step {\n          background: 0 0 !important;\n          pointer-events: none !important;\n        }\n\n        .antsomi-slider-handle {\n          position: absolute !important;\n          width: 14px !important;\n          height: 14px !important;\n          margin-top: -2px;\n          background-color: #fff;\n          border-radius: 50%;\n          box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;\n          cursor: pointer;\n          transition: border-color 0.3s, box-shadow 0.6s,\n            transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;\n        }\n\n        .antsomi-slider-handle::before,\n        .antsomi-slider-handle::after,\n        .antsomi-slider-handle:hover::after,\n        .antsomi-slider-handle:focus::before,\n        .antsomi-slider-handle:focus::after {\n          width: 14px !important;\n          height: 14px !important;\n          box-shadow: none !important;\n          inset-block-start: 0 !important;\n          inset-inline-start: 0 !important;\n        }\n\n        .antsomi-slider-handle::after {\n          background-color: ", " !important;\n        }\n\n        &:hover {\n          .antsomi-slider-track {\n            background-color: ", " !important;\n          }\n\n          .antsomi-slider-rail {\n            background-color: ", " !important;\n          }\n\n          .antsomi-slider-handle::after {\n            box-shadow: none !important;\n          }\n\n          .antsomi-slider-handle {\n            border-color: ", " !important;\n          }\n        }\n\n        &.antsomi-slider-with-marks {\n          margin-bottom: 0 !important;\n        }\n\n        &.antsomi-slider-disabled {\n          .antsomi-slider-handle {\n            background-color: ", " !important;\n            border-color: ", " !important;\n          }\n        }\n      }\n\n      /* Radio */\n      .antsomi-radio-group-outline {\n        .antsomi-radio-button-wrapper {\n          display: inline-flex;\n          align-items: center;\n          height: 30px;\n          padding-left: 20px;\n          padding-right: 20px;\n          font-family: 'Roboto';\n          color: ", ";\n          font-size: ", "px;\n\n          &:focus-within {\n            --tw-shadow: 0 0 #0000;\n            --tw-shadow-colored: 0 0 #0000;\n            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),\n              var(--tw-shadow);\n          }\n\n          &:first-child {\n            border-top-left-radius: ", "px;\n            border-bottom-left-radius: ", "px;\n          }\n\n          &:last-child {\n            border-top-right-radius: ", "px;\n            border-bottom-right-radius: ", "px;\n          }\n\n          &.antsomi-radio-button-wrapper-checked {\n            border-color: ", ";\n            background-color: ", ";\n            color: ", ";\n            font-weight: 700;\n\n            &::before {\n              background-color: ", ";\n            }\n          }\n        }\n\n        .antsomi-radio-wrapper {\n          font-family: 'Roboto';\n          color: ", ";\n          font-size: ", "px;\n          margin-right: 0;\n\n          .antsomi-radio-disabled {\n            .antsomi-radio-inner {\n              border-color: #d9d9d9 !important;\n            }\n          }\n\n          .antsomi-radio-inner {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n\n          .antsomi-radio-checked .antsomi-radio-inner::after {\n            transform: scale(0.6);\n          }\n\n          .antsomi-radio-inner::after {\n            position: unset !important;\n            transition: none !important;\n            transform: scale(0.6);\n            margin-block-start: 0px;\n            margin-inline-start: 0px;\n          }\n\n          .antsomi-radio {\n            .antsomi-radio-inner {\n              width: 16px;\n              height: 16px;\n              border-color: ", ";\n              border-width: 2px;\n              background-color: ", ";\n\n              &::after {\n                background-color: ", ";\n              }\n            }\n          }\n\n          &:not(:last-child) {\n            margin-right: 30px;\n          }\n        }\n      }\n\n      /* Modal Close */\n      .antsomi-modal-root .antsomi-modal-wrap {\n        z-index: 3001 !important;\n      }\n\n      .antsomi-modal .antsomi-modal-close {\n        width: unset !important;\n        height: unset !important;\n        top: 0px !important;\n        right: 0 !important;\n      }\n      .antsomi-modal-content {\n        .antsomi-modal-header {\n          .antsomi-modal-title {\n            font-weight: 500;\n            font-size: 16px;\n            line-height: 22px;\n            word-wrap: break-word;\n          }\n        }\n        .antsomi-modal-body {\n          font-size: 14px !important;\n          p {\n            margin: 0;\n          }\n        }\n        .antsomi-modal-footer {\n          padding: 15px !important;\n          text-align: right;\n          background: transparent;\n          border-top: 1px solid #f0f0f0 !important;\n          border-radius: 0 0 2px 2px;\n        }\n      }\n\n      /* Message Notification */\n      .ant-message {\n        z-index: 999999 !important;\n      }\n\n      /* Collapse */\n      .antsomi-collapse-header {\n        font-size: 14px;\n      }\n\n      .antsomi-collapse {\n        &.antsomi-collapse-borderless {\n          border-bottom: 1px solid ", ";\n        }\n\n        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {\n          transition: all 200ms;\n        }\n      }\n\n      /* Switch */\n      .antsomi-switch {\n        border: 2px solid ", " !important;\n\n        &.antsomi-switch-checked {\n          > .antsomi-switch-handle {\n            &::before {\n              background-color: ", " !important;\n            }\n          }\n        }\n      }\n\n      /* Tabs */\n      .antsomi-tabs {\n        .antsomi-tabs-tab {\n          &.antsomi-tabs-tab-active {\n            font-weight: bold;\n          }\n        }\n      }\n\n      /* Form */\n      .antsomi-form {\n        .antsomi-form-item {\n          .antsomi-form-item-label {\n            > label.antsomi-form-item-required:not(.antsomi-form-item-required-mark-optional) {\n              &::before {\n                position: absolute;\n                right: 0px;\n                font-family: Roboto;\n              }\n            }\n          }\n        }\n      }\n    "])), scrollBarSize, scrollBarSize, accent6, accent7, scrollBarSize, scrollBarSize, (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue3, (_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue, (_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary, (_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue1_1, (_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red2, (_f = THEME.token) === null || _f === void 0 ? void 0 : _f.red3, (_g = THEME.token) === null || _g === void 0 ? void 0 : _g.red, (_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6, (_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw4, (_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw6, (_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2, (_m = THEME.token) === null || _m === void 0 ? void 0 : _m.blue, (_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw0, (_p = THEME.token) === null || _p === void 0 ? void 0 : _p.blue, (_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw0, (_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw0, (_s = THEME.token) === null || _s === void 0 ? void 0 : _s.red, (_t = THEME.token) === null || _t === void 0 ? void 0 : _t.gold1, (_u = THEME.token) === null || _u === void 0 ? void 0 : _u.red, (_v = THEME.token) === null || _v === void 0 ? void 0 : _v.gold1, (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.blue1, (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.blue, (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw4, (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw4, (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0, (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.blue, (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.blue, (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorPrimary, (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorPrimary, (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue, (_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.bw10, (_7 = THEME.token) === null || _7 === void 0 ? void 0 : _7.red, (_8 = THEME.token) === null || _8 === void 0 ? void 0 : _8.accent1, (_9 = THEME.token) === null || _9 === void 0 ? void 0 : _9.colorPrimary, (_10 = THEME.token) === null || _10 === void 0 ? void 0 : _10.colorPrimary, (_11 = THEME.token) === null || _11 === void 0 ? void 0 : _11.colorPrimary, (_12 = THEME.token) === null || _12 === void 0 ? void 0 : _12.accent1, (_13 = THEME.token) === null || _13 === void 0 ? void 0 : _13.colorPrimary, (_14 = THEME.token) === null || _14 === void 0 ? void 0 : _14.accent2, (_15 = THEME.token) === null || _15 === void 0 ? void 0 : _15.accent2, (_16 = THEME.token) === null || _16 === void 0 ? void 0 : _16.colorTextBase, (_17 = THEME.token) === null || _17 === void 0 ? void 0 : _17.fontSize, (_18 = THEME.token) === null || _18 === void 0 ? void 0 : _18.borderRadius, (_19 = THEME.token) === null || _19 === void 0 ? void 0 : _19.borderRadius, (_20 = THEME.token) === null || _20 === void 0 ? void 0 : _20.borderRadius, (_21 = THEME.token) === null || _21 === void 0 ? void 0 : _21.borderRadius, (_22 = THEME.token) === null || _22 === void 0 ? void 0 : _22.accent1, (_23 = THEME.token) === null || _23 === void 0 ? void 0 : _23.colorTextActive, (_24 = THEME.token) === null || _24 === void 0 ? void 0 : _24.colorPrimary, (_25 = THEME.token) === null || _25 === void 0 ? void 0 : _25.accent1, (_26 = THEME.token) === null || _26 === void 0 ? void 0 : _26.colorTextBase, (_27 = THEME.token) === null || _27 === void 0 ? void 0 : _27.fontSize, (_28 = THEME.token) === null || _28 === void 0 ? void 0 : _28.colorPrimary, (_29 = THEME.token) === null || _29 === void 0 ? void 0 : _29.bw0, (_30 = THEME.token) === null || _30 === void 0 ? void 0 : _30.colorPrimary, (_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.gray5, (_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary, (_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.bw0) }));
 };
+var templateObject_1;

package/es/components/icons/AccountCircle.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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" }))));
+export var AccountCircle = forwardRef(function (props, ref) { return (React.createElement("svg", __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" }))); });