@dreamcommerce/aurora 2.1.12 → 2.1.14

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,9 +4,9 @@ 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 inputCssClasses = {"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;
+exports.default = inputCssClasses;
 //# sourceMappingURL=main.module.less.js.map

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

@@ -7,12 +7,6 @@ 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 tabs = require('./components/tabs/components/tabs.js');
-var tabs_item = require('./components/tabs/components/tabs_item.js');
-var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
-var tabs_panel = require('./components/tabs/components/tabs_panel.js');
-var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
-var tabs_wrapper = require('./components/tabs/components/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');
@@ -20,6 +14,7 @@ var index$x = require('./components/controls/hoc/control_cell_selector/index.js'
 var index$8 = require('./components/controls/hoc/control_checkbox/index.js');
 var index$9 = require('./components/controls/hoc/control_checkbox_switch/index.js');
 var icon_arrow = require('./assets/icon_arrow.js');
+var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
 var index$3 = require('./components/dropdown/index.js');
 var index$i = require('./components/controls/hoc/control_color_picker/index.js');
 var icon_calendar = require('./assets/icon_calendar.js');
@@ -48,6 +43,7 @@ var flash_messages_list = require('./components/flash_messenger/components/flash
 var index$B = require('./components/flash_messenger/index.js');
 var index$f = require('./components/gallery/index.js');
 var index$l = require('./components/heading/index.js');
+var icon_warning = require('./assets/icon_warning.js');
 var index$E = require('./components/link/index.js');
 var index$C = require('./components/loader/index.js');
 var index$m = require('./components/modal/index.js');
@@ -58,6 +54,12 @@ var search_list = require('./components/search_list/components/search_list.js');
 var search_list_input = require('./components/search_list/components/search_list_input.js');
 var search_list_results = require('./components/search_list/components/search_list_results.js');
 var index$v = require('./components/spacing/index.js');
+var tabs = require('./components/tabs/components/tabs.js');
+var tabs_item = require('./components/tabs/components/tabs_item.js');
+var tabs_item_list = require('./components/tabs/components/tabs_item_list.js');
+var tabs_panel = require('./components/tabs/components/tabs_panel.js');
+var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js');
+var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$1 = require('./components/tooltip/index.js');
 var index$D = require('./components/with_loader/index.js');
 
@@ -69,12 +71,6 @@ exports.ButtonsGroup = index$2['default'];
 exports.DropdownContext = index$u.DropdownContext;
 exports.useDropdownContext = index$u.useDropdownContext;
 exports.ColorPicker = index$h['default'];
-exports.Tabs = tabs['default'];
-exports.TabsItem = tabs_item.TabsItem;
-exports.TabsItemList = tabs_item_list.TabsItemList;
-exports.TabsPanel = tabs_panel.TabsPanel;
-exports.TabsPanelList = tabs_panel_list.TabsPanelList;
-exports.TabsWrapper = tabs_wrapper['default'];
 exports.IconTick = icon_tick['default'];
 exports.Label = index$6['default'];
 exports.Hint = index$y['default'];
@@ -82,6 +78,7 @@ exports.ControlCellSelector = index$x['default'];
 exports.ControlCheckbox = index$8['default'];
 exports.ControlCheckboxSwitch = index$9['default'];
 exports.IconArrow = icon_arrow['default'];
+exports.useToggle = use_toggle.useToggle;
 exports.Dropdown = index$3['default'];
 exports.ControlColorPicker = index$i['default'];
 exports.IconCalendar = icon_calendar['default'];
@@ -111,6 +108,7 @@ exports.FlashMessagesList = flash_messages_list['default'];
 exports.FlashMessenger = index$B['default'];
 exports.Gallery = index$f['default'];
 exports.Heading = index$l['default'];
+exports.IconWarning = icon_warning['default'];
 exports.Link = index$E['default'];
 exports.Loader = index$C['default'];
 exports.Modal = index$m['default'];
@@ -121,6 +119,12 @@ exports.SearchList = search_list.SearchList;
 exports.SearchListInput = search_list_input.SearchListInput;
 exports.SearchListResults = search_list_results.SearchListResults;
 exports.Spacing = index$v['default'];
+exports.Tabs = tabs['default'];
+exports.TabsItem = tabs_item.TabsItem;
+exports.TabsItemList = tabs_item_list.TabsItemList;
+exports.TabsPanel = tabs_panel.TabsPanel;
+exports.TabsPanelList = tabs_panel_list.TabsPanelList;
+exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$1['default'];
 exports.WithLoader = index$D['default'];
 //# sourceMappingURL=index.js.map

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;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;"}

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/controls/components/input.js

@@ -1,16 +1,16 @@
 import React from 'react';
 import classnames from 'classnames';
 import { cssControl, cssControlS, cssControlError, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
-import cssClasses from '../../../css/input/main.module.less.js';
+import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
 
 const Input = ({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, onKeyUp, children, ...props }) => {
     const { errors } = useControlContext();
-    const inputClasses = classnames(cssClasses[cssControl], {
-        [cssClasses[cssControlS]]: padding === 'small',
-        [cssClasses[cssControlError]]: errors,
-        [cssClasses[cssControlDisabled]]: disabled,
-        [cssClasses[cssControlReadonly]]: readOnly
+    const inputClasses = classnames(inputCssClasses[cssControl], {
+        [inputCssClasses[cssControlS]]: padding === 'small',
+        [inputCssClasses[cssControlError]]: errors,
+        [inputCssClasses[cssControlDisabled]]: disabled,
+        [inputCssClasses[cssControlReadonly]]: readOnly
     });
     return (React.createElement("input", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, onKeyUp: onKeyUp }));
 };

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.d.ts

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

package/build/esm/packages/aurora/src/components/controls/components/input_wrapper.js

@@ -1,21 +1,21 @@
 import React from 'react';
 import classnames from 'classnames';
 import { cssControl, cssControlWrapper, cssControlS, cssControlFocus, cssControlDisabled, cssControlReadonly, cssControlError, cssControlInput } from '../css_classes.js';
-import cssClasses from '../../../css/input/main.module.less.js';
+import inputCssClasses from '../../../css/input/main.module.less.js';
 import { useControlContext } from '../context.js';
 
-const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, ...props }) => {
+const InputWrapper = ({ value, size, isFocused, isDisabled, isReadOnly, preElements, postElements, placeholder, ...props }) => {
     const { errors } = useControlContext();
-    const classes = classnames(cssClasses[cssControl], cssClasses[cssControlWrapper], {
-        [cssClasses[cssControlS]]: size === 'small',
-        [cssClasses[cssControlFocus]]: isFocused,
-        [cssClasses[cssControlDisabled]]: isDisabled,
-        [cssClasses[cssControlReadonly]]: isReadOnly,
-        [cssClasses[cssControlError]]: errors
+    const classes = classnames(inputCssClasses[cssControl], inputCssClasses[cssControlWrapper], {
+        [inputCssClasses[cssControlS]]: size === 'small',
+        [inputCssClasses[cssControlFocus]]: isFocused,
+        [inputCssClasses[cssControlDisabled]]: isDisabled,
+        [inputCssClasses[cssControlReadonly]]: isReadOnly,
+        [inputCssClasses[cssControlError]]: errors
     });
     return (React.createElement("div", { ...props, className: classes },
         preElements,
-        React.createElement("input", { type: "text", className: cssClasses[cssControlInput], value: value, readOnly: true }),
+        React.createElement("input", { type: "text", className: inputCssClasses[cssControlInput], value: value, placeholder: placeholder, readOnly: true }),
         postElements));
 };
 

package/build/esm/packages/aurora/src/components/controls/components/textarea.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import classnames from 'classnames';
 import { cssControl, cssControlS, cssControlDisabled, cssControlReadonly } from '../css_classes.js';
-import cssClasses from '../../../css/input/main.module.less.js';
+import inputCssClasses from '../../../css/input/main.module.less.js';
 
 const Textarea = React.forwardRef(({ id, name, padding, placeholder, value, disabled, readOnly, onChange, onKeyPress, ...props }, ref) => {
-    const inputClasses = classnames(cssClasses[cssControl], {
-        [cssClasses[cssControlS]]: padding === 'small',
-        [cssClasses[cssControlDisabled]]: disabled,
-        [cssClasses[cssControlReadonly]]: readOnly
+    const inputClasses = classnames(inputCssClasses[cssControl], {
+        [inputCssClasses[cssControlS]]: padding === 'small',
+        [inputCssClasses[cssControlDisabled]]: disabled,
+        [inputCssClasses[cssControlReadonly]]: readOnly
     });
     return (React.createElement("textarea", { ...props, className: inputClasses, id: id, name: name, value: value, placeholder: placeholder, disabled: disabled, readOnly: readOnly, onChange: onChange, onKeyPress: onKeyPress, ref: ref }));
 });

package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts

@@ -20,6 +20,7 @@ export declare const cssControlDisabled = "control_disabled";
 export declare const cssControlReadonly = "control_readonly";
 export declare const cssControlError = "control_error";
 export declare const cssControlInput = "control__input";
+export declare const cssControlInputRemoveButton = "control__remove-button";
 export declare const checkbox = "checkbox";
 export declare const checkboxDisabled: string;
 export declare const checkboxControl: string;

package/build/esm/packages/aurora/src/components/controls/css_classes.js

@@ -20,6 +20,7 @@ const cssControlDisabled = 'control_disabled';
 const cssControlReadonly = 'control_readonly';
 const cssControlError = 'control_error';
 const cssControlInput = 'control__input';
+const cssControlInputRemoveButton = 'control__remove-button';
 const checkbox = 'checkbox';
 const checkboxDisabled = `${checkbox}_disabled`;
 const checkboxControl = `${checkbox}__control`;
@@ -42,5 +43,5 @@ const cellSelectorCellActive = `${cellSelectorCell}_active`;
 const cssHelper = 'helper';
 const cssHelperError = `${cssHelper}_error`;
 
-export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
+export { cellSelector, cellSelectorCell, cellSelectorCellActive, cellSelectorContainer, cellSelectorRow, checkbox, checkboxControl, checkboxDisabled, checkboxIcon, checkboxLabel, checkboxSwitch, checkboxSwitchControl, checkboxSwitchDisabled, checkboxSwitchIcon, checkboxSwitchLabel, cssControl, cssControlDisabled, cssControlError, cssControlFocus, cssControlInput, cssControlInputRemoveButton, cssControlReadonly, cssControlS, cssControlWrapper, cssControls, cssControlsAdditionalInfo, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsElementVerticalAlignTop, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, cssHelper, cssHelperError, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/controls/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;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;"}

package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js

@@ -18,14 +18,14 @@ import Select from '../../../dropdown/hoc/select/index.js';
  *  />
  * )
  */
-const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, additionalInfo }) => {
+const ControlSelect = ({ label, isRequired, id, name, defaultValues, options, isWithGroups, isWithSearch, defaultIsOpen, defaultCloseOnClick, isReadonly, isDisabled, onChange, onToggle, errors, hint, hintOptions = { isFixed: true }, placeholder, additionalInfo, onScroll, innerAdditionalContent }) => {
     return (React.createElement(Control, { errors: errors, name: name, id: id },
         (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
             label,
             hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
         React.createElement(Control.Content, null,
             React.createElement(Control.Element, null,
-                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, onChange: onChange, onToggle: onToggle }))),
+                React.createElement(Select, { key: name, name: name, options: options, defaultValues: defaultValues, isWithGroups: isWithGroups, isWithSearch: isWithSearch, defaultIsOpen: defaultIsOpen, defaultCloseOnClick: defaultCloseOnClick, isReadonly: isReadonly, isDisabled: isDisabled, placeholder: placeholder, onChange: onChange, onToggle: onToggle, onScroll: onScroll, innerAdditionalContent: innerAdditionalContent }))),
         React.createElement(Control.Errors, null),
         additionalInfo && React.createElement(Control.AdditionalInfo, null, additionalInfo)));
 };

package/build/esm/packages/aurora/src/components/controls/types.d.ts

@@ -85,6 +85,7 @@ export interface IInputWrapperProps extends HTMLAttributes<HTMLDivElement> {
     isReadOnly?: boolean;
     preElements?: ReactNode;
     postElements?: ReactNode;
+    placeholder?: string;
 }
 export interface IControlLabelProps {
     id?: string;

package/build/esm/packages/aurora/src/components/date_picker/components/common_ranges.js

@@ -1,8 +1,8 @@
 import React, { useContext, useRef } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerCommonRanges } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import Select from '../../dropdown/hoc/select/index.js';
 import { getRanges } from '../utilities.js';
 

package/build/esm/packages/aurora/src/components/date_picker/components/days_grid.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import DatepickerContext from '../context/value_controller_context.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import SingleDay from './single_day.js';
 import useDateNames from '../hooks/use_date_names.js';
 

package/build/esm/packages/aurora/src/components/date_picker/components/label.d.ts

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

package/build/esm/packages/aurora/src/components/date_picker/components/label.js

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 import InputWrapper from '../../controls/components/input_wrapper.js';
 import DatepickerContext from '../context/value_controller_context.js';
 import IconCalendar from '../../../assets/icon_calendar.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerLabelIcon } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 
 const DatepickerLabel = ({ name }) => {
     const { readable, inputValue } = useContext(DatepickerContext);

package/build/esm/packages/aurora/src/components/date_picker/components/month_controller.js

@@ -1,8 +1,8 @@
 import React, { useContext, useRef } from 'react';
 import Dropdown from '../../dropdown/index.js';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';
 import { useKeyboardNavigation } from '../hooks/use_keyboard_navigation.js';
 import useDateNames from '../hooks/use_date_names.js';

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_view.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import { DropdownContext } from '../../../../dropdown/context/index.js';
 import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { MONTHS_IN_YEAR } from '../../../constants.js';
 import useDateNames from '../../../hooks/use_date_names.js';
 

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/month_year_controller.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerTitle, cssDatePickerControllerArrowRight } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { MonthYearPickerContext } from '../context.js';
 
 const MonthYearPickerController = () => {

package/build/esm/packages/aurora/src/components/date_picker/components/month_year_picker/components/years_view.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import MonthYearNavigationContext from '../../../context/month_year_navigation_context.js';
-import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected } from '../../../css_classes.js';
+import cssClasses from '../../../../../css/date_picker/main.module.less.js';
 import { YEARS_IN_VIEW } from '../../../constants.js';
 import { MonthYearPickerContext } from '../context.js';
 import { MONTH_VIEW } from '../constants.js';

package/build/esm/packages/aurora/src/components/date_picker/components/pure_date_picker.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import MonthYearNavigationContext from '../context/month_year_navigation_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerContainer } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { MAX_MONTH, MIN_MONTH } from '../constants.js';
 import useAnimation from '../hooks/use_animation.js';
 import DaysGrid from './days_grid.js';

package/build/esm/packages/aurora/src/components/date_picker/components/single_day.js

@@ -1,8 +1,8 @@
 import React, { useContext, useMemo } from 'react';
 import { classNames } from '../../../utilities/styles/classNames.js';
 import DatepickerContext from '../context/value_controller_context.js';
-import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { cssDatePickerDay, cssDatePickerDayNavigation, cssDatePickerDaySelected, cssDatePickerDayBlocked, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDayInRange, cssDatePickerDayText, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextNavigation, cssDatePickerDayTextToday, cssDatePickerDayTextSelected } from '../css_classes.js';
+import cssClasses from '../../../css/date_picker/main.module.less.js';
 import { DATE_PICKER_TEST_ID } from '../constants.js';
 
 const SingleDay = ({ date, month, year }) => {