@aivenio/aquarium 1.55.0 → 1.56.0
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/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/molecules/Drawer/Drawer.js +5 -5
- package/dist/src/molecules/Section/Section.js +2 -2
- package/dist/styles.css +4 -0
- package/dist/system.cjs +6 -6
- package/dist/system.mjs +6 -6
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
|
@@ -7434,7 +7434,7 @@ Modal.Dialog = import_react32.default.forwardRef(
|
|
|
7434
7434
|
(_a, ref) => {
|
|
7435
7435
|
var _b = _a, { kind = "dialog", children, className, size = "sm" } = _b, rest = __objRest(_b, ["kind", "children", "className", "size"]);
|
|
7436
7436
|
const commonClasses = tw("bg-white max-h-full flex flex-col");
|
|
7437
|
-
const dialogClasses = classNames("relative w-full rounded", {
|
|
7437
|
+
const dialogClasses = classNames("relative w-full rounded mx-7", {
|
|
7438
7438
|
"max-w-[600px]": size === "sm",
|
|
7439
7439
|
"max-w-[940px]": size === "md",
|
|
7440
7440
|
"min-h-full": size === "full"
|
package/dist/atoms.mjs
CHANGED
|
@@ -7394,7 +7394,7 @@ Modal.Dialog = React28.forwardRef(
|
|
|
7394
7394
|
(_a, ref) => {
|
|
7395
7395
|
var _b = _a, { kind = "dialog", children, className, size = "sm" } = _b, rest = __objRest(_b, ["kind", "children", "className", "size"]);
|
|
7396
7396
|
const commonClasses = tw("bg-white max-h-full flex flex-col");
|
|
7397
|
-
const dialogClasses = classNames("relative w-full rounded", {
|
|
7397
|
+
const dialogClasses = classNames("relative w-full rounded mx-7", {
|
|
7398
7398
|
"max-w-[600px]": size === "sm",
|
|
7399
7399
|
"max-w-[940px]": size === "md",
|
|
7400
7400
|
"min-h-full": size === "full"
|
|
@@ -25,7 +25,7 @@ Modal.BackDrop = (_a) => {
|
|
|
25
25
|
Modal.Dialog = React.forwardRef((_a, ref) => {
|
|
26
26
|
var { kind = 'dialog', children, className, size = 'sm' } = _a, rest = __rest(_a, ["kind", "children", "className", "size"]);
|
|
27
27
|
const commonClasses = tw('bg-white max-h-full flex flex-col');
|
|
28
|
-
const dialogClasses = classNames('relative w-full rounded', {
|
|
28
|
+
const dialogClasses = classNames('relative w-full rounded mx-7', {
|
|
29
29
|
'max-w-[600px]': size === 'sm',
|
|
30
30
|
'max-w-[940px]': size === 'md',
|
|
31
31
|
'min-h-full': size === 'full',
|
|
@@ -76,4 +76,4 @@ Modal.Actions = (_a) => {
|
|
|
76
76
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
77
77
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
|
|
78
78
|
};
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBcUNwRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixJQUFJLEdBQUcsUUFBUSxFQUNmLFNBQVMsRUFDVCxJQUFJLE9BRUwsRUFESSxJQUFJLGNBTG1FLHlDQU0zRSxDQURRO0lBRVAsT0FBQSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ0wsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1Q0FBdUMsQ0FBQyxFQUMzQztZQUNFLHVDQUF1QyxFQUFFLElBQUksS0FBSyxRQUFRO1NBQzNELEVBQ0QsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO0NBQUEsQ0FBQztBQUVYLEtBQUssQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNDLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw2REFBNkQsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3ZILENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixDQUFDLEVBQThELEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFB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
|
|
@@ -51,8 +51,8 @@ export const Drawer = (_a) => {
|
|
|
51
51
|
}
|
|
52
52
|
}, [open]);
|
|
53
53
|
const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
|
|
54
|
-
const { opacity,
|
|
55
|
-
|
|
54
|
+
const { opacity, right } = useSpring({
|
|
55
|
+
right: open ? '0px' : `-${WIDTHS[size]}px`,
|
|
56
56
|
opacity: open ? 0.6 : 0,
|
|
57
57
|
config: {
|
|
58
58
|
mass: 0.5,
|
|
@@ -71,7 +71,7 @@ export const Drawer = (_a) => {
|
|
|
71
71
|
return (React.createElement(Overlay, { portalContainer: portalContainer },
|
|
72
72
|
React.createElement(BaseModal, { kind: "drawer", className: "Aquarium-Drawer overflow-x-hidden", open: true },
|
|
73
73
|
React.createElement(AnimatedBackDrop, Object.assign({ style: { opacity } }, underlayProps)),
|
|
74
|
-
React.createElement(DrawerWrapper, Object.assign({ ref: ref }, props, modalProps, { spring: {
|
|
74
|
+
React.createElement(DrawerWrapper, Object.assign({ ref: ref }, props, modalProps, { spring: { right } })))));
|
|
75
75
|
};
|
|
76
76
|
const DrawerWrapper = React.forwardRef((_a, ref) => {
|
|
77
77
|
var _b;
|
|
@@ -91,7 +91,7 @@ const DrawerWrapper = React.forwardRef((_a, ref) => {
|
|
|
91
91
|
const childElements = React.Children.toArray(children).filter(React.isValidElement);
|
|
92
92
|
const onlyChild = childElements.length === 1 ? childElements[0] : null;
|
|
93
93
|
const hasTabs = isComponentType(onlyChild, Tabs);
|
|
94
|
-
return (React.createElement(AnimatedDialog, Object.assign({ ref: ref, kind: "drawer", "aria-modal": "true", size: dialogSize }, props, dialogProps, { style:
|
|
94
|
+
return (React.createElement(AnimatedDialog, Object.assign({ ref: ref, kind: "drawer", "aria-modal": "true", size: dialogSize }, props, dialogProps, { style: { position: 'fixed', right: spring.right } }),
|
|
95
95
|
React.createElement(BaseModal.CloseButtonContainer, null,
|
|
96
96
|
React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: onClose })),
|
|
97
97
|
React.createElement(BaseModal.Header, { className: tw({ 'pb-3': hasTabs }) },
|
|
@@ -115,4 +115,4 @@ const DrawerWrapper = React.forwardRef((_a, ref) => {
|
|
|
115
115
|
});
|
|
116
116
|
const DrawerTabs = createTabsComponent(ModalTab, TabItem, 'DrawerTabs', (children, selected) => (React.createElement(BaseModal.Body, { className: tw('h-full') },
|
|
117
117
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQWtCLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxRQUFRLEVBQW9CLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxFQUVQLElBQUksR0FDTCxNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBa0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFN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
|
|
@@ -102,7 +102,7 @@ export const Section = (props) => {
|
|
|
102
102
|
props.select && React.createElement(SelectBase, Object.assign({ "aria-labelledby": titleId }, props.select))))),
|
|
103
103
|
!hasTabs && React.createElement(animated.div, { className: tw(`h-[1px]`), style: { backgroundColor } }))),
|
|
104
104
|
React.createElement(animated.div, { id: regionId, "aria-hidden": _collapsible ? (isCollapsed ? true : undefined) : undefined, style: spring, className: tw({ 'overflow-hidden': _collapsible }) },
|
|
105
|
-
React.createElement("div", { ref: ref }, hasTabs ? (React.createElement(SectionTabs, Object.assign({}, children.props, { className: tw('[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto') }))) : (React.createElement(BaseSection.Body, null, children))))));
|
|
105
|
+
React.createElement("div", { ref: ref }, hasTabs ? (React.createElement(SectionTabs, Object.assign({}, children.props, { className: tw('[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto', { 'mt-4': _collapsible }) }))) : (React.createElement(BaseSection.Body, null, children))))));
|
|
106
106
|
};
|
|
107
107
|
const SectionTabs = createTabsComponent(ModalTab, TabItem, 'SectionTabs', (children, selected) => (React.createElement(BaseSection.Body, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLFlBQVksTUFBTSxxQkFBcUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBR25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBR2xELE9BQU8sRUFBK0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTNFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBaUZsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBd0MsS0FBK0MsRUFBRSxFQUFFOztJQUNoSCxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFFNUMsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxXQUFXLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ2hFLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3ZELHlDQUF5QztJQUN6QyxNQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBQSxLQUFLLENBQUMsZ0JBQWdCLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzFFLE1BQU0sQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBVSxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxpQkFBaUIsQ0FBQyxDQUFDO0lBQzdGLE1BQU0sQ0FBQyxHQUFHLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBa0IsQ0FBQztJQUV2RCxnQ0FBZ0M7SUFDaEMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3pELE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxhQUFhLG1DQUFJLEtBQUssQ0FBQyxTQUFTLG1DQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ25HLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3BELE1BQU0sZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUNwRSxNQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFdEUsSUFBSSxLQUFLLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxTQUFTLEtBQUssV0FBVyxFQUFFO1FBQzdFLFlBQVksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7S0FDL0I7SUFFRCxNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUM1QixJQUFJLFlBQVksRUFBRTtZQUNoQiwrRkFBK0Y7WUFDL0YsSUFBSSxpQkFBaUIsRUFBRTtnQkFDckIsaUJBQWlCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUNqQztZQUNELGdHQUFnRztZQUNoRyxJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUU7Z0JBQzVCLFlBQVksQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO2FBQzVCO1NBQ0Y7SUFDSCxDQUFDLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxDQUFDLElBQUksQ0FBQztJQUM5RCxNQUFNLEtBQTRDLFNBQVMsQ0FBQztRQUMxRCxNQUFNLEVBQUUsTUFBTSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ2xELE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM1QixTQUFTLEVBQUUsVUFBVSxXQUFXLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNO1FBQ2hELGVBQWUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDO1FBQzlHLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxHQUFHO1NBQ2Q7UUFDRCxTQUFTLEVBQUUsQ0FBQyxZQUFZO0tBQ3pCLENBQUMsRUFUSSxFQUFFLFNBQVMsRUFBRSxlQUFlLE9BU2hDLEVBVHFDLE1BQU0sY0FBdkMsZ0NBQXlDLENBUzdDLENBQUM7SUFFSCxNQUFNLFFBQVEsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUN6QixNQUFNLFFBQVEsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUN6QixNQUFNLE9BQU8sR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUV4QixNQUFNLE9BQU8sR0FBRyxlQUFlLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRWhELE9BQU8sQ0FDTCxvQkFBQyxXQUFXLGtCQUFhLEtBQUssRUFBRSxTQUFTLEVBQUMsa0JBQWtCO1FBQ3pELEtBQUssSUFBSSxDQUNSO1lBQ0Usb0JBQUMsV0FBVyxDQUFDLE1BQU0sSUFBQyxRQUFRLEVBQUUsWUFBWSxJQUFJLENBQUMsV0FBVztnQkFDeEQsb0JBQUMsV0FBVyxDQUFDLGNBQWMsSUFDekIsSUFBSSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3pDLEVBQUUsRUFBRSxRQUFRLEVBQ1osV0FBVyxFQUFFLFlBQVksRUFDekIsT0FBTyxFQUFFLGdCQUFnQixtQkFDVixZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLG1CQUN2QyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUztvQkFFakQsWUFBWSxJQUFJLENBQ2Ysb0JBQUMsUUFBUSxDQUFDLEdBQUcsSUFBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUU7d0JBQ2hDLG9CQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQUcsQ0FDVCxDQUNoQjtvQkFDRCxvQkFBQyxXQUFXLENBQUMsS0FBSyxJQUFDLEVBQUUsRUFBRSxPQUFPO3dCQUM1QixvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLENBQUMsSUFBRyxLQUFLLENBQWE7d0JBQ3ZDLEtBQUssQ0FBQyxHQUFHLElBQUksb0JBQUMsUUFBUSxvQkFBSyxLQUFLLENBQUMsR0FBRyxFQUFJO3dCQUN4QyxLQUFLLENBQUMsS0FBSyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLEtBQUssR0FBSTt3QkFDMUMsS0FBSyxDQUFDLElBQUksSUFBSSxvQkFBQyxVQUFVLG9CQUFLLEtBQUssQ0FBQyxJQUFJLEVBQUksQ0FDM0I7b0JBQ25CLFFBQVEsSUFBSSxDQUNYLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLEVBQUUsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7d0JBQ2pGLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFHLFFBQVEsQ0FBYSxDQUN0QixDQUN4QixDQUMwQjtnQkFDNUIsQ0FBQyxXQUFXLElBQUksQ0FDZixvQkFBQyxXQUFXLENBQUMsT0FBTztvQkFDakIsSUFBSSxJQUFJLENBQ1Asb0JBQUMsR0FBRyxDQUFDLElBQUksSUFBQyxVQUFVLEVBQUMsUUFBUTt3QkFDM0Isb0JBQUMsWUFBWSxJQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLE1BQU0sQ0FBQyxFQUFFLFlBQVksRUFBRSxnQkFBZ0I7NEJBQ3BGLG9CQUFDLFlBQVksQ0FBQyxPQUFPO2dDQUNuQixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFBYSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNqQzs0QkFDdEIsSUFBSSxDQUNRLENBQ04sQ0FDWjtvQkFFQSxLQUFLLENBQUMsT0FBTzt3QkFDWixTQUFTLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzs2QkFDckIsTUFBTSxDQUFDLE9BQU8sQ0FBQzs2QkFDZixHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztvQkFFaEUsS0FBSyxDQUFDLE1BQU0sSUFBSSxvQkFBQyxNQUFNLG9CQUFLLEtBQUssQ0FBQyxNQUFNLEVBQUk7b0JBQzVDLEtBQUssQ0FBQyxNQUFNLElBQUksb0JBQUMsVUFBVSxxQ0FBa0IsT0FBTyxJQUFNLEtBQUssQ0FBQyxNQUFNLEVBQUksQ0FDdkQsQ0FDdkIsQ0FDa0I7WUFDcEIsQ0FBQyxPQUFPLElBQUksb0JBQUMsUUFBUSxDQUFDLEdBQUcsSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxHQUFJLENBQ2xGLENBQ0o7UUFDRCxvQkFBQyxRQUFRLENBQUMsR0FBRyxJQUNYLEVBQUUsRUFBRSxRQUFRLGlCQUNDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDeEUsS0FBSyxFQUFFLE1BQU0sRUFDYixTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLENBQUM7WUFPbEQsNkJBQUssR0FBRyxFQUFFLEdBQUcsSUFDVixPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1Qsb0JBQUMsV0FBVyxvQkFDTixRQUFRLENBQUMsS0FBSyxJQUNsQixTQUFTLEVBQUUsRUFBRSxDQUFDLDZEQUE2RCxFQUFFLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLElBQ3RHLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxXQUFXLENBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBb0IsQ0FDaEQsQ0FDRyxDQUNPLENBQ0gsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxXQUFXLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUNoRyxvQkFBQyxXQUFXLENBQUMsSUFBSSxRQUNkLFFBQVEsQ0FBQyxJQUFJLENBQ1osQ0FBQyxJQUE4QyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsS0FBSyxDQUFDLEtBQUssTUFBSyxRQUFRLElBQUksS0FBSyxLQUFLLFFBQVEsQ0FDaEgsQ0FDZ0IsQ0FDcEIsQ0FBQyxDQUFDIn0=
|
package/dist/styles.css
CHANGED
package/dist/system.cjs
CHANGED
|
@@ -11708,7 +11708,7 @@ Modal.Dialog = import_react80.default.forwardRef(
|
|
|
11708
11708
|
(_a, ref) => {
|
|
11709
11709
|
var _b = _a, { kind = "dialog", children, className, size = "sm" } = _b, rest = __objRest(_b, ["kind", "children", "className", "size"]);
|
|
11710
11710
|
const commonClasses = tw("bg-white max-h-full flex flex-col");
|
|
11711
|
-
const dialogClasses = classNames("relative w-full rounded", {
|
|
11711
|
+
const dialogClasses = classNames("relative w-full rounded mx-7", {
|
|
11712
11712
|
"max-w-[600px]": size === "sm",
|
|
11713
11713
|
"max-w-[940px]": size === "md",
|
|
11714
11714
|
"min-h-full": size === "full"
|
|
@@ -12183,8 +12183,8 @@ var Drawer = (_a) => {
|
|
|
12183
12183
|
state,
|
|
12184
12184
|
ref
|
|
12185
12185
|
);
|
|
12186
|
-
const { opacity,
|
|
12187
|
-
|
|
12186
|
+
const { opacity, right } = (0, import_web4.useSpring)({
|
|
12187
|
+
right: open ? "0px" : `-${WIDTHS[size]}px`,
|
|
12188
12188
|
opacity: open ? 0.6 : 0,
|
|
12189
12189
|
config: {
|
|
12190
12190
|
mass: 0.5,
|
|
@@ -12211,7 +12211,7 @@ var Drawer = (_a) => {
|
|
|
12211
12211
|
}, underlayProps)), /* @__PURE__ */ import_react83.default.createElement(DrawerWrapper, __spreadProps(__spreadValues(__spreadValues({
|
|
12212
12212
|
ref
|
|
12213
12213
|
}, props), modalProps), {
|
|
12214
|
-
spring: {
|
|
12214
|
+
spring: { right }
|
|
12215
12215
|
}))));
|
|
12216
12216
|
};
|
|
12217
12217
|
var DrawerWrapper = import_react83.default.forwardRef(
|
|
@@ -12260,7 +12260,7 @@ var DrawerWrapper = import_react83.default.forwardRef(
|
|
|
12260
12260
|
"aria-modal": "true",
|
|
12261
12261
|
size: dialogSize
|
|
12262
12262
|
}, props), dialogProps), {
|
|
12263
|
-
style:
|
|
12263
|
+
style: { position: "fixed", right: spring.right }
|
|
12264
12264
|
}), /* @__PURE__ */ import_react83.default.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ import_react83.default.createElement(Button.Icon, {
|
|
12265
12265
|
"aria-label": "Close",
|
|
12266
12266
|
icon: import_cross6.default,
|
|
@@ -14305,7 +14305,7 @@ var Section4 = (props) => {
|
|
|
14305
14305
|
}, /* @__PURE__ */ import_react115.default.createElement("div", {
|
|
14306
14306
|
ref
|
|
14307
14307
|
}, hasTabs ? /* @__PURE__ */ import_react115.default.createElement(SectionTabs, __spreadProps(__spreadValues({}, children.props), {
|
|
14308
|
-
className: tw("[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto")
|
|
14308
|
+
className: tw("[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto", { "mt-4": _collapsible })
|
|
14309
14309
|
})) : /* @__PURE__ */ import_react115.default.createElement(Section3.Body, null, children))));
|
|
14310
14310
|
};
|
|
14311
14311
|
var SectionTabs = createTabsComponent(ModalTab, TabItem, "SectionTabs", (children, selected) => /* @__PURE__ */ import_react115.default.createElement(Section3.Body, null, children.find(
|
package/dist/system.mjs
CHANGED
|
@@ -11560,7 +11560,7 @@ Modal.Dialog = React73.forwardRef(
|
|
|
11560
11560
|
(_a, ref) => {
|
|
11561
11561
|
var _b = _a, { kind = "dialog", children, className, size = "sm" } = _b, rest = __objRest(_b, ["kind", "children", "className", "size"]);
|
|
11562
11562
|
const commonClasses = tw("bg-white max-h-full flex flex-col");
|
|
11563
|
-
const dialogClasses = classNames("relative w-full rounded", {
|
|
11563
|
+
const dialogClasses = classNames("relative w-full rounded mx-7", {
|
|
11564
11564
|
"max-w-[600px]": size === "sm",
|
|
11565
11565
|
"max-w-[940px]": size === "md",
|
|
11566
11566
|
"min-h-full": size === "full"
|
|
@@ -12035,8 +12035,8 @@ var Drawer = (_a) => {
|
|
|
12035
12035
|
state,
|
|
12036
12036
|
ref
|
|
12037
12037
|
);
|
|
12038
|
-
const { opacity,
|
|
12039
|
-
|
|
12038
|
+
const { opacity, right } = useSpring3({
|
|
12039
|
+
right: open ? "0px" : `-${WIDTHS[size]}px`,
|
|
12040
12040
|
opacity: open ? 0.6 : 0,
|
|
12041
12041
|
config: {
|
|
12042
12042
|
mass: 0.5,
|
|
@@ -12063,7 +12063,7 @@ var Drawer = (_a) => {
|
|
|
12063
12063
|
}, underlayProps)), /* @__PURE__ */ React76.createElement(DrawerWrapper, __spreadProps(__spreadValues(__spreadValues({
|
|
12064
12064
|
ref
|
|
12065
12065
|
}, props), modalProps), {
|
|
12066
|
-
spring: {
|
|
12066
|
+
spring: { right }
|
|
12067
12067
|
}))));
|
|
12068
12068
|
};
|
|
12069
12069
|
var DrawerWrapper = React76.forwardRef(
|
|
@@ -12112,7 +12112,7 @@ var DrawerWrapper = React76.forwardRef(
|
|
|
12112
12112
|
"aria-modal": "true",
|
|
12113
12113
|
size: dialogSize
|
|
12114
12114
|
}, props), dialogProps), {
|
|
12115
|
-
style:
|
|
12115
|
+
style: { position: "fixed", right: spring.right }
|
|
12116
12116
|
}), /* @__PURE__ */ React76.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React76.createElement(Button.Icon, {
|
|
12117
12117
|
"aria-label": "Close",
|
|
12118
12118
|
icon: import_cross6.default,
|
|
@@ -14157,7 +14157,7 @@ var Section4 = (props) => {
|
|
|
14157
14157
|
}, /* @__PURE__ */ React107.createElement("div", {
|
|
14158
14158
|
ref
|
|
14159
14159
|
}, hasTabs ? /* @__PURE__ */ React107.createElement(SectionTabs, __spreadProps(__spreadValues({}, children.props), {
|
|
14160
|
-
className: tw("[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto")
|
|
14160
|
+
className: tw("[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto", { "mt-4": _collapsible })
|
|
14161
14161
|
})) : /* @__PURE__ */ React107.createElement(Section3.Body, null, children))));
|
|
14162
14162
|
};
|
|
14163
14163
|
var SectionTabs = createTabsComponent(ModalTab, TabItem, "SectionTabs", (children, selected) => /* @__PURE__ */ React107.createElement(Section3.Body, null, children.find(
|