@dreamcommerce/aurora 2.1.9 → 2.1.10-1

package/build/cjs/packages/aurora/src/components/date_picker/hoc/single_date_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var value_controller_context = require('../context/value_controller_context.js');
-var main_module = require('../../../css/date_picker/main.module.less.js');
 var css_classes = require('../css_classes.js');
+var main_module = require('../../../css/date_picker/main.module.less.js');
 var pure_date_picker = require('../components/pure_date_picker.js');
 var buttons = require('../components/buttons.js');
 

package/build/cjs/packages/aurora/src/components/dropdown/components/list.js

@@ -28,11 +28,11 @@ isWithGroups,
 /**
  * Children nodes
  */
-children }) => {
+children, onScroll }) => {
     const listClasses = classnames__default['default'](main_module['default'][css_classes.cssDropdownList], main_module['default'][css_classes.cssDropdownWithScroll], {
         [main_module['default'][css_classes.cssDropdownListWithGroup]]: isWithGroups
     });
-    return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses }, children));
+    return (React__default['default'].createElement("ul", { role: "listbox", className: listClasses, onScroll: onScroll }, children));
 };
 
 exports.default = List;

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js

@@ -7,6 +7,7 @@ var index = require('../context/index.js');
 var input_wrapper = require('../../controls/components/input_wrapper.js');
 var main_module = require('../../../css/dropdown/main.module.less.js');
 var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
+var icon_close = require('../../../assets/icon_close.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +35,7 @@ isReadonly = false,
 /**
  * array of selected options
  */
-selectedOptions }) => {
+selectedOptions, placeholder, onRemoveOptions }) => {
     const ref = React.useRef(null);
     /**
      * get values from dropdown context
@@ -51,7 +52,7 @@ selectedOptions }) => {
     const $hiddenInputs = notDisabled.map((option) => (React__default['default'].createElement("input", { key: option.value, type: "hidden", name: name, value: option.value, disabled: isDisabled, readOnly: isReadonly })));
     use_keyboard_open_close.useKeyboardOpenClose(toggleDropdown, isOpen, ref);
     return (React__default['default'].createElement("div", { className: main_module['default']['select'], "aria-expanded": isOpen, "aria-haspopup": "listbox", ref: ref },
-        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown }),
+        React__default['default'].createElement(input_wrapper['default'], { value: value, isFocused: Boolean(isOpen), isDisabled: isDisabled, isReadOnly: isReadonly, onClick: toggleDropdown, placeholder: placeholder, onRemoveOptions: onRemoveOptions, shouldShowRemoveButton: !!selectedOptions.length, removeButtonContent: React__default['default'].createElement(icon_close['default'], { size: "s" }) }),
         $hiddenInputs));
 };
 

package/build/cjs/packages/aurora/src/components/dropdown/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js

@@ -11,6 +11,8 @@ const cssDropdownHeaderTitle = `${cssDropdown}__header-title`;
 const cssDropdownHeaderContent = `${cssDropdown}__header-content`;
 const cssDropdownItemWithHover = `${cssDropdown}__item-with-hover`;
 const cssDropdownList = `${cssDropdown}__list`;
+const cssDropdownError = `${cssDropdown}__error`;
+const cssDropdownErrorIcon = `${cssDropdownError}-icon`;
 const cssDropdownSearch = `${cssDropdown}__search`;
 const cssDropdownWithScroll = `${cssDropdown}__list_with-scroll`;
 const cssDropdownListWithGroup = `${cssDropdown}__list_with-group`;
@@ -24,6 +26,8 @@ exports.cssDropdown = cssDropdown;
 exports.cssDropdownArrowHorizontalDirectionRight = cssDropdownArrowHorizontalDirectionRight;
 exports.cssDropdownArrowVerticalDirectionBottom = cssDropdownArrowVerticalDirectionBottom;
 exports.cssDropdownContent = cssDropdownContent;
+exports.cssDropdownError = cssDropdownError;
+exports.cssDropdownErrorIcon = cssDropdownErrorIcon;
 exports.cssDropdownHeader = cssDropdownHeader;
 exports.cssDropdownHeaderContent = cssDropdownHeaderContent;
 exports.cssDropdownHeaderTitle = cssDropdownHeaderTitle;

package/build/cjs/packages/aurora/src/components/dropdown/css_classes.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js

@@ -106,7 +106,7 @@ onChange }) => {
     use_set_options_on_close.useSetOptionsOnClose(isWithSearch, isOpen, setOptionsList, options);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, onRemoveOptions: setSelectedValues }),
             React__default['default'].createElement(index$1['default'].Content, null,
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
                 React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js

@@ -11,6 +11,7 @@ var use_value = require('../../hooks/use_value.js');
 var use_toggle = require('../../hooks/use_toggle.js');
 var use_set_options_on_close = require('../../hooks/use_set_options_on_close.js');
 var index$1 = require('../../index.js');
+var icon_warning = require('../../../../assets/icon_warning.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -83,7 +84,7 @@ onChange,
  * Place where portal should be placed, by default to body
  * this can be used to put modal inside modal
  */
-portalContainer }) => {
+portalContainer, placeholder, onScroll, scrollErrors }) => {
     /**
      * reference to dropdown wrapper element
      */
@@ -113,13 +114,18 @@ portalContainer }) => {
     }, [options]);
     return (React__default['default'].createElement(index.DropdownContext.Provider, { value: value },
         React__default['default'].createElement("div", { ref: wrapperRef, className: main_module['default'][css_classes.cssDropdown] },
-            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues }),
+            React__default['default'].createElement(index$1['default'].Select, { name: name, isReadonly: isReadonly, isDisabled: isDisabled, selectedOptions: selectedValues, placeholder: placeholder, onRemoveOptions: setSelectedValues }),
             React__default['default'].createElement(index$1['default'].Content, { portalContainer: portalContainer },
                 isWithSearch && React__default['default'].createElement(index$1['default'].Search, { onKeyUp: (ev) => utilities.handleSearchKeyUp(ev, options, setOptionsList) }),
-                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups }, optionsList === null || optionsList === void 0 ? void 0 : optionsList.map((option) => {
-                    var _a, _b;
-                    return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
-                }))))));
+                React__default['default'].createElement(index$1['default'].List, { isWithGroups: isWithGroups, onScroll: onScroll }, optionsList === null || optionsList === void 0 ? void 0 :
+                    optionsList.map((option) => {
+                        var _a, _b;
+                        return option.isHeader ? (React__default['default'].createElement(index$1['default'].Header, { key: option.text, text: option.text })) : (React__default['default'].createElement(index$1['default'].Option, { key: option.value, option: option, isSelected: utilities.isSelected(option, selectedValues), isDisabled: (_a = option.isDisabled) !== null && _a !== void 0 ? _a : isDisabled, isReadonly: (_b = option.isReadonly) !== null && _b !== void 0 ? _b : isReadonly, onClick: (option) => utilities.handleItemClick(option, defaultCloseOnClick, setSelectedValues, toggleDropdown) }));
+                    }), scrollErrors === null || scrollErrors === void 0 ? void 0 :
+                    scrollErrors.map((scrollError, index) => (React__default['default'].createElement("p", { className: main_module['default'][css_classes.cssDropdownError], key: `${index}-${scrollError}` },
+                        React__default['default'].createElement(icon_warning['default'], { size: "m", className: main_module['default'][css_classes.cssDropdownErrorIcon] }),
+                        " ",
+                        scrollError))))))));
 };
 
 exports.default = Select;

package/build/cjs/packages/aurora/src/components/dropdown/hoc/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_value.js

@@ -20,7 +20,7 @@ function useValue(wrapperRef, options, defaultValues, onChangeCb) {
     const [selectedValues, setSelectedValue] = React.useState([]);
     const setSelectedValues = React.useCallback((selectedOption) => {
         var _a;
-        setSelectedValue(() => [selectedOption]);
+        setSelectedValue(selectedOption ? () => [selectedOption] : []);
         if (typeof onChangeCb === 'function') {
             onChangeCb(selectedOption);
             const event = new CustomEvent('dropdown:change', {

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js

@@ -26,6 +26,10 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
      * @param {ISelectOption} selectedOption choosen option
      */
     const setSelectedValues = React.useCallback((selectedOption) => {
+        if (!selectedOption) {
+            setSelectedValue([]);
+            return;
+        }
         setSelectedValue((previousSelectedOptions) => {
             var _a;
             let allSelectedOptions;

package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_values.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
+var icon_close = require('../../../assets/icon_close.js');
 var main_module = require('../../../css/flash_message/main.module.less.js');
 var context = require('../context.js');
 var index = require('../../message-box/index.js');
-var icon_close = require('../../../assets/icon_close.js');
 var index$1 = require('../../grid/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/css/content_tabs/main.module.less.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
+
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_content-tabs__item-list__xwxh3 {\n  display: flex;\n  gap: 8px;\n  list-style: none;\n}\n.main-module_content-tabs__item__31JcA {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  background-color: #f3f4f8;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  font-weight: 600;\n  color: #5c657e;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n.main-module_content-tabs__item_active__33B6C {\n  position: relative;\n  margin-top: -2px;\n  margin-bottom: -1px;\n  background-color: #ffffff;\n  border-top: 2px solid #3c83ec;\n  border-bottom: 1px solid #ffffff;\n  color: #2d3748;\n  box-shadow: 0 0 9px 0 rgba(92, 101, 126, 0.2);\n  -webkit-clip-path: inset(-9px -9px 0 -9px);\n          clip-path: inset(-9px -9px 0 -9px);\n  z-index: 1;\n}\n.main-module_content-tabs__panel-list__2Zwu8 {\n  margin: 0 -16px;\n  padding: 16px 16px 0 16px;\n  background-color: #ffffff;\n  box-shadow: 0 -1px 5px 0 rgba(92, 101, 126, 0.1);\n  -webkit-clip-path: inset(-5px 0 0 0);\n          clip-path: inset(-5px 0 0 0);\n}\n";
+var cssClasses = {"content-tabs__item-list":"main-module_content-tabs__item-list__xwxh3","content-tabs__item":"main-module_content-tabs__item__31JcA","content-tabs__item_active":"main-module_content-tabs__item_active__33B6C","content-tabs__panel-list":"main-module_content-tabs__panel-list__2Zwu8"};
+styleInject_es['default'](css_248z);
+
+exports.default = cssClasses;
+//# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/content_tabs/main.module.less.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/dropdown/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  margin-top: -2px;\n  transform: rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
-var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n@media (max-width: 576px) {\n  .main-module_dropdown__content__X9kz_ {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n  .main-module_dropdown__header__kvhNn {\n    display: block;\n  }\n  .main-module_dropdown__header-title__7NXxw {\n    margin-left: 0.5rem;\n  }\n}\n@media (min-width: 576px) {\n  .main-module_dropdown__header__kvhNn {\n    display: none;\n  }\n}\n.main-module_dropdown__36KKf {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.main-module_dropdown__content__X9kz_ {\n  flex: 0 0 auto;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1200;\n  width: auto;\n  padding: 0.5rem 0;\n  background-color: #ffffff;\n  border-radius: 3px;\n  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2);\n}\n.main-module_dropdown__content__X9kz_::before {\n  content: '';\n  display: block;\n  position: absolute;\n  top: -14px;\n  left: 7px;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent transparent #ffffff transparent;\n}\n.main-module_dropdown__content_right__Rp4hR::before {\n  right: 7px;\n  left: auto;\n}\n.main-module_dropdown__content_bottom__1OlNP::before {\n  top: auto;\n  bottom: -14px;\n  border-color: #ffffff transparent transparent transparent;\n}\n.main-module_dropdown__item-with-hover__3g-Za {\n  pointer-events: all;\n}\n.main-module_dropdown__item-with-hover__3g-Za:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list__2bd_r {\n  flex: 0 0 auto;\n  padding: 0;\n  width: 100%;\n  min-width: 20rem;\n  text-align: left;\n  font-size: 14px;\n  font-size: 1rem;\n}\n.main-module_dropdown__list__2bd_r > li {\n  list-style: none;\n}\n.main-module_dropdown__list-head__2Uyb0 {\n  padding: 0.5rem 0 0.5rem 1rem;\n}\n.main-module_dropdown__list_with-scroll__KP9yO {\n  scrollbar-color: #79829c #ffffff;\n  scrollbar-width: thin;\n  max-height: 280px;\n  overflow-y: auto;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar {\n  width: 7px;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track {\n  background-color: #ffffff;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-track:hover {\n  background-color: #f3f4f8;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb {\n  background-color: #5c657e;\n}\n.main-module_dropdown__list_with-scroll__KP9yO::-webkit-scrollbar-thumb:hover {\n  background-color: #2d3748;\n}\n.main-module_dropdown__list-item__1u185 {\n  display: block;\n  padding: 0.5rem 1rem;\n  cursor: default;\n}\n.main-module_dropdown__list-item__1u185:hover {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_selected__2GYQr {\n  background-color: #f5f7ff;\n}\n.main-module_dropdown__list-item_disabled__1Psh7 {\n  color: #abb4cd;\n}\n.main-module_dropdown__list-item_readonly__3bbj0 {\n  color: #abb4cd;\n}\n.main-module_dropdown__search__1Moob {\n  padding: 0.5rem 1rem 0.5rem;\n}\n.main-module_dropdown__header__kvhNn {\n  margin: calc(1rem * 0.5) 1rem;\n}\n.main-module_dropdown__header-content__10Zg9 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.main-module_dropdown__header-icon__30vfb {\n  margin-right: 1rem;\n  color: #abb4cd;\n  font-size: 10px;\n  font-size: 0.7142857142857143rem;\n}\n.main-module_dropdown__header-title__7NXxw {\n  font-weight: 600;\n  color: #5c657e;\n}\n.main-module_dropdown__error__1oS0H {\n  display: flex;\n  align-items: center;\n  color: #e60c54;\n  gap: 6px;\n  padding: 0.5rem 1rem;\n}\n.main-module_dropdown__error-icon__3OLzE {\n  fill: #e60c54;\n}\n.main-module_select__1ocPo {\n  position: relative;\n  display: flex;\n  flex: 0 2 auto;\n  align-items: center;\n  width: 100%;\n}\n.main-module_select__1ocPo::after {\n  content: '';\n  position: absolute;\n  display: block;\n  right: 0.715em;\n  width: 7px;\n  height: 7px;\n  transform: translateY(-25%) rotate(-45deg);\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  border-color: #3c83ec;\n}\n.main-module_select__1ocPo input {\n  width: 100%;\n  text-overflow: ellipsis;\n}\n.main-module_dropdown-enter__2RGtd,\n.main-module_modal-enter__I5ELD {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n}\n.main-module_mask-enter__32s5F {\n  opacity: 0;\n}\n.main-module_dropdown-enter-active__ob1fb,\n.main-module_modal-enter-active__3BMYq {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-enter-active__1WgVf {\n  opacity: 1;\n  transition: opacity 0.1s;\n}\n.main-module_dropdown-exit__3b2wX,\n.main-module_modal-exit__y2N_F {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_mask-exit__325a4 {\n  opacity: 1;\n}\n.main-module_dropdown-exit-active__22rth,\n.main-module_modal-exit-active__ID7ce {\n  opacity: 0;\n  transform: translate3d(0, -2rem, 0);\n  transition: transform 0.2s, opacity 0.2s;\n}\n.main-module_mask-exit-active__2qs-r {\n  opacity: 0;\n  transition: opacity 0.1s;\n}\n";
+var cssClasses = {"dropdown__content":"main-module_dropdown__content__X9kz_","dropdown__header":"main-module_dropdown__header__kvhNn","dropdown__header-title":"main-module_dropdown__header-title__7NXxw","dropdown":"main-module_dropdown__36KKf","dropdown__content_right":"main-module_dropdown__content_right__Rp4hR","dropdown__content_bottom":"main-module_dropdown__content_bottom__1OlNP","dropdown__item-with-hover":"main-module_dropdown__item-with-hover__3g-Za","dropdown__list":"main-module_dropdown__list__2bd_r","dropdown__list-head":"main-module_dropdown__list-head__2Uyb0","dropdown__list_with-scroll":"main-module_dropdown__list_with-scroll__KP9yO","dropdown__list-item":"main-module_dropdown__list-item__1u185","dropdown__list-item_selected":"main-module_dropdown__list-item_selected__2GYQr","dropdown__list-item_disabled":"main-module_dropdown__list-item_disabled__1Psh7","dropdown__list-item_readonly":"main-module_dropdown__list-item_readonly__3bbj0","dropdown__search":"main-module_dropdown__search__1Moob","dropdown__header-content":"main-module_dropdown__header-content__10Zg9","dropdown__header-icon":"main-module_dropdown__header-icon__30vfb","dropdown__error":"main-module_dropdown__error__1oS0H","dropdown__error-icon":"main-module_dropdown__error-icon__3OLzE","select":"main-module_select__1ocPo","dropdown-enter":"main-module_dropdown-enter__2RGtd","modal-enter":"main-module_modal-enter__I5ELD","mask-enter":"main-module_mask-enter__32s5F","dropdown-enter-active":"main-module_dropdown-enter-active__ob1fb","modal-enter-active":"main-module_modal-enter-active__3BMYq","mask-enter-active":"main-module_mask-enter-active__1WgVf","dropdown-exit":"main-module_dropdown-exit__3b2wX","modal-exit":"main-module_modal-exit__y2N_F","mask-exit":"main-module_mask-exit__325a4","dropdown-exit-active":"main-module_dropdown-exit-active__22rth","modal-exit-active":"main-module_modal-exit-active__ID7ce","mask-exit-active":"main-module_mask-exit-active__2qs-r"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

package/build/cjs/packages/aurora/src/css/icons/main.module.less.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = ".main-module_icon__orgwn {\n  display: inline-flex;\n  fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n  transform: rotate(180deg);\n}\n";
-var iconCssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ"};
+var css_248z = ".main-module_icon__orgwn {\n  display: inline-flex;\n  fill: #5c657e;\n}\n.main-module_icon_rotate-180__1wQtQ {\n  transform: rotate(180deg);\n}\n.main-module_icon_s__31065 {\n  width: 8px;\n  height: 8px;\n}\n.main-module_icon_m__1LrtC {\n  width: 13px;\n  height: 13px;\n}\n";
+var cssClasses = {"icon":"main-module_icon__orgwn","icon_rotate-180":"main-module_icon_rotate-180__1wQtQ","icon_s":"main-module_icon_s__31065","icon_m":"main-module_icon_m__1LrtC"};
 styleInject_es['default'](css_248z);
 
-exports.default = iconCssClasses;
+exports.default = cssClasses;
 //# sourceMappingURL=main.module.less.js.map

package/build/cjs/packages/aurora/src/css/input/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n  width: 100%;\n  padding: 0.715em;\n  display: block;\n  outline: 0;\n  font-family: inherit;\n  color: #2d3748;\n  font-size: 14px;\n  font-size: 1rem;\n  transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n  border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n  border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n  border-color: #3c83ec;\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n  background-color: #ececec;\n  border-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n  background-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n  padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n  padding-right: 2rem;\n}\n.main-module_control__input__sYzjo {\n  cursor: default;\n}\n::-moz-placeholder {\n  color: #abb4cd;\n}\n:-ms-input-placeholder {\n  color: #abb4cd;\n}\n::placeholder {\n  color: #abb4cd;\n}\n";
-var cssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_control__3q9YC {\n  width: 100%;\n  padding: 0.715em;\n  display: block;\n  outline: 0;\n  font-family: inherit;\n  color: #2d3748;\n  font-size: 14px;\n  font-size: 1rem;\n  transition: box-shadow 0.2s ease-in, border-color 0.1s ease-out;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  background-color: #ffffff;\n  border: 1px solid #abb4cd;\n  border-radius: 3px;\n}\n.main-module_control_error__3ZjY4 {\n  border-color: #e60c54 !important;\n}\n.main-module_control__3q9YC:hover {\n  border-color: #5c657e;\n}\n.main-module_control__3q9YC:focus,\n.main-module_control_focus__3cPNu {\n  border-color: #3c83ec;\n  box-shadow: 0 0 3px 0 #3c83ec;\n}\n.main-module_control_disabled__3aXd_ {\n  background-color: #ececec;\n  border-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_disabled__3aXd_ .main-module_control__input__sYzjo {\n  background-color: #ececec;\n  color: #abb4cd;\n}\n.main-module_control_s__3r0PG {\n  padding: 0.326em;\n}\n.main-module_control_wrapper__hK5up {\n  padding-right: 2rem;\n  display: flex;\n}\n.main-module_control__input__sYzjo {\n  cursor: default;\n}\n.main-module_control__remove-button__2QN9- {\n  background-color: transparent;\n  padding-right: 11px;\n  border-right: 1px solid #abb4cd;\n  cursor: pointer;\n}\n::-moz-placeholder {\n  color: #abb4cd;\n}\n:-ms-input-placeholder {\n  color: #abb4cd;\n}\n::placeholder {\n  color: #abb4cd;\n}\n";
+var cssClasses = {"control":"main-module_control__3q9YC","control_error":"main-module_control_error__3ZjY4","control_focus":"main-module_control_focus__3cPNu","control_disabled":"main-module_control_disabled__3aXd_","control__input":"main-module_control__input__sYzjo","control_s":"main-module_control_s__3r0PG","control_wrapper":"main-module_control_wrapper__hK5up","control__remove-button":"main-module_control__remove-button__2QN9-"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

package/build/cjs/packages/aurora/src/css/link/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3lHdS {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n}\n.main-module_link__3lHdS:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\nsvg.main-module_link__icon__1R6kq {\n  fill: #135cc8;\n}\n";
-var linkStyles = {"link":"main-module_link__3lHdS","link__icon":"main-module_link__icon__1R6kq"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n/** Form Variables */\n/** Errors */\n.main-module_link__3lHdS {\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n  margin-top: 0.25rem;\n  color: #135cc8;\n  text-decoration: none;\n}\n.main-module_link__3lHdS * {\n  color: #135cc8;\n  fill: #135cc8;\n}\n.main-module_link__3lHdS:hover {\n  text-decoration: underline;\n  -webkit-text-decoration-color: #135cc8;\n          text-decoration-color: #135cc8;\n  cursor: pointer;\n}\n";
+var linkStyles = {"link":"main-module_link__3lHdS"};
 styleInject_es['default'](css_248z);
 
 exports.default = linkStyles;

package/build/cjs/packages/aurora/src/index.js

@@ -9,6 +9,12 @@ var index = require('./components/button/index.js');
 var index$2 = require('./components/buttons_group/index.js');
 var index$u = require('./components/dropdown/context/index.js');
 var index$h = require('./components/color_picker/index.js');
+var content_tabs = require('./components/content_tabs/components/content_tabs.js');
+var content_tabs_item = require('./components/content_tabs/components/content_tabs_item.js');
+var content_tabs_item_list = require('./components/content_tabs/components/content_tabs_item_list.js');
+var content_tabs_panel = require('./components/content_tabs/components/content_tabs_panel.js');
+var content_tabs_panel_list = require('./components/content_tabs/components/content_tabs_panel_list.js');
+var content_tabs_wrapper = require('./components/content_tabs/components/content_tabs_wrapper.js');
 var icon_tick = require('./assets/icon_tick.js');
 var index$6 = require('./components/label/index.js');
 var index$y = require('./components/hint/index.js');
@@ -64,6 +70,12 @@ exports.ButtonsGroup = index$2['default'];
 exports.DropdownContext = index$u.DropdownContext;
 exports.useDropdownContext = index$u.useDropdownContext;
 exports.ColorPicker = index$h['default'];
+exports.ContentTabs = content_tabs['default'];
+exports.ContentTabsItem = content_tabs_item.ContentTabsItem;
+exports.ContentTabsItemList = content_tabs_item_list.ContentTabsItemList;
+exports.ContentTabsPanel = content_tabs_panel.ContentTabsPanel;
+exports.ContentTabsPanelList = content_tabs_panel_list.ContentTabsPanelList;
+exports.ContentTabsWrapper = content_tabs_wrapper['default'];
 exports.IconTick = icon_tick['default'];
 exports.Label = index$6['default'];
 exports.Hint = index$y['default'];

package/build/cjs/packages/aurora/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import iconCssClasses from '../css/icons/main.module.less.js';
+import cssClasses from '../css/icons/main.module.less.js';
 import { cssIcon } from './css_classes.js';
 
-const Icon = ({ children }) => React.createElement("span", { className: iconCssClasses[cssIcon] }, children);
+const Icon = ({ children }) => React.createElement("span", { className: cssClasses[cssIcon] }, children);
 
 export default Icon;
 //# sourceMappingURL=icon.js.map

package/build/esm/packages/aurora/src/assets/icon_arrow.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconArrow = ({ className }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: className || '' },
+const IconArrow = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
         React.createElement("path", { d: "M5.648.297c.388.393.384 1.026-.009 1.414L3.322 4H15c.552 0 1 .448 1 1s-.448 1-1 1H3.435l2.204 2.177c.363.359.394.926.092 1.32l-.083.094c-.388.393-1.021.397-1.414.01L.297 5.71c-.211-.209-.31-.489-.296-.764-.014-.28.085-.56.296-.77L4.234.29C4.627-.1 5.26-.096 5.648.297z", transform: "translate(-251 -623) translate(251 540) translate(0 83) matrix(-1 0 0 1 16 0)" }))));
 
 export default IconArrow;

package/build/esm/packages/aurora/src/assets/icon_arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_calendar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { IIconProps } from './types';
+import React from 'react';
 declare const IconCalendar: React.FC<IIconProps>;
 export default IconCalendar;

package/build/esm/packages/aurora/src/assets/icon_calendar.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconCalendar = ({ className }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: className || '' },
+const IconCalendar = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
         React.createElement("path", { d: "M13.938.563c.552 0 1 .447 1 1v1.25h4.5v16.625H.563V2.813h4.5v-1.25c0-.553.447-1 1-1 .552 0 1 .447 1 1v1.25h5.875v-1.25c0-.553.447-1 1-1zm3.5 7.625H2.563v9.25h14.874v-9.25zm0-3.376H2.563v1.375h14.874V4.813z" }))));
 
 export default IconCalendar;

package/build/esm/packages/aurora/src/assets/icon_calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_close.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconClose = ({ className, onClick }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: className || '', onClick: onClick },
+const IconClose = ({ className, onClick, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: `${className || ''} ${cssClasses[`icon_${size}`]}`, onClick: onClick },
         React.createElement("path", { d: "M9.485 8.071l6.364 6.364c.39.39.39 1.024 0 1.414-.39.39-1.023.39-1.414 0L8.071 9.485 1.707 15.85c-.39.39-1.024.39-1.414 0-.39-.39-.39-1.023 0-1.414l6.364-6.364L.293 1.707c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l6.364 6.364L14.435.293c.39-.39 1.024-.39 1.414 0 .39.39.39 1.024 0 1.414L9.485 8.071z", transform: "translate(-1728 -4391) translate(1590 3755) translate(0 602) translate(138 34)" }))));
 
 export default IconClose;

package/build/esm/packages/aurora/src/assets/icon_close.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const ICON_SIZES: {
+    readonly s: "s";
+    readonly m: "m";
+};

package/build/esm/packages/aurora/src/assets/icon_constants.js

@@ -0,0 +1,5 @@
+export const ICON_SIZES = {
+    s: 's',
+    m: 'm'
+};
+//# sourceMappingURL=icon_constants.js.map

package/build/esm/packages/aurora/src/assets/icon_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon_constants.js","sourceRoot":"","sources":["../../../../../../src/assets/icon_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACA,CAAC"}

package/build/esm/packages/aurora/src/assets/icon_delete.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconDelete = ({ className = '', onClick = () => { } }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className, onClick: onClick },
+const IconDelete = ({ className = '', onClick = () => { }, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: `${className || ''} ${cssClasses[`icon_${size}`]}`, onClick: onClick },
         React.createElement("path", { d: "M5 7H7V13H5zM9 7H11V13H9z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }),
         React.createElement("path", { d: "M12 1c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2H0v2h1v10c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V5h1V3h-4V1zM6 2h4v1H6V2zm7 3v9H3V5h10z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }))));
 

package/build/esm/packages/aurora/src/assets/icon_delete.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_hint.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconHint = ({ className }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: className || '' },
+const IconHint = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
         React.createElement("path", { fillRule: "nonzero", d: "M6.5 0C2.912 0 0 2.912 0 6.5S2.912 13 6.5 13 13 10.088 13 6.5 10.088 0 6.5 0zm0 11.7c-2.866 0-5.2-2.333-5.2-5.2 0-2.866 2.333-5.2 5.2-5.2s5.2 2.333 5.2 5.2-2.333 5.2-5.2 5.2z", transform: "translate(-1202 -4970) translate(68 4834) translate(1050 51) translate(20 79) translate(13 3) translate(11) translate(40 3)" }),
         React.createElement("path", { d: "M5.85 9.75L7.15 9.75 7.15 8.45 5.85 8.45zM6.5 3.25c-1.077 0-1.95.905-1.95 2.022h.975c0-.556.439-1.01.975-1.01s.975.454.975 1.01c0 1.011-1.462.885-1.462 2.528h.974c0-1.138 1.463-1.264 1.463-2.528 0-1.117-.873-2.022-1.95-2.022z", transform: "translate(-1202 -4970) translate(68 4834) translate(1050 51) translate(20 79) translate(13 3) translate(11) translate(40 3)" }))));
 

package/build/esm/packages/aurora/src/assets/icon_hint.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_tick.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconTick = ({ className }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: className || '' },
+const IconTick = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
         React.createElement("path", { d: "M.349 6.763c-.39-.39-.39-1.024 0-1.414.39-.39 1.024-.39 1.414 0l4.454 4.454c.391.39.391 1.024 0 1.414-.39.391-1.023.391-1.414 0L.35 6.763z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }),
         React.createElement("path", { d: "M15.715 1.71l-9.508 9.507c-.39.391-1.024.391-1.414 0-.39-.39-.39-1.023 0-1.414L14.3.296c.39-.39 1.023-.39 1.414 0 .39.39.39 1.023 0 1.414z", transform: "translate(-435 -577) translate(251 540) translate(184 34) translate(0 3)" }))));
 

package/build/esm/packages/aurora/src/assets/icon_tick.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_upload.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
 import Icon from './icon.js';
 
-const IconUpload = ({ className = '' }) => (React.createElement(Icon, null,
-    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className },
+const IconUpload = ({ className = '', size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
         React.createElement("path", { d: "M13.124 7.374H5.59L7.045 8.83c.44.44.44 1.15 0 1.59-.22.22-.508.33-.796.33-.288 0-.576-.11-.795-.33L2.08 7.046c-.103-.104-.186-.227-.243-.366-.114-.274-.114-.585 0-.86.057-.138.14-.261.243-.365L5.454 2.08c.44-.44 1.15-.44 1.59 0 .44.44.44 1.15 0 1.59L5.59 5.125h7.534c.621 0 1.125.504 1.125 1.125s-.504 1.125-1.125 1.125z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172) rotate(90 8 6.25)" }),
         React.createElement("path", { fillRule: "nonzero", d: "M14 14H2v-3H0v4c0 .6.4 1 1 1h14c.6 0 1-.4 1-1v-4h-2v3z", transform: "translate(-1728 -4529) translate(1590 3755) translate(0 602) translate(138 172)" }))));
 

package/build/esm/packages/aurora/src/assets/icon_upload.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/icon_warning.d.ts

@@ -0,0 +1,4 @@
+import { IIconProps } from './types';
+import React from 'react';
+declare const IconWarning: React.FC<IIconProps>;
+export default IconWarning;

package/build/esm/packages/aurora/src/assets/icon_warning.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
+import Icon from './icon.js';
+
+const IconWarning = ({ className, size }) => (React.createElement(Icon, null,
+    React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", xmlns: "http://www.w3.org/2000/svg", className: `${className || ''} ${cssClasses[`icon_${size}`]}` },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 0C4.704 0 0 4.704 0 10.5C0 16.296 4.704 21 10.5 21C16.296 21 21 16.296 21 10.5C21 4.704 16.296 0 10.5 0ZM10.5 18.9C5.8695 18.9 2.1 15.1305 2.1 10.5C2.1 5.8695 5.8695 2.1 10.5 2.1C15.1305 2.1 18.9 5.8695 18.9 10.5C18.9 15.1305 15.1305 18.9 10.5 18.9ZM9.5 5H11.6396V7.55664L11.0859 12.2598H10.0674L9.5 7.55664V5ZM9.54785 13.0664H11.585V15.042H9.54785V13.0664Z" }))));
+
+export default IconWarning;
+//# sourceMappingURL=icon_warning.js.map

package/build/esm/packages/aurora/src/assets/icon_warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/assets/types.d.ts

@@ -1,8 +1,12 @@
 import React, { ReactNode } from 'react';
+import { Any } from 'ts-toolbelt';
+import { ICON_SIZES } from './icon_constants';
 export declare type TIcon = {
     children: ReactNode;
 };
+export declare type TIconSize = Any.Keys<typeof ICON_SIZES>;
 export interface IIconProps extends Partial<SVGElement> {
     className?: string;
     onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+    size?: TIconSize;
 }

package/build/esm/packages/aurora/src/assets/types.js

@@ -1,2 +1,4 @@
 import 'react';
+import 'ts-toolbelt';
+import './icon_constants';
 //# sourceMappingURL=types.js.map

package/build/esm/packages/aurora/src/assets/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/assets/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/assets/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC;AAEzC,OAAoB,aAAa,CAAC;AAClC,OAA2B,kBAAkB,CAAC"}

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IContentTabsProps } from '../types';
+declare const ContentTabs: FC<IContentTabsProps>;
+export default ContentTabs;

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.js

@@ -0,0 +1,15 @@
+import React, { useContext, useEffect } from 'react';
+import CSS_CLASSES from '../css_classes.js';
+import { ContentTabsContext } from '../context.js';
+import cssClasses from '../../../css/content_tabs/main.module.less.js';
+
+const ContentTabs = ({ initialActiveTabId, children }) => {
+    const { setActiveId } = useContext(ContentTabsContext);
+    useEffect(() => {
+        setActiveId(initialActiveTabId);
+    }, [setActiveId, initialActiveTabId]);
+    return React.createElement("div", { className: cssClasses[CSS_CLASSES.contentTabs] }, children);
+};
+
+export default ContentTabs;
+//# sourceMappingURL=content_tabs.js.map

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/content_tabs/components/content_tabs_item.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IContentTabsItemProps } from '../types';
+export declare const ContentTabsItem: FC<IContentTabsItemProps>;
+export default ContentTabsItem;