@aivenio/aquarium 1.16.0 → 1.17.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 +13 -4
- package/dist/atoms.mjs +13 -4
- package/dist/src/atoms/Navigation/Navigation.d.ts +3 -1
- package/dist/src/atoms/Navigation/Navigation.js +5 -4
- package/dist/src/molecules/Box/Box.d.ts +34 -1
- package/dist/src/molecules/Box/Box.js +2 -1
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/DataList/DataList.d.ts +1 -1
- package/dist/src/molecules/DataList/DataList.js +5 -5
- package/dist/src/molecules/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +4 -4
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +3 -0
- package/dist/src/molecules/Flexbox/Flexbox.js +4 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +3 -0
- package/dist/src/molecules/Flexbox/FlexboxItem.js +4 -1
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +13 -9
- package/dist/src/molecules/Navigation/Navigation.d.ts +3 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +4 -2
- package/dist/src/molecules/Tooltip/Tooltip.js +6 -1
- package/dist/src/utils/table/types.d.ts +4 -0
- package/dist/styles.css +26 -14
- package/dist/styles_timescaledb.css +26 -14
- package/dist/system.cjs +219 -196
- package/dist/system.mjs +214 -191
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import castArray from 'lodash/castArray';
|
14
14
|
import omit from 'lodash/omit';
|
15
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
15
16
|
import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
16
17
|
import { Button } from '../../../src/molecules/Button/Button';
|
17
18
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
@@ -21,7 +22,8 @@ import { tw } from '../../../src/utils/tailwind';
|
|
21
22
|
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
22
23
|
return (React.createElement(BasePageHeader, null,
|
23
24
|
React.createElement(BasePageHeader.Container, null,
|
24
|
-
breadcrumbs && React.createElement(
|
25
|
+
breadcrumbs && (React.createElement(Box, { marginBottom: image ? '3' : undefined },
|
26
|
+
React.createElement(Breadcrumbs, null, breadcrumbs))),
|
25
27
|
React.createElement(Flexbox, { gap: "5" },
|
26
28
|
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
27
29
|
React.createElement(BasePageHeader.TitleContainer, null,
|
@@ -38,4 +40,4 @@ export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, se
|
|
38
40
|
}),
|
39
41
|
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
40
42
|
};
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBeUIsV0FBVyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0YsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQ3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixLQUFLLEdBQUcsRUFBRSxFQUNWLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGNBQWMsQ0FBQyxTQUFTO1lBQ3RCLFdBQVcsSUFBSSxDQUNkLG9CQUFDLEdBQUcsSUFBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVM7Z0JBQ3hDLG9CQUFDLFdBQVcsUUFBRSxXQUFXLENBQWUsQ0FDcEMsQ0FDUDtZQUNELG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRztnQkFDYixLQUFLLElBQUksNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbUJBQW1CLENBQUMsR0FBSTtnQkFDaEYsb0JBQUMsY0FBYyxDQUFDLGNBQWM7b0JBQzVCLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUF3QjtvQkFDbkQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFDbEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDbkIsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxRQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdEMsQ0FBQyxDQUNtQixDQUN4QjtvQkFDQSxRQUFRLElBQUksb0JBQUMsY0FBYyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQTJCLENBQzVDLENBQ3hCLENBQ2U7UUFDMUIsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxjQUFjLENBQUMsT0FBTztZQUNwQixnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDcEMsSUFBSSxDQUNZLENBQ3BCLENBQUE7aUJBQUEsQ0FBQztZQUNMLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxNQUFNLENBQUMsT0FBTyxrQkFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksSUFBTSxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUNyRSxhQUFhLENBQUMsSUFBSSxDQUNKLENBQ2xCLENBQ3NCLENBQzFCLENBQ2MsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -40,26 +40,31 @@ export const Tooltip = (_a) => {
|
|
40
40
|
var _a, _b;
|
41
41
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
42
42
|
(_b = triggerProps.onClick) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
43
|
+
e.stopPropagation();
|
43
44
|
};
|
44
45
|
const handleMouseDown = (e) => {
|
45
46
|
var _a, _b;
|
46
47
|
(_a = props.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
47
48
|
(_b = triggerProps.onMouseDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
49
|
+
e.stopPropagation();
|
48
50
|
};
|
49
51
|
const handleMouseUp = (e) => {
|
50
52
|
var _a, _b;
|
51
53
|
(_a = props.onMouseUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
52
54
|
(_b = triggerProps.onMouseUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
55
|
+
e.stopPropagation();
|
53
56
|
};
|
54
57
|
const handlePointerDown = (e) => {
|
55
58
|
var _a, _b;
|
56
59
|
(_a = props.onPointerDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
57
60
|
(_b = triggerProps.onPointerDown) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
61
|
+
e.stopPropagation();
|
58
62
|
};
|
59
63
|
const handlePointerUp = (e) => {
|
60
64
|
var _a, _b;
|
61
65
|
(_a = props.onPointerUp) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
62
66
|
(_b = triggerProps.onPointerUp) === null || _b === void 0 ? void 0 : _b.call(triggerProps, e);
|
67
|
+
e.stopPropagation();
|
63
68
|
};
|
64
69
|
return (React.createElement("div", Object.assign({ className: tw(`${inline ? 'inline-block' : 'block'}`) }, triggerProps, { onFocus: (e) => {
|
65
70
|
var _a, _b;
|
@@ -121,4 +126,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
121
126
|
const Arrow = (props) => {
|
122
127
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
|
123
128
|
};
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
129
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBdURsRSxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTJCLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxHQUFHLElBQUksRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF0QyxtQkFBd0MsQ0FBRjtJQUNwRixNQUFNLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsVUFBVSxHQUFHLElBQUksRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVsRyxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN0RCxNQUFNLEtBQUssR0FBRyxzQkFBc0IsaUJBQUcsVUFBVSxFQUFFLEtBQUssSUFBSyxLQUFLLEVBQUcsQ0FBQztJQUN0RSxNQUFNLEVB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
|
@@ -152,6 +152,10 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
|
152
152
|
* that returns the items.
|
153
153
|
*/
|
154
154
|
menu: DropdownMenuItemsComponent | ((row: R, index: number) => DropdownMenuItemsComponent);
|
155
|
+
/**
|
156
|
+
* Optional label for menu that will be used as aria-label attribute. Defaults to 'Context menu'.
|
157
|
+
*/
|
158
|
+
menuLabel?: string;
|
155
159
|
/**
|
156
160
|
* Menu callback function that gets called whenever an item from the menu is selected.
|
157
161
|
* @param action menu item action type
|
package/dist/styles.css
CHANGED
@@ -855,9 +855,6 @@ input[type='number'].no-arrows {
|
|
855
855
|
.mr-4 {
|
856
856
|
margin-right: 12px;
|
857
857
|
}
|
858
|
-
.ml-2 {
|
859
|
-
margin-left: 4px;
|
860
|
-
}
|
861
858
|
.mt-2 {
|
862
859
|
margin-top: 4px;
|
863
860
|
}
|
@@ -873,6 +870,9 @@ input[type='number'].no-arrows {
|
|
873
870
|
.mb-2 {
|
874
871
|
margin-bottom: 4px;
|
875
872
|
}
|
873
|
+
.ml-2 {
|
874
|
+
margin-left: 4px;
|
875
|
+
}
|
876
876
|
.mb-\[7px\] {
|
877
877
|
margin-bottom: 7px;
|
878
878
|
}
|
@@ -1476,6 +1476,10 @@ input[type='number'].no-arrows {
|
|
1476
1476
|
--tw-bg-opacity: 1;
|
1477
1477
|
background-color: rgb(254 242 241 / var(--tw-bg-opacity));
|
1478
1478
|
}
|
1479
|
+
.bg-error-20 {
|
1480
|
+
--tw-bg-opacity: 1;
|
1481
|
+
background-color: rgb(255 173 179 / var(--tw-bg-opacity));
|
1482
|
+
}
|
1479
1483
|
.bg-primary-70 {
|
1480
1484
|
--tw-bg-opacity: 1;
|
1481
1485
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity));
|
@@ -1529,6 +1533,9 @@ input[type='number'].no-arrows {
|
|
1529
1533
|
.p-2 {
|
1530
1534
|
padding: 4px;
|
1531
1535
|
}
|
1536
|
+
.p-1 {
|
1537
|
+
padding: 2px;
|
1538
|
+
}
|
1532
1539
|
.px-3 {
|
1533
1540
|
padding-left: 8px;
|
1534
1541
|
padding-right: 8px;
|
@@ -2013,17 +2020,10 @@ input[type='number'].no-arrows {
|
|
2013
2020
|
--tw-text-opacity: 1;
|
2014
2021
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
2015
2022
|
}
|
2016
|
-
.underline {
|
2017
|
-
-webkit-text-decoration-line: underline;
|
2018
|
-
text-decoration-line: underline;
|
2019
|
-
}
|
2020
2023
|
.no-underline {
|
2021
2024
|
-webkit-text-decoration-line: none;
|
2022
2025
|
text-decoration-line: none;
|
2023
2026
|
}
|
2024
|
-
.underline-offset-2 {
|
2025
|
-
text-underline-offset: 2px;
|
2026
|
-
}
|
2027
2027
|
.opacity-70 {
|
2028
2028
|
opacity: 0.7;
|
2029
2029
|
}
|
@@ -2216,6 +2216,14 @@ input[type='number'].no-arrows {
|
|
2216
2216
|
--tw-bg-opacity: 1;
|
2217
2217
|
background-color: rgb(255 53 84 / var(--tw-bg-opacity));
|
2218
2218
|
}
|
2219
|
+
.hover\:bg-error-10:hover {
|
2220
|
+
--tw-bg-opacity: 1;
|
2221
|
+
background-color: rgb(255 203 210 / var(--tw-bg-opacity));
|
2222
|
+
}
|
2223
|
+
.hover\:bg-grey-10:hover {
|
2224
|
+
--tw-bg-opacity: 1;
|
2225
|
+
background-color: rgb(225 225 227 / var(--tw-bg-opacity));
|
2226
|
+
}
|
2219
2227
|
.hover\:text-primary-70:hover {
|
2220
2228
|
--tw-text-opacity: 1;
|
2221
2229
|
color: rgb(255 53 84 / var(--tw-text-opacity));
|
@@ -2232,10 +2240,6 @@ input[type='number'].no-arrows {
|
|
2232
2240
|
--tw-text-opacity: 1;
|
2233
2241
|
color: rgb(228 26 74 / var(--tw-text-opacity));
|
2234
2242
|
}
|
2235
|
-
.hover\:no-underline:hover {
|
2236
|
-
-webkit-text-decoration-line: none;
|
2237
|
-
text-decoration-line: none;
|
2238
|
-
}
|
2239
2243
|
.hover\:ring-grey-50:hover {
|
2240
2244
|
--tw-ring-opacity: 1;
|
2241
2245
|
--tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
|
@@ -2254,6 +2258,14 @@ input[type='number'].no-arrows {
|
|
2254
2258
|
.focus\:border-transparent:focus {
|
2255
2259
|
border-color: transparent;
|
2256
2260
|
}
|
2261
|
+
.focus\:bg-error-20:focus {
|
2262
|
+
--tw-bg-opacity: 1;
|
2263
|
+
background-color: rgb(255 173 179 / var(--tw-bg-opacity));
|
2264
|
+
}
|
2265
|
+
.focus\:bg-grey-20:focus {
|
2266
|
+
--tw-bg-opacity: 1;
|
2267
|
+
background-color: rgb(210 210 214 / var(--tw-bg-opacity));
|
2268
|
+
}
|
2257
2269
|
.focus\:text-primary-80:focus {
|
2258
2270
|
--tw-text-opacity: 1;
|
2259
2271
|
color: rgb(228 26 74 / var(--tw-text-opacity));
|
@@ -854,9 +854,6 @@ input[type='number'].no-arrows {
|
|
854
854
|
.mr-4 {
|
855
855
|
margin-right: 12px;
|
856
856
|
}
|
857
|
-
.ml-2 {
|
858
|
-
margin-left: 4px;
|
859
|
-
}
|
860
857
|
.mt-2 {
|
861
858
|
margin-top: 4px;
|
862
859
|
}
|
@@ -872,6 +869,9 @@ input[type='number'].no-arrows {
|
|
872
869
|
.mb-2 {
|
873
870
|
margin-bottom: 4px;
|
874
871
|
}
|
872
|
+
.ml-2 {
|
873
|
+
margin-left: 4px;
|
874
|
+
}
|
875
875
|
.mb-\[7px\] {
|
876
876
|
margin-bottom: 7px;
|
877
877
|
}
|
@@ -1475,6 +1475,10 @@ input[type='number'].no-arrows {
|
|
1475
1475
|
--tw-bg-opacity: 1;
|
1476
1476
|
background-color: rgb(254 242 241 / var(--tw-bg-opacity));
|
1477
1477
|
}
|
1478
|
+
.bg-error-20 {
|
1479
|
+
--tw-bg-opacity: 1;
|
1480
|
+
background-color: rgb(255 173 179 / var(--tw-bg-opacity));
|
1481
|
+
}
|
1478
1482
|
.bg-primary-70 {
|
1479
1483
|
--tw-bg-opacity: 1;
|
1480
1484
|
background-color: rgb(3 153 227 / var(--tw-bg-opacity));
|
@@ -1528,6 +1532,9 @@ input[type='number'].no-arrows {
|
|
1528
1532
|
.p-2 {
|
1529
1533
|
padding: 4px;
|
1530
1534
|
}
|
1535
|
+
.p-1 {
|
1536
|
+
padding: 2px;
|
1537
|
+
}
|
1531
1538
|
.px-3 {
|
1532
1539
|
padding-left: 8px;
|
1533
1540
|
padding-right: 8px;
|
@@ -2012,17 +2019,10 @@ input[type='number'].no-arrows {
|
|
2012
2019
|
--tw-text-opacity: 1;
|
2013
2020
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
2014
2021
|
}
|
2015
|
-
.underline {
|
2016
|
-
-webkit-text-decoration-line: underline;
|
2017
|
-
text-decoration-line: underline;
|
2018
|
-
}
|
2019
2022
|
.no-underline {
|
2020
2023
|
-webkit-text-decoration-line: none;
|
2021
2024
|
text-decoration-line: none;
|
2022
2025
|
}
|
2023
|
-
.underline-offset-2 {
|
2024
|
-
text-underline-offset: 2px;
|
2025
|
-
}
|
2026
2026
|
.opacity-70 {
|
2027
2027
|
opacity: 0.7;
|
2028
2028
|
}
|
@@ -2215,6 +2215,14 @@ input[type='number'].no-arrows {
|
|
2215
2215
|
--tw-bg-opacity: 1;
|
2216
2216
|
background-color: rgb(3 153 227 / var(--tw-bg-opacity));
|
2217
2217
|
}
|
2218
|
+
.hover\:bg-error-10:hover {
|
2219
|
+
--tw-bg-opacity: 1;
|
2220
|
+
background-color: rgb(255 203 210 / var(--tw-bg-opacity));
|
2221
|
+
}
|
2222
|
+
.hover\:bg-grey-10:hover {
|
2223
|
+
--tw-bg-opacity: 1;
|
2224
|
+
background-color: rgb(225 225 227 / var(--tw-bg-opacity));
|
2225
|
+
}
|
2218
2226
|
.hover\:text-primary-70:hover {
|
2219
2227
|
--tw-text-opacity: 1;
|
2220
2228
|
color: rgb(3 153 227 / var(--tw-text-opacity));
|
@@ -2231,10 +2239,6 @@ input[type='number'].no-arrows {
|
|
2231
2239
|
--tw-text-opacity: 1;
|
2232
2240
|
color: rgb(7 136 209 / var(--tw-text-opacity));
|
2233
2241
|
}
|
2234
|
-
.hover\:no-underline:hover {
|
2235
|
-
-webkit-text-decoration-line: none;
|
2236
|
-
text-decoration-line: none;
|
2237
|
-
}
|
2238
2242
|
.hover\:ring-grey-50:hover {
|
2239
2243
|
--tw-ring-opacity: 1;
|
2240
2244
|
--tw-ring-color: rgb(120 120 133 / var(--tw-ring-opacity));
|
@@ -2253,6 +2257,14 @@ input[type='number'].no-arrows {
|
|
2253
2257
|
.focus\:border-transparent:focus {
|
2254
2258
|
border-color: transparent;
|
2255
2259
|
}
|
2260
|
+
.focus\:bg-error-20:focus {
|
2261
|
+
--tw-bg-opacity: 1;
|
2262
|
+
background-color: rgb(255 173 179 / var(--tw-bg-opacity));
|
2263
|
+
}
|
2264
|
+
.focus\:bg-grey-20:focus {
|
2265
|
+
--tw-bg-opacity: 1;
|
2266
|
+
background-color: rgb(210 210 214 / var(--tw-bg-opacity));
|
2267
|
+
}
|
2256
2268
|
.focus\:text-primary-80:focus {
|
2257
2269
|
--tw-text-opacity: 1;
|
2258
2270
|
color: rgb(7 136 209 / var(--tw-text-opacity));
|