@aivenio/aquarium 6.5.0 → 6.7.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/atoms.cjs +4 -3
- package/dist/atoms.mjs +4 -3
- package/dist/src/atoms/Navigation/Navigation.js +5 -4
- package/dist/src/molecules/Combobox/Combobox.d.ts +1 -1
- package/dist/src/molecules/Drawer/Drawer.d.ts +6 -1
- package/dist/src/molecules/Drawer/Drawer.js +1 -1
- package/dist/src/molecules/Modal/Modal.d.ts +12 -2
- package/dist/src/molecules/Modal/Modal.js +23 -20
- package/dist/src/molecules/Navigation/Navigation.js +4 -3
- package/dist/styles.css +16 -0
- package/dist/system.cjs +73 -66
- package/dist/system.mjs +73 -66
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
|
@@ -6994,17 +6994,18 @@ var navigationClasses = (0, import_tailwind_variants19.tv)({
|
|
|
6994
6994
|
slots: {
|
|
6995
6995
|
nav: "bg-body h-full border-r border-muted",
|
|
6996
6996
|
list: "flex flex-col h-full",
|
|
6997
|
-
header: "px-6 py-
|
|
6997
|
+
header: "px-6 py-4",
|
|
6998
6998
|
headerTitle: "uppercase text-muted typography-small",
|
|
6999
6999
|
headerSubtitle: "text-intense",
|
|
7000
7000
|
footer: "px-6 py-5 mt-auto",
|
|
7001
|
-
sectionContainer: "py-
|
|
7001
|
+
sectionContainer: "py-4",
|
|
7002
7002
|
sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
|
|
7003
7003
|
sectionList: "flex flex-col",
|
|
7004
7004
|
divider: "border-t border-muted",
|
|
7005
7005
|
itemContainer: "",
|
|
7006
7006
|
itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
|
|
7007
|
-
|
|
7007
|
+
// `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
|
|
7008
|
+
submenuContainer: "py-3 [&+&]:pt-0",
|
|
7008
7009
|
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
|
|
7009
7010
|
submenuList: "flex flex-col",
|
|
7010
7011
|
submenuItem: "pl-[56px]"
|
package/dist/atoms.mjs
CHANGED
|
@@ -6914,17 +6914,18 @@ var navigationClasses = tv19({
|
|
|
6914
6914
|
slots: {
|
|
6915
6915
|
nav: "bg-body h-full border-r border-muted",
|
|
6916
6916
|
list: "flex flex-col h-full",
|
|
6917
|
-
header: "px-6 py-
|
|
6917
|
+
header: "px-6 py-4",
|
|
6918
6918
|
headerTitle: "uppercase text-muted typography-small",
|
|
6919
6919
|
headerSubtitle: "text-intense",
|
|
6920
6920
|
footer: "px-6 py-5 mt-auto",
|
|
6921
|
-
sectionContainer: "py-
|
|
6921
|
+
sectionContainer: "py-4",
|
|
6922
6922
|
sectionTitle: "py-2 px-6 text-inactive uppercase cursor-default typography-small",
|
|
6923
6923
|
sectionList: "flex flex-col",
|
|
6924
6924
|
divider: "border-t border-muted",
|
|
6925
6925
|
itemContainer: "",
|
|
6926
6926
|
itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable",
|
|
6927
|
-
|
|
6927
|
+
// `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
|
|
6928
|
+
submenuContainer: "py-3 [&+&]:pt-0",
|
|
6928
6929
|
submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full",
|
|
6929
6930
|
submenuList: "flex flex-col",
|
|
6930
6931
|
submenuItem: "pl-[56px]"
|
|
@@ -16,17 +16,18 @@ const navigationClasses = tv({
|
|
|
16
16
|
slots: {
|
|
17
17
|
nav: 'bg-body h-full border-r border-muted',
|
|
18
18
|
list: 'flex flex-col h-full',
|
|
19
|
-
header: 'px-6 py-
|
|
19
|
+
header: 'px-6 py-4',
|
|
20
20
|
headerTitle: 'uppercase text-muted typography-small',
|
|
21
21
|
headerSubtitle: 'text-intense',
|
|
22
22
|
footer: 'px-6 py-5 mt-auto',
|
|
23
|
-
sectionContainer: 'py-
|
|
23
|
+
sectionContainer: 'py-4',
|
|
24
24
|
sectionTitle: 'py-2 px-6 text-inactive uppercase cursor-default typography-small',
|
|
25
25
|
sectionList: 'flex flex-col',
|
|
26
26
|
divider: 'border-t border-muted',
|
|
27
27
|
itemContainer: '',
|
|
28
28
|
itemAnchor: 'py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-default focusable',
|
|
29
|
-
|
|
29
|
+
// `[&+&]:pt-0` prevents doubled spacing when two submenu containers are adjacent (flex items don't margin-collapse).
|
|
30
|
+
submenuContainer: 'py-3 [&+&]:pt-0',
|
|
30
31
|
submenuAnchor: 'py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-default focusable flex items-center w-full',
|
|
31
32
|
submenuList: 'flex flex-col',
|
|
32
33
|
submenuItem: 'pl-[56px]',
|
|
@@ -107,4 +108,4 @@ Navigation.Section = Section;
|
|
|
107
108
|
Navigation.Item = Item;
|
|
108
109
|
Navigation.Submenu = Submenu;
|
|
109
110
|
Navigation.Divider = Divider;
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFlN0QsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFDM0IsS0FBSyxFQUFFO1FBQ0wsR0FBRyxFQUFFLHNDQUFzQztRQUMzQyxJQUFJLEVBQUUsc0JBQXNCO1FBQzVCLE1BQU0sRUFBRSxXQUFXO1FBQ25CLFdBQVcsRUFBRSx1Q0FBdUM7UUFDcEQsY0FBYyxFQUFFLGNBQWM7UUFDOUIsTUFBTSxFQUFFLG1CQUFtQjtRQUMzQixnQkFBZ0IsRUFBRSxNQUFNO1FBQ3hCLFlBQVksRUFBRSxtRUFBbUU7UUFDakYsV0FBVyxFQUFFLGVBQWU7UUFDNUIsT0FBTyxFQUFFLHVCQUF1QjtRQUNoQyxhQUFhLEVBQUUsRUFBRTtRQUNqQixVQUFVLEVBQUUsK0ZBQStGO1FBQzNHLHFIQUFxSDtRQUNySCxnQkFBZ0IsRUFBRSxpQkFBaUI7UUFDbkMsYUFBYSxFQUNYLHFHQUFxRztRQUN2RyxXQUFXLEVBQUUsZUFBZTtRQUM1QixXQUFXLEVBQUUsV0FBVztLQUN6QjtJQUNELFFBQVEsRUFBRTtRQUNSLE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRTtnQkFDSixVQUFVLEVBQUUsc0JBQXNCO2FBQ25DO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLFVBQVUsRUFBRSxjQUFjO2FBQzNCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBbUQsQ0FBQyxFQUsxRSxFQUFFLEVBQUU7UUFMc0UsRUFDekUsU0FBUyxF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
|
|
@@ -12,7 +12,7 @@ export type ComboboxBaseProps<Option extends OptionType | string> = {
|
|
|
12
12
|
options: Array<OptionGroup<Option>> | Option[];
|
|
13
13
|
optionKeys?: string[];
|
|
14
14
|
/**
|
|
15
|
-
* Empty state to be displayed when there are no results.
|
|
15
|
+
* Empty state to be displayed when there are no results.
|
|
16
16
|
*/
|
|
17
17
|
emptyState?: React.ReactNode;
|
|
18
18
|
optionToString?: (opt: Option | null) => string;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type AllOrNone } from '../../../types/utils';
|
|
3
3
|
import type { ModalProps } from '../../../src/molecules/Modal/Modal';
|
|
4
|
+
import type { AsyncActionType } from '../../../types/ActionType';
|
|
4
5
|
import type { CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
|
5
6
|
export type DrawerSize = 'lg' | 'md' | 'sm';
|
|
6
|
-
export type DrawerProps = AllOrNone<CommonContextualMenuProps> & Pick<ModalProps, 'children' | 'closeOnEsc' | 'onClose' | 'open' | '
|
|
7
|
+
export type DrawerProps = AllOrNone<CommonContextualMenuProps> & Pick<ModalProps, 'children' | 'closeOnEsc' | 'onClose' | 'open' | 'title'> & {
|
|
7
8
|
/** Optional size (width): sm, md, lg */
|
|
8
9
|
size?: DrawerSize;
|
|
10
|
+
/** Optional primary action. Maximum of one is allowed. */
|
|
11
|
+
primaryAction?: AsyncActionType;
|
|
12
|
+
/** Optional secondary actions. One or more can be provided. */
|
|
13
|
+
secondaryActions?: AsyncActionType | AsyncActionType[];
|
|
9
14
|
};
|
|
10
15
|
export declare const Drawer: React.FC<DrawerProps>;
|
|
@@ -93,4 +93,4 @@ export const Drawer = ({ open, onClose, size = 'sm', children, title, menu, menu
|
|
|
93
93
|
};
|
|
94
94
|
const DrawerTabs = createTabsComponent(ModalTab, TabItem, 'DrawerTabs', (children, selected) => (React.createElement(BaseModal.Body, { className: "h-full" },
|
|
95
95
|
React.createElement(ModalTabContainer, { className: "!py-4" }, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1QixPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUU1QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDNUQsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxPQUFPLEVBRVAsSUFBSSxHQUNMLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLEtBQUssSUFBSSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEUsT0FBTyxFQUFrQixlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUQsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFvQmxDLE1BQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLFNBQVMsQ0FBQyxRQUFR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
|
|
@@ -2,6 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import { type TabProps, type TabsProps } from '../../../src/molecules/Tabs/Tabs';
|
|
3
3
|
import { Modal as BaseModal, type ModalSize } from '../../../src/atoms/Modal/Modal';
|
|
4
4
|
import type { AsyncActionType } from '../../../types/ActionType';
|
|
5
|
+
type ModalActionType = AsyncActionType & {
|
|
6
|
+
/**
|
|
7
|
+
* Modal actions accept an optional stable `actionKey`, used as the React key (e.g. on Button)
|
|
8
|
+
* Set it when one modal renders different actions that may share `text` (e.g. a stepper
|
|
9
|
+
* where several steps use "Next") — otherwise React reuses the same <button> DOM node
|
|
10
|
+
* across renders and an in-flight click can submit the newly-bound `form`.
|
|
11
|
+
*/
|
|
12
|
+
actionKey?: string;
|
|
13
|
+
};
|
|
5
14
|
export type ModalProps = {
|
|
6
15
|
/** Required title. */
|
|
7
16
|
title: string;
|
|
@@ -22,9 +31,9 @@ export type ModalProps = {
|
|
|
22
31
|
/** Optional size (width): sm, md, full, screen */
|
|
23
32
|
size?: ModalSize;
|
|
24
33
|
/** Optional primary action. Maximum of one is allowed. */
|
|
25
|
-
primaryAction?:
|
|
34
|
+
primaryAction?: ModalActionType;
|
|
26
35
|
/** Optional secondary actions. One or more can be provided. */
|
|
27
|
-
secondaryActions?:
|
|
36
|
+
secondaryActions?: ModalActionType | ModalActionType[];
|
|
28
37
|
/**
|
|
29
38
|
* When true, modal can be closed using escape.
|
|
30
39
|
* @default true
|
|
@@ -37,3 +46,4 @@ export declare const ModalTabs: React.FC<TabsProps & {
|
|
|
37
46
|
}> & {
|
|
38
47
|
Tab: React.FC<TabProps>;
|
|
39
48
|
};
|
|
49
|
+
export {};
|
|
@@ -29,26 +29,29 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
29
29
|
return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose(), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
|
|
30
30
|
size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
|
|
31
31
|
React.createElement(AriaModal, { className: styles.dialog() },
|
|
32
|
-
React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto outline-none" }, ({ close }) =>
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
React.createElement(BaseModal.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
React.createElement(BaseModal.
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
32
|
+
React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto outline-none" }, ({ close }) => {
|
|
33
|
+
var _a;
|
|
34
|
+
return (React.createElement(React.Fragment, null,
|
|
35
|
+
React.createElement(BaseModal.CloseButtonContainer, null,
|
|
36
|
+
React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
|
|
37
|
+
headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
|
|
38
|
+
React.createElement(BaseModal.Header, { kind: "dialog", size: size, className: clsx({ 'pb-3': isComponentType(children, ModalTabs) }) },
|
|
39
|
+
React.createElement(BaseModal.TitleContainer, null,
|
|
40
|
+
React.createElement(ModalTitle, { kind: "dialog" }, title),
|
|
41
|
+
subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
|
|
42
|
+
hasTabs ? (React.cloneElement(children, { className: '[&>div:first-child]:px-5 grow' })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !hasActions, size: size }, children)),
|
|
43
|
+
hasActions && (React.createElement(BaseModal.Footer, null,
|
|
44
|
+
React.createElement(BaseModal.Actions, null,
|
|
45
|
+
secondaryActions &&
|
|
46
|
+
castArray(secondaryActions)
|
|
47
|
+
.filter(Boolean)
|
|
48
|
+
.map((_a) => {
|
|
49
|
+
var { text, actionKey } = _a, action = __rest(_a, ["text", "actionKey"]);
|
|
50
|
+
return (React.createElement(Button.Secondary, Object.assign({ key: actionKey !== null && actionKey !== void 0 ? actionKey : text }, action), text));
|
|
51
|
+
}),
|
|
52
|
+
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: (_a = primaryAction.actionKey) !== null && _a !== void 0 ? _a : primaryAction.text }, omit(primaryAction, 'text', 'actionKey')), primaryAction.text)))))));
|
|
53
|
+
}))));
|
|
51
54
|
};
|
|
52
55
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
53
56
|
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBRXBDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFxRDFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osT0FBTyxFQUNQLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLElBQUksR0FBRyxJQUFJLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1YsT0FBTyxJQUFJLENB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
|
|
@@ -16,7 +16,7 @@ import { Badge } from '../../../src/molecules/Badge/Badge';
|
|
|
16
16
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
17
17
|
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
18
18
|
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
|
19
|
-
import {
|
|
19
|
+
import { caretRight } from '../../../src/icons';
|
|
20
20
|
export const Navigation = (_a) => {
|
|
21
21
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
22
22
|
return (React.createElement(NavigationBase, Object.assign({ className: clsx('Aquarium-Navigation', className) }, props)));
|
|
@@ -29,11 +29,12 @@ const Item = (_a) => {
|
|
|
29
29
|
icon && !showNotification && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
|
|
30
30
|
children));
|
|
31
31
|
};
|
|
32
|
+
const DisclosureCaret = ({ open }) => (React.createElement(InlineIcon, { icon: caretRight, width: "12px", height: "12px", className: clsx('mr-1 transition-transform duration-200 ease-in-out', open ? 'rotate-90' : 'rotate-0') }));
|
|
32
33
|
const Submenu = ({ children, title, icon, defaultOpen = false }) => {
|
|
33
34
|
const [open, setOpen] = React.useState(defaultOpen);
|
|
34
35
|
const id = uniqueId();
|
|
35
36
|
return (React.createElement(NavigationBase.Submenu, { title: React.createElement(React.Fragment, null,
|
|
36
|
-
React.createElement(
|
|
37
|
+
React.createElement(DisclosureCaret, { open: open }),
|
|
37
38
|
React.createElement(Box.Flex, { paddingX: "1", gap: "4" },
|
|
38
39
|
icon && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
|
|
39
40
|
title)), "aria-expanded": open, id: id, onClick: (e) => {
|
|
@@ -48,4 +49,4 @@ Navigation.Footer = NavigationBase.Footer;
|
|
|
48
49
|
Navigation.Header = NavigationBase.Header;
|
|
49
50
|
Navigation.Section = NavigationBase.Section;
|
|
50
51
|
Navigation.Submenu = Submenu;
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUFvRSxFQUFFLEVBQUU7UUFBeEUsRUFBRSxTQUFTLE9BQXlELEVBQXBELEtBQUssY0FBckIsYUFBdUIsQ0FBRjtJQUFvRCxPQUFBLENBQ2xHLG9CQUFDLGNBQWMsa0JBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDakYsQ0FBQTtDQUFBLENBQUM7QUFjRixNQUFNLElBQUksR0FBRyxDQUFDLEVBS2lELEVBQUUsRUFBRTtRQUxyRCxFQUNaLFFBQVEsRUFDUixJQUFJLEVBQ0osZ0JBQWdCLEdBQUcsS0FBSyxPQUVxQyxFQUQxRCxJQUFJLGNBSkssd0NBS2IsQ0FEUTtJQUMyRCxPQUFBLENBQ2xFLG9CQUFDLGNBQWMsQ0FBQyxJQUFJLG9CQUFLLElBQUk7UUFDMUIsSUFBSSxJQUFJLGdCQUFnQixJQUFJLENBQzNCLG9CQUFDLEtBQUssQ0FBQyxZQUFZO1lBQ2pCLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLE1BQU0sR0FBRyxDQUNsQyxDQUN0QjtRQUNBLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLE1BQU0sR0FBRztRQUNsRixRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFZRixNQUFNLGVBQWUsR0FBRyxDQUFDLEVBQUUsSUFBSSxFQUFxQixFQUFFLEVBQUUsQ0FBQyxDQUN2RCxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLFVBQVUsRUFDaEIsS0FBSyxFQUFDLE1BQU0sRUFDWixNQUFNLEVBQUMsTUFBTSxFQUNiLFNBQVMsRUFBRSxJQUFJLENBQUMsb0RBQW9ELEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxHQUN0RyxDQUNILENBQUM7QUFFRixNQUFNLE9BQU8sR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxHQUFHLEtBQUssRUFBZ0IsRUFBRSxFQUFFO0lBQy9FLE1BQU0sQ0FBQyxJQUFJLEVBQUUsT0FBTyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNwRCxNQUFNLEVBQUUsR0FBRyxRQUFRLEVBQUUsQ0FBQztJQUN0QixPQUFPLENBQ0wsb0JBQUMsY0FBYyxDQUFDLE9BQU8sSUFDckIsS0FBSyxFQUNIO1lBQ0Usb0JBQUMsZUFBZSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUk7WUFDL0Isb0JBQUMsR0FBRyxDQUFDLElBQUksSUFBQyxRQUFRLEVBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxHQUFHO2dCQUMzQixJQUFJLElBQUksb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHO2dCQUM3RCxLQUFLLENBQ0csQ0FDVixtQkFFVSxJQUFJLEVBQ25CLEVBQUUsRUFBRSxFQUFFLEVBQ04sT0FBTyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDYixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQyxJQUVBLElBQUksSUFBSSxDQUNQLDRCQUFJLElBQUksRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFDLGVBQWUscUJBQWtCLEVBQUUsSUFDMUQsUUFBUSxDQUNOLENBQ04sQ0FDc0IsQ0FDMUIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE9BQU8sQ0FBQyxJQUFJLEdBQUcsY0FBYyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7QUFFM0MsVUFBVSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFDdkIsVUFBVSxDQUFDLE9BQU8sR0FBRyxjQUFjLENBQUMsT0FBTyxDQUFDO0FBQzVDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsTUFBTSxHQUFHLGNBQWMsQ0FBQyxNQUFNLENBQUM7QUFDMUMsVUFBVSxDQUFDLE9BQU8sR0FBRyxjQUFjLENBQUMsT0FBTyxDQUFDO0FBQzVDLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDIn0=
|
package/dist/styles.css
CHANGED
|
@@ -1608,10 +1608,18 @@ video {
|
|
|
1608
1608
|
--tw-translate-y: -50%;
|
|
1609
1609
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1610
1610
|
}
|
|
1611
|
+
.rotate-0{
|
|
1612
|
+
--tw-rotate: 0deg;
|
|
1613
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1614
|
+
}
|
|
1611
1615
|
.rotate-45{
|
|
1612
1616
|
--tw-rotate: 45deg;
|
|
1613
1617
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1614
1618
|
}
|
|
1619
|
+
.rotate-90{
|
|
1620
|
+
--tw-rotate: 90deg;
|
|
1621
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1622
|
+
}
|
|
1615
1623
|
.scale-125{
|
|
1616
1624
|
--tw-scale-x: 1.25;
|
|
1617
1625
|
--tw-scale-y: 1.25;
|
|
@@ -3716,6 +3724,11 @@ video {
|
|
|
3716
3724
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3717
3725
|
transition-duration: 150ms;
|
|
3718
3726
|
}
|
|
3727
|
+
.transition-transform{
|
|
3728
|
+
transition-property: transform;
|
|
3729
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3730
|
+
transition-duration: 150ms;
|
|
3731
|
+
}
|
|
3719
3732
|
.delay-150{
|
|
3720
3733
|
transition-delay: 150ms;
|
|
3721
3734
|
}
|
|
@@ -5080,6 +5093,9 @@ code{
|
|
|
5080
5093
|
padding-bottom: 32px;
|
|
5081
5094
|
}
|
|
5082
5095
|
}
|
|
5096
|
+
.\[\&\+\&\]\:pt-0+.\[\&\+\&\]\:pt-0{
|
|
5097
|
+
padding-top: 0px;
|
|
5098
|
+
}
|
|
5083
5099
|
.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
|
|
5084
5100
|
display: none;
|
|
5085
5101
|
}
|