@dreamcommerce/aurora 0.3.4-166 → 0.3.4-167

package/build/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.js

@@ -18,8 +18,7 @@ var SaturationLightnessPicker = function (_a) {
         var elementRect = saturationLightnessPanelRef.current.getBoundingClientRect();
         var _a = getIndicatorPositionFromPosition({ elementRect: elementRect, position: position }), positionX = _a.positionX, positionY = _a.positionY;
         var _b = getSaturationLightnessFromPosition({ elementRect: elementRect, position: position }), lightness = _b.lightness, saturation = _b.saturation;
-        setColor(function (color) { return (__assign(__assign({}, color), { saturation: saturation,
-            lightness: lightness, hex: ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
+        setColor(function (color) { return (__assign(__assign({}, color), { saturation: saturation, lightness: lightness, hex: ColorConverter.hsl2hex({ hue: color.hue, lightness: lightness, saturation: saturation }) })); });
         setSaturationLightnessPointer({
             left: positionX,
             top: positionY,
@@ -41,10 +40,10 @@ var SaturationLightnessPicker = function (_a) {
         saturationLightnessPickerEvent(mapTouchEventToPosition(event));
         registerOnTouchEvents(saturationLightnessPickerEvent);
     };
-    return (React.createElement("div", { className: classes.saturationLightnessPanel + " " + styles[cssColorPickerSaturationLightnessPicker], ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
-        React.createElement("div", { className: styles[cssColorPickerMask] + " " + styles[cssColorPickerMaskWhite] }),
-        React.createElement("div", { className: styles[cssColorPickerMask] + " " + styles[cssColorPickerMaskBlack] }),
-        React.createElement("div", { className: classes.saturationLightnessPointer + " " + styles[cssColorPickerPointer], onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
+    return (React.createElement("div", { className: "".concat(classes.saturationLightnessPanel, " ").concat(styles[cssColorPickerSaturationLightnessPicker]), ref: saturationLightnessPanelRef, onMouseDown: onMouseDown, onTouchStart: onTouchStart },
+        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskWhite]) }),
+        React.createElement("div", { className: "".concat(styles[cssColorPickerMask], " ").concat(styles[cssColorPickerMaskBlack]) }),
+        React.createElement("div", { className: "".concat(classes.saturationLightnessPointer, " ").concat(styles[cssColorPickerPointer]), onDrag: saturationLightnessPickerEvent, onTouchStart: onTouchStart },
             React.createElement("div", { className: styles[cssColorPickerPointerInside] }))));
 };
 

package/build/esm/packages/aurora/src/components/color_picker/components/saturation_lightness_picker.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;"}
+{"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;"}

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

@@ -1,15 +1,15 @@
 var cssColorPicker = 'color-picker';
-var cssColorPickerInputColorPreview = cssColorPicker + "__input-color-preview";
-var cssColorPickerButtonsGroup = cssColorPicker + "__buttons-group";
-var cssColorPickerHuePicker = cssColorPicker + "__hue-picker";
-var cssColorPickerPointer = cssColorPicker + "__pointer";
-var cssColorPickerPointerInside = cssColorPicker + "__pointer-inside";
-var cssColorPickerSaturationLightnessPicker = cssColorPicker + "__saturation-lightness-picker";
-var cssColorPickerMask = cssColorPicker + "__mask";
-var cssColorPickerMaskWhite = cssColorPickerMask + "_white";
-var cssColorPickerMaskBlack = cssColorPickerMask + "_black";
-var cssColorPickerPreviewContainer = cssColorPicker + "__preview-container";
-var cssColorPickerPreview = cssColorPicker + "__preview";
+var cssColorPickerInputColorPreview = "".concat(cssColorPicker, "__input-color-preview");
+var cssColorPickerButtonsGroup = "".concat(cssColorPicker, "__buttons-group");
+var cssColorPickerHuePicker = "".concat(cssColorPicker, "__hue-picker");
+var cssColorPickerPointer = "".concat(cssColorPicker, "__pointer");
+var cssColorPickerPointerInside = "".concat(cssColorPicker, "__pointer-inside");
+var cssColorPickerSaturationLightnessPicker = "".concat(cssColorPicker, "__saturation-lightness-picker");
+var cssColorPickerMask = "".concat(cssColorPicker, "__mask");
+var cssColorPickerMaskWhite = "".concat(cssColorPickerMask, "_white");
+var cssColorPickerMaskBlack = "".concat(cssColorPickerMask, "_black");
+var cssColorPickerPreviewContainer = "".concat(cssColorPicker, "__preview-container");
+var cssColorPickerPreview = "".concat(cssColorPicker, "__preview");
 
 export { cssColorPicker, cssColorPickerButtonsGroup, cssColorPickerHuePicker, cssColorPickerInputColorPreview, cssColorPickerMask, cssColorPickerMaskBlack, cssColorPickerMaskWhite, cssColorPickerPointer, cssColorPickerPointerInside, cssColorPickerPreview, cssColorPickerPreviewContainer, cssColorPickerSaturationLightnessPicker };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/color_picker/index.js

@@ -15,13 +15,13 @@ var useStyles = createUseStyles({
     saturationLightnessPanel: {
         background: function (_a) {
             var hue = _a.color.hue;
-            return "hsl(" + hue + ",100%, 50%)";
+            return "hsl(".concat(hue, ",100%, 50%)");
         },
     },
     saturationLightnessPointer: {
         transform: function (_a) {
             var _b = _a.saturationLightnessPointer, left = _b.left, top = _b.top;
-            return "translate3d(" + (left - 10) + "px," + (top - 10) + "px,0px)";
+            return "translate3d(".concat(left - 10, "px,").concat(top - 10, "px,0px)");
         },
         '& > div': {
             background: function (_a) {
@@ -39,12 +39,12 @@ var useStyles = createUseStyles({
     huePointer: {
         transform: function (_a) {
             var _b = _a.hueSliderPointer, top = _b.top, left = _b.left, screenName = _a.screenName;
-            return screenName === 'xs' ? "translate3d(" + (left - 10) + "px,0px,0px)" : "translate3d(0px," + (top - 10) + "px,0px)";
+            return screenName === 'xs' ? "translate3d(".concat(left - 10, "px,0px,0px)") : "translate3d(0px,".concat(top - 10, "px,0px)");
         },
         '& > div': {
             background: function (_a) {
                 var hue = _a.color.hue;
-                return "hsl(" + hue + ",100%, 50%)";
+                return "hsl(".concat(hue, ",100%, 50%)");
             },
         },
     },
@@ -84,11 +84,11 @@ var PureColorPicker = function (_a) {
     var restoreInitialColor = function () {
         setColor(initialColor);
     };
-    return (React.createElement("div", { className: "" + styles[cssColorPicker] },
+    return (React.createElement("div", { className: "".concat(styles[cssColorPicker]) },
         React.createElement(SaturationLightnessPicker, { classes: classes, saturationLightnessPanelRef: saturationLightnessPanelRef }),
         React.createElement(HuePicker, { hueSliderRef: hueSliderRef, classes: classes }),
         React.createElement("div", { className: styles[cssColorPickerPreviewContainer] },
-            React.createElement("div", { className: classes.preview + " " + styles[cssColorPickerPreview] }),
+            React.createElement("div", { className: "".concat(classes.preview, " ").concat(styles[cssColorPickerPreview]) }),
             React.createElement("div", null,
                 React.createElement(Input, { id: "color-picker-id", value: color === null || color === void 0 ? void 0 : color.hex, onChange: inputOnChange }))),
         !hideChooseCancelButtons && React.createElement(ColorPickerButtons, { restoreInitialColor: restoreInitialColor })));

package/build/esm/packages/aurora/src/components/color_picker/utilities.js

@@ -11,8 +11,8 @@ import { ColorConverter } from '../../utilities/colors/color_converter.js';
  * @return
  */
 var getIndicatorPositionsFromHEX = function (_a) {
-    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
     var _b, _c;
+    var saturationLightnessPanelRef = _a.saturationLightnessPanelRef, hueSliderRef = _a.hueSliderRef, hex = _a.hex;
     var _d = ColorConverter.hex2hsl(hex), hue = _d.hue, saturation = _d.saturation, lightness = _d.lightness;
     var _e = ((_b = saturationLightnessPanelRef === null || saturationLightnessPanelRef === void 0 ? void 0 : saturationLightnessPanelRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) || {}, _f = _e.width, width = _f === void 0 ? 0 : _f, _g = _e.height, height = _g === void 0 ? 0 : _g;
     var hueSliderRect = (_c = hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();

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

@@ -19,7 +19,7 @@ var CellSelector = function (_a) {
         if (selectedCell === undefined) {
             return false;
         }
-        if (parseInt("" + selectedCell / cols) !== row) {
+        if (parseInt("".concat(selectedCell / cols)) !== row) {
             return false;
         }
         if (selectedCell % cols !== col) {
@@ -32,8 +32,8 @@ var CellSelector = function (_a) {
         setSelectedCell(cellIndex);
         onChange === null || onChange === void 0 ? void 0 : onChange(cellIndex + (withValueOffset ? 1 : 0));
     };
-    return (React.createElement("div", { className: styles[cellSelector] + " " + className },
-        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex, className: styles[cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React.createElement("div", { key: "CellSelector-" + name + "-Row-" + rowIndex + "-Col-" + colIndex, className: styles[cellSelectorCell] + " " + (isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
+    return (React.createElement("div", { className: "".concat(styles[cellSelector], " ").concat(className) },
+        React.createElement("div", { className: styles[cellSelectorContainer] }, Array.from({ length: rows }).map(function (_, rowIndex) { return (React.createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex), className: styles[cellSelectorRow] }, Array.from({ length: cols }).map(function (_, colIndex) { return (React.createElement("div", { key: "CellSelector-".concat(name, "-Row-").concat(rowIndex, "-Col-").concat(colIndex), className: "".concat(styles[cellSelectorCell], " ").concat(isSelected(rowIndex, colIndex) ? styles[cellSelectorCellActive] : ''), onClick: function () { return onClick(rowIndex, colIndex); } })); }))); }))));
 };
 
 export default CellSelector;

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

@@ -6,7 +6,7 @@ import cssStyles from '../../../css/controls/main.module.less.js';
 var Errors = function () {
     var _a = useControlContext(), errors = _a.errors, id = _a.id;
     return errors ? (React.createElement("div", { className: cssStyles[cssControlsErrors] },
-        React.createElement("ul", { className: cssStyles[cssControlsErrorsList] }, errors.map(function (error, key) { return (React.createElement("label", { htmlFor: id, key: "error-item-" + id + "-" + key },
+        React.createElement("ul", { className: cssStyles[cssControlsErrorsList] }, errors.map(function (error, key) { return (React.createElement("label", { htmlFor: id, key: "error-item-".concat(id, "-").concat(key) },
             React.createElement("li", { className: cssStyles[cssControlsErrorsListItem] }, error))); })))) : null;
 };
 

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

@@ -1,15 +1,15 @@
 var cssControls = 'controls';
 var cssControlsError = 'controls_error';
-var cssControlsLabel = cssControls + "__label";
-var cssControlsContent = cssControls + "__content";
-var cssControlsElement = cssControls + "__element";
-var cssControlsElementPrefix = cssControls + "__element_prefix";
-var cssControlsElementPostfix = cssControls + "__element_postfix";
-var cssControlsElementCheckbox = cssControls + "__element_checkbox";
-var cssControlsElementRadio = cssControls + "__element_radio";
-var cssControlsErrors = cssControls + "__errors";
-var cssControlsErrorsList = cssControls + "__errors-list";
-var cssControlsErrorsListItem = cssControls + "__errors-list-item";
+var cssControlsLabel = "".concat(cssControls, "__label");
+var cssControlsContent = "".concat(cssControls, "__content");
+var cssControlsElement = "".concat(cssControls, "__element");
+var cssControlsElementPrefix = "".concat(cssControls, "__element_prefix");
+var cssControlsElementPostfix = "".concat(cssControls, "__element_postfix");
+var cssControlsElementCheckbox = "".concat(cssControls, "__element_checkbox");
+var cssControlsElementRadio = "".concat(cssControls, "__element_radio");
+var cssControlsErrors = "".concat(cssControls, "__errors");
+var cssControlsErrorsList = "".concat(cssControls, "__errors-list");
+var cssControlsErrorsListItem = "".concat(cssControls, "__errors-list-item");
 var cssControl = 'control';
 var cssControlS = 'control_s';
 var cssControlWrapper = 'control_wrapper';
@@ -19,24 +19,24 @@ var cssControlReadonly = 'control_readonly';
 var cssControlError = 'control_error';
 var cssControlInput = 'control__input';
 var checkbox = 'checkbox';
-var checkboxDisabled = checkbox + "_disabled";
-var checkboxControl = checkbox + "__control";
-var checkboxLabel = checkbox + "__label";
-var checkboxIcon = checkbox + "__icon";
+var checkboxDisabled = "".concat(checkbox, "_disabled");
+var checkboxControl = "".concat(checkbox, "__control");
+var checkboxLabel = "".concat(checkbox, "__label");
+var checkboxIcon = "".concat(checkbox, "__icon");
 var checkboxSwitch = 'checkbox-switch';
-var checkboxSwitchDisabled = checkboxSwitch + "_disabled";
-var checkboxSwitchControl = checkboxSwitch + "__control";
-var checkboxSwitchLabel = checkboxSwitch + "__label";
-var checkboxSwitchIcon = checkboxSwitch + "__icon";
+var checkboxSwitchDisabled = "".concat(checkboxSwitch, "_disabled");
+var checkboxSwitchControl = "".concat(checkboxSwitch, "__control");
+var checkboxSwitchLabel = "".concat(checkboxSwitch, "__label");
+var checkboxSwitchIcon = "".concat(checkboxSwitch, "__icon");
 var radio = 'radio';
-var radioDisabled = radio + "_disabled";
-var radioControl = radio + "__control";
-var radioLabel = radio + "__label";
+var radioDisabled = "".concat(radio, "_disabled");
+var radioControl = "".concat(radio, "__control");
+var radioLabel = "".concat(radio, "__label");
 var cellSelector = 'cell-selector';
-var cellSelectorContainer = cellSelector + "__container";
-var cellSelectorRow = cellSelector + "__row";
-var cellSelectorCell = cellSelector + "__cell";
-var cellSelectorCellActive = cellSelectorCell + "_active";
+var cellSelectorContainer = "".concat(cellSelector, "__container");
+var cellSelectorRow = "".concat(cellSelector, "__row");
+var cellSelectorCell = "".concat(cellSelector, "__cell");
+var cellSelectorCellActive = "".concat(cellSelectorCell, "_active");
 
 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, cssControlsContent, cssControlsElement, cssControlsElementCheckbox, cssControlsElementPostfix, cssControlsElementPrefix, cssControlsElementRadio, cssControlsError, cssControlsErrors, cssControlsErrorsList, cssControlsErrorsListItem, cssControlsLabel, radio, radioControl, radioDisabled, radioLabel };
 //# sourceMappingURL=css_classes.js.map

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

@@ -11,7 +11,7 @@ var ControlRadioGroup = function (_a) {
             hint && React.createElement(Hint, { spacingLeft: true, hint: hint }))),
         options.map(function (_a, optionIndex) {
             var value = _a.value, label = _a.label, hint = _a.hint, disabled = _a.disabled;
-            return (React.createElement(ControlRadio, { key: "RadioGroup" + id + "-RadioElement-" + optionIndex, label: label, id: "RadioGroup" + id + "-Radio-" + optionIndex, value: value, hint: hint, disabled: disabled, name: name, initiallyChecked: value === initiallyCheckedValue, onClick: onClick }));
+            return (React.createElement(ControlRadio, { key: "RadioGroup".concat(id, "-RadioElement-").concat(optionIndex), label: label, id: "RadioGroup".concat(id, "-Radio-").concat(optionIndex), value: value, hint: hint, disabled: disabled, name: name, initiallyChecked: value === initiallyCheckedValue, onClick: onClick }));
         }),
         React.createElement(Control.Errors, null)));
 };

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

@@ -15,7 +15,7 @@ import Errors from './components/errors.js';
 var Control = function (_a) {
     var children = _a.children, errors = _a.errors, name = _a.name, id = _a.id;
     return (React.createElement(ControlContext.Provider, { value: { errors: errors, name: name, id: id } },
-        React.createElement("div", { className: cssStyles[cssControls] + " " + (errors ? cssStyles[cssControlsError] : '') }, children)));
+        React.createElement("div", { className: "".concat(cssStyles[cssControls], " ").concat(errors ? cssStyles[cssControlsError] : '') }, children)));
 };
 Control.Label = ControlLabel;
 Control.Input = Input;

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

@@ -13,10 +13,10 @@ var DaysGrid = function () {
     var updateDate = useContext(DatepickerContext).updateDate;
     var weekNameShortcuts = useDateNames().weekNameShortcuts;
     return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGrid] },
-        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGridWeekName], key: "week-name-" + index }, weekName)); })),
-        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] + " " + animationClassName },
-            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React.createElement("div", { key: "empty-day-" + index })); }),
-            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-" + index })); }))));
+        React.createElement("div", { className: cssClasses[cssDatePickerDaysGridRow] }, weekNameShortcuts.map(function (weekName, index) { return (React.createElement("div", { className: cssClasses[cssDatePickerDaysGridWeekName], key: "week-name-".concat(index) }, weekName)); })),
+        React.createElement("div", { className: "".concat(cssClasses[cssDatePickerDaysGridRow], " ").concat(animationClassName) },
+            Array.from(Array(firstWeekDay).keys()).map(function (_, index) { return (React.createElement("div", { key: "empty-day-".concat(index) })); }),
+            Array.from(Array(daysInMonth).keys()).map(function (_, index) { return (React.createElement(SingleDay, { date: index + 1, month: month, year: year, updateDate: updateDate, key: "day-".concat(index) })); }))));
 };
 
 export default DaysGrid;

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

@@ -15,14 +15,14 @@ var MonthController = function (_a) {
     var monthNames = useDateNames().monthNames;
     var controllerRef = useRef(null);
     useKeyboardNavigation();
-    return (React.createElement("div", { className: "" + cssClasses[cssDatePickerController], ref: controllerRef, "data-test-id": DATE_PICKER_TEST_ID.controller },
-        React.createElement("div", { onClick: previousMonth, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowLeft], "data-test-id": DATE_PICKER_TEST_ID.arrowLeft }),
+    return (React.createElement("div", { className: "".concat(cssClasses[cssDatePickerController]), ref: controllerRef, "data-test-id": DATE_PICKER_TEST_ID.controller },
+        React.createElement("div", { onClick: previousMonth, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]), "data-test-id": DATE_PICKER_TEST_ID.arrowLeft }),
         React.createElement("div", { className: cssClasses[cssDatePickerControllerTitle] },
             React.createElement(Dropdown, null,
-                React.createElement(Dropdown.Label, { cssClass: animationClassName, label: monthNames[month] + " " + year }),
+                React.createElement(Dropdown.Label, { cssClass: animationClassName, label: "".concat(monthNames[month], " ").concat(year) }),
                 React.createElement(Dropdown.Content, { portalContainer: controllerRef },
                     React.createElement(MonthYearPicker, { month: month, year: year })))),
-        React.createElement("div", { onClick: nextMonth, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowRight], "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
+        React.createElement("div", { onClick: nextMonth, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]), "data-test-id": DATE_PICKER_TEST_ID.arrowRight })));
 };
 
 export default MonthController;

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

@@ -15,7 +15,7 @@ var MonthView = function () {
         setMonth(monthIndex);
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     }; };
-    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(MONTHS_IN_YEAR).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-" + index, onClick: onMonthClick(index), className: cssClasses[cssDatePickerMonthTableItem] + " " + (index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(MONTHS_IN_YEAR).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onMonthClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(index === month ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, monthNameShortcuts[index])); })));
 };
 
 export default MonthView;

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

@@ -6,9 +6,9 @@ import { MonthYearPickerContext } from '../context.js';
 var MonthYearPickerController = function () {
     var _a = useContext(MonthYearPickerContext), onArrowLeft = _a.onArrowLeft, onArrowRight = _a.onArrowRight, monthPickerTitle = _a.monthPickerTitle, toggleView = _a.toggleView;
     return (React.createElement("div", { className: cssClasses[cssDatePickerController] },
-        React.createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowLeft] }),
+        React.createElement("div", { "data-test-id": "month-year-left-arrow", onClick: onArrowLeft, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowLeft]) }),
         React.createElement("div", { onClick: toggleView, className: cssClasses[cssDatePickerControllerTitle] }, monthPickerTitle),
-        React.createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: cssClasses[cssDatePickerControllerArrow] + " " + cssClasses[cssDatePickerControllerArrowRight] })));
+        React.createElement("div", { "data-test-id": "month-year-right-arrow", onClick: onArrowRight, className: "".concat(cssClasses[cssDatePickerControllerArrow], " ").concat(cssClasses[cssDatePickerControllerArrowRight]) })));
 };
 
 export default MonthYearPickerController;

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

@@ -35,7 +35,7 @@ var MonthYearPickerContextManager = function (_a) {
             setView(MONTH_VIEW);
         }
     };
-    var monthPickerTitle = view === MONTH_VIEW ? "" + year : yearRange + "-" + (yearRange + YEARS_IN_VIEW);
+    var monthPickerTitle = view === MONTH_VIEW ? "".concat(year) : "".concat(yearRange, "-").concat(yearRange + YEARS_IN_VIEW);
     return (React.createElement(MonthYearPickerContext.Provider, { value: {
             onArrowLeft: onArrowLeft,
             onArrowRight: onArrowRight,

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

@@ -14,7 +14,7 @@ var YearView = function () {
         setYear(yearRange + yearIndex);
         setView(MONTH_VIEW);
     }; };
-    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-" + index, onClick: onYearClick(index), className: cssClasses[cssDatePickerMonthTableItem] + " " + (yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
+    return (React.createElement("div", { className: cssClasses[cssDatePickerMonthTable] }, Array.from(Array(YEARS_IN_VIEW).keys()).map(function (index) { return (React.createElement("span", { key: "month-picker-month-".concat(index), onClick: onYearClick(index), className: "".concat(cssClasses[cssDatePickerMonthTableItem], " ").concat(yearRange + index === year ? cssClasses[cssDatePickerMonthTableItemSelected] : '') }, yearRange + index)); })));
 };
 
 export default YearView;

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

@@ -58,7 +58,7 @@ var PureDatepicker = function (_a) {
         var month = _a.month;
         return ({ month: month, year: year });
     }); };
-    return (React.createElement("div", { className: className + " " + cssClasses[cssDatePickerContainer] },
+    return (React.createElement("div", { className: "".concat(className, " ").concat(cssClasses[cssDatePickerContainer]) },
         React.createElement(MonthYearNavigationContext.Provider, { value: {
                 previousMonth: prevMonthWithAnimation,
                 nextMonth: nextMonthWithAnimation,

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

@@ -4,12 +4,12 @@ var MAX_MONTH = 11;
 var MIN_MONTH = 0;
 var MILLIS_IN_DAY = 1000 * 3600 * 24;
 var DATE_PICKER = 'datepicker';
-var DATE_PICKER__CONTROLLER = DATE_PICKER + "__controller";
-var DATE_PICKER__CONTROLLER_TITLE = DATE_PICKER__CONTROLLER + "-title";
-var DATE_PICKER__CONTROLLER_ARROW = DATE_PICKER__CONTROLLER + "-arrow";
-var DATE_PICKER__CONTROLLER_ARROW_LEFT = DATE_PICKER__CONTROLLER_ARROW + "_left";
-var DATE_PICKER__CONTROLLER_ARROW_RIGHT = DATE_PICKER__CONTROLLER_ARROW + "_right";
-var DATE_PICKER__DAY_CONTENT = DATE_PICKER__CONTROLLER + "-day-content";
+var DATE_PICKER__CONTROLLER = "".concat(DATE_PICKER, "__controller");
+var DATE_PICKER__CONTROLLER_TITLE = "".concat(DATE_PICKER__CONTROLLER, "-title");
+var DATE_PICKER__CONTROLLER_ARROW = "".concat(DATE_PICKER__CONTROLLER, "-arrow");
+var DATE_PICKER__CONTROLLER_ARROW_LEFT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_left");
+var DATE_PICKER__CONTROLLER_ARROW_RIGHT = "".concat(DATE_PICKER__CONTROLLER_ARROW, "_right");
+var DATE_PICKER__DAY_CONTENT = "".concat(DATE_PICKER__CONTROLLER, "-day-content");
 var DATE_PICKER_TEST_ID = {
     controller: DATE_PICKER__CONTROLLER,
     controllerTitle: DATE_PICKER__CONTROLLER_TITLE,

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

@@ -1,35 +1,35 @@
 var cssDatePicker = 'date-picker';
-var cssDatePickerContainer = cssDatePicker + "__container";
-var cssDatePickerCommonRanges = cssDatePicker + "__common-ranges";
-var cssDatePickerController = cssDatePicker + "__controller";
-var cssDatePickerControllerArrow = cssDatePicker + "__controller-arrow";
-var cssDatePickerControllerTitle = cssDatePicker + "__controller-title";
-var cssDatePickerControllerArrowLeft = cssDatePickerControllerArrow + "_left";
-var cssDatePickerControllerArrowRight = cssDatePickerControllerArrow + "_right";
-var cssDatePickerDaysGrid = cssDatePicker + "__days-grid";
-var cssDatePickerDaysGridRow = cssDatePicker + "__days-grid-row";
-var cssDatePickerDaysGridWeekName = cssDatePicker + "__days-grid-week-name";
-var cssDatePickerLabelIcon = cssDatePicker + "__label-icon";
-var cssDatePickerMonthTable = cssDatePicker + "__month-table";
-var cssDatePickerMonthTableItem = cssDatePicker + "__month-table-item";
-var cssDatePickerMonthTableItemSelected = cssDatePicker + "__month-table-item_selected";
-var cssDatePickerDay = cssDatePicker + "__day";
-var cssDatePickerDayNavigation = cssDatePickerDay + "_navigation";
-var cssDatePickerDaySelected = cssDatePickerDay + "_selected";
-var cssDatePickerDayBlocked = cssDatePickerDay + "_blocked";
-var cssDatePickerDayProposed = cssDatePickerDay + "_proposed";
-var cssDatePickerDayRangeEndLeft = cssDatePickerDay + "_range-end-left";
-var cssDatePickerDayRangeEndLeftProposed = cssDatePickerDay + "_range-end-left-proposed";
-var cssDatePickerDayRangeEndRight = cssDatePickerDay + "_range-end-right";
-var cssDatePickerDayRangeEndRightProposed = cssDatePickerDay + "_range-end-right-proposed";
-var cssDatePickerDayInRange = cssDatePickerDay + "_in-range";
-var cssDatePickerDayText = cssDatePicker + "__day-text";
-var cssDatePickerDayTextRoundedBorders = cssDatePickerDayText + "_rounded-borders";
-var cssDatePickerDayTextNavigation = cssDatePickerDayText + "_navigation";
-var cssDatePickerDayTextToday = cssDatePickerDayText + "_today";
-var cssDatePickerDayTextSelected = cssDatePickerDayText + "_selected";
+var cssDatePickerContainer = "".concat(cssDatePicker, "__container");
+var cssDatePickerCommonRanges = "".concat(cssDatePicker, "__common-ranges");
+var cssDatePickerController = "".concat(cssDatePicker, "__controller");
+var cssDatePickerControllerArrow = "".concat(cssDatePicker, "__controller-arrow");
+var cssDatePickerControllerTitle = "".concat(cssDatePicker, "__controller-title");
+var cssDatePickerControllerArrowLeft = "".concat(cssDatePickerControllerArrow, "_left");
+var cssDatePickerControllerArrowRight = "".concat(cssDatePickerControllerArrow, "_right");
+var cssDatePickerDaysGrid = "".concat(cssDatePicker, "__days-grid");
+var cssDatePickerDaysGridRow = "".concat(cssDatePicker, "__days-grid-row");
+var cssDatePickerDaysGridWeekName = "".concat(cssDatePicker, "__days-grid-week-name");
+var cssDatePickerLabelIcon = "".concat(cssDatePicker, "__label-icon");
+var cssDatePickerMonthTable = "".concat(cssDatePicker, "__month-table");
+var cssDatePickerMonthTableItem = "".concat(cssDatePicker, "__month-table-item");
+var cssDatePickerMonthTableItemSelected = "".concat(cssDatePicker, "__month-table-item_selected");
+var cssDatePickerDay = "".concat(cssDatePicker, "__day");
+var cssDatePickerDayNavigation = "".concat(cssDatePickerDay, "_navigation");
+var cssDatePickerDaySelected = "".concat(cssDatePickerDay, "_selected");
+var cssDatePickerDayBlocked = "".concat(cssDatePickerDay, "_blocked");
+var cssDatePickerDayProposed = "".concat(cssDatePickerDay, "_proposed");
+var cssDatePickerDayRangeEndLeft = "".concat(cssDatePickerDay, "_range-end-left");
+var cssDatePickerDayRangeEndLeftProposed = "".concat(cssDatePickerDay, "_range-end-left-proposed");
+var cssDatePickerDayRangeEndRight = "".concat(cssDatePickerDay, "_range-end-right");
+var cssDatePickerDayRangeEndRightProposed = "".concat(cssDatePickerDay, "_range-end-right-proposed");
+var cssDatePickerDayInRange = "".concat(cssDatePickerDay, "_in-range");
+var cssDatePickerDayText = "".concat(cssDatePicker, "__day-text");
+var cssDatePickerDayTextRoundedBorders = "".concat(cssDatePickerDayText, "_rounded-borders");
+var cssDatePickerDayTextNavigation = "".concat(cssDatePickerDayText, "_navigation");
+var cssDatePickerDayTextToday = "".concat(cssDatePickerDayText, "_today");
+var cssDatePickerDayTextSelected = "".concat(cssDatePickerDayText, "_selected");
 var cssRangePicker = "range-picker";
-var cssRangePickerContainer = cssRangePicker + "__container";
+var cssRangePickerContainer = "".concat(cssRangePicker, "__container");
 
 export { cssDatePicker, cssDatePickerCommonRanges, cssDatePickerContainer, cssDatePickerController, cssDatePickerControllerArrow, cssDatePickerControllerArrowLeft, cssDatePickerControllerArrowRight, cssDatePickerControllerTitle, cssDatePickerDay, cssDatePickerDayBlocked, cssDatePickerDayInRange, cssDatePickerDayNavigation, cssDatePickerDayProposed, cssDatePickerDayRangeEndLeft, cssDatePickerDayRangeEndLeftProposed, cssDatePickerDayRangeEndRight, cssDatePickerDayRangeEndRightProposed, cssDatePickerDaySelected, cssDatePickerDayText, cssDatePickerDayTextNavigation, cssDatePickerDayTextRoundedBorders, cssDatePickerDayTextSelected, cssDatePickerDayTextToday, cssDatePickerDaysGrid, cssDatePickerDaysGridRow, cssDatePickerDaysGridWeekName, cssDatePickerLabelIcon, cssDatePickerMonthTable, cssDatePickerMonthTableItem, cssDatePickerMonthTableItemSelected, cssRangePicker, cssRangePickerContainer };
 //# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/date_picker/hoc/range_picker.js

@@ -10,11 +10,11 @@ import CommonRanges from '../components/common_ranges.js';
 import Buttons from '../components/buttons.js';
 
 var RangePicker = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
-    var _c, _d;
+    var _b, _c;
+    var _d = _a.className, className = _d === void 0 ? '' : _d, showButtons = _a.showButtons, showDefaultRanges = _a.showDefaultRanges;
     var _e = useContext(DatepickerContext), defaultRange = _e.defaultRange, value = _e.value;
-    var earlierDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
-    var laterDate = ((_d = value) === null || _d === void 0 ? void 0 : _d.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
+    var earlierDate = ((_b = value) === null || _b === void 0 ? void 0 : _b.startDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.startDate) || new Date(Date.now());
+    var laterDate = ((_c = value) === null || _c === void 0 ? void 0 : _c.endDate) || (defaultRange === null || defaultRange === void 0 ? void 0 : defaultRange.endDate) || new Date(earlierDate.getFullYear(), earlierDate.getMonth() + 1);
     var _f = useState({
         year: earlierDate.getFullYear(),
         month: earlierDate.getMonth(),

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_animation.js

@@ -12,7 +12,7 @@ var useStyles = createUseStyles({
     animation: {
         transition: function (_a) {
             var offset = _a.offset, animation = _a.animation;
-            return (animation ? offset + "ms" : '0s');
+            return (animation ? "".concat(offset, "ms") : '0s');
         },
         overflow: 'hidden',
         opacity: function (_a) {

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js

@@ -110,7 +110,7 @@ var useRangeValueController = function (_a) {
             setValue({ startDate: date });
         }
     };
-    var readable = formatDate(startDate) + " - " + formatDate(endDate);
+    var readable = "".concat(formatDate(startDate), " - ").concat(formatDate(endDate));
     var inputValue = JSON.stringify([startDate, endDate]);
     var isSelected = function (date) {
         return isSameDate(date, startDate) || isSameDate(date, endDate) || isSameDate(date, hoverDate);
@@ -198,11 +198,7 @@ var useValueController = function (_a) {
     useEffect(function () {
         restoreDefaultValue();
     }, [defaultDate, defaultRange]);
-    return __assign(__assign({}, valueController), { navigationDate: navigationDate,
-        setNavigationDate: setNavigationDate,
-        isNavigation: isNavigation,
-        setHoverDate: setHoverDate,
-        isToday: isToday });
+    return __assign(__assign({}, valueController), { navigationDate: navigationDate, setNavigationDate: setNavigationDate, isNavigation: isNavigation, setHoverDate: setHoverDate, isToday: isToday });
 };
 
 export default useValueController;

package/build/esm/packages/aurora/src/components/date_picker/hooks/use_value_controller.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,OAAO,4CAAgD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,OAAO,4CAAgD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/dropdown/components/content.js

@@ -50,7 +50,7 @@ var Content = function (_a) {
             var zIndex = isInModal ? DROPDOWN_ON_MODAL_Z_INDEX : DROPDOWN_Z_INDEX;
             screenWidthName === SCREEN_XS
                 ? setStyles({ top: "0px", left: "0px", zIndex: zIndex })
-                : setStyles({ top: positionTop + "px", left: positionLeft + "px", zIndex: zIndex });
+                : setStyles({ top: "".concat(positionTop, "px"), left: "".concat(positionLeft, "px"), zIndex: zIndex });
         }
     }, [portalContainer, screenWidthName, wrapperRef, isOpen]);
     return createPortal(React.createElement(TransitionGroup, { component: null }, isOpen === true ? (React.createElement(CSSTransition, { timeout: 200, classNames: {

package/build/esm/packages/aurora/src/components/dropdown/components/link.js

@@ -21,7 +21,7 @@ var Link = function (_a) {
      * HTMLLinkElement attributes (href, target, rel)
      */
     attributes = __rest(_a, ["text"]);
-    var itemCssClass = cssClasses[cssDropdownListItem] + " " + cssClasses['link'];
+    var itemCssClass = "".concat(cssClasses[cssDropdownListItem], " ").concat(cssClasses['link']);
     return (React.createElement("li", null,
         React.createElement("a", __assign({}, attributes, { className: itemCssClass }),
             React.createElement("span", null, text))));

package/build/esm/packages/aurora/src/components/dropdown/constants.js

@@ -1,5 +1,5 @@
 var DROPDOWN_MAIN_TEST_ID = 'dropdown';
-var DROPDOWN_LABEL_TEST_ID = DROPDOWN_MAIN_TEST_ID + "__label";
+var DROPDOWN_LABEL_TEST_ID = "".concat(DROPDOWN_MAIN_TEST_ID, "__label");
 var DROPDOWN_TEST_ID = {
     dropdown: DROPDOWN_MAIN_TEST_ID,
     label: DROPDOWN_LABEL_TEST_ID,

package/build/esm/packages/aurora/src/components/dropdown/context/types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1,17 +1,17 @@
 var cssDropdown = 'dropdown';
-var cssDropdownContent = cssDropdown + "__content";
-var cssDropdownHeader = cssDropdown + "__header";
-var cssDropdownHeaderTitle = cssDropdown + "__header-title";
-var cssDropdownHeaderContent = cssDropdown + "__header-content";
-var cssDropdownList = cssDropdown + "__list";
-var cssDropdownSearch = cssDropdown + "__search";
-var cssDropdownWithScroll = cssDropdown + "__list_with-scroll";
-var cssDropdownListWithGroup = cssDropdown + "__list_with-group";
-var cssDropdownListHead = cssDropdown + "__list-head";
-var cssDropdownListItem = cssDropdown + "__list-item";
-var cssDropdownListItemSelected = cssDropdown + "__list-item_selected";
-var cssDropdownListItemDisabled = cssDropdown + "__list-item_disabled";
-var cssDropdownListItemReadonly = cssDropdown + "__list-item_readonly";
+var cssDropdownContent = "".concat(cssDropdown, "__content");
+var cssDropdownHeader = "".concat(cssDropdown, "__header");
+var cssDropdownHeaderTitle = "".concat(cssDropdown, "__header-title");
+var cssDropdownHeaderContent = "".concat(cssDropdown, "__header-content");
+var cssDropdownList = "".concat(cssDropdown, "__list");
+var cssDropdownSearch = "".concat(cssDropdown, "__search");
+var cssDropdownWithScroll = "".concat(cssDropdown, "__list_with-scroll");
+var cssDropdownListWithGroup = "".concat(cssDropdown, "__list_with-group");
+var cssDropdownListHead = "".concat(cssDropdown, "__list-head");
+var cssDropdownListItem = "".concat(cssDropdown, "__list-item");
+var cssDropdownListItemSelected = "".concat(cssDropdown, "__list-item_selected");
+var cssDropdownListItemDisabled = "".concat(cssDropdown, "__list-item_disabled");
+var cssDropdownListItemReadonly = "".concat(cssDropdown, "__list-item_readonly");
 
 export { cssDropdown, cssDropdownContent, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle, cssDropdownList, cssDropdownListHead, cssDropdownListItem, cssDropdownListItemDisabled, cssDropdownListItemReadonly, cssDropdownListItemSelected, cssDropdownListWithGroup, cssDropdownSearch, cssDropdownWithScroll };
 //# sourceMappingURL=css_classes.js.map

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

@@ -1,5 +1,5 @@
 import { useState, useCallback } from 'react';
-import { __spreadArrays } from '../../../../../../_virtual/_tslib.js';
+import { __spreadArray } from '../../../../../../_virtual/_tslib.js';
 
 /**
  * Hook used to allow use multiple selectable values, returns array of selected values and method to set value as
@@ -32,7 +32,7 @@ function useValues(wrapperRef, options, defaultValues, onChangeCb) {
                 isChecked = false;
             }
             else {
-                allSelectedOptions = __spreadArrays(previousSelectedOptions, [selectedOption]);
+                allSelectedOptions = __spreadArray(__spreadArray([], previousSelectedOptions, true), [selectedOption], false);
                 isChecked = true;
             }
             if (typeof onChangeCb === 'function') {