@dreamcommerce/aurora 3.0.0-303 → 3.0.0-304

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

@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["id", "name", "errors", "disabled", "className", "children", "contentClassname"];
+var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
 var ColorPickerPure = function ColorPickerPure(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -25,7 +25,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     disabled = _ref.disabled,
     className = _ref.className,
     children = _ref.children,
-    contentClassname = _ref.contentClassname,
+    triggerClassName = _ref.triggerClassName,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useColorPicker = use_color_picker.useColorPicker(),
     color = _useColorPicker.color,
@@ -36,7 +36,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     handleSave();
     setIsColorPickerOpened(false);
   };
-  return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
+  return /*#__PURE__*/React__default['default'].createElement(popover.Popover, {
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();
@@ -46,7 +46,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
       return setIsColorPickerOpened(true);
     },
     disabled: disabled,
-    className: "aurora-w-full"
+    className: cn.cn('aurora-w-full', triggerClassName)
   }, !children && (/*#__PURE__*/React__default['default'].createElement(color_label_input.ColorPickerInput, {
     id: id,
     name: name,
@@ -58,8 +58,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
       size: "big"
     })
   })), children), /*#__PURE__*/React__default['default'].createElement(popover_content.PopoverContent, _rollupPluginBabelHelpers.objectSpread2({
-    className: cn.cn('aurora-rounded-16 aurora-overflow-hidden', contentClassname, className)
-  }, rest), /*#__PURE__*/React__default['default'].createElement(color_picker_content.ColorPickerContent, null))));
+    className: cn.cn('aurora-rounded-16 aurora-overflow-hidden js__aurora-color-picker', className)
+  }, rest), /*#__PURE__*/React__default['default'].createElement(color_picker_content.ColorPickerContent, null)));
 };
 
 exports.default = ColorPickerPure;

package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts

@@ -7,7 +7,7 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
     errors?: string | string[];
     disabled?: boolean;
     children?: ReactNode;
-    contentClassname?: string;
+    triggerClassName?: string;
 }
 export interface IColorPickerColorVariables {
     isVisible: boolean;
@@ -31,7 +31,7 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
     disabled?: boolean;
-    contentClassname?: string;
+    triggerClassName?: string;
 }
 export interface IColorPickerContext {
     color: string;

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

@@ -9,7 +9,7 @@ import { ColorPickerContent } from './color_picker_content.js';
 import { ColorPickerInput } from './color_label_input.js';
 import { PopoverContent } from '../../popover/components/popover_content.js';
 
-var _excluded = ["id", "name", "errors", "disabled", "className", "children", "contentClassname"];
+var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
 var ColorPickerPure = function ColorPickerPure(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -17,7 +17,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     disabled = _ref.disabled,
     className = _ref.className,
     children = _ref.children,
-    contentClassname = _ref.contentClassname,
+    triggerClassName = _ref.triggerClassName,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color,
@@ -28,7 +28,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     handleSave();
     setIsColorPickerOpened(false);
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
+  return /*#__PURE__*/React.createElement(Popover, {
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();
@@ -38,7 +38,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
       return setIsColorPickerOpened(true);
     },
     disabled: disabled,
-    className: "aurora-w-full"
+    className: cn('aurora-w-full', triggerClassName)
   }, !children && (/*#__PURE__*/React.createElement(ColorPickerInput, {
     id: id,
     name: name,
@@ -50,8 +50,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
       size: "big"
     })
   })), children), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
-    className: cn('aurora-rounded-16 aurora-overflow-hidden', contentClassname, className)
-  }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
+    className: cn('aurora-rounded-16 aurora-overflow-hidden js__aurora-color-picker', className)
+  }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null)));
 };
 
 export default ColorPickerPure;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.0.0-303",
+  "version": "3.0.0-304",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",