@dreamcommerce/aurora 3.1.57-1 → 3.1.57-2
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 +5 -9
- package/build/cjs/packages/aurora/src/components/input/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/input/input_variants.js +0 -12
- 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 +3 -2
- 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 +5 -3
- 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 +4 -2
- 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 +6 -10
- 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 +3 -2
- package/build/esm/packages/aurora/src/components/input/input_types.js +2 -1
- 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 +0 -3
- package/build/esm/packages/aurora/src/components/input/input_variants.js +1 -12
- 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 +3 -2
- 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 +2 -0
- 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 +5 -3
- 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 +4 -2
- 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 +1 -0
- 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
|
|
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)
|
|
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-
|
|
28
|
-
}, props),
|
|
29
|
-
color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.
|
|
27
|
+
className: cn.cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text-subtle aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
28
|
+
}, props), icon ? icon : (/*#__PURE__*/React.createElement(arrow_right.ArrowRightIcon, {
|
|
29
|
+
color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle,
|
|
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')
|
|
32
|
+
})), children));
|
|
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", "
|
|
14
|
+
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "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,8 +27,6 @@ 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,
|
|
32
30
|
onChange = _ref.onChange,
|
|
33
31
|
onKeyDown = _ref.onKeyDown,
|
|
34
32
|
onKeyUp = _ref.onKeyUp,
|
|
@@ -39,9 +37,9 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
39
37
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
|
|
40
38
|
'aurora-appearance-none': type === 'number'
|
|
41
39
|
}, className)
|
|
42
|
-
}, preElement && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
43
|
-
className:
|
|
44
|
-
}, preElement), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
40
|
+
}, preElement && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
41
|
+
className: 'aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2'
|
|
42
|
+
}, preElement)), /*#__PURE__*/React__default['default'].createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
45
43
|
ref: ref,
|
|
46
44
|
id: id,
|
|
47
45
|
name: name,
|
|
@@ -54,9 +52,7 @@ var Input = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
54
52
|
onKeyDown: onKeyDown,
|
|
55
53
|
onKeyUp: onKeyUp,
|
|
56
54
|
type: type,
|
|
57
|
-
className: cn.cn(
|
|
58
|
-
inputSize: inputSize
|
|
59
|
-
}), {
|
|
55
|
+
className: cn.cn('aurora-h-[40px] aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
|
|
60
56
|
'aurora-cursor-pointer': hasCursorPointer
|
|
61
57
|
})
|
|
62
58
|
})), 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;"}
|
|
@@ -5,18 +5,6 @@ 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
|
-
});
|
|
19
8
|
|
|
20
|
-
exports.inputElementVariants = inputElementVariants;
|
|
21
9
|
exports.inputVariants = inputVariants;
|
|
22
10
|
//# 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;"}
|
|
@@ -25,7 +25,8 @@ 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
|
|
28
|
+
close = _useSidebar.close,
|
|
29
|
+
disableTransition = _useSidebar.disableTransition;
|
|
29
30
|
var sidebarRef = React.useRef(null);
|
|
30
31
|
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
31
32
|
config = _ref2.config,
|
|
@@ -46,7 +47,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
|
|
|
46
47
|
});
|
|
47
48
|
return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
|
|
48
49
|
"aria-expanded": open,
|
|
49
|
-
className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
50
|
+
className: cn.cn('aurora-relative', !disableTransition && 'aurora-transition-all aurora-duration-200'),
|
|
50
51
|
style: {
|
|
51
52
|
width: open ? width : 0,
|
|
52
53
|
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;AACA;"}
|
|
@@ -13,7 +13,8 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
13
13
|
onOpenChange = _ref.onOpenChange,
|
|
14
14
|
children = _ref.children,
|
|
15
15
|
storageKey = _ref.storageKey,
|
|
16
|
-
variant = _ref.variant
|
|
16
|
+
variant = _ref.variant,
|
|
17
|
+
disableTransition = _ref.disableTransition;
|
|
17
18
|
var setPersistedState = function setPersistedState(value) {
|
|
18
19
|
if (!storageKey) return;
|
|
19
20
|
try {
|
|
@@ -63,9 +64,10 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
63
64
|
open: _open,
|
|
64
65
|
toggle: toggle,
|
|
65
66
|
close: close,
|
|
66
|
-
defaultOpen: defaultOpen
|
|
67
|
+
defaultOpen: defaultOpen,
|
|
68
|
+
disableTransition: disableTransition
|
|
67
69
|
};
|
|
68
|
-
}, [_open, toggle]);
|
|
70
|
+
}, [_open, toggle, close, defaultOpen, disableTransition]);
|
|
69
71
|
return /*#__PURE__*/React.createElement(sidebar_context.SidebarContext.Provider, {
|
|
70
72
|
value: contextValue
|
|
71
73
|
}, 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;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", "disableTransition"];
|
|
17
17
|
var Sidebar = function Sidebar(_ref) {
|
|
18
18
|
var children = _ref.children,
|
|
19
19
|
variant = _ref.variant,
|
|
@@ -21,13 +21,15 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
21
21
|
onOpenChange = _ref.onOpenChange,
|
|
22
22
|
defaultOpen = _ref.defaultOpen,
|
|
23
23
|
storageKey = _ref.storageKey,
|
|
24
|
+
disableTransition = _ref.disableTransition,
|
|
24
25
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
|
|
26
27
|
variant: variant,
|
|
27
28
|
open: open,
|
|
28
29
|
onOpenChange: onOpenChange,
|
|
29
30
|
defaultOpen: defaultOpen,
|
|
30
|
-
storageKey: storageKey
|
|
31
|
+
storageKey: storageKey,
|
|
32
|
+
disableTransition: disableTransition
|
|
31
33
|
}, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
|
|
32
34
|
variant: variant
|
|
33
35
|
}, 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;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
|
|
13
|
+
className: cn('aurora-border-t last:aurora-border-b data-[state=open]:aurora-border-b-0', _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-
|
|
24
|
-
}, props),
|
|
25
|
-
color: CSS_ICON_COLOR_TOKENS_VALUES.
|
|
23
|
+
className: cn('aurora-flex aurora-items-center aurora-w-full aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text-subtle aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
|
|
24
|
+
}, props), icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
|
|
25
|
+
color: CSS_ICON_COLOR_TOKENS_VALUES.subtle,
|
|
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')
|
|
28
|
+
})), children));
|
|
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
|
|
4
|
+
import { inputVariants } from './input_variants.js';
|
|
5
5
|
|
|
6
|
-
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "
|
|
6
|
+
var _excluded = ["preElement", "postElement", "errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "type", "hasCursorPointer", "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,8 +19,6 @@ 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,
|
|
24
22
|
onChange = _ref.onChange,
|
|
25
23
|
onKeyDown = _ref.onKeyDown,
|
|
26
24
|
onKeyUp = _ref.onKeyUp,
|
|
@@ -31,9 +29,9 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
31
29
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled,
|
|
32
30
|
'aurora-appearance-none': type === 'number'
|
|
33
31
|
}, className)
|
|
34
|
-
}, preElement && /*#__PURE__*/React__default.createElement("div", {
|
|
35
|
-
className:
|
|
36
|
-
}, preElement), /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
32
|
+
}, preElement && (/*#__PURE__*/React__default.createElement("div", {
|
|
33
|
+
className: 'aurora-flex aurora-h-full aurora-items-center aurora-pointer-events-none aurora-pl-2'
|
|
34
|
+
}, preElement)), /*#__PURE__*/React__default.createElement("input", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
37
35
|
ref: ref,
|
|
38
36
|
id: id,
|
|
39
37
|
name: name,
|
|
@@ -46,9 +44,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
|
46
44
|
onKeyDown: onKeyDown,
|
|
47
45
|
onKeyUp: onKeyUp,
|
|
48
46
|
type: type,
|
|
49
|
-
className: cn(
|
|
50
|
-
inputSize: inputSize
|
|
51
|
-
}), {
|
|
47
|
+
className: cn('aurora-h-[40px] aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-px-2 aurora-rounded-6', {
|
|
52
48
|
'aurora-cursor-pointer': hasCursorPointer
|
|
53
49
|
})
|
|
54
50
|
})), 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;"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import { inputVariants } from './input_variants';
|
|
4
|
+
export interface TInputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
|
|
3
5
|
preElement?: React.ReactNode;
|
|
4
6
|
postElement?: React.ReactNode;
|
|
5
7
|
errors?: string | string[];
|
|
6
8
|
hasCursorPointer?: boolean;
|
|
7
9
|
colorName?: string;
|
|
8
10
|
primary?: boolean;
|
|
9
|
-
inputSize?: 'sm' | 'md';
|
|
10
11
|
}
|
|
@@ -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":"AAAA,OAA6B,0BAA0B,CAAC;AACxD,OAA8B,kBAAkB,CAAC"}
|
|
@@ -1,4 +1 @@
|
|
|
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,17 +1,6 @@
|
|
|
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
|
-
});
|
|
15
4
|
|
|
16
|
-
export {
|
|
5
|
+
export { inputVariants };
|
|
17
6
|
//# 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;"}
|
|
@@ -17,7 +17,8 @@ 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
|
|
20
|
+
close = _useSidebar.close,
|
|
21
|
+
disableTransition = _useSidebar.disableTransition;
|
|
21
22
|
var sidebarRef = useRef(null);
|
|
22
23
|
var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
|
|
23
24
|
config = _ref2.config,
|
|
@@ -38,7 +39,7 @@ var PersistentSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, r
|
|
|
38
39
|
});
|
|
39
40
|
return /*#__PURE__*/React__default.createElement("aside", _objectSpread2({
|
|
40
41
|
"aria-expanded": open,
|
|
41
|
-
className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
|
|
42
|
+
className: cn('aurora-relative', !disableTransition && 'aurora-transition-all aurora-duration-200'),
|
|
42
43
|
style: {
|
|
43
44
|
width: open ? width : 0,
|
|
44
45
|
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;AACA;"}
|
|
@@ -4,6 +4,7 @@ export declare type TSidebarContext = {
|
|
|
4
4
|
close: () => void;
|
|
5
5
|
open: boolean;
|
|
6
6
|
defaultOpen?: boolean;
|
|
7
|
+
disableTransition?: boolean;
|
|
7
8
|
};
|
|
8
9
|
export declare type TSidebarProviderProps = {
|
|
9
10
|
variant?: TSidebarVariant;
|
|
@@ -11,4 +12,5 @@ export declare type TSidebarProviderProps = {
|
|
|
11
12
|
onOpenChange?: (open: boolean) => void;
|
|
12
13
|
defaultOpen?: boolean;
|
|
13
14
|
storageKey?: string;
|
|
15
|
+
disableTransition?: boolean;
|
|
14
16
|
};
|
|
@@ -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 }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
|
|
4
|
+
export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, storageKey, variant, disableTransition }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
|
|
@@ -9,7 +9,8 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
9
9
|
onOpenChange = _ref.onOpenChange,
|
|
10
10
|
children = _ref.children,
|
|
11
11
|
storageKey = _ref.storageKey,
|
|
12
|
-
variant = _ref.variant
|
|
12
|
+
variant = _ref.variant,
|
|
13
|
+
disableTransition = _ref.disableTransition;
|
|
13
14
|
var setPersistedState = function setPersistedState(value) {
|
|
14
15
|
if (!storageKey) return;
|
|
15
16
|
try {
|
|
@@ -59,9 +60,10 @@ var SidebarProvider = function SidebarProvider(_ref) {
|
|
|
59
60
|
open: _open,
|
|
60
61
|
toggle: toggle,
|
|
61
62
|
close: close,
|
|
62
|
-
defaultOpen: defaultOpen
|
|
63
|
+
defaultOpen: defaultOpen,
|
|
64
|
+
disableTransition: disableTransition
|
|
63
65
|
};
|
|
64
|
-
}, [_open, toggle]);
|
|
66
|
+
}, [_open, toggle, close, defaultOpen, disableTransition]);
|
|
65
67
|
return /*#__PURE__*/createElement(SidebarContext.Provider, {
|
|
66
68
|
value: contextValue
|
|
67
69
|
}, 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;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, ...rest }: React.PropsWithChildren<TSidebarProps<T>>) => React.JSX.Element;
|
|
3
|
+
export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, storageKey, disableTransition, ...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", "disableTransition"];
|
|
9
9
|
var Sidebar = function Sidebar(_ref) {
|
|
10
10
|
var children = _ref.children,
|
|
11
11
|
variant = _ref.variant,
|
|
@@ -13,13 +13,15 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
13
13
|
onOpenChange = _ref.onOpenChange,
|
|
14
14
|
defaultOpen = _ref.defaultOpen,
|
|
15
15
|
storageKey = _ref.storageKey,
|
|
16
|
+
disableTransition = _ref.disableTransition,
|
|
16
17
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
17
18
|
return /*#__PURE__*/React__default.createElement(SidebarProvider, {
|
|
18
19
|
variant: variant,
|
|
19
20
|
open: open,
|
|
20
21
|
onOpenChange: onOpenChange,
|
|
21
22
|
defaultOpen: defaultOpen,
|
|
22
|
-
storageKey: storageKey
|
|
23
|
+
storageKey: storageKey,
|
|
24
|
+
disableTransition: disableTransition
|
|
23
25
|
}, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default.createElement(PersistentSidebar, _objectSpread2({
|
|
24
26
|
variant: variant
|
|
25
27
|
}, 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;AACA;AACA;"}
|
|
@@ -20,4 +20,5 @@ export declare type TSidebarProps<T extends TSidebarVariant> = {
|
|
|
20
20
|
defaultOpen?: boolean;
|
|
21
21
|
storageKey?: string;
|
|
22
22
|
onClickOutside?: TSidebarOnClickOutside;
|
|
23
|
+
disableTransition?: boolean;
|
|
23
24
|
} & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);
|