@dreamcommerce/aurora 2.3.9 → 2.4.0-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/build/cjs/packages/aurora/src/components/color_picker/components/label.js +2 -2
  2. package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js +5 -1
  3. package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -1
  5. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/css/color_picker/main.module.less.js +2 -2
  7. package/build/cjs/packages/aurora/src/index.js +2 -2
  8. package/build/esm/packages/aurora/src/components/color_picker/components/label.js +3 -3
  9. package/build/esm/packages/aurora/src/components/color_picker/css_classes.d.ts +2 -0
  10. package/build/esm/packages/aurora/src/components/color_picker/css_classes.js +4 -2
  11. package/build/esm/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -1
  13. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/controls/types.d.ts +2 -0
  15. package/build/esm/packages/aurora/src/components/controls/types.js +1 -0
  16. package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
  17. package/build/esm/packages/aurora/src/css/color_picker/main.module.less.js +2 -2
  18. package/build/esm/packages/aurora/src/index.js +1 -1
  19. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/label.js CHANGED
@@ -29,8 +29,8 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
29
29
  }
30
30
  // eslint-disable-next-line
31
31
  }, [isOpen]);
32
- return (React__default['default'].createElement(React__default['default'].Fragment, null,
33
- 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]}` }) }),
32
+ return (React__default['default'].createElement("div", { className: main_module['default'][css_classes.cssColoPickerLabel] },
33
+ 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: `${main_module['default'][css_classes.cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${main_module['default'][css_classes.cssColorPickerInputColorPreview]}` }) }),
34
34
  React__default['default'].createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
35
35
  };
36
36
 
package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js CHANGED
@@ -14,8 +14,12 @@ const cssColorPickerMask = `${cssColorPicker}__mask`;
14
14
  const cssColorPickerMaskWhite = `${cssColorPickerMask}_white`;
15
15
  const cssColorPickerMaskBlack = `${cssColorPickerMask}_black`;
16
16
  const cssColorPickerPreviewContainer = `${cssColorPicker}__preview-container`;
17
- const cssColorPickerPreview = `${cssColorPicker}__preview`;
17
+ const cssColorPickerPreview = `${cssColorPicker}__preview`;
18
+ const cssColoPickerLabel = `${cssColorPicker}__label`;
19
+ const cssColoPickerLabelColorPreview = `${cssColorPicker}__label-color-preview`;
18
20
 
21
+ exports.cssColoPickerLabel = cssColoPickerLabel;
22
+ exports.cssColoPickerLabelColorPreview = cssColoPickerLabelColorPreview;
19
23
  exports.cssColorPicker = cssColorPicker;
20
24
  exports.cssColorPickerButtonsGroup = cssColorPickerButtonsGroup;
21
25
  exports.cssColorPickerHuePicker = cssColorPickerHuePicker;
package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js CHANGED
@@ -28,7 +28,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
  * />
29
29
  * )
30
30
  */
31
- const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
31
+ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label: label$1, id, onChange, hideChooseCancelButtons, errors, hint, helper, hintOptions = { isFixed: true } }) => {
32
32
  const colorPickerContext = use_color_picker.useColorPicker({ initialColorHex: initialColor, onChange });
33
33
  return (React__default['default'].createElement(context.ColorPickerContext.Provider, { value: colorPickerContext },
34
34
  React__default['default'].createElement(index$1['default'], null,
@@ -37,6 +37,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label:
37
37
  (label$1 || hint) && (React__default['default'].createElement(index$2['default'].Label, { id: id, isRequired: isRequired },
38
38
  label$1,
39
39
  hint && React__default['default'].createElement(index$3['default'], { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
40
+ helper && React__default['default'].createElement(index$2['default'].Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
40
41
  React__default['default'].createElement(index$2['default'].Content, null,
41
42
  React__default['default'].createElement(index$2['default'].Element, null,
42
43
  React__default['default'].createElement(label['default'], { name: name || '', isRequired: isRequired, id: id, label: label$1 }))),
package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/cjs/packages/aurora/src/css/color_picker/main.module.less.js CHANGED
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-picker__saturation-lightness-picker__2oEPs {\n min-height: 15rem;\n margin: 1rem;\n flex: 1 1 auto;\n position: relative;\n cursor: pointer;\n border-radius: 0.5rem;\n}\n.main-module_color-picker__preview-container__yJd0N {\n margin: 1rem;\n display: flex;\n flex: 0 0 10%;\n}\n.main-module_color-picker__preview__1A7jV {\n width: 6rem;\n height: 6rem;\n margin-bottom: auto;\n border-radius: 0.5rem;\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__hue-picker__2f9fp {\n width: auto;\n cursor: pointer;\n border-radius: 0.25rem;\n margin: 1rem;\n}\n.main-module_color-picker__mask__zGH3u {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n position: absolute;\n}\n.main-module_color-picker__mask_white__25fNT {\n background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);\n}\n.main-module_color-picker__mask_black__3fktq {\n background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n.main-module_color-picker__pointer__27Wa_ {\n border: 1px solid #135cc8;\n width: 20px;\n height: 20px;\n border-radius: calc(20px / 2);\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.main-module_color-picker__pointer-inside__20BXe {\n width: calc(20px / 2);\n height: calc(20px / 2);\n border-radius: calc(20px / 2);\n}\n.main-module_color-picker__buttons-group__2K4rp {\n flex-grow: 1;\n min-width: calc(100% - 2rem);\n}\n";
8
- var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-picker__saturation-lightness-picker":"main-module_color-picker__saturation-lightness-picker__2oEPs","color-picker__preview":"main-module_color-picker__preview__1A7jV","color-picker__mask":"main-module_color-picker__mask__zGH3u","color-picker__mask_white":"main-module_color-picker__mask_white__25fNT","color-picker__mask_black":"main-module_color-picker__mask_black__3fktq","color-picker__pointer":"main-module_color-picker__pointer__27Wa_","color-picker__pointer-inside":"main-module_color-picker__pointer-inside__20BXe","color-picker__buttons-group":"main-module_color-picker__buttons-group__2K4rp"};
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-picker__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -2px;\n transform: rotate(45deg);\n border-top: solid 7px transparent;\n border-bottom: solid 7px transparent;\n border-left: solid 7px #ffffff;\n}\n.main-module_color-picker__saturation-lightness-picker__2oEPs {\n min-height: 15rem;\n margin: 1rem;\n flex: 1 1 auto;\n position: relative;\n cursor: pointer;\n border-radius: 0.5rem;\n}\n.main-module_color-picker__preview-container__yJd0N {\n margin: 1rem;\n display: flex;\n flex: 0 0 10%;\n}\n.main-module_color-picker__preview__1A7jV {\n width: 6rem;\n height: 6rem;\n margin-bottom: auto;\n border-radius: 0.5rem;\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__hue-picker__2f9fp {\n width: auto;\n cursor: pointer;\n border-radius: 0.25rem;\n margin: 1rem;\n}\n.main-module_color-picker__mask__zGH3u {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n position: absolute;\n}\n.main-module_color-picker__mask_white__25fNT {\n background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);\n}\n.main-module_color-picker__mask_black__3fktq {\n background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n.main-module_color-picker__pointer__27Wa_ {\n border: 1px solid #135cc8;\n width: 20px;\n height: 20px;\n border-radius: calc(20px / 2);\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.main-module_color-picker__pointer-inside__20BXe {\n width: calc(20px / 2);\n height: calc(20px / 2);\n border-radius: calc(20px / 2);\n}\n.main-module_color-picker__buttons-group__2K4rp {\n flex-grow: 1;\n min-width: calc(100% - 2rem);\n}\n";
8
+ var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-picker__label-color-preview":"main-module_color-picker__label-color-preview__1_7j9","color-picker__saturation-lightness-picker":"main-module_color-picker__saturation-lightness-picker__2oEPs","color-picker__preview":"main-module_color-picker__preview__1A7jV","color-picker__mask":"main-module_color-picker__mask__zGH3u","color-picker__mask_white":"main-module_color-picker__mask_white__25fNT","color-picker__mask_black":"main-module_color-picker__mask_black__3fktq","color-picker__pointer":"main-module_color-picker__pointer__27Wa_","color-picker__pointer-inside":"main-module_color-picker__pointer-inside__20BXe","color-picker__buttons-group":"main-module_color-picker__buttons-group__2K4rp"};
9
9
  styleInject_es['default'](css_248z);
10
10
 
11
11
  exports.default = styles;
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -15,6 +15,7 @@ var index$B = require('./components/hint/index.js');
15
15
  var index$A = require('./components/controls/hoc/control_cell_selector/index.js');
16
16
  var index$b = require('./components/controls/hoc/control_checkbox/index.js');
17
17
  var index$c = require('./components/controls/hoc/control_checkbox_switch/index.js');
18
+ var index$y = require('./components/spacing/index.js');
18
19
  var icon_arrow = require('./assets/icon_arrow.js');
19
20
  var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
20
21
  var index$4 = require('./components/dropdown/index.js');
@@ -65,7 +66,6 @@ var slide_close_btn_wrapper = require('./components/slide/components/slide_close
65
66
  var slide_content = require('./components/slide/components/slide_content.js');
66
67
  var slide_footer = require('./components/slide/components/slide_footer.js');
67
68
  var slide_wrapper = require('./components/slide/components/slide_wrapper.js');
68
- var index$y = require('./components/spacing/index.js');
69
69
  var index$8 = require('./components/stack/index.js');
70
70
  var tabs = require('./components/tabs/components/tabs.js');
71
71
  var tabs_item = require('./components/tabs/components/tabs_item.js');
@@ -92,6 +92,7 @@ exports.Hint = index$B['default'];
92
92
  exports.ControlCellSelector = index$A['default'];
93
93
  exports.ControlCheckbox = index$b['default'];
94
94
  exports.ControlCheckboxSwitch = index$c['default'];
95
+ exports.Spacing = index$y['default'];
95
96
  exports.IconArrow = icon_arrow['default'];
96
97
  exports.useToggle = use_toggle.useToggle;
97
98
  exports.Dropdown = index$4['default'];
@@ -143,7 +144,6 @@ exports.SlideCloseBtnWrapper = slide_close_btn_wrapper.SlideCloseBtnWrapper;
143
144
  exports.SlideContent = slide_content.SlideContent;
144
145
  exports.SlideFooter = slide_footer.SlideFooter;
145
146
  exports.SlideWrapper = slide_wrapper.SlideWrapper;
146
- exports.Spacing = index$y['default'];
147
147
  exports.Stack = index$8['default'];
148
148
  exports.Tabs = tabs['default'];
149
149
  exports.TabsItem = tabs_item.TabsItem;
package/build/esm/packages/aurora/src/components/color_picker/components/label.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useContext, useEffect } from 'react';
2
2
  import { createUseStyles } from '../../../../../../external/react-jss/dist/react-jss.esm.js';
3
- import { cssColorPickerInputColorPreview } from '../css_classes.js';
3
+ import { cssColoPickerLabel, cssColoPickerLabelColorPreview, cssColorPickerInputColorPreview } from '../css_classes.js';
4
4
  import { DropdownContext } from '../../dropdown/context/index.js';
5
5
  import styles from '../../../css/color_picker/main.module.less.js';
6
6
  import { ColorPickerContext } from '../context.js';
@@ -21,8 +21,8 @@ const ColorPickerLabel = ({ name, isRequired, id }) => {
21
21
  }
22
22
  // eslint-disable-next-line
23
23
  }, [isOpen]);
24
- return (React.createElement(React.Fragment, null,
25
- React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: `${classes.colorPreview} ${styles[cssColorPickerInputColorPreview]}` }) }),
24
+ return (React.createElement("div", { className: styles[cssColoPickerLabel] },
25
+ React.createElement(InputWrapper, { value: color === null || color === void 0 ? void 0 : color.hex, size: "small", isFocused: isOpen, preElements: React.createElement("div", { className: `${styles[cssColoPickerLabelColorPreview]} ${classes.colorPreview} ${styles[cssColorPickerInputColorPreview]}` }) }),
26
26
  React.createElement("input", { type: "hidden", id: id, name: name, value: (color === null || color === void 0 ? void 0 : color.hex) || '', "aria-required": isRequired })));
27
27
  };
28
28
 
package/build/esm/packages/aurora/src/components/color_picker/css_classes.d.ts CHANGED
@@ -11,3 +11,5 @@ export declare const cssColorPickerMaskWhite: string;
11
11
  export declare const cssColorPickerMaskBlack: string;
12
12
  export declare const cssColorPickerPreviewContainer: string;
13
13
  export declare const cssColorPickerPreview: string;
14
+ export declare const cssColoPickerLabel: string;
15
+ export declare const cssColoPickerLabelColorPreview: string;
package/build/esm/packages/aurora/src/components/color_picker/css_classes.js CHANGED
@@ -10,7 +10,9 @@ const cssColorPickerMask = `${cssColorPicker}__mask`;
10
10
  const cssColorPickerMaskWhite = `${cssColorPickerMask}_white`;
11
11
  const cssColorPickerMaskBlack = `${cssColorPickerMask}_black`;
12
12
  const cssColorPickerPreviewContainer = `${cssColorPicker}__preview-container`;
13
- const cssColorPickerPreview = `${cssColorPicker}__preview`;
13
+ const cssColorPickerPreview = `${cssColorPicker}__preview`;
14
+ const cssColoPickerLabel = `${cssColorPicker}__label`;
15
+ const cssColoPickerLabelColorPreview = `${cssColorPicker}__label-color-preview`;
14
16
 
15
- export { cssColorPicker, cssColorPickerButtonsGroup, cssColorPickerHuePicker, cssColorPickerInputColorPreview, cssColorPickerInputContainer, cssColorPickerMask, cssColorPickerMaskBlack, cssColorPickerMaskWhite, cssColorPickerPointer, cssColorPickerPointerInside, cssColorPickerPreview, cssColorPickerPreviewContainer, cssColorPickerSaturationLightnessPicker };
17
+ export { cssColoPickerLabel, cssColoPickerLabelColorPreview, cssColorPicker, cssColorPickerButtonsGroup, cssColorPickerHuePicker, cssColorPickerInputColorPreview, cssColorPickerInputContainer, cssColorPickerMask, cssColorPickerMaskBlack, cssColorPickerMaskWhite, cssColorPickerPointer, cssColorPickerPointerInside, cssColorPickerPreview, cssColorPickerPreviewContainer, cssColorPickerSaturationLightnessPicker };
16
18
  //# sourceMappingURL=css_classes.js.map
package/build/esm/packages/aurora/src/components/color_picker/css_classes.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js CHANGED
@@ -20,7 +20,7 @@ import Dropdown from '../../../dropdown/index.js';
20
20
  * />
21
21
  * )
22
22
  */
23
- const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, hintOptions = { isFixed: true } }) => {
23
+ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label, id, onChange, hideChooseCancelButtons, errors, hint, helper, hintOptions = { isFixed: true } }) => {
24
24
  const colorPickerContext = useColorPicker({ initialColorHex: initialColor, onChange });
25
25
  return (React.createElement(ColorPickerContext.Provider, { value: colorPickerContext },
26
26
  React.createElement(Dropdown, null,
@@ -29,6 +29,7 @@ const ControlColorPicker = ({ initialColor = '#FFFFFF', name, isRequired, label,
29
29
  (label || hint) && (React.createElement(Control.Label, { id: id, isRequired: isRequired },
30
30
  label,
31
31
  hint && React.createElement(Hint, { fixed: hintOptions.isFixed, spacingLeft: true, hint: hint }))),
32
+ helper && React.createElement(Control.Helper, { hasError: !!(errors === null || errors === void 0 ? void 0 : errors.length) }, helper),
32
33
  React.createElement(Control.Content, null,
33
34
  React.createElement(Control.Element, null,
34
35
  React.createElement(ColorPickerLabel, { name: name || '', isRequired: isRequired, id: id, label: label }))),
package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/controls/types.d.ts CHANGED
@@ -4,6 +4,7 @@ import { IColorPickerProps } from "../color_picker/types";
4
4
  import { IFilePicker } from "../file_picker/types";
5
5
  import { IRange } from "../range/types";
6
6
  import { TVerticalPosition } from "../../typings/general";
7
+ import React from 'react';
7
8
  export declare type TControlErrors = string[] | null | undefined;
8
9
  export interface IControlContext {
9
10
  errors?: TControlErrors;
@@ -139,6 +140,7 @@ export interface IControlColorPickerProps extends IColorPickerProps, IControlCom
139
140
  label?: string;
140
141
  isRequired?: boolean;
141
142
  hideChooseCancelButtons?: boolean;
143
+ helper?: React.ReactNode;
142
144
  }
143
145
  export interface IControlTextareaProps extends ITextareaProps, IControlCommonProps {
144
146
  label?: string;
package/build/esm/packages/aurora/src/components/controls/types.js CHANGED
@@ -4,4 +4,5 @@ import '@auroraComponents/color_picker/types';
4
4
  import '@auroraComponents/file_picker/types';
5
5
  import '@auroraComponents/range/types';
6
6
  import '@auroraTypings/general';
7
+ import 'react';
7
8
  //# sourceMappingURL=types.js.map
package/build/esm/packages/aurora/src/components/controls/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA4F,OAAO,CAAC;AACpG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/controls/types.ts"],"names":[],"mappings":"AAAA,OAA4F,OAAO,CAAC;AACpG,OAAgD,kCAAkC,CAAC;AAEnF,OAAkC,sCAAsC,CAAC;AACzE,OAA4B,qCAAqC,CAAC;AAClE,OAAuB,+BAA+B,CAAC;AACvD,OAAkC,wBAAwB,CAAC;AAC3D,OAAkB,OAAO,CAAC"}
package/build/esm/packages/aurora/src/css/color_picker/main.module.less.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-picker__saturation-lightness-picker__2oEPs {\n min-height: 15rem;\n margin: 1rem;\n flex: 1 1 auto;\n position: relative;\n cursor: pointer;\n border-radius: 0.5rem;\n}\n.main-module_color-picker__preview-container__yJd0N {\n margin: 1rem;\n display: flex;\n flex: 0 0 10%;\n}\n.main-module_color-picker__preview__1A7jV {\n width: 6rem;\n height: 6rem;\n margin-bottom: auto;\n border-radius: 0.5rem;\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__hue-picker__2f9fp {\n width: auto;\n cursor: pointer;\n border-radius: 0.25rem;\n margin: 1rem;\n}\n.main-module_color-picker__mask__zGH3u {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n position: absolute;\n}\n.main-module_color-picker__mask_white__25fNT {\n background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);\n}\n.main-module_color-picker__mask_black__3fktq {\n background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n.main-module_color-picker__pointer__27Wa_ {\n border: 1px solid #135cc8;\n width: 20px;\n height: 20px;\n border-radius: calc(20px / 2);\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.main-module_color-picker__pointer-inside__20BXe {\n width: calc(20px / 2);\n height: calc(20px / 2);\n border-radius: calc(20px / 2);\n}\n.main-module_color-picker__buttons-group__2K4rp {\n flex-grow: 1;\n min-width: calc(100% - 2rem);\n}\n";
4
- var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-picker__saturation-lightness-picker":"main-module_color-picker__saturation-lightness-picker__2oEPs","color-picker__preview":"main-module_color-picker__preview__1A7jV","color-picker__mask":"main-module_color-picker__mask__zGH3u","color-picker__mask_white":"main-module_color-picker__mask_white__25fNT","color-picker__mask_black":"main-module_color-picker__mask_black__3fktq","color-picker__pointer":"main-module_color-picker__pointer__27Wa_","color-picker__pointer-inside":"main-module_color-picker__pointer-inside__20BXe","color-picker__buttons-group":"main-module_color-picker__buttons-group__2K4rp"};
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@media screen and (max-width: 576px) {\n .main-module_color-picker__3hU1p {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n }\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: auto;\n background: linear-gradient(90deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n}\n@media screen and (min-width: 576px) {\n .main-module_color-picker__hue-picker__2f9fp {\n margin: 1rem;\n width: 1rem;\n background: linear-gradient(180deg, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));\n }\n .main-module_color-picker__preview-container__yJd0N {\n flex-direction: column;\n }\n}\n.main-module_color-picker__3hU1p {\n display: flex;\n flex-wrap: wrap;\n}\n.main-module_color-picker__input-color-preview__2SAcQ {\n height: 2rem;\n width: 2rem;\n border-radius: calc(2rem / 8);\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__input-container__1tAfW {\n display: flex;\n align-items: center;\n -moz-column-gap: 4px;\n column-gap: 4px;\n}\n.main-module_color-picker__label-color-preview__1_7j9 {\n position: relative;\n margin-right: 0.5rem;\n}\n.main-module_color-picker__label-color-preview__1_7j9::after {\n content: '';\n display: block;\n position: absolute;\n height: 0;\n width: 0;\n right: 2px;\n bottom: -2px;\n transform: rotate(45deg);\n border-top: solid 7px transparent;\n border-bottom: solid 7px transparent;\n border-left: solid 7px #ffffff;\n}\n.main-module_color-picker__saturation-lightness-picker__2oEPs {\n min-height: 15rem;\n margin: 1rem;\n flex: 1 1 auto;\n position: relative;\n cursor: pointer;\n border-radius: 0.5rem;\n}\n.main-module_color-picker__preview-container__yJd0N {\n margin: 1rem;\n display: flex;\n flex: 0 0 10%;\n}\n.main-module_color-picker__preview__1A7jV {\n width: 6rem;\n height: 6rem;\n margin-bottom: auto;\n border-radius: 0.5rem;\n border: solid 1px #abb4cd;\n}\n.main-module_color-picker__hue-picker__2f9fp {\n width: auto;\n cursor: pointer;\n border-radius: 0.25rem;\n margin: 1rem;\n}\n.main-module_color-picker__mask__zGH3u {\n width: 100%;\n height: 100%;\n border-radius: 0.5rem;\n position: absolute;\n}\n.main-module_color-picker__mask_white__25fNT {\n background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);\n}\n.main-module_color-picker__mask_black__3fktq {\n background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);\n}\n.main-module_color-picker__pointer__27Wa_ {\n border: 1px solid #135cc8;\n width: 20px;\n height: 20px;\n border-radius: calc(20px / 2);\n background: #ffffff;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.main-module_color-picker__pointer-inside__20BXe {\n width: calc(20px / 2);\n height: calc(20px / 2);\n border-radius: calc(20px / 2);\n}\n.main-module_color-picker__buttons-group__2K4rp {\n flex-grow: 1;\n min-width: calc(100% - 2rem);\n}\n";
4
+ var styles = {"color-picker":"main-module_color-picker__3hU1p","color-picker__hue-picker":"main-module_color-picker__hue-picker__2f9fp","color-picker__preview-container":"main-module_color-picker__preview-container__yJd0N","color-picker__input-color-preview":"main-module_color-picker__input-color-preview__2SAcQ","color-picker__input-container":"main-module_color-picker__input-container__1tAfW","color-picker__label-color-preview":"main-module_color-picker__label-color-preview__1_7j9","color-picker__saturation-lightness-picker":"main-module_color-picker__saturation-lightness-picker__2oEPs","color-picker__preview":"main-module_color-picker__preview__1A7jV","color-picker__mask":"main-module_color-picker__mask__zGH3u","color-picker__mask_white":"main-module_color-picker__mask_white__25fNT","color-picker__mask_black":"main-module_color-picker__mask_black__3fktq","color-picker__pointer":"main-module_color-picker__pointer__27Wa_","color-picker__pointer-inside":"main-module_color-picker__pointer-inside__20BXe","color-picker__buttons-group":"main-module_color-picker__buttons-group__2K4rp"};
5
5
  styleInject(css_248z);
6
6
 
7
7
  export default styles;
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -11,6 +11,7 @@ export { default as Hint } from './components/hint/index.js';
11
11
  export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
12
12
  export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
13
13
  export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
14
+ export { default as Spacing } from './components/spacing/index.js';
14
15
  export { default as IconArrow } from './assets/icon_arrow.js';
15
16
  export { useToggle } from './components/dropdown/hooks/use_toggle.js';
16
17
  export { default as Dropdown } from './components/dropdown/index.js';
@@ -61,7 +62,6 @@ export { SlideCloseBtnWrapper } from './components/slide/components/slide_close_
61
62
  export { SlideContent } from './components/slide/components/slide_content.js';
62
63
  export { SlideFooter } from './components/slide/components/slide_footer.js';
63
64
  export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
64
- export { default as Spacing } from './components/spacing/index.js';
65
65
  export { default as Stack } from './components/stack/index.js';
66
66
  export { default as Tabs } from './components/tabs/components/tabs.js';
67
67
  export { TabsItem } from './components/tabs/components/tabs_item.js';
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.3.9",
5
+ "version": "2.4.0-1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",