@dreamcommerce/aurora 3.0.0-261 → 3.0.0-262
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_label_input.js +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +2 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -0
- 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 +3 -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 +2 -0
- 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_label_input.js +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs.js +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js +2 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -0
- 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 +3 -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 +2 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js.map +1 -1
- package/build/esm/packages/aurora/src/components/typography/typography.d.ts +1 -1
- package/package.json +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js +0 -30
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js.map +0 -1
package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.js
CHANGED
|
@@ -30,6 +30,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
|
|
|
30
30
|
var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
|
|
31
31
|
if (isCurrentValueGradient) colorName = gradientType === color_picker_constants.GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
|
|
32
32
|
return /*#__PURE__*/React__default['default'].createElement(input.Input, {
|
|
33
|
+
className: "aurora-cursor-pointer",
|
|
33
34
|
preElement: preElement,
|
|
34
35
|
type: "text",
|
|
35
36
|
id: id,
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_label_input.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;"}
|
|
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;"}
|
|
@@ -41,7 +41,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
|
|
|
41
41
|
}, /*#__PURE__*/React__default['default'].createElement("select", {
|
|
42
42
|
value: type,
|
|
43
43
|
onChange: handleSelectType,
|
|
44
|
-
className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
|
|
44
|
+
className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
|
|
45
45
|
}, /*#__PURE__*/React__default['default'].createElement("option", {
|
|
46
46
|
value: color_picker_constants.COLOR_PICKER_TYPES.HEX
|
|
47
47
|
}, color_picker_constants.COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default['default'].createElement("option", {
|
|
@@ -111,7 +111,8 @@ var Square = function Square() {
|
|
|
111
111
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
112
112
|
style: {
|
|
113
113
|
position: 'relative'
|
|
114
|
-
}
|
|
114
|
+
},
|
|
115
|
+
className: "aurora-cursor-pointer"
|
|
115
116
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
116
117
|
ref: squareRef,
|
|
117
118
|
onMouseUp: stopDragging,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,sFAA0F;AAClH,oBAAoB,wFAA4F;AAChH,sBAAsB,oFAAwF;AAC9G,6BAA6B,iGAAqG;AAClI,wBAAwB,2DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_shades.js
CHANGED
|
@@ -83,6 +83,7 @@ var ColorPickerShades = function ColorPickerShades() {
|
|
|
83
83
|
setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
|
|
84
84
|
};
|
|
85
85
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
|
|
86
|
+
className: "aurora-cursor-pointer",
|
|
86
87
|
size: "small",
|
|
87
88
|
onClick: handleOnClick,
|
|
88
89
|
key: "".concat(shade, "-").concat(index),
|
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;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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -17,7 +17,8 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
17
17
|
cssColor = _ref.cssColor,
|
|
18
18
|
size = _ref.size,
|
|
19
19
|
hasActiveBorder = _ref.hasActiveBorder,
|
|
20
|
-
onClick = _ref.onClick
|
|
20
|
+
onClick = _ref.onClick,
|
|
21
|
+
className = _ref.className;
|
|
21
22
|
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
22
23
|
activeColor = _useColorPicker.color;
|
|
23
24
|
var handleOnClick = function handleOnClick() {
|
|
@@ -29,7 +30,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
29
30
|
'aurora-w-4 aurora-h-4': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small,
|
|
30
31
|
'aurora-w-7 aurora-h-7': size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big,
|
|
31
32
|
'!aurora-border-active aurora-border-2': shouldApplyActiveBorder
|
|
32
|
-
}),
|
|
33
|
+
}, className),
|
|
33
34
|
onClick: handleOnClick
|
|
34
35
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
35
36
|
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
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,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;"}
|
|
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;AACA;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_variables.js
CHANGED
|
@@ -67,6 +67,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
67
67
|
});
|
|
68
68
|
};
|
|
69
69
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
|
|
70
|
+
className: "aurora-cursor-pointer",
|
|
70
71
|
size: "small",
|
|
71
72
|
onClick: handleOnClick,
|
|
72
73
|
key: "".concat(variable, "-").concat(index),
|
|
@@ -86,6 +87,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
86
87
|
});
|
|
87
88
|
};
|
|
88
89
|
return /*#__PURE__*/React__default['default'].createElement(color_picker_swatch.ColorPickerSwatch, {
|
|
90
|
+
className: "aurora-cursor-pointer",
|
|
89
91
|
size: "small",
|
|
90
92
|
onClick: handleOnClick,
|
|
91
93
|
key: "".concat(variable, "-").concat(index),
|
|
@@ -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;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;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.js
CHANGED
|
@@ -22,6 +22,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
|
|
|
22
22
|
var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
|
|
23
23
|
if (isCurrentValueGradient) colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
|
|
24
24
|
return /*#__PURE__*/React.createElement(Input, {
|
|
25
|
+
className: "aurora-cursor-pointer",
|
|
25
26
|
preElement: preElement,
|
|
26
27
|
type: "text",
|
|
27
28
|
id: id,
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_label_input.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;"}
|
|
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;"}
|
|
@@ -33,7 +33,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
|
|
|
33
33
|
}, /*#__PURE__*/React.createElement("select", {
|
|
34
34
|
value: type,
|
|
35
35
|
onChange: handleSelectType,
|
|
36
|
-
className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
|
|
36
|
+
className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
|
|
37
37
|
}, /*#__PURE__*/React.createElement("option", {
|
|
38
38
|
value: COLOR_PICKER_TYPES.HEX
|
|
39
39
|
}, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {
|
|
@@ -103,7 +103,8 @@ var Square = function Square() {
|
|
|
103
103
|
return /*#__PURE__*/React.createElement("div", {
|
|
104
104
|
style: {
|
|
105
105
|
position: 'relative'
|
|
106
|
-
}
|
|
106
|
+
},
|
|
107
|
+
className: "aurora-cursor-pointer"
|
|
107
108
|
}, /*#__PURE__*/React.createElement("div", {
|
|
108
109
|
ref: squareRef,
|
|
109
110
|
onMouseUp: stopDragging,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_shades.js
CHANGED
|
@@ -75,6 +75,7 @@ var ColorPickerShades = function ColorPickerShades() {
|
|
|
75
75
|
setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
|
|
76
76
|
};
|
|
77
77
|
return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
|
|
78
|
+
className: "aurora-cursor-pointer",
|
|
78
79
|
size: "small",
|
|
79
80
|
onClick: handleOnClick,
|
|
80
81
|
key: "".concat(shade, "-").concat(index),
|
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;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;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ interface IColorPickerSwatchProps {
|
|
|
7
7
|
size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
|
|
8
8
|
hasActiveBorder?: boolean;
|
|
9
9
|
onClick?: (color: ColorPickerColorTypes['hex']) => void;
|
|
10
|
+
className?: string;
|
|
10
11
|
}
|
|
11
12
|
export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
|
|
12
13
|
export {};
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -9,7 +9,8 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
9
9
|
cssColor = _ref.cssColor,
|
|
10
10
|
size = _ref.size,
|
|
11
11
|
hasActiveBorder = _ref.hasActiveBorder,
|
|
12
|
-
onClick = _ref.onClick
|
|
12
|
+
onClick = _ref.onClick,
|
|
13
|
+
className = _ref.className;
|
|
13
14
|
var _useColorPicker = useColorPicker(),
|
|
14
15
|
activeColor = _useColorPicker.color;
|
|
15
16
|
var handleOnClick = function handleOnClick() {
|
|
@@ -21,7 +22,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
21
22
|
'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
|
|
22
23
|
'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
|
|
23
24
|
'!aurora-border-active aurora-border-2': shouldApplyActiveBorder
|
|
24
|
-
}),
|
|
25
|
+
}, className),
|
|
25
26
|
onClick: handleOnClick
|
|
26
27
|
}, /*#__PURE__*/React.createElement("div", {
|
|
27
28
|
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
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,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;"}
|
|
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;AACA;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.js
CHANGED
|
@@ -59,6 +59,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
59
59
|
});
|
|
60
60
|
};
|
|
61
61
|
return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
|
|
62
|
+
className: "aurora-cursor-pointer",
|
|
62
63
|
size: "small",
|
|
63
64
|
onClick: handleOnClick,
|
|
64
65
|
key: "".concat(variable, "-").concat(index),
|
|
@@ -78,6 +79,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
|
|
|
78
79
|
});
|
|
79
80
|
};
|
|
80
81
|
return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
|
|
82
|
+
className: "aurora-cursor-pointer",
|
|
81
83
|
size: "small",
|
|
82
84
|
onClick: handleOnClick,
|
|
83
85
|
key: "".concat(variable, "-").concat(index),
|
|
@@ -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;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;AACA;AACA;AACA;"}
|
|
@@ -46,7 +46,7 @@ export declare const Typography: ({ variant, as, style, color, weight, size, lin
|
|
|
46
46
|
results?: number | undefined;
|
|
47
47
|
security?: string | undefined;
|
|
48
48
|
unselectable?: "off" | "on" | undefined;
|
|
49
|
-
inputMode?: "search" | "
|
|
49
|
+
inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
50
50
|
is?: string | undefined;
|
|
51
51
|
"aria-activedescendant"?: string | undefined;
|
|
52
52
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
package/package.json
CHANGED
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React, { useContext, useEffect } from 'react';
|
|
2
|
-
import { CloseLineIcon } from '@auroraAssets/icons/close_line_icon';
|
|
3
|
-
import { ColorPickerContext } from '../color_picker_context';
|
|
4
|
-
import '../color_picker_types';
|
|
5
|
-
import { Typography } from '@auroraComponents/typography/typography';
|
|
6
|
-
import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
|
|
7
|
-
import { useTranslation } from 'react-i18next';
|
|
8
|
-
export const ColorPickerHeader = () => {
|
|
9
|
-
const { handleCancel } = useColorPicker();
|
|
10
|
-
const [t] = useTranslation();
|
|
11
|
-
const { isColorPickerOpened, setIsColorPickerOpened } = useContext(ColorPickerContext);
|
|
12
|
-
const handleCancelButton = () => {
|
|
13
|
-
closePicker();
|
|
14
|
-
};
|
|
15
|
-
const closePicker = () => {
|
|
16
|
-
setIsColorPickerOpened(false);
|
|
17
|
-
handleCancel?.();
|
|
18
|
-
};
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (!isColorPickerOpened)
|
|
21
|
-
return;
|
|
22
|
-
document.addEventListener('visibilitychange', closePicker);
|
|
23
|
-
return () => document.removeEventListener('visibilitychange', closePicker);
|
|
24
|
-
}, [isColorPickerOpened]);
|
|
25
|
-
return (React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-py-2 aurora-px-4 aurora-border aurora-rounded-t-16 aurora-bg-neutral-0" },
|
|
26
|
-
React.createElement(Typography, { size: "s", weight: "semibold" }, `${t('Select color')}`),
|
|
27
|
-
React.createElement("button", { onClick: handleCancelButton, className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer" },
|
|
28
|
-
React.createElement(CloseLineIcon, { className: "aurora-w-4 aurora-h-4" }))));
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=color_picker_header.js.map
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_header.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color_picker_header.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/color_picker_header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1C,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAwB,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE5G,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,YAAY,EAAE,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,mBAAmB;YAAE,OAAO;QACjC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;IAC/E,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACH,6BAAK,SAAS,EAAC,sIAAsI;QACjJ,oBAAC,UAAU,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,UAAU,IAAE,GAAG,CAAC,CAAC,cAAc,CAAC,EAAE,CAAc;QAE5E,gCAAQ,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAC,kFAAkF;YAC7H,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,GAAG,CAC9C,CACP,CACT,CAAC;AACN,CAAC,CAAC"}
|