@aivenio/aquarium 6.0.0 → 6.0.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/dist/_variables.scss +3 -3
- package/dist/atoms.cjs +16 -14
- package/dist/atoms.mjs +16 -14
- package/dist/charts.cjs +4 -4
- package/dist/charts.mjs +4 -4
- package/dist/src/atoms/Alert/Alert.js +1 -1
- package/dist/src/atoms/Button/Button.d.ts +1 -1
- package/dist/src/atoms/ChoiceChip/ChoiceChip.d.ts +11 -7
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Switch/Switch.js +4 -3
- package/dist/src/molecules/Alert/Alert.js +6 -6
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.js +3 -3
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/tokens/tokens.json +4 -4
- package/dist/src/utils/constants.d.ts +3 -3
- package/dist/src/utils/constants.js +4 -4
- package/dist/styles.css +117 -20
- package/dist/system.cjs +23 -21
- package/dist/system.mjs +23 -21
- package/dist/tokens.json +4 -4
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -2
|
@@ -10,7 +10,7 @@ export var EmptyStateLayout;
|
|
|
10
10
|
})(EmptyStateLayout || (EmptyStateLayout = {}));
|
|
11
11
|
const isVerticalLayout = (layout) => layout === EmptyStateLayout.Vertical;
|
|
12
12
|
export const emptyStateClasses = tv({
|
|
13
|
-
base: 'Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
13
|
+
base: 'Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full',
|
|
14
14
|
variants: {
|
|
15
15
|
layout: {
|
|
16
16
|
vertical: 'flex-col justify-center items-center gap-7 text-center px-9',
|
|
@@ -23,7 +23,7 @@ export const emptyStateClasses = tv({
|
|
|
23
23
|
},
|
|
24
24
|
fullHeight: {
|
|
25
25
|
true: 'h-full',
|
|
26
|
-
false: '',
|
|
26
|
+
false: 'max-h-[800px]',
|
|
27
27
|
},
|
|
28
28
|
},
|
|
29
29
|
defaultVariants: {
|
|
@@ -71,4 +71,4 @@ export const EmptyState = ({ title, image: Image, imageAlt = '', imageWidth, chi
|
|
|
71
71
|
footer && (React.createElement(Box, null,
|
|
72
72
|
React.createElement(Typography.Small, { color: "default" }, footer))))));
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBSWpELE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIseUNBQXFCLENBQUE7SUFDckIsNkNBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUEyRUQsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLE1BQXdCLEVBQVcsRUFBRSxDQUFDLE1BQU0sS0FBSyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7QUFFckcsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQ2xDLElBQUksRUFBRSw2RUFBNkU7SUFDbkYsUUFBUSxFQUFFO1FBQ1IsTUFBTSxFQUFFO1lBQ04sUUFBUSxFQUFFLDZEQUE2RDtZQUN2RSxVQUFVLEVBQUUseURBQXlEO1NBQ3RFO1FBQ0QsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLHNCQUFzQjtZQUM5QixLQUFLLEVBQUUsa0NBQWtDO1lBQ3pDLElBQUksRUFBRSxFQUFFO1NBQ1Q7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsUUFBUTtZQUNkLEtBQUssRUFBRSxlQUFlO1NBQ3ZCO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixNQUFNLEVBQUUsVUFBVTtRQUNsQixXQUFXLEVBQUUsUUFB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
|
|
@@ -29,7 +29,7 @@ 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" }, ({ close }) => (React.createElement(React.Fragment, null,
|
|
32
|
+
React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto outline-none" }, ({ close }) => (React.createElement(React.Fragment, null,
|
|
33
33
|
React.createElement(BaseModal.CloseButtonContainer, null,
|
|
34
34
|
React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
|
|
35
35
|
headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
|
|
@@ -51,4 +51,4 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
51
51
|
};
|
|
52
52
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
53
53
|
React.createElement(ModalTabContainer, { className: "!py-4" }, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBRXBDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUEyQzFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osT0FBTyxFQUNQLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLElBQUksR0FBRyxJQUFJLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1YsT0FBTyxJQUFJLENB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
|
|
@@ -85,8 +85,8 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
"borderColor": {
|
|
88
|
-
"muted": "rgba(
|
|
89
|
-
"default": "rgba(
|
|
88
|
+
"muted": "rgba(225,225,225,1)",
|
|
89
|
+
"default": "rgba(181,181,183,1)",
|
|
90
90
|
"intense": "rgba(45,46,48,1)",
|
|
91
91
|
"primary": {
|
|
92
92
|
"muted": "rgba(183,242,241,1)",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"default": "rgba(0,128,124,1)",
|
|
100
100
|
"active": "rgba(46,208,205,1)",
|
|
101
101
|
"hover": "rgba(27,178,176,1)",
|
|
102
|
-
"disabled": "rgba(
|
|
102
|
+
"disabled": "rgba(225,225,225,1)"
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
105
|
"info": {
|
|
@@ -260,7 +260,7 @@
|
|
|
260
260
|
"0": "rgba(250,250,250,1)",
|
|
261
261
|
"5": "rgba(244,244,244,1)",
|
|
262
262
|
"10": "rgba(235,235,235,1)",
|
|
263
|
-
"20": "rgba(
|
|
263
|
+
"20": "rgba(225,225,225,1)",
|
|
264
264
|
"30": "rgba(181,181,183,1)",
|
|
265
265
|
"40": "rgba(145,146,148,1)",
|
|
266
266
|
"50": "rgba(104,105,107,1)",
|
|
@@ -7,7 +7,7 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
7
7
|
true: string;
|
|
8
8
|
false: string;
|
|
9
9
|
};
|
|
10
|
-
}, undefined, "block w-full rounded
|
|
10
|
+
}, undefined, "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
11
11
|
readOnly: {
|
|
12
12
|
true: string;
|
|
13
13
|
false: string;
|
|
@@ -43,7 +43,7 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
43
43
|
true: string;
|
|
44
44
|
false: string;
|
|
45
45
|
};
|
|
46
|
-
}, undefined, "block w-full rounded
|
|
46
|
+
}, undefined, "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
47
47
|
readOnly: {
|
|
48
48
|
true: string;
|
|
49
49
|
false: string;
|
|
@@ -62,5 +62,5 @@ export declare const inputStyles: import("tailwind-variants").TVReturnType<{
|
|
|
62
62
|
false: string;
|
|
63
63
|
};
|
|
64
64
|
}>, unknown, unknown, undefined>>;
|
|
65
|
-
export declare const focusRingStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
65
|
+
export declare const focusRingStyle: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
66
66
|
export declare const interactiveTextStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
export const inputStyles = tv({
|
|
3
|
-
base: 'block w-full rounded
|
|
3
|
+
base: 'block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none',
|
|
4
4
|
variants: {
|
|
5
5
|
readOnly: {
|
|
6
6
|
true: 'border-none resize-none cursor-default bg-transparent',
|
|
7
|
-
false: 'px-3 py-3 bg-
|
|
7
|
+
false: 'px-3 py-3 bg-layer',
|
|
8
8
|
},
|
|
9
9
|
valid: {
|
|
10
10
|
true: '',
|
|
@@ -21,9 +21,9 @@ export const inputStyles = tv({
|
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
23
|
export const focusRingStyle = tv({
|
|
24
|
-
base: 'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
24
|
+
base: 'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded',
|
|
25
25
|
});
|
|
26
26
|
export const interactiveTextStyles = tv({
|
|
27
27
|
base: 'text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense',
|
|
28
28
|
});
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixJQUFJLEVBQUUsaU1BQWlNO0lBQ3ZNLFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRSx1REFBdUQ7WUFDN0QsS0FBSyxFQUFFLG9CQUFvQjtTQUM1QjtRQUNELEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0lBQ0QsZ0JBQWdCLEVBQUU7UUFDaEIsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLDhCQUE4QixFQUFFO1FBQ3hFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxzRUFBc0UsRUFBRTtLQUNoSDtJQUNELGVBQWUsRUFBRTtRQUNmLFFBQVEsRUFBRSxLQUFLO1FBQ2YsS0FBSyxFQUFFLElBQUk7S0FDWjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDL0IsSUFBSSxFQUFFLDRJQUE0STtDQUNuSixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxxQkFBcUIsR0FBRyxFQUFFLENBQUM7SUFDdEMsSUFBSSxFQUFFLGtLQUFrSztDQUN6SyxDQUFDLENBQUMifQ==
|
package/dist/styles.css
CHANGED
|
@@ -566,7 +566,7 @@ video {
|
|
|
566
566
|
--aquarium-colors-grey-0: rgba(250,250,250,1);
|
|
567
567
|
--aquarium-colors-grey-5: rgba(244,244,244,1);
|
|
568
568
|
--aquarium-colors-grey-10: rgba(235,235,235,1);
|
|
569
|
-
--aquarium-colors-grey-20: rgba(
|
|
569
|
+
--aquarium-colors-grey-20: rgba(225,225,225,1);
|
|
570
570
|
--aquarium-colors-grey-30: rgba(181,181,183,1);
|
|
571
571
|
--aquarium-colors-grey-40: rgba(145,146,148,1);
|
|
572
572
|
--aquarium-colors-grey-50: rgba(104,105,107,1);
|
|
@@ -641,8 +641,8 @@ video {
|
|
|
641
641
|
--aquarium-background-color-danger-default: var(--aquarium-colors-error-0);
|
|
642
642
|
--aquarium-background-color-danger-graphic: var(--aquarium-colors-error-40);
|
|
643
643
|
--aquarium-background-color-danger-inverse: var(--aquarium-colors-error-60);
|
|
644
|
-
--aquarium-border-color-muted: var(--aquarium-colors-grey-
|
|
645
|
-
--aquarium-border-color-default: var(--aquarium-colors-grey-
|
|
644
|
+
--aquarium-border-color-muted: var(--aquarium-colors-grey-20);
|
|
645
|
+
--aquarium-border-color-default: var(--aquarium-colors-grey-30);
|
|
646
646
|
--aquarium-border-color-intense: var(--aquarium-colors-grey-70);
|
|
647
647
|
--aquarium-border-color-primary-muted: var(--aquarium-colors-primary-10);
|
|
648
648
|
--aquarium-border-color-primary-default: var(--aquarium-colors-primary-20);
|
|
@@ -842,6 +842,66 @@ video {
|
|
|
842
842
|
.icon-stroke-2 svg path {
|
|
843
843
|
stroke-width: 2;
|
|
844
844
|
}
|
|
845
|
+
.alert-action-information.text-primary-default{
|
|
846
|
+
--tw-text-opacity: 1;
|
|
847
|
+
color: rgba(14, 71, 118, 1);
|
|
848
|
+
color: rgb(14 71 118 / var(--tw-text-opacity, 1));
|
|
849
|
+
}
|
|
850
|
+
.alert-action-information.text-primary-default:where([data-rac])[data-hovered]{
|
|
851
|
+
--tw-text-opacity: 1;
|
|
852
|
+
color: rgba(31, 133, 217, 1);
|
|
853
|
+
color: rgb(31 133 217 / var(--tw-text-opacity, 1));
|
|
854
|
+
}
|
|
855
|
+
.alert-action-information.text-primary-default:where(:not([data-rac])):hover{
|
|
856
|
+
--tw-text-opacity: 1;
|
|
857
|
+
color: rgba(31, 133, 217, 1);
|
|
858
|
+
color: rgb(31 133 217 / var(--tw-text-opacity, 1));
|
|
859
|
+
}
|
|
860
|
+
.alert-action-warning.text-primary-default{
|
|
861
|
+
--tw-text-opacity: 1;
|
|
862
|
+
color: rgba(72, 49, 5, 1);
|
|
863
|
+
color: rgb(72 49 5 / var(--tw-text-opacity, 1));
|
|
864
|
+
}
|
|
865
|
+
.alert-action-warning.text-primary-default:where([data-rac])[data-hovered]{
|
|
866
|
+
--tw-text-opacity: 1;
|
|
867
|
+
color: rgba(202, 141, 21, 1);
|
|
868
|
+
color: rgb(202 141 21 / var(--tw-text-opacity, 1));
|
|
869
|
+
}
|
|
870
|
+
.alert-action-warning.text-primary-default:where(:not([data-rac])):hover{
|
|
871
|
+
--tw-text-opacity: 1;
|
|
872
|
+
color: rgba(202, 141, 21, 1);
|
|
873
|
+
color: rgb(202 141 21 / var(--tw-text-opacity, 1));
|
|
874
|
+
}
|
|
875
|
+
.alert-action-error.text-primary-default{
|
|
876
|
+
--tw-text-opacity: 1;
|
|
877
|
+
color: rgba(100, 12, 12, 1);
|
|
878
|
+
color: rgb(100 12 12 / var(--tw-text-opacity, 1));
|
|
879
|
+
}
|
|
880
|
+
.alert-action-error.text-primary-default:where([data-rac])[data-hovered]{
|
|
881
|
+
--tw-text-opacity: 1;
|
|
882
|
+
color: rgba(213, 28, 28, 1);
|
|
883
|
+
color: rgb(213 28 28 / var(--tw-text-opacity, 1));
|
|
884
|
+
}
|
|
885
|
+
.alert-action-error.text-primary-default:where(:not([data-rac])):hover{
|
|
886
|
+
--tw-text-opacity: 1;
|
|
887
|
+
color: rgba(213, 28, 28, 1);
|
|
888
|
+
color: rgb(213 28 28 / var(--tw-text-opacity, 1));
|
|
889
|
+
}
|
|
890
|
+
.alert-action-success.text-primary-default{
|
|
891
|
+
--tw-text-opacity: 1;
|
|
892
|
+
color: rgba(7, 103, 51, 1);
|
|
893
|
+
color: rgb(7 103 51 / var(--tw-text-opacity, 1));
|
|
894
|
+
}
|
|
895
|
+
.alert-action-success.text-primary-default:where([data-rac])[data-hovered]{
|
|
896
|
+
--tw-text-opacity: 1;
|
|
897
|
+
color: rgba(10, 178, 86, 1);
|
|
898
|
+
color: rgb(10 178 86 / var(--tw-text-opacity, 1));
|
|
899
|
+
}
|
|
900
|
+
.alert-action-success.text-primary-default:where(:not([data-rac])):hover{
|
|
901
|
+
--tw-text-opacity: 1;
|
|
902
|
+
color: rgba(10, 178, 86, 1);
|
|
903
|
+
color: rgb(10 178 86 / var(--tw-text-opacity, 1));
|
|
904
|
+
}
|
|
845
905
|
/* https://tailwindcss.com/docs/using-with-preprocessors */
|
|
846
906
|
/* @import statements must come first*/
|
|
847
907
|
.\!container{
|
|
@@ -1329,6 +1389,9 @@ video {
|
|
|
1329
1389
|
.min-h-\[120px\]{
|
|
1330
1390
|
min-height: 120px;
|
|
1331
1391
|
}
|
|
1392
|
+
.min-h-\[38px\]{
|
|
1393
|
+
min-height: 38px;
|
|
1394
|
+
}
|
|
1332
1395
|
.min-h-\[40px\]{
|
|
1333
1396
|
min-height: 40px;
|
|
1334
1397
|
}
|
|
@@ -1712,7 +1775,7 @@ video {
|
|
|
1712
1775
|
border-left-width: calc(var(--aquarium-border-width-default) * calc(1 - var(--tw-divide-x-reverse)));
|
|
1713
1776
|
}
|
|
1714
1777
|
.divide-grey-20 > :not([hidden]) ~ :not([hidden]){
|
|
1715
|
-
border-color: rgba(
|
|
1778
|
+
border-color: rgba(225,225,225,1);
|
|
1716
1779
|
border-color: var(--aquarium-colors-grey-20);
|
|
1717
1780
|
}
|
|
1718
1781
|
.self-start{
|
|
@@ -1802,6 +1865,12 @@ video {
|
|
|
1802
1865
|
border-top-right-radius: 4px;
|
|
1803
1866
|
border-top-right-radius: var(--aquarium-border-radius-default);
|
|
1804
1867
|
}
|
|
1868
|
+
.rounded-t-lg{
|
|
1869
|
+
border-top-left-radius: 6px;
|
|
1870
|
+
border-top-left-radius: var(--aquarium-border-radius-lg);
|
|
1871
|
+
border-top-right-radius: 6px;
|
|
1872
|
+
border-top-right-radius: var(--aquarium-border-radius-lg);
|
|
1873
|
+
}
|
|
1805
1874
|
.border{
|
|
1806
1875
|
border-width: 1px;
|
|
1807
1876
|
border-width: var(--aquarium-border-width-default);
|
|
@@ -1864,7 +1933,7 @@ video {
|
|
|
1864
1933
|
border-color: var(--aquarium-border-color-action-secondary-button-default);
|
|
1865
1934
|
}
|
|
1866
1935
|
.border-action-secondary-button-disabled{
|
|
1867
|
-
border-color: rgba(
|
|
1936
|
+
border-color: rgba(225,225,225,1);
|
|
1868
1937
|
border-color: var(--aquarium-border-color-action-secondary-button-disabled);
|
|
1869
1938
|
}
|
|
1870
1939
|
.border-action-secondary-button-hover{
|
|
@@ -1892,7 +1961,7 @@ video {
|
|
|
1892
1961
|
border-color: var(--aquarium-border-color-danger-muted);
|
|
1893
1962
|
}
|
|
1894
1963
|
.border-default{
|
|
1895
|
-
border-color: rgba(
|
|
1964
|
+
border-color: rgba(181,181,183,1);
|
|
1896
1965
|
border-color: var(--aquarium-border-color-default);
|
|
1897
1966
|
}
|
|
1898
1967
|
.border-error-0{
|
|
@@ -1956,7 +2025,7 @@ video {
|
|
|
1956
2025
|
border-color: var(--aquarium-colors-grey-100);
|
|
1957
2026
|
}
|
|
1958
2027
|
.border-grey-20{
|
|
1959
|
-
border-color: rgba(
|
|
2028
|
+
border-color: rgba(225,225,225,1);
|
|
1960
2029
|
border-color: var(--aquarium-colors-grey-20);
|
|
1961
2030
|
}
|
|
1962
2031
|
.border-grey-30{
|
|
@@ -2056,7 +2125,7 @@ video {
|
|
|
2056
2125
|
border-color: var(--aquarium-border-color-intense);
|
|
2057
2126
|
}
|
|
2058
2127
|
.border-muted{
|
|
2059
|
-
border-color: rgba(
|
|
2128
|
+
border-color: rgba(225,225,225,1);
|
|
2060
2129
|
border-color: var(--aquarium-border-color-muted);
|
|
2061
2130
|
}
|
|
2062
2131
|
.border-primary-0{
|
|
@@ -2252,7 +2321,7 @@ video {
|
|
|
2252
2321
|
border-color: var(--aquarium-colors-white);
|
|
2253
2322
|
}
|
|
2254
2323
|
.border-b-muted{
|
|
2255
|
-
border-bottom-color: rgba(
|
|
2324
|
+
border-bottom-color: rgba(225,225,225,1);
|
|
2256
2325
|
border-bottom-color: var(--aquarium-border-color-muted);
|
|
2257
2326
|
}
|
|
2258
2327
|
.border-l-transparent{
|
|
@@ -2384,7 +2453,7 @@ video {
|
|
|
2384
2453
|
background-color: var(--aquarium-colors-grey-100);
|
|
2385
2454
|
}
|
|
2386
2455
|
.bg-grey-20{
|
|
2387
|
-
background-color: rgba(
|
|
2456
|
+
background-color: rgba(225,225,225,1);
|
|
2388
2457
|
background-color: var(--aquarium-colors-grey-20);
|
|
2389
2458
|
}
|
|
2390
2459
|
.bg-grey-30{
|
|
@@ -3125,7 +3194,7 @@ video {
|
|
|
3125
3194
|
color: var(--aquarium-colors-grey-100);
|
|
3126
3195
|
}
|
|
3127
3196
|
.text-grey-20{
|
|
3128
|
-
color: rgba(
|
|
3197
|
+
color: rgba(225,225,225,1);
|
|
3129
3198
|
color: var(--aquarium-colors-grey-20);
|
|
3130
3199
|
}
|
|
3131
3200
|
.text-grey-30{
|
|
@@ -3784,7 +3853,7 @@ code{
|
|
|
3784
3853
|
stroke: var(--aquarium-colors-black);
|
|
3785
3854
|
}
|
|
3786
3855
|
.aquarium-theme-dark .Aquarium-Checkbox input:disabled:checked + svg path {
|
|
3787
|
-
stroke: rgba(
|
|
3856
|
+
stroke: rgba(181,181,183,1);
|
|
3788
3857
|
stroke: var(--aquarium-border-color-default);
|
|
3789
3858
|
}
|
|
3790
3859
|
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-primary-10 {
|
|
@@ -3802,6 +3871,30 @@ code{
|
|
|
3802
3871
|
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
|
|
3803
3872
|
--aquarium-colors-error-10: rgba(105, 25, 30, 1);
|
|
3804
3873
|
}
|
|
3874
|
+
.aquarium-theme-dark .alert-action-information {
|
|
3875
|
+
color: rgba(89, 210, 244, 1);
|
|
3876
|
+
}
|
|
3877
|
+
.aquarium-theme-dark .alert-action-information:hover {
|
|
3878
|
+
color: rgba(130, 224, 250, 1);
|
|
3879
|
+
}
|
|
3880
|
+
.aquarium-theme-dark .alert-action-success.text-primary-default {
|
|
3881
|
+
color: rgba(95, 250, 116, 1);
|
|
3882
|
+
}
|
|
3883
|
+
.aquarium-theme-dark .alert-action-success.text-primary-default:hover {
|
|
3884
|
+
color: rgba(147, 252, 162, 1);
|
|
3885
|
+
}
|
|
3886
|
+
.aquarium-theme-dark .alert-action-warning.text-primary-default {
|
|
3887
|
+
color: rgba(255, 229, 94, 1);
|
|
3888
|
+
}
|
|
3889
|
+
.aquarium-theme-dark .alert-action-warning.text-primary-default:hover {
|
|
3890
|
+
color: rgba(255, 241, 168, 1);
|
|
3891
|
+
}
|
|
3892
|
+
.aquarium-theme-dark .alert-action-error.text-primary-default {
|
|
3893
|
+
color: rgba(255, 99, 91, 1);
|
|
3894
|
+
}
|
|
3895
|
+
.aquarium-theme-dark .alert-action-error.text-primary-default:hover {
|
|
3896
|
+
color: rgba(255, 172, 168, 1);
|
|
3897
|
+
}
|
|
3805
3898
|
.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,
|
|
3806
3899
|
.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,
|
|
3807
3900
|
.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,
|
|
@@ -3852,7 +3945,7 @@ code{
|
|
|
3852
3945
|
--aquarium-background-color-body: var(--aquarium-background-color-popover-content);
|
|
3853
3946
|
}
|
|
3854
3947
|
.aquarium-theme-dark .Aquarium-Modal\.Container {
|
|
3855
|
-
border: 1px solid rgba(
|
|
3948
|
+
border: 1px solid rgba(225,225,225,1);
|
|
3856
3949
|
border: 1px solid var(--aquarium-border-color-muted);
|
|
3857
3950
|
}
|
|
3858
3951
|
.aquarium-theme-dark .Aquarium-Table div[role="columnheader"],
|
|
@@ -3863,7 +3956,7 @@ code{
|
|
|
3863
3956
|
.aquarium-theme-dark .Aquarium-DataTable thead th.border-intense,
|
|
3864
3957
|
.aquarium-theme-dark .Aquarium-ItemList div[role="columnheader"],
|
|
3865
3958
|
.aquarium-theme-dark .Aquarium-ItemList thead th.border-intense {
|
|
3866
|
-
border-color: rgba(
|
|
3959
|
+
border-color: rgba(181,181,183,1);
|
|
3867
3960
|
border-color: var(--aquarium-border-color-default);
|
|
3868
3961
|
}
|
|
3869
3962
|
.aquarium-theme-dark .Aquarium-Table div[role="cell"],
|
|
@@ -3874,7 +3967,7 @@ code{
|
|
|
3874
3967
|
.aquarium-theme-dark .Aquarium-DataTable tbody td,
|
|
3875
3968
|
.aquarium-theme-dark .Aquarium-ItemList div[role="cell"],
|
|
3876
3969
|
.aquarium-theme-dark .Aquarium-ItemList tbody td {
|
|
3877
|
-
border-color: rgba(
|
|
3970
|
+
border-color: rgba(225,225,225,1);
|
|
3878
3971
|
border-color: var(--aquarium-border-color-muted);
|
|
3879
3972
|
}
|
|
3880
3973
|
.file\:typography-default-strong::file-selector-button{
|
|
@@ -4129,6 +4222,10 @@ code{
|
|
|
4129
4222
|
border-color: transparent;
|
|
4130
4223
|
border-color: var(--aquarium-colors-transparent);
|
|
4131
4224
|
}
|
|
4225
|
+
.peer\/switch:checked ~ .peer-checked\/switch\:text-inactive{
|
|
4226
|
+
color: rgba(181,181,183,1);
|
|
4227
|
+
color: var(--aquarium-text-color-inactive);
|
|
4228
|
+
}
|
|
4132
4229
|
.peer\/switch:checked ~ .peer-checked\/switch\:text-primary-graphic{
|
|
4133
4230
|
color: rgba(27,178,176,1);
|
|
4134
4231
|
color: var(--aquarium-text-color-primary-graphic);
|
|
@@ -4145,7 +4242,7 @@ code{
|
|
|
4145
4242
|
display: inline-block;
|
|
4146
4243
|
}
|
|
4147
4244
|
.children\:border-default > *{
|
|
4148
|
-
border-color: rgba(
|
|
4245
|
+
border-color: rgba(181,181,183,1);
|
|
4149
4246
|
border-color: var(--aquarium-border-color-default);
|
|
4150
4247
|
}
|
|
4151
4248
|
.children\:last\:border-b-0:last-child > *{
|
|
@@ -4766,7 +4863,7 @@ code{
|
|
|
4766
4863
|
cursor: not-allowed;
|
|
4767
4864
|
}
|
|
4768
4865
|
.disabled\:border-default:where([data-rac])[data-disabled]{
|
|
4769
|
-
border-color: rgba(
|
|
4866
|
+
border-color: rgba(181,181,183,1);
|
|
4770
4867
|
border-color: var(--aquarium-border-color-default);
|
|
4771
4868
|
}
|
|
4772
4869
|
.disabled\:bg-action-primary-button-disabled:where([data-rac])[data-disabled]{
|
|
@@ -4791,14 +4888,14 @@ code{
|
|
|
4791
4888
|
}
|
|
4792
4889
|
.before\:disabled\:border-default:where([data-rac])[data-disabled]::before{
|
|
4793
4890
|
content: var(--tw-content);
|
|
4794
|
-
border-color: rgba(
|
|
4891
|
+
border-color: rgba(181,181,183,1);
|
|
4795
4892
|
border-color: var(--aquarium-border-color-default);
|
|
4796
4893
|
}
|
|
4797
4894
|
.disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{
|
|
4798
4895
|
cursor: not-allowed;
|
|
4799
4896
|
}
|
|
4800
4897
|
.disabled\:border-default:where(:not([data-rac])):disabled{
|
|
4801
|
-
border-color: rgba(
|
|
4898
|
+
border-color: rgba(181,181,183,1);
|
|
4802
4899
|
border-color: var(--aquarium-border-color-default);
|
|
4803
4900
|
}
|
|
4804
4901
|
.disabled\:bg-action-primary-button-disabled:where(:not([data-rac])):disabled{
|
|
@@ -4823,7 +4920,7 @@ code{
|
|
|
4823
4920
|
}
|
|
4824
4921
|
.before\:disabled\:border-default:where(:not([data-rac])):disabled::before{
|
|
4825
4922
|
content: var(--tw-content);
|
|
4826
|
-
border-color: rgba(
|
|
4923
|
+
border-color: rgba(181,181,183,1);
|
|
4827
4924
|
border-color: var(--aquarium-border-color-default);
|
|
4828
4925
|
}
|
|
4829
4926
|
.peer:where([data-rac])[data-disabled] ~ .peer-disabled\:cursor-not-allowed{
|
package/dist/system.cjs
CHANGED
|
@@ -1881,8 +1881,8 @@ var tokens_default = {
|
|
|
1881
1881
|
}
|
|
1882
1882
|
},
|
|
1883
1883
|
borderColor: {
|
|
1884
|
-
muted: "rgba(
|
|
1885
|
-
default: "rgba(
|
|
1884
|
+
muted: "rgba(225,225,225,1)",
|
|
1885
|
+
default: "rgba(181,181,183,1)",
|
|
1886
1886
|
intense: "rgba(45,46,48,1)",
|
|
1887
1887
|
primary: {
|
|
1888
1888
|
muted: "rgba(183,242,241,1)",
|
|
@@ -1895,7 +1895,7 @@ var tokens_default = {
|
|
|
1895
1895
|
default: "rgba(0,128,124,1)",
|
|
1896
1896
|
active: "rgba(46,208,205,1)",
|
|
1897
1897
|
hover: "rgba(27,178,176,1)",
|
|
1898
|
-
disabled: "rgba(
|
|
1898
|
+
disabled: "rgba(225,225,225,1)"
|
|
1899
1899
|
}
|
|
1900
1900
|
},
|
|
1901
1901
|
info: {
|
|
@@ -2056,7 +2056,7 @@ var tokens_default = {
|
|
|
2056
2056
|
"0": "rgba(250,250,250,1)",
|
|
2057
2057
|
"5": "rgba(244,244,244,1)",
|
|
2058
2058
|
"10": "rgba(235,235,235,1)",
|
|
2059
|
-
"20": "rgba(
|
|
2059
|
+
"20": "rgba(225,225,225,1)",
|
|
2060
2060
|
"30": "rgba(181,181,183,1)",
|
|
2061
2061
|
"40": "rgba(145,146,148,1)",
|
|
2062
2062
|
"50": "rgba(104,105,107,1)",
|
|
@@ -2705,11 +2705,11 @@ var import_tailwind_variants3 = require("tailwind-variants");
|
|
|
2705
2705
|
// src/utils/constants.ts
|
|
2706
2706
|
var import_tailwind_variants2 = require("tailwind-variants");
|
|
2707
2707
|
var inputStyles = (0, import_tailwind_variants2.tv)({
|
|
2708
|
-
base: "block w-full rounded
|
|
2708
|
+
base: "block w-full rounded typography-default text-default disabled:cursor-not-allowed disabled:border-default disabled:bg-medium disabled:text-inactive placeholder:text-inactive focus:outline-none",
|
|
2709
2709
|
variants: {
|
|
2710
2710
|
readOnly: {
|
|
2711
2711
|
true: "border-none resize-none cursor-default bg-transparent",
|
|
2712
|
-
false: "px-3 py-3 bg-
|
|
2712
|
+
false: "px-3 py-3 bg-layer"
|
|
2713
2713
|
},
|
|
2714
2714
|
valid: {
|
|
2715
2715
|
true: "",
|
|
@@ -2726,7 +2726,7 @@ var inputStyles = (0, import_tailwind_variants2.tv)({
|
|
|
2726
2726
|
}
|
|
2727
2727
|
});
|
|
2728
2728
|
var focusRingStyle = (0, import_tailwind_variants2.tv)({
|
|
2729
|
-
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded
|
|
2729
|
+
base: "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-action-focus focus-visible:ring-offset-body rounded"
|
|
2730
2730
|
});
|
|
2731
2731
|
var interactiveTextStyles = (0, import_tailwind_variants2.tv)({
|
|
2732
2732
|
base: "text-primary-default active:text-primary-active focus-visible:text-primary-active hover:text-primary-graphic disabled:text-inactive visited:text-primary-intense"
|
|
@@ -3637,7 +3637,7 @@ var alertStyles = (0, import_tailwind_variants6.tv)({
|
|
|
3637
3637
|
base: "pt-3 pb-2"
|
|
3638
3638
|
},
|
|
3639
3639
|
false: {
|
|
3640
|
-
base: "py-
|
|
3640
|
+
base: "py-4"
|
|
3641
3641
|
}
|
|
3642
3642
|
}
|
|
3643
3643
|
}
|
|
@@ -3718,7 +3718,7 @@ Banner.Dismiss = ({ type, ...rest }) => {
|
|
|
3718
3718
|
Banner.Dismiss.displayName = "Alert.Banner.Dismiss";
|
|
3719
3719
|
|
|
3720
3720
|
// src/molecules/Alert/Alert.tsx
|
|
3721
|
-
var renderActions = (action, dense = false) => action && /* @__PURE__ */ import_react30.default.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ import_react30.default.createElement(Button2.Ghost, { dense, ...(0, import_lodash_es8.omit)(action, "text") }, action.text), isLink(action) && /* @__PURE__ */ import_react30.default.createElement(Link2.Button.Ghost, { dense, ...(0, import_lodash_es8.omit)(action, "text") }, action.text));
|
|
3721
|
+
var renderActions = (action, type, dense = false) => action && /* @__PURE__ */ import_react30.default.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ import_react30.default.createElement(Button2.Ghost, { dense, ...(0, import_lodash_es8.omit)(action, "text"), UNSAFE_className: `alert-action-${type}` }, action.text), isLink(action) && /* @__PURE__ */ import_react30.default.createElement(Link2.Button.Ghost, { dense, ...(0, import_lodash_es8.omit)(action, "text"), className: `alert-action-${type}` }, action.text));
|
|
3722
3722
|
var Alert2 = ({
|
|
3723
3723
|
type,
|
|
3724
3724
|
title,
|
|
@@ -3741,7 +3741,7 @@ var Alert2 = ({
|
|
|
3741
3741
|
/* @__PURE__ */ import_react30.default.createElement(Alert.Icon, { type, dense: Boolean(title) }),
|
|
3742
3742
|
title && /* @__PURE__ */ import_react30.default.createElement(Alert.Title, { id: titleID }, title),
|
|
3743
3743
|
/* @__PURE__ */ import_react30.default.createElement(Alert.Description, { id: descriptionID }, children),
|
|
3744
|
-
renderActions(action, true),
|
|
3744
|
+
renderActions(action, type, true),
|
|
3745
3745
|
onDismiss && /* @__PURE__ */ import_react30.default.createElement(Alert.Dismiss, { onClick: onDismiss })
|
|
3746
3746
|
);
|
|
3747
3747
|
};
|
|
@@ -3756,7 +3756,7 @@ var Banner2 = ({ type, title, children, action, onDismiss }) => {
|
|
|
3756
3756
|
"aria-describedby": descriptionID,
|
|
3757
3757
|
"aria-labelledby": title ? titleID : void 0
|
|
3758
3758
|
},
|
|
3759
|
-
/* @__PURE__ */ import_react30.default.createElement(Alert.Banner.Content, null, /* @__PURE__ */ import_react30.default.createElement(Typography2.Default, null, /* @__PURE__ */ import_react30.default.createElement(Typography2.DefaultStrong, { htmlTag: "span" }, title), children && " ", children), renderActions(action)),
|
|
3759
|
+
/* @__PURE__ */ import_react30.default.createElement(Alert.Banner.Content, null, /* @__PURE__ */ import_react30.default.createElement(Typography2.Default, null, /* @__PURE__ */ import_react30.default.createElement(Typography2.DefaultStrong, { htmlTag: "span" }, title), children && " ", children), renderActions(action, type)),
|
|
3760
3760
|
onDismiss && /* @__PURE__ */ import_react30.default.createElement(Alert.Banner.Dismiss, { onClick: onDismiss })
|
|
3761
3761
|
);
|
|
3762
3762
|
};
|
|
@@ -4004,7 +4004,7 @@ var Breadcrumbs = (props) => {
|
|
|
4004
4004
|
})));
|
|
4005
4005
|
};
|
|
4006
4006
|
var asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
4007
|
-
const Crumb2 = import_react36.default.forwardRef(({ icon, children, ...rest }, ref) => /* @__PURE__ */ import_react36.default.createElement(Component, { ref, ...rest, role: "link" }, /* @__PURE__ */ import_react36.default.createElement(
|
|
4007
|
+
const Crumb2 = import_react36.default.forwardRef(({ icon, children, ...rest }, ref) => /* @__PURE__ */ import_react36.default.createElement(Component, { ref, ...rest, role: "link", className: focusRingStyle() }, /* @__PURE__ */ import_react36.default.createElement(
|
|
4008
4008
|
"span",
|
|
4009
4009
|
{
|
|
4010
4010
|
className: (0, import_clsx10.clsx)("flex flex-row flex-nowrap items-center gap-x-3 whitespace-nowrap", {
|
|
@@ -5479,6 +5479,7 @@ var ChoiceChip = ({
|
|
|
5479
5479
|
name,
|
|
5480
5480
|
value,
|
|
5481
5481
|
disabled,
|
|
5482
|
+
"aria-label": ariaLabel,
|
|
5482
5483
|
...rest
|
|
5483
5484
|
}) => {
|
|
5484
5485
|
const [selected, setSelected] = (0, import_utils7.useControlledState)(checked, defaultChecked, onChange);
|
|
@@ -5486,7 +5487,7 @@ var ChoiceChip = ({
|
|
|
5486
5487
|
const handleChange = () => {
|
|
5487
5488
|
setSelected(!selected);
|
|
5488
5489
|
};
|
|
5489
|
-
return /* @__PURE__ */ import_react60.default.createElement("label", { className: label(), ...rest }, /* @__PURE__ */ import_react60.default.createElement(
|
|
5490
|
+
return /* @__PURE__ */ import_react60.default.createElement("label", { className: label(), "aria-label": ariaLabel, ...rest }, /* @__PURE__ */ import_react60.default.createElement(
|
|
5490
5491
|
"input",
|
|
5491
5492
|
{
|
|
5492
5493
|
type: selectionMode,
|
|
@@ -11176,7 +11177,7 @@ var modalStyles = (0, import_tailwind_variants24.tv)({
|
|
|
11176
11177
|
subtitle: "max-w-[700px]",
|
|
11177
11178
|
closeButtonContainer: "absolute top-[24px] right-[28px]",
|
|
11178
11179
|
body: [
|
|
11179
|
-
"grow overflow-y-auto text-default flex flex-col",
|
|
11180
|
+
"grow overflow-y-auto text-default flex flex-col outline-none",
|
|
11180
11181
|
bodyMaskClasses({ position: "before" }),
|
|
11181
11182
|
bodyMaskClasses({ position: "after" })
|
|
11182
11183
|
],
|
|
@@ -11880,7 +11881,7 @@ var EmptyStateLayout = /* @__PURE__ */ ((EmptyStateLayout2) => {
|
|
|
11880
11881
|
})(EmptyStateLayout || {});
|
|
11881
11882
|
var isVerticalLayout = (layout) => layout === "vertical" /* Vertical */;
|
|
11882
11883
|
var emptyStateClasses = (0, import_tailwind_variants25.tv)({
|
|
11883
|
-
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6
|
|
11884
|
+
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 w-full",
|
|
11884
11885
|
variants: {
|
|
11885
11886
|
layout: {
|
|
11886
11887
|
vertical: "flex-col justify-center items-center gap-7 text-center px-9",
|
|
@@ -11893,7 +11894,7 @@ var emptyStateClasses = (0, import_tailwind_variants25.tv)({
|
|
|
11893
11894
|
},
|
|
11894
11895
|
fullHeight: {
|
|
11895
11896
|
true: "h-full",
|
|
11896
|
-
false: ""
|
|
11897
|
+
false: "max-h-[800px]"
|
|
11897
11898
|
}
|
|
11898
11899
|
},
|
|
11899
11900
|
defaultVariants: {
|
|
@@ -12184,7 +12185,7 @@ var Modal2 = ({
|
|
|
12184
12185
|
className: styles.overlay({ className: "Aquarium-Modal" })
|
|
12185
12186
|
},
|
|
12186
12187
|
size !== "screen" && /* @__PURE__ */ import_react111.default.createElement(Modal.BackDrop, { className: styles.backdrop() }),
|
|
12187
|
-
/* @__PURE__ */ import_react111.default.createElement(import_react_aria_components19.Modal, { className: styles.dialog() }, /* @__PURE__ */ import_react111.default.createElement(import_react_aria_components19.Dialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ import_react111.default.createElement(Button2.Icon, { "aria-label": "Close", icon: cross_default, onClick: close })), headerImage !== void 0 && /* @__PURE__ */ import_react111.default.createElement(Modal.HeaderImage, { backgroundImage: headerImage }), /* @__PURE__ */ import_react111.default.createElement(
|
|
12188
|
+
/* @__PURE__ */ import_react111.default.createElement(import_react_aria_components19.Modal, { className: styles.dialog() }, /* @__PURE__ */ import_react111.default.createElement(import_react_aria_components19.Dialog, { className: "flex flex-col grow overflow-y-auto outline-none" }, ({ close }) => /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ import_react111.default.createElement(Button2.Icon, { "aria-label": "Close", icon: cross_default, onClick: close })), headerImage !== void 0 && /* @__PURE__ */ import_react111.default.createElement(Modal.HeaderImage, { backgroundImage: headerImage }), /* @__PURE__ */ import_react111.default.createElement(
|
|
12188
12189
|
Modal.Header,
|
|
12189
12190
|
{
|
|
12190
12191
|
kind: "dialog",
|
|
@@ -13225,10 +13226,11 @@ var switchStyles = (0, import_tailwind_variants30.tv)({
|
|
|
13225
13226
|
variants: {
|
|
13226
13227
|
disabled: {
|
|
13227
13228
|
true: {
|
|
13228
|
-
input: "bg-medium checked:opacity-50 checked:bg-
|
|
13229
|
+
input: "bg-medium checked:opacity-50 checked:bg-intense",
|
|
13230
|
+
thumb: "peer-checked/switch:text-inactive"
|
|
13229
13231
|
},
|
|
13230
13232
|
false: {
|
|
13231
|
-
input: "bg-
|
|
13233
|
+
input: "bg-medium hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
|
|
13232
13234
|
thumb: "shadow-4dp"
|
|
13233
13235
|
}
|
|
13234
13236
|
}
|
|
@@ -13299,8 +13301,8 @@ var import_tailwind_variants31 = require("tailwind-variants");
|
|
|
13299
13301
|
var sectionStyles = (0, import_tailwind_variants31.tv)({
|
|
13300
13302
|
slots: {
|
|
13301
13303
|
base: "border border-muted rounded-lg",
|
|
13302
|
-
header: "px-5 py-
|
|
13303
|
-
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center",
|
|
13304
|
+
header: "px-5 py-3 flex gap-5 justify-between items-center rounded-t-lg",
|
|
13305
|
+
titleContainer: "grow grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 items-center min-h-[38px]",
|
|
13304
13306
|
actions: "flex gap-4 justify-end",
|
|
13305
13307
|
body: "p-5 rounded-lg"
|
|
13306
13308
|
},
|