@aivenio/aquarium 1.36.1 → 1.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +90 -8
- package/dist/atoms.mjs +90 -8
- package/dist/src/atoms/Banner/Banner.js +2 -2
- package/dist/src/atoms/Section/Section.js +3 -3
- package/dist/src/atoms/Switch/Switch.js +8 -6
- package/dist/src/atoms/Typography/Typography.js +1 -1
- package/dist/src/icons/ban.d.ts +9 -0
- package/dist/src/icons/ban.js +11 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +2 -1
- package/dist/src/molecules/Checkbox/Checkbox.d.ts +2 -0
- package/dist/src/molecules/Checkbox/Checkbox.js +3 -3
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/Combobox/Combobox.d.ts +10 -3
- package/dist/src/molecules/Combobox/Combobox.js +5 -5
- package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/molecules/ControlLabel/ControlLabel.js +11 -7
- package/dist/src/molecules/DataList/DataList.d.ts +3 -8
- package/dist/src/molecules/DataList/DataList.js +16 -32
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -8
- package/dist/src/molecules/DataTable/DataTable.js +24 -29
- package/dist/src/molecules/Dialog/Dialog.js +6 -4
- package/dist/src/molecules/EmptyState/EmptyState.js +5 -11
- package/dist/src/molecules/Grid/Grid.d.ts +25 -2
- package/dist/src/molecules/Grid/Grid.js +43 -2
- package/dist/src/molecules/Grid/GridItem.d.ts +3 -0
- package/dist/src/molecules/Grid/GridItem.js +4 -1
- package/dist/src/molecules/Input/Input.js +2 -1
- package/dist/src/molecules/List/List.d.ts +11 -1
- package/dist/src/molecules/List/List.js +13 -3
- package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/molecules/MultiSelect/MultiSelect.js +5 -5
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -21
- package/dist/src/molecules/PageHeader/PageHeader.js +6 -9
- package/dist/src/molecules/Section/Section.d.ts +21 -7
- package/dist/src/molecules/Section/Section.js +32 -15
- package/dist/src/molecules/Switch/Switch.d.ts +2 -0
- package/dist/src/molecules/Switch/Switch.js +3 -3
- package/dist/src/test/config.js +2 -2
- package/dist/src/utils/actions.d.ts +3 -0
- package/dist/src/utils/actions.js +8 -0
- package/dist/src/utils/form/Label/Label.js +1 -1
- package/dist/src/utils/table/types.d.ts +20 -19
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +22 -15
- package/dist/styles_timescaledb.css +22 -15
- package/dist/system.cjs +743 -566
- package/dist/system.mjs +708 -531
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ContextualMenu.d.ts +26 -0
- package/dist/types/ContextualMenu.js +2 -0
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -16,9 +16,9 @@ import { Switch as BaseSwitch } from '../../../src/atoms/Switch/Switch';
|
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
17
17
|
export const Switch = React.forwardRef((_a, ref) => {
|
18
18
|
var _b;
|
19
|
-
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
|
19
|
+
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel, labelPlacement } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label', "labelPlacement"]);
|
20
20
|
const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
|
21
|
-
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
21
|
+
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' }, labelPlacement: labelPlacement, className: "Aquarium-Switch" }, !readOnly && React.createElement(BaseSwitch, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
22
22
|
});
|
23
23
|
Switch.displayName = 'Switch';
|
24
24
|
const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
@@ -26,4 +26,4 @@ const SwitchSkeleton = () => (React.createElement("div", { className: tw('flex g
|
|
26
26
|
React.createElement(Skeleton, { height: 20, width: 150 })));
|
27
27
|
Switch.Skeleton = SwitchSkeleton;
|
28
28
|
Switch.Skeleton.displayName = 'Switch.Skeleton ';
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUEwQixNQUFNLHlDQUF5QyxDQUFDO0FBQy9GLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBdUMsTUFBTSx5QkFBeUIsQ0FBQztBQUVwRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFvQixLQUFLLENBQUMsVUFBVSxDQUNyRCxDQUNFLEVBVUMsRUFDRCxHQUFHLEVBQ0gsRUFBRTs7UUFaRixFQUNFLEVBQUUsRUFDRixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsRUFDUixZQUFZLEVBQUUsU0FBUyxFQUN2QixjQUFjLE9BRWYsRUFESSxLQUFLLGNBVFYsNkZBVUMsQ0FEUztJQUlWLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEVBQ3ZCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFNBQVMsRUFBQyxpQkFBaUIsSUFFMUIsQ0FBQyxRQUFRLElBQUksb0JBQUMsVUFBVSxrQkFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxLQUFLLElBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLENBQ2hHLENBQ2hCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNYLENBQUMsQ0FDaUIsQ0FBQztBQUVyQixNQUFNLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQztBQUU5QixNQUFNLGNBQWMsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNyQyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsa0JBQWtCLENBQUMifQ==
|
package/dist/src/test/config.js
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
export const storyKindRegex = /^((?!.*?Colors|Elevations|Spacing|Typography|Releases).)
|
1
|
+
export const storyKindRegex = /^((?!.*?Colors|Elevations|Spacing|Typography|Releases).)*(?!.*\.mdx$).*$/;
|
2
2
|
export const snapshotSerializers = [
|
3
3
|
{
|
4
4
|
print: (value, serialize) => serialize(value.container.firstChild),
|
5
5
|
test: (value) => value && Object.prototype.hasOwnProperty.call(value, 'container'),
|
6
6
|
},
|
7
7
|
];
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3Rlc3QvY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRywwRUFBMEUsQ0FBQztBQUl6RyxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0I7SUFDOUM7UUFDRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUUsS0FBc0IsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDO1FBQ3BGLElBQUksRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsV0FBVyxDQUFDO0tBQ25GO0NBQ0YsQ0FBQyJ9
|
@@ -0,0 +1,3 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type ActionType, type AsyncActionType, type LinkActionType } from '../../types/ActionType';
|
3
|
+
export declare const renderAction: (kind: "primary" | "secondary" | undefined, action: ActionType | AsyncActionType | LinkActionType) => React.JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
3
|
+
import { Button } from '../../src/molecules';
|
4
|
+
import { isLink } from '../../src/utils/link';
|
5
|
+
export const renderAction = (kind = 'primary', action) => {
|
6
|
+
return isLink(action) ? (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text)) : (React.createElement(Button, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text));
|
7
|
+
};
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9hY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBSS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3hDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUMxQixPQUFxRCxTQUFTLEVBQzlELE1BQXFELEVBQ3JELEVBQUU7SUFDRixPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDdEIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksSUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4RSxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQzNELE1BQU0sQ0FBQyxJQUFJLENBQ0wsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -19,7 +19,7 @@ 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-grey-
|
22
|
+
'text-grey-70': variant === 'default',
|
23
23
|
'text-error-50': variant === 'error',
|
24
24
|
'text-grey-40': variant === 'disabled',
|
25
25
|
}) },
|
@@ -2,7 +2,9 @@ import { type AriaAttributes } from 'react';
|
|
2
2
|
import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
|
3
3
|
import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
4
4
|
import { type Weight } from '../../../src/molecules/Template/Template';
|
5
|
+
import { type TooltipProps } from '../../../src/molecules';
|
5
6
|
import { type ActionType } from '../../../types/ActionType';
|
7
|
+
import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
6
8
|
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
7
9
|
import type React from 'react';
|
8
10
|
export declare type TextAlign = 'center' | 'left' | 'right';
|
@@ -24,6 +26,17 @@ export declare type Column = {
|
|
24
26
|
key?: string;
|
25
27
|
sticky?: StickyColumn;
|
26
28
|
};
|
29
|
+
export declare type ColumnBase<R> = {
|
30
|
+
/**
|
31
|
+
* Adds a tooltip for each cell.
|
32
|
+
*/
|
33
|
+
tooltip?: Tooltip<R>;
|
34
|
+
/**
|
35
|
+
* Adds a tooltip for header cell.
|
36
|
+
*/
|
37
|
+
headerTooltip?: Pick<TooltipProps, 'content' | 'placement'>;
|
38
|
+
};
|
39
|
+
declare type Tooltip<R> = (row: R, index: number, rows: R[]) => Pick<TooltipProps, 'content' | 'placement'>;
|
27
40
|
declare type Formatter<R, K extends keyof R, V = R[K]> = (value: V, row: R, index: number, rows: R[]) => string;
|
28
41
|
declare type CustomSortable<R> = {
|
29
42
|
/**
|
@@ -98,6 +111,10 @@ declare type ItemColumn<R> = Column & CustomSortable<R> & {
|
|
98
111
|
*/
|
99
112
|
item: (row: R, index: number, rows: R[]) => TableItem;
|
100
113
|
};
|
114
|
+
export declare type TableStatus = {
|
115
|
+
status: ChipStatus;
|
116
|
+
text: number | string;
|
117
|
+
};
|
101
118
|
declare type StatusColumn<R> = Column & CustomSortable<R> & {
|
102
119
|
/**
|
103
120
|
* Type of the column.
|
@@ -106,10 +123,7 @@ declare type StatusColumn<R> = Column & CustomSortable<R> & {
|
|
106
123
|
/**
|
107
124
|
* Callback function that resolves to StatusChip props
|
108
125
|
*/
|
109
|
-
status: (row: R, index: number, rows: R[]) =>
|
110
|
-
status: ChipStatus;
|
111
|
-
text: number | string;
|
112
|
-
};
|
126
|
+
status: (row: R, index: number, rows: R[]) => TableStatus;
|
113
127
|
};
|
114
128
|
declare type ListColumn = Column & {
|
115
129
|
/**
|
@@ -125,7 +139,7 @@ declare type TableColumn = Column & {
|
|
125
139
|
};
|
126
140
|
export declare type DataListColumn<R extends DataTableRow> = DataColumn<R, ListColumn>;
|
127
141
|
export declare type DataTableColumn<R extends DataTableRow> = DataColumn<R, TableColumn>;
|
128
|
-
declare type DataColumn<R extends DataTableRow, C extends Column> = C & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
|
142
|
+
declare type DataColumn<R extends DataTableRow, C extends Column> = C & ColumnBase<R> & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
|
129
143
|
export declare type DataTableRow = Record<string, any> & {
|
130
144
|
/**
|
131
145
|
* Assigned ID for each data row.
|
@@ -146,21 +160,12 @@ declare type CellProps = {
|
|
146
160
|
};
|
147
161
|
export declare const cellProps: <C extends Column>(column: C) => CellProps;
|
148
162
|
export declare const columnIsFieldColumn: <R extends DataTableRow>(column?: any) => column is FieldColumn<R, keyof R>;
|
149
|
-
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
163
|
+
export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<CommonContextualMenuProps, 'menu' | 'onAction'> & {
|
150
164
|
/**
|
151
165
|
* Menu items definition. Can either be static collection of items or callback function
|
152
166
|
* that returns the items.
|
153
167
|
*/
|
154
168
|
menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
|
155
|
-
/**
|
156
|
-
* @deprecated Use menuAriaLabel instead.
|
157
|
-
* Optional label for menu that will be used as aria-label attribute.
|
158
|
-
*/
|
159
|
-
menuLabel?: string;
|
160
|
-
/**
|
161
|
-
* Optional aria-label for menu that will be used as aria-label attribute. Defaults to 'menuLabel' or 'Context menu'.
|
162
|
-
*/
|
163
|
-
menuAriaLabel?: string;
|
164
169
|
/**
|
165
170
|
* Optional column name for the menu. Defaults to 'Actions'.
|
166
171
|
*/
|
@@ -172,9 +177,5 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
|
172
177
|
* @param index currectly selected row index
|
173
178
|
*/
|
174
179
|
onAction: (action: number | string, row: R, index: number) => void;
|
175
|
-
/**
|
176
|
-
* Handler that is called when the menu's open state changes.
|
177
|
-
*/
|
178
|
-
onMenuOpenChange?: (isOpen: boolean) => void;
|
179
180
|
}>;
|
180
181
|
export {};
|
@@ -5,4 +5,4 @@ export const cellProps = (column) => ({
|
|
5
5
|
stickyColumn: column.sticky,
|
6
6
|
});
|
7
7
|
export const columnIsFieldColumn = (column) => Boolean(column && column.field);
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOExBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUFDLFNBQW9DLEVBQTBCLEVBQUUsQ0FDOUYsU0FBUyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQVVsRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsQ0FBbUIsTUFBUyxFQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ3BFLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxVQUFVO0lBQ3BDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsSUFBSSxNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNO0lBQzlFLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtDQUM1QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxDQUF5QixNQUEyQixFQUE0QixFQUFFLENBQ25ILE9BQU8sQ0FBQyxNQUFNLElBQUssTUFBeUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyJ9
|
package/dist/styles.css
CHANGED
@@ -1164,6 +1164,9 @@ input[type='number'].no-arrows {
|
|
1164
1164
|
.h-2{
|
1165
1165
|
height: 4px;
|
1166
1166
|
}
|
1167
|
+
.h-\[72px\]{
|
1168
|
+
height: 72px;
|
1169
|
+
}
|
1167
1170
|
.h-\[2px\]{
|
1168
1171
|
height: 2px;
|
1169
1172
|
}
|
@@ -1697,6 +1700,10 @@ input[type='number'].no-arrows {
|
|
1697
1700
|
background-color: #292a31;
|
1698
1701
|
background-color: var(--aquarium-colors-grey-90, #292a31);
|
1699
1702
|
}
|
1703
|
+
.bg-primary-70{
|
1704
|
+
background-color: #5865cd;
|
1705
|
+
background-color: var(--aquarium-colors-primary-70, #5865cd);
|
1706
|
+
}
|
1700
1707
|
.bg-grey-30{
|
1701
1708
|
background-color: #b4b4bb;
|
1702
1709
|
background-color: var(--aquarium-colors-grey-30, #b4b4bb);
|
@@ -1883,6 +1890,9 @@ input[type='number'].no-arrows {
|
|
1883
1890
|
.pl-7{
|
1884
1891
|
padding-left: 32px;
|
1885
1892
|
}
|
1893
|
+
.pr-7{
|
1894
|
+
padding-right: 32px;
|
1895
|
+
}
|
1886
1896
|
.pb-3{
|
1887
1897
|
padding-bottom: 8px;
|
1888
1898
|
}
|
@@ -2450,8 +2460,8 @@ input[type='number'].no-arrows {
|
|
2450
2460
|
.checked\:bg-opacity-40:checked{
|
2451
2461
|
--tw-bg-opacity: 0.4;
|
2452
2462
|
}
|
2453
|
-
.checked\:opacity-
|
2454
|
-
opacity: 0.
|
2463
|
+
.checked\:opacity-50:checked{
|
2464
|
+
opacity: 0.5;
|
2455
2465
|
}
|
2456
2466
|
.checked\:shadow-whiteInset:checked{
|
2457
2467
|
--tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
|
@@ -2478,9 +2488,9 @@ input[type='number'].no-arrows {
|
|
2478
2488
|
background-color: #ededf0;
|
2479
2489
|
background-color: var(--aquarium-colors-grey-5, #ededf0);
|
2480
2490
|
}
|
2481
|
-
.hover\:bg-grey-
|
2482
|
-
background-color: #
|
2483
|
-
background-color: var(--aquarium-colors-grey-
|
2491
|
+
.hover\:bg-grey-20:hover{
|
2492
|
+
background-color: #d2d2d6;
|
2493
|
+
background-color: var(--aquarium-colors-grey-20, #d2d2d6);
|
2484
2494
|
}
|
2485
2495
|
.hover\:bg-primary-90:hover{
|
2486
2496
|
background-color: #222f95;
|
@@ -2525,12 +2535,9 @@ input[type='number'].no-arrows {
|
|
2525
2535
|
.hover\:ring-primary-90:hover{
|
2526
2536
|
--tw-ring-color: var(--aquarium-colors-primary-90, #222f95);
|
2527
2537
|
}
|
2528
|
-
.hover\:checked\:bg-primary-
|
2529
|
-
background-color: #
|
2530
|
-
background-color: var(--aquarium-colors-primary-
|
2531
|
-
}
|
2532
|
-
.focus\:border:focus{
|
2533
|
-
border-width: 1px;
|
2538
|
+
.hover\:checked\:bg-primary-70:checked:hover{
|
2539
|
+
background-color: #5865cd;
|
2540
|
+
background-color: var(--aquarium-colors-primary-70, #5865cd);
|
2534
2541
|
}
|
2535
2542
|
.focus\:border-info-70:focus{
|
2536
2543
|
border-color: #0399e3;
|
@@ -2798,6 +2805,10 @@ input[type='number'].no-arrows {
|
|
2798
2805
|
color: #e3e9ff;
|
2799
2806
|
color: var(--aquarium-colors-primary-10, #e3e9ff);
|
2800
2807
|
}
|
2808
|
+
.peer\/switch:checked~.peer-checked\/switch\:text-primary-60{
|
2809
|
+
color: #818eec;
|
2810
|
+
color: var(--aquarium-colors-primary-60, #818eec);
|
2811
|
+
}
|
2801
2812
|
.peer:hover~.peer-hover\:border-grey-50{
|
2802
2813
|
border-color: #787885;
|
2803
2814
|
border-color: var(--aquarium-colors-grey-50, #787885);
|
@@ -2806,10 +2817,6 @@ input[type='number'].no-arrows {
|
|
2806
2817
|
border-color: #0399e3;
|
2807
2818
|
border-color: var(--aquarium-colors-info-70, #0399e3);
|
2808
2819
|
}
|
2809
|
-
.peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0{
|
2810
|
-
background-color: #f7f7fa;
|
2811
|
-
background-color: var(--aquarium-colors-grey-0, #f7f7fa);
|
2812
|
-
}
|
2813
2820
|
.children\:inline-block>*{
|
2814
2821
|
display: inline-block;
|
2815
2822
|
}
|
@@ -1163,6 +1163,9 @@ input[type='number'].no-arrows {
|
|
1163
1163
|
.h-2{
|
1164
1164
|
height: 4px;
|
1165
1165
|
}
|
1166
|
+
.h-\[72px\]{
|
1167
|
+
height: 72px;
|
1168
|
+
}
|
1166
1169
|
.h-\[2px\]{
|
1167
1170
|
height: 2px;
|
1168
1171
|
}
|
@@ -1696,6 +1699,10 @@ input[type='number'].no-arrows {
|
|
1696
1699
|
background-color: #292a31;
|
1697
1700
|
background-color: var(--aquarium-colors-grey-90, #292a31);
|
1698
1701
|
}
|
1702
|
+
.bg-primary-70{
|
1703
|
+
background-color: #5865cd;
|
1704
|
+
background-color: var(--aquarium-colors-primary-70, #0399e3);
|
1705
|
+
}
|
1699
1706
|
.bg-grey-30{
|
1700
1707
|
background-color: #b4b4bb;
|
1701
1708
|
background-color: var(--aquarium-colors-grey-30, #b4b4bb);
|
@@ -1882,6 +1889,9 @@ input[type='number'].no-arrows {
|
|
1882
1889
|
.pl-7{
|
1883
1890
|
padding-left: 32px;
|
1884
1891
|
}
|
1892
|
+
.pr-7{
|
1893
|
+
padding-right: 32px;
|
1894
|
+
}
|
1885
1895
|
.pb-3{
|
1886
1896
|
padding-bottom: 8px;
|
1887
1897
|
}
|
@@ -2449,8 +2459,8 @@ input[type='number'].no-arrows {
|
|
2449
2459
|
.checked\:bg-opacity-40:checked{
|
2450
2460
|
--tw-bg-opacity: 0.4;
|
2451
2461
|
}
|
2452
|
-
.checked\:opacity-
|
2453
|
-
opacity: 0.
|
2462
|
+
.checked\:opacity-50:checked{
|
2463
|
+
opacity: 0.5;
|
2454
2464
|
}
|
2455
2465
|
.checked\:shadow-whiteInset:checked{
|
2456
2466
|
--tw-shadow: var(--aquarium-box-shadow-white-inset, inset 0 0 0 3px rgba(255,255,255,1));
|
@@ -2477,9 +2487,9 @@ input[type='number'].no-arrows {
|
|
2477
2487
|
background-color: #ededf0;
|
2478
2488
|
background-color: var(--aquarium-colors-grey-5, #ededf0);
|
2479
2489
|
}
|
2480
|
-
.hover\:bg-grey-
|
2481
|
-
background-color: #
|
2482
|
-
background-color: var(--aquarium-colors-grey-
|
2490
|
+
.hover\:bg-grey-20:hover{
|
2491
|
+
background-color: #d2d2d6;
|
2492
|
+
background-color: var(--aquarium-colors-grey-20, #d2d2d6);
|
2483
2493
|
}
|
2484
2494
|
.hover\:bg-primary-90:hover{
|
2485
2495
|
background-color: #222f95;
|
@@ -2524,12 +2534,9 @@ input[type='number'].no-arrows {
|
|
2524
2534
|
.hover\:ring-primary-90:hover{
|
2525
2535
|
--tw-ring-color: var(--aquarium-colors-primary-90, #0174ba);
|
2526
2536
|
}
|
2527
|
-
.hover\:checked\:bg-primary-
|
2528
|
-
background-color: #
|
2529
|
-
background-color: var(--aquarium-colors-primary-
|
2530
|
-
}
|
2531
|
-
.focus\:border:focus{
|
2532
|
-
border-width: 1px;
|
2537
|
+
.hover\:checked\:bg-primary-70:checked:hover{
|
2538
|
+
background-color: #5865cd;
|
2539
|
+
background-color: var(--aquarium-colors-primary-70, #0399e3);
|
2533
2540
|
}
|
2534
2541
|
.focus\:border-info-70:focus{
|
2535
2542
|
border-color: #0399e3;
|
@@ -2797,6 +2804,10 @@ input[type='number'].no-arrows {
|
|
2797
2804
|
color: #e3e9ff;
|
2798
2805
|
color: var(--aquarium-colors-primary-10, #e0f5fe);
|
2799
2806
|
}
|
2807
|
+
.peer\/switch:checked~.peer-checked\/switch\:text-primary-60{
|
2808
|
+
color: #818eec;
|
2809
|
+
color: var(--aquarium-colors-primary-60, #02a8f3);
|
2810
|
+
}
|
2800
2811
|
.peer:hover~.peer-hover\:border-grey-50{
|
2801
2812
|
border-color: #787885;
|
2802
2813
|
border-color: var(--aquarium-colors-grey-50, #787885);
|
@@ -2805,10 +2816,6 @@ input[type='number'].no-arrows {
|
|
2805
2816
|
border-color: #0399e3;
|
2806
2817
|
border-color: var(--aquarium-colors-info-70, #0399e3);
|
2807
2818
|
}
|
2808
|
-
.peer\/switch:disabled~.peer-disabled\/switch\:bg-grey-0{
|
2809
|
-
background-color: #f7f7fa;
|
2810
|
-
background-color: var(--aquarium-colors-grey-0, #f7f7fa);
|
2811
|
-
}
|
2812
2819
|
.children\:inline-block>*{
|
2813
2820
|
display: inline-block;
|
2814
2821
|
}
|