@aivenio/aquarium 1.41.0 → 1.42.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/src/molecules/Alert/Alert.js +13 -9
- package/dist/src/molecules/Box/Box.d.ts +6 -6
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/system.cjs +22 -15
- package/dist/system.mjs +31 -24
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { useId } from 'react-aria';
|
|
2
3
|
import omit from 'lodash/omit';
|
|
3
4
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
4
5
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
|
5
6
|
import { isLink } from '../../../src/utils/link';
|
|
6
|
-
export const Alert = ({ description, type, title, onDismiss, children, action }) =>
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
export const Alert = ({ description, type, title, onDismiss, children, action }) => {
|
|
8
|
+
const id = useId();
|
|
9
|
+
return (React.createElement(AlertBase, { className: "Aquarium-Alert", type: type, dense: Boolean(title), "aria-describedby": id },
|
|
10
|
+
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
|
11
|
+
title && React.createElement(AlertBase.Title, null, title),
|
|
12
|
+
React.createElement(AlertBase.Description, { id: id }, children || description),
|
|
13
|
+
action && (React.createElement(AlertBase.Actions, null,
|
|
14
|
+
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
|
15
|
+
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
|
16
|
+
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNuQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXJELE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixNQUFNLHVCQUF1QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQTBCeEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO0lBQ3ZHLE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQ25CLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLElBQUMsU0FBUyxFQUFDLGdCQUFnQixFQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsc0JBQW9CLEVBQUU7UUFDM0Ysb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUk7UUFDcEQsS0FBSyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUFtQjtRQUNwRCxvQkFBQyxTQUFTLENBQUMsV0FBVyxJQUFDLEVBQUUsRUFBRSxFQUFFLElBQUcsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7UUFDL0UsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87WUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtZQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO1FBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -45,10 +45,10 @@ export declare const Box: {
|
|
|
45
45
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
46
46
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
47
47
|
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
48
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "
|
|
49
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "
|
|
48
|
+
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "fit" | undefined;
|
|
49
|
+
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "fit" | undefined;
|
|
50
50
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
|
51
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "
|
|
51
|
+
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
|
|
52
52
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
53
53
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
54
54
|
}> & {
|
|
@@ -77,10 +77,10 @@ export declare const BorderBox: React.ComponentType<Omit<Pick<any, string | numb
|
|
|
77
77
|
spaceX?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
78
78
|
spaceY?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | undefined;
|
|
79
79
|
backgroundColor?: "error-0" | "error-100" | "error-5" | "error-10" | "error-20" | "error-30" | "error-40" | "error-50" | "error-60" | "error-70" | "error-80" | "error-90" | "grey-0" | "grey-100" | "grey-5" | "grey-10" | "grey-20" | "grey-30" | "grey-40" | "grey-50" | "grey-60" | "grey-70" | "grey-80" | "grey-90" | "info-0" | "info-100" | "info-5" | "info-10" | "info-20" | "info-30" | "info-40" | "info-50" | "info-60" | "info-70" | "info-80" | "info-90" | "primary-0" | "primary-100" | "primary-5" | "primary-10" | "primary-20" | "primary-30" | "primary-40" | "primary-50" | "primary-60" | "primary-70" | "primary-80" | "primary-90" | "secondary-0" | "secondary-100" | "secondary-5" | "secondary-10" | "secondary-20" | "secondary-30" | "secondary-40" | "secondary-50" | "secondary-60" | "secondary-70" | "secondary-80" | "secondary-90" | "success-0" | "success-100" | "success-5" | "success-10" | "success-20" | "success-30" | "success-40" | "success-50" | "success-60" | "success-70" | "success-80" | "success-90" | "warning-0" | "warning-100" | "warning-5" | "warning-10" | "warning-20" | "warning-30" | "warning-40" | "warning-50" | "warning-60" | "warning-70" | "warning-80" | "warning-90" | "black" | "transparent" | "white" | "current" | undefined;
|
|
80
|
-
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "
|
|
81
|
-
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "
|
|
80
|
+
width?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "fit" | undefined;
|
|
81
|
+
height?: "auto" | "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "fit" | undefined;
|
|
82
82
|
maxWidth?: "none" | "max" | "min" | "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "fit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "prose" | "screen-default" | "screen-xs" | "screen-sm" | "screen-md" | "screen-lg" | "screen-xl" | undefined;
|
|
83
|
-
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "
|
|
83
|
+
maxHeight?: "screen" | "max" | "min" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "0" | "1px" | "full" | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | "l7" | "fit" | undefined;
|
|
84
84
|
minWidth?: "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
85
85
|
minHeight?: "screen" | "max" | "min" | "0" | "full" | "fit" | undefined;
|
|
86
86
|
}> & {
|
|
@@ -3,7 +3,7 @@ import { type AriaOverlayProps } from '@react-aria/overlays';
|
|
|
3
3
|
import { type OverlayTriggerState } from '@react-stately/overlays';
|
|
4
4
|
import { type PositionProps } from '@react-types/overlays';
|
|
5
5
|
import { type PopoverPlacement } from './Popover';
|
|
6
|
-
export declare const PopoverOverlay: React.ForwardRefExoticComponent<AriaOverlayProps & Pick<PositionProps, "offset" | "
|
|
6
|
+
export declare const PopoverOverlay: React.ForwardRefExoticComponent<AriaOverlayProps & Pick<PositionProps, "offset" | "shouldFlip" | "crossOffset"> & {
|
|
7
7
|
id?: string | undefined;
|
|
8
8
|
role?: React.AriaRole | undefined;
|
|
9
9
|
triggerRef: React.RefObject<Element>;
|
package/dist/system.cjs
CHANGED
|
@@ -4926,6 +4926,7 @@ var Select = {
|
|
|
4926
4926
|
|
|
4927
4927
|
// src/molecules/Alert/Alert.tsx
|
|
4928
4928
|
var import_react22 = __toESM(require("react"));
|
|
4929
|
+
var import_react_aria = require("react-aria");
|
|
4929
4930
|
var import_omit = __toESM(require("lodash/omit"));
|
|
4930
4931
|
|
|
4931
4932
|
// src/molecules/Button/Button.tsx
|
|
@@ -7010,21 +7011,27 @@ Alert.Dismiss = (_a) => {
|
|
|
7010
7011
|
var isLink = (action) => action.href !== void 0;
|
|
7011
7012
|
|
|
7012
7013
|
// src/molecules/Alert/Alert.tsx
|
|
7013
|
-
var Alert2 = ({ description, type, title, onDismiss, children, action }) =>
|
|
7014
|
-
|
|
7015
|
-
|
|
7016
|
-
|
|
7017
|
-
|
|
7018
|
-
|
|
7019
|
-
|
|
7020
|
-
}
|
|
7021
|
-
|
|
7022
|
-
|
|
7023
|
-
|
|
7024
|
-
|
|
7025
|
-
},
|
|
7026
|
-
|
|
7027
|
-
}))
|
|
7014
|
+
var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
|
|
7015
|
+
const id = (0, import_react_aria.useId)();
|
|
7016
|
+
return /* @__PURE__ */ import_react22.default.createElement(Alert, {
|
|
7017
|
+
className: "Aquarium-Alert",
|
|
7018
|
+
type,
|
|
7019
|
+
dense: Boolean(title),
|
|
7020
|
+
"aria-describedby": id
|
|
7021
|
+
}, /* @__PURE__ */ import_react22.default.createElement(Alert.Icon, {
|
|
7022
|
+
type,
|
|
7023
|
+
dense: Boolean(title)
|
|
7024
|
+
}), title && /* @__PURE__ */ import_react22.default.createElement(Alert.Title, null, title), /* @__PURE__ */ import_react22.default.createElement(Alert.Description, {
|
|
7025
|
+
id
|
|
7026
|
+
}, children || description), action && /* @__PURE__ */ import_react22.default.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ import_react22.default.createElement(Button.Ghost, __spreadValues({
|
|
7027
|
+
dense: true
|
|
7028
|
+
}, (0, import_omit.default)(action, "text")), action.text), isLink(action) && /* @__PURE__ */ import_react22.default.createElement(Button.ExternalLink, __spreadValues({
|
|
7029
|
+
dense: true,
|
|
7030
|
+
kind: "ghost"
|
|
7031
|
+
}, (0, import_omit.default)(action, "text")), action.text)), onDismiss && /* @__PURE__ */ import_react22.default.createElement(Alert.Dismiss, {
|
|
7032
|
+
onClick: onDismiss
|
|
7033
|
+
}));
|
|
7034
|
+
};
|
|
7028
7035
|
|
|
7029
7036
|
// src/molecules/Avatar/Avatar.tsx
|
|
7030
7037
|
var import_react24 = __toESM(require("react"));
|
package/dist/system.mjs
CHANGED
|
@@ -4782,6 +4782,7 @@ var Select = {
|
|
|
4782
4782
|
|
|
4783
4783
|
// src/molecules/Alert/Alert.tsx
|
|
4784
4784
|
import React18 from "react";
|
|
4785
|
+
import { useId } from "react-aria";
|
|
4785
4786
|
import omit from "lodash/omit";
|
|
4786
4787
|
|
|
4787
4788
|
// src/molecules/Button/Button.tsx
|
|
@@ -6866,21 +6867,27 @@ Alert.Dismiss = (_a) => {
|
|
|
6866
6867
|
var isLink = (action) => action.href !== void 0;
|
|
6867
6868
|
|
|
6868
6869
|
// src/molecules/Alert/Alert.tsx
|
|
6869
|
-
var Alert2 = ({ description, type, title, onDismiss, children, action }) =>
|
|
6870
|
-
|
|
6871
|
-
|
|
6872
|
-
|
|
6873
|
-
|
|
6874
|
-
|
|
6875
|
-
|
|
6876
|
-
}
|
|
6877
|
-
|
|
6878
|
-
|
|
6879
|
-
|
|
6880
|
-
|
|
6881
|
-
},
|
|
6882
|
-
|
|
6883
|
-
}))
|
|
6870
|
+
var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
|
|
6871
|
+
const id = useId();
|
|
6872
|
+
return /* @__PURE__ */ React18.createElement(Alert, {
|
|
6873
|
+
className: "Aquarium-Alert",
|
|
6874
|
+
type,
|
|
6875
|
+
dense: Boolean(title),
|
|
6876
|
+
"aria-describedby": id
|
|
6877
|
+
}, /* @__PURE__ */ React18.createElement(Alert.Icon, {
|
|
6878
|
+
type,
|
|
6879
|
+
dense: Boolean(title)
|
|
6880
|
+
}), title && /* @__PURE__ */ React18.createElement(Alert.Title, null, title), /* @__PURE__ */ React18.createElement(Alert.Description, {
|
|
6881
|
+
id
|
|
6882
|
+
}, children || description), action && /* @__PURE__ */ React18.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ React18.createElement(Button.Ghost, __spreadValues({
|
|
6883
|
+
dense: true
|
|
6884
|
+
}, omit(action, "text")), action.text), isLink(action) && /* @__PURE__ */ React18.createElement(Button.ExternalLink, __spreadValues({
|
|
6885
|
+
dense: true,
|
|
6886
|
+
kind: "ghost"
|
|
6887
|
+
}, omit(action, "text")), action.text)), onDismiss && /* @__PURE__ */ React18.createElement(Alert.Dismiss, {
|
|
6888
|
+
onClick: onDismiss
|
|
6889
|
+
}));
|
|
6890
|
+
};
|
|
6884
6891
|
|
|
6885
6892
|
// src/molecules/Avatar/Avatar.tsx
|
|
6886
6893
|
import React20 from "react";
|
|
@@ -10539,7 +10546,7 @@ DataTable.Skeleton = DataListSkeleton;
|
|
|
10539
10546
|
import React69 from "react";
|
|
10540
10547
|
import { useDialog } from "@react-aria/dialog";
|
|
10541
10548
|
import { Overlay as Overlay2, useModalOverlay } from "@react-aria/overlays";
|
|
10542
|
-
import { useId } from "@react-aria/utils";
|
|
10549
|
+
import { useId as useId2 } from "@react-aria/utils";
|
|
10543
10550
|
import { useOverlayTriggerState as useOverlayTriggerState2 } from "@react-stately/overlays";
|
|
10544
10551
|
import omit8 from "lodash/omit";
|
|
10545
10552
|
|
|
@@ -10688,8 +10695,8 @@ var DialogWrapper = ({
|
|
|
10688
10695
|
secondaryAction
|
|
10689
10696
|
}) => {
|
|
10690
10697
|
const ref = React69.useRef(null);
|
|
10691
|
-
const labelledBy =
|
|
10692
|
-
const describedBy =
|
|
10698
|
+
const labelledBy = useId2();
|
|
10699
|
+
const describedBy = useId2();
|
|
10693
10700
|
const { dialogProps } = useDialog(
|
|
10694
10701
|
{ "role": "alertdialog", "aria-labelledby": labelledBy, "aria-describedby": describedBy },
|
|
10695
10702
|
ref
|
|
@@ -11206,7 +11213,7 @@ var ListItem = ({ name, icon, active = false }) => {
|
|
|
11206
11213
|
import React82 from "react";
|
|
11207
11214
|
import { useDialog as useDialog3 } from "@react-aria/dialog";
|
|
11208
11215
|
import { Overlay as Overlay3, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
|
|
11209
|
-
import { useId as
|
|
11216
|
+
import { useId as useId3 } from "@react-aria/utils";
|
|
11210
11217
|
import { useOverlayTriggerState as useOverlayTriggerState4 } from "@react-stately/overlays";
|
|
11211
11218
|
import castArray from "lodash/castArray";
|
|
11212
11219
|
import omit10 from "lodash/omit";
|
|
@@ -11536,8 +11543,8 @@ var Modal2 = (_a) => {
|
|
|
11536
11543
|
var ModalWrapper = React82.forwardRef(
|
|
11537
11544
|
(_a, ref) => {
|
|
11538
11545
|
var _b = _a, { title, subtitle, headerImage, primaryAction, secondaryActions, children, onClose } = _b, props = __objRest(_b, ["title", "subtitle", "headerImage", "primaryAction", "secondaryActions", "children", "onClose"]);
|
|
11539
|
-
const labelledBy =
|
|
11540
|
-
const describedBy =
|
|
11546
|
+
const labelledBy = useId3();
|
|
11547
|
+
const describedBy = useId3();
|
|
11541
11548
|
const { dialogProps } = useDialog3(
|
|
11542
11549
|
{ "role": "dialog", "aria-labelledby": labelledBy, "aria-describedby": describedBy },
|
|
11543
11550
|
ref
|
|
@@ -12694,7 +12701,7 @@ RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
|
|
|
12694
12701
|
|
|
12695
12702
|
// src/molecules/Section/Section.tsx
|
|
12696
12703
|
import React101 from "react";
|
|
12697
|
-
import { useId as
|
|
12704
|
+
import { useId as useId4 } from "@react-aria/utils";
|
|
12698
12705
|
import { animated as animated4, useSpring as useSpring3 } from "@react-spring/web";
|
|
12699
12706
|
import castArray4 from "lodash/castArray";
|
|
12700
12707
|
import isUndefined8 from "lodash/isUndefined";
|
|
@@ -12932,8 +12939,8 @@ var Section4 = (props) => {
|
|
|
12932
12939
|
},
|
|
12933
12940
|
immediate: !_collapsible
|
|
12934
12941
|
}), { transform, backgroundColor } = _f, spring = __objRest(_f, ["transform", "backgroundColor"]);
|
|
12935
|
-
const toggleId =
|
|
12936
|
-
const regionId =
|
|
12942
|
+
const toggleId = useId4();
|
|
12943
|
+
const regionId = useId4();
|
|
12937
12944
|
return /* @__PURE__ */ React101.createElement(Section3, {
|
|
12938
12945
|
"aria-label": title,
|
|
12939
12946
|
className: "Aquarium-Section"
|