krl-alfred 1.79.0 → 1.79.2

package/dist/components/Button/Button.js

@@ -32,19 +32,12 @@ var props_1 = require("./props");
 var classnames_1 = __importDefault(require("classnames"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Loader_1 = __importDefault(require("../Loader"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var Children = function (props) {
     var children = props.children, icon = props.icon, iconStrokeWidth = props.iconStrokeWidth, isLoading = props.isLoading, iconSize = props.iconSize;
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('children', { 'isLoading': isLoading }) }, { children: children })), icon && ((0, jsx_runtime_1.jsx)(Button_styled_1.IconStyled, __assign({ "$iconSize": iconSize }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: iconStrokeWidth, name: icon }) })))] });
 };
 var Button = (0, react_1.forwardRef)(function (props, ref) {
-    var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children, iconStrokeWidth = props.iconStrokeWidth, _a = props.iconSize, iconSize = _a === void 0 ? props_1.ButtonDefault.iconSize : _a, other = __rest(props, ["type", "isLoading", "onClick", "disabled", "size", "variant", "width", "icon", "children", "iconStrokeWidth", "iconSize"]);
-    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, "$size": size, "$variant": variant, "$width": width, "$icon": icon, type: type, ref: ref, "$isLoading": isLoading }, other, { children: (0, jsx_runtime_1.jsxs)(Children, __assign({ isLoading: isLoading, iconStrokeWidth: iconStrokeWidth, icon: icon, iconSize: iconSize }, { children: [isLoading && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "loadingContent" }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) }))), children] })) })));
+    var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children, _a = props.iconStrokeWidth, iconStrokeWidth = _a === void 0 ? props_1.ButtonDefault.iconStrokeWidth : _a, _b = props.iconSize, iconSize = _b === void 0 ? props_1.ButtonDefault.iconSize : _b, _c = props.tooltip, tooltip = _c === void 0 ? props_1.ButtonDefault.tooltip : _c, other = __rest(props, ["type", "isLoading", "onClick", "disabled", "size", "variant", "width", "icon", "children", "iconStrokeWidth", "iconSize", "tooltip"]);
+    return ((0, jsx_runtime_1.jsxs)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, "$size": size, "$variant": variant, "$width": width, "$icon": icon, type: type, ref: ref, "$isLoading": isLoading, "$tooltip": tooltip }, other, { children: [(0, jsx_runtime_1.jsxs)(Children, __assign({ isLoading: isLoading, iconStrokeWidth: iconStrokeWidth, icon: icon, iconSize: iconSize }, { children: [isLoading && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "loadingContent" }, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) }))), children] })), tooltip && (0, jsx_runtime_1.jsx)("div", __assign({ className: "buttonTooltip" }, { children: tooltip }))] })));
 });
-Button.propTypes = {
-    iconStrokeWidth: prop_types_1.default.string,
-};
-Button.defaultProps = {
-    iconStrokeWidth: "2px",
-};
 exports.default = Button;

package/dist/components/Button/Button.styled.js

@@ -30,7 +30,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconStyled = exports.ButtonStyled = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var devices_1 = require("../../constants/devices");
-var primary = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--primary);\n  color: white;\n  border: 1px solid transparent;\n  font: ", ";\n  \n  @media only screen and ", " {\n    &:hover {\n      background-color: var(--primary-hover);\n    }\n  }\n \n\n  &:active {\n    background-color: var(--primary-press);\n    @media only screen and ", " {\n      background-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: var(--primary);\n  color: white;\n  border: 1px solid transparent;\n  font: ", ";\n  \n  @media only screen and ", " {\n    &:hover {\n      background-color: var(--primary-hover);\n    }\n  }\n \n\n  &:active {\n    background-color: var(--primary-press);\n    @media only screen and ", " {\n      background-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
+var primary = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--primary-initial);\n  color: white;\n  border: 1px solid transparent;\n  font: ", ";\n  \n  @media only screen and ", " {\n    &:hover {\n      background-color: var(--primary-hover);\n    }\n  }\n \n\n  &:active {\n    background-color: var(--primary-press);\n    @media only screen and ", " {\n      background-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: var(--primary-initial);\n  color: white;\n  border: 1px solid transparent;\n  font: ", ";\n  \n  @media only screen and ", " {\n    &:hover {\n      background-color: var(--primary-hover);\n    }\n  }\n \n\n  &:active {\n    background-color: var(--primary-press);\n    @media only screen and ", " {\n      background-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
     switch (props.$size) {
         case 'xsmall':
             return "var(--caption-bold-12-15)";
@@ -44,7 +44,7 @@ var primary = (0, styled_components_1.css)(templateObject_1 || (templateObject_1
             return "var(--body-bold-14-17)";
     }
 }, devices_1.devices.mdUp, devices_1.devices.md);
-var secondary = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: var(--primary-opacity-5);\n  color: var(--primary);\n  border: 1px solid transparent;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n    }\n  }\n\n \n\n  &:active {\n    color: var(--primary-press);\n    @media only screen and ", " {\n      color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: var(--primary-opacity-5);\n  color: var(--primary);\n  border: 1px solid transparent;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n    }\n  }\n\n \n\n  &:active {\n    color: var(--primary-press);\n    @media only screen and ", " {\n      color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
+var secondary = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: var(--primary-opacity-5);\n  color: var(--primary-initial);\n  border: 1px solid transparent;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n    }\n  }\n\n \n\n  &:active {\n    color: var(--primary-press);\n    @media only screen and ", " {\n      color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: var(--primary-opacity-5);\n  color: var(--primary-initial);\n  border: 1px solid transparent;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n    }\n  }\n\n \n\n  &:active {\n    color: var(--primary-press);\n    @media only screen and ", " {\n      color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    background-color: var(--dark-opacity-5);\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
     switch (props.$size) {
         case 'xsmall':
             return "var(--caption-bold-12-15)";
@@ -58,7 +58,7 @@ var secondary = (0, styled_components_1.css)(templateObject_2 || (templateObject
             return "var(--body-bold-14-17)";
     }
 }, devices_1.devices.mdUp, devices_1.devices.md);
-var inverted = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: transparent;\n  color: var(--primary);\n  border: 1px solid;\n  border-color: var(--primary);\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n  \n  \n\n  &:active {\n    color: var(--primary-press);\n    border-color: var(--primary-press);\n\n    @media only screen and ", " {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n    border-color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: transparent;\n  color: var(--primary);\n  border: 1px solid;\n  border-color: var(--primary);\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n  \n  \n\n  &:active {\n    color: var(--primary-press);\n    border-color: var(--primary-press);\n\n    @media only screen and ", " {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n    border-color: var(--dark-opacity-25);\n  }\n"])), function (props) {
+var inverted = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: transparent;\n  color: var(--primary-initial);\n  border: 1px solid;\n  border-color: var(--primary-initial);\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n  \n  \n\n  &:active {\n    color: var(--primary-press);\n    border-color: var(--primary-press);\n\n    @media only screen and ", " {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n    border-color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: transparent;\n  color: var(--primary-initial);\n  border: 1px solid;\n  border-color: var(--primary-initial);\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n  \n  \n\n  &:active {\n    color: var(--primary-press);\n    border-color: var(--primary-press);\n\n    @media only screen and ", " {\n      color: var(--primary-hover);\n      border-color: var(--primary-hover);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n    border-color: var(--dark-opacity-25);\n  }\n"])), function (props) {
     switch (props.$size) {
         case 'xsmall':
             return "var(--caption-bold-12-15)";
@@ -72,7 +72,7 @@ var inverted = (0, styled_components_1.css)(templateObject_3 || (templateObject_
             return "var(--body-bold-14-17)";
     }
 }, devices_1.devices.mdUp, devices_1.devices.md);
-var ghost = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: transparent;\n  color: var(--primary);\n  border: 0;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary);\n      background-color: var(--primary-opacity-5);\n    }\n  }\n\n  \n  &:active {\n    color: var(--primary-hover);\n    background-color: var(--primary-opacity-5);\n\n    @media only screen and ", " {\n      color: var(--primary);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: transparent;\n  color: var(--primary);\n  border: 0;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary);\n      background-color: var(--primary-opacity-5);\n    }\n  }\n\n  \n  &:active {\n    color: var(--primary-hover);\n    background-color: var(--primary-opacity-5);\n\n    @media only screen and ", " {\n      color: var(--primary);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
+var ghost = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background-color: transparent;\n  color: var(--primary-initial);\n  border: 0;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-initial);\n      background-color: var(--primary-opacity-5);\n    }\n  }\n\n  \n  &:active {\n    color: var(--primary-hover);\n    background-color: var(--primary-opacity-5);\n\n    @media only screen and ", " {\n      color: var(--primary-initial);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n  }\n"], ["\n  background-color: transparent;\n  color: var(--primary-initial);\n  border: 0;\n  font: ", ";\n\n  @media only screen and ", " {\n    &:hover {\n      color: var(--primary-initial);\n      background-color: var(--primary-opacity-5);\n    }\n  }\n\n  \n  &:active {\n    color: var(--primary-hover);\n    background-color: var(--primary-opacity-5);\n\n    @media only screen and ", " {\n      color: var(--primary-initial);\n    }\n  }\n\n  &:disabled:not(.loading) {\n    color: var(--dark-opacity-25);\n  }\n"])), function (props) {
     switch (props.$size) {
         case 'xsmall':
             return "var(--body-bold-13-16)";
@@ -86,7 +86,7 @@ var ghost = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 =
             return "var(--body-bold-14-17)";
     }
 }, devices_1.devices.mdUp, devices_1.devices.md);
-exports.ButtonStyled = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: ", ";\n  padding: ", ";\n  cursor: pointer;\n  transition: all .2s;\n  width: ", ";\n  outline: none;\n  ", "\n  height: ", ";\n  &:disabled {\n    cursor: not-allowed;\n  }\n  .children{\n    margin-right: ", ";\n    background-color: transparent;\n    border-radius: inherit;\n    &:is(.isLoading){\n      background-color: inherit;\n    }\n    &:empty{\n      margin-right: 0;\n    }\n  }\n  .loadingContent{\n    position: absolute;\n    background-color: inherit;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n    border-radius: inherit;\n  }\n"], ["\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: ", ";\n  padding: ", ";\n  cursor: pointer;\n  transition: all .2s;\n  width: ", ";\n  outline: none;\n  ", "\n  height: ", ";\n  &:disabled {\n    cursor: not-allowed;\n  }\n  .children{\n    margin-right: ", ";\n    background-color: transparent;\n    border-radius: inherit;\n    &:is(.isLoading){\n      background-color: inherit;\n    }\n    &:empty{\n      margin-right: 0;\n    }\n  }\n  .loadingContent{\n    position: absolute;\n    background-color: inherit;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n    border-radius: inherit;\n  }\n"])), function (props) { return props.$size === 'xsmall' ? '0.25rem' : '0.5rem'; }, function (props) { return props.$width ? '0' : '0 24px'; }, function (props) { return props.$width; }, function (props) {
+exports.ButtonStyled = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.5rem;\n  padding: ", ";\n  cursor: pointer;\n  transition: all .2s;\n  width: ", ";\n  outline: none;\n  ", "\n  height: ", ";\n  &:disabled {\n    cursor: not-allowed;\n  }\n  .children{\n    margin-right: ", ";\n    background-color: transparent;\n    border-radius: inherit;\n    &:is(.isLoading){\n      background-color: inherit;\n    }\n    &:empty{\n      margin-right: 0;\n    }\n  }\n  .loadingContent{\n    position: absolute;\n    background-color: inherit;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n    border-radius: inherit;\n  }\n  .buttonTooltip{\n    position: absolute;\n    right: 0;\n    top: calc(100% + 5px);\n    background: white;\n    color: var(--dark);\n    font: var(--caption-medium-10-12);\n    padding: 0.5rem 1rem;\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    user-select: none;\n    pointer-events: none;\n    transition: all .2s ease;\n    opacity: 0;\n    transition-delay: 0s;\n  }\n  &:hover{\n    .buttonTooltip{\n      opacity: 1;\n      transition-delay: 1s;\n    }\n  }\n"], ["\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.5rem;\n  padding: ", ";\n  cursor: pointer;\n  transition: all .2s;\n  width: ", ";\n  outline: none;\n  ", "\n  height: ", ";\n  &:disabled {\n    cursor: not-allowed;\n  }\n  .children{\n    margin-right: ", ";\n    background-color: transparent;\n    border-radius: inherit;\n    &:is(.isLoading){\n      background-color: inherit;\n    }\n    &:empty{\n      margin-right: 0;\n    }\n  }\n  .loadingContent{\n    position: absolute;\n    background-color: inherit;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 5;\n    border-radius: inherit;\n  }\n  .buttonTooltip{\n    position: absolute;\n    right: 0;\n    top: calc(100% + 5px);\n    background: white;\n    color: var(--dark);\n    font: var(--caption-medium-10-12);\n    padding: 0.5rem 1rem;\n    border-radius: 0.5rem;\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    user-select: none;\n    pointer-events: none;\n    transition: all .2s ease;\n    opacity: 0;\n    transition-delay: 0s;\n  }\n  &:hover{\n    .buttonTooltip{\n      opacity: 1;\n      transition-delay: 1s;\n    }\n  }\n"])), function (props) { return props.$width ? '0' : '0 24px'; }, function (props) { return props.$width; }, function (props) {
     switch (props.$variant) {
         case 'primary':
             return primary;

package/dist/components/Button/props.js

@@ -5,4 +5,13 @@ var Icon_1 = require("../Icon");
 exports.variants = ['primary', 'secondary', 'inverted', 'ghost'];
 exports.sizes = ['big', 'medium', 'small', 'xsmall'];
 exports.iconNames = Object.keys(Icon_1.iconList);
-exports.ButtonDefault = { size: 'medium', variant: 'primary', isLoading: false, width: "auto", type: "button", iconSize: "1rem" };
+exports.ButtonDefault = {
+    size: 'medium',
+    variant: 'primary',
+    isLoading: false,
+    width: "auto",
+    type: "button",
+    iconSize: "1rem",
+    tooltip: null,
+    iconStrokeWidth: "2px",
+};

package/dist/components/Button/stories/Button.stories.js

@@ -37,7 +37,8 @@ exports.Default = {
         disabled: false,
         isLoading: false,
         width: "150px",
-        type: "button"
+        type: "button",
+        tooltip: "button",
     },
 };
 exports.Icon = {

package/dist/components/DescriptionCard/DescriptionCard.styled.js

@@ -7,19 +7,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItemBody = exports.AccordionItemHeader = exports.AccordionItemWrapper = exports.AccordionListWrapper = exports.SubMenu = exports.HeaderDropdownOpener = exports.DropdownWrapper = exports.ListStyled = exports.BadgeWrapper = exports.HeaderImageWrapperStyled = exports.HeaderTitleStyled = exports.DescriptionCardHeaderStyled = exports.DescriptionCardStyled = void 0;
+exports.AccordionItemBody = exports.AccordionItemHeader = exports.AccordionItemWrapper = exports.AccordionListWrapper = exports.SubMenu = exports.DropdownWrapper = exports.ListStyled = exports.BadgeWrapper = exports.HeaderImageWrapperStyled = exports.HeaderTitleStyled = exports.DescriptionCardHeaderStyled = exports.DescriptionCardStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 exports.DescriptionCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: ", ";\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n        z-index: 2;\n    }\n"], ["\n    display: block;\n    position: relative;\n    border-radius: ", ";\n    overflow: hidden;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: ", ";\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n        z-index: 2;\n    }\n"])), function (props) { return props.$hasRounded ? "0.5rem" : "0"; }, function (props) { return props.$hasBorder ? "1px solid var(--dark-opacity-10)" : "none"; });
-exports.DescriptionCardHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--dark-opacity-10);\n"], ["\n    padding: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--dark-opacity-10);\n"])), function (props) { return props.$headerImage ? "1rem 1.5rem" : "1.5rem"; });
-exports.HeaderTitleStyled = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font: var(--headline-semi-bold-20-24);\n    display: inline-block;\n    vertical-align: middle;\n"], ["\n    font: var(--headline-semi-bold-20-24);\n    display: inline-block;\n    vertical-align: middle;\n"])));
-exports.HeaderImageWrapperStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    vertical-align: middle;\n    border: 1px solid var(--dark-opacity-5);\n    width: 64px;\n    height: 64px;\n    border-radius: 0.5rem;\n    position: relative;\n    overflow: hidden;\n    margin-right: 1.5rem;\n    *{\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n        padding: 0.5rem;\n        box-sizing: border-box;\n    }\n"], ["\n    display: inline-block;\n    vertical-align: middle;\n    border: 1px solid var(--dark-opacity-5);\n    width: 64px;\n    height: 64px;\n    border-radius: 0.5rem;\n    position: relative;\n    overflow: hidden;\n    margin-right: 1.5rem;\n    *{\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n        padding: 0.5rem;\n        box-sizing: border-box;\n    }\n"])));
-exports.BadgeWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 1.5rem;\n"], ["\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 1.5rem;\n"])));
-exports.ListStyled = styled_components_1.default.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: repeat(", ",1fr);\n    padding: 0;\n    margin: 0;\n    position: relative;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: 1px solid white;\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n    }\n    li{\n        display: block;\n        padding: 1.5rem;\n        border-right: 1px solid var(--dark-opacity-10);\n        border-bottom: 1px solid var(--dark-opacity-10);\n        &:is(:last-child){\n            border-right: 0;\n        }\n        .displayTitle{\n            display: block;\n            color: var(--dark-opacity-50);\n            font: var(--body-semi-bold-14-17);\n        }\n        .displayValue{\n            display: block;\n            margin-top: 0.5rem;\n            color: var(--dark);\n            font: var(--body-semi-bold-14-17);\n        }\n    }\n"], ["\n    display: grid;\n    grid-template-columns: repeat(", ",1fr);\n    padding: 0;\n    margin: 0;\n    position: relative;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: 1px solid white;\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n    }\n    li{\n        display: block;\n        padding: 1.5rem;\n        border-right: 1px solid var(--dark-opacity-10);\n        border-bottom: 1px solid var(--dark-opacity-10);\n        &:is(:last-child){\n            border-right: 0;\n        }\n        .displayTitle{\n            display: block;\n            color: var(--dark-opacity-50);\n            font: var(--body-semi-bold-14-17);\n        }\n        .displayValue{\n            display: block;\n            margin-top: 0.5rem;\n            color: var(--dark);\n            font: var(--body-semi-bold-14-17);\n        }\n    }\n"])), function (props) { return props.$boxSize; });
+exports.DescriptionCardHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--dark-opacity-10);\n    > div{\n        &:first-child{\n            display: flex;\n            align-items: center;\n            justify-content: start;\n        }\n    }\n"], ["\n    padding: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid var(--dark-opacity-10);\n    > div{\n        &:first-child{\n            display: flex;\n            align-items: center;\n            justify-content: start;\n        }\n    }\n"])), function (props) { return props.$headerImage ? "1rem 1.5rem" : "1.5rem"; });
+exports.HeaderTitleStyled = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    font: var(--headline-semi-bold-18-22);\n    display: block;\n"], ["\n    font: var(--headline-semi-bold-18-22);\n    display: block;\n"])));
+exports.HeaderImageWrapperStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: block;\n    border: 1px solid var(--dark-opacity-5);\n    width: 64px;\n    height: 64px;\n    border-radius: 0.5rem;\n    position: relative;\n    overflow: hidden;\n    margin-right: 1.5rem;\n    *{\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n        padding: 0.5rem;\n        box-sizing: border-box;\n    }\n"], ["\n    display: block;\n    border: 1px solid var(--dark-opacity-5);\n    width: 64px;\n    height: 64px;\n    border-radius: 0.5rem;\n    position: relative;\n    overflow: hidden;\n    margin-right: 1.5rem;\n    *{\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        display: block;\n        padding: 0.5rem;\n        box-sizing: border-box;\n    }\n"])));
+exports.BadgeWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    margin-left: 1.5rem;\n"], ["\n    display: block;\n    margin-left: 1.5rem;\n"])));
+exports.ListStyled = styled_components_1.default.ul(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: repeat(", ",1fr);\n    padding: 0;\n    margin: 0;\n    position: relative;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: 1px solid white;\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n    }\n    li{\n        display: block;\n        padding: 1.5rem;\n        border-right: 1px solid var(--dark-opacity-10);\n        border-bottom: 1px solid var(--dark-opacity-10);\n        word-break: break-word;\n        &:is(:last-child){\n            border-right: 0;\n        }\n        .displayTitle{\n            display: block;\n            color: var(--dark-opacity-50);\n            font: var(--body-semi-bold-14-17);\n        }\n        .displayValue{\n            display: block;\n            margin-top: 0.5rem;\n            color: var(--dark);\n            font: var(--body-semi-bold-14-17);\n        }\n    }\n"], ["\n    display: grid;\n    grid-template-columns: repeat(", ",1fr);\n    padding: 0;\n    margin: 0;\n    position: relative;\n    &:before{\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border: 1px solid white;\n        border-radius: inherit;\n        user-select: none;\n        pointer-events: none;\n    }\n    li{\n        display: block;\n        padding: 1.5rem;\n        border-right: 1px solid var(--dark-opacity-10);\n        border-bottom: 1px solid var(--dark-opacity-10);\n        word-break: break-word;\n        &:is(:last-child){\n            border-right: 0;\n        }\n        .displayTitle{\n            display: block;\n            color: var(--dark-opacity-50);\n            font: var(--body-semi-bold-14-17);\n        }\n        .displayValue{\n            display: block;\n            margin-top: 0.5rem;\n            color: var(--dark);\n            font: var(--body-semi-bold-14-17);\n        }\n    }\n"])), function (props) { return props.$boxSize; });
 exports.DropdownWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n\n    &:hover{\n        div{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.2s;\n        }\n        button{\n            svg{\n                transform: rotate(180deg);\n            }\n        }\n    }\n"], ["\n    display: block;\n    position: relative;\n\n    &:hover{\n        div{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.2s;\n        }\n        button{\n            svg{\n                transform: rotate(180deg);\n            }\n        }\n    }\n"])));
-exports.HeaderDropdownOpener = styled_components_1.default.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--primary);\n  border-radius: 0.25rem;\n  color: var(--primary);\n  padding: 0 8px;\n  background-color: white;\n  height: 24px;\n  cursor: pointer;\n  outline: none !important;\n  font:var(--caption-bold-12-15);\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n    width: 16px;\n    height: 16px;\n    margin-left: 8px;\n    transition: all 0.2s ease;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid var(--primary);\n  border-radius: 0.25rem;\n  color: var(--primary);\n  padding: 0 8px;\n  background-color: white;\n  height: 24px;\n  cursor: pointer;\n  outline: none !important;\n  font:var(--caption-bold-12-15);\n  svg {\n    display: inline-block;\n    vertical-align: middle;\n    width: 16px;\n    height: 16px;\n    margin-left: 8px;\n    transition: all 0.2s ease;\n  }\n"])));
-exports.SubMenu = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: absolute;\n    right: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n    z-index: 5;\n    > ul{\n        margin: 0.5rem 0 0 0;\n    }\n"], ["\n    position: absolute;\n    right: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n    z-index: 5;\n    > ul{\n        margin: 0.5rem 0 0 0;\n    }\n"])));
-exports.AccordionListWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n\n"], ["\n\n"])));
-exports.AccordionItemWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    border-top: 1px solid var(--dark-opacity-10);\n"], ["\n    border-top: 1px solid var(--dark-opacity-10);\n"])));
-exports.AccordionItemHeader = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--primary);\n    padding: 1.5rem;\n    cursor: pointer;\n    border-bottom: ", ";\n    strong{\n        font: var(--body-bold-14-17);\n        display: block;\n        color: inherit;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--primary);\n    padding: 1.5rem;\n    cursor: pointer;\n    border-bottom: ", ";\n    strong{\n        font: var(--body-bold-14-17);\n        display: block;\n        color: inherit;\n    }\n"])), function (props) { return props.$show ? "1px solid var(--dark-opacity-10)" : "none"; });
-exports.AccordionItemBody = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n\n"], ["\n\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+exports.SubMenu = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    position: absolute;\n    right: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n    z-index: 5;\n    > ul{\n        margin: 0.5rem 0 0 0;\n    }\n"], ["\n    position: absolute;\n    right: 0;\n    top: 100%;\n    transition: all 0.2s ease-in-out;\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition-delay: 0s;\n    padding: 0;\n    margin: 0;\n    z-index: 5;\n    > ul{\n        margin: 0.5rem 0 0 0;\n    }\n"])));
+exports.AccordionListWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+exports.AccordionItemWrapper = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    border-top: 1px solid var(--dark-opacity-10);\n"], ["\n    border-top: 1px solid var(--dark-opacity-10);\n"])));
+exports.AccordionItemHeader = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--primary);\n    padding: 1.5rem;\n    cursor: pointer;\n    border-bottom: ", ";\n    strong{\n        font: var(--body-bold-14-17);\n        display: block;\n        color: inherit;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--primary);\n    padding: 1.5rem;\n    cursor: pointer;\n    border-bottom: ", ";\n    strong{\n        font: var(--body-bold-14-17);\n        display: block;\n        color: inherit;\n    }\n"])), function (props) { return props.$show ? "1px solid var(--dark-opacity-10)" : "none"; });
+exports.AccordionItemBody = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;

package/dist/components/DropdownButton/DropdownButton.styled.js

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownListItemStyled = exports.DropdownListStyled = exports.DropdownButtonStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.DropdownButtonStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-sizing: border-box;\n\n    ", "\n    .buttonInner {\n        background-color: var(--primary-opacity-5) !important;\n        color: var(--primary) !important;\n    }\n\n    ", "\n    .buttonInner {\n        padding: 1.5rem 1.5rem;\n        border-radius: 0.5rem;\n        color: var(--dark);\n        display: grid;\n        align-items: center;\n        grid-template-columns: auto 1fr auto;\n        transition: all .2s ease;\n        cursor: pointer;\n        .icon{\n            *{\n                stop-color:currentColor;\n            }\n        }\n        .title {\n            font: var(--title-bold-16-19);\n            display: block;\n            margin-left: 1rem;\n        }\n\n        .dropdownIcon {\n            transition: all .2s ease;\n            ", "\n        }\n    }\n\n    + div {\n        margin-top: 0.25rem;\n    }\n"], ["\n    box-sizing: border-box;\n\n    ", "\n    .buttonInner {\n        background-color: var(--primary-opacity-5) !important;\n        color: var(--primary) !important;\n    }\n\n    ", "\n    .buttonInner {\n        padding: 1.5rem 1.5rem;\n        border-radius: 0.5rem;\n        color: var(--dark);\n        display: grid;\n        align-items: center;\n        grid-template-columns: auto 1fr auto;\n        transition: all .2s ease;\n        cursor: pointer;\n        .icon{\n            *{\n                stop-color:currentColor;\n            }\n        }\n        .title {\n            font: var(--title-bold-16-19);\n            display: block;\n            margin-left: 1rem;\n        }\n\n        .dropdownIcon {\n            transition: all .2s ease;\n            ", "\n        }\n    }\n\n    + div {\n        margin-top: 0.25rem;\n    }\n"])), function (props) { return (props.$isActive) ? "" : "&:hover{"; }, function (props) { return (props.$isActive) ? "" : "}"; }, function (props) { return props.$isShow && "\n                transform: rotate(180deg)\n            "; });
-exports.DropdownListStyled = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0.5rem 0 0 0;\n    display: ", ";\n\n    > li {\n        + li {\n            margin-top: 0.5rem;\n        }\n    }\n"], ["\n    padding: 0;\n    margin: 0.5rem 0 0 0;\n    display: ", ";\n\n    > li {\n        + li {\n            margin-top: 0.5rem;\n        }\n    }\n"])), function (props) { return props.$isShow ? "block" : "none"; });
-exports.DropdownListItemStyled = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n\n    a {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        font: ", ";\n        padding: 1rem 1rem 1rem 4rem;\n        border-radius: 0.5rem;\n        color: ", ";\n        .iconWrapper{\n            margin-right: 1rem;\n        }\n    }\n\n    ", ";\n"], ["\n    display: block;\n\n    a {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        font: ", ";\n        padding: 1rem 1rem 1rem 4rem;\n        border-radius: 0.5rem;\n        color: ", ";\n        .iconWrapper{\n            margin-right: 1rem;\n        }\n    }\n\n    ", ";\n"])), function (props) { return props.$hasIcon ? "var(--body-bold-14-17)" : "var(--body-medium-14-17)"; }, function (props) { return props.$hasIcon ? "var(--primary)" : "var(--dark)"; }, function (props) { return props.$hasIcon ? "\n        &:hover{\n            a{\n                color: var(--primary-hover) !important;\n            }\n        }\n    " : "\n        ".concat(props.$isActive ? "" : "&:hover{", "\n        a {\n            background-color: var(--primary-opacity-5) !important;\n            color: var(--primary) !important;\n            font: var(--body-bold-14-17) !important;\n        }\n\n        ").concat(!props.$isActive ? "" : "}", "\n    "); });
+exports.DropdownButtonStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-sizing: border-box;\n\n    ", "\n    .buttonInner {\n        padding: 1.5rem 1.5rem;\n        border-radius: 0.5rem;\n        color: var(--dark);\n        display: grid;\n        align-items: center;\n        grid-template-columns: auto 1fr auto;\n        transition: all .2s ease;\n        cursor: pointer;\n        &:hover{\n            background-color: var(--primary-opacity-5) !important;\n            color: var(--primary) !important;\n        }\n        .icon{\n            *{\n                stop-color:currentColor;\n            }\n        }\n        .title {\n            font: var(--title-bold-16-19);\n            display: block;\n            margin-left: 1rem;\n        }\n\n        .dropdownIcon {\n            transition: all .2s ease;\n            ", "\n        }\n    }\n\n    + div {\n        margin-top: 0.25rem;\n    }\n"], ["\n    box-sizing: border-box;\n\n    ", "\n    .buttonInner {\n        padding: 1.5rem 1.5rem;\n        border-radius: 0.5rem;\n        color: var(--dark);\n        display: grid;\n        align-items: center;\n        grid-template-columns: auto 1fr auto;\n        transition: all .2s ease;\n        cursor: pointer;\n        &:hover{\n            background-color: var(--primary-opacity-5) !important;\n            color: var(--primary) !important;\n        }\n        .icon{\n            *{\n                stop-color:currentColor;\n            }\n        }\n        .title {\n            font: var(--title-bold-16-19);\n            display: block;\n            margin-left: 1rem;\n        }\n\n        .dropdownIcon {\n            transition: all .2s ease;\n            ", "\n        }\n    }\n\n    + div {\n        margin-top: 0.25rem;\n    }\n"])), function (props) { return (props.$isActive) && "\n        .buttonInner {\n            background-color: var(--primary-opacity-5) !important;\n            color: var(--primary) !important;\n        }\n    "; }, function (props) { return props.$isShow && "\n                transform: rotate(180deg)\n            "; });
+exports.DropdownListStyled = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0.25rem 0 0 0;\n    display: ", ";\n\n    > li {\n        + li {\n            margin-top: 0.25rem;\n        }\n    }\n"], ["\n    padding: 0;\n    margin: 0.25rem 0 0 0;\n    display: ", ";\n\n    > li {\n        + li {\n            margin-top: 0.25rem;\n        }\n    }\n"])), function (props) { return props.$isShow ? "block" : "none"; });
+exports.DropdownListItemStyled = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n\n    a {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        font: ", ";\n        padding: 1rem 1rem 1rem 4rem;\n        border-radius: 0.5rem;\n        color: ", ";\n        .iconWrapper{\n            margin-right: 1rem;\n        }\n    }\n\n    ", ";\n"], ["\n    display: block;\n\n    a {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        font: ", ";\n        padding: 1rem 1rem 1rem 4rem;\n        border-radius: 0.5rem;\n        color: ", ";\n        .iconWrapper{\n            margin-right: 1rem;\n        }\n    }\n\n    ", ";\n"])), function (props) { return props.$hasIcon ? "var(--body-bold-14-17)" : "var(--body-medium-14-17)"; }, function (props) { return props.$hasIcon ? "var(--primary)" : "var(--dark)"; }, function (props) { return props.$hasIcon && !props.$isActive ? "\n        &:hover{\n            a{\n                color: var(--primary-hover) !important;\n            }\n        }\n    " : "\n        ".concat(props.$isActive ? "" : "&:hover{", "\n        a {\n            background-color: var(--primary-opacity-5) !important;\n            color: var(--primary) !important;\n            font: var(--body-bold-14-17) !important;\n        }\n\n        ").concat(!props.$isActive ? "" : "}", "\n    "); });
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Icon/Cargo.js

@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = __importStar(require("react"));
-var SvgCargo = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5 18C5 16.8954 5.89557 16 7 16C8.10443 16 9 16.8954 9 18M5 18C5 19.1044 5.89557 20 7 20C8.10443 20 9 19.1044 9 18M5 18H4C3.33333 17.8333 2 17.2 2 16L2 6C2 5.66667 2.2 5 3 5L13.5 5C14.3 5 14.5 5.66667 14.5 6V7M9 18H14.5M17 18C17 16.8954 17.8956 16 19 16C20.1044 16 21 16.8954 21 18M17 18C17 19.1044 17.8956 20 19 20C20.1044 20 21 19.1044 21 18M17 18H14.5M21 18H23L23 12L21 11M14.5 18V11M14.5 7L18.5 7C19 7 20 7.5 20 8L21 11M14.5 7L14.5 11M21 11L14.5 11", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
+var SvgCargo = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M20.5161 9.75H18.0039C18.0218 9.63967 18.0313 9.52827 18.0323 9.41667V4.33333C18.0323 3.71449 17.7706 3.121 17.3047 2.68342C16.8389 2.24583 16.2072 2 15.5484 2H8.45161C7.79285 2 7.16107 2.24583 6.69525 2.68342C6.22943 3.121 5.96774 3.71449 5.96774 4.33333V9.41667C5.96871 9.52827 5.97819 9.63967 5.99613 9.75H3.48387C2.82511 9.75 2.19333 9.99583 1.72751 10.4334C1.26169 10.871 1 11.4645 1 12.0833V19.6667C1 20.2855 1.26169 20.879 1.72751 21.3166C2.19333 21.7542 2.82511 22 3.48387 22H20.5161C21.1749 22 21.8067 21.7542 22.2725 21.3166C22.7383 20.879 23 20.2855 23 19.6667V12.0833C23 11.4645 22.7383 10.871 22.2725 10.4334C21.8067 9.99583 21.1749 9.75 20.5161 9.75ZM8.09677 9.41667V4.33333C8.09677 4.24493 8.13416 4.16014 8.2007 4.09763C8.26725 4.03512 8.3575 4 8.45161 4H10.9355V7H13.0645V4H15.5484C15.6425 4 15.7328 4.03512 15.7993 4.09763C15.8658 4.16014 15.9032 4.24493 15.9032 4.33333V9.41667C15.9032 9.50507 15.8658 9.58986 15.7993 9.65237C15.7328 9.71488 15.6425 9.75 15.5484 9.75H8.45161C8.3575 9.75 8.26725 9.71488 8.2007 9.65237C8.13416 9.58986 8.09677 9.50507 8.09677 9.41667ZM10.9355 20H3.48387C3.38976 20 3.29951 19.9649 3.23296 19.9024C3.16642 19.8399 3.12903 19.7551 3.12903 19.6667V12.0833C3.12903 11.9949 3.16642 11.9101 3.23296 11.8476C3.29951 11.7851 3.38976 11.75 3.48387 11.75H5.96774V16H8.09677V11.75H10.5806C10.6748 11.75 10.765 11.7851 10.8316 11.8476C10.8981 11.9101 10.9355 11.9949 10.9355 12.0833V20ZM20.871 19.6667C20.871 19.7551 20.8336 19.8399 20.767 19.9024C20.7005 19.9649 20.6102 20 20.5161 20H13.0645V12.0833C13.0645 11.9949 13.1019 11.9101 13.1684 11.8476C13.235 11.7851 13.3252 11.75 13.4194 11.75H15.9032V16H18.0323V11.75H20.5161C20.6102 11.75 20.7005 11.7851 20.767 11.8476C20.8336 11.9101 20.871 11.9949 20.871 12.0833V19.6667Z", fill: "currentColor" }) }))); };
 exports.default = SvgCargo;

package/dist/components/Input/Input.js

@@ -41,11 +41,11 @@ var locale_1 = require("date-fns/locale");
 var date_fns_1 = require("date-fns");
 var Input = function (_a) {
     var _b;
-    var _c = _a.hasError, hasError = _c === void 0 ? props_1.InputDefault.hasError : _c, _d = _a.disabled, disabled = _d === void 0 ? props_1.InputDefault.disabled : _d, _e = _a.label, label = _e === void 0 ? props_1.InputDefault.label : _e, _f = _a.customLinkText, customLinkText = _f === void 0 ? props_1.InputDefault.customLinkText : _f, _g = _a.customLinkHref, customLinkHref = _g === void 0 ? props_1.InputDefault.customLinkHref : _g, _h = _a.onCustomLinkClick, onCustomLinkClick = _h === void 0 ? props_1.InputDefault.onCustomLinkClick : _h, _j = _a.onChange, onChange = _j === void 0 ? props_1.InputDefault.onChange : _j, _k = _a.errorMessage, errorMessage = _k === void 0 ? props_1.InputDefault.errorMessage : _k, _l = _a.type, type = _l === void 0 ? props_1.InputDefault.type : _l, _m = _a.name, name = _m === void 0 ? props_1.InputDefault.name : _m, _o = _a.width, width = _o === void 0 ? props_1.InputDefault.width : _o, _p = _a.mask, mask = _p === void 0 ? props_1.InputDefault.mask : _p, _q = _a.placeholder, placeholder = _q === void 0 ? props_1.InputDefault.placeholder : _q, _r = _a.hasCopyButton, hasCopyButton = _r === void 0 ? props_1.InputDefault.hasCopyButton : _r, _s = _a.readOnly, readOnly = _s === void 0 ? props_1.InputDefault.readOnly : _s, _t = _a.autoFocus, autoFocus = _t === void 0 ? props_1.InputDefault.autoFocus : _t, _u = _a.value, value = _u === void 0 ? props_1.InputDefault.value : _u, _v = _a.format, format = _v === void 0 ? props_1.InputDefault.format : _v, _w = _a.visible, visible = _w === void 0 ? props_1.InputDefault.visible : _w, _x = _a.infoText, infoText = _x === void 0 ? props_1.InputDefault.infoText : _x, _y = _a.id, id = _y === void 0 ? props_1.InputDefault.id : _y, _z = _a.isClearable, isClearable = _z === void 0 ? props_1.InputDefault.isClearable : _z, other = __rest(_a, ["hasError", "disabled", "label", "customLinkText", "customLinkHref", "onCustomLinkClick", "onChange", "errorMessage", "type", "name", "width", "mask", "placeholder", "hasCopyButton", "readOnly", "autoFocus", "value", "format", "visible", "infoText", "id", "isClearable"]);
-    var _0 = (0, react_1.useState)(type), inputType = _0[0], setInputType = _0[1];
-    var _1 = (0, react_1.useState)(false), alert = _1[0], setAlert = _1[1];
-    var _2 = (0, react_1.useState)(value), inputValue = _2[0], setInputValue = _2[1];
-    var _3 = (0, react_1.useState)(value ? new Date(value) : null), startDate = _3[0], setStartDate = _3[1];
+    var _c = _a.hasError, hasError = _c === void 0 ? props_1.InputDefault.hasError : _c, _d = _a.disabled, disabled = _d === void 0 ? props_1.InputDefault.disabled : _d, _e = _a.label, label = _e === void 0 ? props_1.InputDefault.label : _e, _f = _a.customLinkText, customLinkText = _f === void 0 ? props_1.InputDefault.customLinkText : _f, _g = _a.customLinkHref, customLinkHref = _g === void 0 ? props_1.InputDefault.customLinkHref : _g, _h = _a.onCustomLinkClick, onCustomLinkClick = _h === void 0 ? props_1.InputDefault.onCustomLinkClick : _h, _j = _a.onChange, onChange = _j === void 0 ? props_1.InputDefault.onChange : _j, _k = _a.errorMessage, errorMessage = _k === void 0 ? props_1.InputDefault.errorMessage : _k, _l = _a.type, type = _l === void 0 ? props_1.InputDefault.type : _l, _m = _a.name, name = _m === void 0 ? props_1.InputDefault.name : _m, _o = _a.width, width = _o === void 0 ? props_1.InputDefault.width : _o, _p = _a.mask, mask = _p === void 0 ? props_1.InputDefault.mask : _p, _q = _a.placeholder, placeholder = _q === void 0 ? props_1.InputDefault.placeholder : _q, _r = _a.hasCopyButton, hasCopyButton = _r === void 0 ? props_1.InputDefault.hasCopyButton : _r, _s = _a.readOnly, readOnly = _s === void 0 ? props_1.InputDefault.readOnly : _s, _t = _a.autoFocus, autoFocus = _t === void 0 ? props_1.InputDefault.autoFocus : _t, _u = _a.value, value = _u === void 0 ? props_1.InputDefault.value : _u, _v = _a.format, format = _v === void 0 ? props_1.InputDefault.format : _v, _w = _a.visible, visible = _w === void 0 ? props_1.InputDefault.visible : _w, _x = _a.infoText, infoText = _x === void 0 ? props_1.InputDefault.infoText : _x, _y = _a.id, id = _y === void 0 ? props_1.InputDefault.id : _y, _z = _a.isClearable, isClearable = _z === void 0 ? props_1.InputDefault.isClearable : _z, _0 = _a.onClear, onClear = _0 === void 0 ? props_1.InputDefault.onClear : _0, other = __rest(_a, ["hasError", "disabled", "label", "customLinkText", "customLinkHref", "onCustomLinkClick", "onChange", "errorMessage", "type", "name", "width", "mask", "placeholder", "hasCopyButton", "readOnly", "autoFocus", "value", "format", "visible", "infoText", "id", "isClearable", "onClear"]);
+    var _1 = (0, react_1.useState)(type), inputType = _1[0], setInputType = _1[1];
+    var _2 = (0, react_1.useState)(false), alert = _2[0], setAlert = _2[1];
+    var _3 = (0, react_1.useState)(value), inputValue = _3[0], setInputValue = _3[1];
+    var _4 = (0, react_1.useState)(value ? new Date(value) : null), startDate = _4[0], setStartDate = _4[1];
     var inputRef = (0, react_1.useRef)(null);
     var t = (0, react_i18next_1.useTranslation)().t;
     var language = i18n_1.default.language;
@@ -80,12 +80,14 @@ var Input = function (_a) {
         inputRef.current.value = null;
         setStartDate(null);
         onChange(null);
+        onClear();
     };
     return (0, jsx_runtime_1.jsxs)(Input_styled_1.Container, __assign({ "$width": width }, { children: [label && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)("top", (_b = {}, _b["justify-between"] = customLinkText, _b)) }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: id }, { children: label })), customLinkText && (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({}, (customLinkHref && { href: customLinkHref }), { onClick: onCustomLinkClick }, { children: customLinkText }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "input" }, { children: [(mask && format) ? ((0, jsx_runtime_1.jsx)(react_number_format_1.PatternFormat, __assign({ "$hasError": hasError, disabled: disabled, onChange: onChange, name: name, placeholder: placeholder, readOnly: readOnly, autoFocus: autoFocus, value: inputValue }, other, { format: format, mask: mask, customInput: Input_styled_1.InputStyled, id: id })))
                         : type === 'date' ? ((0, jsx_runtime_1.jsx)(Input_styled_1.DatePickerWrapperStyled, { children: (0, jsx_runtime_1.jsx)(react_datepicker_1.default, { placeholderText: placeholder, disabled: disabled, name: name, value: value, readOnly: readOnly, autoFocus: autoFocus, onChange: function (date, event) {
                                     setStartDate(date);
                                     setInputValue((0, date_fns_1.format)(date, format));
                                     onChange((0, date_fns_1.format)(date, format));
+                                    setTimeout(function () { inputRef.current.input.blur(); }, 50);
                                 }, selected: startDate, ref: inputRef, dateFormat: format, locale: language === "tr" ? locale_1.tr : locale_1.enGB, customInput: (0, jsx_runtime_1.jsx)(CustomDateInput, {}), 
                                 //customInput={<InputStyled $hasError={hasError} id={id}/>}
                                 renderCustomHeader: function (_a) {

package/dist/components/Input/Input.styled.js

@@ -12,5 +12,5 @@ var styled_components_1 = __importDefault(require("styled-components"));
 exports.AlertStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 8px;\n  top: -20px;\n  height: 28px;\n  border-radius: 0.5rem;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"], ["\n  position: absolute;\n  right: 8px;\n  top: -20px;\n  height: 28px;\n  border-radius: 0.5rem;\n  background-color: white;\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 1rem;\n  user-select: none;\n  pointer-events: none;\n  transition: opacity .4s ease;\n  opacity: ", ";\n  font:var(--caption-medium-10-12);\n"])), function (props) { return props.$visible ? '1' : '0'; });
 exports.Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font: var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    label {\n      margin: 0;\n      color: var(--dark-opacity-50);\n      display: block;\n    }\n\n    /*a {\n      margin: 0;\n      color: var(--primary);\n      text-decoration: none;\n      cursor: pointer;\n      &:hover,:focus,:active{\n        color: var(--primary-hover) !important;\n      }\n    }*/\n  }\n\n  .input {\n    position: relative;\n\n    .inputIcon {\n      position: absolute;\n      width: 24px;\n      height: 24px;\n      top: 16px;\n      right: 16px;\n      cursor: pointer;\n      &:hover{\n        background-color: var(--primary-opacity-5);\n      }\n    }\n  .removeIcon {\n      position: absolute;\n      top: 17px;\n      right: 16px;\n      cursor: pointer;\n  }\n    .popupText{\n      font: var(--caption-semi-bold-11-13);\n        text-align: center;\n    }\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  .top {\n    display: flex;\n    margin-bottom: 16px;\n    font: var(--caption-bold-12-15);\n    &.justify-between {\n      justify-content: space-between;\n    }\n\n    label {\n      margin: 0;\n      color: var(--dark-opacity-50);\n      display: block;\n    }\n\n    /*a {\n      margin: 0;\n      color: var(--primary);\n      text-decoration: none;\n      cursor: pointer;\n      &:hover,:focus,:active{\n        color: var(--primary-hover) !important;\n      }\n    }*/\n  }\n\n  .input {\n    position: relative;\n\n    .inputIcon {\n      position: absolute;\n      width: 24px;\n      height: 24px;\n      top: 16px;\n      right: 16px;\n      cursor: pointer;\n      &:hover{\n        background-color: var(--primary-opacity-5);\n      }\n    }\n  .removeIcon {\n      position: absolute;\n      top: 17px;\n      right: 16px;\n      cursor: pointer;\n  }\n    .popupText{\n      font: var(--caption-semi-bold-11-13);\n        text-align: center;\n    }\n  }\n\n  .error {\n    display: flex;\n    align-items: center;\n    margin-top: 8px;\n    color: var(--red);\n    svg {\n      margin-right: 8px;\n    }\n\n    p {\n      margin: 0;\n      font:var(--caption-semi-bold-11-13);\n    }\n  }\n"])), function (props) { return props.$width || '370px'; });
 exports.InputStyled = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: 0.5rem;\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font: var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    padding: 18.5px 23px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: white;\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"], ["\n  box-sizing: border-box;\n  width: 100%;\n  height: 56px;\n  background: ", ";\n  border-radius: 0.5rem;\n  border: ", ";\n  padding: ", ";\n  color: ", ";\n  font: var(--body-semi-bold-14-17);\n  outline: none;\n  user-select: ", ";\n  pointer-events: ", ";\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    padding: 18.5px 23px;\n    border: 2px solid ", ";\n    color: ", ";\n    background: white;\n  }\n  &:is([disabled]){\n    color: var(--dark-opacity-25);\n  }\n\n"])), function (props) { return props.disabled ? 'var(--dark-opacity-5)' : (props.$hasError ? 'white' : 'var(--dark-opacity-3)'); }, function (props) { return props.$hasError ? '2px solid var(--red)' : '1px solid var(--dark-opacity-10)'; }, function (props) { return props.$hasError ? '18.5px 23px' : '19.5px 24px'; }, function (props) { return props.$hasError ? 'var(--red)' : 'var(--dark)'; }, function (props) { return props.readOnly ? 'none' : 'initial'; }, function (props) { return props.readOnly ? 'none' : 'initial'; }, function (props) { return props.$hasError ? 'var(--red)' : 'var(--dark-opacity-50)'; }, function (props) { return props.$hasError ? 'var(--red)' : 'var(--primary)'; }, function (props) { return props.$hasError ? 'var(--red)' : 'var(--dark)'; });
-exports.DatePickerWrapperStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .react-datepicker-wrapper{\n    display: block;\n  }\n  .react-datepicker-popper {\n    transform: none !important;\n    top: 100% !important;\n    width: 100%;\n    .react-datepicker__triangle{\n      display: none !important;\n    }\n    .react-datepicker{\n      font-family: inherit !important;\n      width: 100%;\n      border: none !important;\n      border-radius: 0 0 0.5rem 0.5rem!important;\n      box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n      .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected{\n        background-color: var(--primary-opacity-10) !important;\n        color: var(--primary) !important;\n      }\n      .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{\n        margin: 0 !important;\n        width: 1.5rem !important;\n        height: 1.5rem !important;\n        line-height: 1.5rem !important;\n      }\n      .react-datepicker__navigation{\n        position: static;\n        border-radius: 0.5rem;\n        transition:all .2s ease;\n        &:hover{\n          background-color: white;\n          box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n        }\n      }\n      .react-datepicker__month-container{\n        float: none !important;\n        .react-datepicker__header{\n          background-color: white !important;\n          border:none !important;\n          padding: 0 0 0 0 !important;\n          .headerTopContent{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem 0.5rem;\n            .react-datepicker__navigation{\n              width: 1.5rem;\n              height: 1.5rem;\n            }\n            .leftButtons, .rightButtons{\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              color: var(--dark-opacity-50);\n              svg{\n                color: var(--dark-opacity-50);\n              }\n            }\n          }\n          .react-datepicker__current-month{\n            display: block !important;\n          }\n        }\n        .react-datepicker__month{\n          margin: 0 0.5rem 1rem 0.5rem !important;\n        }\n        .react-datepicker__day-names{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0.5rem !important;\n          .react-datepicker__day-name{\n            color: var(--grey-50);\n            font: var(--body-medium-13-16);\n          }\n        }\n        .react-datepicker__week{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          + .react-datepicker__week{\n            margin-top: 0.5rem;\n          }\n          .react-datepicker__day{\n            font: var(--caption-bold-12-15);\n            color: var(--dark);\n            outline: none !important;\n            &:is(.react-datepicker__day--selected), &:hover{\n              border-radius: 0.25rem;\n              background-color: var(--primary-opacity-10) !important;\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--today){\n              color: var(--primary);\n            }\n            &:is(.react-datepicker__day--outside-month){\n              color: var(--grey-50);\n            }\n          }\n        }\n      }\n    }\n  }\n  input{\n    &:is(.react-datepicker-ignore-onclickoutside){\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n"], ["\n  .react-datepicker-wrapper{\n    display: block;\n  }\n  .react-datepicker-popper {\n    transform: none !important;\n    top: 100% !important;\n    width: 100%;\n    .react-datepicker__triangle{\n      display: none !important;\n    }\n    .react-datepicker{\n      font-family: inherit !important;\n      width: 100%;\n      border: none !important;\n      border-radius: 0 0 0.5rem 0.5rem!important;\n      box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n      .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected{\n        background-color: var(--primary-opacity-10) !important;\n        color: var(--primary) !important;\n      }\n      .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{\n        margin: 0 !important;\n        width: 1.5rem !important;\n        height: 1.5rem !important;\n        line-height: 1.5rem !important;\n      }\n      .react-datepicker__navigation{\n        position: static;\n        border-radius: 0.5rem;\n        transition:all .2s ease;\n        &:hover{\n          background-color: white;\n          box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n        }\n      }\n      .react-datepicker__month-container{\n        float: none !important;\n        .react-datepicker__header{\n          background-color: white !important;\n          border:none !important;\n          padding: 0 0 0 0 !important;\n          .headerTopContent{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem 0.5rem;\n            .react-datepicker__navigation{\n              width: 1.5rem;\n              height: 1.5rem;\n            }\n            .leftButtons, .rightButtons{\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              color: var(--dark-opacity-50);\n              svg{\n                color: var(--dark-opacity-50);\n              }\n            }\n          }\n          .react-datepicker__current-month{\n            display: block !important;\n          }\n        }\n        .react-datepicker__month{\n          margin: 0 0.5rem 1rem 0.5rem !important;\n        }\n        .react-datepicker__day-names{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0.5rem !important;\n          .react-datepicker__day-name{\n            color: var(--grey-50);\n            font: var(--body-medium-13-16);\n          }\n        }\n        .react-datepicker__week{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          + .react-datepicker__week{\n            margin-top: 0.5rem;\n          }\n          .react-datepicker__day{\n            font: var(--caption-bold-12-15);\n            color: var(--dark);\n            outline: none !important;\n            &:is(.react-datepicker__day--selected), &:hover{\n              border-radius: 0.25rem;\n              background-color: var(--primary-opacity-10) !important;\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--today){\n              color: var(--primary);\n            }\n            &:is(.react-datepicker__day--outside-month){\n              color: var(--grey-50);\n            }\n          }\n        }\n      }\n    }\n  }\n  input{\n    &:is(.react-datepicker-ignore-onclickoutside){\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n"])));
+exports.DatePickerWrapperStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  .react-datepicker-wrapper{\n    display: block;\n  }\n  .react-datepicker-popper {\n    transform: none !important;\n    top: 100% !important;\n    width: 100%;\n    .react-datepicker__triangle{\n      display: none !important;\n    }\n    .react-datepicker{\n      font-family: inherit !important;\n      width: 100%;\n      border: none !important;\n      border-radius: 0 0 0.5rem 0.5rem!important;\n      box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n      .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected{\n        background-color: transparent !important;\n        color: inherit !important;\n      }\n      .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{\n        margin: 0 !important;\n        width: 1.5rem !important;\n        height: 1.5rem !important;\n        line-height: 1.5rem !important;\n      }\n      .react-datepicker__navigation{\n        position: static;\n        border-radius: 0.5rem;\n        transition:all .2s ease;\n        &:hover{\n          background-color: white;\n          box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n          z-index: 2;\n        }\n      }\n      .react-datepicker__month-container{\n        float: none !important;\n        .react-datepicker__header{\n          background-color: white !important;\n          border:none !important;\n          padding: 0 0 0 0 !important;\n          .headerTopContent{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem 1.5rem;\n            .react-datepicker__navigation{\n              width: 1.5rem;\n              height: 1.5rem;\n            }\n            .leftButtons, .rightButtons{\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              color: var(--dark-opacity-50);\n              svg{\n                color: var(--dark-opacity-50);\n              }\n            }\n          }\n          .react-datepicker__current-month{\n            display: block !important;\n          }\n        }\n        .react-datepicker__month{\n          margin: 0 1.5rem 1rem 1.5rem !important;\n        }\n        .react-datepicker__day-names{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0.5rem 1.5rem !important;\n          .react-datepicker__day-name{\n            color: var(--grey-50);\n            font: var(--body-medium-13-16);\n          }\n        }\n        .react-datepicker__week{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          + .react-datepicker__week{\n            margin-top: 0.5rem;\n          }\n          .react-datepicker__day{\n            font: var(--caption-bold-12-15);\n            color: var(--dark);\n            outline: none !important;\n            &:is(.react-datepicker__day--selected), &:hover{\n              border-radius: 0.25rem;\n              background-color: var(--primary-opacity-10) !important;\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--today){\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--outside-month){\n              color: var(--grey-50);\n            }\n          }\n        }\n      }\n    }\n  }\n  input{\n    &:is(.react-datepicker-ignore-onclickoutside){\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n"], ["\n  .react-datepicker-wrapper{\n    display: block;\n  }\n  .react-datepicker-popper {\n    transform: none !important;\n    top: 100% !important;\n    width: 100%;\n    .react-datepicker__triangle{\n      display: none !important;\n    }\n    .react-datepicker{\n      font-family: inherit !important;\n      width: 100%;\n      border: none !important;\n      border-radius: 0 0 0.5rem 0.5rem!important;\n      box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n      .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected{\n        background-color: transparent !important;\n        color: inherit !important;\n      }\n      .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{\n        margin: 0 !important;\n        width: 1.5rem !important;\n        height: 1.5rem !important;\n        line-height: 1.5rem !important;\n      }\n      .react-datepicker__navigation{\n        position: static;\n        border-radius: 0.5rem;\n        transition:all .2s ease;\n        &:hover{\n          background-color: white;\n          box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n          z-index: 2;\n        }\n      }\n      .react-datepicker__month-container{\n        float: none !important;\n        .react-datepicker__header{\n          background-color: white !important;\n          border:none !important;\n          padding: 0 0 0 0 !important;\n          .headerTopContent{\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 1rem 1.5rem;\n            .react-datepicker__navigation{\n              width: 1.5rem;\n              height: 1.5rem;\n            }\n            .leftButtons, .rightButtons{\n              display: flex;\n              align-items: center;\n              justify-content: space-between;\n              color: var(--dark-opacity-50);\n              svg{\n                color: var(--dark-opacity-50);\n              }\n            }\n          }\n          .react-datepicker__current-month{\n            display: block !important;\n          }\n        }\n        .react-datepicker__month{\n          margin: 0 1.5rem 1rem 1.5rem !important;\n        }\n        .react-datepicker__day-names{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          margin: 0.5rem 1.5rem !important;\n          .react-datepicker__day-name{\n            color: var(--grey-50);\n            font: var(--body-medium-13-16);\n          }\n        }\n        .react-datepicker__week{\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          + .react-datepicker__week{\n            margin-top: 0.5rem;\n          }\n          .react-datepicker__day{\n            font: var(--caption-bold-12-15);\n            color: var(--dark);\n            outline: none !important;\n            &:is(.react-datepicker__day--selected), &:hover{\n              border-radius: 0.25rem;\n              background-color: var(--primary-opacity-10) !important;\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--today){\n              color: var(--primary) !important;\n            }\n            &:is(.react-datepicker__day--outside-month){\n              color: var(--grey-50);\n            }\n          }\n        }\n      }\n    }\n  }\n  input{\n    &:is(.react-datepicker-ignore-onclickoutside){\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/Input/props.js

@@ -9,6 +9,7 @@ exports.InputDefault = {
     customLinkHref: null,
     onCustomLinkClick: null,
     onChange: null,
+    onClear: null,
     errorMessage: null,
     type: "text",
     name: null,

package/dist/components/Input/stories/Input.stories.js

@@ -47,5 +47,5 @@ exports.Default = {
     },
 };
 exports.DateInput = {
-    args: __assign(__assign({}, exports.Default.args), { type: "date" }),
+    args: __assign(__assign({}, exports.Default.args), { type: "date", autoFocus: false, infoText: null }),
 };

package/dist/components/Pagination/Pagination.js

@@ -34,9 +34,15 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
 var react_i18next_1 = require("react-i18next");
 var Button_1 = __importDefault(require("../Button"));
 var rc_select_1 = __importDefault(require("rc-select"));
+var react_1 = require("react");
 var Pagination = function (_a) {
     var _b = _a.defaultCurrent, defaultCurrent = _b === void 0 ? props_1.PaginationDefault.defaultCurrent : _b, _c = _a.defaultPageSize, defaultPageSize = _c === void 0 ? props_1.PaginationDefault.defaultPageSize : _c, _d = _a.total, total = _d === void 0 ? props_1.PaginationDefault.total : _d, _e = _a.pageSizeOptions, pageSizeOptions = _e === void 0 ? props_1.PaginationDefault.pageSizeOptions : _e, onChange = _a.onChange, onShowSizeChange = _a.onShowSizeChange, otherProps = __rest(_a, ["defaultCurrent", "defaultPageSize", "total", "pageSizeOptions", "onChange", "onShowSizeChange"]);
     var t = (0, react_i18next_1.useTranslation)().t;
+    (0, react_1.useEffect)(function () {
+        var elem = document.querySelector(".rc-pagination-options-quick-jumper input");
+        if (elem)
+            elem.placeholder = "Sayfa";
+    });
     return ((0, jsx_runtime_1.jsx)(Pagination_styled_1.PaginationStyled, { children: (0, jsx_runtime_1.jsx)(rc_pagination_1.default, __assign({ showQuickJumper: {
                 goButton: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ variant: "primary", size: "small" }, { children: t("GO") })),
             }, selectComponentClass: rc_select_1.default, showSizeChanger: true, defaultPageSize: defaultPageSize, defaultCurrent: defaultCurrent, onShowSizeChange: onShowSizeChange, onChange: onChange, pageSizeOptions: pageSizeOptions, total: total, locale: __assign(__assign({}, tr_TR_1.default), { jump_to: null, page: null }), prevIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowLeftBig", width: "1.5rem", height: "1.5rem", strokeWidth: "2px" }), nextIcon: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig", width: "1.5rem", height: "1.5rem", strokeWidth: "2px" }), hideOnSinglePage: true }, otherProps)) }));

package/dist/components/Pagination/Pagination.styled.js

@@ -8,6 +8,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationStyled = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.PaginationStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .rc-pagination {\n        align-items: center;\n        justify-content: flex-end;\n\n        .rc-pagination-item {\n            width: 1.5rem;\n            height: 1.5rem;\n            min-width: 1.5rem;\n            padding: 0;\n            border: 0;\n            margin: 0;\n            border-radius: 0.25rem;\n            transition: all 0.2s ease !important;\n\n            a {\n                padding: 0;\n                font: var(--caption-semi-bold-12-15);\n                line-height: 1.5rem;\n            }\n\n            &:is(.rc-pagination-item-active), &:hover {\n                background-color: var(--primary-opacity-10);\n\n                a {\n                    color: var(--primary);\n                }\n            }\n        }\n\n        .rc-pagination-prev, .rc-pagination-next {\n            width: 2.5rem;\n            height: 2.5rem;\n            box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n            border: 0;\n            position: relative;\n            overflow: hidden;\n            border-radius: 0.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n\n            div {\n                display: block;\n            }\n        }\n\n        .rc-pagination-prev {\n            margin-right: 1rem;\n        }\n\n        .rc-pagination-next {\n            margin-left: 1rem;\n        }\n\n        .rc-pagination-jump-prev, .rc-pagination-jump-next {\n            width: 27px;\n            margin: 0;\n\n            button {\n                &:after {\n                    content: \"...\";\n                }\n            }\n        }\n\n        .rc-pagination-options {\n            display: flex;\n            align-items: center;\n            margin-left: 1rem;\n\n            .rc-pagination-options-quick-jumper {\n                display: flex;\n                align-items: center;\n\n                input {\n                    margin: 0 1rem;\n                    box-sizing: border-box;\n                    width: 82px;\n                    height: 40px;\n                    border-radius: 0.5rem;\n                    border: 1px solid var(--dark-opacity-10);\n                    padding: 19.5px 24px;\n                    color: var(--dark);\n                    font: var(--body-semi-bold-14-17);\n                    outline: none;\n                    background: var(--dark-opacity-3);\n\n                    &::placeholder {\n                        color: var(--dark-opacity-50);\n                    }\n\n                    &:focus {\n                        padding: 18.5px 23px;\n                        border: 2px solid var(--primary);\n                        color: var(--dark);\n                        background: white;\n                    }\n\n                    &:is([disabled]) {\n                        color: var(--dark-opacity-25);\n                        background: var(--dark-opacity-5);\n                    }\n                }\n            }\n        }\n\n        .rc-select {\n\n            // --------------- Single ----------------\n\n            &-single {\n                .rc-select-selector {\n                    display: flex;\n                    position: relative;\n\n                    .rc-select-selection-wrap {\n                        width: 100%;\n                        position: relative;\n                    }\n\n                    .rc-select-selection-search {\n                        width: 100%;\n                        position: relative;\n\n                        &-input {\n                            width: 100%;\n                        }\n                    }\n\n                    .rc-select-selection-item,\n                    .rc-select-selection-placeholder {\n                        font: inherit;\n                        height: 100%;\n                        display: flex;\n                        align-items: center;\n                    }\n                }\n\n                // Not customize\n\n                &:not(.rc-select-customize-input) {\n                    .rc-select-selector {\n                        box-sizing: border-box;\n                        width: 135px;\n                        height: 40px;\n                        background: white;\n                        border-radius: 0.5rem;\n                        border: 1px solid var(--dark-opacity-10);\n                        padding: 0 24px;\n                        color: var(--dark-opacity-50);\n                        font: var(--body-semi-bold-14-17);\n                        outline: none;\n                    }\n                }\n            }\n            &-open {\n                .rc-select-selector {\n                    border-radius: 0.5rem 0.5rem 0 0 !important;\n                    border: 2px solid var(--primary) !important;\n                }\n            }\n\n            // =============== Focused ===============\n\n            &-focused {\n                .rc-select-selector {\n                    border: 1px solid var(--dark-opacity-10) !important;\n                }\n            }\n\n            // ============== Dropdown ===============\n\n            &-dropdown {\n                margin: 0 !important;\n                border-radius: 0 0 0.5rem 0.5rem !important;\n                box-shadow: none !important;\n                border: 1px solid var(--dark-opacity-10) !important;\n                overflow: hidden !important;\n                inset: 40px auto auto 0px !important;\n            }\n\n            // =============== Option ================\n\n            &-item {\n                font: var(--title-bold-16-19);\n                padding: 1rem 1.5rem;\n\n                // >>> Group\n\n                &-group {\n                    color: #999;\n                    font-weight: bold;\n                    font-size: 80%;\n                }\n\n                // >>> Option\n\n                &-option {\n                    position: relative;\n                    display: block;\n                    font: var(--title-bold-16-19);\n\n                    &-grouped {\n                        padding-left: 24px;\n                    }\n\n                    .rc-select-item-option-state {\n                        display: none;\n                    }\n\n                    // ------- Active -------\n\n                    &-active {\n                        background: var(--dark-opacity-3);\n                    }\n\n                    // ------ Disabled ------\n\n                    &-disabled {\n                        color: #999;\n                    }\n                }\n\n                // >>> Empty\n\n                &-empty {\n                    text-align: center;\n                    color: #999;\n                }\n            }\n        }\n    }\n"], ["\n    .rc-pagination {\n        align-items: center;\n        justify-content: flex-end;\n\n        .rc-pagination-item {\n            width: 1.5rem;\n            height: 1.5rem;\n            min-width: 1.5rem;\n            padding: 0;\n            border: 0;\n            margin: 0;\n            border-radius: 0.25rem;\n            transition: all 0.2s ease !important;\n\n            a {\n                padding: 0;\n                font: var(--caption-semi-bold-12-15);\n                line-height: 1.5rem;\n            }\n\n            &:is(.rc-pagination-item-active), &:hover {\n                background-color: var(--primary-opacity-10);\n\n                a {\n                    color: var(--primary);\n                }\n            }\n        }\n\n        .rc-pagination-prev, .rc-pagination-next {\n            width: 2.5rem;\n            height: 2.5rem;\n            box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n            border: 0;\n            position: relative;\n            overflow: hidden;\n            border-radius: 0.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n\n            div {\n                display: block;\n            }\n        }\n\n        .rc-pagination-prev {\n            margin-right: 1rem;\n        }\n\n        .rc-pagination-next {\n            margin-left: 1rem;\n        }\n\n        .rc-pagination-jump-prev, .rc-pagination-jump-next {\n            width: 27px;\n            margin: 0;\n\n            button {\n                &:after {\n                    content: \"...\";\n                }\n            }\n        }\n\n        .rc-pagination-options {\n            display: flex;\n            align-items: center;\n            margin-left: 1rem;\n\n            .rc-pagination-options-quick-jumper {\n                display: flex;\n                align-items: center;\n\n                input {\n                    margin: 0 1rem;\n                    box-sizing: border-box;\n                    width: 82px;\n                    height: 40px;\n                    border-radius: 0.5rem;\n                    border: 1px solid var(--dark-opacity-10);\n                    padding: 19.5px 24px;\n                    color: var(--dark);\n                    font: var(--body-semi-bold-14-17);\n                    outline: none;\n                    background: var(--dark-opacity-3);\n\n                    &::placeholder {\n                        color: var(--dark-opacity-50);\n                    }\n\n                    &:focus {\n                        padding: 18.5px 23px;\n                        border: 2px solid var(--primary);\n                        color: var(--dark);\n                        background: white;\n                    }\n\n                    &:is([disabled]) {\n                        color: var(--dark-opacity-25);\n                        background: var(--dark-opacity-5);\n                    }\n                }\n            }\n        }\n\n        .rc-select {\n\n            // --------------- Single ----------------\n\n            &-single {\n                .rc-select-selector {\n                    display: flex;\n                    position: relative;\n\n                    .rc-select-selection-wrap {\n                        width: 100%;\n                        position: relative;\n                    }\n\n                    .rc-select-selection-search {\n                        width: 100%;\n                        position: relative;\n\n                        &-input {\n                            width: 100%;\n                        }\n                    }\n\n                    .rc-select-selection-item,\n                    .rc-select-selection-placeholder {\n                        font: inherit;\n                        height: 100%;\n                        display: flex;\n                        align-items: center;\n                    }\n                }\n\n                // Not customize\n\n                &:not(.rc-select-customize-input) {\n                    .rc-select-selector {\n                        box-sizing: border-box;\n                        width: 135px;\n                        height: 40px;\n                        background: white;\n                        border-radius: 0.5rem;\n                        border: 1px solid var(--dark-opacity-10);\n                        padding: 0 24px;\n                        color: var(--dark-opacity-50);\n                        font: var(--body-semi-bold-14-17);\n                        outline: none;\n                    }\n                }\n            }\n            &-open {\n                .rc-select-selector {\n                    border-radius: 0.5rem 0.5rem 0 0 !important;\n                    border: 2px solid var(--primary) !important;\n                }\n            }\n\n            // =============== Focused ===============\n\n            &-focused {\n                .rc-select-selector {\n                    border: 1px solid var(--dark-opacity-10) !important;\n                }\n            }\n\n            // ============== Dropdown ===============\n\n            &-dropdown {\n                margin: 0 !important;\n                border-radius: 0 0 0.5rem 0.5rem !important;\n                box-shadow: none !important;\n                border: 1px solid var(--dark-opacity-10) !important;\n                overflow: hidden !important;\n                inset: 40px auto auto 0px !important;\n            }\n\n            // =============== Option ================\n\n            &-item {\n                font: var(--title-bold-16-19);\n                padding: 1rem 1.5rem;\n\n                // >>> Group\n\n                &-group {\n                    color: #999;\n                    font-weight: bold;\n                    font-size: 80%;\n                }\n\n                // >>> Option\n\n                &-option {\n                    position: relative;\n                    display: block;\n                    font: var(--title-bold-16-19);\n\n                    &-grouped {\n                        padding-left: 24px;\n                    }\n\n                    .rc-select-item-option-state {\n                        display: none;\n                    }\n\n                    // ------- Active -------\n\n                    &-active {\n                        background: var(--dark-opacity-3);\n                    }\n\n                    // ------ Disabled ------\n\n                    &-disabled {\n                        color: #999;\n                    }\n                }\n\n                // >>> Empty\n\n                &-empty {\n                    text-align: center;\n                    color: #999;\n                }\n            }\n        }\n    }\n"])));
+var svgToBase64_1 = __importDefault(require("../../utils/svgToBase64"));
+var Icon_1 = __importDefault(require("../Icon/Icon"));
+exports.PaginationStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .rc-pagination {\n        align-items: center;\n        justify-content: flex-end;\n\n        .rc-pagination-item {\n            width: 1.5rem;\n            height: 1.5rem;\n            min-width: 1.5rem;\n            padding: 0;\n            border: 0;\n            margin: 0;\n            border-radius: 0.25rem;\n            transition: all 0.2s ease !important;\n\n            a {\n                padding: 0;\n                font: var(--caption-semi-bold-12-15);\n                line-height: 1.5rem;\n                color: inherit;\n            }\n\n            &:is(.rc-pagination-item-active), &:hover {\n                background-color: var(--primary-opacity-10);\n\n                a {\n                    color: var(--primary);\n                }\n            }\n        }\n\n        .rc-pagination-prev, .rc-pagination-next {\n            width: 2.5rem;\n            height: 2.5rem;\n            border: 0;\n            position: relative;\n            overflow: hidden;\n            border-radius: 0.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n            transition: all 0.2s ease;\n            &:hover{\n                box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n            }\n            div {\n                display: block;\n            }\n        }\n\n        .rc-pagination-prev {\n            margin-right: 1rem;\n        }\n\n        .rc-pagination-next {\n            margin-left: 1rem;\n        }\n\n        .rc-pagination-jump-prev, .rc-pagination-jump-next {\n            width: 27px;\n            margin: 0;\n\n            button {\n                &:after {\n                    content: \"...\";\n                }\n            }\n        }\n\n        .rc-pagination-options {\n            display: flex;\n            align-items: center;\n            margin-left: 1rem;\n\n            .rc-pagination-options-quick-jumper {\n                display: flex;\n                align-items: center;\n                height: auto !important;\n                line-height: initial !important;\n                input {\n                    margin: 0 1rem;\n                    box-sizing: border-box;\n                    width: 88px;\n                    height: 40px;\n                    border-radius: 0.5rem;\n                    border: 1px solid var(--dark-opacity-10);\n                    padding: 19.5px 24px;\n                    color: var(--dark);\n                    font: var(--body-semi-bold-14-17);\n                    outline: none;\n                    background: var(--dark-opacity-3);\n\n                    &::placeholder {\n                        color: var(--dark-opacity-50);\n                    }\n\n                    &:focus {\n                        padding: 18.5px 23px;\n                        border: 2px solid var(--primary);\n                        color: var(--dark);\n                        background: white;\n                    }\n\n                    &:is([disabled]) {\n                        color: var(--dark-opacity-25);\n                        background: var(--dark-opacity-5);\n                    }\n                }\n            }\n        }\n\n        .rc-select {\n\n            // --------------- Single ----------------\n            margin: 0;\n            &-single {\n                .rc-select-selector {\n                    display: flex;\n                    position: relative;\n\n                    .rc-select-selection-wrap {\n                        width: 100%;\n                        position: relative;\n                    }\n\n                    .rc-select-selection-search {\n                        width: 100%;\n                        position: relative;\n                        display: none;\n                        &-input {\n                            width: 100%;\n                        }\n                    }\n\n                    .rc-select-selection-item,\n                    .rc-select-selection-placeholder {\n                        font: inherit;\n                        height: 100%;\n                        display: flex;\n                        align-items: center;\n                        position: relative;\n                        width: 100%;\n                        top: 0;\n                        left: 0;\n                        justify-content: space-between;\n                        padding: 0 1.5rem;\n                    }\n\n                    .rc-select-selection-item {\n                        &:after{\n                            content: \"\";\n                            display: block;\n                            width: 1rem;\n                            height: 1rem;\n                            transition: all .2s ease;\n                            background-image:url('", "');\n                        }\n                    }\n                }\n\n                // Not customize\n\n                &:not(.rc-select-customize-input) {\n                    .rc-select-selector {\n                        box-sizing: border-box;\n                        width: 141px;\n                        height: 40px;\n                        background: white;\n                        border-radius: 0.5rem;\n                        border: none;\n                        padding: 0;\n                        color: var(--dark-opacity-50);\n                        font: var(--body-semi-bold-14-17);\n                        outline: none;\n                        text-align: center;\n                        &:before{\n                            content: \"\";\n                            position: absolute;\n                            inset: 0;\n                            border: 1px solid var(--dark-opacity-10);\n                            border-radius: inherit;\n                        }\n                    }\n                }\n            }\n            &-open {\n                .rc-select-selector {\n                    border-radius: 0.5rem 0.5rem 0 0 !important;\n                    &:before{\n                        border: 2px solid var(--primary) !important;\n                    }\n                    .rc-select-selection-item {\n                        &:after{\n                            transform: rotate(180deg);\n                        }\n                    }\n                }\n            }\n\n            // =============== Focused ===============\n\n            &-focused {\n                .rc-select-selector {\n                    border: 1px solid var(--dark-opacity-10) !important;\n                }\n            }\n\n            // ============== Dropdown ===============\n\n            &-dropdown {\n                margin: 0 !important;\n                border-radius: 0 0 0.5rem 0.5rem !important;\n                box-shadow: none !important;\n                border: 1px solid var(--dark-opacity-10) !important;\n                overflow: hidden !important;\n                inset: 40px auto auto 0px !important;\n            }\n\n            // =============== Option ================\n\n            &-item {\n                font: var(--title-bold-16-19);\n                padding: 1rem 1.5rem;\n\n                // >>> Group\n\n                &-group {\n                    color: #999;\n                    font-weight: bold;\n                    font-size: 80%;\n                }\n\n                // >>> Option\n\n                &-option {\n                    position: relative;\n                    display: block;\n                    font: var(--title-bold-16-19);\n\n                    &-grouped {\n                        padding-left: 24px;\n                    }\n\n                    .rc-select-item-option-state {\n                        display: none;\n                    }\n\n                    // ------- Active -------\n\n                    &-active {\n                        background: var(--dark-opacity-3);\n                    }\n\n                    // ------ Disabled ------\n\n                    &-disabled {\n                        color: #999;\n                    }\n                }\n\n                // >>> Empty\n\n                &-empty {\n                    text-align: center;\n                    color: #999;\n                }\n            }\n            .rc-virtual-list-scrollbar-thumb{\n                background-color: var(--dark-opacity-10) !important;\n                width: 5px !important;\n            }\n        }\n    }\n"], ["\n    .rc-pagination {\n        align-items: center;\n        justify-content: flex-end;\n\n        .rc-pagination-item {\n            width: 1.5rem;\n            height: 1.5rem;\n            min-width: 1.5rem;\n            padding: 0;\n            border: 0;\n            margin: 0;\n            border-radius: 0.25rem;\n            transition: all 0.2s ease !important;\n\n            a {\n                padding: 0;\n                font: var(--caption-semi-bold-12-15);\n                line-height: 1.5rem;\n                color: inherit;\n            }\n\n            &:is(.rc-pagination-item-active), &:hover {\n                background-color: var(--primary-opacity-10);\n\n                a {\n                    color: var(--primary);\n                }\n            }\n        }\n\n        .rc-pagination-prev, .rc-pagination-next {\n            width: 2.5rem;\n            height: 2.5rem;\n            border: 0;\n            position: relative;\n            overflow: hidden;\n            border-radius: 0.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: var(--primary);\n            transition: all 0.2s ease;\n            &:hover{\n                box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n            }\n            div {\n                display: block;\n            }\n        }\n\n        .rc-pagination-prev {\n            margin-right: 1rem;\n        }\n\n        .rc-pagination-next {\n            margin-left: 1rem;\n        }\n\n        .rc-pagination-jump-prev, .rc-pagination-jump-next {\n            width: 27px;\n            margin: 0;\n\n            button {\n                &:after {\n                    content: \"...\";\n                }\n            }\n        }\n\n        .rc-pagination-options {\n            display: flex;\n            align-items: center;\n            margin-left: 1rem;\n\n            .rc-pagination-options-quick-jumper {\n                display: flex;\n                align-items: center;\n                height: auto !important;\n                line-height: initial !important;\n                input {\n                    margin: 0 1rem;\n                    box-sizing: border-box;\n                    width: 88px;\n                    height: 40px;\n                    border-radius: 0.5rem;\n                    border: 1px solid var(--dark-opacity-10);\n                    padding: 19.5px 24px;\n                    color: var(--dark);\n                    font: var(--body-semi-bold-14-17);\n                    outline: none;\n                    background: var(--dark-opacity-3);\n\n                    &::placeholder {\n                        color: var(--dark-opacity-50);\n                    }\n\n                    &:focus {\n                        padding: 18.5px 23px;\n                        border: 2px solid var(--primary);\n                        color: var(--dark);\n                        background: white;\n                    }\n\n                    &:is([disabled]) {\n                        color: var(--dark-opacity-25);\n                        background: var(--dark-opacity-5);\n                    }\n                }\n            }\n        }\n\n        .rc-select {\n\n            // --------------- Single ----------------\n            margin: 0;\n            &-single {\n                .rc-select-selector {\n                    display: flex;\n                    position: relative;\n\n                    .rc-select-selection-wrap {\n                        width: 100%;\n                        position: relative;\n                    }\n\n                    .rc-select-selection-search {\n                        width: 100%;\n                        position: relative;\n                        display: none;\n                        &-input {\n                            width: 100%;\n                        }\n                    }\n\n                    .rc-select-selection-item,\n                    .rc-select-selection-placeholder {\n                        font: inherit;\n                        height: 100%;\n                        display: flex;\n                        align-items: center;\n                        position: relative;\n                        width: 100%;\n                        top: 0;\n                        left: 0;\n                        justify-content: space-between;\n                        padding: 0 1.5rem;\n                    }\n\n                    .rc-select-selection-item {\n                        &:after{\n                            content: \"\";\n                            display: block;\n                            width: 1rem;\n                            height: 1rem;\n                            transition: all .2s ease;\n                            background-image:url('", "');\n                        }\n                    }\n                }\n\n                // Not customize\n\n                &:not(.rc-select-customize-input) {\n                    .rc-select-selector {\n                        box-sizing: border-box;\n                        width: 141px;\n                        height: 40px;\n                        background: white;\n                        border-radius: 0.5rem;\n                        border: none;\n                        padding: 0;\n                        color: var(--dark-opacity-50);\n                        font: var(--body-semi-bold-14-17);\n                        outline: none;\n                        text-align: center;\n                        &:before{\n                            content: \"\";\n                            position: absolute;\n                            inset: 0;\n                            border: 1px solid var(--dark-opacity-10);\n                            border-radius: inherit;\n                        }\n                    }\n                }\n            }\n            &-open {\n                .rc-select-selector {\n                    border-radius: 0.5rem 0.5rem 0 0 !important;\n                    &:before{\n                        border: 2px solid var(--primary) !important;\n                    }\n                    .rc-select-selection-item {\n                        &:after{\n                            transform: rotate(180deg);\n                        }\n                    }\n                }\n            }\n\n            // =============== Focused ===============\n\n            &-focused {\n                .rc-select-selector {\n                    border: 1px solid var(--dark-opacity-10) !important;\n                }\n            }\n\n            // ============== Dropdown ===============\n\n            &-dropdown {\n                margin: 0 !important;\n                border-radius: 0 0 0.5rem 0.5rem !important;\n                box-shadow: none !important;\n                border: 1px solid var(--dark-opacity-10) !important;\n                overflow: hidden !important;\n                inset: 40px auto auto 0px !important;\n            }\n\n            // =============== Option ================\n\n            &-item {\n                font: var(--title-bold-16-19);\n                padding: 1rem 1.5rem;\n\n                // >>> Group\n\n                &-group {\n                    color: #999;\n                    font-weight: bold;\n                    font-size: 80%;\n                }\n\n                // >>> Option\n\n                &-option {\n                    position: relative;\n                    display: block;\n                    font: var(--title-bold-16-19);\n\n                    &-grouped {\n                        padding-left: 24px;\n                    }\n\n                    .rc-select-item-option-state {\n                        display: none;\n                    }\n\n                    // ------- Active -------\n\n                    &-active {\n                        background: var(--dark-opacity-3);\n                    }\n\n                    // ------ Disabled ------\n\n                    &-disabled {\n                        color: #999;\n                    }\n                }\n\n                // >>> Empty\n\n                &-empty {\n                    text-align: center;\n                    color: #999;\n                }\n            }\n            .rc-virtual-list-scrollbar-thumb{\n                background-color: var(--dark-opacity-10) !important;\n                width: 5px !important;\n            }\n        }\n    }\n"])), function (props) { return (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { hasWrapper: false, color: "var(--dark)", name: "ArrowDownBig" })); });
 var templateObject_1;

package/dist/components/Pagination/props.js

@@ -4,6 +4,6 @@ exports.PaginationDefault = void 0;
 exports.PaginationDefault = {
     defaultCurrent: 1,
     defaultPageSize: 15,
-    total: 250,
+    total: 15,
     pageSizeOptions: [5, 10, 20, 30, 50, 100],
 };

package/dist/components/Table/Table.js

@@ -1,21 +1,60 @@
 "use strict";
+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);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var props_1 = require("./props");
 var Table_styled_1 = require("./Table.styled");
 var rc_table_1 = __importDefault(require("rc-table"));
-var Loader_1 = __importDefault(require("../Loader"));
 var react_i18next_1 = require("react-i18next");
 var Table = function (_a) {
     var _b = _a.columns, columns = _b === void 0 ? props_1.TableDefault.columns : _b, emptyText = _a.emptyText, _c = _a.hasLoading, hasLoading = _c === void 0 ? props_1.TableDefault.hasLoading : _c, _d = _a.data, data = _d === void 0 ? props_1.TableDefault.data : _d;
     var t = (0, react_i18next_1.useTranslation)().t;
+    var _e = (0, react_1.useState)(data), tableData = _e[0], setTableData = _e[1];
+    var _f = (0, react_1.useState)(columns), tableColumns = _f[0], setTableColumns = _f[1];
+    (0, react_1.useEffect)(function () {
+        if (hasLoading) {
+            setTableData(Array.from({ length: 15 }, function (_, index) { return index; }).map(function (itemData) {
+                var refactorItem = [];
+                var refactorColumns = columns.map(function (column) { return column === null || column === void 0 ? void 0 : column.title; });
+                refactorColumns.map(function (column) {
+                    refactorItem[column] = "skeleton";
+                });
+                return refactorItem;
+            }));
+            setTableColumns(__spreadArray([], columns, true).map(function (column) { return (__assign(__assign({}, column), { render: function (_, renderData) { return (0, jsx_runtime_1.jsx)(Table_styled_1.SkeletonStyled, {}); } })); }));
+        }
+        else {
+            setTableData(data);
+            setTableColumns(columns);
+        }
+    }, [data, hasLoading, columns]);
     if (!emptyText) {
         emptyText = t("NO_OPTIONS_FOUND");
     }
-    return ((0, jsx_runtime_1.jsxs)(Table_styled_1.TableStyled, { children: [(0, jsx_runtime_1.jsx)(rc_table_1.default, { columns: columns, data: data, emptyText: (0, jsx_runtime_1.jsx)(Table_styled_1.EmptyStyled, { children: hasLoading && data.length <= 0 ? ((0, jsx_runtime_1.jsx)(Table_styled_1.LoadingStyled, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary" }) })) : emptyText }) }), hasLoading && data.length > 0 && ((0, jsx_runtime_1.jsx)(Table_styled_1.LoadingStyled, { children: (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary" }) }))] }));
+    return ((0, jsx_runtime_1.jsx)(Table_styled_1.TableStyled, { children: (0, jsx_runtime_1.jsx)(rc_table_1.default, { columns: tableColumns, data: tableData, emptyText: (0, jsx_runtime_1.jsx)(Table_styled_1.EmptyStyled, { children: emptyText }), className: tableData.length <= 0 && "rc-table-empty" }) }));
 };
 Table.defaultProps = {};
 exports.default = Table;

package/dist/components/Table/Table.styled.js

@@ -7,9 +7,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmptyStyled = exports.LoadingStyled = exports.TableStyled = void 0;
+exports.EmptyStyled = exports.SkeletonStyled = exports.TableStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.TableStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .rc-table{\n        table{\n            border:0;\n            border-spacing: 0;\n            th, td {\n                position: relative;\n                box-sizing: border-box;\n                padding: 0 1rem;\n                height: 51px;\n                line-height: 51px;\n                white-space: nowrap;\n                border: none;\n                text-align: start;\n                &:first-child{\n                    padding: 0 1rem 0 1.5rem;\n                }\n            }\n            th {\n                font: var(--body-semi-bold-14-17);\n            }\n            td {\n                font: var(--body-regular-14-17);\n            }\n            tbody{\n                tr{\n                    position: relative;\n                    cursor: pointer;\n                    &:after{\n                        content: \"\";\n                        position: absolute;\n                        inset: 0;\n                        opacity: 0;\n                        border-radius: 0.5rem;\n                        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n                        z-index: -1;\n                    }\n                    &:hover{\n                        &:after{\n                            opacity: 1;\n                        }\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    .rc-table{\n        table{\n            border:0;\n            border-spacing: 0;\n            th, td {\n                position: relative;\n                box-sizing: border-box;\n                padding: 0 1rem;\n                height: 51px;\n                line-height: 51px;\n                white-space: nowrap;\n                border: none;\n                text-align: start;\n                &:first-child{\n                    padding: 0 1rem 0 1.5rem;\n                }\n            }\n            th {\n                font: var(--body-semi-bold-14-17);\n            }\n            td {\n                font: var(--body-regular-14-17);\n            }\n            tbody{\n                tr{\n                    position: relative;\n                    cursor: pointer;\n                    &:after{\n                        content: \"\";\n                        position: absolute;\n                        inset: 0;\n                        opacity: 0;\n                        border-radius: 0.5rem;\n                        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n                        z-index: -1;\n                    }\n                    &:hover{\n                        &:after{\n                            opacity: 1;\n                        }\n                    }\n                }\n            }\n        }\n    }\n"])));
-exports.LoadingStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n"])));
+exports.TableStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .rc-table{\n        &:is(.rc-table-empty){\n            table{\n                tbody{\n                    tr{\n                        cursor: initial;\n                        &:after{\n                            opacity: 0 !important;\n                        }\n                    }\n                }\n            }\n        }\n        table{\n            border:0;\n            border-spacing: 0 0.5rem;\n            th, td {\n                position: relative;\n                box-sizing: border-box;\n                padding: 0 1rem;\n                height: 49px;\n                line-height: 49px;\n                white-space: nowrap;\n                border: none;\n                text-align: start;\n                &:first-child{\n                    padding: 0 1rem 0 1.5rem;\n                }\n            }\n            th {\n                font: var(--body-semi-bold-14-17);\n            }\n            td {\n                font: var(--body-regular-14-17);\n            }\n            tbody{\n                tr{\n                    position: relative;\n                    cursor: pointer;\n                    &:after{\n                        content: \"\";\n                        position: absolute;\n                        inset: 0;\n                        opacity: 0;\n                        border-radius: 0.5rem;\n                        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n                        z-index: -1;\n                    }\n                    &:hover{\n                        &:after{\n                            opacity: 1;\n                        }\n                    }\n                }\n            }\n        }\n    }\n"], ["\n    .rc-table{\n        &:is(.rc-table-empty){\n            table{\n                tbody{\n                    tr{\n                        cursor: initial;\n                        &:after{\n                            opacity: 0 !important;\n                        }\n                    }\n                }\n            }\n        }\n        table{\n            border:0;\n            border-spacing: 0 0.5rem;\n            th, td {\n                position: relative;\n                box-sizing: border-box;\n                padding: 0 1rem;\n                height: 49px;\n                line-height: 49px;\n                white-space: nowrap;\n                border: none;\n                text-align: start;\n                &:first-child{\n                    padding: 0 1rem 0 1.5rem;\n                }\n            }\n            th {\n                font: var(--body-semi-bold-14-17);\n            }\n            td {\n                font: var(--body-regular-14-17);\n            }\n            tbody{\n                tr{\n                    position: relative;\n                    cursor: pointer;\n                    &:after{\n                        content: \"\";\n                        position: absolute;\n                        inset: 0;\n                        opacity: 0;\n                        border-radius: 0.5rem;\n                        box-shadow: 0 0 16px 0 var(--dark-opacity-10);\n                        z-index: -1;\n                    }\n                    &:hover{\n                        &:after{\n                            opacity: 1;\n                        }\n                    }\n                }\n            }\n        }\n    }\n"])));
+exports.SkeletonStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    @keyframes shineSkeleton {\n        to {\n            // Move shine from left to right, with offset on the right based on the width of the shine - see background-size\n            background-position: right -40px top 0;\n        }\n    }\n    height: 20px;\n    border-radius: 0.25rem;\n    background-color: var(--dark-opacity-5);\n    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    background-size: 40px 100%;\n    background-repeat: no-repeat;\n    background-position: left -40px top 0;\n    animation: shineSkeleton 0.5s ease infinite;\n"], ["\n    @keyframes shineSkeleton {\n        to {\n            // Move shine from left to right, with offset on the right based on the width of the shine - see background-size\n            background-position: right -40px top 0;\n        }\n    }\n    height: 20px;\n    border-radius: 0.25rem;\n    background-color: var(--dark-opacity-5);\n    background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    background-size: 40px 100%;\n    background-repeat: no-repeat;\n    background-position: left -40px top 0;\n    animation: shineSkeleton 0.5s ease infinite;\n"])));
 exports.EmptyStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    font: var(--body-regular-14-17);\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    font: var(--body-regular-14-17);\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/jsons/table.json

@@ -1,31 +1,31 @@
 [
     { "name": "Jack", "age": 28, "address": "some where", "key": "1" },
     { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" },
-    { "name": "Rose", "age": 36, "address": "some where", "key": "2" }
+    { "name": "Rose", "age": 36, "address": "some where", "key": "3" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "4" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "5" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "6" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "7" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "8" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "9" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "10" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "11" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "12" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "13" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "14" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "15" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "16" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "17" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "18" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "19" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "20" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "21" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "22" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "23" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "24" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "25" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "26" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "27" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "28" },
+    { "name": "Rose", "age": 36, "address": "some where", "key": "29" }
 ]

package/dist/style/style.min.css

@@ -1 +1 @@
-@import"simplebar-react/dist/simplebar.min.css";@import"react-datepicker/dist/react-datepicker.css";@import"rc-pagination/assets/index.css";@import'rc-select/assets/index.css';:root{--primary: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft:  #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--linear: #9961FF;--linear-to: #7730FA;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */
+@import"simplebar-react/dist/simplebar.min.css";@import"react-datepicker/dist/react-datepicker.css";@import"rc-pagination/assets/index.css";@import'rc-select/assets/index.css';:root{--primary: #9763F6;--primary-initial: #9763F6;--primary-press: #462D74;--primary-hover: #7149BB;--primary-shades-dark: #9C6DEF;--primary-shades-soft:  #CBB1FB;--primary-opacity-5: #FAF7FF;--primary-opacity-10: #F5EFFE;--primary-opacity-50: #CBB1FB;--primary-opacity-75: #B18AF8;--dark: #0A103D;--dark-opacity-3: #F9F8F9;--dark-opacity-5: #F3F3F5;--dark-opacity-10: #E7E7EC;--dark-opacity-25: #C2C3CE;--dark-opacity-50: #84879E;--dark-opacity-75: #474D6D;--grey-10: #E8E8EB;--grey-20: #D1D2D6;--grey-30: #BABBC2;--grey-40: #A3A5AD;--grey-50: #8C8E99;--green: #0FDF7B;--red: #FF1F1F;--yellow: #FFCE1F;--linear: #9961FF;--linear-to: #7730FA;--box-shadow-color: #EAE9F0;--icon-shadow-color: var(--dark-opacity-10);--search-shadow-color: var(--dark-opacity-5);--dark-shadow-color: var(--dark-opacity-25);--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--display-black-96-116: 900 96px/116px var(--font-family-sans-serif) ;--display-black-72-87: 900 72px/87px var(--font-family-sans-serif) ;--display-black-64-77: 900 64px/77px var(--font-family-sans-serif) ;--display-black-56-68: 900 56px/68px var(--font-family-sans-serif) ;--display-extra-bold-96-116: 800 96px/116px var(--font-family-sans-serif) ;--display-extra-bold-72-87: 800 72px/87px var(--font-family-sans-serif) ;--display-extra-bold-64-77: 800 64px/77px var(--font-family-sans-serif) ;--display-extra-bold-56-68: 800 56px/68px var(--font-family-sans-serif) ;--display-bold-96-116: 700 96px/116px var(--font-family-sans-serif) ;--display-bold-72-87: 700 72px/87px var(--font-family-sans-serif) ;--display-bold-64-77: 700 64px/77px var(--font-family-sans-serif) ;--display-bold-56-68: 700 56px/68px var(--font-family-sans-serif) ;--display-semi-bold-96-116: 600 96px/116px var(--font-family-sans-serif) ;--display-semi-bold-72-87: 600 72px/87px var(--font-family-sans-serif) ;--display-semi-bold-64-77: 600 64px/77px var(--font-family-sans-serif) ;--display-semi-bold-56-68: 600 56px/68px var(--font-family-sans-serif) ;--display-medium-96-116: 500 96px/116px var(--font-family-sans-serif) ;--display-medium-72-87: 500 72px/87px var(--font-family-sans-serif) ;--display-medium-64-77: 500 64px/77px var(--font-family-sans-serif) ;--display-medium-56-68: 500 56px/68px var(--font-family-sans-serif) ;--display-regular-96-116: 400 96px/116px var(--font-family-sans-serif) ;--display-regular-72-87: 400 72px/87px var(--font-family-sans-serif) ;--display-regular-64-77: 400 64px/77px var(--font-family-sans-serif) ;--display-regular-56-68: 400 56px/68px var(--font-family-sans-serif) ;--display-light-96-116: 300 96px/116px var(--font-family-sans-serif) ;--display-light-72-87: 300 72px/87px var(--font-family-sans-serif) ;--display-light-64-77: 300 64px/77px var(--font-family-sans-serif) ;--display-light-56-68: 300 56px/68px var(--font-family-sans-serif) ;--headline-black-48-58: 900 48px/58px var(--font-family-sans-serif) ;--headline-black-40-48: 900 40px/48px var(--font-family-sans-serif) ;--headline-black-32-39: 900 32px/39px var(--font-family-sans-serif) ;--headline-black-24-29: 900 24px/29px var(--font-family-sans-serif) ;--headline-black-20-24: 900 20px/24px var(--font-family-sans-serif) ;--headline-black-18-22: 900 18px/22px var(--font-family-sans-serif) ;--headline-extra-bold-48-58: 800 48px/58px var(--font-family-sans-serif) ;--headline-extra-bold-40-48: 800 40px/48px var(--font-family-sans-serif) ;--headline-extra-bold-32-39: 800 32px/39px var(--font-family-sans-serif) ;--headline-extra-bold-24-29: 800 24px/29px var(--font-family-sans-serif) ;--headline-extra-bold-20-24: 800 20px/24px var(--font-family-sans-serif) ;--headline-extra-bold-18-22: 800 18px/22px var(--font-family-sans-serif) ;--headline-bold-48-58: 700 48px/58px var(--font-family-sans-serif) ;--headline-bold-40-48: 700 40px/48px var(--font-family-sans-serif) ;--headline-bold-32-39: 700 32px/39px var(--font-family-sans-serif) ;--headline-bold-24-29: 700 24px/29px var(--font-family-sans-serif) ;--headline-bold-20-24: 700 20px/24px var(--font-family-sans-serif) ;--headline-bold-18-22: 700 18px/22px var(--font-family-sans-serif) ;--headline-semi-bold-48-58: 600 48px/58px var(--font-family-sans-serif) ;--headline-semi-bold-40-48: 600 40px/48px var(--font-family-sans-serif) ;--headline-semi-bold-32-39: 600 32px/39px var(--font-family-sans-serif) ;--headline-semi-bold-24-29: 600 24px/29px var(--font-family-sans-serif) ;--headline-semi-bold-20-24: 600 20px/24px var(--font-family-sans-serif) ;--headline-semi-bold-18-22: 600 18px/22px var(--font-family-sans-serif) ;--headline-medium-48-58: 500 48px/58px var(--font-family-sans-serif) ;--headline-medium-40-48: 500 40px/48px var(--font-family-sans-serif) ;--headline-medium-32-39: 500 32px/39px var(--font-family-sans-serif) ;--headline-medium-24-29: 500 24px/29px var(--font-family-sans-serif) ;--headline-medium-20-24: 500 20px/24px var(--font-family-sans-serif) ;--headline-medium-18-22: 500 18px/22px var(--font-family-sans-serif) ;--headline-regular-48-58: 400 48px/58px var(--font-family-sans-serif) ;--headline-regular-40-48: 400 40px/48px var(--font-family-sans-serif) ;--headline-regular-32-39: 400 32px/39px var(--font-family-sans-serif) ;--headline-regular-24-29: 400 24px/29px var(--font-family-sans-serif) ;--headline-regular-20-24: 400 20px/24px var(--font-family-sans-serif) ;--headline-regular-18-22: 400 18px/22px var(--font-family-sans-serif) ;--headline-light-48-58: 300 48px/58px var(--font-family-sans-serif) ;--headline-light-40-48: 300 40px/48px var(--font-family-sans-serif) ;--headline-light-32-39: 300 32px/39px var(--font-family-sans-serif) ;--headline-light-24-29: 300 24px/29px var(--font-family-sans-serif) ;--headline-light-20-24: 300 20px/24px var(--font-family-sans-serif) ;--headline-light-18-22: 300 18px/22px var(--font-family-sans-serif) ;--title-black-16-19: 900 16px/19px var(--font-family-sans-serif) ;--title-extra-bold-16-19: 800 16px/19px var(--font-family-sans-serif) ;--title-bold-16-19: 700 16px/19px var(--font-family-sans-serif) ;--title-semi-bold-16-19: 600 16px/19px var(--font-family-sans-serif) ;--title-medium-16-19: 500 16px/19px var(--font-family-sans-serif) ;--title-regular-16-19: 400 16px/19px var(--font-family-sans-serif) ;--title-light-16-19: 300 16px/19px var(--font-family-sans-serif) ;--body-black-14-17: 900 14px/17px var(--font-family-sans-serif) ;--body-black-13-16: 900 13px/16px var(--font-family-sans-serif) ;--body-extra-bold-14-17: 800 14px/17px var(--font-family-sans-serif) ;--body-extra-bold-13-16: 800 13px/16px var(--font-family-sans-serif) ;--body-bold-14-17: 700 14px/17px var(--font-family-sans-serif) ;--body-bold-13-16: 700 13px/16px var(--font-family-sans-serif) ;--body-semi-bold-14-17: 600 14px/17px var(--font-family-sans-serif) ;--body-semi-bold-13-16: 600 13px/16px var(--font-family-sans-serif) ;--body-medium-14-17: 500 14px/17px var(--font-family-sans-serif) ;--body-medium-13-16: 500 13px/16px var(--font-family-sans-serif) ;--body-regular-14-17: 400 14px/17px var(--font-family-sans-serif) ;--body-regular-13-16: 400 13px/16px var(--font-family-sans-serif) ;--body-light-14-17: 300 14px/17px var(--font-family-sans-serif) ;--body-light-13-16: 300 13px/16px var(--font-family-sans-serif) ;--caption-black-12-15: 900 12px/15px var(--font-family-sans-serif) ;--caption-black-11-13: 900 11px/13px var(--font-family-sans-serif) ;--caption-black-10-12: 900 10px/12px var(--font-family-sans-serif) ;--caption-extra-bold-12-15: 800 12px/15px var(--font-family-sans-serif) ;--caption-extra-bold-11-13: 800 11px/13px var(--font-family-sans-serif) ;--caption-extra-bold-10-12: 800 10px/12px var(--font-family-sans-serif) ;--caption-bold-12-15: 700 12px/15px var(--font-family-sans-serif) ;--caption-bold-11-13: 700 11px/13px var(--font-family-sans-serif) ;--caption-bold-10-12: 700 10px/12px var(--font-family-sans-serif) ;--caption-semi-bold-12-15: 600 12px/15px var(--font-family-sans-serif) ;--caption-semi-bold-11-13: 600 11px/13px var(--font-family-sans-serif) ;--caption-semi-bold-10-12: 600 10px/12px var(--font-family-sans-serif) ;--caption-medium-12-15: 500 12px/15px var(--font-family-sans-serif) ;--caption-medium-11-13: 500 11px/13px var(--font-family-sans-serif) ;--caption-medium-10-12: 500 10px/12px var(--font-family-sans-serif) ;--caption-regular-12-15: 400 12px/15px var(--font-family-sans-serif) ;--caption-regular-11-13: 400 11px/13px var(--font-family-sans-serif) ;--caption-regular-10-12: 400 10px/12px var(--font-family-sans-serif) ;--caption-light-12-15: 300 12px/15px var(--font-family-sans-serif) ;--caption-light-11-13: 300 11px/13px var(--font-family-sans-serif) ;--caption-light-10-12: 300 10px/12px var(--font-family-sans-serif) ;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}.display-black-96-116{font:900 96px/116px var(--font-family-sans-serif)}.display-black-72-87{font:900 72px/87px var(--font-family-sans-serif)}.display-black-64-77{font:900 64px/77px var(--font-family-sans-serif)}.display-black-56-68{font:900 56px/68px var(--font-family-sans-serif)}.display-extra-bold-96-116{font:800 96px/116px var(--font-family-sans-serif)}.display-extra-bold-72-87{font:800 72px/87px var(--font-family-sans-serif)}.display-extra-bold-64-77{font:800 64px/77px var(--font-family-sans-serif)}.display-extra-bold-56-68{font:800 56px/68px var(--font-family-sans-serif)}.display-bold-96-116{font:700 96px/116px var(--font-family-sans-serif)}.display-bold-72-87{font:700 72px/87px var(--font-family-sans-serif)}.display-bold-64-77{font:700 64px/77px var(--font-family-sans-serif)}.display-bold-56-68{font:700 56px/68px var(--font-family-sans-serif)}.display-semi-bold-96-116{font:600 96px/116px var(--font-family-sans-serif)}.display-semi-bold-72-87{font:600 72px/87px var(--font-family-sans-serif)}.display-semi-bold-64-77{font:600 64px/77px var(--font-family-sans-serif)}.display-semi-bold-56-68{font:600 56px/68px var(--font-family-sans-serif)}.display-medium-96-116{font:500 96px/116px var(--font-family-sans-serif)}.display-medium-72-87{font:500 72px/87px var(--font-family-sans-serif)}.display-medium-64-77{font:500 64px/77px var(--font-family-sans-serif)}.display-medium-56-68{font:500 56px/68px var(--font-family-sans-serif)}.display-regular-96-116{font:400 96px/116px var(--font-family-sans-serif)}.display-regular-72-87{font:400 72px/87px var(--font-family-sans-serif)}.display-regular-64-77{font:400 64px/77px var(--font-family-sans-serif)}.display-regular-56-68{font:400 56px/68px var(--font-family-sans-serif)}.display-light-96-116{font:300 96px/116px var(--font-family-sans-serif)}.display-light-72-87{font:300 72px/87px var(--font-family-sans-serif)}.display-light-64-77{font:300 64px/77px var(--font-family-sans-serif)}.display-light-56-68{font:300 56px/68px var(--font-family-sans-serif)}.headline-black-48-58{font:900 48px/58px var(--font-family-sans-serif)}.headline-black-40-48{font:900 40px/48px var(--font-family-sans-serif)}.headline-black-32-39{font:900 32px/39px var(--font-family-sans-serif)}.headline-black-24-29{font:900 24px/29px var(--font-family-sans-serif)}.headline-black-20-24{font:900 20px/24px var(--font-family-sans-serif)}.headline-black-18-22{font:900 18px/22px var(--font-family-sans-serif)}.headline-extra-bold-48-58{font:800 48px/58px var(--font-family-sans-serif)}.headline-extra-bold-40-48{font:800 40px/48px var(--font-family-sans-serif)}.headline-extra-bold-32-39{font:800 32px/39px var(--font-family-sans-serif)}.headline-extra-bold-24-29{font:800 24px/29px var(--font-family-sans-serif)}.headline-extra-bold-20-24{font:800 20px/24px var(--font-family-sans-serif)}.headline-extra-bold-18-22{font:800 18px/22px var(--font-family-sans-serif)}.headline-bold-48-58{font:700 48px/58px var(--font-family-sans-serif)}.headline-bold-40-48{font:700 40px/48px var(--font-family-sans-serif)}.headline-bold-32-39{font:700 32px/39px var(--font-family-sans-serif)}.headline-bold-24-29{font:700 24px/29px var(--font-family-sans-serif)}.headline-bold-20-24{font:700 20px/24px var(--font-family-sans-serif)}.headline-bold-18-22{font:700 18px/22px var(--font-family-sans-serif)}.headline-semi-bold-48-58{font:600 48px/58px var(--font-family-sans-serif)}.headline-semi-bold-40-48{font:600 40px/48px var(--font-family-sans-serif)}.headline-semi-bold-32-39{font:600 32px/39px var(--font-family-sans-serif)}.headline-semi-bold-24-29{font:600 24px/29px var(--font-family-sans-serif)}.headline-semi-bold-20-24{font:600 20px/24px var(--font-family-sans-serif)}.headline-semi-bold-18-22{font:600 18px/22px var(--font-family-sans-serif)}.headline-medium-48-58{font:500 48px/58px var(--font-family-sans-serif)}.headline-medium-40-48{font:500 40px/48px var(--font-family-sans-serif)}.headline-medium-32-39{font:500 32px/39px var(--font-family-sans-serif)}.headline-medium-24-29{font:500 24px/29px var(--font-family-sans-serif)}.headline-medium-20-24{font:500 20px/24px var(--font-family-sans-serif)}.headline-medium-18-22{font:500 18px/22px var(--font-family-sans-serif)}.headline-regular-48-58{font:400 48px/58px var(--font-family-sans-serif)}.headline-regular-40-48{font:400 40px/48px var(--font-family-sans-serif)}.headline-regular-32-39{font:400 32px/39px var(--font-family-sans-serif)}.headline-regular-24-29{font:400 24px/29px var(--font-family-sans-serif)}.headline-regular-20-24{font:400 20px/24px var(--font-family-sans-serif)}.headline-regular-18-22{font:400 18px/22px var(--font-family-sans-serif)}.headline-light-48-58{font:300 48px/58px var(--font-family-sans-serif)}.headline-light-40-48{font:300 40px/48px var(--font-family-sans-serif)}.headline-light-32-39{font:300 32px/39px var(--font-family-sans-serif)}.headline-light-24-29{font:300 24px/29px var(--font-family-sans-serif)}.headline-light-20-24{font:300 20px/24px var(--font-family-sans-serif)}.headline-light-18-22{font:300 18px/22px var(--font-family-sans-serif)}.title-black-16-19{font:900 16px/19px var(--font-family-sans-serif)}.title-extra-bold-16-19{font:800 16px/19px var(--font-family-sans-serif)}.title-bold-16-19{font:700 16px/19px var(--font-family-sans-serif)}.title-semi-bold-16-19{font:600 16px/19px var(--font-family-sans-serif)}.title-medium-16-19{font:500 16px/19px var(--font-family-sans-serif)}.title-regular-16-19{font:400 16px/19px var(--font-family-sans-serif)}.title-light-16-19{font:300 16px/19px var(--font-family-sans-serif)}.body-black-14-17{font:900 14px/17px var(--font-family-sans-serif)}.body-black-13-16{font:900 13px/16px var(--font-family-sans-serif)}.body-extra-bold-14-17{font:800 14px/17px var(--font-family-sans-serif)}.body-extra-bold-13-16{font:800 13px/16px var(--font-family-sans-serif)}.body-bold-14-17{font:700 14px/17px var(--font-family-sans-serif)}.body-bold-13-16{font:700 13px/16px var(--font-family-sans-serif)}.body-semi-bold-14-17{font:600 14px/17px var(--font-family-sans-serif)}.body-semi-bold-13-16{font:600 13px/16px var(--font-family-sans-serif)}.body-medium-14-17{font:500 14px/17px var(--font-family-sans-serif)}.body-medium-13-16{font:500 13px/16px var(--font-family-sans-serif)}.body-regular-14-17{font:400 14px/17px var(--font-family-sans-serif)}.body-regular-13-16{font:400 13px/16px var(--font-family-sans-serif)}.body-light-14-17{font:300 14px/17px var(--font-family-sans-serif)}.body-light-13-16{font:300 13px/16px var(--font-family-sans-serif)}.caption-black-12-15{font:900 12px/15px var(--font-family-sans-serif)}.caption-black-11-13{font:900 11px/13px var(--font-family-sans-serif)}.caption-black-10-12{font:900 10px/12px var(--font-family-sans-serif)}.caption-extra-bold-12-15{font:800 12px/15px var(--font-family-sans-serif)}.caption-extra-bold-11-13{font:800 11px/13px var(--font-family-sans-serif)}.caption-extra-bold-10-12{font:800 10px/12px var(--font-family-sans-serif)}.caption-bold-12-15{font:700 12px/15px var(--font-family-sans-serif)}.caption-bold-11-13{font:700 11px/13px var(--font-family-sans-serif)}.caption-bold-10-12{font:700 10px/12px var(--font-family-sans-serif)}.caption-semi-bold-12-15{font:600 12px/15px var(--font-family-sans-serif)}.caption-semi-bold-11-13{font:600 11px/13px var(--font-family-sans-serif)}.caption-semi-bold-10-12{font:600 10px/12px var(--font-family-sans-serif)}.caption-medium-12-15{font:500 12px/15px var(--font-family-sans-serif)}.caption-medium-11-13{font:500 11px/13px var(--font-family-sans-serif)}.caption-medium-10-12{font:500 10px/12px var(--font-family-sans-serif)}.caption-regular-12-15{font:400 12px/15px var(--font-family-sans-serif)}.caption-regular-11-13{font:400 11px/13px var(--font-family-sans-serif)}.caption-regular-10-12{font:400 10px/12px var(--font-family-sans-serif)}.caption-light-12-15{font:300 12px/15px var(--font-family-sans-serif)}.caption-light-11-13{font:300 11px/13px var(--font-family-sans-serif)}.caption-light-10-12{font:300 10px/12px var(--font-family-sans-serif)}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:var(--font-family-sans-serif);color:var(--dark)}[data-simplebar] .simplebar-scrollbar:before{background-color:var(--dark-opacity-10)}[data-simplebar] .simplebar-track.simplebar-vertical{width:11px !important}/*# sourceMappingURL=style.min.css.map */

package/dist/style/style.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss"],"names":[],"mappings":"AAIQ,gDACA,oDACA,wCACA,oCCPR,MAEI,owBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJH3iBF,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/assets/styles/style.scss","../../src/assets/styles/_root.scss","../../src/assets/styles/_typography.scss","../../src/assets/styles/_font.scss"],"names":[],"mappings":"AAIQ,gDACA,oDACA,wCACA,oCCPR,MAEI,+xBAGA,yIAGA,gnPAEF,kKCNA,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,2BACE,kDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,qBACE,kDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,0BACE,kDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,uBACE,kDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,wBACE,kDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,sBACE,kDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,2BACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,wBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,wBACE,iDADF,kBACE,iDADF,uBACE,iDADF,oBACE,iDADF,qBACE,iDADF,mBACE,iDADF,kBACE,iDADF,kBACE,iDADF,uBACE,iDADF,uBACE,iDADF,iBACE,iDADF,iBACE,iDADF,sBACE,iDADF,sBACE,iDADF,mBACE,iDADF,mBACE,iDADF,oBACE,iDADF,oBACE,iDADF,kBACE,iDADF,kBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDADF,0BACE,iDADF,0BACE,iDADF,0BACE,iDADF,oBACE,iDADF,oBACE,iDADF,oBACE,iDADF,yBACE,iDADF,yBACE,iDADF,yBACE,iDADF,sBACE,iDADF,sBACE,iDADF,sBACE,iDADF,uBACE,iDADF,uBACE,iDADF,uBACE,iDADF,qBACE,iDADF,qBACE,iDADF,qBACE,iDCJJ,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,iFAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,gEAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,0BAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,yGAGF,WACE,oBACA,kBACA,gBACA,kBACA,6GACA,oGAGF,WACE,oBACA,kBACA,gBACA,kBACA,0GACA,yJH3iBF,KACI,0CACA,kBAKI,6CACI,wCAGR,qDACI","file":"style.min.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.79.0",
+  "version": "1.79.2",
   "files": [
     "dist"
   ],