@dreamcommerce/aurora 3.1.57-2 → 3.1.58
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/accordion/components/accordion_item.js +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js +5 -5
- package/build/cjs/packages/aurora/src/components/input/input.js +9 -5
- package/build/cjs/packages/aurora/src/components/input/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/input/input_variants.js +12 -0
- package/build/cjs/packages/aurora/src/components/input/input_variants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +2 -3
- package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +3 -5
- package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js +2 -4
- package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_item.js +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.js +5 -5
- package/build/esm/packages/aurora/src/components/input/input.js +10 -6
- package/build/esm/packages/aurora/src/components/input/input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/input/input_types.d.ts +2 -3
- package/build/esm/packages/aurora/src/components/input/input_types.js +1 -2
- package/build/esm/packages/aurora/src/components/input/input_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/input/input_variants.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/input/input_variants.js +12 -1
- package/build/esm/packages/aurora/src/components/input/input_variants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +2 -3
- package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +3 -5
- package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js +2 -4
- package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
- package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +0 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ var AccordionItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
14
14
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
15
15
|
return /*#__PURE__*/React.createElement(index.Item, _rollupPluginBabelHelpers.objectSpread2({
|
|
16
16
|
ref: ref,
|
|
17
|
-
className: cn.cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0', _rollupPluginBabelHelpers.defineProperty({}, "aurora-border-".concat(borderStyle), !!borderStyle), className)
|
|
17
|
+
className: cn.cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0 aurora-border-subtle', _rollupPluginBabelHelpers.defineProperty({}, "aurora-border-".concat(borderStyle), !!borderStyle), className)
|
|
18
18
|
}, props));
|
|
19
19
|
});
|
|
20
20
|
AccordionItem.displayName = 'AccordionItem';
|
|
@@ -24,12 +24,12 @@ var AccordionTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
24
24
|
className: cn.cn('aurora-text-s aurora-font-semibold aurora-tracking', _rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
|
|
25
25
|
}, /*#__PURE__*/React.createElement(index.Trigger, _rollupPluginBabelHelpers.objectSpread2({
|
|
26
26
|
ref: ref,
|
|
27
|
-
className: cn.cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-
|
|
28
|
-
}, props), icon ? icon : (/*#__PURE__*/React.createElement(arrow_right.ArrowRightIcon, {
|
|
29
|
-
color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.
|
|
27
|
+
className: cn.cn('aurora-flex aurora-items-center aurora-justify-between aurora-w-full aurora-gap-2 aurora-py-2 aurora-px-3 aurora-text-base aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
28
|
+
}, props), children, icon ? icon : (/*#__PURE__*/React.createElement(arrow_right.ArrowRightIcon, {
|
|
29
|
+
color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.inverseDisabled,
|
|
30
30
|
size: accordionContext.size === accordion_constants.ACCORDION_SIZES.default ? 24 : 20,
|
|
31
|
-
className: cn.cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200')
|
|
32
|
-
}))
|
|
31
|
+
className: cn.cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200 aurora-cursor-pointer')
|
|
32
|
+
}))));
|
|
33
33
|
});
|
|
34
34
|
AccordionTrigger.displayName = index.Trigger.displayName;
|
|
35
35
|
|
|
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
13
|
|
|
14
|
-
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "onChange", "onKeyDown", "onKeyUp"];
|
|
14
|
+
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "inputSize", "onChange", "onKeyDown", "onKeyUp"];
|
|
15
15
|
var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
|
|
16
16
|
var preElement = _ref.preElement,
|
|
17
17
|
postElement = _ref.postElement,
|
|
@@ -27,6 +27,8 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
27
27
|
readOnly = _ref.readOnly,
|
|
28
28
|
type = _ref.type,
|
|
29
29
|
hasCursorPointer = _ref.hasCursorPointer,
|
|
30
|
+
_ref$inputSize = _ref.inputSize,
|
|
31
|
+
inputSize = _ref$inputSize === void 0 ? 'md' : _ref$inputSize,
|
|
30
32
|
onChange = _ref.onChange,
|
|
31
33
|
onKeyDown = _ref.onKeyDown,
|
|
32
34
|
onKeyUp = _ref.onKeyUp,
|
|
@@ -37,9 +39,9 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
37
39
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
|
|
38
40
|
'aurora-appearance-none': type === 'number'
|
|
39
41
|
}, className)
|
|
40
|
-
}, preElement &&
|
|
41
|
-
className:
|
|
42
|
-
}, preElement)
|
|
42
|
+
}, preElement && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
43
|
+
className: "aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2"
|
|
44
|
+
}, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
43
45
|
ref: ref,
|
|
44
46
|
id: id,
|
|
45
47
|
name: name,
|
|
@@ -52,7 +54,9 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
52
54
|
onKeyDown: onKeyDown,
|
|
53
55
|
onKeyUp: onKeyUp,
|
|
54
56
|
type: type,
|
|
55
|
-
className: cn.cn(
|
|
57
|
+
className: cn.cn(input_variants.inputElementVariants({
|
|
58
|
+
inputSize: inputSize
|
|
59
|
+
}), {
|
|
56
60
|
'aurora-cursor-pointer': hasCursorPointer
|
|
57
61
|
})
|
|
58
62
|
})), postElement && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -5,6 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
6
6
|
|
|
7
7
|
var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
|
|
8
|
+
var inputElementVariants = index.cva('aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
|
|
9
|
+
variants: {
|
|
10
|
+
inputSize: {
|
|
11
|
+
sm: 'aurora-h-6',
|
|
12
|
+
md: 'aurora-h-10'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
inputSize: 'md'
|
|
17
|
+
}
|
|
18
|
+
});
|
|
8
19
|
|
|
20
|
+
exports.inputElementVariants = inputElementVariants;
|
|
9
21
|
exports.inputVariants = inputVariants;
|
|
10
22
|
//# sourceMappingURL=input_variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;"}
|
|
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;AACA;AACA;"}
|
|
@@ -25,8 +25,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
25
25
|
var _useSidebar = use_sidebar.useSidebar(),
|
|
26
26
|
open = _useSidebar.open,
|
|
27
27
|
toggle = _useSidebar.toggle,
|
|
28
|
-
close = _useSidebar.close
|
|
29
|
-
disableTransition = _useSidebar.disableTransition;
|
|
28
|
+
close = _useSidebar.close;
|
|
30
29
|
var sidebarRef = React.useRef(null);
|
|
31
30
|
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
32
31
|
config = _ref2.config,
|
|
@@ -47,7 +46,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
47
46
|
});
|
|
48
47
|
return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
|
|
49
48
|
"aria-expanded": open,
|
|
50
|
-
className: cn.cn('aurora-relative
|
|
49
|
+
className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
51
50
|
style: {
|
|
52
51
|
width: open ? width : 0,
|
|
53
52
|
maxWidth: open ? width : 0,
|
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;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;"}
|
|
@@ -13,8 +13,7 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
13
13
|
onOpenChange = _ref.onOpenChange,
|
|
14
14
|
children = _ref.children,
|
|
15
15
|
storageKey = _ref.storageKey,
|
|
16
|
-
variant = _ref.variant
|
|
17
|
-
disableTransition = _ref.disableTransition;
|
|
16
|
+
variant = _ref.variant;
|
|
18
17
|
var setPersistedState = function setPersistedState(value) {
|
|
19
18
|
if (!storageKey) return;
|
|
20
19
|
try {
|
|
@@ -64,10 +63,9 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
64
63
|
open: _open,
|
|
65
64
|
toggle: toggle,
|
|
66
65
|
close: close,
|
|
67
|
-
defaultOpen: defaultOpen
|
|
68
|
-
disableTransition: disableTransition
|
|
66
|
+
defaultOpen: defaultOpen
|
|
69
67
|
};
|
|
70
|
-
}, [_open, toggle
|
|
68
|
+
}, [_open, toggle]);
|
|
71
69
|
return /*#__PURE__*/React.createElement(sidebar_context.SidebarContext.Provider, {
|
|
72
70
|
value: contextValue
|
|
73
71
|
}, children);
|
|
@@ -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;
|
|
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;"}
|
|
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
15
|
|
|
16
|
-
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"
|
|
16
|
+
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
|
|
17
17
|
var Sidebar = function Sidebar(_ref) {
|
|
18
18
|
var children = _ref.children,
|
|
19
19
|
variant = _ref.variant,
|
|
@@ -21,15 +21,13 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
21
21
|
onOpenChange = _ref.onOpenChange,
|
|
22
22
|
defaultOpen = _ref.defaultOpen,
|
|
23
23
|
storageKey = _ref.storageKey,
|
|
24
|
-
disableTransition = _ref.disableTransition,
|
|
25
24
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
26
25
|
return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
|
|
27
26
|
variant: variant,
|
|
28
27
|
open: open,
|
|
29
28
|
onOpenChange: onOpenChange,
|
|
30
29
|
defaultOpen: defaultOpen,
|
|
31
|
-
storageKey: storageKey
|
|
32
|
-
disableTransition: disableTransition
|
|
30
|
+
storageKey: storageKey
|
|
33
31
|
}, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
|
|
34
32
|
variant: variant
|
|
35
33
|
}, rest), children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, _rollupPluginBabelHelpers.objectSpread2({
|
|
@@ -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;
|
|
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;"}
|
|
@@ -10,7 +10,7 @@ var AccordionItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
10
10
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
11
|
return /*#__PURE__*/createElement(Item, _objectSpread2({
|
|
12
12
|
ref: ref,
|
|
13
|
-
className: cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0', _defineProperty({}, "aurora-border-".concat(borderStyle), !!borderStyle), className)
|
|
13
|
+
className: cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0 aurora-border-subtle', _defineProperty({}, "aurora-border-".concat(borderStyle), !!borderStyle), className)
|
|
14
14
|
}, props));
|
|
15
15
|
});
|
|
16
16
|
AccordionItem.displayName = 'AccordionItem';
|
|
@@ -20,12 +20,12 @@ var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
20
20
|
className: cn('aurora-text-s aurora-font-semibold aurora-tracking', _defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
|
|
21
21
|
}, /*#__PURE__*/createElement(Trigger2, _objectSpread2({
|
|
22
22
|
ref: ref,
|
|
23
|
-
className: cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-
|
|
24
|
-
}, props), icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
|
|
25
|
-
color: CSS_ICON_COLOR_TOKENS_VALUES.
|
|
23
|
+
className: cn('aurora-flex aurora-items-center aurora-justify-between aurora-w-full aurora-gap-2 aurora-py-2 aurora-px-3 aurora-text-base aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
24
|
+
}, props), children, icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
|
|
25
|
+
color: CSS_ICON_COLOR_TOKENS_VALUES.inverseDisabled,
|
|
26
26
|
size: accordionContext.size === ACCORDION_SIZES.default ? 24 : 20,
|
|
27
|
-
className: cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200')
|
|
28
|
-
}))
|
|
27
|
+
className: cn('aurora-shrink-0 aurora-text-muted-foreground aurora-transition-transform aurora-duration-200 aurora-cursor-pointer')
|
|
28
|
+
}))));
|
|
29
29
|
});
|
|
30
30
|
AccordionTrigger.displayName = Trigger2.displayName;
|
|
31
31
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React__default 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 { inputVariants } from './input_variants.js';
|
|
4
|
+
import { inputVariants, inputElementVariants } from './input_variants.js';
|
|
5
5
|
|
|
6
|
-
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "onChange", "onKeyDown", "onKeyUp"];
|
|
6
|
+
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "inputSize", "onChange", "onKeyDown", "onKeyUp"];
|
|
7
7
|
var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
8
8
|
var preElement = _ref.preElement,
|
|
9
9
|
postElement = _ref.postElement,
|
|
@@ -19,6 +19,8 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
19
19
|
readOnly = _ref.readOnly,
|
|
20
20
|
type = _ref.type,
|
|
21
21
|
hasCursorPointer = _ref.hasCursorPointer,
|
|
22
|
+
_ref$inputSize = _ref.inputSize,
|
|
23
|
+
inputSize = _ref$inputSize === void 0 ? 'md' : _ref$inputSize,
|
|
22
24
|
onChange = _ref.onChange,
|
|
23
25
|
onKeyDown = _ref.onKeyDown,
|
|
24
26
|
onKeyUp = _ref.onKeyUp,
|
|
@@ -29,9 +31,9 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
29
31
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
|
|
30
32
|
'aurora-appearance-none': type === 'number'
|
|
31
33
|
}, className)
|
|
32
|
-
}, preElement &&
|
|
33
|
-
className:
|
|
34
|
-
}, preElement)
|
|
34
|
+
}, preElement && /*#__PURE__*/React__default.createElement("div", {
|
|
35
|
+
className: "aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2"
|
|
36
|
+
}, preElement), /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
35
37
|
ref: ref,
|
|
36
38
|
id: id,
|
|
37
39
|
name: name,
|
|
@@ -44,7 +46,9 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
44
46
|
onKeyDown: onKeyDown,
|
|
45
47
|
onKeyUp: onKeyUp,
|
|
46
48
|
type: type,
|
|
47
|
-
className: cn(
|
|
49
|
+
className: cn(inputElementVariants({
|
|
50
|
+
inputSize: inputSize
|
|
51
|
+
}), {
|
|
48
52
|
'aurora-cursor-pointer': hasCursorPointer
|
|
49
53
|
})
|
|
50
54
|
})), postElement && /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
import { inputVariants } from './input_variants';
|
|
4
|
-
export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
|
|
2
|
+
export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
5
3
|
preElement?: React.ReactNode;
|
|
6
4
|
postElement?: React.ReactNode;
|
|
7
5
|
errors?: string | string[];
|
|
8
6
|
hasCursorPointer?: boolean;
|
|
9
7
|
colorName?: string;
|
|
10
8
|
primary?: boolean;
|
|
9
|
+
inputSize?: 'sm' | 'md';
|
|
11
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input_types.js","sourceRoot":"","sources":["../../../../../../../src/components/input/input_types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1,4 @@
|
|
|
1
1
|
export declare const inputVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const inputElementVariants: (props?: ({
|
|
3
|
+
inputSize?: "sm" | "md" | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,17 @@
|
|
|
1
1
|
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
2
2
|
|
|
3
3
|
var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
|
|
4
|
+
var inputElementVariants = cva('aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
|
|
5
|
+
variants: {
|
|
6
|
+
inputSize: {
|
|
7
|
+
sm: 'aurora-h-6',
|
|
8
|
+
md: 'aurora-h-10'
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
inputSize: 'md'
|
|
13
|
+
}
|
|
14
|
+
});
|
|
4
15
|
|
|
5
|
-
export { inputVariants };
|
|
16
|
+
export { inputElementVariants, inputVariants };
|
|
6
17
|
//# sourceMappingURL=input_variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;"}
|
|
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;AACA;"}
|
|
@@ -17,8 +17,7 @@ var PersistentSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, r
|
|
|
17
17
|
var _useSidebar = useSidebar(),
|
|
18
18
|
open = _useSidebar.open,
|
|
19
19
|
toggle = _useSidebar.toggle,
|
|
20
|
-
close = _useSidebar.close
|
|
21
|
-
disableTransition = _useSidebar.disableTransition;
|
|
20
|
+
close = _useSidebar.close;
|
|
22
21
|
var sidebarRef = useRef(null);
|
|
23
22
|
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
24
23
|
config = _ref2.config,
|
|
@@ -39,7 +38,7 @@ var PersistentSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, r
|
|
|
39
38
|
});
|
|
40
39
|
return /*#__PURE__*/React__default.createElement("aside", _objectSpread2({
|
|
41
40
|
"aria-expanded": open,
|
|
42
|
-
className: cn('aurora-relative
|
|
41
|
+
className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
43
42
|
style: {
|
|
44
43
|
width: open ? width : 0,
|
|
45
44
|
maxWidth: open ? width : 0,
|
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.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;"}
|
|
@@ -4,7 +4,6 @@ export declare type TSidebarContext = {
|
|
|
4
4
|
close: () => void;
|
|
5
5
|
open: boolean;
|
|
6
6
|
defaultOpen?: boolean;
|
|
7
|
-
disableTransition?: boolean;
|
|
8
7
|
};
|
|
9
8
|
export declare type TSidebarProviderProps = {
|
|
10
9
|
variant?: TSidebarVariant;
|
|
@@ -12,5 +11,4 @@ export declare type TSidebarProviderProps = {
|
|
|
12
11
|
onOpenChange?: (open: boolean) => void;
|
|
13
12
|
defaultOpen?: boolean;
|
|
14
13
|
storageKey?: string;
|
|
15
|
-
disableTransition?: boolean;
|
|
16
14
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { PropsWithChildren } from 'react';
|
|
3
3
|
import { TSidebarProviderProps } from "./sidebar_context_types";
|
|
4
|
-
export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, storageKey, variant
|
|
4
|
+
export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, storageKey, variant }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
|
|
@@ -9,8 +9,7 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
9
9
|
onOpenChange = _ref.onOpenChange,
|
|
10
10
|
children = _ref.children,
|
|
11
11
|
storageKey = _ref.storageKey,
|
|
12
|
-
variant = _ref.variant
|
|
13
|
-
disableTransition = _ref.disableTransition;
|
|
12
|
+
variant = _ref.variant;
|
|
14
13
|
var setPersistedState = function setPersistedState(value) {
|
|
15
14
|
if (!storageKey) return;
|
|
16
15
|
try {
|
|
@@ -60,10 +59,9 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
60
59
|
open: _open,
|
|
61
60
|
toggle: toggle,
|
|
62
61
|
close: close,
|
|
63
|
-
defaultOpen: defaultOpen
|
|
64
|
-
disableTransition: disableTransition
|
|
62
|
+
defaultOpen: defaultOpen
|
|
65
63
|
};
|
|
66
|
-
}, [_open, toggle
|
|
64
|
+
}, [_open, toggle]);
|
|
67
65
|
return /*#__PURE__*/createElement(SidebarContext.Provider, {
|
|
68
66
|
value: contextValue
|
|
69
67
|
}, children);
|
|
@@ -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;
|
|
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;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TSidebarProps } from "./sidebar_types_types";
|
|
2
2
|
import React, { PropsWithChildren } from 'react';
|
|
3
|
-
export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, storageKey,
|
|
3
|
+
export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, storageKey, ...rest }: React.PropsWithChildren<TSidebarProps<T>>) => React.JSX.Element;
|
|
@@ -5,7 +5,7 @@ import { PersistentSidebar } from './components/persistent_sidebar.js';
|
|
|
5
5
|
import { SidebarProvider } from './context/sidebar_prvider.js';
|
|
6
6
|
import { TemporalSidebar } from './components/temporal_sidebar.js';
|
|
7
7
|
|
|
8
|
-
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"
|
|
8
|
+
var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
|
|
9
9
|
var Sidebar = function Sidebar(_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
11
11
|
variant = _ref.variant,
|
|
@@ -13,15 +13,13 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
13
13
|
onOpenChange = _ref.onOpenChange,
|
|
14
14
|
defaultOpen = _ref.defaultOpen,
|
|
15
15
|
storageKey = _ref.storageKey,
|
|
16
|
-
disableTransition = _ref.disableTransition,
|
|
17
16
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
18
17
|
return /*#__PURE__*/React__default.createElement(SidebarProvider, {
|
|
19
18
|
variant: variant,
|
|
20
19
|
open: open,
|
|
21
20
|
onOpenChange: onOpenChange,
|
|
22
21
|
defaultOpen: defaultOpen,
|
|
23
|
-
storageKey: storageKey
|
|
24
|
-
disableTransition: disableTransition
|
|
22
|
+
storageKey: storageKey
|
|
25
23
|
}, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default.createElement(PersistentSidebar, _objectSpread2({
|
|
26
24
|
variant: variant
|
|
27
25
|
}, rest), children)) : (/*#__PURE__*/React__default.createElement(TemporalSidebar, _objectSpread2({
|
|
@@ -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;"}
|
|
@@ -20,5 +20,4 @@ export declare type TSidebarProps<T extends TSidebarVariant> = {
|
|
|
20
20
|
defaultOpen?: boolean;
|
|
21
21
|
storageKey?: string;
|
|
22
22
|
onClickOutside?: TSidebarOnClickOutside;
|
|
23
|
-
disableTransition?: boolean;
|
|
24
23
|
} & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);
|