@dreamcommerce/aurora 3.0.0-215 → 3.0.0-217
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/components/color_picker_mode_toggler.js +2 -2
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +2 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +13 -2
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -6
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.js +2 -2
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +2 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +13 -2
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js +10 -6
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -27,8 +27,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
27
27
|
setLinear = _useColorPicker.setLinear,
|
|
28
28
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
29
29
|
previousGradientColor = _useColorPicker.previousGradientColor;
|
|
30
|
-
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong';
|
|
31
|
-
var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
|
|
30
|
+
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
|
|
31
|
+
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
32
32
|
return /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
|
|
33
33
|
spacing: "1",
|
|
34
34
|
className: "aurora-flex aurora-list-none"
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js
CHANGED
|
@@ -87,7 +87,8 @@ var ColorPickerShades = function ColorPickerShades() {
|
|
|
87
87
|
onClick: handleOnClick,
|
|
88
88
|
key: "".concat(shade, "-").concat(index),
|
|
89
89
|
color: colorHex,
|
|
90
|
-
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
|
|
90
|
+
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
|
|
91
|
+
hasActiveBorder: true
|
|
91
92
|
});
|
|
92
93
|
})));
|
|
93
94
|
};
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -3,7 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var cn = require('../../../utilities/cn.js');
|
|
6
7
|
var color_picker_constants = require('../color_picker_constants.js');
|
|
8
|
+
var tinycolor = require('../../../../../../external/tinycolor2/esm/tinycolor.js');
|
|
9
|
+
var use_color_picker = require('../hooks/use_color_picker.js');
|
|
7
10
|
|
|
8
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
12
|
|
|
@@ -13,15 +16,23 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
13
16
|
var color = _ref.color,
|
|
14
17
|
cssColor = _ref.cssColor,
|
|
15
18
|
size = _ref.size,
|
|
19
|
+
hasActiveBorder = _ref.hasActiveBorder,
|
|
16
20
|
onClick = _ref.onClick;
|
|
21
|
+
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
22
|
+
activeColor = _useColorPicker.color;
|
|
17
23
|
var handleOnClick = function handleOnClick() {
|
|
18
24
|
onClick === null || onClick === void 0 ? void 0 : onClick(color);
|
|
19
25
|
};
|
|
26
|
+
var shouldApplyActiveBorder = hasActiveBorder && tinycolor['default'](activeColor.value).toHex() === color;
|
|
20
27
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
21
|
-
className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden
|
|
28
|
+
className: cn.cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
|
|
29
|
+
'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
|
|
30
|
+
'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
|
|
31
|
+
'!aurora-border-active aurora-border-2': shouldApplyActiveBorder
|
|
32
|
+
}),
|
|
22
33
|
onClick: handleOnClick
|
|
23
34
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
24
|
-
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-
|
|
35
|
+
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
|
25
36
|
style: {
|
|
26
37
|
background: "".concat(cssColor)
|
|
27
38
|
}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.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,wBAAwB,wDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js
CHANGED
|
@@ -70,23 +70,27 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
70
70
|
onClick: handleOnClick,
|
|
71
71
|
key: "".concat(variable, "-").concat(index),
|
|
72
72
|
color: colorHex,
|
|
73
|
-
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
|
|
73
|
+
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
|
|
74
|
+
hasActiveBorder: true
|
|
74
75
|
});
|
|
75
76
|
})), isOpen && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
76
77
|
className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
|
|
77
78
|
}, allShades.map(function (variable, index) {
|
|
79
|
+
var colorTiny = color_picker_utils.ColorPickerUtils.getTinyColorInstance(variable.value);
|
|
80
|
+
var colorHex = color_picker_utils.ColorPickerUtils.getHexValue(colorTiny);
|
|
78
81
|
var handleOnClick = function handleOnClick() {
|
|
79
|
-
return setColor
|
|
80
|
-
value:
|
|
81
|
-
name: variable.name
|
|
82
|
+
return setColor({
|
|
83
|
+
value: colorHex,
|
|
84
|
+
name: "".concat(variable.name)
|
|
82
85
|
});
|
|
83
86
|
};
|
|
84
87
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
|
|
85
88
|
size: "small",
|
|
86
89
|
onClick: handleOnClick,
|
|
87
90
|
key: "".concat(variable, "-").concat(index),
|
|
88
|
-
color:
|
|
89
|
-
cssColor:
|
|
91
|
+
color: colorHex,
|
|
92
|
+
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny),
|
|
93
|
+
hasActiveBorder: true
|
|
90
94
|
});
|
|
91
95
|
}))));
|
|
92
96
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,6BAA6B,oEAAwE;AACrG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -19,8 +19,8 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
|
|
|
19
19
|
setLinear = _useColorPicker.setLinear,
|
|
20
20
|
previousSolidColor = _useColorPicker.previousSolidColor,
|
|
21
21
|
previousGradientColor = _useColorPicker.previousGradientColor;
|
|
22
|
-
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong';
|
|
23
|
-
var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
|
|
22
|
+
var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong hover:aurora-border-2';
|
|
23
|
+
var activeClassNames = 'aurora-border-2 aurora-border-solid !aurora-border-active';
|
|
24
24
|
return /*#__PURE__*/React.createElement(Stack, {
|
|
25
25
|
spacing: "1",
|
|
26
26
|
className: "aurora-flex aurora-list-none"
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js
CHANGED
|
@@ -79,7 +79,8 @@ var ColorPickerShades = function ColorPickerShades() {
|
|
|
79
79
|
onClick: handleOnClick,
|
|
80
80
|
key: "".concat(shade, "-").concat(index),
|
|
81
81
|
color: colorHex,
|
|
82
|
-
cssColor: ColorPickerUtils.getHexValueString(colorTiny)
|
|
82
|
+
cssColor: ColorPickerUtils.getHexValueString(colorTiny),
|
|
83
|
+
hasActiveBorder: true
|
|
83
84
|
});
|
|
84
85
|
})));
|
|
85
86
|
};
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_swatch.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ interface IColorPickerSwatchProps {
|
|
|
5
5
|
color: string;
|
|
6
6
|
cssColor: string;
|
|
7
7
|
size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
|
|
8
|
+
hasActiveBorder?: boolean;
|
|
8
9
|
onClick?: (color: ColorPickerColorTypes['hex']) => void;
|
|
9
10
|
}
|
|
10
11
|
export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -1,19 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { cn } from '../../../utilities/cn.js';
|
|
2
3
|
import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants.js';
|
|
4
|
+
import tinycolor from '../../../../../../external/tinycolor2/esm/tinycolor.js';
|
|
5
|
+
import { useColorPicker } from '../hooks/use_color_picker.js';
|
|
3
6
|
|
|
4
7
|
var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
5
8
|
var color = _ref.color,
|
|
6
9
|
cssColor = _ref.cssColor,
|
|
7
10
|
size = _ref.size,
|
|
11
|
+
hasActiveBorder = _ref.hasActiveBorder,
|
|
8
12
|
onClick = _ref.onClick;
|
|
13
|
+
var _useColorPicker = useColorPicker(),
|
|
14
|
+
activeColor = _useColorPicker.color;
|
|
9
15
|
var handleOnClick = function handleOnClick() {
|
|
10
16
|
onClick === null || onClick === void 0 ? void 0 : onClick(color);
|
|
11
17
|
};
|
|
18
|
+
var shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor.value).toHex() === color;
|
|
12
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
13
|
-
className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden
|
|
20
|
+
className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
|
|
21
|
+
'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
|
|
22
|
+
'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
|
|
23
|
+
'!aurora-border-active aurora-border-2': shouldApplyActiveBorder
|
|
24
|
+
}),
|
|
14
25
|
onClick: handleOnClick
|
|
15
26
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-
|
|
27
|
+
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
|
17
28
|
style: {
|
|
18
29
|
background: "".concat(cssColor)
|
|
19
30
|
}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.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;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;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/components/color_picker_variables.js
CHANGED
|
@@ -62,23 +62,27 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
62
62
|
onClick: handleOnClick,
|
|
63
63
|
key: "".concat(variable, "-").concat(index),
|
|
64
64
|
color: colorHex,
|
|
65
|
-
cssColor: ColorPickerUtils.getHexValueString(colorTiny)
|
|
65
|
+
cssColor: ColorPickerUtils.getHexValueString(colorTiny),
|
|
66
|
+
hasActiveBorder: true
|
|
66
67
|
});
|
|
67
68
|
})), isOpen && (/*#__PURE__*/React.createElement("div", {
|
|
68
69
|
className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
|
|
69
70
|
}, allShades.map(function (variable, index) {
|
|
71
|
+
var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
|
|
72
|
+
var colorHex = ColorPickerUtils.getHexValue(colorTiny);
|
|
70
73
|
var handleOnClick = function handleOnClick() {
|
|
71
|
-
return setColor
|
|
72
|
-
value:
|
|
73
|
-
name: variable.name
|
|
74
|
+
return setColor({
|
|
75
|
+
value: colorHex,
|
|
76
|
+
name: "".concat(variable.name)
|
|
74
77
|
});
|
|
75
78
|
};
|
|
76
79
|
return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
|
|
77
80
|
size: "small",
|
|
78
81
|
onClick: handleOnClick,
|
|
79
82
|
key: "".concat(variable, "-").concat(index),
|
|
80
|
-
color:
|
|
81
|
-
cssColor:
|
|
83
|
+
color: colorHex,
|
|
84
|
+
cssColor: ColorPickerUtils.getHexValueString(colorTiny),
|
|
85
|
+
hasActiveBorder: true
|
|
82
86
|
});
|
|
83
87
|
}))));
|
|
84
88
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|