@dreamcommerce/aurora 0.4.3 → 0.4.4-1

package/build/cjs/packages/aurora/src/assets/css_classes.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssIcon = 'icon';
+const cssIcon = 'icon';
 
 exports.cssIcon = cssIcon;
 //# sourceMappingURL=css_classes.js.map

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

@@ -10,10 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var Icon = function (_a) {
-    var children = _a.children;
-    return React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssIcon] }, children);
-};
+const Icon = ({ children }) => React__default['default'].createElement("span", { className: main_module['default'][css_classes.cssIcon] }, children);
 
 exports.default = Icon;
 //# sourceMappingURL=icon.js.map

package/build/cjs/packages/aurora/src/assets/icon.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;"}
+{"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;"}

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

@@ -9,16 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconArrow = function (_a) {
-    var className = _a.className;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: className || '' },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
-                React__default['default'].createElement("g", { fill: "#5C657E", fillRule: "nonzero" },
+const IconArrow = ({ className }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", className: className || '' },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", { fill: "#5C657E", fillRule: "nonzero" },
+                React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
-                        React__default['default'].createElement("g", null,
-                            React__default['default'].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)" }))))))));
-};
+                        React__default['default'].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)" }))))))));
 
 exports.default = IconArrow;
 //# sourceMappingURL=icon_arrow.js.map

package/build/cjs/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;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;"}

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

@@ -9,12 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconCalendar = function (_a) {
-    var className = _a.className;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: className || '' },
-            React__default['default'].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" }))));
-};
+const IconCalendar = ({ className }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", className: className || '' },
+        React__default['default'].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" }))));
 
 exports.default = IconCalendar;
 //# sourceMappingURL=icon_calendar.js.map

package/build/cjs/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;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;"}

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

@@ -9,17 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconClose = function (_a) {
-    var className = _a.className, onClick = _a.onClick;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: className || '', onClick: onClick },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
-                React__default['default'].createElement("g", { fillRule: "nonzero" },
+const IconClose = ({ className, onClick }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "17", viewBox: "0 0 17 17", className: className || '', onClick: onClick },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", { fillRule: "nonzero" },
+                React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
                         React__default['default'].createElement("g", null,
-                            React__default['default'].createElement("g", null,
-                                React__default['default'].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)" })))))))));
-};
+                            React__default['default'].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)" })))))))));
 
 exports.default = IconClose;
 //# sourceMappingURL=icon_close.js.map

package/build/cjs/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;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;"}

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

@@ -9,18 +9,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconDelete = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className, onClick: onClick },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
-                React__default['default'].createElement("g", { fillRule: "nonzero" },
+const IconDelete = ({ className = '', onClick = () => { } }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className, onClick: onClick },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", { fillRule: "nonzero" },
+                React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
                         React__default['default'].createElement("g", null,
-                            React__default['default'].createElement("g", null,
-                                React__default['default'].createElement("path", { d: "M5 7H7V13H5zM9 7H11V13H9z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }),
-                                React__default['default'].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)" })))))))));
-};
+                            React__default['default'].createElement("path", { d: "M5 7H7V13H5zM9 7H11V13H9z", transform: "translate(-1774 -4437) translate(1590 3755) translate(0 602) translate(184 80)" }),
+                            React__default['default'].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)" })))))))));
 
 exports.default = IconDelete;
 //# sourceMappingURL=icon_delete.js.map

package/build/cjs/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;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;"}

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

@@ -9,21 +9,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconHint = function (_a) {
-    var className = _a.className;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: className || '' },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
-                React__default['default'].createElement("g", { fill: "#5C657E" },
+const IconHint = ({ className }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "13", viewBox: "0 0 13 13", className: className || '' },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", { fill: "#5C657E" },
+                React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
                         React__default['default'].createElement("g", null,
                             React__default['default'].createElement("g", null,
                                 React__default['default'].createElement("g", null,
                                     React__default['default'].createElement("g", null,
-                                        React__default['default'].createElement("g", null,
-                                            React__default['default'].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__default['default'].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)" }))))))))))));
-};
+                                        React__default['default'].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__default['default'].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)" }))))))))))));
 
 exports.default = IconHint;
 //# sourceMappingURL=icon_hint.js.map

package/build/cjs/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;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;"}

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

@@ -9,18 +9,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconTick = function (_a) {
-    var className = _a.className;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: className || '' },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
-                React__default['default'].createElement("g", { fill: "#5C657E", fillRule: "nonzero" },
+const IconTick = ({ className }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "17", height: "12", viewBox: "0 0 17 12", className: className || '' },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", { fill: "#5C657E", fillRule: "nonzero" },
+                React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
                         React__default['default'].createElement("g", null,
-                            React__default['default'].createElement("g", null,
-                                React__default['default'].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__default['default'].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)" })))))))));
-};
+                            React__default['default'].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__default['default'].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)" })))))))));
 
 exports.default = IconTick;
 //# sourceMappingURL=icon_tick.js.map

package/build/cjs/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;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;"}

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

@@ -9,18 +9,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var IconUpload = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (React__default['default'].createElement(icon['default'], null,
-        React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className },
-            React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+const IconUpload = ({ className = '' }) => (React__default['default'].createElement(icon['default'], null,
+    React__default['default'].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", className: className },
+        React__default['default'].createElement("g", { fill: "none", fillRule: "evenodd" },
+            React__default['default'].createElement("g", null,
                 React__default['default'].createElement("g", null,
                     React__default['default'].createElement("g", null,
                         React__default['default'].createElement("g", null,
-                            React__default['default'].createElement("g", null,
-                                React__default['default'].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__default['default'].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)" })))))))));
-};
+                            React__default['default'].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__default['default'].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)" })))))))));
 
 exports.default = IconUpload;
 //# sourceMappingURL=icon_upload.js.map

package/build/cjs/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;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;"}

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

@@ -8,9 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var button = {
-    render: function (_a, classNames) {
-        var _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, children = _a.children;
+const button = {
+    render({ type = 'button', onClick, children }, classNames) {
         return (React__default['default'].createElement("button", { type: type, onClick: onClick, className: classNames }, children));
     }
 };

package/build/cjs/packages/aurora/src/components/button/components/button/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;"}
+{"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;"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('./button/index.js');
 var index$1 = require('./link/index.js');
 
-var buttonTypes = {
+const buttonTypes = {
     button: index.button,
     link: index$1.link
 };

package/build/cjs/packages/aurora/src/components/button/components/link/index.js

@@ -8,9 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var link = {
-    render: function (_a, classNames) {
-        var href = _a.href, target = _a.target, onClick = _a.onClick, children = _a.children;
+const link = {
+    render({ href, target, onClick, children }, classNames) {
         return (React__default['default'].createElement("a", { href: href, target: target, onClick: onClick, className: classNames }, children));
     }
 };

package/build/cjs/packages/aurora/src/components/button/components/link/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;"}
+{"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;"}

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssButton = 'btn';
-var cssButtonOutline = "".concat(cssButton, "_outline");
-var cssButtonBg = "".concat(cssButton, "_bg");
-var cssButtonS = "".concat(cssButton, "_s");
-var cssButtonLink = "".concat(cssButton, "_link");
-var cssButtonInactive = "".concat(cssButton, "_inactive");
+const cssButton = 'btn';
+const cssButtonOutline = `${cssButton}_outline`;
+const cssButtonBg = `${cssButton}_bg`;
+const cssButtonS = `${cssButton}_s`;
+const cssButtonLink = `${cssButton}_link`;
+const cssButtonInactive = `${cssButton}_inactive`;
 
 exports.cssButton = cssButton;
 exports.cssButtonBg = cssButtonBg;

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

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var _tslib = require('../../../../../_virtual/_tslib.js');
 var css_classes = require('./css_classes.js');
 var index = require('./components/index.js');
 var classnames = require('classnames');
@@ -30,19 +29,17 @@ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
  *  </Button>
  * )
  */
-var Button = function (_a) {
-    var _b;
-    var _c = _a.as, as = _c === void 0 ? 'button' : _c, size = _a.size, color = _a.color, variant = _a.variant, inactive = _a.inactive, _d = _a.className, className = _d === void 0 ? '' : _d, props = _tslib.__rest(_a, ["as", "size", "color", "variant", "inactive", "className"]);
-    var btnColor = "".concat(css_classes.cssButton, "_").concat(color);
-    var buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], (_b = {},
-        _b[className] = className,
-        _b[main_module['default'][css_classes.cssButtonS]] = size,
-        _b[main_module['default'][css_classes.cssButtonBg]] = !variant,
-        _b[main_module['default'][css_classes.cssButtonOutline]] = variant === 'outline',
-        _b[main_module['default'][css_classes.cssButtonLink]] = variant === 'link',
-        _b[main_module['default'][btnColor]] = true,
-        _b[main_module['default'][css_classes.cssButtonInactive]] = inactive,
-        _b));
+const Button = ({ as = 'button', size, color, variant, inactive, className = '', ...props }) => {
+    const btnColor = `${css_classes.cssButton}_${color}`;
+    const buttonClassNames = classnames__default['default'](main_module['default'][css_classes.cssButton], {
+        [className]: className,
+        [main_module['default'][css_classes.cssButtonS]]: size,
+        [main_module['default'][css_classes.cssButtonBg]]: !variant,
+        [main_module['default'][css_classes.cssButtonOutline]]: variant === 'outline',
+        [main_module['default'][css_classes.cssButtonLink]]: variant === 'link',
+        [main_module['default'][btnColor]]: true,
+        [main_module['default'][css_classes.cssButtonInactive]]: inactive
+    });
     return index.buttonTypes[as].render(props, buttonClassNames);
 };
 

package/build/cjs/packages/aurora/src/components/button/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;"}
+{"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/cjs/packages/aurora/src/components/buttons_group/css_classes.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cssButtonsGroup = 'buttons-group';
-var cssButtonsGroupHCenter = "".concat(cssButtonsGroup, "_hcenter");
-var cssButtonsGroupHRight = "".concat(cssButtonsGroup, "_hright");
-var cssButtonsGroupReverseOrder = "".concat(cssButtonsGroup, "_reverse-order");
+const cssButtonsGroup = 'buttons-group';
+const cssButtonsGroupHCenter = `${cssButtonsGroup}_hcenter`;
+const cssButtonsGroupHRight = `${cssButtonsGroup}_hright`;
+const cssButtonsGroupReverseOrder = `${cssButtonsGroup}_reverse-order`;
 
 exports.cssButtonsGroup = cssButtonsGroup;
 exports.cssButtonsGroupHCenter = cssButtonsGroupHCenter;

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

@@ -12,14 +12,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var ButtonsGroup = function (_a) {
-    var _b;
-    var _c = _a.align, align = _c === void 0 ? 'right' : _c, isOrderReversed = _a.isOrderReversed, children = _a.children;
-    var classNames = classnames__default['default'](main_module['default'][css_classes.cssButtonsGroup], (_b = {},
-        _b[main_module['default'][css_classes.cssButtonsGroupHCenter]] = align === 'center',
-        _b[main_module['default'][css_classes.cssButtonsGroupHRight]] = align === 'right',
-        _b[main_module['default'][css_classes.cssButtonsGroupReverseOrder]] = isOrderReversed,
-        _b));
+const ButtonsGroup = ({ align = 'right', isOrderReversed, children }) => {
+    const classNames = classnames__default['default'](main_module['default'][css_classes.cssButtonsGroup], {
+        [main_module['default'][css_classes.cssButtonsGroupHCenter]]: align === 'center',
+        [main_module['default'][css_classes.cssButtonsGroupHRight]]: align === 'right',
+        [main_module['default'][css_classes.cssButtonsGroupReverseOrder]]: isOrderReversed
+    });
     return React__default['default'].createElement("div", { className: classNames }, children);
 };
 

package/build/cjs/packages/aurora/src/components/buttons_group/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;"}
+{"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;"}

package/build/cjs/packages/aurora/src/components/color_picker/components/buttons.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var index$2 = require('../../button/index.js');
 var index$1 = require('../../buttons_group/index.js');
 var main_module = require('../../../css/color_picker/main.module.less.js');
@@ -16,31 +15,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ColorPickerButtons = function (_a) {
-    var restoreInitialColor = _a.restoreInitialColor;
-    var t = useTranslation.useTranslation()[0];
-    var toggleDropdown = React.useContext(index.DropdownContext).toggleDropdown;
-    var screenSize = use_screen_detect.useScreenDetect();
-    var onCancel = function () {
+const ColorPickerButtons = ({ restoreInitialColor }) => {
+    const [t] = useTranslation.useTranslation();
+    const { toggleDropdown } = React.useContext(index.DropdownContext);
+    const screenSize = use_screen_detect.useScreenDetect();
+    const onCancel = () => {
         restoreInitialColor();
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     };
-    var onChoose = function () {
+    const onChoose = () => {
         toggleDropdown === null || toggleDropdown === void 0 ? void 0 : toggleDropdown();
     };
-    var primaryButtonProps = {
+    const primaryButtonProps = {
         variant: screenSize === 'xs' ? undefined : 'link',
         size: screenSize === 'xs' ? 'small' : undefined
     };
-    var secondaryButtonProps = {
+    const secondaryButtonProps = {
         variant: screenSize === 'xs' ? 'outline' : 'link',
         size: screenSize === 'xs' ? 'small' : undefined,
         color: screenSize === 'xs' ? undefined : 'secondary'
     };
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerButtonsGroup] },
         React__default['default'].createElement(index$1['default'], null,
-            React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, secondaryButtonProps, { onClick: onCancel }), t('cancel')),
-            React__default['default'].createElement(index$2['default'], _tslib.__assign({ as: "button" }, primaryButtonProps, { onClick: onChoose }), t('choose')))));
+            React__default['default'].createElement(index$2['default'], { as: "button", ...secondaryButtonProps, onClick: onCancel }, t('cancel')),
+            React__default['default'].createElement(index$2['default'], { as: "button", ...primaryButtonProps, onClick: onChoose }, t('choose')))));
 };
 
 exports.default = ColorPickerButtons;

package/build/cjs/packages/aurora/src/components/color_picker/components/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_picker/components/hue_picker.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _tslib = require('../../../../../../_virtual/_tslib.js');
 var main_module = require('../../../css/color_picker/main.module.less.js');
 var range_mappings = require('../../../utilities/range/range_mappings.js');
 var color_converter = require('../../../utilities/colors/color_converter.js');
@@ -16,33 +15,36 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var HuePicker = function (_a) {
-    var hueSliderRef = _a.hueSliderRef, classes = _a.classes;
-    var _b = React.useContext(context.ColorPickerContext), setColor = _b.setColor, setHueSliderPointer = _b.setHueSliderPointer, screenName = _b.screenName;
-    var onSliderEvent = function (position) {
+const HuePicker = ({ hueSliderRef, classes }) => {
+    const { setColor, setHueSliderPointer, screenName } = React.useContext(context.ColorPickerContext);
+    const onSliderEvent = (position) => {
         if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
             return;
         }
-        var hue = utilities.getHueFromPosition({
+        const { hue } = utilities.getHueFromPosition({
             hueSliderRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position,
-            screenName: screenName
-        }).hue;
-        var _a = range_mappings.getIndicatorPositionFromPosition({
+            position,
+            screenName
+        });
+        const { positionY, positionX } = range_mappings.getIndicatorPositionFromPosition({
             elementRect: hueSliderRef.current.getBoundingClientRect(),
-            position: position
-        }), positionY = _a.positionY, positionX = _a.positionX;
-        setColor(function (color) { return (_tslib.__assign(_tslib.__assign({}, color), { hue: hue, hex: color_converter.ColorConverter.hsl2hex({ hue: hue, saturation: color.saturation, lightness: color.lightness }) })); });
+            position
+        });
+        setColor((color) => ({
+            ...color,
+            hue,
+            hex: color_converter.ColorConverter.hsl2hex({ hue, saturation: color.saturation, lightness: color.lightness })
+        }));
         setHueSliderPointer({ top: positionY, left: positionX });
     };
-    var onSliderDown = function (event) {
+    const onSliderDown = (event) => {
         if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
             return;
         }
         onSliderEvent(event_registration.mapMouseEventToPosition(event));
         event_registration.registerOnMouseEvents(onSliderEvent);
     };
-    var onTouchStart = function (event) {
+    const onTouchStart = (event) => {
         if (!(hueSliderRef === null || hueSliderRef === void 0 ? void 0 : hueSliderRef.current)) {
             return;
         }
@@ -50,7 +52,7 @@ var HuePicker = function (_a) {
         event_registration.registerOnTouchEvents(onSliderEvent);
     };
     return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerHuePicker], ref: hueSliderRef, onMouseDown: onSliderDown, onTouchStart: onTouchStart },
-        React__default['default'].createElement("div", { className: "".concat(classes.huePointer, " ").concat(main_module['default'][css_classes.cssColorPickerPointer]), onDrag: onSliderEvent, onTouchStart: onTouchStart },
+        React__default['default'].createElement("div", { className: `${classes.huePointer} ${main_module['default'][css_classes.cssColorPickerPointer]}`, onDrag: onSliderEvent, onTouchStart: onTouchStart },
             React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColorPickerPointerInside] }))));
 };
 

package/build/cjs/packages/aurora/src/components/color_picker/components/hue_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;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/color_picker/components/label.js

@@ -14,27 +14,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var useStyles = reactJss_esm.createUseStyles({
+const useStyles = reactJss_esm.createUseStyles({
     colorPreview: {
-        background: function (_a) {
-            var hex = _a.color.hex;
-            return hex;
-        }
+        background: ({ color: { hex } }) => hex
     }
 });
-var ColorPickerLabel = function (_a) {
-    var name = _a.name, isRequired = _a.isRequired, id = _a.id;
-    var _b = React.useContext(context.ColorPickerContext), setInitialColor = _b.setInitialColor, color = _b.color;
-    var isOpen = React.useContext(index.DropdownContext).isOpen;
-    var classes = useStyles({ color: color });
-    React.useEffect(function () {
+const ColorPickerLabel = ({ name, isRequired, id }) => {
+    const { setInitialColor, color } = React.useContext(context.ColorPickerContext);
+    const { isOpen } = React.useContext(index.DropdownContext);
+    const classes = useStyles({ color });
+    React.useEffect(() => {
         if (isOpen) {
             setInitialColor(color);
         }
         // eslint-disable-next-line
     }, [isOpen]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: "".concat(classes.colorPreview, " ").concat(main_module['default'][css_classes.cssColorPickerInputColorPreview]) }) }),
+        React__default['default'].createElement(input_wrapper['default'], { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React__default['default'].createElement("div", { className: `${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
         React__default['default'].createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
 };