@aivenio/aquarium 1.76.2 → 1.77.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/README.md +26 -18
- package/dist/atoms.cjs +18 -15
- package/dist/atoms.mjs +18 -15
- package/dist/src/atoms/Alert/Alert.js +3 -3
- package/dist/src/atoms/Checkbox/Checkbox.js +3 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/atoms/Modal/Modal.js +2 -2
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/molecules/Button/Button.js +3 -3
- package/dist/src/molecules/Carousel/Carousel.js +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +5 -5
- package/dist/src/molecules/Input/Input.d.ts +5 -4
- package/dist/src/molecules/Input/Input.js +46 -32
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +2 -2
- package/dist/src/utils/constants.js +3 -3
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -0
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +3 -1
- package/dist/styles.css +92 -32
- package/dist/system.cjs +106 -76
- package/dist/system.mjs +105 -76
- package/dist/tailwind.config.js +2 -0
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -13,7 +13,7 @@ import React from 'react';
|
|
13
13
|
import { Popover } from '../../../src/molecules/Popover/Popover';
|
14
14
|
import { usePopoverContext } from '../../../src/molecules/Popover/PopoverContext';
|
15
15
|
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
16
|
-
import { tw } from '../../../src/utils/tailwind';
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
17
|
/**
|
18
18
|
* @deprecated Please use `<DropdownMenu>` component instead.
|
19
19
|
*/
|
@@ -76,13 +76,13 @@ const DropdownItem = (_a) => {
|
|
76
76
|
}
|
77
77
|
};
|
78
78
|
const itemContent = React.createElement("div", { className: tw('py-3 px-4') }, children);
|
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', {
|
79
|
+
return (React.createElement("li", Object.assign({ role: "menuitem", tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown }, props, { className: classNames('Aquarium-Dropdown.Item', tw('typography-small flex items-center focus:ring-0', {
|
80
80
|
'text-default cursor-pointer hover:bg-muted': !disabled,
|
81
81
|
'text-inactive cursor-not-allowed': disabled,
|
82
|
-
'text-
|
83
|
-
}) }), tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement, inline: false },
|
82
|
+
'text-danger-default': color === 'danger' && !disabled,
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duL0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUF5QixNQUFNLCtCQUErQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxPQUFPLEVBQXFCLE1BQU0sK0JBQStCLENBQUM7QUFFM0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXlCcEQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBR2pCLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBRyxhQUFhLEVBQUUsRUFBRSxFQUFFO0lBQ3ZELE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsU0FBUztRQUN2QyxvQkFBQyxPQUFPLENBQUMsT0FBTyxRQUFFLFFBQVEsQ0FBbUI7UUFDN0Msb0JBQUMsT0FBTyxDQUFDLEtBQUssSUFBQyxTQUFTLEVBQUMsbUJBQW1CLElBQUUsT0FBTyxDQUFpQixDQUM5RCxDQUNYLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFlBQVksR0FBZ0MsQ0FBQyxFQUNqRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLEVBQ1QsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLFNBQVMsR0FDM0IsRUFBRSxFQUFFO0lBQ0gsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDckQsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsTUFBTSxFQUFFLEdB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
|
@@ -15,15 +15,16 @@ export declare type InputBaseProps = React.InputHTMLAttributes<HTMLInputElement>
|
|
15
15
|
*/
|
16
16
|
endAdornment?: React.ReactElement;
|
17
17
|
};
|
18
|
-
declare type
|
19
|
-
declare type InputBaseComponent<TProps extends InputBaseProps |
|
18
|
+
declare type SpecializedInputProps = Omit<InputBaseProps, 'type'>;
|
19
|
+
declare type InputBaseComponent<TProps extends InputBaseProps | SpecializedInputProps> = React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement> & TProps> & {
|
20
20
|
Skeleton: React.FC;
|
21
21
|
};
|
22
22
|
declare const InputBase: InputBaseComponent<InputBaseProps>;
|
23
|
-
declare const SearchInput: InputBaseComponent<
|
23
|
+
declare const SearchInput: InputBaseComponent<SpecializedInputProps>;
|
24
24
|
export declare type InputProps = InputBaseProps & Omit<LabelControlProps, 'length'>;
|
25
25
|
declare type InputComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
|
26
26
|
Skeleton: React.FC;
|
27
27
|
};
|
28
|
+
declare const FileInput: InputComponent;
|
28
29
|
declare const Input: InputComponent;
|
29
|
-
export { Input, InputBase, SearchInput };
|
30
|
+
export { FileInput, Input, InputBase, SearchInput };
|
@@ -15,18 +15,22 @@ import omit from 'lodash/omit';
|
|
15
15
|
import toString from 'lodash/toString';
|
16
16
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
17
17
|
import { getCommonInputStyles } from '../../../src/utils/constants';
|
18
|
-
import { InputAdornment, ResetIcon, SearchIcon } from '../../../src/utils/form/InputAdornment/InputAdornment';
|
18
|
+
import { InputAdornment, ResetIcon, SearchIcon, UploadIcon } from '../../../src/utils/form/InputAdornment/InputAdornment';
|
19
19
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
20
20
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
21
21
|
const createInput = (displayName, opts = {}) => {
|
22
22
|
const InputComponent = forwardRef((_a, ref) => {
|
23
23
|
var _b;
|
24
24
|
var { maxLength, valid = true, required = false, endAdornment, disabled = false, readOnly = false, type } = _a, props = __rest(_a, ["maxLength", "valid", "required", "endAdornment", "disabled", "readOnly", "type"]);
|
25
|
-
const inputType = opts.isSearch ? 'search' : type;
|
25
|
+
const inputType = opts.isSearch ? 'search' : opts.isFile ? 'file' : type;
|
26
26
|
const inputRef = React.useRef(null);
|
27
27
|
useImperativeHandle(ref, () => inputRef.current);
|
28
|
-
const handleReset = () => {
|
28
|
+
const handleReset = (e) => {
|
29
29
|
var _a;
|
30
|
+
if (opts.isFile) {
|
31
|
+
// In case of file input we want to stop the click from going through and triggering the input again
|
32
|
+
e.preventDefault();
|
33
|
+
}
|
30
34
|
const el = inputRef.current;
|
31
35
|
if (el) {
|
32
36
|
/*
|
@@ -43,13 +47,12 @@ const createInput = (displayName, opts = {}) => {
|
|
43
47
|
}
|
44
48
|
};
|
45
49
|
return (React.createElement("span", { className: classNames('Aquarium-InputBase', tw('relative block')) },
|
46
|
-
opts.adornment && React.createElement(InputAdornment, { placement: "left" }, opts.adornment),
|
50
|
+
opts.adornment && (React.createElement(InputAdornment, { placement: "left", className: opts.isFile ? 'icon-stroke-2' : undefined }, opts.adornment)),
|
47
51
|
React.createElement("input", Object.assign({ ref: inputRef, type: inputType }, props, { disabled: disabled, maxLength: maxLength, "aria-required": required, readOnly: readOnly, className: classNames({
|
48
|
-
'bg-body': !readOnly,
|
49
|
-
'bg-transparent': readOnly,
|
50
52
|
'[&::-webkit-search-cancel-button]:appearance-none': opts.isSearch,
|
51
53
|
'pl-7': opts.adornment,
|
52
54
|
'pr-7': opts.canReset || endAdornment,
|
55
|
+
'file:text-primary-intense file:typography-small-strong file:border-0 file:bg-transparent file:p-0 file:mr-4': opts.isFile,
|
53
56
|
}, getCommonInputStyles({ readOnly, valid }), props.className) })),
|
54
57
|
opts.canReset && (props.value || ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value)) && (React.createElement(InputAdornment, null,
|
55
58
|
React.createElement("button", { "aria-label": "reset search", onClick: handleReset },
|
@@ -61,37 +64,48 @@ const createInput = (displayName, opts = {}) => {
|
|
61
64
|
return InputComponent;
|
62
65
|
};
|
63
66
|
const InputBase = createInput('InputBase');
|
67
|
+
const FileInputBase = createInput('FileInputBase', {
|
68
|
+
adornment: React.createElement(UploadIcon, null),
|
69
|
+
canReset: true,
|
70
|
+
isFile: true,
|
71
|
+
});
|
64
72
|
const SearchInput = createInput('SearchInput', {
|
65
73
|
adornment: React.createElement(SearchIcon, null),
|
66
74
|
canReset: true,
|
67
75
|
isSearch: true,
|
68
76
|
});
|
69
|
-
const
|
70
|
-
|
71
|
-
const
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
const
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
})
|
92
|
-
|
77
|
+
const createInputComponent = (displayName, options = {}) => {
|
78
|
+
const InputComponentBase = options.input || InputBase;
|
79
|
+
const InputComponent = React.forwardRef((inputProps, ref) => {
|
80
|
+
var _a, _b;
|
81
|
+
const { readOnly = false, value: valueProp, onChange: onChangeProp } = inputProps, props = __rest(inputProps, ["readOnly", "value", "onChange"]);
|
82
|
+
const isControlled = typeof valueProp !== 'undefined';
|
83
|
+
const [valueState, setValueState] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
|
84
|
+
const value = isControlled ? valueProp : valueState;
|
85
|
+
const handleChange = useCallback((e) => {
|
86
|
+
const next = e.target.value;
|
87
|
+
if (!isControlled) {
|
88
|
+
setValueState(next);
|
89
|
+
}
|
90
|
+
onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(e);
|
91
|
+
}, [isControlled, onChangeProp]);
|
92
|
+
// we need a unique ID to be used for an accessible connection between the input and its error message
|
93
|
+
const defaultId = useId();
|
94
|
+
const id = (_b = props.id) !== null && _b !== void 0 ? _b : defaultId;
|
95
|
+
const errorMessageId = useId();
|
96
|
+
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
97
|
+
const _c = getLabelControlProps(inputProps), { 'data-testid': dataTestId } = _c, labelControlProps = __rest(_c, ['data-testid']);
|
98
|
+
const baseProps = omit(inputProps, Object.keys(labelControlProps).concat(isControlled ? ['defaultValue'] : ['value']));
|
99
|
+
return (React.createElement(LabelControl, Object.assign({ id: `${id}-label`, htmlFor: id, messageId: errorMessageId, length: value !== undefined ? toString(value).length : undefined }, labelControlProps, { className: "Aquarium-Input" }),
|
100
|
+
React.createElement(InputComponentBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id, "data-testid": dataTestId, onChange: handleChange, disabled: props.disabled, maxLength: props.maxLength, required: props.required, valid: props.valid, readOnly: readOnly }))));
|
101
|
+
});
|
102
|
+
InputComponent.displayName = displayName;
|
103
|
+
return InputComponent;
|
104
|
+
};
|
105
|
+
const FileInput = createInputComponent('FileInput', { input: FileInputBase });
|
106
|
+
const Input = createInputComponent('Input', { input: InputBase });
|
93
107
|
Input.Skeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
94
108
|
React.createElement(InputBase.Skeleton, null)));
|
95
109
|
Input.Skeleton.displayName = 'Input.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
|
96
|
-
export { Input, InputBase, SearchInput };
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
110
|
+
export { FileInput, Input, InputBase, SearchInput };
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2pILE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQW1DcEQsTUFBTSxXQUFXLEdBQUcsQ0FDbEIsV0FBbUIsRUFDbkIsT0FBcUIsRUFBRSxFQUNLLEVBQUU7SUFDOUIsTUFBTSxjQUFjLEdBQUcsVUFBVSxDQUMvQixDQUNFLEVBU2lDLEVBQ2pDLEdBQUcsRUFDSCxFQUFFOztZQVhGLEVBQ0UsU0FBUyxFQUNULEtBQUssR0FBRyxJQUFJLEVBQ1osUUFBUSxHQUFHLEtBQUssRUFDaEIsWUFBWSxFQUNaLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksT0FFMkIsRUFENUIsS0FBSyxjQVJWLGtGQVNDLENBRFM7UUFJVixNQUFNLFNBQVMsR0FBRyxJQUFJLENB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
|
@@ -26,6 +26,6 @@ export const SegmentedControlGroup = (_a) => {
|
|
26
26
|
/* </SegmentedControlGroup> */
|
27
27
|
const getBaseSegmentedControlClassNames = (selected) => tw('transition whitespace-nowrap rounded-sm px-4 py-[10px] hover:bg-primary-hover', 'focus-visible:outline-none focus-visible:relative focus-visible:z-50 focus-visible:ring-1 focus-visible:ring-offset-0 focusable', 'disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted', {
|
28
28
|
'typography-small text-default bg-body': !selected,
|
29
|
-
'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-
|
29
|
+
'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-default': selected,
|
30
30
|
});
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNEJwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixPQUFPLEVBQUUsUUFBUSxHQUFHLFFBQVEsRUFDNUIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0M7UUFDRSw4Q0FDRSxJQUFJLEVBQUMsUUFBUSxJQUNULElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUFDLGlDQUFpQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxrQkFDL0QsUUFBUSxLQUVyQixRQUFRLENBQ0YsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBMkJGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBU3ZCLEVBQWUsRUFBRTtRQVRNLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUFFLFFBQVEsR0FBRyxRQUFRLEVBQzVCLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVI4QywrRUFTdEQsQ0FEUTtJQUVQLE9BQU8sQ0FDTCw0Q0FDTSxJQUFJLGtCQUNJLFNBQVMsRUFDckIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsMkJBQTJCLEVBQzNCLCtEQUErRCxFQUMvRCxTQUFTLENBQ1YsS0FFQSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUN0QyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtRQUN4QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLO0tBQ3RDLENBQUMsQ0FDSCxDQUNFLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLDhCQUE4QjtBQUU5QixNQUFNLGlDQUFpQyxHQUFHLENBQUMsUUFBaUIsRUFBRSxFQUFFLENBQzlELEVBQUUsQ0FDQSwrRUFBK0UsRUFDL0UsaUlBQWlJLEVBQ2pJLHNFQUFzRSxFQUN0RTtJQUNFLHVDQUF1QyxFQUFFLENBQUMsUUFBUTtJQUNsRCxzR0FBc0csRUFBRSxRQUFRO0NBQ2pILENBQ0YsQ0FBQyJ9
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { classNames, tw } from '../../src/utils/tailwind';
|
2
2
|
export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none', {
|
3
|
-
'px-3 py-3': !readOnly,
|
4
|
-
'border-none resize-none cursor-default': readOnly,
|
3
|
+
'px-3 py-3 bg-body': !readOnly,
|
4
|
+
'border-none resize-none cursor-default bg-transparent': readOnly,
|
5
5
|
'border border-danger-default': !valid && !readOnly,
|
6
6
|
'border border-default hover:border-intense focus:border-info-default': valid && !readOnly,
|
7
7
|
});
|
8
8
|
export const ghostButtonStyle = tw('text-primary-intense active:text-primary-active focus-visible:text-primary-active hover:text-primary-active disabled:text-primary-inactive');
|
9
9
|
export const linkStyle = classNames(ghostButtonStyle, tw('visited:text-primary-intense no-underline hover:underline focusable'));
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLG1NQUFtTSxFQUNuTTtJQUNFLG1CQUFtQixFQUFFLENBQUMsUUFBUTtJQUM5Qix1REFBdUQsRUFBRSxRQUFRO0lBQ2pFLDhCQUE4QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsUUFBUTtJQUNuRCxzRUFBc0UsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRO0NBQzNGLENBQ0YsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FDaEMsNElBQTRJLENBQzdJLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUNqQyxnQkFBZ0IsRUFDaEIsRUFBRSxDQUFDLHFFQUFxRSxDQUFDLENBQzFFLENBQUMifQ==
|
@@ -10,5 +10,6 @@ declare type Props = Pick<IconProps, 'onClick'>;
|
|
10
10
|
export declare const ValidIcon: React.FC<Props>;
|
11
11
|
export declare const ErrorIcon: React.FC<Props>;
|
12
12
|
export declare const SearchIcon: React.FC<Props>;
|
13
|
+
export declare const UploadIcon: React.FC<Props>;
|
13
14
|
export declare const ResetIcon: React.FC<Props>;
|
14
15
|
export {};
|
@@ -5,6 +5,7 @@ import crossIcon from '../../../../src/icons/cross';
|
|
5
5
|
import errorIcon from '../../../../src/icons/error';
|
6
6
|
import searchIcon from '../../../../src/icons/search';
|
7
7
|
import tickIcon from '../../../../src/icons/tick';
|
8
|
+
import uploadIcon from '../../../../src/icons/upload';
|
8
9
|
export const InputAdornment = ({ placement = 'right', className, dense, children, }) => {
|
9
10
|
return (React.createElement("span", { className: classNames(className, 'absolute inset-y-0 grow-0 text-inactive flex items-center mx-3', {
|
10
11
|
'right-0': placement === 'right',
|
@@ -17,5 +18,6 @@ export const InputAdornment = ({ placement = 'right', className, dense, children
|
|
17
18
|
export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color: "success-default", "data-testid": "icon-valid", onClick: onClick }));
|
18
19
|
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "danger-intense", "data-testid": "icon-invalid", onClick: onClick }));
|
19
20
|
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "inactive", "data-testid": "icon-search", onClick: onClick }));
|
21
|
+
export const UploadIcon = ({ onClick }) => (React.createElement(Icon, { icon: uploadIcon, color: "primary-intense", "data-testid": "icon-upload", onClick: onClick }));
|
20
22
|
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "inactive", "data-testid": "icon-reset", onClick: onClick }));
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFRMUMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFzRCxDQUFDLEVBQ2hGLFNBQVMsR0FBRyxPQUFPLEVBQ25CLFNBQVMsRUFDVCxLQUFLLEVBQ0wsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxnRUFBZ0UsRUFBRTtZQUNqRyxTQUFTLEVBQUUsU0FBUyxLQUFLLE9BQU87WUFDaEMsUUFBUSxFQUFFLFNBQVMsS0FBSyxNQUFNO1lBQzlCLGtCQUFrQixFQUFFLEtBQUs7WUFDekIsMkJBQTJCLEVBQUUsQ0FBQyxLQUFLO1NBQ3BDLENBQUM7UUFFRixvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUcsRUFBQyxJQUFJLEVBQUMsTUFBTSxJQUN6QixRQUFRLENBQ0QsQ0FDTCxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFJRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDekQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFDLGlCQUFpQixpQkFBYSxZQUFZLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUM1RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxnQkFBZ0IsaUJBQWEsY0FBYyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDOUYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUMxRCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUMsVUFBVSxpQkFBYSxhQUFhLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN4RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzFELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxpQkFBaUIsaUJBQWEsYUFBYSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDL0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLHNCQUFzQixFQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLFVBQVUsaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkgsQ0FBQyJ9
|
package/dist/styles.css
CHANGED
@@ -703,7 +703,7 @@ input[type='number'].no-arrows {
|
|
703
703
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
704
704
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
705
705
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
706
|
-
--tw-ring-color: var(--aquarium-
|
706
|
+
--tw-ring-color: var(--aquarium-border-color-info-default);
|
707
707
|
}
|
708
708
|
.focusable:focus-visible{
|
709
709
|
outline: 2px solid transparent;
|
@@ -712,7 +712,7 @@ input[type='number'].no-arrows {
|
|
712
712
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
713
713
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
714
714
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
715
|
-
--tw-ring-color: var(--aquarium-
|
715
|
+
--tw-ring-color: var(--aquarium-border-color-info-default);
|
716
716
|
}
|
717
717
|
.icon-stroke-2 svg path {
|
718
718
|
stroke-width: 2;
|
@@ -2539,13 +2539,13 @@ input[type='number'].no-arrows {
|
|
2539
2539
|
fill: rgba(255,203,210,1);
|
2540
2540
|
fill: var(--aquarium-colors-error-10);
|
2541
2541
|
}
|
2542
|
-
.stroke-primary-
|
2542
|
+
.stroke-primary-muted{
|
2543
2543
|
stroke: rgba(129,142,236,1);
|
2544
|
-
stroke: var(--aquarium-
|
2544
|
+
stroke: var(--aquarium-border-color-primary-muted);
|
2545
2545
|
}
|
2546
|
-
.stroke-success-
|
2546
|
+
.stroke-success-default{
|
2547
2547
|
stroke: rgba(96,219,87,1);
|
2548
|
-
stroke: var(--aquarium-
|
2548
|
+
stroke: var(--aquarium-border-color-success-default);
|
2549
2549
|
}
|
2550
2550
|
.stroke-warning-100{
|
2551
2551
|
stroke: rgba(254,109,0,1);
|
@@ -3221,9 +3221,6 @@ input[type='number'].no-arrows {
|
|
3221
3221
|
.opacity-70{
|
3222
3222
|
opacity: 0.7;
|
3223
3223
|
}
|
3224
|
-
.opacity-80{
|
3225
|
-
opacity: 0.8;
|
3226
|
-
}
|
3227
3224
|
.opacity-40{
|
3228
3225
|
opacity: 0.4;
|
3229
3226
|
}
|
@@ -3270,8 +3267,8 @@ input[type='number'].no-arrows {
|
|
3270
3267
|
.ring-inset{
|
3271
3268
|
--tw-ring-inset: inset;
|
3272
3269
|
}
|
3273
|
-
.ring-primary-
|
3274
|
-
--tw-ring-color: var(--aquarium-
|
3270
|
+
.ring-primary-default{
|
3271
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3275
3272
|
}
|
3276
3273
|
.ring-offset-0{
|
3277
3274
|
--tw-ring-offset-width: 0px;
|
@@ -3464,21 +3461,84 @@ input[type='number'].no-arrows {
|
|
3464
3461
|
color: rgba(53,69,190,1);
|
3465
3462
|
color: var(--aquarium-text-color-primary-intense);
|
3466
3463
|
}
|
3464
|
+
.aquarium-theme-dark .Aquarium-Checkbox input:disabled {
|
3465
|
+
background-color: rgba(237,237,240,1);
|
3466
|
+
background-color: var(--aquarium-background-color-default);
|
3467
|
+
}
|
3468
|
+
.aquarium-theme-dark .Aquarium-Checkbox input:disabled+svg {
|
3469
|
+
background-color: rgba(237,237,240,1);
|
3470
|
+
background-color: var(--aquarium-background-color-default);
|
3471
|
+
border-color: rgba(247,247,250,1);
|
3472
|
+
border-color: var(--aquarium-background-color-muted);
|
3473
|
+
}
|
3474
|
+
.aquarium-theme-dark .Aquarium-Checkbox input:checked+svg path {
|
3475
|
+
stroke: black;
|
3476
|
+
stroke: var(--aquarium-colors-black);
|
3477
|
+
}
|
3478
|
+
.aquarium-theme-dark .Aquarium-Checkbox input:disabled:checked+svg path {
|
3479
|
+
stroke: rgba(210,210,214,1);
|
3480
|
+
stroke: var(--aquarium-border-color-default);
|
3481
|
+
}
|
3467
3482
|
.aquarium-theme-dark .Aquarium-Button\.Secondary {
|
3468
3483
|
--tw-ring-color: var(--aquarium-text-color-primary-intense);
|
3469
3484
|
}
|
3470
|
-
.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
|
3471
|
-
background-color:
|
3472
|
-
background-color: var(--aquarium-background-color-body);
|
3485
|
+
.aquarium-theme-dark .Aquarium-Button\.Secondary:active,.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
|
3486
|
+
background-color: transparent;
|
3473
3487
|
color: rgba(34,47,149,1);
|
3474
3488
|
color: var(--aquarium-background-color-primary-intense);
|
3475
3489
|
--tw-ring-color: var(--aquarium-background-color-primary-intense);
|
3476
3490
|
}
|
3491
|
+
.aquarium-theme-dark .Aquarium-Button\.Secondary:focus {
|
3492
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3493
|
+
}
|
3477
3494
|
.aquarium-theme-dark .Aquarium-Button\.Secondary:disabled {
|
3478
3495
|
color: color-mix(in srgb, rgba(129,142,236,1) 50%, transparent);
|
3479
3496
|
color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
|
3480
3497
|
--tw-ring-color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
|
3481
3498
|
}
|
3499
|
+
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-primary-10 {
|
3500
|
+
--aquarium-colors-primary-10: rgba(44, 51, 108, 1);
|
3501
|
+
}
|
3502
|
+
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-success-10 {
|
3503
|
+
--aquarium-colors-success-10: rgba(29, 78, 33, 1);
|
3504
|
+
}
|
3505
|
+
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-warning-20 {
|
3506
|
+
--aquarium-colors-warning-20: rgba(125, 66, 25, 1);
|
3507
|
+
}
|
3508
|
+
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .stroke-warning-100 {
|
3509
|
+
--aquarium-colors-warning-100: rgba(164, 93, 44, 1);
|
3510
|
+
}
|
3511
|
+
.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
|
3512
|
+
--aquarium-colors-error-10: rgba(105, 25, 30, 1);
|
3513
|
+
}
|
3514
|
+
.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover{
|
3515
|
+
background-color: rgba(237,237,240,1);
|
3516
|
+
background-color: var(--aquarium-background-color-default);
|
3517
|
+
}
|
3518
|
+
.aquarium-theme-dark .Aquarium-Card {
|
3519
|
+
--aquarium-background-color-primary-hover: color-mix(in srgb, var(--aquarium-colors-primary-100) 70%, transparent);
|
3520
|
+
}
|
3521
|
+
.file\:typography-small-strong::file-selector-button{
|
3522
|
+
font: normal 500 14px/1.42 Inter;
|
3523
|
+
}
|
3524
|
+
.file\:mr-4::file-selector-button{
|
3525
|
+
margin-right: 12px;
|
3526
|
+
}
|
3527
|
+
.file\:border-0::file-selector-button{
|
3528
|
+
border-width: 0px;
|
3529
|
+
border-width: var(--aquarium-border-width-0);
|
3530
|
+
}
|
3531
|
+
.file\:bg-transparent::file-selector-button{
|
3532
|
+
background-color: transparent;
|
3533
|
+
background-color: var(--aquarium-colors-transparent);
|
3534
|
+
}
|
3535
|
+
.file\:p-0::file-selector-button{
|
3536
|
+
padding: 0px;
|
3537
|
+
}
|
3538
|
+
.file\:text-primary-intense::file-selector-button{
|
3539
|
+
color: rgba(53,69,190,1);
|
3540
|
+
color: var(--aquarium-text-color-primary-intense);
|
3541
|
+
}
|
3482
3542
|
.placeholder\:text-inactive::-moz-placeholder{
|
3483
3543
|
color: rgba(150,150,160,1);
|
3484
3544
|
color: var(--aquarium-text-color-inactive);
|
@@ -3582,8 +3642,8 @@ input[type='number'].no-arrows {
|
|
3582
3642
|
-webkit-text-decoration-line: underline;
|
3583
3643
|
text-decoration-line: underline;
|
3584
3644
|
}
|
3585
|
-
.hover\:ring-primary-
|
3586
|
-
--tw-ring-color: var(--aquarium-
|
3645
|
+
.hover\:ring-primary-default:hover{
|
3646
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3587
3647
|
}
|
3588
3648
|
.hover\:checked\:bg-primary-intense:checked:hover{
|
3589
3649
|
background-color: rgba(34,47,149,1);
|
@@ -3715,23 +3775,23 @@ input[type='number'].no-arrows {
|
|
3715
3775
|
.focus-visible\:ring-inset:focus-visible{
|
3716
3776
|
--tw-ring-inset: inset;
|
3717
3777
|
}
|
3718
|
-
.focus-visible\:ring-primary-
|
3719
|
-
--tw-ring-color: var(--aquarium-
|
3778
|
+
.focus-visible\:ring-primary-intense.focus-visible{
|
3779
|
+
--tw-ring-color: var(--aquarium-border-color-primary-intense);
|
3720
3780
|
}
|
3721
|
-
.focus-visible\:ring-primary-
|
3722
|
-
--tw-ring-color: var(--aquarium-
|
3781
|
+
.focus-visible\:ring-primary-intense:focus-visible{
|
3782
|
+
--tw-ring-color: var(--aquarium-border-color-primary-intense);
|
3723
3783
|
}
|
3724
|
-
.focus-visible\:ring-primary-
|
3725
|
-
--tw-ring-color: var(--aquarium-
|
3784
|
+
.focus-visible\:ring-primary-default.focus-visible{
|
3785
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3726
3786
|
}
|
3727
|
-
.focus-visible\:ring-primary-
|
3728
|
-
--tw-ring-color: var(--aquarium-
|
3787
|
+
.focus-visible\:ring-primary-default:focus-visible{
|
3788
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3729
3789
|
}
|
3730
|
-
.focus-visible\:ring-info-
|
3731
|
-
--tw-ring-color: var(--aquarium-
|
3790
|
+
.focus-visible\:ring-info-default.focus-visible{
|
3791
|
+
--tw-ring-color: var(--aquarium-border-color-info-default);
|
3732
3792
|
}
|
3733
|
-
.focus-visible\:ring-info-
|
3734
|
-
--tw-ring-color: var(--aquarium-
|
3793
|
+
.focus-visible\:ring-info-default:focus-visible{
|
3794
|
+
--tw-ring-color: var(--aquarium-border-color-info-default);
|
3735
3795
|
}
|
3736
3796
|
.focus-visible\:ring-offset-0.focus-visible{
|
3737
3797
|
--tw-ring-offset-width: 0px;
|
@@ -3777,8 +3837,8 @@ input[type='number'].no-arrows {
|
|
3777
3837
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
3778
3838
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
3779
3839
|
}
|
3780
|
-
.active\:ring-primary-
|
3781
|
-
--tw-ring-color: var(--aquarium-
|
3840
|
+
.active\:ring-primary-default:active{
|
3841
|
+
--tw-ring-color: var(--aquarium-border-color-primary-default);
|
3782
3842
|
}
|
3783
3843
|
.disabled\:cursor-not-allowed:disabled{
|
3784
3844
|
cursor: not-allowed;
|
@@ -3815,8 +3875,8 @@ input[type='number'].no-arrows {
|
|
3815
3875
|
color: rgba(185,197,239,1);
|
3816
3876
|
color: var(--aquarium-text-color-primary-inactive);
|
3817
3877
|
}
|
3818
|
-
.disabled\:ring-primary-
|
3819
|
-
--tw-ring-color: var(--aquarium-
|
3878
|
+
.disabled\:ring-primary-muted:disabled{
|
3879
|
+
--tw-ring-color: var(--aquarium-border-color-primary-muted);
|
3820
3880
|
}
|
3821
3881
|
.group:last-of-type .group-last-of-type\:border-b-0{
|
3822
3882
|
border-bottom-width: 0px;
|