@dreamcommerce/aurora 3.0.0-294 → 3.0.0-296
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/controls/checkbox_control/checkbox_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
- package/build/cjs/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
- package/build/cjs/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
- package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
- package/build/cjs/packages/aurora/src/hooks/use_scroll.js +41 -0
- package/build/cjs/packages/aurora/src/{components/controls/anchor_presets_control/anchor_presets_control.js.map → hooks/use_scroll.js.map} +1 -1
- package/build/cjs/packages/aurora/src/index.js +10 -16
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/aurora/tailwind.config.js +0 -1
- package/build/cjs/packages/aurora/tailwind.config.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.js +3 -3
- package/build/esm/packages/aurora/src/components/controls/xhr_image_picker_control/xhr_image_picker_control.js +2 -2
- package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js +1 -1
- package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control.d.ts +2 -1
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.d.ts +0 -9
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js +0 -5
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js.map +1 -1
- package/build/esm/packages/aurora/src/hooks/use_scroll.d.ts +5 -0
- package/build/esm/packages/aurora/src/hooks/use_scroll.js +37 -0
- package/build/esm/packages/aurora/src/index.d.ts +1 -4
- package/build/esm/packages/aurora/src/index.js +5 -8
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/tailwind.config.js +0 -1
- package/build/esm/packages/aurora/tailwind.config.js.map +1 -1
- package/build/index.css +1 -1
- package/build/tailwind.config.js +0 -1
- package/package.json +1 -1
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js +0 -27
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js +0 -33
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +0 -18
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +0 -45
- package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +0 -64
- package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +0 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js +0 -19
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js.map +0 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js +0 -25
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +0 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.d.ts +0 -11
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +0 -14
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.d.ts +0 -14
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js +0 -2
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +0 -37
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.d.ts +0 -8
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js +0 -3
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.d.ts +0 -3
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +0 -56
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +0 -1
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.d.ts +0 -11
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js +0 -3
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js.map +0 -1
- /package/build/esm/packages/aurora/src/{components/controls/anchor_presets_control/anchor_presets_control.js.map → hooks/use_scroll.js.map} +0 -0
package/build/tailwind.config.js
CHANGED
|
@@ -222,7 +222,6 @@ module.exports = {
|
|
|
222
222
|
'inverse-subtle': 'var(--a-light-transparent-5)',
|
|
223
223
|
'inverse-strong': 'var(--a-light-transparent-15)',
|
|
224
224
|
'inverse-active': 'var(--a-neutral-0)',
|
|
225
|
-
'primary-action-hover': 'var(--a-brand-300)',
|
|
226
225
|
danger: 'var(--a-red-500)',
|
|
227
226
|
'danger-hover': 'var(--a-red-600)',
|
|
228
227
|
'danger-active': 'var(--a-red-700)',
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var cn = require('../../utilities/cn.js');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
|
-
|
|
12
|
-
var AnchorButton = function AnchorButton(_ref) {
|
|
13
|
-
var position = _ref.position,
|
|
14
|
-
className = _ref.className,
|
|
15
|
-
selected = _ref.selected,
|
|
16
|
-
onChange = _ref.onChange;
|
|
17
|
-
return /*#__PURE__*/React__default['default'].createElement("button", {
|
|
18
|
-
type: "button",
|
|
19
|
-
className: cn.cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
|
|
20
|
-
onClick: function onClick() {
|
|
21
|
-
return onChange(position);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
exports.AnchorButton = AnchorButton;
|
|
27
|
-
//# sourceMappingURL=anchor_button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var cn = require('../../utilities/cn.js');
|
|
7
|
-
var anchor_presets_constants = require('./anchor_presets_constants.js');
|
|
8
|
-
var anchor_button = require('./anchor_button.js');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
|
|
14
|
-
var AnchorPresets = function AnchorPresets(_ref) {
|
|
15
|
-
var value = _ref.value,
|
|
16
|
-
onChange = _ref.onChange,
|
|
17
|
-
className = _ref.className,
|
|
18
|
-
buttonClassName = _ref.buttonClassName;
|
|
19
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
20
|
-
className: cn.cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
|
|
21
|
-
}, Object.values(anchor_presets_constants.ANCHOR_PRESETS_VALUES).map(function (val) {
|
|
22
|
-
return /*#__PURE__*/React__default['default'].createElement(anchor_button.AnchorButton, {
|
|
23
|
-
key: val,
|
|
24
|
-
position: val,
|
|
25
|
-
selected: value === val,
|
|
26
|
-
onChange: onChange,
|
|
27
|
-
className: buttonClassName
|
|
28
|
-
});
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.AnchorPresets = AnchorPresets;
|
|
33
|
-
//# sourceMappingURL=anchor_presets.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var ANCHOR_PRESETS_VALUES = {
|
|
6
|
-
topLeft: 'top-left',
|
|
7
|
-
topCenter: 'top-center',
|
|
8
|
-
topRight: 'top-right',
|
|
9
|
-
middleLeft: 'middle-left',
|
|
10
|
-
center: 'center',
|
|
11
|
-
middleRight: 'middle-right',
|
|
12
|
-
bottomLeft: 'bottom-left',
|
|
13
|
-
bottomCenter: 'bottom-center',
|
|
14
|
-
bottomRight: 'bottom-right'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
exports.ANCHOR_PRESETS_VALUES = ANCHOR_PRESETS_VALUES;
|
|
18
|
-
//# sourceMappingURL=anchor_presets_constants.js.map
|
package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var stack = require('../../stack/stack.js');
|
|
7
|
-
var control = require('../../control/control.js');
|
|
8
|
-
var error_list = require('../../error_list/error_list.js');
|
|
9
|
-
var helper_text = require('../../helper_text/helper_text.js');
|
|
10
|
-
var label = require('../../label/label.js');
|
|
11
|
-
var anchor_presets = require('../../anchor_presets/anchor_presets.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
|
|
17
|
-
var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
|
|
18
|
-
var label$1 = _ref.label,
|
|
19
|
-
value = _ref.value,
|
|
20
|
-
tooltip = _ref.tooltip,
|
|
21
|
-
helperText = _ref.helperText,
|
|
22
|
-
errors = _ref.errors,
|
|
23
|
-
onChange = _ref.onChange,
|
|
24
|
-
className = _ref.className,
|
|
25
|
-
buttonClassName = _ref.buttonClassName;
|
|
26
|
-
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
27
|
-
classname: "aurora-flex-col aurora-gap-3"
|
|
28
|
-
}, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
|
|
29
|
-
spacing: "0.5",
|
|
30
|
-
direction: "column"
|
|
31
|
-
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
32
|
-
tooltip: tooltip,
|
|
33
|
-
className: "aurora-text"
|
|
34
|
-
}, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null), /*#__PURE__*/React__default['default'].createElement(anchor_presets.AnchorPresets, {
|
|
35
|
-
value: value,
|
|
36
|
-
onChange: onChange,
|
|
37
|
-
className: className,
|
|
38
|
-
buttonClassName: buttonClassName
|
|
39
|
-
}), errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
40
|
-
errors: errors
|
|
41
|
-
}) : null);
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.AnchorPresetsControl = AnchorPresetsControl;
|
|
45
|
-
//# sourceMappingURL=anchor_presets_control.js.map
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
|
|
8
|
-
var stack = require('../../stack/stack.js');
|
|
9
|
-
var segmented_control = require('../../segmented_control/segmented_control.js');
|
|
10
|
-
var segmented_control_item = require('../../segmented_control/components/segmented_control_item.js');
|
|
11
|
-
var control = require('../../control/control.js');
|
|
12
|
-
var error_list = require('../../error_list/error_list.js');
|
|
13
|
-
var helper_text = require('../../helper_text/helper_text.js');
|
|
14
|
-
var label = require('../../label/label.js');
|
|
15
|
-
|
|
16
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
-
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
-
|
|
20
|
-
var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
|
|
21
|
-
var SegmentedControlControl = function SegmentedControlControl(_ref) {
|
|
22
|
-
var id = _ref.id,
|
|
23
|
-
items = _ref.items,
|
|
24
|
-
label$1 = _ref.label,
|
|
25
|
-
value = _ref.value,
|
|
26
|
-
defaultValue = _ref.defaultValue,
|
|
27
|
-
tooltip = _ref.tooltip,
|
|
28
|
-
helperText = _ref.helperText,
|
|
29
|
-
errors = _ref.errors,
|
|
30
|
-
_ref$disabled = _ref.disabled,
|
|
31
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
32
|
-
onValueChange = _ref.onValueChange,
|
|
33
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
34
|
-
return /*#__PURE__*/React__default['default'].createElement(control.Control, {
|
|
35
|
-
classname: "aurora-flex-col aurora-gap-3"
|
|
36
|
-
}, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
|
|
37
|
-
spacing: "0.5",
|
|
38
|
-
direction: "column"
|
|
39
|
-
}, label$1 ? (/*#__PURE__*/React__default['default'].createElement(label.Label, {
|
|
40
|
-
htmlFor: id,
|
|
41
|
-
disabled: disabled,
|
|
42
|
-
tooltip: tooltip,
|
|
43
|
-
className: "aurora-text"
|
|
44
|
-
}, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
|
|
45
|
-
color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
46
|
-
}, helperText) : null), /*#__PURE__*/React__default['default'].createElement(segmented_control.SegmentedControl, _rollupPluginBabelHelpers.objectSpread2({
|
|
47
|
-
id: id,
|
|
48
|
-
value: value,
|
|
49
|
-
disabled: disabled,
|
|
50
|
-
onValueChange: onValueChange
|
|
51
|
-
}, rest), items.map(function (item) {
|
|
52
|
-
return /*#__PURE__*/React__default['default'].createElement(segmented_control_item.SegmentedControlItem, {
|
|
53
|
-
key: "radio-button-".concat(item.value),
|
|
54
|
-
value: item.value,
|
|
55
|
-
id: item.id,
|
|
56
|
-
disabled: disabled
|
|
57
|
-
}, item.label);
|
|
58
|
-
})), errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
|
|
59
|
-
errors: errors
|
|
60
|
-
}) : null);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.SegmentedControlControl = SegmentedControlControl;
|
|
64
|
-
//# sourceMappingURL=segmented_control_control.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { cn } from '../../utilities/cn.js';
|
|
3
|
-
|
|
4
|
-
var AnchorButton = function AnchorButton(_ref) {
|
|
5
|
-
var position = _ref.position,
|
|
6
|
-
className = _ref.className,
|
|
7
|
-
selected = _ref.selected,
|
|
8
|
-
onChange = _ref.onChange;
|
|
9
|
-
return /*#__PURE__*/React.createElement("button", {
|
|
10
|
-
type: "button",
|
|
11
|
-
className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-strong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
|
|
12
|
-
onClick: function onClick() {
|
|
13
|
-
return onChange(position);
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { AnchorButton };
|
|
19
|
-
//# sourceMappingURL=anchor_button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { cn } from '../../utilities/cn.js';
|
|
3
|
-
import { ANCHOR_PRESETS_VALUES } from './anchor_presets_constants.js';
|
|
4
|
-
import { AnchorButton } from './anchor_button.js';
|
|
5
|
-
|
|
6
|
-
var AnchorPresets = function AnchorPresets(_ref) {
|
|
7
|
-
var value = _ref.value,
|
|
8
|
-
onChange = _ref.onChange,
|
|
9
|
-
className = _ref.className,
|
|
10
|
-
buttonClassName = _ref.buttonClassName;
|
|
11
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
-
className: cn('aurora-grid aurora-grid-cols-3 aurora-grid-rows-3 aurora-bg-neutral-0 aurora-border aurora-rounded-6 aurora-py-3 aurora-px-8 aurora-gap-x-16 aurora-gap-y-[30px] aurora-justify-items-center aurora-overflow-auto', className)
|
|
13
|
-
}, Object.values(ANCHOR_PRESETS_VALUES).map(function (val) {
|
|
14
|
-
return /*#__PURE__*/React.createElement(AnchorButton, {
|
|
15
|
-
key: val,
|
|
16
|
-
position: val,
|
|
17
|
-
selected: value === val,
|
|
18
|
-
onChange: onChange,
|
|
19
|
-
className: buttonClassName
|
|
20
|
-
});
|
|
21
|
-
}));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { AnchorPresets };
|
|
25
|
-
//# sourceMappingURL=anchor_presets.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare const ANCHOR_PRESETS_VALUES: {
|
|
2
|
-
readonly topLeft: "top-left";
|
|
3
|
-
readonly topCenter: "top-center";
|
|
4
|
-
readonly topRight: "top-right";
|
|
5
|
-
readonly middleLeft: "middle-left";
|
|
6
|
-
readonly center: "center";
|
|
7
|
-
readonly middleRight: "middle-right";
|
|
8
|
-
readonly bottomLeft: "bottom-left";
|
|
9
|
-
readonly bottomCenter: "bottom-center";
|
|
10
|
-
readonly bottomRight: "bottom-right";
|
|
11
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
var ANCHOR_PRESETS_VALUES = {
|
|
2
|
-
topLeft: 'top-left',
|
|
3
|
-
topCenter: 'top-center',
|
|
4
|
-
topRight: 'top-right',
|
|
5
|
-
middleLeft: 'middle-left',
|
|
6
|
-
center: 'center',
|
|
7
|
-
middleRight: 'middle-right',
|
|
8
|
-
bottomLeft: 'bottom-left',
|
|
9
|
-
bottomCenter: 'bottom-center',
|
|
10
|
-
bottomRight: 'bottom-right'
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { ANCHOR_PRESETS_VALUES };
|
|
14
|
-
//# sourceMappingURL=anchor_presets_constants.js.map
|
package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ANCHOR_PRESETS_VALUES } from "./anchor_presets_constants";
|
|
2
|
-
export declare type TAnchorPresetsValue = typeof ANCHOR_PRESETS_VALUES[keyof typeof ANCHOR_PRESETS_VALUES];
|
|
3
|
-
export declare type TAnchorPresetsProps = {
|
|
4
|
-
value: TAnchorPresetsValue;
|
|
5
|
-
onChange: (val: TAnchorPresetsValue) => void;
|
|
6
|
-
className?: string;
|
|
7
|
-
buttonClassName?: string;
|
|
8
|
-
};
|
|
9
|
-
export declare type TAnchorButtonProps = {
|
|
10
|
-
position: TAnchorPresetsValue;
|
|
11
|
-
className?: string;
|
|
12
|
-
selected: boolean;
|
|
13
|
-
onChange: (val: TAnchorPresetsValue) => void;
|
|
14
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"anchor_presets_types.js","sourceRoot":"","sources":["../../../../../../../src/components/anchor_presets/anchor_presets_types.ts"],"names":[],"mappings":"AAAA,OAAsC,2DAA2D,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Stack } from '../../stack/stack.js';
|
|
3
|
-
import { Control } from '../../control/control.js';
|
|
4
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { Label } from '../../label/label.js';
|
|
7
|
-
import { AnchorPresets } from '../../anchor_presets/anchor_presets.js';
|
|
8
|
-
|
|
9
|
-
var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
|
|
10
|
-
var label = _ref.label,
|
|
11
|
-
value = _ref.value,
|
|
12
|
-
tooltip = _ref.tooltip,
|
|
13
|
-
helperText = _ref.helperText,
|
|
14
|
-
errors = _ref.errors,
|
|
15
|
-
onChange = _ref.onChange,
|
|
16
|
-
className = _ref.className,
|
|
17
|
-
buttonClassName = _ref.buttonClassName;
|
|
18
|
-
return /*#__PURE__*/React.createElement(Control, {
|
|
19
|
-
classname: "aurora-flex-col aurora-gap-3"
|
|
20
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
21
|
-
spacing: "0.5",
|
|
22
|
-
direction: "column"
|
|
23
|
-
}, label ? (/*#__PURE__*/React.createElement(Label, {
|
|
24
|
-
tooltip: tooltip,
|
|
25
|
-
className: "aurora-text"
|
|
26
|
-
}, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React.createElement(AnchorPresets, {
|
|
27
|
-
value: value,
|
|
28
|
-
onChange: onChange,
|
|
29
|
-
className: className,
|
|
30
|
-
buttonClassName: buttonClassName
|
|
31
|
-
}), errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
32
|
-
errors: errors
|
|
33
|
-
}) : null);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export { AnchorPresetsControl };
|
|
37
|
-
//# sourceMappingURL=anchor_presets_control.js.map
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TAnchorPresetsProps } from "../../anchor_presets/anchor_presets_types";
|
|
3
|
-
export declare type TAnchorPresetsControlProps = TAnchorPresetsProps & {
|
|
4
|
-
label?: string | React.ReactNode;
|
|
5
|
-
tooltip?: string | React.ReactNode;
|
|
6
|
-
helperText?: string | React.ReactNode;
|
|
7
|
-
errors?: string | string[];
|
|
8
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"anchor_presets_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/anchor_presets_control/anchor_presets_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAoC,uDAAuD,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Stack } from '../../stack/stack.js';
|
|
5
|
-
import { SegmentedControl } from '../../segmented_control/segmented_control.js';
|
|
6
|
-
import { SegmentedControlItem } from '../../segmented_control/components/segmented_control_item.js';
|
|
7
|
-
import { Control } from '../../control/control.js';
|
|
8
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
9
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
10
|
-
import { Label } from '../../label/label.js';
|
|
11
|
-
|
|
12
|
-
var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
|
|
13
|
-
var SegmentedControlControl = function SegmentedControlControl(_ref) {
|
|
14
|
-
var id = _ref.id,
|
|
15
|
-
items = _ref.items,
|
|
16
|
-
label = _ref.label,
|
|
17
|
-
value = _ref.value,
|
|
18
|
-
defaultValue = _ref.defaultValue,
|
|
19
|
-
tooltip = _ref.tooltip,
|
|
20
|
-
helperText = _ref.helperText,
|
|
21
|
-
errors = _ref.errors,
|
|
22
|
-
_ref$disabled = _ref.disabled,
|
|
23
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
24
|
-
onValueChange = _ref.onValueChange,
|
|
25
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
-
return /*#__PURE__*/React.createElement(Control, {
|
|
27
|
-
classname: "aurora-flex-col aurora-gap-3"
|
|
28
|
-
}, /*#__PURE__*/React.createElement(Stack, {
|
|
29
|
-
spacing: "0.5",
|
|
30
|
-
direction: "column"
|
|
31
|
-
}, label ? (/*#__PURE__*/React.createElement(Label, {
|
|
32
|
-
htmlFor: id,
|
|
33
|
-
disabled: disabled,
|
|
34
|
-
tooltip: tooltip,
|
|
35
|
-
className: "aurora-text"
|
|
36
|
-
}, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
|
|
37
|
-
color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
|
|
38
|
-
}, helperText) : null), /*#__PURE__*/React.createElement(SegmentedControl, _objectSpread2({
|
|
39
|
-
id: id,
|
|
40
|
-
value: value,
|
|
41
|
-
disabled: disabled,
|
|
42
|
-
onValueChange: onValueChange
|
|
43
|
-
}, rest), items.map(function (item) {
|
|
44
|
-
return /*#__PURE__*/React.createElement(SegmentedControlItem, {
|
|
45
|
-
key: "radio-button-".concat(item.value),
|
|
46
|
-
value: item.value,
|
|
47
|
-
id: item.id,
|
|
48
|
-
disabled: disabled
|
|
49
|
-
}, item.label);
|
|
50
|
-
})), errors ? /*#__PURE__*/React.createElement(ErrorList, {
|
|
51
|
-
errors: errors
|
|
52
|
-
}) : null);
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export { SegmentedControlControl };
|
|
56
|
-
//# sourceMappingURL=segmented_control_control.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSegmentedControlItemProps, TSegmentedControlProps } from "../../segmented_control/segmented_control_type";
|
|
3
|
-
export declare type TSegmentedControlControlProps = TSegmentedControlProps & {
|
|
4
|
-
items: (Omit<TSegmentedControlItemProps, 'children'> & {
|
|
5
|
-
label: string;
|
|
6
|
-
})[];
|
|
7
|
-
label?: string | React.ReactNode;
|
|
8
|
-
tooltip?: string | React.ReactNode;
|
|
9
|
-
helperText?: string | React.ReactNode;
|
|
10
|
-
errors?: string | string[];
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"segmented_control_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/segmented_control_control/segmented_control_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAmE,4DAA4D,CAAC"}
|