@dreamcommerce/aurora 2.20.8 → 2.20.9-10

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var main_module = require('../css/icons/main.module.less.js');
+var icon = require('./icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var IconPlus = function IconPlus(_ref) {
+  var className = _ref.className,
+      onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/React__default['default'].createElement(icon['default'], null, /*#__PURE__*/React__default['default'].createElement("svg", {
+    width: "7",
+    height: "7",
+    viewBox: "0 0 7 7",
+    className: "".concat(className || '', " ").concat(main_module['default']["icon_".concat(size)]),
+    onClick: onClick,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default['default'].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
+    fill: "white"
+  })));
+};
+
+exports.default = IconPlus;
+//# sourceMappingURL=icon_plus.js.map

package/build/cjs/packages/aurora/src/assets/icon_plus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/components/color-picker-footer.js

@@ -9,8 +9,8 @@ var index$1 = require('../../button/index.js');
 var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var css_classes = require('../../css_classes.js');
-var main_module = require('../../../../css/color_picker_new/main.module.less.js');
 var constants = require('../../constants.js');
+var main_module = require('../../../../css/color_picker_new/main.module.less.js');
 var colorPickerInputsHex = require('./color-picker-inputs-hex.js');
 var colorPickerInputsRgba = require('./color-picker-inputs-rgba.js');
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-shades.js

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-swatch.js

@@ -6,9 +6,9 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var classnames = require('classnames');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var constants = require('../constants.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-variables.js

@@ -7,8 +7,8 @@ var useTranslation = require('../../../../../../external/react-i18next/dist/es/u
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var color_picker_utils = require('../color_picker_utils.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
 var colorPickerSwatch = require('./color-picker-swatch.js');
 var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
 

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
+var index = require('../../dropdown/context/index.js');
 var context = require('../context.js');
 var css_classes = require('../css_classes.js');
-var main_module = require('../../../css/color_picker_new/main.module.less.js');
-var index = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
 var constants = require('../constants.js');
-var colorPickerShades = require('./color-picker-shades.js');
+var index$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/components/index.js');
+var main_module = require('../../../css/color_picker_new/main.module.less.js');
+var colorPickerFooter = require('./color-picker-footer.js');
 var colorPickerHeader = require('./color-picker-header.js');
 var colorPickerInputs = require('./color-picker-inputs/color-picker-inputs.js');
+var colorPickerShades = require('./color-picker-shades.js');
 var colorPickerVariables = require('./color-picker-variables.js');
-var colorPickerFooter = require('./color-picker-footer.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,12 +25,20 @@ var ColorPickerContent = function ColorPickerContent() {
   var _useContext = React.useContext(context.ColorPickerNewContext),
       color = _useContext.color,
       setColor = _useContext.setColor,
-      colorVariables = _useContext.colorVariables;
+      colorVariables = _useContext.colorVariables,
+      setIsColorPickerOpened = _useContext.setIsColorPickerOpened;
 
   var colorValue = typeof color === 'string' ? color : color.value;
+
+  var _useContext2 = React.useContext(index.DropdownContext),
+      isOpen = _useContext2.isOpen;
+
+  React.useEffect(function () {
+    setIsColorPickerOpened(!!isOpen);
+  }, [isOpen]);
   return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(colorPickerHeader.ColorPickerHeader, null), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "".concat(main_module['default'][css_classes.cssColorPickerContainer])
-  }, /*#__PURE__*/React__default['default'].createElement(index.ColorPicker, {
+  }, /*#__PURE__*/React__default['default'].createElement(index$1.ColorPicker, {
     value: colorValue,
     onChange: setColor,
     width: constants.COLOR_PICKER_WIDTH,

package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,0FAA8F;AAClH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,0FAA8F;AACpH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/context.js

@@ -20,7 +20,8 @@ var ColorPickerNewContext = /*#__PURE__*/React.createContext({
   setB: function setB() {},
   handleCancel: function handleCancel() {},
   handleSave: function handleSave() {},
-  handlePickSwatch: function handlePickSwatch() {}
+  handlePickSwatch: function handlePickSwatch() {},
+  setIsColorPickerOpened: function setIsColorPickerOpened() {}
 });
 
 exports.ColorPickerNewContext = ColorPickerNewContext;

package/build/cjs/packages/aurora/src/components/color_picker_new/context.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;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
 var constants = require('../constants.js');
+var useColorPicker$1 = require('../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js');
 var color_picker_utils = require('../color_picker_utils.js');
 var isEqual = require('../../../../../../external/lodash/isEqual.js');
 
@@ -16,7 +16,8 @@ var useColorPicker = function useColorPicker(_ref) {
       onChange = _ref.onChange,
       onCancel = _ref.onCancel,
       onSave = _ref.onSave,
-      initialColorVariables = _ref.colorVariables;
+      initialColorVariables = _ref.colorVariables,
+      isColorPickerOpened = _ref.isColorPickerOpened;
 
   var _useState = React.useState({
     value: initialColor ? color_picker_utils.ColorPickerUtils.getTinyColorInstance(typeof initialColor === 'string' ? initialColor : initialColor === null || initialColor === void 0 ? void 0 : initialColor.value).toHex8() : constants.COLOR_PICKER_INITIAL_STATE,
@@ -50,7 +51,7 @@ var useColorPicker = function useColorPicker(_ref) {
   React.useEffect(function () {
     if (!initialColor) return;
 
-    if (!isEqual['default'](initialColor, prevInitalColor)) {
+    if (!isEqual['default'](initialColor, prevInitalColor) && !isColorPickerOpened) {
       setColor(initialColor);
       setPrevInitialColor(initialColor);
     }

package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,8FAAkG;AACjI;AACA;AACA,sBAAsB,8CAAkD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,8FAAkG;AACjI;AACA,sBAAsB,8CAAkD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_new/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var context = require('./context.js');
 var pure_color_picker = require('./components/pure_color_picker.js');
 var use_color_picker = require('./hooks/use_color_picker.js');
@@ -20,12 +21,18 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       onCancel = _ref.onCancel,
       onSave = _ref.onSave;
 
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isColorPickerOpened = _useState2[0],
+      setIsColorPickerOpened = _useState2[1];
+
   var _useColorPicker = use_color_picker['default']({
     colorVariables: colorVariables,
     initialColor: initialColor,
     onChange: onChange,
     onCancel: onCancel,
-    onSave: onSave
+    onSave: onSave,
+    isColorPickerOpened: isColorPickerOpened
   }),
       color = _useColorPicker.color,
       setColor = _useColorPicker.setColor,
@@ -56,9 +63,10 @@ var ColorPickerNewWithContext = function ColorPickerNewWithContext(_ref) {
       handleCancel: handleCancel,
       handleSave: handleSave,
       colorVariables: colorVariables,
-      handlePickSwatch: handlePickSwatch
+      handlePickSwatch: handlePickSwatch,
+      setIsColorPickerOpened: setIsColorPickerOpened
     };
-  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables]);
+  }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alphaValue, rgbaArr, setR, setG, setB, handleCancel, handleSave, handlePickSwatch, colorVariables, setIsColorPickerOpened]);
   return /*#__PURE__*/React__default['default'].createElement(context.ColorPickerNewContext.Provider, {
     value: value
   }, /*#__PURE__*/React__default['default'].createElement(pure_color_picker['default'], {

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

package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js

@@ -9,6 +9,7 @@ var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
 var reactTransitionGroup = require('react-transition-group');
 var css_classes = require('../css_classes.js');
 var main_module = require('../../../css/tree/main.module.less.js');
+var tree_node_add = require('./tree_node_add/tree_node_add.js');
 var tree_hook = require('../hooks/tree_hook.js');
 var tree_node_hook = require('../hooks/tree_node_hook.js');
 
@@ -17,19 +18,30 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent"];
+var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "addNodeLabel", "addNodeOnClick"];
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,
       id = _ref.id,
       cssClassNames = _ref.cssClassNames,
       ContentComponent = _ref.ContentComponent,
       LabelComponent = _ref.LabelComponent,
+      addNodeLabel = _ref.addNodeLabel,
+      addNodeOnClick = _ref.addNodeOnClick,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var treeApi = tree_hook.useTree();
   var node = tree_node_hook.useTreeNode(id, rest);
   var nodeChildrenRef = React.useRef(null);
   var childrenCount = React.Children.count(children);
+
+  var _useState = React.useState(false),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      isNodeHovered = _useState2[0],
+      setIsNodeHovered = _useState2[1];
+
+  React.useEffect(function () {
+    console.log('isNodeHovered', isNodeHovered);
+  }, [isNodeHovered]);
   if (!node) return null;
 
   var toggleNode = function toggleNode() {
@@ -39,10 +51,19 @@ var TreeNode = function TreeNode(_ref) {
   var Label = LabelComponent ? LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
-  }) : /*#__PURE__*/React__default['default'].createElement("span", {
+  }) : /*#__PURE__*/React__default['default'].createElement("div", {
     tabIndex: !children ? 0 : -1,
-    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent)
-  }, node.label ? node.label : node.id);
+    className: classnames__default['default'](main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent], css_classes.TREE_NODE_CSS_CLASSES.treeNodeLabelContent),
+    onMouseEnter: function onMouseEnter() {
+      return setIsNodeHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsNodeHovered(false);
+    }
+  }, isNodeHovered && /*#__PURE__*/React__default['default'].createElement(tree_node_add.TreeNodeAdd, {
+    label: addNodeLabel,
+    onClick: addNodeOnClick
+  }), node.label ? node.label : node.id);
   var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
     node: node,
     toggleNode: toggleNode,

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

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_classes = require('../../css_classes.js');
+var constants = require('../../constants.js');
+var main_module = require('../../../../css/tree/main.module.less.js');
+var tree_node_add_actions = require('./tree_node_add_actions.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeNodeAdd = function TreeNodeAdd(_ref) {
+  var label = _ref.label,
+      onClick = _ref.onClick,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave,
+      actions = _ref.actions;
+  var nodeRef = React__default['default'].useRef(null);
+
+  var _useState = React.useState(0),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      nodeNegativeLeftMargin = _useState2[0],
+      setNodeNegativeLeftMargin = _useState2[1];
+
+  var test = React.useMemo(function () {
+    return nodeNegativeLeftMargin;
+  }, [nodeRef.current]);
+  React.useEffect(function () {
+    if (!nodeRef.current) return;
+    var node = nodeRef.current;
+    var parentTree = node.closest("[role=\"".concat(constants.TREE_ROLE_ATTRIBUTE, "\"]"));
+    if (!parentTree) return;
+    var parentLeftGap = parentTree.getBoundingClientRect().left;
+    var nodeLeftGap = node.getBoundingClientRect().left;
+    setNodeNegativeLeftMargin(nodeLeftGap - parentLeftGap);
+  }, []);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAdd],
+    style: {
+      marginLeft: "-".concat(test, "px")
+    },
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: nodeRef
+  }, label ? /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel])
+  }, label) : /*#__PURE__*/React__default['default'].createElement(tree_node_add_actions.TreeNodeAddActions, {
+    actions: actions
+  }));
+};
+
+exports.TreeNodeAdd = TreeNodeAdd;
+exports.default = TreeNodeAdd;
+//# sourceMappingURL=tree_node_add.js.map

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tree/components/tree_node_add/tree_node_add_actions.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../../../stack/index.js');
+var dropdown = require('../../../dropdown/components/dropdown.js');
+var css_classes = require('../../css_classes.js');
+var main_module = require('../../../../css/tree/main.module.less.js');
+var icon_plus = require('../../../../assets/icon_plus.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TreeNodeAddActions = function TreeNodeAddActions(_ref) {
+  var actions = _ref.actions;
+  return /*#__PURE__*/React__default['default'].createElement(dropdown['default'], null, /*#__PURE__*/React__default['default'].createElement(dropdown['default'].CustomLabel, null, /*#__PURE__*/React__default['default'].createElement("span", {
+    className: "".concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabel], " ").concat(main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddLabelIcon])
+  }, /*#__PURE__*/React__default['default'].createElement(icon_plus['default'], null))), /*#__PURE__*/React__default['default'].createElement(dropdown['default'].MemoizedContent, {
+    shouldCloseOnScroll: false,
+    shouldCloseOthersOnOpen: true
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActions]
+  }, actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2, index$1) {
+    var Icon = _ref2.Icon,
+        label = _ref2.label,
+        onClick = _ref2.onClick;
+    return /*#__PURE__*/React__default['default'].createElement(index['default'], {
+      align: "center",
+      spacing: 12,
+      key: "tree-node-action-".concat(index$1),
+      className: main_module['default'][css_classes.TREE_NODE_CSS_CLASSES.treeNodeAddActionsItem],
+      onClick: onClick
+    }, /*#__PURE__*/React__default['default'].createElement(Icon, null), label);
+  }))));
+};
+
+exports.TreeNodeAddActions = TreeNodeAddActions;
+exports.default = TreeNodeAddActions;
+//# sourceMappingURL=tree_node_add_actions.js.map

package/build/cjs/packages/aurora/src/components/tree/components/tree_node_add/tree_node_add_actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/tree/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TREE_ROLE_ATTRIBUTE = 'tree';
+
+exports.TREE_ROLE_ATTRIBUTE = TREE_ROLE_ATTRIBUTE;
+//# sourceMappingURL=constants.js.map

package/build/cjs/packages/aurora/src/components/tree/constants.js.map

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

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

@@ -24,7 +24,15 @@ var TREE_NODE_CSS_CLASSES = {
   treeNodeExpanded: "".concat(treeNodeBaseCssClass, "_expanded"),
   treeNodeDisabled: "".concat(treeNodeBaseCssClass, "_disabled"),
   treeNodeFocused: "".concat(treeNodeBaseCssClass, "_focused"),
-  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children")
+  treeNodeWithoutChildren: "".concat(treeNodeBaseCssClass, "_without-children"),
+  treeNodeAdd: "".concat(treeNodeBaseCssClass, "__add"),
+  treeNodeAddLabel: "".concat(treeNodeBaseCssClass, "__add-label"),
+  treeNodeAddLabelIcon: "".concat(treeNodeBaseCssClass, "__add-label_icon"),
+  treeNodeAddSection: "".concat(treeNodeBaseCssClass, "__add_section"),
+  treeNodeAddRow: "".concat(treeNodeBaseCssClass, "__add_row"),
+  treeNodeAddColumn: "".concat(treeNodeBaseCssClass, "__add_column"),
+  treeNodeAddActions: "".concat(treeNodeBaseCssClass, "__add_actions"),
+  treeNodeAddActionsItem: "".concat(treeNodeBaseCssClass, "__add_actions-item")
 };
 
 exports.TREE_CSS_CLASSES = TREE_CSS_CLASSES;

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

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classnames = require('classnames');
-var tree_provider = require('./context/tree_provider.js');
 var css_classes = require('./css_classes.js');
+var constants = require('./constants.js');
+var tree_provider = require('./context/tree_provider.js');
 var main_module = require('../../css/tree/main.module.less.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,6 +21,7 @@ var Tree = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave;
   return /*#__PURE__*/React__default['default'].createElement(tree_provider.TreeProvider, null, /*#__PURE__*/React__default['default'].createElement("ul", {
+    role: constants.TREE_ROLE_ATTRIBUTE,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     ref: ref,

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

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

@@ -4,18 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = ".main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n";
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tree__3D4e3 {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.main-module_tree-node__toggler-btn__s9KoL {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px 8px 0;\n  cursor: pointer;\n}\n.main-module_tree-node__toggler-btn__s9KoL svg {\n  transition: rotate 250ms ease-out;\n  rotate: -95deg;\n}\n.main-module_tree-node__toggler-btn_expanded__17Joe svg {\n  rotate: 0deg;\n}\n.main-module_tree-node__toggler-btn-icon__OA4tk {\n  display: flex;\n}\n.main-module_tree-node__label__DT728 {\n  display: flex;\n  align-items: center;\n  background: none;\n}\n.main-module_tree-node__label-content__2UM83 {\n  width: 100%;\n}\n.main-module_tree-node__children__QyEOR {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 8px;\n  transform-origin: top center;\n  transition: opacity 250ms ease-out, scale 250ms ease-out;\n  padding-left: 16px;\n  list-style: none;\n  will-change: true;\n}\n.main-module_tree-node__children-enter__vxFO- {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__children-enter-active__T6XIS {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit__1NXHe {\n  opacity: 1;\n  scale: 1 1;\n}\n.main-module_tree-node__children-exit-active__vdqAI {\n  opacity: 0;\n  scale: 1 0;\n}\n.main-module_tree-node__add__2SAM_ {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n.main-module_tree-node__add__2SAM_::before {\n  content: '';\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 2px;\n  background-color: #2d3748;\n}\n.main-module_tree-node__add-label__iKmMX {\n  padding: 2px 8px;\n  font-size: 12px;\n  color: #fff;\n  background-color: #2d3748;\n  border-radius: 12px;\n  z-index: 10;\n}\n.main-module_tree-node__add-label_icon__1AQh- {\n  padding: 2px 6px;\n}\n.main-module_tree-node__add_actions__1zDT2 {\n  padding: 5px 8px;\n}\n.main-module_tree-node__add_actions-item__vIaYV {\n  cursor: pointer;\n  color: #2d3748;\n}\n.main-module_tree-node__add_actions-item__vIaYV:not(:last-child) {\n  margin-bottom: 15px;\n}\n";
 var cssClasses = {
   "tree": "main-module_tree__3D4e3",
   "tree-node__toggler-btn": "main-module_tree-node__toggler-btn__s9KoL",
   "tree-node__toggler-btn_expanded": "main-module_tree-node__toggler-btn_expanded__17Joe",
   "tree-node__toggler-btn-icon": "main-module_tree-node__toggler-btn-icon__OA4tk",
   "tree-node__label": "main-module_tree-node__label__DT728",
+  "tree-node__label-content": "main-module_tree-node__label-content__2UM83",
   "tree-node__children": "main-module_tree-node__children__QyEOR",
   "tree-node__children-enter": "main-module_tree-node__children-enter__vxFO-",
   "tree-node__children-enter-active": "main-module_tree-node__children-enter-active__T6XIS",
   "tree-node__children-exit": "main-module_tree-node__children-exit__1NXHe",
-  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI"
+  "tree-node__children-exit-active": "main-module_tree-node__children-exit-active__vdqAI",
+  "tree-node__add": "main-module_tree-node__add__2SAM_",
+  "tree-node__add-label": "main-module_tree-node__add-label__iKmMX",
+  "tree-node__add-label_icon": "main-module_tree-node__add-label_icon__1AQh-",
+  "tree-node__add_actions": "main-module_tree-node__add_actions__1zDT2",
+  "tree-node__add_actions-item": "main-module_tree-node__add_actions-item__vIaYV"
 };
 styleInject_es['default'](css_248z);
 

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,8DAAkE;AAC/F;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/index.js

@@ -91,9 +91,9 @@ var tabs_panel_list = require('./components/tabs/components/tabs_panel_list.js')
 var tabs_wrapper = require('./components/tabs/components/tabs_wrapper.js');
 var index$2 = require('./components/tooltip/index.js');
 var index$Q = require('./components/tree/index.js');
-var tree_node = require('./components/tree/components/tree_node.js');
 var values_syncer = require('./components/controls/components/values_syncer.js');
 var index$M = require('./components/with_loader/index.js');
+var tree_node = require('./components/tree/components/tree_node.js');
 
 
 
@@ -188,7 +188,7 @@ exports.TabsPanelList = tabs_panel_list.TabsPanelList;
 exports.TabsWrapper = tabs_wrapper['default'];
 exports.Tooltip = index$2['default'];
 exports.Tree = index$Q.Tree;
-exports.TreeNode = tree_node.TreeNode;
 exports.ValuesSyncer = values_syncer['default'];
 exports.WithLoader = index$M['default'];
+exports.TreeNode = tree_node.TreeNode;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import cssClasses from '../css/icons/main.module.less.js';
+import Icon from './icon.js';
+
+var IconPlus = function IconPlus(_ref) {
+  var className = _ref.className,
+      onClick = _ref.onClick,
+      size = _ref.size;
+  return /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement("svg", {
+    width: "7",
+    height: "7",
+    viewBox: "0 0 7 7",
+    className: "".concat(className || '', " ").concat(cssClasses["icon_".concat(size)]),
+    onClick: onClick,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 0C3.74162 0 3.9375 0.223858 3.9375 0.5V3.0625H6.5C6.77614 3.0625 7 3.25838 7 3.5C7 3.74162 6.77614 3.9375 6.5 3.9375H3.9375V6.5C3.9375 6.77614 3.74162 7 3.5 7C3.25838 7 3.0625 6.77614 3.0625 6.5V3.9375H0.5C0.223858 3.9375 0 3.74162 0 3.5C0 3.25838 0.223858 3.0625 0.5 3.0625H3.0625V0.5C3.0625 0.223858 3.25838 0 3.5 0Z",
+    fill: "white"
+  })));
+};
+
+export default IconPlus;
+//# sourceMappingURL=icon_plus.js.map

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

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

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.js

@@ -5,8 +5,8 @@ import Button from '../../button/index.js';
 import { DropdownContext } from '../../dropdown/context/index.js';
 import { ColorPickerNewContext } from '../context.js';
 import { cssColorPickerFooter } from '../css_classes.js';
-import styles from '../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
+import styles from '../../../css/color_picker_new/main.module.less.js';
 
 var ColorPickerFooter = function ColorPickerFooter() {
   var _useContext = useContext(DropdownContext),

package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cssColorPickerInputs, cssColorPickerInputsType, cssColorPickerInputsValue, cssColorPickerInputsValueContainer } from '../../css_classes.js';
-import styles from '../../../../css/color_picker_new/main.module.less.js';
 import { COLOR_PICKER_TYPES } from '../../constants.js';
+import styles from '../../../../css/color_picker_new/main.module.less.js';
 import { ColorPickerInputsHex } from './color-picker-inputs-hex.js';
 import { ColorPickerInputsRgba } from './color-picker-inputs-rgba.js';