@dreamcommerce/aurora 2.20.3-10 → 2.20.3-2
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.
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +1 -3
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +2 -2
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/cjs/packages/aurora/src/components/tree/components/tree_node.js +1 -1
- package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +1 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +2 -2
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +1 -0
- package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/select.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +1 -1
- package/build/esm/packages/aurora/src/components/tree/components/tree_node.js +1 -1
- package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/index.js +1 -1
- package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-header.js
CHANGED
|
@@ -8,8 +8,8 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
|
|
|
8
8
|
var index = require('../../dropdown/context/index.js');
|
|
9
9
|
var context = require('../context.js');
|
|
10
10
|
var css_classes = require('../css_classes.js');
|
|
11
|
-
var main_module = require('../../../css/color_picker_new/main.module.less.js');
|
|
12
11
|
var icon_close = require('../../../assets/icon_close.js');
|
|
12
|
+
var main_module = require('../../../css/color_picker_new/main.module.less.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
|
@@ -6,8 +6,8 @@ var React = require('react');
|
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var input = require('../../../controls/components/input.js');
|
|
8
8
|
var context = require('../../context.js');
|
|
9
|
-
var color_picker_utils = require('../../color_picker_utils.js');
|
|
10
9
|
var utilities = require('@dreamcommerce/utilities');
|
|
10
|
+
var color_picker_utils = require('../../color_picker_utils.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var classnames = require('classnames');
|
|
7
6
|
var context = require('../context.js');
|
|
8
7
|
var css_classes = require('../css_classes.js');
|
|
9
8
|
var main_module = require('../../../css/color_picker_new/main.module.less.js');
|
|
@@ -18,7 +17,6 @@ var colorPickerFooter = require('./color-picker-footer.js');
|
|
|
18
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
18
|
|
|
20
19
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
21
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
22
20
|
|
|
23
21
|
var ColorPickerContent = function ColorPickerContent() {
|
|
24
22
|
var _useContext = React.useContext(context.ColorPickerNewContext),
|
|
@@ -40,7 +38,7 @@ var ColorPickerContent = function ColorPickerContent() {
|
|
|
40
38
|
hideInputType: true,
|
|
41
39
|
hideInputs: true,
|
|
42
40
|
hidePresets: true,
|
|
43
|
-
className:
|
|
41
|
+
className: "".concat(main_module['default'][css_classes.cssColorPickerRbgcp])
|
|
44
42
|
}), /*#__PURE__*/React__default['default'].createElement(colorPickerInputs.ColorPickerInputs, null), /*#__PURE__*/React__default['default'].createElement(colorPickerShades.ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React__default['default'].createElement(colorPickerVariables.ColorPickerVariables, {
|
|
45
43
|
variables: colorVariables.variables
|
|
46
44
|
})), /*#__PURE__*/React__default['default'].createElement(colorPickerFooter.ColorPickerFooter, null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js
CHANGED
|
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var context = require('../context.js');
|
|
7
7
|
var css_classes = require('../css_classes.js');
|
|
8
|
-
var
|
|
8
|
+
var dropdown = require('../../dropdown/components/dropdown.js');
|
|
9
9
|
var main_module = require('../../../css/color_picker_new/main.module.less.js');
|
|
10
10
|
var colorPickerSwatch = require('./color-picker-swatch.js');
|
|
11
11
|
var color_picker_content = require('./color_picker_content.js');
|
|
12
|
-
var
|
|
12
|
+
var colorLabelInput = require('./color-label-input.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map
CHANGED
|
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -12,7 +12,6 @@ var index = require('../context/index.js');
|
|
|
12
12
|
var responsive_breakpoints = require('../../../constants/responsive_breakpoints.js');
|
|
13
13
|
var use_screen_detect = require('../../../hooks/use_screen_detect.js');
|
|
14
14
|
var with_translation = require('../../../utilities/translation/with_translation.js');
|
|
15
|
-
var utilities$1 = require('@dreamcommerce/utilities');
|
|
16
15
|
var reactTransitionGroup = require('react-transition-group');
|
|
17
16
|
var constants = require('../constants.js');
|
|
18
17
|
var css_classes = require('../css_classes.js');
|
|
@@ -20,6 +19,7 @@ var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
|
20
19
|
var utilities = require('../utilities.js');
|
|
21
20
|
var use_click_outside = require('../../../hooks/use_click_outside.js');
|
|
22
21
|
var icon_arrow = require('../../../assets/icon_arrow.js');
|
|
22
|
+
var utilities$1 = require('@dreamcommerce/utilities');
|
|
23
23
|
var main_module$1 = require('../../../css/hint/main.module.less.js');
|
|
24
24
|
var main_module$2 = require('../../../css/tooltip/main.module.less.js');
|
|
25
25
|
var use_dropdowns_manager_context = require('../hooks/use_dropdowns_manager_context.js');
|
|
@@ -6,10 +6,10 @@ var React = require('react');
|
|
|
6
6
|
var index = require('../context/index.js');
|
|
7
7
|
var css_classes = require('../../controls/css_classes.js');
|
|
8
8
|
var main_module$1 = require('../../../css/input/main.module.less.js');
|
|
9
|
-
var icon_close = require('../../../assets/icon_close.js');
|
|
10
9
|
var main_module = require('../../../css/dropdown/main.module.less.js');
|
|
11
10
|
var utilities = require('../utilities.js');
|
|
12
11
|
var use_keyboard_open_close = require('../hooks/use_keyboard_open_close.js');
|
|
12
|
+
var icon_close = require('../../../assets/icon_close.js');
|
|
13
13
|
var input_wrapper = require('../../controls/components/input_wrapper.js');
|
|
14
14
|
|
|
15
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index$1 = require('../../stack/index.js');
|
|
7
|
-
var icon_close = require('../../../assets/icon_close.js');
|
|
8
7
|
var reactTransitionGroup = require('react-transition-group');
|
|
8
|
+
var icon_close = require('../../../assets/icon_close.js');
|
|
9
9
|
var main_module = require('../../../css/flash_message/main.module.less.js');
|
|
10
10
|
var context = require('../context.js');
|
|
11
11
|
var index = require('../../message-box/index.js');
|
|
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var classnames = require('classnames');
|
|
8
|
-
var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
|
|
9
8
|
var reactTransitionGroup = require('react-transition-group');
|
|
9
|
+
var icon_list_arrow_down = require('../../../assets/icon_list_arrow_down.js');
|
|
10
10
|
var css_classes = require('../css_classes.js');
|
|
11
11
|
var main_module = require('../../../css/tree/main.module.less.js');
|
|
12
12
|
var tree_hook = require('../hooks/tree_hook.js');
|
|
@@ -4,7 +4,7 @@ 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.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div:hover {\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NTc5IDQuNTgwMjFMMTIuNTg4OCA1Ljc0OTI1TDEzLjc1NzkgNi45MTgzTDEyLjU4ODggOC4wODczNEwxMi4wMDQzIDcuNTAyODJMNS43NDkyNSAxMy43NTc5QzUuNTg5OCAxMy45MTczIDUuMzcyMTMgMTQuMDA0NyA1LjE0NjY5IDEzLjk5OThMMi44NTg1NiAxMy45NDk4QzIuNDE2MTUgMTMuOTQwMiAyLjA1OTgyIDEzLjU4MzggMi4wNTAxNiAxMy4xNDE0TDIuMDAwMiAxMC44NTMzQzEuOTk1MjcgMTAuNjI3OSAyLjA4MjY3IDEwLjQxMDIgMi4yNDIxMiAxMC4yNTA3TDguNDk3MTggMy45OTU2OUw3LjkxMjY2IDMuNDExMTZMOS4wODE3IDIuMjQyMTJMMTAuMjUwNyAzLjQxMTE2TDExLjQxOTggMi4yNDIxMkMxMS43NDI2IDEuOTE5MjkgMTIuMjY2IDEuOTE5MjkgMTIuNTg4OCAyLjI0MjEyTDEzLjc1NzkgMy40MTExNkMxNC4wODA3IDMuNzMzOTggMTQuMDgwNyA0LjI1NzM4IDEzLjc1NzkgNC41ODAyMVpNOS42NjYyMyA1LjE2NDczTDQuMDc3NyAxMC43NTMzTDUuMjQ2NzQgMTEuOTIyM0wxMC44MzUzIDYuMzMzNzhMOS42NjYyMyA1LjE2NDczWiIgZmlsbD0iIzJEMzc0OCIvPgo8L3N2Zz4K) center;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
8
8
|
var styles = {
|
|
9
9
|
"color-picker__container": "main-module_color-picker__container__14ccI",
|
|
10
10
|
"color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
|
|
@@ -10,7 +10,6 @@ var index$1 = require('./components/button/index.js');
|
|
|
10
10
|
var index$3 = require('./components/buttons_group/index.js');
|
|
11
11
|
var index$B = require('./components/dropdown/context/index.js');
|
|
12
12
|
var index$j = require('./components/color_picker/index.js');
|
|
13
|
-
var color_picker_utils = require('./components/color_picker_new/color_picker_utils.js');
|
|
14
13
|
var use_click_outside = require('./hooks/use_click_outside.js');
|
|
15
14
|
var icon_arrow = require('./assets/icon_arrow.js');
|
|
16
15
|
var icon_tick = require('./assets/icon_tick.js');
|
|
@@ -20,6 +19,7 @@ var use_toggle = require('./components/dropdown/hooks/use_toggle.js');
|
|
|
20
19
|
var index$H = require('./components/hint/index.js');
|
|
21
20
|
var index$a = require('./components/controls/hoc/control_checkbox/index.js');
|
|
22
21
|
var dropdown = require('./components/dropdown/components/dropdown.js');
|
|
22
|
+
var color_picker_utils = require('./components/color_picker_new/color_picker_utils.js');
|
|
23
23
|
var index$k = require('./components/color_picker_new/index.js');
|
|
24
24
|
var index$G = require('./components/controls/hoc/control_cell_selector/index.js');
|
|
25
25
|
var index$b = require('./components/controls/hoc/control_checkbox_switch/index.js');
|
|
@@ -106,7 +106,6 @@ exports.ButtonsGroup = index$3['default'];
|
|
|
106
106
|
exports.DropdownContext = index$B.DropdownContext;
|
|
107
107
|
exports.useDropdownContext = index$B.useDropdownContext;
|
|
108
108
|
exports.ColorPicker = index$j['default'];
|
|
109
|
-
exports.ColorPickerUtils = color_picker_utils.ColorPickerUtils;
|
|
110
109
|
exports.useClickOutside = use_click_outside.useClickOutside;
|
|
111
110
|
exports.IconArrow = icon_arrow['default'];
|
|
112
111
|
exports.IconTick = icon_tick['default'];
|
|
@@ -116,6 +115,7 @@ exports.useToggle = use_toggle.useToggle;
|
|
|
116
115
|
exports.Hint = index$H['default'];
|
|
117
116
|
exports.ControlCheckbox = index$a['default'];
|
|
118
117
|
exports.Dropdown = dropdown['default'];
|
|
118
|
+
exports.ColorPickerUtils = color_picker_utils.ColorPickerUtils;
|
|
119
119
|
exports.ColorPickerNew = index$k['default'];
|
|
120
120
|
exports.ControlCellSelector = index$G['default'];
|
|
121
121
|
exports.ControlCheckboxSwitch = index$b['default'];
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.js
CHANGED
|
@@ -4,8 +4,8 @@ import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rol
|
|
|
4
4
|
import { DropdownContext } from '../../dropdown/context/index.js';
|
|
5
5
|
import { ColorPickerNewContext } from '../context.js';
|
|
6
6
|
import { cssColorPickerHeader, cssColorPickerCloseIcon } from '../css_classes.js';
|
|
7
|
-
import styles from '../../../css/color_picker_new/main.module.less.js';
|
|
8
7
|
import IconClose from '../../../assets/icon_close.js';
|
|
8
|
+
import styles from '../../../css/color_picker_new/main.module.less.js';
|
|
9
9
|
|
|
10
10
|
var ColorPickerHeader = function ColorPickerHeader() {
|
|
11
11
|
var _useContext = useContext(ColorPickerNewContext),
|
|
@@ -2,8 +2,8 @@ import React, { useContext, useState, useEffect } from 'react';
|
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import Input from '../../../controls/components/input.js';
|
|
4
4
|
import { ColorPickerNewContext } from '../../context.js';
|
|
5
|
-
import { ColorPickerUtils } from '../../color_picker_utils.js';
|
|
6
5
|
import { InputUtils } from '@dreamcommerce/utilities';
|
|
6
|
+
import { ColorPickerUtils } from '../../color_picker_utils.js';
|
|
7
7
|
|
|
8
8
|
var ColorPickerInputsHex = function ColorPickerInputsHex() {
|
|
9
9
|
var _useContext = useContext(ColorPickerNewContext),
|
package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
2
|
import { ColorPickerNewContext } from '../context.js';
|
|
4
3
|
import { cssColorPickerContainer, cssColorPickerRbgcp } from '../css_classes.js';
|
|
5
4
|
import styles from '../../../css/color_picker_new/main.module.less.js';
|
|
@@ -31,7 +30,7 @@ var ColorPickerContent = function ColorPickerContent() {
|
|
|
31
30
|
hideInputType: true,
|
|
32
31
|
hideInputs: true,
|
|
33
32
|
hidePresets: true,
|
|
34
|
-
className:
|
|
33
|
+
className: "".concat(styles[cssColorPickerRbgcp])
|
|
35
34
|
}), /*#__PURE__*/React.createElement(ColorPickerInputs, null), /*#__PURE__*/React.createElement(ColorPickerShades, null), (colorVariables === null || colorVariables === void 0 ? void 0 : colorVariables.isVisible) && /*#__PURE__*/React.createElement(ColorPickerVariables, {
|
|
36
35
|
variables: colorVariables.variables
|
|
37
36
|
})), /*#__PURE__*/React.createElement(ColorPickerFooter, null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,4BAA4B,0FAA8F;AAC1H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/pure_color_picker.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
2
|
import { ColorPickerNewContext } from '../context.js';
|
|
3
3
|
import { cssColorPicker, cssColorPickerInputContainer, cssColorPickerInputColorSwatchContainer } from '../css_classes.js';
|
|
4
|
-
import
|
|
4
|
+
import Dropdown from '../../dropdown/components/dropdown.js';
|
|
5
5
|
import styles from '../../../css/color_picker_new/main.module.less.js';
|
|
6
6
|
import { ColorPickerSwatch } from './color-picker-swatch.js';
|
|
7
7
|
import { ColorPickerContent } from './color_picker_content.js';
|
|
8
|
-
import
|
|
8
|
+
import { ColorLabelInput } from './color-label-input.js';
|
|
9
9
|
|
|
10
10
|
var ColorPickerNewPure = function ColorPickerNewPure(_ref) {
|
|
11
11
|
var id = _ref.id,
|
package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,mDAAmD,8FAAkG;AACrJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -8,7 +8,6 @@ import { useDropdownContext } from '../context/index.js';
|
|
|
8
8
|
import { SCREEN_XS } from '../../../constants/responsive_breakpoints.js';
|
|
9
9
|
import { useScreenDetect } from '../../../hooks/use_screen_detect.js';
|
|
10
10
|
import withTranslation from '../../../utilities/translation/with_translation.js';
|
|
11
|
-
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
12
11
|
import { TransitionGroup, CSSTransition } from 'react-transition-group';
|
|
13
12
|
import { DROPDOWN_Z_INDEX, DROPDOWN_CONTENT_ARROW_HEIGHT, DROPDOWN_ON_MODAL_Z_INDEX } from '../constants.js';
|
|
14
13
|
import { jsDropdownContentClass, cssDropdownContent, cssDropdownContentOnTop, cssDropdownContentOnBottom, cssDropdownArrowHorizontalDirectionRight, cssDropdownArrowVerticalDirectionBottom, cssDropdownHeader, cssDropdownHeaderContent, cssDropdownHeaderTitle } from '../css_classes.js';
|
|
@@ -16,6 +15,7 @@ import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
|
16
15
|
import { getBounding, getXYModifiersForNestedDropdowns, isChildOfModal } from '../utilities.js';
|
|
17
16
|
import { useClickOutside } from '../../../hooks/use_click_outside.js';
|
|
18
17
|
import IconArrow from '../../../assets/icon_arrow.js';
|
|
18
|
+
import { UiDomUtils } from '@dreamcommerce/utilities';
|
|
19
19
|
import cssClasses$1 from '../../../css/hint/main.module.less.js';
|
|
20
20
|
import cssClasses$2 from '../../../css/tooltip/main.module.less.js';
|
|
21
21
|
import { useDropdownsManagerContext } from '../hooks/use_dropdowns_manager_context.js';
|
|
@@ -2,10 +2,10 @@ import React, { useRef } from 'react';
|
|
|
2
2
|
import { useDropdownContext } from '../context/index.js';
|
|
3
3
|
import { cssControlInputRemoveButton } from '../../controls/css_classes.js';
|
|
4
4
|
import inputCssClasses from '../../../css/input/main.module.less.js';
|
|
5
|
-
import IconClose from '../../../assets/icon_close.js';
|
|
6
5
|
import cssClasses from '../../../css/dropdown/main.module.less.js';
|
|
7
6
|
import { filterOptionDuplicatesByProperty } from '../utilities.js';
|
|
8
7
|
import { useKeyboardOpenClose } from '../hooks/use_keyboard_open_close.js';
|
|
8
|
+
import IconClose from '../../../assets/icon_close.js';
|
|
9
9
|
import InputWrapper from '../../controls/components/input_wrapper.js';
|
|
10
10
|
|
|
11
11
|
/**
|
package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import Stack from '../../stack/index.js';
|
|
3
|
-
import IconClose from '../../../assets/icon_close.js';
|
|
4
3
|
import { CSSTransition } from 'react-transition-group';
|
|
4
|
+
import IconClose from '../../../assets/icon_close.js';
|
|
5
5
|
import cssClasses from '../../../css/flash_message/main.module.less.js';
|
|
6
6
|
import { useFlashMessenger } from '../context.js';
|
|
7
7
|
import MessageBox from '../../message-box/index.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, Children } from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
-
import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
|
|
5
4
|
import { CSSTransition } from 'react-transition-group';
|
|
5
|
+
import { IconListArrowDown } from '../../../assets/icon_list_arrow_down.js';
|
|
6
6
|
import { TREE_NODE_CSS_CLASSES } from '../css_classes.js';
|
|
7
7
|
import cssClasses from '../../../css/tree/main.module.less.js';
|
|
8
8
|
import { useTree } from '../hooks/tree_hook.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
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.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div:hover {\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NTc5IDQuNTgwMjFMMTIuNTg4OCA1Ljc0OTI1TDEzLjc1NzkgNi45MTgzTDEyLjU4ODggOC4wODczNEwxMi4wMDQzIDcuNTAyODJMNS43NDkyNSAxMy43NTc5QzUuNTg5OCAxMy45MTczIDUuMzcyMTMgMTQuMDA0NyA1LjE0NjY5IDEzLjk5OThMMi44NTg1NiAxMy45NDk4QzIuNDE2MTUgMTMuOTQwMiAyLjA1OTgyIDEzLjU4MzggMi4wNTAxNiAxMy4xNDE0TDIuMDAwMiAxMC44NTMzQzEuOTk1MjcgMTAuNjI3OSAyLjA4MjY3IDEwLjQxMDIgMi4yNDIxMiAxMC4yNTA3TDguNDk3MTggMy45OTU2OUw3LjkxMjY2IDMuNDExMTZMOS4wODE3IDIuMjQyMTJMMTAuMjUwNyAzLjQxMTE2TDExLjQxOTggMi4yNDIxMkMxMS43NDI2IDEuOTE5MjkgMTIuMjY2IDEuOTE5MjkgMTIuNTg4OCAyLjI0MjEyTDEzLjc1NzkgMy40MTExNkMxNC4wODA3IDMuNzMzOTggMTQuMDgwNyA0LjI1NzM4IDEzLjc1NzkgNC41ODAyMVpNOS42NjYyMyA1LjE2NDczTDQuMDc3NyAxMC43NTMzTDUuMjQ2NzQgMTEuOTIyM0wxMC44MzUzIDYuMzMzNzhMOS42NjYyMyA1LjE2NDczWiIgZmlsbD0iIzJEMzc0OCIvPgo8L3N2Zz4K) center;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
|
|
4
4
|
var styles = {
|
|
5
5
|
"color-picker__container": "main-module_color-picker__container__14ccI",
|
|
6
6
|
"color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
|
|
@@ -6,7 +6,6 @@ export { default as Button } from './components/button/index.js';
|
|
|
6
6
|
export { default as ButtonsGroup } from './components/buttons_group/index.js';
|
|
7
7
|
export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
|
|
8
8
|
export { default as ColorPicker } from './components/color_picker/index.js';
|
|
9
|
-
export { ColorPickerUtils } from './components/color_picker_new/color_picker_utils.js';
|
|
10
9
|
export { useClickOutside } from './hooks/use_click_outside.js';
|
|
11
10
|
export { default as IconArrow } from './assets/icon_arrow.js';
|
|
12
11
|
export { default as IconTick } from './assets/icon_tick.js';
|
|
@@ -16,6 +15,7 @@ export { useToggle } from './components/dropdown/hooks/use_toggle.js';
|
|
|
16
15
|
export { default as Hint } from './components/hint/index.js';
|
|
17
16
|
export { default as ControlCheckbox } from './components/controls/hoc/control_checkbox/index.js';
|
|
18
17
|
export { default as Dropdown } from './components/dropdown/components/dropdown.js';
|
|
18
|
+
export { ColorPickerUtils } from './components/color_picker_new/color_picker_utils.js';
|
|
19
19
|
export { default as ColorPickerNew } from './components/color_picker_new/index.js';
|
|
20
20
|
export { default as ControlCellSelector } from './components/controls/hoc/control_cell_selector/index.js';
|
|
21
21
|
export { default as ControlCheckboxSwitch } from './components/controls/hoc/control_checkbox_switch/index.js';
|