@dreamcommerce/aurora 3.0.0-310 → 3.0.0-311
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/anchor_presets/anchor_button.js +27 -0
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_button.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js +33 -0
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +18 -0
- package/build/cjs/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js +7 -9
- package/build/cjs/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +45 -0
- package/build/cjs/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map +1 -0
- 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/segmented_control_control/segmented_control_control.js +64 -0
- package/build/cjs/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
- 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/components/sidebar/components/persistent_sidebar.js +1 -4
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +16 -8
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/aurora/tailwind.config.js +1 -0
- package/build/cjs/packages/aurora/tailwind.config.js.map +1 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js +19 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js.map +1 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js +25 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets.js.map +1 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js +14 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.d.ts +14 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js +2 -0
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_presets_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.d.ts +1 -4
- package/build/esm/packages/aurora/src/components/color_picker/color_picker_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js +7 -9
- package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js +37 -0
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.d.ts +8 -0
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/anchor_presets_control/anchor_presets_control_types.js.map +1 -0
- 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/segmented_control_control/segmented_control_control.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js +56 -0
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.d.ts +11 -0
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js +3 -0
- package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js.map +1 -0
- 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 +1 -2
- 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 +1 -2
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js +5 -0
- package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -4
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +0 -1
- package/build/esm/packages/aurora/src/index.d.ts +4 -0
- package/build/esm/packages/aurora/src/index.js +8 -4
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/tailwind.config.js +1 -0
- package/build/esm/packages/aurora/tailwind.config.js.map +1 -1
- package/build/index.css +1 -1
- package/build/tailwind.config.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
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
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
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
ADDED
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
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,4 +1,4 @@
|
|
|
1
|
-
import { HTMLAttributes
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./color_picker_constants";
|
|
3
3
|
import { Any } from 'ts-toolbelt';
|
|
4
4
|
export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
@@ -6,8 +6,6 @@ export interface IColorPickerPureProps extends Omit<HTMLAttributes<HTMLDivElemen
|
|
|
6
6
|
name?: string;
|
|
7
7
|
errors?: string | string[];
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
triggerClassName?: string;
|
|
11
9
|
}
|
|
12
10
|
export interface IColorPickerColorVariables {
|
|
13
11
|
isVisible: boolean;
|
|
@@ -31,7 +29,6 @@ export interface IColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
|
|
|
31
29
|
onCancel?: () => void;
|
|
32
30
|
onSave?: (color: IColorPickerColor) => void;
|
|
33
31
|
disabled?: boolean;
|
|
34
|
-
triggerClassName?: string;
|
|
35
32
|
}
|
|
36
33
|
export interface IColorPickerContext {
|
|
37
34
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"color_picker_types.js","sourceRoot":"","sources":["../../../../../../../src/components/color_picker/color_picker_types.ts"],"names":[],"mappings":"AAAA,OAA+B,OAAO,CAAC;AACvC,OAAuD,uDAAuD,CAAC;AAE/G,OAAoB,aAAa,CAAC"}
|
package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js
CHANGED
|
@@ -9,15 +9,13 @@ import { ColorPickerContent } from './color_picker_content.js';
|
|
|
9
9
|
import { ColorPickerInput } from './color_label_input.js';
|
|
10
10
|
import { PopoverContent } from '../../popover/components/popover_content.js';
|
|
11
11
|
|
|
12
|
-
var _excluded = ["id", "name", "errors", "disabled", "className"
|
|
12
|
+
var _excluded = ["id", "name", "errors", "disabled", "className"];
|
|
13
13
|
var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
14
14
|
var id = _ref.id,
|
|
15
15
|
name = _ref.name,
|
|
16
16
|
errors = _ref.errors,
|
|
17
17
|
disabled = _ref.disabled,
|
|
18
18
|
className = _ref.className,
|
|
19
|
-
children = _ref.children,
|
|
20
|
-
triggerClassName = _ref.triggerClassName,
|
|
21
19
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
22
20
|
var _useColorPicker = useColorPicker(),
|
|
23
21
|
color = _useColorPicker.color,
|
|
@@ -28,7 +26,7 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
28
26
|
handleSave();
|
|
29
27
|
setIsColorPickerOpened(false);
|
|
30
28
|
};
|
|
31
|
-
return /*#__PURE__*/React.createElement(Popover, {
|
|
29
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
|
|
32
30
|
open: isColorPickerOpened,
|
|
33
31
|
onOpenChange: function onOpenChange(value) {
|
|
34
32
|
return !value && handleClosePopover();
|
|
@@ -38,8 +36,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
38
36
|
return setIsColorPickerOpened(true);
|
|
39
37
|
},
|
|
40
38
|
disabled: disabled,
|
|
41
|
-
className:
|
|
42
|
-
},
|
|
39
|
+
className: "aurora-w-full"
|
|
40
|
+
}, /*#__PURE__*/React.createElement(ColorPickerInput, {
|
|
43
41
|
id: id,
|
|
44
42
|
name: name,
|
|
45
43
|
errors: errors,
|
|
@@ -49,9 +47,9 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
|
|
|
49
47
|
cssColor: color,
|
|
50
48
|
size: "big"
|
|
51
49
|
})
|
|
52
|
-
})),
|
|
53
|
-
className: cn('aurora-rounded-16 aurora-overflow-hidden
|
|
54
|
-
}, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null)));
|
|
50
|
+
})), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
|
|
51
|
+
className: cn('aurora-rounded-16 aurora-overflow-hidden', className)
|
|
52
|
+
}, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
|
|
55
53
|
};
|
|
56
54
|
|
|
57
55
|
export default ColorPickerPure;
|
package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
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
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js
CHANGED
|
@@ -3,10 +3,10 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
|
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
5
5
|
import { Stack } from '../../stack/stack.js';
|
|
6
|
-
import { Label } from '../../label/label.js';
|
|
7
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
8
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
9
6
|
import { Control } from '../../control/control.js';
|
|
7
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
8
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
9
|
+
import { Label } from '../../label/label.js';
|
|
10
10
|
import { Checkbox } from '../../checkbox/checkbox.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["id", "name", "label", "value", "tooltip", "helperText", "errors", "checked", "disabled", "required", "onCheckedChange"];
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Label } from '../../label/label.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
4
|
import { Control } from '../../control/control.js';
|
|
5
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { ColorPicker } from '../../color_picker/color_picker.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Label } from '../../label/label.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
4
|
import { Control } from '../../control/control.js';
|
|
5
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { Input } from '../../input/input.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
|
package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Label } from '../../label/label.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
4
|
import { Control } from '../../control/control.js';
|
|
5
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { MultiSelect } from '../../multiselect/multiselect.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
|
package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js
CHANGED
|
@@ -2,10 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
4
|
import { Stack } from '../../stack/stack.js';
|
|
5
|
-
import { Label } from '../../label/label.js';
|
|
6
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
8
5
|
import { Control } from '../../control/control.js';
|
|
6
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
8
|
+
import { Label } from '../../label/label.js';
|
|
9
9
|
import { RadioGroup } from '../../radio_group/radio_group.js';
|
|
10
10
|
import { RadioGroupItem } from '../../radio_group/components/radio_group_item.js';
|
|
11
11
|
|
|
@@ -0,0 +1,56 @@
|
|
|
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
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Label } from '../../label/label.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
4
|
import { Control } from '../../control/control.js';
|
|
5
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { Select } from '../../select/select.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
|
|
@@ -3,11 +3,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
|
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
5
5
|
import { Stack } from '../../stack/stack.js';
|
|
6
|
-
import {
|
|
7
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
+
import { Control } from '../../control/control.js';
|
|
8
7
|
import { ErrorList } from '../../error_list/error_list.js';
|
|
8
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
9
|
+
import { Label } from '../../label/label.js';
|
|
9
10
|
import { Switch } from '../../switch/switch.js';
|
|
10
|
-
import { Control } from '../../control/control.js';
|
|
11
11
|
|
|
12
12
|
var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
|
|
13
13
|
var SwitchControl = function SwitchControl(_ref) {
|
package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
|
-
import { Label } from '../../label/label.js';
|
|
5
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
6
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
7
4
|
import { Control } from '../../control/control.js';
|
|
5
|
+
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { TextArea } from '../../text_area/text_area.js';
|
|
9
9
|
|
|
10
10
|
var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
3
|
-
import { Label } from '../../label/label.js';
|
|
4
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
5
|
-
import { ErrorList } from '../../error_list/error_list.js';
|
|
6
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
7
|
import { ValuesSyncer } from '../../values_syncer/values_syncer.js';
|
|
8
8
|
|
|
9
9
|
var ValuesSyncerControl = function ValuesSyncerControl(_ref) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import { Label } from '../../label/label.js';
|
|
4
|
-
import { HelperText } from '../../helper_text/helper_text.js';
|
|
5
3
|
import { Control } from '../../control/control.js';
|
|
4
|
+
import { HelperText } from '../../helper_text/helper_text.js';
|
|
5
|
+
import { Label } from '../../label/label.js';
|
|
6
6
|
import { XhrImagePicker } from '../../xhr_image_picker/xhr_image_picker.js';
|
|
7
7
|
|
|
8
8
|
var XhrImagePickerControl = function XhrImagePickerControl(_ref) {
|
|
@@ -3,8 +3,8 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
|
|
|
3
3
|
import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
|
|
4
4
|
import { cn } from '../../../utilities/cn.js';
|
|
5
5
|
import { Stack } from '../../stack/stack.js';
|
|
6
|
-
import { Label } from '../../label/label.js';
|
|
7
6
|
import { HelperText } from '../../helper_text/helper_text.js';
|
|
7
|
+
import { Label } from '../../label/label.js';
|
|
8
8
|
import { Item, Indicator } from '@radix-ui/react-radio-group';
|
|
9
9
|
import { CircleFillIcon } from '../../../assets/icons/circle_icon.js';
|
|
10
10
|
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
-
|
|
4
|
-
export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
3
|
+
export declare const SegmentedControlItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & import("class-variance-authority").VariantProps<(props?: ({
|
|
5
4
|
size?: "s" | "basic" | null | undefined;
|
|
6
5
|
variant?: "basic" | "icon-only" | null | undefined;
|
|
7
6
|
type?: "single" | null | undefined;
|
|
@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
16
16
|
var context = React.useContext(SegmentedControlContext);
|
|
17
17
|
return /*#__PURE__*/React.createElement(Item, _objectSpread2({
|
|
18
18
|
ref: ref,
|
|
19
|
-
className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill-
|
|
19
|
+
className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n [&[data-state=off]_svg]:!aurora-fill aurora-whitespace-nowrap", segmentedControlItemVariants({
|
|
20
20
|
size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
|
|
21
21
|
variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
|
|
22
22
|
}), className)
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
|
-
|
|
4
|
-
export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & VariantProps<(props?: ({
|
|
3
|
+
export declare const SegmentedControl: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupSingleProps, "type"> & import("class-variance-authority").VariantProps<(props?: ({
|
|
5
4
|
size?: "s" | "basic" | null | undefined;
|
|
6
5
|
variant?: "basic" | "icon-only" | null | undefined;
|
|
7
6
|
type?: "single" | null | undefined;
|
package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.d.ts
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import { SEGMENTED_CONTROL_TYPE } from "./segmented_control_constants";
|
|
2
2
|
import { Any } from 'ts-toolbelt';
|
|
3
|
+
import React, { ComponentType } from 'react';
|
|
4
|
+
import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
import { segmentedControlItemVariants } from "./components/segmented_control_item_variants";
|
|
7
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
3
8
|
export declare type TSegmentedControlType = Any.Keys<typeof SEGMENTED_CONTROL_TYPE>;
|
|
9
|
+
export declare type TSegmentedControlProps = Omit<React.ComponentPropsWithoutRef<ComponentType<ToggleGroupSingleProps>>, 'type'> & VariantProps<typeof segmentedControlItemVariants> & {
|
|
10
|
+
type?: TSegmentedControlType;
|
|
11
|
+
};
|
|
12
|
+
export declare type TSegmentedControlItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof segmentedControlItemVariants>;
|
package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
1
|
import '@auroraComponents/segmented_control/segmented_control_constants';
|
|
2
2
|
import 'ts-toolbelt';
|
|
3
|
+
import 'react';
|
|
4
|
+
import '@radix-ui/react-toggle-group';
|
|
5
|
+
import 'class-variance-authority';
|
|
6
|
+
import '@auroraComponents/segmented_control/components/segmented_control_item_variants';
|
|
7
|
+
import '@radix-ui/react-toggle-group';
|
|
3
8
|
//# sourceMappingURL=segmented_control_type.js.map
|
package/build/esm/packages/aurora/src/components/segmented_control/segmented_control_type.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"segmented_control_type.js","sourceRoot":"","sources":["../../../../../../../src/components/segmented_control/segmented_control_type.ts"],"names":[],"mappings":"AAAA,OAAuC,iEAAiE,CAAC;AACzG,OAAoB,aAAa,CAAC;AAClC,OAAqC,OAAO,CAAC;AAC7C,OAAuC,8BAA8B,CAAC;AACtE,OAA6B,0BAA0B,CAAC;AACxD,OAA6C,gFAAgF,CAAC;AAC9H,OAAsC,8BAA8B,CAAC"}
|
|
@@ -5,5 +5,4 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
|
|
|
5
5
|
side?: "left" | "right" | undefined;
|
|
6
6
|
TriggerButton?: React.ReactNode;
|
|
7
7
|
onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
|
|
8
|
-
closeOnOutsideClick?: boolean | undefined;
|
|
9
8
|
}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
|