@aivenio/aquarium 2.14.2 → 2.15.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/charts.cjs +1 -1
- package/dist/charts.mjs +1 -1
- package/dist/src/charts/BarChart/BarChart.js +2 -2
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +2 -2
- package/dist/src/utils/form/Label/Label.js +3 -3
- package/dist/styles.css +39 -11
- package/dist/system.cjs +21 -7
- package/dist/system.mjs +21 -7
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/charts.cjs
CHANGED
|
@@ -3143,7 +3143,7 @@ var BarChart = (_a) => {
|
|
|
3143
3143
|
__spreadProps(__spreadValues({}, props), {
|
|
3144
3144
|
accessibilityLayer: tooltip !== void 0,
|
|
3145
3145
|
barCategoryGap: "5%",
|
|
3146
|
-
style: { stroke: "
|
|
3146
|
+
style: { stroke: "var(--aquarium-background-color-body)", strokeWidth: 1 },
|
|
3147
3147
|
onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : void 0),
|
|
3148
3148
|
onMouseLeave: () => setActiveIndex(void 0),
|
|
3149
3149
|
margin
|
package/dist/charts.mjs
CHANGED
|
@@ -3011,7 +3011,7 @@ var BarChart = (_a) => {
|
|
|
3011
3011
|
__spreadProps(__spreadValues({}, props), {
|
|
3012
3012
|
accessibilityLayer: tooltip !== void 0,
|
|
3013
3013
|
barCategoryGap: "5%",
|
|
3014
|
-
style: { stroke: "
|
|
3014
|
+
style: { stroke: "var(--aquarium-background-color-body)", strokeWidth: 1 },
|
|
3015
3015
|
onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : void 0),
|
|
3016
3016
|
onMouseLeave: () => setActiveIndex(void 0),
|
|
3017
3017
|
margin
|
|
@@ -49,7 +49,7 @@ export const BarChart = (_a) => {
|
|
|
49
49
|
};
|
|
50
50
|
return (React.createElement(DefaultPalette, { palette: palette },
|
|
51
51
|
React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
|
|
52
|
-
React.createElement(_BarChart, Object.assign({}, props, { accessibilityLayer: tooltip !== undefined, barCategoryGap: "5%", style: { stroke: '
|
|
52
|
+
React.createElement(_BarChart, Object.assign({}, props, { accessibilityLayer: tooltip !== undefined, barCategoryGap: "5%", style: { stroke: 'var(--aquarium-background-color-body)', strokeWidth: 1 }, onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : undefined), onMouseLeave: () => setActiveIndex(undefined), margin: margin }),
|
|
53
53
|
React.createElement(CartesianGrid, null),
|
|
54
54
|
renderChildren(props)))));
|
|
55
55
|
};
|
|
@@ -59,4 +59,4 @@ export const Bar = Object.assign((props) => {
|
|
|
59
59
|
}, _Bar);
|
|
60
60
|
BarChart.Bar = Bar;
|
|
61
61
|
BarChart.Tooltip = Tooltip;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBaUMsTUFBTSxPQUFPLENBQUM7QUFDdEQsT0FBTyxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsU0FBUyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXhGLE9BQU8sRUFBdUIsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMxRixPQUFPLEVBQUUsY0FBYyxFQUFxQixNQUFNLDBDQUEwQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkQsT0FBTyxFQUVMLGVBQWUsRUFDZix5QkFBeUIsRUFDekIsY0FBYyxFQUNkLG1CQUFtQixHQUNwQixNQUFNLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQVNqRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQWtFLENBQUMsRUFNdkYsRUFBRSxFQUFFO1FBTm1GLEVBQ3RGLE1BQU0sRUFDTixTQUFTLEVBQ1QsTUFBTSxHQUFHLGVBQWUsRUFDeEIsT0FBTyxPQUVSLEVBREksS0FBSyxjQUw4RSw0Q0FNdkYsQ0FEUztJQUVSLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBcUIsU0FBUyxDQUFDLENBQUM7SUFDcEYsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FB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
|
|
@@ -53,7 +53,7 @@ Chip.Skeleton.displayName = 'Chip.Skeleton';
|
|
|
53
53
|
export const StatusChip = React.forwardRef((_a, ref) => {
|
|
54
54
|
var { icon: chipIcon, UNSAFE_icon, text, dense = false, status, badge } = _a, rest = __rest(_a, ["icon", "UNSAFE_icon", "text", "dense", "status", "badge"]);
|
|
55
55
|
const icon = chipIcon || UNSAFE_icon;
|
|
56
|
-
return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, role: "status", "aria-label": text ? text.toString() : undefined, dense: dense }, rest, { className: getStatusClassNames(status) }),
|
|
56
|
+
return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, role: "status", "aria-label": text ? text.toString() : undefined, dense: dense }, rest, { className: classNames('Aquarium-StatusChip', getStatusClassNames(status)) }),
|
|
57
57
|
badge === true && React.createElement(Badge.Dot, { dense: dense }),
|
|
58
58
|
icon && React.createElement(InlineIcon, { icon: icon }),
|
|
59
59
|
text,
|
|
@@ -65,4 +65,4 @@ export const ChipContainer = ({ dense, children }) => (React.createElement("div"
|
|
|
65
65
|
}) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip) || isComponentType(child, ChipSkeleton)
|
|
66
66
|
? React.cloneElement(child, { dense })
|
|
67
67
|
: undefined)));
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVyQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUF1Q3RDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxTQUFxQixTQUFTLEVBQVUsRUFBRTtJQUNyRSxRQUFRLE1BQU0sRUFBRSxDQUFDO1FBQ2YsS0FBSyxNQUFNO1lBQ1QsT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUVoRCxLQUFLLFNBQVM7WUFDWixPQUFPLEVBQUUsQ0FBQyx3Q0FBd0MsQ0FBQyxDQUFDO1FBRXRELEtBQUssUUFBUTtZQUNYLE9BQU8sRUFBRSxDQUFDLHNDQUFzQyxDQUFDLENBQUM7UUFFcEQsS0FBSyxTQUFTO1lBQ1osT0FBTyxFQUFFLENBQUMsd0NBQXdDLENBQUMsQ0FBQztRQUV0RCxLQUFLLFNBQVMsQ0FBQztRQUNmO1lBQ0UsT0FB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
|
|
@@ -21,7 +21,7 @@ export const InputChip = React.forwardRef((_a, ref) => {
|
|
|
21
21
|
_onClick === null || _onClick === void 0 ? void 0 : _onClick(e);
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
return (React.createElement("div", { className: classNames(className, 'inline-flex align-middle mx-1 items-stretch rounded-sm break-all', {
|
|
24
|
+
return (React.createElement("div", { className: classNames(className, 'Aquarium-InputChip inline-flex align-middle mx-1 items-stretch rounded-sm break-all', {
|
|
25
25
|
'bg-status-danger ': invalid,
|
|
26
26
|
'bg-muted ': !invalid && !disabled,
|
|
27
27
|
'bg-default': disabled,
|
|
@@ -37,4 +37,4 @@ export const InputChip = React.forwardRef((_a, ref) => {
|
|
|
37
37
|
'text-default': !invalid,
|
|
38
38
|
}) }))))));
|
|
39
39
|
});
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9NdWx0aUlucHV0L0lucHV0Q2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQTBCLE1BQU0sT0FBTyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQVE5QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF5RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWxHLEVBQUUsT0FBTyxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBdkYsdUVBQXlGLENBQUY7SUFDdEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUE2QixFQUFFLEVBQUU7UUFDaEQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNCLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsQ0FBQztRQUNoQixDQUFDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLFNBQVMsRUFDVCxxRkFBcUYsRUFDckY7WUFDRSxtQkFBbUIsRUFBRSxPQUFPO1lBQzVCLFdBQVcsRUFBRSxDQUFDLE9BQU8sSUFBSSxDQUFDLFFBQVE7WUFDbEMsWUFBWSxFQUFFLFFBQVE7U0FDdkIsQ0FDRjtRQUVELDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDO1lBQzdCLG9CQUFDLFVBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUM5RixRQUFRLENBQ0UsQ0FDVDtRQUNMLENBQUMsUUFBUSxJQUFJLENBQ1osMkNBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsT0FBTyxFQUFFLE9BQU8sRUFDaEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyx1QkFBdUIsRUFBRTtnQkFDckMscUJBQXFCLEVBQUUsQ0FBQyxDQUFDLFFBQVE7Z0JBQ2pDLCtDQUErQyxFQUFFLE9BQU87Z0JBQ3hELG1DQUFtQyxFQUFFLENBQUMsT0FBTyxJQUFJLENBQUMsUUFBUTthQUMzRCxDQUFDLEVBQ0YsSUFBSSxFQUFDLFFBQVEsZ0JBRUQsVUFBVSxNQUFNLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FFdkMsQ0FBQyxRQUFRLElBQUksQ0FDWixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFVBQVUsRUFDaEIsU0FBUyxFQUFFLEVBQUUsQ0FBQztnQkFDWixxQkFBcUIsRUFBRSxPQUFPO2dCQUM5QixjQUFjLEVBQUUsQ0FBQyxPQUFPO2FBQ3pCLENBQUMsR0FDRixDQUNILENBQ0csQ0FDUCxDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
|
@@ -14,7 +14,7 @@ import { Skeleton } from '../../../../src/molecules/Skeleton/Skeleton';
|
|
|
14
14
|
import { InlineIcon, Tooltip } from '../../../../src/molecules';
|
|
15
15
|
import { FormControl } from '../../../../src/utils/form/FormControl/FormControl';
|
|
16
16
|
import { HelperText } from '../../../../src/utils/form/HelperText/HelperText';
|
|
17
|
-
import { tw } from '../../../../src/utils/tailwind';
|
|
17
|
+
import { classNames, tw } from '../../../../src/utils/tailwind';
|
|
18
18
|
import questionMark from '../../../../src/icons/questionMark';
|
|
19
19
|
const LabelText = ({ variant = 'default', labelText, required, helpTooltip, helpTooltipPlacement, description, }) => {
|
|
20
20
|
return (React.createElement("span", { className: tw('block mb-2') },
|
|
@@ -26,7 +26,7 @@ const LabelText = ({ variant = 'default', labelText, required, helpTooltip, help
|
|
|
26
26
|
labelText,
|
|
27
27
|
required && React.createElement("span", { className: tw('text-danger-default') }, "*"),
|
|
28
28
|
helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
|
|
29
|
-
React.createElement("span", { tabIndex: 0, className: tw('text-inactive flex items-center cursor-pointer ml-2') },
|
|
29
|
+
React.createElement("span", { tabIndex: 0, className: classNames('Aquarium-Label.Tooltip', tw('text-inactive flex items-center cursor-pointer ml-2')) },
|
|
30
30
|
React.createElement(InlineIcon, { icon: questionMark, "data-testid": "icon-info" }))))),
|
|
31
31
|
description && React.createElement("span", { className: tw('block text-muted typography-caption mt-1') }, description)));
|
|
32
32
|
};
|
|
@@ -91,4 +91,4 @@ export const getLabelControlProps = (_a) => {
|
|
|
91
91
|
'data-testid': dataTestId,
|
|
92
92
|
});
|
|
93
93
|
};
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUE4RGxELE1BQU0sU0FBUyxHQUF5QixDQUFDLEVBQ3ZDLE9BQU8sR0FBRyxTQUFTLEVBQ25CLFNBQVMsRUFDVCxRQUFRLEVBQ1IsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixXQUFXLEdBQ1osRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO1FBQy9CLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQUMsa0RBQWtELEVBQUU7Z0JBQ2hFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztnQkFDckMscUJBQXFCLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQzFDLGVBQWUsRUFBRSxPQUFPLEtBQUssVUFBVTthQUN4QyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFCQUFxQixDQUFDLFFBQVU7WUFDaEUsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFv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
|
package/dist/styles.css
CHANGED
|
@@ -3709,7 +3709,7 @@ input[type='number'].no-arrows {
|
|
|
3709
3709
|
}
|
|
3710
3710
|
.aquarium-theme-dark .Aquarium-Button\.Secondary {
|
|
3711
3711
|
--tw-ring-color: var(--aquarium-text-color-primary-intense);
|
|
3712
|
-
|
|
3712
|
+
}
|
|
3713
3713
|
.aquarium-theme-dark .Aquarium-Button\.Secondary:active,.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
|
|
3714
3714
|
background-color: transparent;
|
|
3715
3715
|
color: rgba(34,47,149,1);
|
|
@@ -3744,19 +3744,47 @@ input[type='number'].no-arrows {
|
|
|
3744
3744
|
background-color: var(--aquarium-background-color-default);
|
|
3745
3745
|
}
|
|
3746
3746
|
.aquarium-theme-dark .Aquarium-Card {
|
|
3747
|
-
|
|
3748
|
-
|
|
3747
|
+
--aquarium-background-color-primary-hover: color-mix(in srgb, var(--aquarium-colors-primary-100) 70%, transparent);
|
|
3748
|
+
}
|
|
3749
3749
|
.aquarium-theme-dark .Aquarium-Tooltip {
|
|
3750
|
-
|
|
3751
|
-
|
|
3750
|
+
--aquarium-background-color-body-intense: var(--aquarium-background-color-intense);
|
|
3751
|
+
}
|
|
3752
|
+
.aquarium-theme-dark .Aquarium-Label\.Tooltip {
|
|
3753
|
+
color: rgba(120,120,133,1);
|
|
3754
|
+
color: var(--aquarium-text-color-muted);
|
|
3755
|
+
}
|
|
3752
3756
|
.aquarium-theme-dark .Aquarium-Stepper-Indicator {
|
|
3753
|
-
|
|
3754
|
-
|
|
3755
|
-
|
|
3757
|
+
--aquarium-background-color-intense: var(--aquarium-text-color-inactive);
|
|
3758
|
+
--aquarium-background-color-body-intense: var(--aquarium-text-color-intense);
|
|
3759
|
+
}
|
|
3760
|
+
.aquarium-theme-dark .Aquarium-StatusChip {
|
|
3761
|
+
--aquarium-text-color-info-intense: var(--aquarium-text-color-info-default);
|
|
3762
|
+
}
|
|
3763
|
+
.aquarium-theme-dark .Aquarium-Navigation li[role="presentation"] a[role="menuitem"] {
|
|
3764
|
+
--aquarium-text-color-primary-intense: var(--aquarium-text-color-primary-default);
|
|
3765
|
+
}
|
|
3756
3766
|
/* In dark mode, both these popover related components(bg-popover-content) and banner background(bg-muted) colors are set to grey-90. To avoid them blending together, we need to use a different color. */
|
|
3757
3767
|
.aquarium-theme-dark .Aquarium-Modal .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Dialog .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Drawer .Aquarium-Banner,.aquarium-theme-dark .Aquarium-Popover .Aquarium-Banner {
|
|
3758
|
-
|
|
3759
|
-
|
|
3768
|
+
--aquarium-background-color-muted: var(--aquarium-background-color-default);
|
|
3769
|
+
}
|
|
3770
|
+
.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 {
|
|
3771
|
+
--aquarium-background-color-muted: var(--aquarium-background-color-default);
|
|
3772
|
+
}
|
|
3773
|
+
.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role="button"]:hover,.aquarium-theme-dark .Aquarium-Modal .Aquarium-InputChip [role="button"]:focus,.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role="button"]:hover,.aquarium-theme-dark .Aquarium-Dialog .Aquarium-InputChip [role="button"]:focus,.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role="button"]:hover,.aquarium-theme-dark .Aquarium-Drawer .Aquarium-InputChip [role="button"]:focus,.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role="button"]:hover,.aquarium-theme-dark .Aquarium-Popover .Aquarium-InputChip [role="button"]:focus {
|
|
3774
|
+
--aquarium-background-color-intense: var(--aquarium-background-color-inactive);
|
|
3775
|
+
}
|
|
3776
|
+
.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 {
|
|
3777
|
+
/* To make all cell background color to be the same as popover background color */
|
|
3778
|
+
--aquarium-background-color-body: var(--aquarium-background-color-popover-content);
|
|
3779
|
+
}
|
|
3780
|
+
.aquarium-theme-dark .Aquarium-Table div[role="columnheader"],.aquarium-theme-dark .Aquarium-Table thead th.border-intense,.aquarium-theme-dark .Aquarium-DataList div[role="columnheader"],.aquarium-theme-dark .Aquarium-DataList thead th.border-intense,.aquarium-theme-dark .Aquarium-DataTable div[role="columnheader"],.aquarium-theme-dark .Aquarium-DataTable thead th.border-intense,.aquarium-theme-dark .Aquarium-ItemList div[role="columnheader"],.aquarium-theme-dark .Aquarium-ItemList thead th.border-intense {
|
|
3781
|
+
border-color: rgba(210,210,214,1);
|
|
3782
|
+
border-color: var(--aquarium-border-color-default);
|
|
3783
|
+
}
|
|
3784
|
+
.aquarium-theme-dark .Aquarium-Table div[role="cell"],.aquarium-theme-dark .Aquarium-Table tbody td,.aquarium-theme-dark .Aquarium-DataList div[role="cell"],.aquarium-theme-dark .Aquarium-DataList tbody td,.aquarium-theme-dark .Aquarium-DataTable div[role="cell"],.aquarium-theme-dark .Aquarium-DataTable tbody td,.aquarium-theme-dark .Aquarium-ItemList div[role="cell"],.aquarium-theme-dark .Aquarium-ItemList tbody td {
|
|
3785
|
+
border-color: rgba(237,237,240,1);
|
|
3786
|
+
border-color: var(--aquarium-border-color-muted);
|
|
3787
|
+
}
|
|
3760
3788
|
.file\:typography-small-strong::file-selector-button{
|
|
3761
3789
|
font: normal 500 14px/1.42 Inter;
|
|
3762
3790
|
}
|
|
@@ -4575,4 +4603,4 @@ input[type='number'].no-arrows {
|
|
|
4575
4603
|
[data-placement]>.\[\[data-placement\]\>\&\]\:py-6{
|
|
4576
4604
|
padding-top: 24px;
|
|
4577
4605
|
padding-bottom: 24px;
|
|
4578
|
-
}
|
|
4606
|
+
}
|
package/dist/system.cjs
CHANGED
|
@@ -8835,7 +8835,7 @@ var StatusChip = import_react36.default.forwardRef(
|
|
|
8835
8835
|
"aria-label": text ? text.toString() : void 0,
|
|
8836
8836
|
dense
|
|
8837
8837
|
}, rest), {
|
|
8838
|
-
className: getStatusClassNames(status)
|
|
8838
|
+
className: (0, import_classnames6.default)("Aquarium-StatusChip", getStatusClassNames(status))
|
|
8839
8839
|
}),
|
|
8840
8840
|
badge === true && /* @__PURE__ */ import_react36.default.createElement(Badge.Dot, { dense }),
|
|
8841
8841
|
icon && /* @__PURE__ */ import_react36.default.createElement(InlineIcon, { icon }),
|
|
@@ -9826,7 +9826,17 @@ var LabelText = ({
|
|
|
9826
9826
|
},
|
|
9827
9827
|
labelText,
|
|
9828
9828
|
required && /* @__PURE__ */ import_react55.default.createElement("span", { className: tw("text-danger-default") }, "*"),
|
|
9829
|
-
helpTooltip && /* @__PURE__ */ import_react55.default.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement }, /* @__PURE__ */ import_react55.default.createElement(
|
|
9829
|
+
helpTooltip && /* @__PURE__ */ import_react55.default.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement }, /* @__PURE__ */ import_react55.default.createElement(
|
|
9830
|
+
"span",
|
|
9831
|
+
{
|
|
9832
|
+
tabIndex: 0,
|
|
9833
|
+
className: classNames(
|
|
9834
|
+
"Aquarium-Label.Tooltip",
|
|
9835
|
+
tw("text-inactive flex items-center cursor-pointer ml-2")
|
|
9836
|
+
)
|
|
9837
|
+
},
|
|
9838
|
+
/* @__PURE__ */ import_react55.default.createElement(InlineIcon, { icon: import_questionMark2.default, "data-testid": "icon-info" })
|
|
9839
|
+
))
|
|
9830
9840
|
), description && /* @__PURE__ */ import_react55.default.createElement("span", { className: tw("block text-muted typography-caption mt-1") }, description));
|
|
9831
9841
|
};
|
|
9832
9842
|
var Label2 = (props) => {
|
|
@@ -14419,11 +14429,15 @@ var InputChip = import_react112.default.forwardRef(
|
|
|
14419
14429
|
return /* @__PURE__ */ import_react112.default.createElement(
|
|
14420
14430
|
"div",
|
|
14421
14431
|
{
|
|
14422
|
-
className: classNames(
|
|
14423
|
-
|
|
14424
|
-
"
|
|
14425
|
-
|
|
14426
|
-
|
|
14432
|
+
className: classNames(
|
|
14433
|
+
className,
|
|
14434
|
+
"Aquarium-InputChip inline-flex align-middle mx-1 items-stretch rounded-sm break-all",
|
|
14435
|
+
{
|
|
14436
|
+
"bg-status-danger ": invalid,
|
|
14437
|
+
"bg-muted ": !invalid && !disabled,
|
|
14438
|
+
"bg-default": disabled
|
|
14439
|
+
}
|
|
14440
|
+
)
|
|
14427
14441
|
},
|
|
14428
14442
|
/* @__PURE__ */ import_react112.default.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ import_react112.default.createElement(Typography2, { variant: "small", color: invalid ? "danger-default" : disabled ? "inactive" : "default" }, children)),
|
|
14429
14443
|
!readOnly && /* @__PURE__ */ import_react112.default.createElement(
|
package/dist/system.mjs
CHANGED
|
@@ -8672,7 +8672,7 @@ var StatusChip = React30.forwardRef(
|
|
|
8672
8672
|
"aria-label": text ? text.toString() : void 0,
|
|
8673
8673
|
dense
|
|
8674
8674
|
}, rest), {
|
|
8675
|
-
className: getStatusClassNames(status)
|
|
8675
|
+
className: classNames6("Aquarium-StatusChip", getStatusClassNames(status))
|
|
8676
8676
|
}),
|
|
8677
8677
|
badge === true && /* @__PURE__ */ React30.createElement(Badge.Dot, { dense }),
|
|
8678
8678
|
icon && /* @__PURE__ */ React30.createElement(InlineIcon, { icon }),
|
|
@@ -9663,7 +9663,17 @@ var LabelText = ({
|
|
|
9663
9663
|
},
|
|
9664
9664
|
labelText,
|
|
9665
9665
|
required && /* @__PURE__ */ React49.createElement("span", { className: tw("text-danger-default") }, "*"),
|
|
9666
|
-
helpTooltip && /* @__PURE__ */ React49.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement }, /* @__PURE__ */ React49.createElement(
|
|
9666
|
+
helpTooltip && /* @__PURE__ */ React49.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement }, /* @__PURE__ */ React49.createElement(
|
|
9667
|
+
"span",
|
|
9668
|
+
{
|
|
9669
|
+
tabIndex: 0,
|
|
9670
|
+
className: classNames(
|
|
9671
|
+
"Aquarium-Label.Tooltip",
|
|
9672
|
+
tw("text-inactive flex items-center cursor-pointer ml-2")
|
|
9673
|
+
)
|
|
9674
|
+
},
|
|
9675
|
+
/* @__PURE__ */ React49.createElement(InlineIcon, { icon: import_questionMark2.default, "data-testid": "icon-info" })
|
|
9676
|
+
))
|
|
9667
9677
|
), description && /* @__PURE__ */ React49.createElement("span", { className: tw("block text-muted typography-caption mt-1") }, description));
|
|
9668
9678
|
};
|
|
9669
9679
|
var Label2 = (props) => {
|
|
@@ -14284,11 +14294,15 @@ var InputChip = React103.forwardRef(
|
|
|
14284
14294
|
return /* @__PURE__ */ React103.createElement(
|
|
14285
14295
|
"div",
|
|
14286
14296
|
{
|
|
14287
|
-
className: classNames(
|
|
14288
|
-
|
|
14289
|
-
"
|
|
14290
|
-
|
|
14291
|
-
|
|
14297
|
+
className: classNames(
|
|
14298
|
+
className,
|
|
14299
|
+
"Aquarium-InputChip inline-flex align-middle mx-1 items-stretch rounded-sm break-all",
|
|
14300
|
+
{
|
|
14301
|
+
"bg-status-danger ": invalid,
|
|
14302
|
+
"bg-muted ": !invalid && !disabled,
|
|
14303
|
+
"bg-default": disabled
|
|
14304
|
+
}
|
|
14305
|
+
)
|
|
14292
14306
|
},
|
|
14293
14307
|
/* @__PURE__ */ React103.createElement("div", { className: tw("px-2 py-1") }, /* @__PURE__ */ React103.createElement(Typography2, { variant: "small", color: invalid ? "danger-default" : disabled ? "inactive" : "default" }, children)),
|
|
14294
14308
|
!readOnly && /* @__PURE__ */ React103.createElement(
|