@aivenio/aquarium 1.65.2 → 1.67.0-rc1
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 +11 -3
- package/dist/_variables.scss +69 -3
- package/dist/atoms.cjs +821 -325
- package/dist/atoms.mjs +816 -325
- package/dist/charts.cjs +1 -1
- package/dist/charts.mjs +1 -1
- package/dist/src/atoms/Alert/Alert.js +15 -15
- package/dist/src/atoms/Banner/Banner.js +3 -3
- package/dist/src/atoms/Card/Card.js +6 -6
- package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/atoms/Checkbox/Checkbox.js +7 -7
- package/dist/src/atoms/DataList/DataList.js +5 -5
- package/dist/src/atoms/Dialog/Dialog.d.ts +2 -2
- package/dist/src/atoms/Dialog/Dialog.js +4 -4
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +8 -10
- package/dist/src/atoms/Modal/Modal.js +4 -4
- package/dist/src/atoms/Navigation/Navigation.js +5 -5
- package/dist/src/atoms/Popover/Popover.js +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +6 -6
- package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/atoms/RadioButton/RadioButton.js +4 -4
- package/dist/src/atoms/Section/Section.js +2 -2
- package/dist/src/atoms/Select/Select.js +16 -19
- package/dist/src/atoms/Stepper/Stepper.js +12 -11
- package/dist/src/atoms/Switch/Switch.d.ts +1 -1
- package/dist/src/atoms/Switch/Switch.js +5 -5
- package/dist/src/atoms/Table/Table.js +6 -6
- package/dist/src/atoms/Timeline/Timeline.js +3 -3
- package/dist/src/atoms/Toast/Toast.js +5 -5
- package/dist/src/atoms/Typography/Typography.d.ts +2 -2
- package/dist/src/atoms/Typography/Typography.js +2 -2
- package/dist/src/atoms/index.d.ts +5 -0
- package/dist/src/atoms/index.js +6 -1
- package/dist/src/charts/PieChart/ChartValue.js +1 -1
- package/dist/src/js/resolveTheme.js +2 -14
- package/dist/src/molecules/Accordion/Accordion.js +2 -2
- package/dist/src/molecules/Badge/Badge.d.ts +10 -4
- package/dist/src/molecules/Badge/Badge.js +6 -5
- package/dist/src/molecules/Banner/Banner.d.ts +1 -1
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +4 -4
- package/dist/src/molecules/Button/Button.d.ts +9 -9
- package/dist/src/molecules/Button/Button.js +6 -6
- package/dist/src/molecules/Chip/Chip.js +10 -10
- package/dist/src/molecules/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/molecules/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/DataList/DataList.d.ts +5 -1
- package/dist/src/molecules/DataList/DataList.js +7 -6
- package/dist/src/molecules/DataList/DataListGroup.d.ts +1 -1
- package/dist/src/molecules/DataList/DataListGroup.js +4 -3
- package/dist/src/molecules/DataTable/DataTable.js +1 -1
- package/dist/src/molecules/Divider/Divider.js +2 -2
- package/dist/src/molecules/Drawer/Drawer.js +7 -9
- package/dist/src/molecules/Dropdown/Dropdown.js +6 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +10 -2
- package/dist/src/molecules/Icon/Icon.d.ts +2 -2
- package/dist/src/molecules/Icon/Icon.js +3 -3
- package/dist/src/molecules/Input/Input.d.ts +4 -3
- package/dist/src/molecules/Input/Input.js +10 -4
- package/dist/src/molecules/List/List.js +2 -2
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +10 -11
- package/dist/src/molecules/NativeSelect/NativeSelect.js +6 -6
- package/dist/src/molecules/Pagination/Pagination.js +2 -2
- package/dist/src/molecules/Section/Section.js +2 -2
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +12 -12
- package/dist/src/molecules/Skeleton/Skeleton.js +2 -2
- package/dist/src/molecules/Tabs/Tabs.js +9 -9
- package/dist/src/molecules/TagLabel/TagLabel.js +4 -4
- package/dist/src/molecules/Timeline/Timeline.js +2 -2
- package/dist/src/molecules/Tooltip/Tooltip.js +3 -3
- package/dist/src/utils/constants.js +6 -6
- package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.js +6 -6
- package/dist/styles.css +355 -240
- package/dist/system.cjs +496 -235
- package/dist/system.mjs +502 -241
- package/dist/tailwind/tailwind.backgroundColor.d.ts +43 -0
- package/dist/tailwind/tailwind.backgroundColor.js +44 -0
- package/dist/tailwind/tailwind.borderColor.d.ts +44 -0
- package/dist/tailwind/tailwind.borderColor.js +32 -0
- package/dist/tailwind/tailwind.borderRadius.d.ts +1 -0
- package/dist/tailwind/tailwind.borderRadius.js +5 -0
- package/dist/tailwind/tailwind.colors.d.ts +102 -0
- package/dist/tailwind/tailwind.colors.js +106 -0
- package/dist/tailwind/tailwind.elevations.d.ts +8 -0
- package/dist/tailwind/tailwind.elevations.js +9 -0
- package/dist/tailwind/tailwind.margin.d.ts +22 -0
- package/dist/tailwind/tailwind.margin.js +23 -0
- package/dist/tailwind/tailwind.spacing.d.ts +21 -0
- package/dist/tailwind/tailwind.spacing.js +22 -0
- package/dist/tailwind/tailwind.textColor.d.ts +56 -0
- package/dist/tailwind/tailwind.textColor.js +39 -0
- package/dist/tailwind/tailwind.typography.d.ts +14 -0
- package/dist/tailwind/tailwind.typography.js +15 -0
- package/dist/tailwind/textColor.d.ts +219 -0
- package/dist/tailwind/textColor.js +651 -0
- package/dist/tailwind/typography.d.ts +219 -0
- package/dist/tailwind/typography.js +651 -0
- package/dist/tailwind.config.js +74 -5
- package/dist/tailwind.theme.json +253 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/designTokens.d.ts +2 -0
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
@@ -13,9 +13,9 @@ import React from 'react';
|
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const RadioButton = React.forwardRef((_a, ref) => {
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
16
|
-
return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full
|
17
|
-
'hover:border-intense checked:border-primary-
|
18
|
-
'cursor-not-allowed border-muted bg-
|
16
|
+
return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full border border-default', 'outline-none focus:border-info-default checked:bg-primary-default checked:shadow-whiteInset', {
|
17
|
+
'cursor-pointer hover:border-intense checked:border-primary-default': !disabled,
|
18
|
+
'cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent': disabled,
|
19
19
|
})), readOnly: readOnly, disabled: disabled })));
|
20
20
|
});
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxxRUFBcUUsRUFDckUsb0RBQW9ELEVBQ3BELDZGQUE2RixFQUM3RjtZQUNFLG9FQUFvRSxFQUFFLENBQUMsUUFBUTtZQUMvRSw4RkFBOEYsRUFBRSxRQUFRO1NBQ3pHLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCLENBQ0gsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
@@ -22,7 +22,7 @@ export const Section = (_a) => {
|
|
22
22
|
};
|
23
23
|
Section.Header = (_a) => {
|
24
24
|
var { children, className, expanded } = _a, rest = __rest(_a, ["children", "className", "expanded"]);
|
25
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-
|
25
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-6 flex gap-5 justify-between items-center h-[72px]', { 'bg-muted': expanded }), className) }), children));
|
26
26
|
};
|
27
27
|
Section.TitleContainer = (_a) => {
|
28
28
|
var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
|
@@ -46,4 +46,4 @@ Section.Body = (_a) => {
|
|
46
46
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
47
47
|
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
48
48
|
};
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBMEMsRUFBRSxFQUFFO1FBQTlDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXhDLHFDQUEwQyxDQUFGO0lBQU8sT0FBQSxDQUMvRCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQ3JGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -36,22 +36,22 @@ export const getValues = (children) => {
|
|
36
36
|
};
|
37
37
|
const InputContainer = React.forwardRef((_a, ref) => {
|
38
38
|
var { variant = 'default', className } = _a, props = __rest(_a, ["variant", "className"]);
|
39
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'relative rounded-sm typography-default-strong w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-
|
39
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'relative rounded-sm typography-default-strong w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-default', {
|
40
40
|
'border px-3 py-[6px]': variant !== 'readOnly',
|
41
41
|
'cursor-default': variant === 'readOnly',
|
42
42
|
'border-default': variant !== 'error' && variant !== 'readOnly',
|
43
|
-
'border-
|
43
|
+
'border-danger-default': variant === 'error',
|
44
44
|
'hover:border-intense': variant !== 'error' && variant !== 'disabled' && variant !== 'focused',
|
45
|
-
'border-info-
|
46
|
-
'bg-
|
47
|
-
'cursor-not-allowed border-default bg-
|
45
|
+
'border-info-default': variant === 'focused',
|
46
|
+
'bg-body': variant !== 'disabled',
|
47
|
+
'cursor-not-allowed border-default bg-default': variant === 'disabled',
|
48
48
|
}) }, props)));
|
49
49
|
});
|
50
50
|
const Input = React.forwardRef((_a, ref) => {
|
51
51
|
var { className } = _a, props = __rest(_a, ["className"]);
|
52
|
-
return (React.createElement("input", Object.assign({ ref: ref, type: "text", className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-
|
52
|
+
return (React.createElement("input", Object.assign({ ref: ref, type: "text", className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive', {
|
53
53
|
'text-default': !props.disabled,
|
54
|
-
'text-
|
54
|
+
'text-inactive': props.disabled,
|
55
55
|
'cursor-default': props.readOnly,
|
56
56
|
}) }, props)));
|
57
57
|
});
|
@@ -61,7 +61,7 @@ const Menu = React.forwardRef((_a, ref) => {
|
|
61
61
|
});
|
62
62
|
const NoResults = React.forwardRef((_a, ref) => {
|
63
63
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
64
|
-
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-
|
64
|
+
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-inactive italic typography-small'), className) }), children));
|
65
65
|
});
|
66
66
|
const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
67
67
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
@@ -70,28 +70,25 @@ const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
|
70
70
|
const Divider = (props) => (React.createElement("div", Object.assign({ className: tw('border-b-[1px] border-muted mx-3 my-4') }, props)));
|
71
71
|
const Group = React.forwardRef((_a, ref) => {
|
72
72
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
73
|
-
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-
|
74
|
-
'text-grey-20': props.disabled,
|
75
|
-
}) }, props), children));
|
73
|
+
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-inactive uppercase cursor-default typography-caption mt-4 first:mt-0') }, props), children));
|
76
74
|
});
|
77
75
|
const Item = React.forwardRef((_a, ref) => {
|
78
76
|
var { highlighted, selected, className, children } = _a, props = __rest(_a, ["highlighted", "selected", "className", "children"]);
|
79
77
|
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 typography-small', {
|
80
|
-
'cursor-pointer hover:bg-
|
78
|
+
'cursor-pointer hover:bg-muted': !props['aria-disabled'],
|
81
79
|
'cursor-not-allowed opacity-40 grayscale': props['aria-disabled'],
|
82
|
-
'bg-
|
80
|
+
'bg-muted': highlighted,
|
83
81
|
}) }, props),
|
84
82
|
React.createElement("span", { className: tw('grow flex gap-x-3') }, children),
|
85
83
|
selected && React.createElement(InlineIcon, { icon: tick })));
|
86
84
|
});
|
87
85
|
const ActionItem = React.forwardRef((_a, ref) => {
|
88
86
|
var { className, dense, icon, onClick, children } = _a, props = __rest(_a, ["className", "dense", "icon", "onClick", "children"]);
|
89
|
-
return (React.createElement("li", Object.assign({ ref: ref, role: "button", onClick: () => !props.disabled && (onClick === null || onClick === void 0 ? void 0 : onClick()), className: classNames(className, 'flex items-center gap-x-3 typography-small
|
87
|
+
return (React.createElement("li", Object.assign({ ref: ref, role: "button", onClick: () => !props.disabled && (onClick === null || onClick === void 0 ? void 0 : onClick()), className: classNames(className, 'flex items-center gap-x-3 typography-small', {
|
90
88
|
'p-3': !dense,
|
91
89
|
'px-3 py-2': dense,
|
92
|
-
'cursor-pointer': !props.disabled,
|
93
|
-
'text-
|
94
|
-
'hover:text-primary-70': !props.disabled,
|
90
|
+
'text-primary-intense cursor-pointer hover:text-primary-default': !props.disabled,
|
91
|
+
'text-inactive cursor-not-allowed': props.disabled,
|
95
92
|
}) }, props),
|
96
93
|
icon && React.createElement(InlineIcon, { icon: icon }),
|
97
94
|
children));
|
@@ -100,7 +97,7 @@ const Toggle = React.forwardRef((_a, ref) => {
|
|
100
97
|
var _b;
|
101
98
|
var { hasFocus, isOpen } = _a, props = __rest(_a, ["hasFocus", "isOpen"]);
|
102
99
|
return (React.createElement("button", Object.assign({ ref: ref, type: "button", "aria-label": "Toggle" }, props, { className: tw('grow-0 leading-none', { 'cursor-not-allowed': (_b = props.disabled) !== null && _b !== void 0 ? _b : false }) }),
|
103
|
-
React.createElement(InlineIcon, { color: props.disabled ? '
|
100
|
+
React.createElement(InlineIcon, { color: props.disabled ? 'inactive' : 'default', icon: hasFocus ? searchIcon : isOpen ? chevronUp : chevronDown })));
|
104
101
|
});
|
105
102
|
export const Select = {
|
106
103
|
InputContainer,
|
@@ -114,4 +111,4 @@ export const Select = {
|
|
114
111
|
ActionItem,
|
115
112
|
Toggle,
|
116
113
|
};
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBQzVDLE9BQU8sVUFBVSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE1BQU0sVUFBVSxxQkFBcUIsQ0FBUyxNQUFxQjs7SUFDakUsSUFBSSxNQUFNLEtBQUssSUFBSSxFQUFFO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxJQUFJLE9BQU8sTUFBTSxLQUFLLFFBQVEsRUFBRTtRQUM5QixPQUFPLE1BQU0sQ0FBQztLQUNmO0lBRUQsT0FBTyxNQUFFLE1BQThCLENBQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDO0FBQ2pFLENBQUM7QUFFRCxNQUFNLFVBQVUsdUJBQXVCLENBQVMsTUFBYztJQUM1RCxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxDQUFD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
|
@@ -27,27 +27,28 @@ const ConnectorContainer = (_a) => {
|
|
27
27
|
const Connector = (_a) => {
|
28
28
|
var { children, className, completed, dense } = _a, rest = __rest(_a, ["children", "className", "completed", "dense"]);
|
29
29
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-full', {
|
30
|
-
'bg-
|
31
|
-
'bg-success-
|
30
|
+
'bg-intense': !completed,
|
31
|
+
'bg-success-default': Boolean(completed),
|
32
32
|
'h-[2px]': !dense,
|
33
33
|
'h-[3px]': Boolean(dense),
|
34
34
|
}), className) })));
|
35
35
|
};
|
36
36
|
const Step = (_a) => {
|
37
37
|
var { className, state } = _a, rest = __rest(_a, ["className", "state"]);
|
38
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col items-center
|
39
|
-
'text-
|
38
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col items-center relative text-center', {
|
39
|
+
'text-intense': state !== 'inactive',
|
40
|
+
'text-inactive': state === 'inactive',
|
40
41
|
}), className) })));
|
41
42
|
};
|
42
43
|
const getClassNames = (state) => tw('h-[32px] w-[32px] border-2', {
|
43
|
-
'border-grey-90 bg-
|
44
|
-
'border-default bg-
|
45
|
-
'text-white bg-success-
|
44
|
+
'border-grey-90 bg-body': state === 'active',
|
45
|
+
'border-default bg-body': state === 'inactive',
|
46
|
+
'text-white bg-success-default border-success-intense': state === 'completed',
|
46
47
|
});
|
47
48
|
const getDenseClassNames = (state) => tw('h-[8px] w-[8px]', {
|
48
|
-
'bg-
|
49
|
-
'bg-
|
50
|
-
'text-success-
|
49
|
+
'bg-body-intense': state === 'active',
|
50
|
+
'bg-intense': state === 'inactive',
|
51
|
+
'text-success-default': state === 'completed',
|
51
52
|
});
|
52
53
|
const Indicator = (_a) => {
|
53
54
|
var { children, className, state, dense } = _a, rest = __rest(_a, ["children", "className", "state", "dense"]);
|
@@ -57,4 +58,4 @@ Step.Indicator = Indicator;
|
|
57
58
|
Stepper.Step = Step;
|
58
59
|
ConnectorContainer.Connector = Connector;
|
59
60
|
Stepper.ConnectorContainer = ConnectorContainer;
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBV2xDLE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBeUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQ3BELENBQUE7Q0FBQSxDQUFDO0FBT0YsTUFBTSxrQkFBa0IsR0FBd0UsQ0FBQyxFQUtoRyxFQUFFLEVBQUU7UUFMNEYsRUFDL0YsU0FBUyxFQUNULFNBQVMsRUFDVCxLQUFLLE9BRU4sRUFESSxJQUFJLGNBSndGLG1DQUtoRyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkJBQTJCLEVBQUU7WUFDOUIscUJBQXFCLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztZQUNyQyxzQkFBc0IsRUFBRSxDQUFDLEtBQUs7U0FDL0IsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFPRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUFrRCxFQUFFLEVBQUU7UUFBdEQsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQWhE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
|
@@ -4,7 +4,7 @@ export declare type SwitchProps = Omit<React.DetailedHTMLProps<React.InputHTMLAt
|
|
4
4
|
name?: string;
|
5
5
|
value?: string;
|
6
6
|
};
|
7
|
-
export declare const Switch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "
|
7
|
+
export declare const Switch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "id" | "name" | "type" | "ref" | "value"> & {
|
8
8
|
id?: string | undefined;
|
9
9
|
name?: string | undefined;
|
10
10
|
value?: string | undefined;
|
@@ -16,12 +16,12 @@ import ban from '../../../src/icons/ban';
|
|
16
16
|
export const Switch = React.forwardRef((_a, ref) => {
|
17
17
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
18
18
|
return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
|
19
|
-
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focusable bg-
|
20
|
-
'hover:bg-
|
21
|
-
'bg-
|
19
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focusable bg-intense', 'cursor-pointer disabled:cursor-not-allowed', {
|
20
|
+
'hover:bg-intense checked:bg-primary-default hover:checked:bg-primary-intense': !disabled,
|
21
|
+
'bg-default checked:opacity-50 checked:bg-primary-muted': disabled,
|
22
22
|
})), readOnly: readOnly, disabled: disabled })),
|
23
|
-
React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white left-2 peer-checked/switch:left-1 text-
|
23
|
+
React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white left-2 peer-checked/switch:left-1 text-inactive peer-checked/switch:text-primary-muted', {
|
24
24
|
'shadow-4dp': !disabled,
|
25
25
|
}) }, disabled && React.createElement(Icon, { icon: ban, width: "10px", height: "10px" }))));
|
26
26
|
});
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sR0FBRyxNQUFNLGVBQWUsQ0FBQztBQVdoQyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsQ0FBQyxFQUFvRSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQTdFLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxPQUFZLEVBQVAsS0FBSyxjQUFsRSxrREFBb0UsQ0FBRjtJQUFZLE9BQUEsQ0FDN0UsOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxvRUFBb0UsQ0FBQztRQUN2Riw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0EsaUdBQWlHLEVBQ2pHLG1DQUFtQyxFQUNuQyw0Q0FBNEMsRUFDNUM7Z0JBQ0UsOEVBQThFLEVBQUUsQ0FBQyxRQUFRO2dCQUN6Rix3REFBd0QsRUFBRSxRQUFRO2FBQ25FLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCO1FBRUYsOEJBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FDWCwrSkFBK0osRUFDL0osaUdBQWlHLEVBQ2pHO2dCQUNFLFlBQVksRUFBRSxDQUFDLFFBQVE7YUFDeEIsQ0FDRixJQUVBLFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBQyxNQUFNLEdBQUcsQ0FDdEQsQ0FDRixDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -34,7 +34,7 @@ const TableBody = (_a) => {
|
|
34
34
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
35
35
|
return React.createElement("tbody", Object.assign({}, rest), children);
|
36
36
|
};
|
37
|
-
export const rowClassNames = tw('children:border-default group children:last:border-b-0 hover:bg-
|
37
|
+
export const rowClassNames = tw('children:border-default group children:last:border-b-0 hover:bg-muted');
|
38
38
|
const TableRow = (_a) => {
|
39
39
|
var { children, className, disabled } = _a, rest = __rest(_a, ["children", "className", "disabled"]);
|
40
40
|
return (React.createElement("tr", Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(rowClassNames, className, {
|
@@ -45,13 +45,13 @@ export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]'
|
|
45
45
|
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-default py-3', {
|
46
46
|
'h-[50px]': table,
|
47
47
|
'min-h-[50px]': !table,
|
48
|
-
'sticky z-10 bg-
|
48
|
+
'sticky z-10 bg-body group-hover:bg-muted': Boolean(stickyColumn),
|
49
49
|
'left-0': stickyColumn === 'left',
|
50
50
|
'right-0': stickyColumn === 'right',
|
51
51
|
});
|
52
52
|
export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
|
53
53
|
export const getHeadCellClassNames = (sticky = true, stickyColumn) => {
|
54
|
-
const common = tw('py-[14px] text-left bg-
|
54
|
+
const common = tw('py-[14px] text-left bg-body border-intense text-muted font-semibold whitespace-nowrap');
|
55
55
|
return sticky
|
56
56
|
? classNames(common, tw('sticky top-0', {
|
57
57
|
'z-10': !stickyColumn,
|
@@ -73,9 +73,9 @@ const TableSelectCell = (_a) => {
|
|
73
73
|
var { ariaLabel } = _a, props = __rest(_a, ["ariaLabel"]);
|
74
74
|
return (React.createElement(Table.Cell, { className: tw('leading-[0px]') }, props.type === 'radio' ? (React.createElement(RadioButton, Object.assign({ "aria-label": ariaLabel }, props))) : (React.createElement(Checkbox, Object.assign({ "aria-label": ariaLabel }, props)))));
|
75
75
|
};
|
76
|
-
export const getSortCellButtonClassNames = (align) => tw('group flex items-center gap-x-4 text-
|
76
|
+
export const getSortCellButtonClassNames = (align) => tw('group flex items-center gap-x-4 text-muted', { 'flex-row-reverse': align === 'right' });
|
77
77
|
export const getSortCellIconClassNames = (active) => {
|
78
|
-
return tw('text-[9px]', active ? 'text-default' : 'text-
|
78
|
+
return tw('text-[9px]', active ? 'text-default' : 'text-inactive');
|
79
79
|
};
|
80
80
|
const TableSortCell = (_a) => {
|
81
81
|
var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
|
@@ -102,4 +102,4 @@ Table.Cell = React.memo(TableCell);
|
|
102
102
|
Table.SortCell = React.memo(TableSortCell);
|
103
103
|
Table.SelectCell = React.memo(TableSelectCell);
|
104
104
|
Table.Caption = Caption;
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQTRDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQVFkLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJ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
|
@@ -29,15 +29,15 @@ const LineContainer = (_a) => {
|
|
29
29
|
};
|
30
30
|
const Line = (_a) => {
|
31
31
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
32
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-1 bg-
|
32
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-1 bg-default h-full justify-self-center'), className) })));
|
33
33
|
};
|
34
34
|
const Dot = (_a) => {
|
35
35
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
36
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('bg-
|
36
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('bg-intense h-[6px] w-[6px] rounded'), className) })));
|
37
37
|
};
|
38
38
|
Separator.Dot = Dot;
|
39
39
|
LineContainer.Line = Line;
|
40
40
|
Timeline.Separator = Separator;
|
41
41
|
Timeline.LineContainer = LineContainer;
|
42
42
|
Timeline.Content = Content;
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGltZWxpbmUvVGltZWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVcEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDekUsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDN0YsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzlELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNoRSxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QyxDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDdEYsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBK0MsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzVGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMkNBQTJDLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNyRyxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDOUYsQ0FBQTtDQUFBLENBQUM7QUFFRixTQUFTLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztBQUNwQixhQUFhLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUUxQixRQUFRLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUMvQixRQUFRLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztBQUN2QyxRQUFRLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyJ9
|
@@ -15,16 +15,16 @@ import { tw } from '../../../src/utils/tailwind';
|
|
15
15
|
export const Toast = (_a) => {
|
16
16
|
var { children, className, variant } = _a, rest = __rest(_a, ["children", "className", "variant"]);
|
17
17
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('typography-body-small rounded grid grid-cols-[1fr_auto] items-center gap-x-6 gap-y-2 p-4 text-white', {
|
18
|
-
'bg-
|
19
|
-
'bg-
|
18
|
+
'bg-body-intense': variant === 'default',
|
19
|
+
'bg-danger-intense': variant === 'danger',
|
20
20
|
}), className) }), children));
|
21
21
|
};
|
22
22
|
const Dismiss = (_a) => {
|
23
23
|
var { children, className, variant } = _a, rest = __rest(_a, ["children", "className", "variant"]);
|
24
24
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('self-start [&>button]:p-0 flex', {
|
25
|
-
'[&>button]:text-
|
26
|
-
'[&>button]:text-
|
25
|
+
'[&>button]:text-muted': variant === 'default',
|
26
|
+
'[&>button]:text-danger-muted': variant === 'danger',
|
27
27
|
}), className) }), children));
|
28
28
|
};
|
29
29
|
Toast.Dismiss = Dismiss;
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVG9hc3QvVG9hc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUVwQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjeEMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBSzNFLEVBQUUsRUFBRTtRQUx1RSxFQUMxRSxRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sT0FFUixFQURJLElBQUksY0FKbUUsb0NBSzNFLENBRFE7SUFDSCxPQUFBLENBQ0osNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxR0FBcUcsRUFBRTtZQUN4RyxpQkFBaUIsRUFBRSxPQUFPLEtBQUssU0FBUztZQUN4QyxtQkFBbUIsRUFBRSxPQUFPLEtBQUssUUFBUTtTQUMxQyxDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBb0MsQ0FBQyxFQUF5QyxFQUFFLEVBQUU7UUFBN0MsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE9BQU8sT0FBVyxFQUFOLElBQUksY0FBdkMsb0NBQXlDLENBQUY7SUFBTyxPQUFBLENBQzlGLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsZ0NBQWdDLEVBQUU7WUFDbkMsdUJBQXVCLEVBQUUsT0FBTyxLQUFLLFNBQVM7WUFDOUMsOEJBQThCLEVBQUUsT0FBTyxLQUFLLFFBQVE7U0FDckQsQ0FBQyxFQUNGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type
|
2
|
+
import { type TextColorName, type TypographyName } from '../../../types/designTokens';
|
3
3
|
export declare type TypographyProps = {
|
4
4
|
id?: string;
|
5
5
|
children: React.ReactNode;
|
6
6
|
variant?: TypographyName;
|
7
|
-
color?:
|
7
|
+
color?: TextColorName;
|
8
8
|
className?: string;
|
9
9
|
htmlTag?: keyof JSX.IntrinsicElements;
|
10
10
|
fontWeight?: React.CSSProperties['fontWeight'];
|
@@ -26,6 +26,6 @@ export const Typography = (_a) => {
|
|
26
26
|
*/
|
27
27
|
const resolvedColorName = isUndefined(color) || color === 'current' ? 'default' : color;
|
28
28
|
const style = useStyle({ fontWeight });
|
29
|
-
return (React.createElement(HtmlElement, Object.assign({ className: classNames(typographies[variant], `text-${resolvedColorName}`, className), style: style }, rest), children));
|
29
|
+
return (React.createElement(HtmlElement, Object.assign({ className: classNames(typographies[variant], `text-${resolvedColorName.toString()}`, className), style: style }, rest), children));
|
30
30
|
};
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRzlDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDaEQsQ0FBQyxHQUFHLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLGlDQUFNLEdBQUcsS0FBRSxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsSUFBRyxFQUM3RCxFQUF5QyxDQUMxQyxDQUFDO0FBWUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFRVCxFQUFlLEVBQUU7UUFSUixFQUN6QixRQUFRLEVBQ1IsT0FBTyxHQUFHLFNBQVMsRUFDbkIsS0FBSyxFQUNMLE9BQU8sR0FBRyxLQUFLLEVBQ2YsU0FBUyxFQUNULFVBQVUsT0FFTSxFQURiLElBQUksY0FQa0Isc0VBUTFCLENBRFE7SUFFUCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUM7SUFFNUI7Ozs7O09BS0c7SUFDSCxNQUFNLGlCQUFpQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN4RixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLGtCQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsaUJBQWlCLENBQUMsUUFBUSxFQUFFLEVBQUUsRUFBRSxTQUFTLENBQUMsRUFDL0YsS0FBSyxFQUFFLEtBQUssSUFDUixJQUFJLEdBRVAsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -1,4 +1,5 @@
|
|
1
1
|
export * from './Alert/Alert';
|
2
|
+
export * from './Banner/Banner';
|
2
3
|
export * from './Card/Card';
|
3
4
|
export * from './Checkbox/Checkbox';
|
4
5
|
export * from './Chip/Chip';
|
@@ -10,11 +11,15 @@ export * from './LineClamp/LineClamp';
|
|
10
11
|
export * from './Link/Link';
|
11
12
|
export * from './Modal/Modal';
|
12
13
|
export * from './Navigation/Navigation';
|
14
|
+
export * from './PageHeader/PageHeader';
|
13
15
|
export * from './Popover/Popover';
|
14
16
|
export * from './PopoverDialog/PopoverDialog';
|
17
|
+
export * from './ProgressBar/ProgressBar';
|
15
18
|
export * from './RadioButton/RadioButton';
|
19
|
+
export * from './Section/Section';
|
16
20
|
export * from './Select/Select';
|
17
21
|
export * from './Stepper/Stepper';
|
18
22
|
export * from './Switch/Switch';
|
19
23
|
export * from './Table/Table';
|
20
24
|
export * from './Toast/Toast';
|
25
|
+
export * from './Typography/Typography';
|
package/dist/src/atoms/index.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
export * from './Alert/Alert';
|
2
|
+
export * from './Banner/Banner';
|
2
3
|
export * from './Card/Card';
|
3
4
|
export * from './Checkbox/Checkbox';
|
4
5
|
export * from './Chip/Chip';
|
@@ -10,12 +11,16 @@ export * from './LineClamp/LineClamp';
|
|
10
11
|
export * from './Link/Link';
|
11
12
|
export * from './Modal/Modal';
|
12
13
|
export * from './Navigation/Navigation';
|
14
|
+
export * from './PageHeader/PageHeader';
|
13
15
|
export * from './Popover/Popover';
|
14
16
|
export * from './PopoverDialog/PopoverDialog';
|
17
|
+
export * from './ProgressBar/ProgressBar';
|
15
18
|
export * from './RadioButton/RadioButton';
|
19
|
+
export * from './Section/Section';
|
16
20
|
export * from './Select/Select';
|
17
21
|
export * from './Stepper/Stepper';
|
18
22
|
export * from './Switch/Switch';
|
19
23
|
export * from './Table/Table';
|
20
24
|
export * from './Toast/Toast';
|
21
|
-
|
25
|
+
export * from './Typography/Typography';
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUMifQ==
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import { tw } from '../../utils/tailwind';
|
3
3
|
export const ChartValue = (props) => {
|
4
4
|
const { value, unit, caption } = props;
|
5
|
-
return (React.createElement("p", { className: tw('typography-large-heading text-
|
5
|
+
return (React.createElement("p", { className: tw('typography-large-heading text-intense text-center leading-tight absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2') },
|
6
6
|
value,
|
7
7
|
unit,
|
8
8
|
caption && React.createElement("span", { className: tw('block', 'typography-small text-grey-60') }, caption)));
|
@@ -4,19 +4,7 @@
|
|
4
4
|
// CommonJS modules.
|
5
5
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
6
6
|
const tokensJson = require('../../tokens.json');
|
7
|
-
// Aim of no-process-env is to specify process variables in a single place
|
8
|
-
// so that the input variables to app is not scattered around the code base.
|
9
|
-
// In this it makes more sense to just refer to env variable directly.
|
10
|
-
//
|
11
|
-
// For storybook, we need to prefix the env var with STORYBOOK_, see:
|
12
|
-
// https://storybook.js.org/docs/react/configure/environment-variables
|
13
|
-
//
|
14
|
-
// eslint-disable-next-line
|
15
|
-
const themeName = process.env.THEME || process.env.STORYBOOK_THEME || 'aiven';
|
16
|
-
if (!(themeName in tokensJson.themes)) {
|
17
|
-
throw new Error(`Could not find theme '${themeName}' from tokens.json`);
|
18
|
-
}
|
19
7
|
module.exports = {
|
20
|
-
theme: tokensJson.themes
|
8
|
+
theme: tokensJson.themes.aiven,
|
21
9
|
};
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb2x2ZVRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2pzL3Jlc29sdmVUaGVtZS5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsaUZBQWlGO0FBQ2pGLHNFQUFzRTtBQUN0RSxvQkFBb0I7QUFDcEIsOERBQThEO0FBQzlELE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0FBRWhELE1BQU0sQ0FBQyxPQUFPLEdBQUc7SUFDZixLQUFLLEVBQUUsVUFBVSxDQUFDLE1BQU0sQ0FBQyxLQUFLO0NBQy9CLENBQUMifQ==
|
@@ -54,7 +54,7 @@ const AccordionToggle = (_a) => {
|
|
54
54
|
onChange ? onChange(id, isOpen) : setOpenPanelId(isOpen ? undefined : id);
|
55
55
|
};
|
56
56
|
const { transform } = useSpring({
|
57
|
-
transform: `rotate(${isOpen ?
|
57
|
+
transform: `rotate(${isOpen ? 180 : 90}deg)`,
|
58
58
|
config: {
|
59
59
|
duration: 150,
|
60
60
|
},
|
@@ -112,4 +112,4 @@ Accordion.Panel = AccordionPanel;
|
|
112
112
|
Accordion.Panel.displayName = 'Accordion.Panel';
|
113
113
|
Accordion.UnanimatedPanel = AccordionUnanimatedPanel;
|
114
114
|
Accordion.UnanimatedPanel.displayName = 'Accordion.UnanimatedPanel';
|
115
|
-
//# sourceMappingURL=data:application/json;base64,
|
115
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVsRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFNdEQsTUFBTSxnQkFBZ0IsR0FBRyxhQUFhLENBQThELElBQUksQ0FBQyxDQUFDO0FBQzFHLE1BQU0sWUFBWSxHQUFHLGFBQWEsQ0FBZ0IsSUFBSSxDQUFDLENBQUM7QUFFeEQsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVG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
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type Simplify } from '../../../types/utils';
|
2
3
|
declare type BadgeType = 'filled' | 'outlined';
|
3
|
-
|
4
|
+
declare type AllBadgeProps = {
|
4
5
|
/**
|
5
6
|
* Badge value.
|
6
7
|
*/
|
@@ -21,7 +22,12 @@ export interface BadgeProps {
|
|
21
22
|
* If true, display dense version of the badge.
|
22
23
|
*/
|
23
24
|
'dense'?: boolean;
|
24
|
-
|
25
|
+
/**
|
26
|
+
* If true, badge will displayed as disabled.
|
27
|
+
*/
|
28
|
+
'disabled'?: boolean;
|
29
|
+
};
|
30
|
+
export declare type BadgeProps = Simplify<Omit<AllBadgeProps, 'disabled'>>;
|
25
31
|
declare const NotificationBadge: React.FC<React.PropsWithChildren<{
|
26
32
|
top?: React.CSSProperties['top'];
|
27
33
|
right?: React.CSSProperties['right'];
|
@@ -32,10 +38,10 @@ export declare const Badge: React.FC<BadgeProps> & {
|
|
32
38
|
Notification: typeof NotificationBadge;
|
33
39
|
Dot: typeof DotBadge;
|
34
40
|
};
|
35
|
-
export declare const TabBadge: React.FC<
|
41
|
+
export declare const TabBadge: React.FC<Simplify<Omit<AllBadgeProps, "disabled">>> & {
|
36
42
|
Skeleton: React.FC;
|
37
43
|
};
|
38
|
-
export declare const ChipBadge: React.FC<
|
44
|
+
export declare const ChipBadge: React.FC<AllBadgeProps> & {
|
39
45
|
Skeleton: React.FC;
|
40
46
|
};
|
41
47
|
export {};
|