@aivenio/aquarium 6.1.1 → 6.2.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 +8 -6
- package/dist/atoms.mjs +8 -6
- package/dist/charts.cjs +3 -3
- package/dist/charts.mjs +3 -3
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +16 -0
- package/dist/src/atoms/CommandPalette/CommandPalette.js +3 -1
- package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +12 -4
- package/dist/src/molecules/CommandPalette/CommandPalette.js +17 -5
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +86 -22
- package/dist/src/molecules/CommandPalette/findSubCommands.d.ts +13 -0
- package/dist/src/molecules/CommandPalette/findSubCommands.js +65 -0
- package/dist/src/molecules/CommandPalette/types.d.ts +31 -1
- package/dist/src/molecules/CommandPalette/types.js +10 -1
- package/dist/src/molecules/Popover/Popover.d.ts +3 -0
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/Section/Section.d.ts +9 -0
- package/dist/src/molecules/Section/Section.js +13 -6
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +3 -3
- package/dist/src/molecules/Table/Table.d.ts +3 -0
- package/dist/src/molecules/Table/Table.js +4 -1
- package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
- package/dist/src/molecules/TagLabel/TagLabel.js +1 -1
- package/dist/src/molecules/Typography/Typography.d.ts +3 -0
- package/dist/src/molecules/Typography/Typography.js +1 -1
- package/dist/src/tokens/tokens.json +3 -3
- package/dist/styles.css +40 -28
- package/dist/system.cjs +820 -671
- package/dist/system.mjs +773 -622
- package/dist/tokens.json +3 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** Match by displayName to avoid a circular import with CommandPalette.tsx. */
|
|
3
|
+
const isCommand = (el) => typeof el.type !== 'string' && el.type.displayName === 'CommandPalette.Command';
|
|
4
|
+
/**
|
|
5
|
+
* Depth-first walk that returns the Command element whose `props.id === id`, or null.
|
|
6
|
+
* Descends through Fragments and Sections; stops at the matching Command (does NOT
|
|
7
|
+
* recurse into its descendants once matched).
|
|
8
|
+
*/
|
|
9
|
+
const findCommandById = (node, id) => {
|
|
10
|
+
for (const child of React.Children.toArray(node)) {
|
|
11
|
+
if (!React.isValidElement(child)) {
|
|
12
|
+
continue;
|
|
13
|
+
}
|
|
14
|
+
if (isCommand(child) && child.props.id === id) {
|
|
15
|
+
return child;
|
|
16
|
+
}
|
|
17
|
+
const nested = findCommandById(child.props.children, id);
|
|
18
|
+
if (nested !== null) {
|
|
19
|
+
return nested;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
return null;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Returns the children (raw React nodes) of the Command with the given `parentId`,
|
|
26
|
+
* searched across every registration. `null` when the parent is not found.
|
|
27
|
+
*
|
|
28
|
+
* Callers render the result as the contents of the sub-level.
|
|
29
|
+
*/
|
|
30
|
+
export const findSubCommands = (registrations, parentId) => {
|
|
31
|
+
var _a;
|
|
32
|
+
const match = findCommandInRegistrations(registrations, parentId);
|
|
33
|
+
if (match === null) {
|
|
34
|
+
return null;
|
|
35
|
+
}
|
|
36
|
+
return (_a = match.props.children) !== null && _a !== void 0 ? _a : null;
|
|
37
|
+
};
|
|
38
|
+
/** Returns the Command element (across all registrations) with the given `id`, or null. */
|
|
39
|
+
export const findCommandInRegistrations = (registrations, id) => {
|
|
40
|
+
for (const reg of registrations) {
|
|
41
|
+
const match = findCommandById(reg.children, id);
|
|
42
|
+
if (match !== null) {
|
|
43
|
+
return match;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
return null;
|
|
47
|
+
};
|
|
48
|
+
/** True when `children` contains at least one Command element (directly or nested). */
|
|
49
|
+
export const containsCommand = (children) => findFirstCommand(children) !== null;
|
|
50
|
+
const findFirstCommand = (node) => {
|
|
51
|
+
for (const child of React.Children.toArray(node)) {
|
|
52
|
+
if (!React.isValidElement(child)) {
|
|
53
|
+
continue;
|
|
54
|
+
}
|
|
55
|
+
if (isCommand(child)) {
|
|
56
|
+
return child;
|
|
57
|
+
}
|
|
58
|
+
const nested = findFirstCommand(child.props.children);
|
|
59
|
+
if (nested !== null) {
|
|
60
|
+
return nested;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
return null;
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmluZFN1YkNvbW1hbmRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db21tYW5kUGFsZXR0ZS9maW5kU3ViQ29tbWFuZHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBSTFCLCtFQUErRTtBQUMvRSxNQUFNLFNBQVMsR0FBRyxDQUFDLEVBQXNCLEVBQVcsRUFBRSxDQUNwRCxPQUFPLEVBQUUsQ0FBQyxJQUFJLEtBQUssUUFBUSxJQUFLLEVBQUUsQ0FBQyxJQUFpQyxDQUFDLFdBQVcsS0FBSyx3QkFBd0IsQ0FBQztBQUVoSDs7OztHQUlHO0FBQ0gsTUFBTSxlQUFlLEdBQUcsQ0FBQyxJQUFxQixFQUFFLEVBQVUsRUFBNkIsRUFBRTtJQUN2RixLQUFLLE1BQU0sS0FBSyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDakQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUNqQyxTQUFTO1FBQ1gsQ0FBQztRQUNELElBQUksU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFLLEtBQUssQ0FBQyxLQUF5QixDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUNuRSxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUM7UUFDRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQUUsS0FBSyxDQUFDLEtBQXdDLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzdGLElBQUksTUFBTSxLQUFLLElBQUksRUFBRSxDQUFDO1lBQ3BCLE9BQU8sTUFBTSxDQUFDO1FBQ2hCLENBQUM7SUFDSCxDQUFDO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDZCxDQUFDLENBQUM7QUFFRjs7Ozs7R0FLRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLGFBQTJDLEVBQUUsUUFBZ0IsRUFBbUIsRUFBRTs7SUFDaEgsTUFBTSxLQUFLLEdBQUcsMEJBQTBCLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2xFLElBQUksS0FBSyxLQUFLLElBQUksRUFBRSxDQUFDO1FBQ25CLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUNELE9BQU8sTUFBQyxLQUFLLENBQUMsS0FBd0MsQ0FBQyxRQUFRLG1DQUFJLElBQUksQ0FBQztBQUMxRSxDQUFDLENBQUM7QUFFRiwyRkFBMkY7QUFDM0YsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBQUcsQ0FDeEMsYUFBMkMsRUFDM0MsRUFBVSxFQUNpQixFQUFFO0lBQzdCLEtBQUssTUFBTSxHQUFHLElBQUksYUFBYSxFQUFFLENBQUM7UUFDaEMsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDaEQsSUFBSSxLQUFLLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDbkIsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO0lBQ0gsQ0FBQztJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2QsQ0FBQyxDQUFDO0FBRUYsdUZBQXVGO0FBQ3ZGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFFBQXlCLEVBQVcsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxLQUFLLElBQUksQ0FBQztBQUUzRyxNQUFNLGdCQUFnQixHQUFHLENBQUMsSUFBcUIsRUFBNkIsRUFBRTtJQUM1RSxLQUFLLE1BQU0sS0FBSyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDakQsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUNqQyxTQUFTO1FBQ1gsQ0FBQztRQUNELElBQUksU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDckIsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBQ0QsTUFBTSxNQUFNLEdBQUcsZ0JBQWdCLENBQUUsS0FBSyxDQUFDLEtBQXdDLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDMUYsSUFBSSxNQUFNLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDcEIsT0FBTyxNQUFNLENBQUM7UUFDaEIsQ0FBQztJQUNILENBQUM7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNkLENBQUMsQ0FBQyJ9
|
|
@@ -12,24 +12,54 @@ export type CommandPaletteRegistration = {
|
|
|
12
12
|
id: CommandPaletteRegistrationId;
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
};
|
|
15
|
+
/**
|
|
16
|
+
* One level in the palette's navigation stack. The first entry is always the root
|
|
17
|
+
* (`parentId === null`); pushing a parent command adds an entry with its id and label.
|
|
18
|
+
*/
|
|
19
|
+
export type CommandPaletteLevel = {
|
|
20
|
+
parentId: string | null;
|
|
21
|
+
parentLabel: string | null;
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
query: string;
|
|
24
|
+
};
|
|
15
25
|
export type State = {
|
|
16
26
|
registrations: CommandPaletteRegistration[];
|
|
17
27
|
isOpen: boolean;
|
|
28
|
+
/** Navigation stack — always length >= 1. Top of stack is the currently visible level. */
|
|
29
|
+
levelStack: CommandPaletteLevel[];
|
|
18
30
|
};
|
|
31
|
+
export declare const ROOT_LEVEL: CommandPaletteLevel;
|
|
19
32
|
export declare enum ActionTypes {
|
|
20
33
|
Register = 0,
|
|
21
34
|
Unregister = 1,
|
|
22
35
|
Update = 2,
|
|
23
36
|
Open = 3,
|
|
24
|
-
Close = 4
|
|
37
|
+
Close = 4,
|
|
38
|
+
PushLevel = 5,
|
|
39
|
+
PopLevel = 6,
|
|
40
|
+
PopToIndex = 7,
|
|
41
|
+
SetQuery = 8
|
|
25
42
|
}
|
|
26
43
|
export type Actions = {
|
|
27
44
|
type: ActionTypes.Close;
|
|
28
45
|
} | {
|
|
29
46
|
type: ActionTypes.Open;
|
|
47
|
+
} | {
|
|
48
|
+
type: ActionTypes.PopLevel;
|
|
49
|
+
} | {
|
|
50
|
+
type: ActionTypes.PopToIndex;
|
|
51
|
+
index: number;
|
|
52
|
+
} | {
|
|
53
|
+
type: ActionTypes.PushLevel;
|
|
54
|
+
parentId: string;
|
|
55
|
+
parentLabel: string;
|
|
56
|
+
placeholder?: string;
|
|
30
57
|
} | {
|
|
31
58
|
type: ActionTypes.Register;
|
|
32
59
|
registration: CommandPaletteRegistration;
|
|
60
|
+
} | {
|
|
61
|
+
type: ActionTypes.SetQuery;
|
|
62
|
+
query: string;
|
|
33
63
|
} | {
|
|
34
64
|
type: ActionTypes.Unregister;
|
|
35
65
|
id: CommandPaletteRegistrationId;
|
|
@@ -6,6 +6,11 @@ export const STATIC_ITEM_MARKER = '';
|
|
|
6
6
|
* across the boundary between them.
|
|
7
7
|
*/
|
|
8
8
|
export const FIELD_SEPARATOR = '';
|
|
9
|
+
export const ROOT_LEVEL = {
|
|
10
|
+
parentId: null,
|
|
11
|
+
parentLabel: null,
|
|
12
|
+
query: '',
|
|
13
|
+
};
|
|
9
14
|
export var ActionTypes;
|
|
10
15
|
(function (ActionTypes) {
|
|
11
16
|
ActionTypes[ActionTypes["Register"] = 0] = "Register";
|
|
@@ -13,5 +18,9 @@ export var ActionTypes;
|
|
|
13
18
|
ActionTypes[ActionTypes["Update"] = 2] = "Update";
|
|
14
19
|
ActionTypes[ActionTypes["Open"] = 3] = "Open";
|
|
15
20
|
ActionTypes[ActionTypes["Close"] = 4] = "Close";
|
|
21
|
+
ActionTypes[ActionTypes["PushLevel"] = 5] = "PushLevel";
|
|
22
|
+
ActionTypes[ActionTypes["PopLevel"] = 6] = "PopLevel";
|
|
23
|
+
ActionTypes[ActionTypes["PopToIndex"] = 7] = "PopToIndex";
|
|
24
|
+
ActionTypes[ActionTypes["SetQuery"] = 8] = "SetQuery";
|
|
16
25
|
})(ActionTypes || (ActionTypes = {}));
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbW1hbmRQYWxldHRlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLENBQUM7QUFFdEM7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUM7QUEyQm5DLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0I7SUFDN0MsUUFBUSxFQUFFLElBQUk7SUFDZCxXQUFXLEVBQUUsSUFBSTtJQUNqQixLQUFLLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFFRixNQUFNLENBQU4sSUFBWSxXQVVYO0FBVkQsV0FBWSxXQUFXO0lBQ3JCLHFEQUFRLENBQUE7SUFDUix5REFBVSxDQUFBO0lBQ1YsaURBQU0sQ0FBQTtJQUNOLDZDQUFJLENBQUE7SUFDSiwrQ0FBSyxDQUFBO0lBQ0wsdURBQVMsQ0FBQTtJQUNULHFEQUFRLENBQUE7SUFDUix5REFBVSxDQUFBO0lBQ1YscURBQVEsQ0FBQTtBQUNWLENBQUMsRUFWVyxXQUFXLEtBQVgsV0FBVyxRQVV0QiJ9
|
|
@@ -9,6 +9,9 @@ export type PopoverProps = Simplify<Pick<BasePopoverProps, 'children' | 'crossOf
|
|
|
9
9
|
}>;
|
|
10
10
|
type PopoverComponent = React.FC<PopoverProps> & {
|
|
11
11
|
Trigger: React.FC<TriggerProps>;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated Please use popover in controlled mode instead.
|
|
14
|
+
*/
|
|
12
15
|
CloseToggle: React.FC<CloseToggleProps>;
|
|
13
16
|
Panel: React.FC<PanelProps>;
|
|
14
17
|
};
|
|
@@ -51,4 +51,4 @@ const CloseToggle = ({ children }) => {
|
|
|
51
51
|
};
|
|
52
52
|
CloseToggle.displayName = 'Popover.CloseToggle';
|
|
53
53
|
Popover.CloseToggle = CloseToggle;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBeUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRyxPQUFPLEVBQUUsU0FBUyxFQUF1QixNQUFNLCtCQUErQixDQUFDO0FBMEIvRSxNQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBaUMsRUFBRSxDQUFDLENBQUM7QUFXOUUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFxQixDQUFDLEVBQW9FLEVBQUUsRUFBRTtRQUF4RSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQVksRUFBUCxLQUFLLGNBQWxFLGlEQUFvRSxDQUFGO0lBQzFHLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBZSxFQUFFLEVBQUU7UUFDdkMsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxFQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sRUFBSSxDQUFDO0lBQ3BDLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEMsb0JBQUMsYUFBYSxvQkFBSyxLQUFLLElBQUUsWUFBWSxFQUFFLFlBQVksS0FDakQsUUFBUSxDQUNLLENBQ2EsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUNGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0FBU2hDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUN2RCx5RkFBeUY7SUFDekYsd0ZBQXdGO0lBQ3hGLE9BQU8sb0JBQUMsU0FBUyxxQkFBZSxNQUFNLElBQUUsUUFBUSxDQUFhLENBQUM7QUFDaEUsQ0FBQyxDQUFDO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQU8xQixNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlELE1BQU0sS0FBeUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUE5RSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsWUFBWSxPQUFvRCxFQUEvQyxLQUFLLGNBQXBDLDBCQUFzQyxDQUF3QyxDQUFDO0lBQ3JGLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQzFELG9CQUFDLFVBQVUsUUFBRSxRQUFRLENBQWMsQ0FDdkIsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBQ0YsS0FBSyxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUM7QUFDcEMsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFPdEI7O0dBRUc7QUFDSCxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDL0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ3pELE1BQU0sT0FBTyxHQUFHLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxLQUFLLENBQUM7SUFFM0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssb0JBQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFHLENBQUM7QUFDaEYsQ0FBQyxDQUFDO0FBQ0YsV0FBVyxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyJ9
|
|
@@ -60,6 +60,7 @@ export type SectionProps<T extends OptionType | string = never> = {
|
|
|
60
60
|
subtitle?: string;
|
|
61
61
|
/**
|
|
62
62
|
* Optional tag can have a "title"
|
|
63
|
+
* @deprecated Use `chips` prop instead
|
|
63
64
|
*/
|
|
64
65
|
tag?: Pick<TagLabelProps, 'title' | 'variant'>;
|
|
65
66
|
/**
|
|
@@ -68,8 +69,16 @@ export type SectionProps<T extends OptionType | string = never> = {
|
|
|
68
69
|
badge?: number | string;
|
|
69
70
|
/**
|
|
70
71
|
* Optional chip can have a "text" and a "status"
|
|
72
|
+
* @deprecated Use `chips` prop instead
|
|
71
73
|
*/
|
|
72
74
|
chip?: Pick<StatusChipProps, 'status' | 'text'>;
|
|
75
|
+
/**
|
|
76
|
+
* Chips to display in the section title. Setting `type` to `inverse` will render {@link Chip.Inverse};
|
|
77
|
+
* setting it to `status` will render {@link StatusChip}
|
|
78
|
+
*/
|
|
79
|
+
chips?: Array<Pick<StatusChipProps, 'status' | 'text'> & {
|
|
80
|
+
type: 'inverse' | 'status';
|
|
81
|
+
}>;
|
|
73
82
|
});
|
|
74
83
|
export declare const Section: <T extends OptionType | string = never>(props: React.PropsWithChildren<SectionProps<T>>) => React.JSX.Element;
|
|
75
84
|
export {};
|
|
@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
|
|
|
17
17
|
import { castArray, isUndefined } from 'lodash-es';
|
|
18
18
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
19
19
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
20
|
-
import { Chip, StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
20
|
+
import { Chip, InverseChip, StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
21
21
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
22
22
|
import { LineClamp } from '../../../src/molecules/LineClamp/LineClamp';
|
|
23
23
|
import { SelectBase } from '../../../src/molecules/Select/Select';
|
|
@@ -31,7 +31,7 @@ import { defaultContextualMenuPlacement } from '../../../types/ContextualMenu';
|
|
|
31
31
|
import { isComponentType } from '../../../types/utils';
|
|
32
32
|
import more from '../../../src/icons/more';
|
|
33
33
|
export const Section = (props) => {
|
|
34
|
-
var _a, _b, _c, _d;
|
|
34
|
+
var _a, _b, _c, _d, _e, _f;
|
|
35
35
|
const { title, subtitle, children } = props;
|
|
36
36
|
const _collapsible = title ? ((_a = props.collapsible) !== null && _a !== void 0 ? _a : false) : false;
|
|
37
37
|
const _collapsed = title ? props.collapsed : undefined;
|
|
@@ -69,7 +69,7 @@ export const Section = (props) => {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
const targetHeight = isCollapsed ? '0px' : `${height !== null && height !== void 0 ? height : 0}px`;
|
|
72
|
-
const
|
|
72
|
+
const _g = useSpring({
|
|
73
73
|
height: height !== null ? targetHeight : undefined,
|
|
74
74
|
opacity: isCollapsed ? 0 : 1,
|
|
75
75
|
transform: `rotate(${isCollapsed ? 90 : 180}deg)`,
|
|
@@ -79,12 +79,15 @@ export const Section = (props) => {
|
|
|
79
79
|
immediate: !_collapsible,
|
|
80
80
|
onStart: () => isMounted.current && setResting(false),
|
|
81
81
|
onRest: () => isMounted.current && setResting(true),
|
|
82
|
-
}), { transform } =
|
|
82
|
+
}), { transform } = _g, spring = __rest(_g, ["transform"]);
|
|
83
83
|
const toggleId = useId();
|
|
84
84
|
const regionId = useId();
|
|
85
85
|
const titleId = useId();
|
|
86
86
|
const hasTabs = isComponentType(children, Tabs);
|
|
87
87
|
const { buttonProps } = useButton({ 'elementType': 'div', 'onPress': handleTitleClick, 'aria-expanded': !isCollapsed, 'aria-controls': regionId }, toggleAreaRef);
|
|
88
|
+
if ((props.tag || props.chip) && props.chips) {
|
|
89
|
+
throw new Error('When chips prop is defined, tag and chip prop must be undefined.');
|
|
90
|
+
}
|
|
88
91
|
return (React.createElement(BaseSection, { "aria-label": title, className: clsx({
|
|
89
92
|
'Aquarium-Collapsible-Section': _collapsible,
|
|
90
93
|
'Aquarium-Section': !_collapsible,
|
|
@@ -101,7 +104,11 @@ export const Section = (props) => {
|
|
|
101
104
|
React.createElement(LineClamp, { lines: 1 }, title),
|
|
102
105
|
props.tag && React.createElement(TagLabel, Object.assign({}, props.tag)),
|
|
103
106
|
props.badge && React.createElement(Chip, { text: props.badge }),
|
|
104
|
-
props.chip && React.createElement(StatusChip, Object.assign({}, props.chip))),
|
|
107
|
+
props.chip && React.createElement(StatusChip, Object.assign({}, props.chip)), (_f = (_e = props.chips) === null || _e === void 0 ? void 0 : _e.map(({ type: chipType, status, text }, index) => {
|
|
108
|
+
const Component = chipType === 'inverse' ? InverseChip : StatusChip;
|
|
109
|
+
const key = `${status}-${text}-${index}`;
|
|
110
|
+
return React.createElement(Component, { key: key, text: text, status: status });
|
|
111
|
+
})) !== null && _f !== void 0 ? _f : null),
|
|
105
112
|
subtitle && (React.createElement(BaseSection.Subtitle, { className: clsx('row-start-2', { 'col-start-2': _collapsible }) },
|
|
106
113
|
React.createElement(LineClamp, { lines: 1 }, subtitle)))),
|
|
107
114
|
!isCollapsed && (React.createElement(BaseSection.Actions, null,
|
|
@@ -124,4 +131,4 @@ export const Section = (props) => {
|
|
|
124
131
|
}) }))) : (React.createElement(BaseSection.Body, null, children))))));
|
|
125
132
|
};
|
|
126
133
|
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))));
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQzlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcs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
|
|
@@ -15,8 +15,8 @@ import { tv } from 'tailwind-variants';
|
|
|
15
15
|
const segmentedControlStyles = tv({
|
|
16
16
|
slots: {
|
|
17
17
|
wrapper: [
|
|
18
|
-
'transition border-l border-
|
|
19
|
-
'first:border-l-0 first:rounded-l last:rounded-r',
|
|
18
|
+
'transition border-l border-muted overflow-hidden hover:bg-primary-hover',
|
|
19
|
+
'first:border-l-0 first:rounded-l-[var(--aquarium-segmented-control-inner-radius)] last:rounded-r-[var(--aquarium-segmented-control-inner-radius)]',
|
|
20
20
|
'focus-within:border-l-transparent focus-within:relative focus-within:z-50 focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-primary-default',
|
|
21
21
|
],
|
|
22
22
|
button: [
|
|
@@ -57,4 +57,4 @@ export const SegmentedControlGroup = (_a) => {
|
|
|
57
57
|
}))));
|
|
58
58
|
};
|
|
59
59
|
/* </SegmentedControlGroup> */
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFJdkMsd0JBQXdCO0FBRXhCLE1BQU0sc0JBQXNCLEdBQUcsRUFBRSxDQUFDO0lBQ2hDLEtBQUssRUFBRTtRQUNMLE9BQU8sRUFBRTtZQUNQLHlFQUF5RTtZQUN6RSxtSkFBbUo7WUFDbkosNEpBQTRKO1NBQzdKO1FBQ0QsTUFBTSxFQUFFO1lBQ04sb0JBQW9CO1lBQ3BCLDRFQUE0RTtZQUM1RSxzRUFBc0U7U0FDdkU7S0FDRjtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixPQUFPLEVBQUUsaUdBQWlHO2dCQUMxRyxNQUFNLEVBQUUsc0JBQXNCO2FBQy9CO1lBQ0QsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRTtTQUNsQztLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsUUFBUSxFQUFFLEtBQUs7S0FDaEI7Q0FDRixDQUFDLENBQUM7QUFlSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQU12QixFQUFFLEVBQUU7UUFObUIsRUFDaEQsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEdBQUcsS0FBSyxFQUNoQixTQUFTLE9BRWdCLEVBRHRCLElBQUksY0FMeUMsOENBTWpELENBRFE7SUFFUCxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLHNCQUFzQixDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLE9BQU8sRUFBRTtRQUN0Qiw4Q0FBUSxJQUFJLEVBQUMsUUFBUSxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsa0JBQWdCLFFBQVEsS0FDckYsUUFBUSxDQUNGLENBQ04sQ0FDTixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYseUJBQXlCO0FBRXpCLDZCQUE2QjtBQUU3QixNQUFNLDJCQUEyQixHQUFHLEVBQUUsQ0FBQztJQUNyQyxJQUFJLEVBQUUsOERBQThEO0NBQ3JFLENBQUMsQ0FBQztBQWVILE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBT3ZCLEVBQUUsRUFBRTtRQVBtQixFQUNyRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxPQUVxQixFQUQzQixJQUFJLGNBTjhDLDJEQU90RCxDQURRO0lBRVAsT0FBTyxDQUNMLDRDQUFRLElBQUksa0JBQWMsU0FBUyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQ3ZGLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDMUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUs7S0FDdEMsQ0FBQyxDQUNILENBQ0UsQ0FDTixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsOEJBQThCIn0=
|
|
@@ -12,6 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Table as BaseTable } from '../../../src/atoms/Table/Table';
|
|
14
14
|
import { useScrollTarget } from '../../../src/utils/table/useScrollTarget';
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated use {@link DataTable}
|
|
17
|
+
*/
|
|
15
18
|
export const Table = (_a) => {
|
|
16
19
|
var { children, onPrev, onNext } = _a, rest = __rest(_a, ["children", "onPrev", "onNext"]);
|
|
17
20
|
const bottomRef = useScrollTarget(onNext);
|
|
@@ -28,4 +31,4 @@ Table.Cell = BaseTable.Cell;
|
|
|
28
31
|
Table.SortCell = BaseTable.SortCell;
|
|
29
32
|
Table.SelectCell = BaseTable.SelectCell;
|
|
30
33
|
Table.Caption = BaseTable.Caption;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBcUMsTUFBTSx1QkFBdUIsQ0FBQztBQUU5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFVbEU7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBUWQsQ0FBQyxFQUFxQyxFQUFFLEVBQUU7UUFBekMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBbkMsZ0NBQXFDLENBQUY7SUFDdEMsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFpQixNQUFNLENBQUMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUMsZ0NBQWdDO1FBQzdDLDZCQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFDLGlEQUFpRCxHQUFHO1FBQ2hGLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxHQUFHLFFBQVEsQ0FBYTtRQUMzQyw2QkFBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBQyxvREFBb0QsR0FBRyxDQUNsRixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO0FBQzVCLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQztBQUMxQixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO0FBQ3BDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQztBQUN4QyxLQUFLLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMifQ==
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { InverseChip } from '../../../src/molecules/Chip/Chip';
|
|
14
14
|
/**
|
|
15
15
|
*
|
|
16
|
-
* @deprecated Use `<
|
|
16
|
+
* @deprecated Use `<Chip.Inverse>` instead.
|
|
17
17
|
*/
|
|
18
18
|
export const TagLabel = (_a) => {
|
|
19
19
|
var { title, dense = false, variant } = _a, rest = __rest(_a, ["title", "dense", "variant"]);
|
|
@@ -12,6 +12,9 @@ type ComposedTypographyProps = Record<Body | Header | Monospace, React.FC<Props>
|
|
|
12
12
|
Subheading: React.FC<LegacyProps>;
|
|
13
13
|
Paragraph: React.FC<LegacyProps>;
|
|
14
14
|
P: React.FC<LegacyProps>;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use Typography.Small for 12px
|
|
17
|
+
*/
|
|
15
18
|
Caption: React.FC<LegacyProps>;
|
|
16
19
|
};
|
|
17
20
|
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
|
@@ -114,4 +114,4 @@ Typography.CodeSmallStrong = (_a) => {
|
|
|
114
114
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small-strong" })));
|
|
115
115
|
};
|
|
116
116
|
Typography.CodeSmallStrong.displayName = 'Typography.CodeSmallStrong';
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUF3QixNQUFNLGlDQUFpQyxDQUFDO0FBb0NyRyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFO0lBQ3hHLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDMUUsT0FBTyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsV0FBVyxJQUFJLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBQ0YsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFDRixVQUFVLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQztBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQXFELEVBQUUsRUFBRTtRQUF6RCxFQUFFLE9BQU8sR0FBRyxJQUFJLEVBQUUsVUFB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
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"medium": "rgba(235,235,235,1)",
|
|
27
27
|
"intense": "rgba(181,181,183,1)",
|
|
28
28
|
"primary": {
|
|
29
|
-
"muted": "rgba(
|
|
30
|
-
"default": "rgba(
|
|
29
|
+
"muted": "rgba(217,249,248,1)",
|
|
30
|
+
"default": "rgba(217,249,248,1)",
|
|
31
31
|
"graphic": "rgba(46,208,205,1)",
|
|
32
32
|
"intense": "rgba(0,128,124,1)",
|
|
33
33
|
"inverse": "rgba(0,128,124,1)",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"inverse": "rgba(198,42,42,1)"
|
|
72
72
|
},
|
|
73
73
|
"status": {
|
|
74
|
-
"announcement": "rgba(
|
|
74
|
+
"announcement": "rgba(217,249,248,1)",
|
|
75
75
|
"info": "rgba(233,249,253,1)",
|
|
76
76
|
"warning": "rgba(255,249,230,1)",
|
|
77
77
|
"danger": "rgba(255,241,241,1)",
|
package/dist/styles.css
CHANGED
|
@@ -621,7 +621,7 @@ video {
|
|
|
621
621
|
--aquarium-background-color-muted: var(--aquarium-colors-grey-5);
|
|
622
622
|
--aquarium-background-color-medium: var(--aquarium-colors-grey-10);
|
|
623
623
|
--aquarium-background-color-intense: var(--aquarium-colors-grey-30);
|
|
624
|
-
--aquarium-background-color-primary-default: var(--aquarium-colors-primary-
|
|
624
|
+
--aquarium-background-color-primary-default: var(--aquarium-colors-primary-5);
|
|
625
625
|
--aquarium-background-color-primary-graphic: var(--aquarium-colors-primary-30);
|
|
626
626
|
--aquarium-background-color-primary-inverse: var(--aquarium-colors-primary-60);
|
|
627
627
|
--aquarium-background-color-primary-active: var(--aquarium-colors-primary-0);
|
|
@@ -2650,7 +2650,7 @@ video {
|
|
|
2650
2650
|
background-color: var(--aquarium-background-color-primary-active);
|
|
2651
2651
|
}
|
|
2652
2652
|
.bg-primary-default{
|
|
2653
|
-
background-color: rgba(
|
|
2653
|
+
background-color: rgba(217,249,248,1);
|
|
2654
2654
|
background-color: var(--aquarium-background-color-primary-default);
|
|
2655
2655
|
}
|
|
2656
2656
|
.bg-primary-graphic{
|
|
@@ -2670,11 +2670,11 @@ video {
|
|
|
2670
2670
|
background-color: var(--aquarium-background-color-primary-inverse);
|
|
2671
2671
|
}
|
|
2672
2672
|
.bg-primary-muted{
|
|
2673
|
-
background-color: rgba(
|
|
2673
|
+
background-color: rgba(217,249,248,1);
|
|
2674
2674
|
background-color: var(--aquarium-background-color-primary-muted);
|
|
2675
2675
|
}
|
|
2676
2676
|
.bg-status-announcement{
|
|
2677
|
-
background-color: rgba(
|
|
2677
|
+
background-color: rgba(217,249,248,1);
|
|
2678
2678
|
background-color: var(--aquarium-background-color-status-announcement);
|
|
2679
2679
|
}
|
|
2680
2680
|
.bg-status-danger{
|
|
@@ -3723,7 +3723,16 @@ code{
|
|
|
3723
3723
|
/* the collapsible <Section> uses a different background color for the header element when expanded. To enhance the contrast between the header's background color and the secondary button's background color, we need to specifically change the secondary button's background to bg-body instead of bg-transparent. */
|
|
3724
3724
|
background-color: rgba(255,255,255,1);
|
|
3725
3725
|
background-color: var(--aquarium-background-color-body);
|
|
3726
|
-
|
|
3726
|
+
}
|
|
3727
|
+
/*
|
|
3728
|
+
Nested corners: matching parent/child radius can make child bg bleed past the
|
|
3729
|
+
container curve. Use inner radius = outer radius - border width via design tokens.
|
|
3730
|
+
*/
|
|
3731
|
+
.Aquarium-SegmentedControl {
|
|
3732
|
+
--aquarium-segmented-control-inner-radius: calc(
|
|
3733
|
+
var(--aquarium-border-radius-default) - var(--aquarium-border-width-default)
|
|
3734
|
+
);
|
|
3735
|
+
}
|
|
3727
3736
|
.aquarium-theme-dark {
|
|
3728
3737
|
--aquarium-border-color-muted: var(--aquarium-colors-grey-70);
|
|
3729
3738
|
--aquarium-border-color-default: var(--aquarium-colors-grey-60);
|
|
@@ -3830,7 +3839,7 @@ code{
|
|
|
3830
3839
|
--aquarium-text-color-danger-default: var(--aquarium-colors-error-20);
|
|
3831
3840
|
--aquarium-text-color-danger-intense: var(--aquarium-text-color-danger-default);
|
|
3832
3841
|
|
|
3833
|
-
|
|
3842
|
+
/* Code block (syntax highlighting) */
|
|
3834
3843
|
--aquarium-code-background: var(--aquarium-background-color-body);
|
|
3835
3844
|
--aquarium-code-text: var(--aquarium-text-color-default);
|
|
3836
3845
|
--aquarium-code-keyword: rgba(223, 86, 242, 1);
|
|
@@ -3912,7 +3921,7 @@ code{
|
|
|
3912
3921
|
.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,
|
|
3913
3922
|
.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover,
|
|
3914
3923
|
.aquarium-theme-dark .Aquarium-Select\.Item.bg-muted,
|
|
3915
|
-
.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover{
|
|
3924
|
+
.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover {
|
|
3916
3925
|
background-color: rgba(235,235,235,1);
|
|
3917
3926
|
background-color: var(--aquarium-background-color-medium);
|
|
3918
3927
|
}
|
|
@@ -3929,7 +3938,7 @@ code{
|
|
|
3929
3938
|
.aquarium-theme-dark .Aquarium-StatusChip {
|
|
3930
3939
|
--aquarium-text-color-info-intense: var(--aquarium-text-color-info-default);
|
|
3931
3940
|
}
|
|
3932
|
-
.aquarium-theme-dark .Aquarium-Navigation li[role=
|
|
3941
|
+
.aquarium-theme-dark .Aquarium-Navigation li[role='presentation'] a[role='menuitem'] {
|
|
3933
3942
|
--aquarium-text-color-primary-intense: var(--aquarium-text-color-primary-default);
|
|
3934
3943
|
}
|
|
3935
3944
|
/* In dark mode, both these popover related components(bg-overlay) and banner background(bg-muted) colors are set to grey-90. To avoid them blending together, we need to use a different color. */
|
|
@@ -3949,7 +3958,14 @@ code{
|
|
|
3949
3958
|
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip, .aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip {
|
|
3950
3959
|
--aquarium-background-color-muted: var(--aquarium-background-color-medium);
|
|
3951
3960
|
}
|
|
3952
|
-
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role=
|
|
3961
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role='button']:hover,
|
|
3962
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role='button']:focus,
|
|
3963
|
+
.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role='button']:hover,
|
|
3964
|
+
.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role='button']:focus,
|
|
3965
|
+
.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role='button']:hover,
|
|
3966
|
+
.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role='button']:focus,
|
|
3967
|
+
.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role='button']:hover,
|
|
3968
|
+
.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role='button']:focus {
|
|
3953
3969
|
--aquarium-background-color-intense: var(--aquarium-background-color-inactive);
|
|
3954
3970
|
}
|
|
3955
3971
|
.aquarium-theme-dark .Aquarium-Modal .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Modal .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Dialog .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Drawer .Aquarium-ItemList .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-Table .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-DataList .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-DataTable .sticky, .aquarium-theme-dark .Aquarium-Popover .Aquarium-ItemList .sticky {
|
|
@@ -3960,24 +3976,24 @@ code{
|
|
|
3960
3976
|
border: 1px solid rgba(225,225,225,1);
|
|
3961
3977
|
border: 1px solid var(--aquarium-border-color-muted);
|
|
3962
3978
|
}
|
|
3963
|
-
.aquarium-theme-dark .Aquarium-Table div[role=
|
|
3979
|
+
.aquarium-theme-dark .Aquarium-Table div[role='columnheader'],
|
|
3964
3980
|
.aquarium-theme-dark .Aquarium-Table thead th.border-intense,
|
|
3965
|
-
.aquarium-theme-dark .Aquarium-DataList div[role=
|
|
3981
|
+
.aquarium-theme-dark .Aquarium-DataList div[role='columnheader'],
|
|
3966
3982
|
.aquarium-theme-dark .Aquarium-DataList thead th.border-intense,
|
|
3967
|
-
.aquarium-theme-dark .Aquarium-DataTable div[role=
|
|
3983
|
+
.aquarium-theme-dark .Aquarium-DataTable div[role='columnheader'],
|
|
3968
3984
|
.aquarium-theme-dark .Aquarium-DataTable thead th.border-intense,
|
|
3969
|
-
.aquarium-theme-dark .Aquarium-ItemList div[role=
|
|
3985
|
+
.aquarium-theme-dark .Aquarium-ItemList div[role='columnheader'],
|
|
3970
3986
|
.aquarium-theme-dark .Aquarium-ItemList thead th.border-intense {
|
|
3971
3987
|
border-color: rgba(181,181,183,1);
|
|
3972
3988
|
border-color: var(--aquarium-border-color-default);
|
|
3973
3989
|
}
|
|
3974
|
-
.aquarium-theme-dark .Aquarium-Table div[role=
|
|
3990
|
+
.aquarium-theme-dark .Aquarium-Table div[role='cell'],
|
|
3975
3991
|
.aquarium-theme-dark .Aquarium-Table tbody td,
|
|
3976
|
-
.aquarium-theme-dark .Aquarium-DataList div[role=
|
|
3992
|
+
.aquarium-theme-dark .Aquarium-DataList div[role='cell'],
|
|
3977
3993
|
.aquarium-theme-dark .Aquarium-DataList tbody td,
|
|
3978
|
-
.aquarium-theme-dark .Aquarium-DataTable div[role=
|
|
3994
|
+
.aquarium-theme-dark .Aquarium-DataTable div[role='cell'],
|
|
3979
3995
|
.aquarium-theme-dark .Aquarium-DataTable tbody td,
|
|
3980
|
-
.aquarium-theme-dark .Aquarium-ItemList div[role=
|
|
3996
|
+
.aquarium-theme-dark .Aquarium-ItemList div[role='cell'],
|
|
3981
3997
|
.aquarium-theme-dark .Aquarium-ItemList tbody td {
|
|
3982
3998
|
border-color: rgba(225,225,225,1);
|
|
3983
3999
|
border-color: var(--aquarium-border-color-muted);
|
|
@@ -4137,21 +4153,17 @@ code{
|
|
|
4137
4153
|
.first\:mt-0:first-child{
|
|
4138
4154
|
margin-top: 0px;
|
|
4139
4155
|
}
|
|
4140
|
-
.first\:rounded-l:first-child{
|
|
4141
|
-
border-top-left-radius:
|
|
4142
|
-
border-
|
|
4143
|
-
border-bottom-left-radius: 4px;
|
|
4144
|
-
border-bottom-left-radius: var(--aquarium-border-radius-default);
|
|
4156
|
+
.first\:rounded-l-\[var\(--aquarium-segmented-control-inner-radius\)\]:first-child{
|
|
4157
|
+
border-top-left-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4158
|
+
border-bottom-left-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4145
4159
|
}
|
|
4146
4160
|
.first\:border-l-0:first-child{
|
|
4147
4161
|
border-left-width: 0px;
|
|
4148
4162
|
border-left-width: var(--aquarium-border-width-0);
|
|
4149
4163
|
}
|
|
4150
|
-
.last\:rounded-r:last-child{
|
|
4151
|
-
border-top-right-radius:
|
|
4152
|
-
border-
|
|
4153
|
-
border-bottom-right-radius: 4px;
|
|
4154
|
-
border-bottom-right-radius: var(--aquarium-border-radius-default);
|
|
4164
|
+
.last\:rounded-r-\[var\(--aquarium-segmented-control-inner-radius\)\]:last-child{
|
|
4165
|
+
border-top-right-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4166
|
+
border-bottom-right-radius: var(--aquarium-segmented-control-inner-radius);
|
|
4155
4167
|
}
|
|
4156
4168
|
.last\:border-r-0:last-child{
|
|
4157
4169
|
border-right-width: 0px;
|
|
@@ -4182,7 +4194,7 @@ code{
|
|
|
4182
4194
|
background-color: var(--aquarium-background-color-primary-inverse);
|
|
4183
4195
|
}
|
|
4184
4196
|
.checked\:bg-primary-muted:checked{
|
|
4185
|
-
background-color: rgba(
|
|
4197
|
+
background-color: rgba(217,249,248,1);
|
|
4186
4198
|
background-color: var(--aquarium-background-color-primary-muted);
|
|
4187
4199
|
}
|
|
4188
4200
|
.checked\:opacity-50:checked{
|