@dreamcommerce/aurora 3.0.0-213 → 3.0.0-215
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/assets/icons/add_line_icon.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/add_line_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/assets/icons/subtract_line_icon.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/subtract_line_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/action_list/action_list_constants.js +11 -0
- package/build/cjs/packages/aurora/src/components/action_list/action_list_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js +20 -0
- package/build/cjs/packages/aurora/src/components/action_list/action_list_variants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js +10 -5
- package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
- 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 +2 -13
- package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/stack/stack.js +1 -1
- package/build/cjs/packages/aurora/src/components/stack/stack.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +99 -0
- package/build/cjs/packages/aurora/src/components/zoom_stepper/zoom_stepper.js.map +1 -0
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/add_line_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/add_line_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/subtract_line_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_constants.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js +7 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_types.d.ts +7 -1
- package/build/esm/packages/aurora/src/components/action_list/action_list_types.js +3 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/action_list/action_list_variants.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js +16 -0
- package/build/esm/packages/aurora/src/components/action_list/action_list_variants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.d.ts +3 -3
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js +10 -5
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js +1 -2
- 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 +0 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js +2 -13
- package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack.js +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack.js.map +1 -1
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js +91 -0
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js +2 -0
- package/build/esm/packages/aurora/src/components/zoom_stepper/zoom_stepper_types.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -0
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var react = require('@remixicon/react');
|
|
6
|
+
|
|
7
|
+
var SubtractLineIcon = react.RiSubtractLine;
|
|
8
|
+
|
|
9
|
+
exports.SubtractLineIcon = SubtractLineIcon;
|
|
10
|
+
//# sourceMappingURL=subtract_line_icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ACTION_LIST_VARIANTS = {
|
|
6
|
+
basic: 'basic',
|
|
7
|
+
noDropdownIcon: 'noDropdownIcon'
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
exports.ACTION_LIST_VARIANTS = ACTION_LIST_VARIANTS;
|
|
11
|
+
//# sourceMappingURL=action_list_constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
6
|
+
|
|
7
|
+
var actionListTriggerVariants = index.cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
basic: '',
|
|
11
|
+
noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
variant: 'basic'
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
exports.actionListTriggerVariants = actionListTriggerVariants;
|
|
20
|
+
//# sourceMappingURL=action_list_variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.js
CHANGED
|
@@ -5,26 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
7
|
var cn = require('../../../utilities/cn.js');
|
|
8
|
-
require('@radix-ui/react-dropdown-menu');
|
|
9
8
|
var action_list_generic_trigger = require('./action_list_generic_trigger.js');
|
|
9
|
+
var action_list_variants = require('../action_list_variants.js');
|
|
10
10
|
var arrow_down_s_line_icon = require('../../../assets/icons/arrow_down_s_line_icon.js');
|
|
11
|
+
var action_list_constants = require('../action_list_constants.js');
|
|
11
12
|
|
|
12
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
14
|
|
|
14
15
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
16
|
|
|
16
|
-
var _excluded = ["children", "className"];
|
|
17
|
+
var _excluded = ["children", "className", "variant"];
|
|
17
18
|
var ActionListTrigger = function ActionListTrigger(_ref) {
|
|
18
19
|
var children = _ref.children,
|
|
19
20
|
className = _ref.className,
|
|
21
|
+
_ref$variant = _ref.variant,
|
|
22
|
+
variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
|
|
20
23
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
21
24
|
return /*#__PURE__*/React__default['default'].createElement(action_list_generic_trigger.ActionListGenericTrigger, _rollupPluginBabelHelpers.objectSpread2({
|
|
22
|
-
className: cn.cn(
|
|
25
|
+
className: cn.cn(action_list_variants.actionListTriggerVariants({
|
|
26
|
+
variant: variant
|
|
27
|
+
}), className),
|
|
23
28
|
"data-test-el": "action-list-trigger"
|
|
24
|
-
}, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, /*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
|
|
29
|
+
}, props), /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, children, variant !== action_list_constants.ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React__default['default'].createElement(arrow_down_s_line_icon.ArrowDownSLineIcon, {
|
|
25
30
|
className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
|
|
26
31
|
size: 20
|
|
27
|
-
})));
|
|
32
|
+
}))));
|
|
28
33
|
};
|
|
29
34
|
|
|
30
35
|
exports.ActionListTrigger = ActionListTrigger;
|
package/build/cjs/packages/aurora/src/components/action_list/components/action_list_trigger.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;"}
|
|
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/color_picker/components/color_picker_shades.js
CHANGED
|
@@ -87,8 +87,7 @@ 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)
|
|
91
|
-
hasActiveBorder: true
|
|
90
|
+
cssColor: color_picker_utils.ColorPickerUtils.getHexValueString(colorTiny)
|
|
92
91
|
});
|
|
93
92
|
})));
|
|
94
93
|
};
|
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;"}
|
package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var cn = require('../../../utilities/cn.js');
|
|
7
6
|
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');
|
|
10
7
|
|
|
11
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
9
|
|
|
@@ -16,23 +13,15 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
|
16
13
|
var color = _ref.color,
|
|
17
14
|
cssColor = _ref.cssColor,
|
|
18
15
|
size = _ref.size,
|
|
19
|
-
hasActiveBorder = _ref.hasActiveBorder,
|
|
20
16
|
onClick = _ref.onClick;
|
|
21
|
-
var _useColorPicker = use_color_picker.useColorPicker(),
|
|
22
|
-
activeColor = _useColorPicker.color;
|
|
23
17
|
var handleOnClick = function handleOnClick() {
|
|
24
18
|
onClick === null || onClick === void 0 ? void 0 : onClick(color);
|
|
25
19
|
};
|
|
26
|
-
var activeColorHex = tinycolor['default'](activeColor.value).toHex();
|
|
27
20
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
28
|
-
className:
|
|
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': hasActiveBorder && color === activeColorHex
|
|
32
|
-
}),
|
|
21
|
+
className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n ".concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n ").concat(size === color_picker_constants.COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n "),
|
|
33
22
|
onClick: handleOnClick
|
|
34
23
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
35
|
-
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
|
24
|
+
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
|
|
36
25
|
style: {
|
|
37
26
|
background: "".concat(cssColor)
|
|
38
27
|
}
|
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
|
|
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;"}
|
|
@@ -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 cn = require('../../utilities/cn.js');
|
|
8
|
-
var stack_constants = require('./stack_constants.js');
|
|
9
8
|
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
9
|
+
var stack_constants = require('./stack_constants.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var useTranslation = require('../../../../../external/react-i18next/dist/es/useTranslation.js');
|
|
7
|
+
var action_list = require('../action_list/action_list.js');
|
|
8
|
+
var action_list_content = require('../action_list/components/action_list_content.js');
|
|
9
|
+
var action_list_radio_group = require('../action_list/components/action_list_radio_group.js');
|
|
10
|
+
var action_list_radio_item = require('../action_list/components/action_list_radio_item.js');
|
|
11
|
+
var action_list_trigger = require('../action_list/components/action_list_trigger.js');
|
|
12
|
+
var tooltip = require('../tooltip/tooltip.js');
|
|
13
|
+
var tooltip_trigger = require('../tooltip/components/tooltip_trigger.js');
|
|
14
|
+
var tooltip_content = require('../tooltip/components/tooltip_content.js');
|
|
15
|
+
var tooltip_provider = require('../tooltip/context/tooltip_provider.js');
|
|
16
|
+
var subtract_line_icon = require('../../assets/icons/subtract_line_icon.js');
|
|
17
|
+
var add_line_icon = require('../../assets/icons/add_line_icon.js');
|
|
18
|
+
|
|
19
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
20
|
+
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
|
|
23
|
+
var ZoomStepper = function ZoomStepper(_ref) {
|
|
24
|
+
var value = _ref.value,
|
|
25
|
+
onChange = _ref.onChange,
|
|
26
|
+
onIncreaseClick = _ref.onIncreaseClick,
|
|
27
|
+
onDecreaseClick = _ref.onDecreaseClick,
|
|
28
|
+
_ref$step = _ref.step,
|
|
29
|
+
step = _ref$step === void 0 ? 10 : _ref$step,
|
|
30
|
+
_ref$min = _ref.min,
|
|
31
|
+
min = _ref$min === void 0 ? 10 : _ref$min,
|
|
32
|
+
_ref$max = _ref.max,
|
|
33
|
+
max = _ref$max === void 0 ? 200 : _ref$max,
|
|
34
|
+
options = _ref.options;
|
|
35
|
+
var _useTranslation = useTranslation.useTranslation(),
|
|
36
|
+
t = _useTranslation.t;
|
|
37
|
+
var roundToNextStep = function roundToNextStep(val, step) {
|
|
38
|
+
return Math.ceil(val / step) * step;
|
|
39
|
+
};
|
|
40
|
+
var roundToPrevStep = function roundToPrevStep(val, step) {
|
|
41
|
+
return Math.floor(val / step) * step;
|
|
42
|
+
};
|
|
43
|
+
var handleIncrease = function handleIncrease() {
|
|
44
|
+
var next = roundToNextStep((value !== null && value !== void 0 ? value : min) + 1, step);
|
|
45
|
+
var newVal = Math.min(max, next);
|
|
46
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
|
|
47
|
+
onIncreaseClick === null || onIncreaseClick === void 0 ? void 0 : onIncreaseClick(newVal);
|
|
48
|
+
};
|
|
49
|
+
var handleDecrease = function handleDecrease() {
|
|
50
|
+
var prev = roundToPrevStep((value !== null && value !== void 0 ? value : min) - 1, step);
|
|
51
|
+
var newVal = Math.max(min, prev);
|
|
52
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newVal);
|
|
53
|
+
onDecreaseClick === null || onDecreaseClick === void 0 ? void 0 : onDecreaseClick(newVal);
|
|
54
|
+
};
|
|
55
|
+
var handleSelect = function handleSelect(val) {
|
|
56
|
+
var parsed = parseInt(val, 10);
|
|
57
|
+
if (!isNaN(parsed)) {
|
|
58
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(parsed);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
62
|
+
className: "aurora-flex aurora-items-center aurora-gap-1"
|
|
63
|
+
}, /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, {
|
|
64
|
+
asChild: true,
|
|
65
|
+
className: "aurora-h-5"
|
|
66
|
+
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
67
|
+
className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover",
|
|
68
|
+
onClick: handleDecrease
|
|
69
|
+
}, /*#__PURE__*/React__default['default'].createElement(subtract_line_icon.SubtractLineIcon, {
|
|
70
|
+
size: 16
|
|
71
|
+
}))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
|
|
72
|
+
variant: "dark"
|
|
73
|
+
}, "".concat(t('Zoom out ⌘ -'))))), /*#__PURE__*/React__default['default'].createElement(action_list.ActionList, null, /*#__PURE__*/React__default['default'].createElement(action_list_trigger.ActionListTrigger, {
|
|
74
|
+
variant: "noDropdownIcon",
|
|
75
|
+
className: "aurora-text-xs aurora-px-[6px] !aurora-py-0"
|
|
76
|
+
}, "".concat(value, "%")), /*#__PURE__*/React__default['default'].createElement(action_list_content.ActionListContent, null, /*#__PURE__*/React__default['default'].createElement(action_list_radio_group.ActionListRadioGroup, {
|
|
77
|
+
value: value.toString(),
|
|
78
|
+
onValueChange: handleSelect
|
|
79
|
+
}, options.map(function (opt) {
|
|
80
|
+
return /*#__PURE__*/React__default['default'].createElement(action_list_radio_item.ActionListRadioItem, {
|
|
81
|
+
key: opt.value,
|
|
82
|
+
value: opt.value
|
|
83
|
+
}, opt.text);
|
|
84
|
+
})))), /*#__PURE__*/React__default['default'].createElement(tooltip_provider.TooltipProvider, null, /*#__PURE__*/React__default['default'].createElement(tooltip.Tooltip, null, /*#__PURE__*/React__default['default'].createElement(tooltip_trigger.TooltipTrigger, {
|
|
85
|
+
asChild: true,
|
|
86
|
+
className: "aurora-h-5"
|
|
87
|
+
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
88
|
+
className: "aurora-p-0.5 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg hover:aurora-bg-hover",
|
|
89
|
+
onClick: handleIncrease
|
|
90
|
+
}, /*#__PURE__*/React__default['default'].createElement(add_line_icon.AddLineIcon, {
|
|
91
|
+
size: 16
|
|
92
|
+
}))), /*#__PURE__*/React__default['default'].createElement(tooltip_content.TooltipContent, {
|
|
93
|
+
variant: "dark"
|
|
94
|
+
}, "".concat(t('Zoom in ⌘ +'))))));
|
|
95
|
+
};
|
|
96
|
+
ZoomStepper.displayName = 'ZoomStepper';
|
|
97
|
+
|
|
98
|
+
exports.ZoomStepper = ZoomStepper;
|
|
99
|
+
//# sourceMappingURL=zoom_stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,6BAA6B,iEAAqE;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -122,6 +122,7 @@ var toast_constants = require('./components/toast/toast_constants.js');
|
|
|
122
122
|
var toast = require('./components/toast/components/toast.js');
|
|
123
123
|
var toast_provider = require('./components/toast/context/toast_provider.js');
|
|
124
124
|
var toast_viewport = require('./components/toast/components/toast_viewport.js');
|
|
125
|
+
var zoom_stepper = require('./components/zoom_stepper/zoom_stepper.js');
|
|
125
126
|
|
|
126
127
|
|
|
127
128
|
|
|
@@ -265,4 +266,5 @@ exports.TOAST_TYPES = toast_constants.TOAST_TYPES;
|
|
|
265
266
|
exports.Toast = toast.Toast;
|
|
266
267
|
exports.ToastProvider = toast_provider.ToastProvider;
|
|
267
268
|
exports.ToastViewport = toast_viewport.ToastViewport;
|
|
269
|
+
exports.ZoomStepper = zoom_stepper.ZoomStepper;
|
|
268
270
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const AddLineIcon: import("@remixicon/react").RemixiconComponentType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SubtractLineIcon: import("@remixicon/react").RemixiconComponentType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { DropdownMenuPortalProps, DropdownMenuProps } from '@radix-ui/react-dropdown-menu';
|
|
1
|
+
import { DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuTriggerProps } from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
import { actionListTriggerVariants } from './action_list_variants';
|
|
2
5
|
export declare type TActionListProps = DropdownMenuProps & DropdownMenuPortalProps & {
|
|
3
6
|
portal?: boolean;
|
|
4
7
|
$container?: HTMLElement;
|
|
@@ -8,3 +11,6 @@ export declare type TActionListContext = {
|
|
|
8
11
|
$container?: HTMLElement;
|
|
9
12
|
initialPointerEventsOnContainer?: string;
|
|
10
13
|
};
|
|
14
|
+
export declare type TActionListTriggerProps = PropsWithChildren<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>> & VariantProps<typeof actionListTriggerVariants> & {
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"action_list_types.js","sourceRoot":"","sources":["../../../../../../../src/components/action_list/action_list_types.ts"],"names":[],"mappings":"AAAA,OAAqF,+BAA+B,CAAC;AACrH,OAA6B,0BAA0B,CAAC;AACxD,OAAkC,OAAO,CAAC;AAC1C,OAA0C,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
2
|
+
|
|
3
|
+
var actionListTriggerVariants = cva('aurora-group aurora-max-h-[32px] aurora-text-s aurora-py-1 aurora-px-3 aurora-rounded-6 aurora-bg aurora-flex aurora-justify-between hover:aurora-bg-hover aurora-select-none focus aurora-cursor-pointer aurora-items-center aurora-gap-2.5 aurora-transition-all data-[state=open]:aurora-bg-active data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
|
|
4
|
+
variants: {
|
|
5
|
+
variant: {
|
|
6
|
+
basic: '',
|
|
7
|
+
noDropdownIcon: 'aurora-bg-transparent aurora-px-0 aurora-py-0'
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
variant: 'basic'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
export { actionListTriggerVariants };
|
|
16
|
+
//# sourceMappingURL=action_list_variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
3
|
-
export declare const ActionListTrigger: ({ children, className, ...props }:
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TActionListTriggerProps } from '../action_list_types';
|
|
3
|
+
export declare const ActionListTrigger: ({ children, className, variant, ...props }: TActionListTriggerProps) => React.JSX.Element;
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.js
CHANGED
|
@@ -1,22 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../../utilities/cn.js';
|
|
4
|
-
import '@radix-ui/react-dropdown-menu';
|
|
5
4
|
import { ActionListGenericTrigger } from './action_list_generic_trigger.js';
|
|
5
|
+
import { actionListTriggerVariants } from '../action_list_variants.js';
|
|
6
6
|
import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
|
|
7
|
+
import { ACTION_LIST_VARIANTS } from '../action_list_constants.js';
|
|
7
8
|
|
|
8
|
-
var _excluded = ["children", "className"];
|
|
9
|
+
var _excluded = ["children", "className", "variant"];
|
|
9
10
|
var ActionListTrigger = function ActionListTrigger(_ref) {
|
|
10
11
|
var children = _ref.children,
|
|
11
12
|
className = _ref.className,
|
|
13
|
+
_ref$variant = _ref.variant,
|
|
14
|
+
variant = _ref$variant === void 0 ? 'basic' : _ref$variant,
|
|
12
15
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
13
16
|
return /*#__PURE__*/React.createElement(ActionListGenericTrigger, _objectSpread2({
|
|
14
|
-
className: cn(
|
|
17
|
+
className: cn(actionListTriggerVariants({
|
|
18
|
+
variant: variant
|
|
19
|
+
}), className),
|
|
15
20
|
"data-test-el": "action-list-trigger"
|
|
16
|
-
}, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
|
|
21
|
+
}, props), /*#__PURE__*/React.createElement(React.Fragment, null, children, variant !== ACTION_LIST_VARIANTS.noDropdownIcon && (/*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
|
|
17
22
|
className: "group-hover:aurora-fill group-data-[state=open]:aurora-fill group-data-[state=closed]:aurora-fill-subtle",
|
|
18
23
|
size: 20
|
|
19
|
-
})));
|
|
24
|
+
}))));
|
|
20
25
|
};
|
|
21
26
|
|
|
22
27
|
export { ActionListTrigger };
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_trigger.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;"}
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.js
CHANGED
|
@@ -79,8 +79,7 @@ var ColorPickerShades = function ColorPickerShades() {
|
|
|
79
79
|
onClick: handleOnClick,
|
|
80
80
|
key: "".concat(shade, "-").concat(index),
|
|
81
81
|
color: colorHex,
|
|
82
|
-
cssColor: ColorPickerUtils.getHexValueString(colorTiny)
|
|
83
|
-
hasActiveBorder: true
|
|
82
|
+
cssColor: ColorPickerUtils.getHexValueString(colorTiny)
|
|
84
83
|
});
|
|
85
84
|
})));
|
|
86
85
|
};
|
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;"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ 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;
|
|
9
8
|
onClick?: (color: ColorPickerColorTypes['hex']) => void;
|
|
10
9
|
}
|
|
11
10
|
export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
|
package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.js
CHANGED
|
@@ -1,30 +1,19 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { cn } from '../../../utilities/cn.js';
|
|
3
2
|
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';
|
|
6
3
|
|
|
7
4
|
var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
|
|
8
5
|
var color = _ref.color,
|
|
9
6
|
cssColor = _ref.cssColor,
|
|
10
7
|
size = _ref.size,
|
|
11
|
-
hasActiveBorder = _ref.hasActiveBorder,
|
|
12
8
|
onClick = _ref.onClick;
|
|
13
|
-
var _useColorPicker = useColorPicker(),
|
|
14
|
-
activeColor = _useColorPicker.color;
|
|
15
9
|
var handleOnClick = function handleOnClick() {
|
|
16
10
|
onClick === null || onClick === void 0 ? void 0 : onClick(color);
|
|
17
11
|
};
|
|
18
|
-
var activeColorHex = tinycolor(activeColor.value).toHex();
|
|
19
12
|
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className:
|
|
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': hasActiveBorder && color === activeColorHex
|
|
24
|
-
}),
|
|
13
|
+
className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n ".concat(size === COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n ").concat(size === COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n "),
|
|
25
14
|
onClick: handleOnClick
|
|
26
15
|
}, /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
|
|
16
|
+
className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
|
|
28
17
|
style: {
|
|
29
18
|
background: "".concat(cssColor)
|
|
30
19
|
}
|
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
|
|
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,8 +1,8 @@
|
|
|
1
1
|
import React, { useRef, useImperativeHandle } from 'react';
|
|
2
2
|
import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
|
-
import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
|
|
5
4
|
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
5
|
+
import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
|
|
6
6
|
|
|
7
7
|
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
|
|
8
8
|
var stackVariants = cva('aurora-flex', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|