@aivenio/aquarium 1.59.0 → 1.60.1
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 +5 -3
- package/dist/atoms.cjs +14 -12
- package/dist/atoms.mjs +13 -12
- package/dist/charts.cjs +3 -3
- package/dist/charts.mjs +3 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/atoms/Navigation/Navigation.js +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
- package/dist/src/atoms/Select/Select.js +5 -5
- package/dist/src/atoms/Table/Table.js +3 -3
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/charts/Container/Container.js +4 -4
- package/dist/src/molecules/Button/Button.js +2 -2
- package/dist/src/molecules/Chip/Chip.js +4 -4
- package/dist/src/molecules/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
- package/dist/src/molecules/MultiInput/InputChip.js +1 -1
- package/dist/src/molecules/NativeSelect/NativeSelect.d.ts +1 -0
- package/dist/src/molecules/NativeSelect/NativeSelect.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.js +4 -4
- package/dist/styles.css +40 -18
- package/dist/system.cjs +29 -29
- package/dist/system.mjs +29 -29
- package/dist/tailwind.config.js +16 -8
- package/dist/tailwind.theme.json +2 -2
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +3 -3
@@ -32,14 +32,14 @@ const getStatusClassNames = (status = 'neutral') => {
|
|
32
32
|
return tw('text-success-100 bg-success-5');
|
33
33
|
case 'neutral':
|
34
34
|
default:
|
35
|
-
return tw('text-
|
35
|
+
return tw('text-default bg-grey-5');
|
36
36
|
}
|
37
37
|
};
|
38
38
|
export const Chip = (_a) => {
|
39
39
|
var { icon, text, dense = false, locked = false, badge, onClose } = _a, rest = __rest(_a, ["icon", "text", "dense", "locked", "badge", "onClose"]);
|
40
40
|
return (React.createElement(BaseChip.Container, Object.assign({ dense: dense, className: classNames('Aquarium-Chip', tw({
|
41
|
-
'bg-grey-0 text-
|
42
|
-
'bg-grey-5 text-
|
41
|
+
'bg-grey-0 text-default': !locked,
|
42
|
+
'bg-grey-5 text-muted': locked,
|
43
43
|
})) }, rest),
|
44
44
|
icon && React.createElement(InlineIcon, { icon: icon }),
|
45
45
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXZELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sU0FBUyxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sUUFBUSxNQUFNLGdCQUFnQixDQUFDO0FBdUN0QyxNQUFNLG1CQUFtQixHQUFHLENBQUMsU0FBcUIsU0FBUyxFQUFVLEVBQUU7SUFDckUsUUFBUSxNQUFNLEVBQUU7UUFDZCxLQUFLLE1BQU07WUFDVCxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBRXZDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7UUFFaEQsS0FBSyxRQUFRO1lBQ1gsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUV6QyxLQUFLLFNBQVM7WUFDWixPQUFPLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBRTdDLEtBQUssU0FBUyxDQUFDO1FBQ2Y7WUFDRSxPQUFPLEVBQUUsQ0FBQyx3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
|
@@ -14,7 +14,7 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
14
14
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
export const ControlLabel = (_a) => {
|
16
16
|
var { label, labelPlacement = 'right', caption, disabled = false, readOnly = false, children, style, className } = _a, rest = __rest(_a, ["label", "labelPlacement", "caption", "disabled", "readOnly", "children", "style", "className"]);
|
17
|
-
const textClass = disabled ? 'text-
|
17
|
+
const textClass = disabled ? 'text-muted' : 'text-default';
|
18
18
|
const rtl = labelPlacement === 'left';
|
19
19
|
const labelEl = label && React.createElement("span", { className: tw('typography-small self-center', { 'text-right': rtl }) }, label);
|
20
20
|
return (React.createElement("label", Object.assign({ className: classNames(className, tw('inline-grid', {
|
@@ -27,4 +27,4 @@ export const ControlLabel = (_a) => {
|
|
27
27
|
rtl ? children : labelEl,
|
28
28
|
caption && (React.createElement(Typography, { className: tw({ 'col-start-2': !rtl }), variant: "caption", color: disabled ? 'grey-40' : 'grey-50' }, caption))));
|
29
29
|
};
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJvbExhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db250cm9sTGFiZWwvQ29udHJvbExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFHakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVlwRCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFVekQsRUFBRSxFQUFFO1FBVnFELEVBQ3hELEtBQUssRUFDTCxjQUFjLEdBQUcsT0FBTyxFQUN4QixPQUFPLEVBQ1AsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLEtBQUssRUFDTCxTQUFTLE9BRVYsRUFESSxJQUFJLGNBVGlELGdHQVV6RCxDQURRO0lBRVAsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQztJQUMzRCxNQUFNLEdBQUcsR0FBRyxjQUFjLEtBQUssTUFBTSxDQUFDO0lBRXRDLE1BQU0sT0FBTyxHQUFHLEtBQUssSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUcsS0FBSyxDQUFRLENBQUM7SUFFcEgsT0FBTyxDQUNMLDZDQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLFNBQVMsRUFDVCxFQUFFLENBQ0EsYUFBYSxFQUNiO1lBQ0Usc0JBQXNCLEVBQUUsQ0FBQyxHQUFHO1lBQzVCLHNCQUFzQixFQUFFLEdBQUc7WUFDM0IsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRO1lBQ3hDLG9CQUFvQixFQUFFLFFBQVE7U0FDL0IsRUFDRCxTQUFTLENBQ1YsQ0FDRixFQUNELEtBQUssb0JBQU8sS0FBSyxLQUNiLElBQUk7UUFFUCxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUN4QixHQUFHLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN4QixPQUFPLElBQUksQ0FDVixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxFQUFFLGFBQWEsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFDLFNBQVMsRUFBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDMUcsT0FBTyxDQUNHLENBQ2QsQ0FDSyxDQUNULENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -77,12 +77,12 @@ const DropdownItem = (_a) => {
|
|
77
77
|
};
|
78
78
|
const itemContent = React.createElement("div", { className: tw('py-3 px-4') }, children);
|
79
79
|
return (React.createElement("li", Object.assign({ role: "menuitem", tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: tw('typography-small flex items-center focus:ring-0', {
|
80
|
-
'text-
|
81
|
-
'text-
|
80
|
+
'text-default cursor-pointer hover:bg-grey-0': !disabled,
|
81
|
+
'text-muted cursor-not-allowed': disabled,
|
82
82
|
'text-primary-70 hover:text-primary-80': color === 'danger' && !disabled,
|
83
83
|
}) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false },
|
84
84
|
React.createElement("div", { tabIndex: 0, className: tw('grow') }, itemContent))) : (itemContent)));
|
85
85
|
};
|
86
86
|
Dropdown.Menu = DropdownMenu;
|
87
87
|
Dropdown.Item = DropdownItem;
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duL0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUF5QixNQUFNLCtCQUErQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxPQUFPLEVBQXFCLE1BQU0sK0JBQStCLENBQUM7QUFFM0UsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUJ4Qzs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FHakIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsU0FBUyxHQUFHLGFBQWEsRUFBRSxFQUFFLEVBQUU7SUFDdkQsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLFNBQVMsRUFBRSxTQUFTO1FBQ3ZDLG9CQUFDLE9BQU8sQ0FBQyxPQUFPLFFBQUUsUUFBUSxDQUFtQjtRQUM3QyxvQkFBQyxPQUFPLENBQUMsS0FBSyxJQUFDLFNBQVMsRUFBQyxtQkFBbUIsSUFBRSxPQUFPLENBQWlCLENBQzlELENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sWUFBWSxHQUFnQyxDQUFDLEVBQ2pELEtBQUssRUFDTCxRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsRUFDVCxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsU0FBUyxHQUMzQixFQUFFLEVBQUU7SUFDSCxNQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFtQixJQUFJLENBQUMsQ0FBQztJQUNyRCxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNuQixNQUFNLEVBQUUsR0FBRyxVQUFVLENB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
|
@@ -35,7 +35,7 @@ export const InputChip = React.forwardRef((_a, ref) => {
|
|
35
35
|
}), role: "button", "aria-label": `Remove ${String(children)}` }),
|
36
36
|
React.createElement(Icon, { icon: smallCross, className: tw({
|
37
37
|
'text-error-70': invalid,
|
38
|
-
'text-
|
38
|
+
'text-default': !invalid,
|
39
39
|
}) })))));
|
40
40
|
});
|
41
41
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRDaGlwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9NdWx0aUlucHV0L0lucHV0Q2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQTBCLE1BQU0sT0FBTyxDQUFDO0FBRS9DLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFVBQVUsTUFBTSxzQkFBc0IsQ0FBQztBQVE5QyxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF5RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWxHLEVBQUUsT0FBTyxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBdkYsdUVBQXlGLENBQUY7SUFDdEYsTUFBTSxPQUFPLEdBQUcsQ0FBQyxDQUE2QixFQUFFLEVBQUU7UUFDaEQsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMxQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsQ0FBQyxDQUFDLENBQUM7U0FDZjtJQUNILENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxrRUFBa0UsRUFBRTtZQUNuRyxhQUFhLEVBQUUsT0FBTztZQUN0QixZQUFZLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRO1lBQ25DLFdBQVcsRUFBRSxRQUFRO1NBQ3RCLENBQUM7UUFFRiw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQztZQUM3QixvQkFBQyxVQUFVLElBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3ZGLFFBQVEsQ0FDRSxDQUNUO1FBQ0wsQ0FBQyxRQUFRLElBQUksQ0FDWiwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxJQUNKLEtBQUssSUFDVCxPQUFPLEVBQUUsT0FBTyxFQUNoQixTQUFTLEVBQUUsRUFBRSxDQUFDLHVCQUF1QixFQUFFO2dCQUNyQyxxQkFBcUIsRUFBRSxDQUFDLENBQUMsUUFBUTtnQkFDakMscUNBQXFDLEVBQUUsT0FBTztnQkFDOUMsbUNBQW1DLEVBQUUsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRO2FBQzNELENBQUMsRUFDRixJQUFJLEVBQUMsUUFBUSxnQkFDRCxVQUFVLE1BQU0sQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUV4QyxvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLFVBQVUsRUFDaEIsU0FBUyxFQUFFLEVBQUUsQ0FBQztvQkFDWixlQUFlLEVBQUUsT0FBTztvQkFDeEIsY0FBYyxFQUFFLENBQUMsT0FBTztpQkFDekIsQ0FBQyxHQUNGLENBQ0UsQ0FDUCxDQUNHLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FDRixDQUFDIn0=
|
@@ -3,6 +3,7 @@ import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
|
3
3
|
export declare type NativeSelectBaseProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
4
4
|
valid?: boolean;
|
5
5
|
readOnly?: boolean;
|
6
|
+
placeholder?: string;
|
6
7
|
};
|
7
8
|
declare type NativeSelectBaseComponent = React.ForwardRefExoticComponent<NativeSelectBaseProps & React.RefAttributes<HTMLSelectElement>> & {
|
8
9
|
Skeleton: React.FC;
|
@@ -39,7 +39,7 @@ export const NativeSelectBase = React.forwardRef((_a, ref) => {
|
|
39
39
|
}
|
40
40
|
};
|
41
41
|
return (React.createElement("span", { className: classNames('Aquarium-NativeSelectBase', tw('relative block')) },
|
42
|
-
!readOnly && (React.createElement("span", { className: tw('absolute right-0 inset-y-0 mr-4 text-
|
42
|
+
!readOnly && (React.createElement("span", { className: tw('absolute right-0 inset-y-0 mr-4 text-muted flex ml-3 pointer-events-none typography-default-strong mt-4') },
|
43
43
|
React.createElement(Icon, { icon: caretDown, "data-testid": "icon-dropdown" }))),
|
44
44
|
React.createElement("select", Object.assign({ ref: ref, disabled: disabled || readOnly, required: required }, props, { defaultValue: defaultValue,
|
45
45
|
/*
|
@@ -47,8 +47,8 @@ export const NativeSelectBase = React.forwardRef((_a, ref) => {
|
|
47
47
|
* the placeholder value as an option onBlur
|
48
48
|
* {...(props.placeholder && { onBlur: handleBlur })}
|
49
49
|
*/
|
50
|
-
onBlur: handleBlur, className: classNames(tw('block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-
|
51
|
-
'px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-
|
50
|
+
onBlur: handleBlur, className: classNames(tw('block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-muted focus:outline-none', {
|
51
|
+
'px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-muted': !readOnly,
|
52
52
|
'px-0 py-3 border-none': readOnly,
|
53
53
|
'border border-error-50': !valid && !readOnly,
|
54
54
|
'border border-grey-20 hover:border-grey-50 focus:border-info-70': valid && !readOnly,
|
@@ -81,4 +81,4 @@ const NativeSelectSkeleton = () => (React.createElement(LabelControl.Skeleton, n
|
|
81
81
|
React.createElement("div", { style: { height: '1px' } })));
|
82
82
|
NativeSelect.Skeleton = NativeSelectSkeleton;
|
83
83
|
NativeSelect.Skeleton.displayName = 'NativeSelect.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF0aXZlU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9OYXRpdmVTZWxlY3QvTmF0aXZlU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQWM1QyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBOEIsS0FBSyxDQUFDLFVBQVUsQ0FDekUsQ0FBQyxFQUEwRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQW5HLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxLQUFLLEdBQUcsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXhGLHlEQUEwRixDQUFGO0lBQ3ZGOzs7O09BSUc7SUFDSCxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBQ25FLGtDQUFrQztJQUNsQyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxLQUFLLENB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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { classNames, tw } from '../../src/utils/tailwind';
|
2
|
-
export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-
|
2
|
+
export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-default disabled:text-muted placeholder:text-muted focus:outline-none', {
|
3
3
|
'px-3 py-3': !readOnly,
|
4
4
|
'border-none resize-none cursor-default': readOnly,
|
5
5
|
'border border-error-50': !valid && !readOnly,
|
@@ -7,4 +7,4 @@ export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full ro
|
|
7
7
|
});
|
8
8
|
export const ghostButtonStyle = tw('text-primary-80 active:text-primary-90 focus-visible:text-primary-90 hover:text-primary-90 disabled:text-primary-40');
|
9
9
|
export const linkStyle = classNames(ghostButtonStyle, tw('visited:text-primary-80 no-underline hover:underline focusable'));
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLDRMQUE0TCxFQUM1TDtJQUNFLFdBQVcsRUFBRSxDQUFDLFFBQVE7SUFDdEIsd0NBQXdDLEVBQUUsUUFBUTtJQUNsRCx3QkFBd0IsRUFBRSxDQUFDLEtBQUssSUFBSSxDQUFDLFFBQVE7SUFDN0MsaUVBQWlFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUTtDQUN0RixDQUNGLENBQUM7QUFFSixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQ2hDLHFIQUFxSCxDQUN0SCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FDakMsZ0JBQWdCLEVBQ2hCLEVBQUUsQ0FBQyxnRUFBZ0UsQ0FBQyxDQUNyRSxDQUFDIn0=
|
@@ -6,7 +6,7 @@ import errorIcon from '../../../../src/icons/error';
|
|
6
6
|
import searchIcon from '../../../../src/icons/search';
|
7
7
|
import tickIcon from '../../../../src/icons/tick';
|
8
8
|
export const InputAdornment = ({ placement = 'right', className, dense, children, }) => {
|
9
|
-
return (React.createElement("span", { className: classNames(className, 'absolute inset-y-0 grow-0 text-
|
9
|
+
return (React.createElement("span", { className: classNames(className, 'absolute inset-y-0 grow-0 text-muted flex items-center mx-3', {
|
10
10
|
'right-0': placement === 'right',
|
11
11
|
'left-0': placement === 'left',
|
12
12
|
'typography-small': dense,
|
@@ -18,4 +18,4 @@ export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tic
|
|
18
18
|
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "error-70", "data-testid": "icon-invalid", onClick: onClick }));
|
19
19
|
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "grey-30", "data-testid": "icon-search", onClick: onClick }));
|
20
20
|
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "grey-30", "data-testid": "icon-reset", onClick: onClick }));
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFzRCxDQUFDLEVBQ2hGLFNBQVMsR0FBRyxPQUFPLEVBQ25CLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSw2REFBNkQsRUFBRTtZQUM5RixTQUFTLEVBQUUsU0FBUyxLQUFLLE9BQU87WUFDaEMsUUFBUSxFQUFFLFNBQVMsS0FBSyxNQUFNO1lBQzlCLGtCQUFrQixFQUFFLEtBQUs7WUFDekIsMkJBQTJCLEVBQUUsQ0FBQyxLQUFLO1NBQ3BDLENBQUM7UUFFRixvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxJQUFJLEVBQUMsTUFBTSxJQUN6QixRQUFRLENBQ0QsQ0FDTCxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFJRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFDLFlBQVksaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsVUFBVSxpQkFBYSxjQUFjLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN4RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzFELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxTQUFTLGlCQUFhLGFBQWEsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3ZGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekQsb0JBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxzQkFBc0IsRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxTQUFTLGlCQUFhLFlBQVksRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3RILENBQUMifQ==
|
@@ -19,14 +19,14 @@ 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') },
|
21
21
|
React.createElement("span", { className: tw('inline-flex items-center typography-small-strong', {
|
22
|
-
'text-
|
22
|
+
'text-default': variant === 'default',
|
23
23
|
'text-error-50': variant === 'error',
|
24
|
-
'text-
|
24
|
+
'text-muted': variant === 'disabled',
|
25
25
|
}) },
|
26
26
|
labelText,
|
27
27
|
required && React.createElement("span", { className: tw('text-error-50') }, "*"),
|
28
28
|
helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
|
29
|
-
React.createElement("span", { tabIndex: 0, className: tw('text-
|
29
|
+
React.createElement("span", { tabIndex: 0, className: tw('text-muted 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-grey-50 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQTREbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEVBQ3BCLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7UUFDL0IsOEJBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FBQyxrREFBa0QsRUFBRTtnQkFDaEUsY0FBYyxFQUFFLE9BQU8sS0FBSyxTQUFTO2dCQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87Z0JBQ3BDLFlBQVksRUFBRSxPQUFPLEtBQUssVUFBVTthQUNyQyxDQUFDO1lBRUQsU0FBUztZQUNULFFBQVEsSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxRQUFVO1lBQzFELFdBQVcsSUFBSSxDQUNkLG9CQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxvQkFBb0I7Z0JBQzVELDhCQUFN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
|
package/dist/styles.css
CHANGED
@@ -457,9 +457,9 @@ img,video {
|
|
457
457
|
--aquarium-colors-primary-5: #f3f6ff;
|
458
458
|
--aquarium-colors-primary-0: #ffffff;
|
459
459
|
--aquarium-colors-transparent: transparent;
|
460
|
+
--aquarium-colors-current: currentColor;
|
460
461
|
--aquarium-colors-white: white;
|
461
462
|
--aquarium-colors-black: black;
|
462
|
-
--aquarium-colors-current: currentColor;
|
463
463
|
--aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
|
464
464
|
--aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
|
465
465
|
--aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
|
@@ -533,6 +533,8 @@ img,video {
|
|
533
533
|
--aquarium-spacing-l5: 64px;
|
534
534
|
--aquarium-spacing-l6: 96px;
|
535
535
|
--aquarium-spacing-l7: 160px;
|
536
|
+
--aquarium-text-color-muted: var(--aquarium-colors-grey-40);
|
537
|
+
--aquarium-text-color-default: var(--aquarium-colors-grey-70);
|
536
538
|
}
|
537
539
|
input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
|
538
540
|
-webkit-appearance: none;
|
@@ -1054,12 +1056,12 @@ input[type='number'].no-arrows {
|
|
1054
1056
|
.z-20{
|
1055
1057
|
z-index: 20;
|
1056
1058
|
}
|
1057
|
-
.z-0{
|
1058
|
-
z-index: 0;
|
1059
|
-
}
|
1060
1059
|
.z-40{
|
1061
1060
|
z-index: 40;
|
1062
1061
|
}
|
1062
|
+
.z-0{
|
1063
|
+
z-index: 0;
|
1064
|
+
}
|
1063
1065
|
.col-span-full{
|
1064
1066
|
grid-column: 1 / -1;
|
1065
1067
|
}
|
@@ -2431,10 +2433,18 @@ input[type='number'].no-arrows {
|
|
2431
2433
|
color: #ffffff;
|
2432
2434
|
color: var(--aquarium-colors-primary-0, #ffffff);
|
2433
2435
|
}
|
2436
|
+
.text-default{
|
2437
|
+
color: #4a4b57;
|
2438
|
+
color: var(--aquarium-text-color-default);
|
2439
|
+
}
|
2434
2440
|
.text-transparent{
|
2435
2441
|
color: transparent;
|
2436
2442
|
color: var(--aquarium-colors-transparent, transparent);
|
2437
2443
|
}
|
2444
|
+
.text-muted{
|
2445
|
+
color: #9696a0;
|
2446
|
+
color: var(--aquarium-text-color-muted);
|
2447
|
+
}
|
2438
2448
|
.text-white{
|
2439
2449
|
color: white;
|
2440
2450
|
color: var(--aquarium-colors-white, white);
|
@@ -2507,7 +2517,7 @@ input[type='number'].no-arrows {
|
|
2507
2517
|
}
|
2508
2518
|
.ring{
|
2509
2519
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
2510
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(
|
2520
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
2511
2521
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
2512
2522
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
2513
2523
|
}
|
@@ -2616,13 +2626,29 @@ input[type='number'].no-arrows {
|
|
2616
2626
|
.scrollbar-hide::-webkit-scrollbar{
|
2617
2627
|
display: none;
|
2618
2628
|
}
|
2619
|
-
.
|
2629
|
+
.aquarium-theme-dark {
|
2630
|
+
--aquarium-text-color-faint: var(--aquarium-colors-grey-60);
|
2631
|
+
--aquarium-text-color-muted: var(--aquarium-colors-grey-50);
|
2632
|
+
--aquarium-text-color-lighter: var(--aquarium-colors-grey-40);
|
2633
|
+
--aquarium-text-color-default: var(--aquarium-colors-grey-20);
|
2634
|
+
--aquarium-text-color-accent: var(--aquarium-colors-grey-0);
|
2635
|
+
|
2636
|
+
--aquarium-border-color-muted: var(--aquarium-colors-grey-80);
|
2637
|
+
--aquarium-border-color-default: var(--aquarium-colors-grey-80);
|
2638
|
+
--aquarium-border-color-accent: var(--aquarium-colors-grey-40);
|
2639
|
+
|
2640
|
+
--aquarium-background-color-muted: var(--aquarium-colors-grey-80);
|
2641
|
+
--aquarium-background-color-default: var(--aquarium-colors-grey-40);
|
2642
|
+
--aquarium-background-color-accent: var(--aquarium-colors-grey-70);
|
2643
|
+
--aquarium-background-color-contrast: var(--aquarium-colors-grey-20);
|
2644
|
+
}
|
2645
|
+
.placeholder\:text-muted::-moz-placeholder{
|
2620
2646
|
color: #9696a0;
|
2621
|
-
color: var(--aquarium-
|
2647
|
+
color: var(--aquarium-text-color-muted);
|
2622
2648
|
}
|
2623
|
-
.placeholder\:text-
|
2649
|
+
.placeholder\:text-muted::placeholder{
|
2624
2650
|
color: #9696a0;
|
2625
|
-
color: var(--aquarium-
|
2651
|
+
color: var(--aquarium-text-color-muted);
|
2626
2652
|
}
|
2627
2653
|
.before\:content-\[\'_\'\]::before{
|
2628
2654
|
--tw-content: ' ';
|
@@ -2915,9 +2941,9 @@ input[type='number'].no-arrows {
|
|
2915
2941
|
color: #787885;
|
2916
2942
|
color: var(--aquarium-colors-grey-50, #787885);
|
2917
2943
|
}
|
2918
|
-
.active\:text-
|
2944
|
+
.active\:text-default:active{
|
2919
2945
|
color: #4a4b57;
|
2920
|
-
color: var(--aquarium-
|
2946
|
+
color: var(--aquarium-text-color-default);
|
2921
2947
|
}
|
2922
2948
|
.active\:ring-0:active{
|
2923
2949
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
@@ -2951,9 +2977,9 @@ input[type='number'].no-arrows {
|
|
2951
2977
|
background-color: transparent;
|
2952
2978
|
background-color: var(--aquarium-colors-transparent, transparent);
|
2953
2979
|
}
|
2954
|
-
.disabled\:text-
|
2980
|
+
.disabled\:text-muted:disabled{
|
2955
2981
|
color: #9696a0;
|
2956
|
-
color: var(--aquarium-
|
2982
|
+
color: var(--aquarium-text-color-muted);
|
2957
2983
|
}
|
2958
2984
|
.disabled\:text-primary-40:disabled{
|
2959
2985
|
color: #b9c5ef;
|
@@ -2963,10 +2989,6 @@ input[type='number'].no-arrows {
|
|
2963
2989
|
color: #b4b4bb;
|
2964
2990
|
color: var(--aquarium-colors-grey-30, #b4b4bb);
|
2965
2991
|
}
|
2966
|
-
.disabled\:text-grey-20:disabled{
|
2967
|
-
color: #d2d2d6;
|
2968
|
-
color: var(--aquarium-colors-grey-20, #d2d2d6);
|
2969
|
-
}
|
2970
2992
|
.disabled\:ring-primary-40:disabled{
|
2971
2993
|
--tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
|
2972
2994
|
}
|
@@ -3072,4 +3094,4 @@ input[type='number'].no-arrows {
|
|
3072
3094
|
.\[\&\>div\:first-child\]\:px-3>div:first-child{
|
3073
3095
|
padding-left: 8px;
|
3074
3096
|
padding-right: 8px;
|
3075
|
-
}
|
3097
|
+
}
|
package/dist/system.cjs
CHANGED
@@ -5040,9 +5040,9 @@ var Input = import_react3.default.forwardRef((_a, ref) => {
|
|
5040
5040
|
type: "text",
|
5041
5041
|
className: classNames(
|
5042
5042
|
className,
|
5043
|
-
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-
|
5043
|
+
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted",
|
5044
5044
|
{
|
5045
|
-
"text-
|
5045
|
+
"text-default": !props.disabled,
|
5046
5046
|
"text-grey-30": props.disabled,
|
5047
5047
|
"cursor-default": props.readOnly
|
5048
5048
|
}
|
@@ -5065,7 +5065,7 @@ var NoResults = import_react3.default.forwardRef(
|
|
5065
5065
|
return /* @__PURE__ */ import_react3.default.createElement("li", __spreadProps(__spreadValues({
|
5066
5066
|
ref
|
5067
5067
|
}, rest), {
|
5068
|
-
className: classNames(tw("p-3 text-
|
5068
|
+
className: classNames(tw("p-3 text-muted italic typography-small"), className)
|
5069
5069
|
}), children);
|
5070
5070
|
}
|
5071
5071
|
);
|
@@ -5085,7 +5085,7 @@ var Group = import_react3.default.forwardRef((_a, ref) => {
|
|
5085
5085
|
ref,
|
5086
5086
|
className: classNames(
|
5087
5087
|
className,
|
5088
|
-
"flex items-center gap-x-3 p-3 text-
|
5088
|
+
"flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0",
|
5089
5089
|
{
|
5090
5090
|
"text-grey-20": props.disabled
|
5091
5091
|
}
|
@@ -5536,9 +5536,9 @@ var tailwind_theme_default = {
|
|
5536
5536
|
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
5537
5537
|
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
5538
5538
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
5539
|
+
current: "var(--aquarium-colors-current, currentColor)",
|
5539
5540
|
white: "var(--aquarium-colors-white, white)",
|
5540
|
-
black: "var(--aquarium-colors-black, black)"
|
5541
|
-
current: "var(--aquarium-colors-current, currentColor)"
|
5541
|
+
black: "var(--aquarium-colors-black, black)"
|
5542
5542
|
},
|
5543
5543
|
gap: {
|
5544
5544
|
"0": "0",
|
@@ -6884,7 +6884,7 @@ var Arrow = (props) => {
|
|
6884
6884
|
|
6885
6885
|
// src/utils/constants.ts
|
6886
6886
|
var getCommonInputStyles = ({ readOnly, valid }) => tw(
|
6887
|
-
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-
|
6887
|
+
"block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-default disabled:text-muted placeholder:text-muted focus:outline-none",
|
6888
6888
|
{
|
6889
6889
|
"px-3 py-3": !readOnly,
|
6890
6890
|
"border-none resize-none cursor-default": readOnly,
|
@@ -7023,7 +7023,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
7023
7023
|
tw(
|
7024
7024
|
"inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center",
|
7025
7025
|
{
|
7026
|
-
"text-
|
7026
|
+
"text-default p-2 active:text-default active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-muted disabled:bg-transparent": isIconOnlyButton,
|
7027
7027
|
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
7028
7028
|
"typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
|
7029
7029
|
"py-3 px-4": !dense && isButton,
|
@@ -7955,7 +7955,7 @@ var getStatusClassNames = (status = "neutral") => {
|
|
7955
7955
|
return tw("text-success-100 bg-success-5");
|
7956
7956
|
case "neutral":
|
7957
7957
|
default:
|
7958
|
-
return tw("text-
|
7958
|
+
return tw("text-default bg-grey-5");
|
7959
7959
|
}
|
7960
7960
|
};
|
7961
7961
|
var Chip2 = (_a) => {
|
@@ -7979,8 +7979,8 @@ var Chip2 = (_a) => {
|
|
7979
7979
|
className: (0, import_classnames5.default)(
|
7980
7980
|
"Aquarium-Chip",
|
7981
7981
|
tw({
|
7982
|
-
"bg-grey-0 text-
|
7983
|
-
"bg-grey-5 text-
|
7982
|
+
"bg-grey-0 text-default": !locked,
|
7983
|
+
"bg-grey-5 text-muted": locked
|
7984
7984
|
})
|
7985
7985
|
)
|
7986
7986
|
}, rest), icon && /* @__PURE__ */ import_react32.default.createElement(InlineIcon, {
|
@@ -8792,7 +8792,7 @@ var ControlLabel = (_a) => {
|
|
8792
8792
|
"style",
|
8793
8793
|
"className"
|
8794
8794
|
]);
|
8795
|
-
const textClass = disabled ? "text-
|
8795
|
+
const textClass = disabled ? "text-muted" : "text-default";
|
8796
8796
|
const rtl = labelPlacement === "left";
|
8797
8797
|
const labelEl = label && /* @__PURE__ */ import_react44.default.createElement("span", {
|
8798
8798
|
className: tw("typography-small self-center", { "text-right": rtl })
|
@@ -9114,9 +9114,9 @@ var LabelText = ({
|
|
9114
9114
|
className: tw("block mb-2")
|
9115
9115
|
}, /* @__PURE__ */ import_react51.default.createElement("span", {
|
9116
9116
|
className: tw("inline-flex items-center typography-small-strong", {
|
9117
|
-
"text-
|
9117
|
+
"text-default": variant === "default",
|
9118
9118
|
"text-error-50": variant === "error",
|
9119
|
-
"text-
|
9119
|
+
"text-muted": variant === "disabled"
|
9120
9120
|
})
|
9121
9121
|
}, labelText, required && /* @__PURE__ */ import_react51.default.createElement("span", {
|
9122
9122
|
className: tw("text-error-50")
|
@@ -9125,7 +9125,7 @@ var LabelText = ({
|
|
9125
9125
|
placement: helpTooltipPlacement
|
9126
9126
|
}, /* @__PURE__ */ import_react51.default.createElement("span", {
|
9127
9127
|
tabIndex: 0,
|
9128
|
-
className: tw("text-
|
9128
|
+
className: tw("text-muted flex items-center cursor-pointer ml-2")
|
9129
9129
|
}, /* @__PURE__ */ import_react51.default.createElement(InlineIcon, {
|
9130
9130
|
icon: import_questionMark2.default,
|
9131
9131
|
"data-testid": "icon-info"
|
@@ -9869,7 +9869,7 @@ var InputAdornment = ({
|
|
9869
9869
|
children
|
9870
9870
|
}) => {
|
9871
9871
|
return /* @__PURE__ */ import_react62.default.createElement("span", {
|
9872
|
-
className: classNames(className, "absolute inset-y-0 grow-0 text-
|
9872
|
+
className: classNames(className, "absolute inset-y-0 grow-0 text-muted flex items-center mx-3", {
|
9873
9873
|
"right-0": placement === "right",
|
9874
9874
|
"left-0": placement === "left",
|
9875
9875
|
"typography-small": dense,
|
@@ -10522,7 +10522,7 @@ var TableRow = (_a) => {
|
|
10522
10522
|
}), children);
|
10523
10523
|
};
|
10524
10524
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
10525
|
-
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-
|
10525
|
+
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-3", {
|
10526
10526
|
"h-[50px]": table,
|
10527
10527
|
"min-h-[50px]": !table,
|
10528
10528
|
"sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
|
@@ -10573,7 +10573,7 @@ var TableSelectCell = (_a) => {
|
|
10573
10573
|
};
|
10574
10574
|
var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
|
10575
10575
|
var getSortCellIconClassNames = (active) => {
|
10576
|
-
return tw("text-[9px]", active ? "text-
|
10576
|
+
return tw("text-[9px]", active ? "text-default" : "text-muted");
|
10577
10577
|
};
|
10578
10578
|
var TableSortCell = (_a) => {
|
10579
10579
|
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
@@ -10844,7 +10844,7 @@ var DropdownMenu = import_react72.default.forwardRef(
|
|
10844
10844
|
return /* @__PURE__ */ import_react72.default.createElement("div", __spreadValues({
|
10845
10845
|
ref,
|
10846
10846
|
style: { minHeight, maxHeight, minWidth, maxWidth },
|
10847
|
-
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-
|
10847
|
+
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-default")
|
10848
10848
|
}, props), children);
|
10849
10849
|
}
|
10850
10850
|
);
|
@@ -10868,7 +10868,7 @@ var Group2 = import_react72.default.forwardRef(
|
|
10868
10868
|
return /* @__PURE__ */ import_react72.default.createElement("li", __spreadValues({
|
10869
10869
|
ref
|
10870
10870
|
}, props), title && /* @__PURE__ */ import_react72.default.createElement("div", __spreadValues({
|
10871
|
-
className: classNames(className, "p-3 text-
|
10871
|
+
className: classNames(className, "p-3 text-muted uppercase cursor-default typography-caption", {
|
10872
10872
|
"text-grey-20": props.disabled
|
10873
10873
|
})
|
10874
10874
|
}, titleProps), title), children);
|
@@ -12660,8 +12660,8 @@ var DropdownItem = (_a) => {
|
|
12660
12660
|
onKeyDown: handleKeyDown
|
12661
12661
|
}, props), {
|
12662
12662
|
className: tw("typography-small flex items-center focus:ring-0", {
|
12663
|
-
"text-
|
12664
|
-
"text-
|
12663
|
+
"text-default cursor-pointer hover:bg-grey-0": !disabled,
|
12664
|
+
"text-muted cursor-not-allowed": disabled,
|
12665
12665
|
"text-primary-70 hover:text-primary-80": color === "danger" && !disabled
|
12666
12666
|
})
|
12667
12667
|
}), tooltip ? /* @__PURE__ */ import_react88.default.createElement(Tooltip, {
|
@@ -13066,7 +13066,7 @@ var InputChip = import_react98.default.forwardRef(
|
|
13066
13066
|
icon: import_smallCross2.default,
|
13067
13067
|
className: tw({
|
13068
13068
|
"text-error-70": invalid,
|
13069
|
-
"text-
|
13069
|
+
"text-default": !invalid
|
13070
13070
|
})
|
13071
13071
|
})));
|
13072
13072
|
}
|
@@ -13583,7 +13583,7 @@ var NativeSelectBase = import_react101.default.forwardRef(
|
|
13583
13583
|
className: classNames("Aquarium-NativeSelectBase", tw("relative block"))
|
13584
13584
|
}, !readOnly && /* @__PURE__ */ import_react101.default.createElement("span", {
|
13585
13585
|
className: tw(
|
13586
|
-
"absolute right-0 inset-y-0 mr-4 text-
|
13586
|
+
"absolute right-0 inset-y-0 mr-4 text-muted flex ml-3 pointer-events-none typography-default-strong mt-4"
|
13587
13587
|
)
|
13588
13588
|
}, /* @__PURE__ */ import_react101.default.createElement(Icon, {
|
13589
13589
|
icon: import_caretDown2.default,
|
@@ -13597,9 +13597,9 @@ var NativeSelectBase = import_react101.default.forwardRef(
|
|
13597
13597
|
onBlur: handleBlur,
|
13598
13598
|
className: classNames(
|
13599
13599
|
tw(
|
13600
|
-
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-
|
13600
|
+
"block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-muted focus:outline-none",
|
13601
13601
|
{
|
13602
|
-
"px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-
|
13602
|
+
"px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-muted": !readOnly,
|
13603
13603
|
"px-0 py-3 border-none": readOnly,
|
13604
13604
|
"border border-error-50": !valid && !readOnly,
|
13605
13605
|
"border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
|
@@ -13694,7 +13694,7 @@ var Section2 = (_a) => {
|
|
13694
13694
|
role: "presentation",
|
13695
13695
|
className: tw("py-5")
|
13696
13696
|
}, title && /* @__PURE__ */ import_react102.default.createElement("div", {
|
13697
|
-
className: classNames(className, "py-2 px-6 text-
|
13697
|
+
className: classNames(className, "py-2 px-6 text-muted uppercase cursor-default typography-caption")
|
13698
13698
|
}, title), /* @__PURE__ */ import_react102.default.createElement("ul", __spreadProps(__spreadValues({}, rest), {
|
13699
13699
|
role: "group",
|
13700
13700
|
className: classNames(tw("flex flex-col"), className)
|
@@ -13991,9 +13991,9 @@ ProgressBar.Labels = (_a) => {
|
|
13991
13991
|
return /* @__PURE__ */ import_react108.default.createElement("div", {
|
13992
13992
|
className: classNames(tw("flex flex-row"), className)
|
13993
13993
|
}, /* @__PURE__ */ import_react108.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
13994
|
-
className: tw("grow text-
|
13994
|
+
className: tw("grow text-default typography-caption")
|
13995
13995
|
}), startLabel), /* @__PURE__ */ import_react108.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
13996
|
-
className: tw("grow text-
|
13996
|
+
className: tw("grow text-default typography-caption text-right")
|
13997
13997
|
}), endLabel));
|
13998
13998
|
};
|
13999
13999
|
|