@aivenio/aquarium 1.2.1 → 1.3.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 +2 -2
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +590 -241
- package/dist/atoms.mjs +590 -242
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +6 -6
- package/dist/src/common/Banner/Banner.d.ts +1 -1
- package/dist/src/common/Banner/Banner.js +5 -5
- package/dist/src/common/Checkbox/Checkbox.js +12 -19
- package/dist/src/common/Chip/Chip.js +4 -4
- package/dist/src/common/DataList/DataList.d.ts +1 -1
- package/dist/src/common/DataList/DataList.js +4 -4
- package/dist/src/common/Dialog/Dialog.d.ts +2 -2
- package/dist/src/common/Dialog/Dialog.js +2 -2
- package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/common/InputGroup/InputGroup.js +1 -1
- package/dist/src/common/Modal/Modal.d.ts +6 -0
- package/dist/src/common/Modal/Modal.js +14 -5
- package/dist/src/common/Popover/Popover.d.ts +1 -1
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
- package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
- package/dist/src/common/RadioButton/RadioButton.js +14 -16
- package/dist/src/common/Section/Section.d.ts +1 -1
- package/dist/src/common/Section/Section.js +3 -3
- package/dist/src/common/Select/Select.d.ts +1 -1
- package/dist/src/common/Select/Select.js +6 -6
- package/dist/src/common/Switch/Switch.d.ts +11 -0
- package/dist/src/common/Switch/Switch.js +28 -0
- package/dist/src/common/Table/Table.d.ts +5 -5
- package/dist/src/common/Table/Table.js +6 -6
- package/dist/src/common/Timeline/Timeline.js +2 -2
- package/dist/src/common/Typography/Typography.d.ts +1 -1
- package/dist/src/common/Typography/Typography.js +3 -3
- package/dist/src/common/index.d.ts +2 -1
- package/dist/src/common/index.js +3 -2
- package/dist/src/components/Alert/Alert.d.ts +7 -4
- package/dist/src/components/Alert/Alert.js +4 -4
- package/dist/src/components/Avatar/Avatar.js +2 -2
- package/dist/src/components/Badge/Badge.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +7 -4
- package/dist/src/components/Banner/Banner.js +5 -6
- package/dist/src/components/Box/Box.d.ts +6 -6
- package/dist/src/components/Box/Box.js +3 -3
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/Button/Button.js +5 -5
- package/dist/src/components/Card/Card.d.ts +12 -5
- package/dist/src/components/Card/Card.js +15 -13
- package/dist/src/components/Carousel/Carousel.js +4 -4
- package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/components/Checkbox/Checkbox.js +5 -11
- package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/components/Chip/Chip.d.ts +1 -1
- package/dist/src/components/Chip/Chip.js +3 -3
- package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/components/Combobox/Combobox.d.ts +1 -1
- package/dist/src/components/Combobox/Combobox.js +7 -7
- package/dist/src/components/Context/Context.d.ts +1 -1
- package/dist/src/components/Context/Context.js +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
- package/dist/src/components/DataList/DataList.d.ts +1 -1
- package/dist/src/components/DataList/DataList.js +7 -7
- package/dist/src/components/DataTable/DataTable.d.ts +2 -2
- package/dist/src/components/DataTable/DataTable.js +7 -7
- package/dist/src/components/Dialog/Dialog.d.ts +2 -2
- package/dist/src/components/Dialog/Dialog.js +5 -5
- package/dist/src/components/Divider/Divider.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
- package/dist/src/components/Dropdown/Dropdown.js +8 -8
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
- package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
- package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
- package/dist/src/components/DropdownMenu/utils.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/components/EmptyState/EmptyState.js +12 -12
- package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
- package/dist/src/components/Flexbox/Flexbox.js +1 -1
- package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
- package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
- package/dist/src/components/Grid/Grid.d.ts +15 -15
- package/dist/src/components/Grid/Grid.js +1 -1
- package/dist/src/components/Grid/GridItem.d.ts +8 -8
- package/dist/src/components/Grid/GridItem.js +2 -2
- package/dist/src/components/Icon/Icon.d.ts +2 -2
- package/dist/src/components/Icon/Icon.js +1 -1
- package/dist/src/components/Input/Input.d.ts +1 -1
- package/dist/src/components/Input/Input.js +6 -6
- package/dist/src/components/ListItem/ListItem.js +2 -2
- package/dist/src/components/Modal/Modal.d.ts +8 -4
- package/dist/src/components/Modal/Modal.js +12 -10
- package/dist/src/components/MultiInput/InputChip.js +5 -5
- package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
- package/dist/src/components/MultiInput/MultiInput.js +7 -5
- package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
- package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
- package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
- package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/src/components/PageHeader/PageHeader.js +5 -5
- package/dist/src/components/Pagination/Pagination.js +4 -4
- package/dist/src/components/Pagination/usePagination.js +2 -2
- package/dist/src/components/Popover/Popover.d.ts +2 -2
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.js +1 -1
- package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/components/Portal/Portal.d.ts +1 -1
- package/dist/src/components/Portal/Portal.js +1 -1
- package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/components/RadioButton/RadioButton.js +6 -12
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
- package/dist/src/components/Section/Section.d.ts +1 -1
- package/dist/src/components/Section/Section.js +3 -3
- package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
- package/dist/src/components/Select/Select.d.ts +2 -2
- package/dist/src/components/Select/Select.js +12 -12
- package/dist/src/components/Skeleton/Skeleton.js +2 -2
- package/dist/src/components/Switch/Switch.d.ts +2 -4
- package/dist/src/components/Switch/Switch.js +7 -31
- package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
- package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
- package/dist/src/components/Table/Table.d.ts +1 -1
- package/dist/src/components/Table/Table.js +2 -2
- package/dist/src/components/Tabs/Tabs.js +11 -11
- package/dist/src/components/TagLabel/TagLabel.js +2 -2
- package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
- package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/components/Template/Template.d.ts +4 -4
- package/dist/src/components/Template/Template.js +1 -1
- package/dist/src/components/Textarea/Textarea.d.ts +1 -1
- package/dist/src/components/Textarea/Textarea.js +5 -5
- package/dist/src/components/Timeline/Timeline.js +7 -7
- package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/src/components/Tooltip/Tooltip.js +3 -3
- package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
- package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/components/Typography/Typography.d.ts +28 -4
- package/dist/src/components/Typography/Typography.js +61 -21
- package/dist/src/components/index.d.ts +3 -3
- package/dist/src/components/index.js +4 -4
- package/dist/src/js/resolveTheme.d.ts +1 -1
- package/dist/src/system.d.ts +6 -6
- package/dist/src/system.js +6 -6
- package/dist/src/utils/Blueprint.js +2 -2
- package/dist/src/utils/breakpoints.d.ts +2 -2
- package/dist/src/utils/breakpoints.js +2 -2
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/createComponent.d.ts +1 -1
- package/dist/src/utils/createComponent.js +2 -2
- package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +1 -1
- package/dist/src/utils/form/HelperText/HelperText.js +5 -5
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +2 -2
- package/dist/src/utils/form/Label/Label.js +5 -5
- package/dist/src/utils/table/types.d.ts +6 -5
- package/dist/src/utils/table/types.js +1 -1
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/useTableSort.js +1 -1
- package/dist/src/utils/tailwind.d.ts +2 -2
- package/dist/src/utils/tailwind.js +1 -1
- package/dist/src/utils/useStyle.d.ts +1 -1
- package/dist/src/utils/useStyle.js +3 -3
- package/dist/src/utils/useWindowSize.js +3 -3
- package/dist/styles.css +220 -61
- package/dist/styles_timescaledb.css +220 -62
- package/dist/system.cjs +1209 -958
- package/dist/system.mjs +1204 -953
- package/dist/tokens.json +260 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +2 -2
- package/dist/types/IconProps.d.ts +2 -2
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwind.d.ts +3 -3
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +1 -1
- package/dist/types/utils.js +1 -1
- package/package.json +30 -27
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ButtonProps } from '../../../src/components/Button/Button';
|
2
|
+
import { type ButtonProps } from '../../../src/components/Button/Button';
|
3
3
|
import { Typography } from '../../../src/common/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
@@ -10,15 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
13
|
import { IconButton } from '../../../src/components/Button/Button';
|
15
14
|
import { Icon } from '../../../src/components/Icon/Icon';
|
16
15
|
import { Typography } from '../../../src/common/Typography/Typography';
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
17
|
import success from '../../../src/icons/confirm';
|
18
|
-
import
|
18
|
+
import cross from '../../../src/icons/cross';
|
19
19
|
import error from '../../../src/icons/error';
|
20
20
|
import info from '../../../src/icons/infoSign';
|
21
|
-
import
|
21
|
+
import warning from '../../../src/icons/warningSign';
|
22
22
|
const alertTypes = {
|
23
23
|
information: {
|
24
24
|
icon: info,
|
@@ -50,11 +50,11 @@ export const Alert = (_a) => {
|
|
50
50
|
};
|
51
51
|
Alert.Title = (_a) => {
|
52
52
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
53
|
-
return (React.createElement(Typography, Object.assign({}, rest, { variant: "
|
53
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default-strong", color: "grey-80", className: classNames(tw('col-start-2'), className) }), children));
|
54
54
|
};
|
55
55
|
Alert.Description = (_a) => {
|
56
56
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
57
|
-
return (React.createElement(Typography, Object.assign({}, rest, { variant: "
|
57
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "small", color: "grey-60", className: classNames(tw('col-start-2'), className) }), children));
|
58
58
|
};
|
59
59
|
Alert.Actions = (_a) => {
|
60
60
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
@@ -71,4 +71,4 @@ Alert.Dismiss = (_a) => {
|
|
71
71
|
return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
|
72
72
|
React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
73
73
|
};
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQW9CLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVFLE9BQU8sRUFBa0IsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFDeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFDcEMsT0FBTyxJQUFJLE1BQU0sb0JBQW9CLENBQUM7QUFDdEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUF3QjVDLE1BQU0sVUFBVSxHQUFlO0lBQzdCLFdBQVcsRUFBRTtRQUNYLElBQUksRUFBRSxJQUFJO1FBQ1YsS0FBSyxFQUFFLFNBQVM7S0FDakI7SUFDRCxPQUFPLEVBQUU7UUFDUCxJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxZQUFZO0tBQ3BCO0lBQ0QsS0FBSyxFQUFFO1FBQ0wsSUFBSSxFQUFFLEtBQUs7UUFDWCxLQUFLLEVBQUUsVUFBVTtLQUNsQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7Q0FDRixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBTTNFLEVBQUUsRUFBRTtRQU51RSxFQUMxRSxRQUFRLEVBQ1IsU0FBUyxFQUNULElBQUksRUFDSixLQUFLLE9BRU4sRUFESSxJ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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type BoxProps } from '../../../src/components/Box/Box';
|
2
3
|
import { Typography } from '../../../src/common/Typography/Typography';
|
3
|
-
import { BoxProps } from '../../../src/components/Box/Box';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type TypographyProps = React.ComponentProps<typeof Typography>;
|
6
6
|
export declare type BannerVariantType = 'default' | 'outlined';
|
@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
|
-
import { Typography } from '../../../src/common/Typography/Typography';
|
15
13
|
import { Box } from '../../../src/components/Box/Box';
|
14
|
+
import { Typography } from '../../../src/common/Typography/Typography';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
const spacing = {
|
17
17
|
spacingAroundBanner: 'p-6',
|
18
18
|
omitSpacingAroundBanner: '-6',
|
@@ -27,13 +27,13 @@ export const Banner = (_a) => {
|
|
27
27
|
};
|
28
28
|
Banner.Title = (_a) => {
|
29
29
|
var { children, className, layout, titleVariant = 'primary' } = _a, rest = __rest(_a, ["children", "className", "layout", "titleVariant"]);
|
30
|
-
return (React.createElement(Typography, Object.assign({}, rest, { variant: "
|
30
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: titleVariant === 'secondary' ? 'primary-80' : 'grey-100', className: classNames(className, tw('whitespace-nowrap', {
|
31
31
|
'mb-3': layout === 'vertical',
|
32
32
|
})) }), children));
|
33
33
|
};
|
34
34
|
Banner.Description = (_a) => {
|
35
35
|
var { flexGrow, children, className } = _a, rest = __rest(_a, ["flexGrow", "children", "className"]);
|
36
|
-
return (React.createElement(Typography, Object.assign({}, rest, { variant: "
|
36
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default", color: "grey-90", className: classNames(className, tw({ 'flex-grow': flexGrow })) }), children));
|
37
37
|
};
|
38
38
|
Banner.ContentContainer = (_a) => {
|
39
39
|
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
@@ -54,4 +54,4 @@ Banner.DismissContainer = (_a) => {
|
|
54
54
|
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
55
55
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
|
56
56
|
};
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWlCLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNkJwRCxNQUFNLE9BQU8sR0FBRztJQUNkLG1CQUFtQixFQUFFLEtBQUs7SUFDMUIsdUJBQXVCLEVBQUUsSUFBaUM7Q0FDM0QsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBc0YsQ0FBQyxFQU16RyxFQUFFLEVBQUU7UUFOcUcsRUFDeEcsUUFBUSxFQUNSLFNBQVMsRUFDVCxNQUFNLEVBQ04sT0FBTyxPQUVSLEVBREksSUFBSSxjQUxpRyw4Q0FNekcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQyxrREFBa0QsT0FBTyxDQUFDLG1CQUFtQixFQUFFLEVBQUU7WUFDbEYsY0FBYyxFQUFFLE1BQU0sS0FBSyxZQUFZO1lBQ3ZDLFdBQVcsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNsQywrQkFBK0IsRUFBRSxPQUFPLEtBQUssVUFBVTtTQUN4RCxDQUFDLENBQ0gsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFrRSxFQUFFLEVBQUU7UUFBdEUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEdBQUcsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFoRSxtREFBa0UsQ0FBRjtJQUFPLE9BQUEsQ0FDckYsb0JBQUMsVUFBVSxvQkFDTCxJQUFJLElBQ1IsT0FBTyxFQUFDLFlBQVksRUFDcEIsS0FBSyxFQUFFLFlBQVksS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUMvRCxTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLG1CQUFtQixFQUFFO1lBQ3RCLE1BQU0sRUFBRSxNQUFNLEtBQUssVUFBVTtTQUM5QixDQUFDLENBQ0gsS0FFQSxRQUFRLENBQ0UsQ0FDZCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsQ0FBQyxFQUEwQyxFQUFFLEVBQUU7UUFBOUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBeEMscUNBQTBDLENBQUY7SUFBTyxPQUFBLENBQ25FLG9CQUFDLFVBQVUsb0JBQ0wsSUFBSSxJQUNSLE9BQU8sRUFBQyxTQUFTLEVBQ2pCLEtBQUssRUFBQyxTQUFTLEVBQ2YsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsS0FFOUQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxFQUF3QyxFQUFFLEVBQUU7UUFBNUMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBdEMsbUNBQXdDLENBQUY7SUFBTyxPQUFBLENBQ3RFLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGFBQWEsRUFBRTtZQUNoQixVQUFVLEVBQUUsTUFBTSxLQUFLLFVBQVU7WUFDakMseUNBQXlDLEVBQUUsTUFBTSxLQUFLLFlBQVk7U0FDbkUsQ0FBQyxDQUNILEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNqRCxvQkFBQyxHQUFHLG9CQUFLLElBQUksSUFBRSxPQUFPLEVBQUMsYUFBYSxFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsTUFBTSxFQUFFLE9BQU8sQ0FBQyx1QkFBdUIsRUFBRSxVQUFVLEVBQUMsR0FBRyxLQUM3RyxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUF3QyxFQUFFLEVBQUU7UUFBNUMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBdEMsbUNBQXdDLENBQUY7SUFBTyxPQUFBLENBQzdELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sS0FBSyxVQUFVLEVBQUUsQ0FBQyxDQUFDLEtBQ2pHLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLGdCQUFnQixHQUFHLENBQUMsRUFBd0MsRUFBRSxFQUFFO1FBQTVDLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXRDLG1DQUF3QyxDQUFGO0lBQU8sT0FBQSxDQUN0RSw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FBQyxFQUFFLFlBQVksRUFBRSxNQUFNLEtBQUssVUFBVSxFQUFFLGFBQWEsRUFBRSxNQUFNLEtBQUssWUFBWSxFQUFFLENBQUMsQ0FDcEYsS0FFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
|
@@ -10,26 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
13
|
import { Icon } from '../../../src/components/Icon/Icon';
|
15
|
-
import
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
15
|
import minus from '../../../src/icons/minus';
|
16
|
+
import tick from '../../../src/icons/tick';
|
17
17
|
export const Checkbox = React.forwardRef((_a, ref) => {
|
18
|
-
var { id, children, name,
|
19
|
-
return (React.createElement("span", { className:
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
'
|
25
|
-
'
|
26
|
-
|
27
|
-
'border-grey-5 cursor-not-allowed': disabled,
|
28
|
-
'bg-grey-0': disabled && checked,
|
29
|
-
}, props.className), style: Object.assign({ width: 16, height: 16 }, props.style), readOnly: readOnly, disabled: disabled })),
|
30
|
-
(checked || indeterminate) && (React.createElement(Icon, { className: tw('absolute top-2 left-2 w-3 h-3 pointer-events-none [&>path]:stroke-2', {
|
31
|
-
'text-white [&>path]:stroke-white': !disabled,
|
32
|
-
'text-grey-30 [&>path]:stroke-grey-30': disabled,
|
33
|
-
}), icon: indeterminate ? minus : tick }))));
|
18
|
+
var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
|
19
|
+
return (React.createElement("span", { className: tw('inline-flex justify-center items-center self-center') },
|
20
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer w-0 h-0'), readOnly: readOnly, disabled: disabled })),
|
21
|
+
React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('rounded-sm border peer w-5 h-5 p-[3px] pointer-events-none cursor-pointer peer-disabled:cursor-not-allowed', 'border-grey-20 peer-focus:border-info-70 peer-disabled:border-grey-5 peer-checked:border-navyBlue-100', 'text-transparent peer-checked:[&>path]:stroke-2 peer-checked:text-white peer-checked:[&>path]:stroke-white'),
|
22
|
+
// It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
|
23
|
+
{
|
24
|
+
'peer-checked:bg-navyBlue-100 peer-hover:border-grey-50': !disabled,
|
25
|
+
'peer-checked:bg-gray-0 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
|
26
|
+
}) })));
|
34
27
|
});
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFaEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVlsQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdEMsQ0FBQyxFQUEyRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXBHLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLGFBQWEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQXpGLG1FQUEyRixDQUFGO0lBQVksT0FBQSxDQUNwRyw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLHFEQUFxRCxDQUFDO1FBQ3hFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFDdkMsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFFRixvQkFBQyxJQUFJLElBQ0gsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLEVBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSw0R0FBNEcsRUFDNUcsdUdBQXVHLEVBQ3ZHLDRHQUE0RyxDQUM3RztZQUNELDhHQUE4RztZQUM5RztnQkFDRSx3REFBd0QsRUFBRSxDQUFDLFFBQVE7Z0JBQ25FLHVGQUF1RixFQUFFLFFBQVE7YUFDbEcsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
@@ -10,15 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
const Container = React.forwardRef((_a, ref) => {
|
15
15
|
var { dense = false, className, children } = _a, rest = __rest(_a, ["dense", "className", "children"]);
|
16
16
|
return (React.createElement("span", Object.assign({ ref: ref, className: classNames(tw('inline-flex items-center rounded-sm transition whitespace-nowrap', {
|
17
|
-
'typography-
|
18
|
-
'typography-caption
|
17
|
+
'typography-small py-2 px-3 gap-x-3': !dense,
|
18
|
+
'typography-caption py-1 px-2 gap-x-2': dense,
|
19
19
|
}), className) }, rest), children));
|
20
20
|
});
|
21
21
|
export const Chip = {
|
22
22
|
Container,
|
23
23
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBU3BELE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLENBQUMsRUFBK0MsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF4RCxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBN0Msa0NBQStDLENBQUY7SUFBWSxPQUFBLENBQ3hELDRDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLGtFQUFrRSxFQUFFO1lBQ3JFLG9DQUFvQyxFQUFFLENBQUMsS0FBSztZQUM1QyxzQ0FBc0MsRUFBRSxLQUFLO1NBQzlDLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRyxJQUFJLEdBRVAsUUFBUSxDQUNKLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQztBQU1GLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBc0I7SUFDckMsU0FBUztDQUNWLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { SortDirection, TextAlign } from '../../../src/utils/table/types';
|
2
|
+
import { type SortDirection, type TextAlign } from '../../../src/utils/table/types';
|
3
3
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
4
4
|
declare type ComposedDataListProps = React.FC<DivProps> & {
|
5
5
|
Cell: typeof Cell;
|
@@ -10,11 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
|
-
import { cellClassNames, getHeadCellClassNames, getBodyCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/common/Table/Table';
|
15
13
|
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
16
|
-
import
|
14
|
+
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/common/Table/Table';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
16
|
import chevronDown from '../../../src/icons/chevronDown';
|
17
|
+
import chevronUp from '../../../src/icons/chevronUp';
|
18
18
|
const getAlignClassNames = (align) => tw('flex items-center', {
|
19
19
|
'justify-end': align === 'right',
|
20
20
|
'justify-center': align === 'center',
|
@@ -51,4 +51,4 @@ DataList.HeadCell = HeadCell;
|
|
51
51
|
DataList.SortCell = SortCell;
|
52
52
|
DataList.Cell = Cell;
|
53
53
|
DataList.Row = Row;
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUNMLGNBQWMsRUFDZCxxQkFBcUIsRUFDckIscUJBQXFCLEVBQ3JCLDJCQUEyQixFQUMzQix5QkFBeUIsR0FDMUIsTUFBTSx3QkFBd0IsQ0FBQztBQUdoQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBVzVDLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxLQUFpQixFQUFFLEVBQUUsQ0FDL0MsRUFBRSxDQUFDLG1CQUFtQixFQUFFO0lBQ3RCLGFBQWEsRUFBRSxLQUFLLEtBQUssT0FBTztJQUNoQyxnQkFBZ0IsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNwQyxlQUFlLEVBQUUsS0FBSyxLQUFLLE1BQU0sSUFBSSxLQUFLLEtBQUssU0FBUztDQUN6RCxDQUFDLENBQUM7QUFFTCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSw2Q0FBUyxJQUFJLEVBQUksQ0FBQTtDQUFBLENBQUM7QUFFN0YsTUFBTSxRQUFRLEdBQWlFLENBQUMsRUFLL0UsRUFBRSxFQUFFO1FBTDJFLEVBQzlFLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxPQUVOLEVBREksSUFBSSxjQUp1RSxnQ0FLL0UsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUFDLGNBQWMsRUFBRSxxQkFBcUIsQ0FBQyxNQUFNLENBQUMsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsSUFDMUcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUErQyxDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFNBQVMsRUFBRSxLQUFLLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8sT0FBQSxDQUMxRiw2Q0FDTSxJQUFJLElBQ1IsSUFBSSxFQUFDLE1BQU0sRUFDWCxTQUFTLEVBQUUsVUFBVSxDQUNuQixjQUFjLEVBQ2QscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQzVCLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUN6QixFQUFFLENBQUMsNERBQTRELENBQUMsRUFDaEUsU0FBUyxDQUNWLElBQ0QsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFDLEtBQUssSUFBRyxDQUNyRixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sUUFBUSxHQU1WLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsR0FBRyxNQUFNLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUFoRCxvQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsb0JBQUMsUUFBUSxvQkFBSyxJQUFJLGlCQUFhLFNBQVMsRUFBRSxJQUFJLEVBQUMsTUFBTTtRQUNuRCw4QkFBTSxTQUFTLEVBQUUsMkJBQTJCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQ3JHLFFBQVE7WUFDVCxzREFFRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGVBQWUsRUFBRTtvQkFDN0IsK0JBQStCLEVBQUUsU0FBUyxLQUFLLE1BQU07aUJBQ3RELENBQUM7Z0JBRUYsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxZQUFZLENBQUMsR0FBSTtnQkFDakcsb0JBQUMsVUFBVSxJQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixDQUFDLFNBQVMsS0FBSyxXQUFXLENBQUMsR0FBSSxDQUM5RixDQUNELENBQ0UsQ0FDWixDQUFBO0NBQUEsQ0FBQztBQUVGLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0FBQzdCLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3JCLFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import type
|
2
|
-
import type
|
1
|
+
import { type IconProps } from '../../../src/components/Icon/Icon';
|
2
|
+
import { type ColorName } from '../../../types/designTokens';
|
3
3
|
export declare type DialogType = 'confirmation' | 'warning' | 'danger';
|
4
4
|
export declare type DialogTypes = {
|
5
5
|
[key in DialogType]: {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import confirm from '../../../src/icons/confirm';
|
2
|
-
import warning from '../../../src/icons/warningSign';
|
3
2
|
import danger from '../../../src/icons/error';
|
3
|
+
import warning from '../../../src/icons/warningSign';
|
4
4
|
export const DIALOG_ICONS_AND_COLORS = {
|
5
5
|
confirmation: {
|
6
6
|
icon: confirm,
|
@@ -15,4 +15,4 @@ export const DIALOG_ICONS_AND_COLORS = {
|
|
15
15
|
color: 'error-70',
|
16
16
|
},
|
17
17
|
};
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9EaWFsb2cvRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQUN4QyxPQUFPLE1BQU0sTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQVE1QyxNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBZ0I7SUFDbEQsWUFBWSxFQUFFO1FBQ1osSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLGNBQWM7S0FDdEI7SUFDRCxNQUFNLEVBQUU7UUFDTixJQUFJLEVBQUUsTUFBTTtRQUNaLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0NBQ0YsQ0FBQyJ9
|
@@ -10,13 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
13
|
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
15
14
|
import { Typography } from '../../../src/components/Typography/Typography';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
import tick from '../../../src/icons/tick';
|
17
17
|
export const DropdownMenu = React.forwardRef((_a, ref) => {
|
18
18
|
var { maxHeight = '450px', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["maxHeight", "minWidth", "maxWidth", "className", "children"]);
|
19
|
-
return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full overflow-y-auto overflow-x-hidden typography-
|
19
|
+
return (React.createElement("div", Object.assign({ ref: ref, style: { maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full overflow-y-auto overflow-x-hidden typography-small text-grey-70') }, props), children));
|
20
20
|
});
|
21
21
|
const ContentContainer = ({ children }) => React.createElement("div", { className: tw('p-3') }, children);
|
22
22
|
DropdownMenu.ContentContainer = ContentContainer;
|
@@ -28,7 +28,7 @@ DropdownMenu.List = List;
|
|
28
28
|
const Group = React.forwardRef((_a, ref) => {
|
29
29
|
var { className, title, titleProps, children } = _a, props = __rest(_a, ["className", "title", "titleProps", "children"]);
|
30
30
|
return (React.createElement("li", Object.assign({ ref: ref }, props),
|
31
|
-
title && (React.createElement("div", Object.assign({ className: classNames(className, 'p-3 text-grey-40 uppercase cursor-default typography-caption
|
31
|
+
title && (React.createElement("div", Object.assign({ className: classNames(className, 'p-3 text-grey-40 uppercase cursor-default typography-caption', {
|
32
32
|
'text-grey-20': props.disabled,
|
33
33
|
}) }, titleProps), title)),
|
34
34
|
children));
|
@@ -59,4 +59,4 @@ const EmptyStateContainer = (_a) => {
|
|
59
59
|
return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
|
60
60
|
};
|
61
61
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBNkIsTUFBTSxPQUFPLENBQUM7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULGlGQUFpRixDQUNsRixJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixNQUFNLGdCQUFnQixHQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FBQztBQUVqRyxZQUFZLENBQUMsZ0JBQWdCLEdBQUcsZ0JBQWdCLENBQUM7QUFFakQs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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { GridProps } from '../../../src/components/Grid/Grid';
|
2
|
+
import { type GridProps } from '../../../src/components/Grid/Grid';
|
3
3
|
export declare type ColumnCount = '1' | '2' | '3';
|
4
4
|
export declare type InputGroupProps = Omit<GridProps, 'cols'> & {
|
5
5
|
/**
|
@@ -21,4 +21,4 @@ export const InputGroup = (_a) => {
|
|
21
21
|
var { cols = '1', children } = _a, rest = __rest(_a, ["cols", "children"]);
|
22
22
|
return (React.createElement(Grid, Object.assign({}, rest, { display: "inline-grid", colGap: "l4", rowGap: "3", cols: cols !== 'auto' ? cols : undefined, className: gridColumnStyles[cols] }), children));
|
23
23
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vSW5wdXRHcm91cC9JbnB1dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWtCLElBQUksRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBWWhFLE1BQU0sZ0JBQWdCLEdBQTJEO0lBQy9FLEdBQUcsRUFBRSxhQUFhO0lBQ2xCLEdBQUcsRUFBRSxhQUFhO0lBQ2xCLEdBQUcsRUFBRSxhQUFhO0lBQ2xCLE1BQU0sRUFBRSxjQUFjO0NBQ3ZCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThCLENBQUMsRUFBaUMsRUFBRSxFQUFFO1FBQXJDLEVBQUUsSUFBSSxHQUFHLEdBQUcsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQS9CLG9CQUFpQyxDQUFGO0lBQ25GLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLG9CQUNDLElBQUksSUFDUixPQUFPLEVBQUMsYUFBYSxFQUNyQixNQUFNLEVBQUMsSUFBSSxFQUNYLE1BQU0sRUFBQyxHQUFHLEVBQ1YsSUFBSSxFQUFFLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN4QyxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBRWhDLFFBQVEsQ0FDSixDQUNSLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Typography } from '../../../src/common/Typography/Typography';
|
3
|
+
import type { ImgHTMLAttributes } from 'react';
|
3
4
|
declare type ModalProps = {
|
4
5
|
/** State of the modal */
|
5
6
|
open: boolean;
|
@@ -9,11 +10,16 @@ declare type DialogProps = {
|
|
9
10
|
size?: 'sm' | 'md' | 'full';
|
10
11
|
};
|
11
12
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
13
|
+
declare type ImgProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'src'>;
|
12
14
|
declare type DialogComponentProps = Omit<DivProps, 'size'> & DialogProps;
|
13
15
|
declare type ComposedModalProps = {
|
14
16
|
BackDrop: React.FC<DivProps>;
|
15
17
|
Dialog: React.ForwardRefExoticComponent<DialogComponentProps & React.RefAttributes<HTMLDivElement>>;
|
16
18
|
Header: React.FC<DivProps>;
|
19
|
+
HeaderImage: React.FC<ImgProps & {
|
20
|
+
backgroundImage: string | null;
|
21
|
+
}>;
|
22
|
+
CloseButtonContainer: React.FC<DivProps>;
|
17
23
|
Title: React.FC<React.ComponentProps<typeof Typography>>;
|
18
24
|
Subtitle: React.FC<React.ComponentProps<typeof Typography>>;
|
19
25
|
TitleContainer: React.FC<DivProps>;
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
13
|
import { Typography } from '../../../src/common/Typography/Typography';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
export const Modal = (_a) => {
|
16
16
|
var { children, className, open } = _a, rest = __rest(_a, ["children", "className", "open"]);
|
17
17
|
return open ? (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('inset-0 overflow-y-auto z-modal flex justify-center items-center fixed py-7'), className) }), children)) : null;
|
@@ -22,7 +22,7 @@ Modal.BackDrop = (_a) => {
|
|
22
22
|
};
|
23
23
|
Modal.Dialog = React.forwardRef((_a, ref) => {
|
24
24
|
var { children, className, size = 'sm' } = _a, rest = __rest(_a, ["children", "className", "size"]);
|
25
|
-
return (React.createElement("div", Object.assign({ ref: ref, "aria-modal": "true" }, rest, { className: classNames(tw('bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
|
25
|
+
return (React.createElement("div", Object.assign({ ref: ref, "aria-modal": "true" }, rest, { className: classNames(tw('relative bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
|
26
26
|
'max-w-[600px]': size === 'sm',
|
27
27
|
'max-w-[940px]': size === 'md',
|
28
28
|
'min-h-full': size === 'full',
|
@@ -32,13 +32,22 @@ Modal.Header = (_a) => {
|
|
32
32
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
33
33
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 py-6 gap-3 flex items-center'), className) }), children));
|
34
34
|
};
|
35
|
+
Modal.HeaderImage = (_a) => {
|
36
|
+
var { backgroundImage, className } = _a, rest = __rest(_a, ["backgroundImage", "className"]);
|
37
|
+
const common = tw('h-[120px] min-h-[120px] w-full ');
|
38
|
+
return backgroundImage ? (React.createElement("img", Object.assign({ "aria-hidden": true, src: backgroundImage !== null && backgroundImage !== void 0 ? backgroundImage : undefined }, rest, { className: classNames(common, tw('object-cover'), className) }))) : (React.createElement("div", { className: classNames(common, tw('bg-grey-5'), className) }));
|
39
|
+
};
|
40
|
+
Modal.CloseButtonContainer = (_a) => {
|
41
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
42
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('absolute top-[20px] right-[28px]'), className) })));
|
43
|
+
};
|
35
44
|
Modal.Title = (_a) => {
|
36
45
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
37
|
-
return (React.createElement(Typography, Object.assign({ htmlTag: "h2", variant: "
|
46
|
+
return (React.createElement(Typography, Object.assign({ htmlTag: "h2", variant: "subheading", color: "grey-90", className: classNames(tw('leading-none'), className) }, rest), children));
|
38
47
|
};
|
39
48
|
Modal.Subtitle = (_a) => {
|
40
49
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
41
|
-
return (React.createElement(Typography, Object.assign({ variant: "
|
50
|
+
return (React.createElement(Typography, Object.assign({ variant: "small", color: "grey-60" }, rest), children));
|
42
51
|
};
|
43
52
|
Modal.TitleContainer = (_a) => {
|
44
53
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
@@ -56,4 +65,4 @@ Modal.Actions = (_a) => {
|
|
56
65
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
57
66
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
|
58
67
|
};
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFOUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWlDcEQsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBQXNDLEVBQUUsRUFBRTtRQUExQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUFwQyxpQ0FBc0MsQ0FBRjtJQUM5RyxPQUFBLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDZFQUE2RSxDQUFDLEVBQ2pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQTtDQUFBLENBQUM7QUFFWCxLQUFLLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzQyw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsOERBQThELENBQUMsRUFBRSxTQUFTLENBQUMsSUFDcEcsQ0FDSCxDQUFBO0NBQUEsQ0FBQztBQUVGLEtBQUssQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDN0IsQ0FBQyxFQUE2QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLEdBQUcsSUFBSSxPQUFXLEVBQU4sSUFBSSxjQUEz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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
3
|
-
declare const PopoverPanel: React.ForwardRefExoticComponent<Pick<DivProps, "start" | "hidden" | "color" | "content" | "size" | "style" | "
|
3
|
+
declare const PopoverPanel: React.ForwardRefExoticComponent<Pick<DivProps, "default" | "start" | "hidden" | "color" | "content" | "size" | "style" | "wrap" | "open" | "height" | "translate" | "width" | "multiple" | "disabled" | "prefix" | "src" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "children" | "key" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "target" | "type" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "step" | "useMap" | "value" | "wmode" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
|
4
4
|
declare type Popover = {
|
5
5
|
Panel: typeof PopoverPanel;
|
6
6
|
};
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
const PopoverPanel = React.forwardRef((_a, ref) => {
|
15
15
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
16
16
|
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, tw('rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20')) }, props), children));
|
@@ -18,4 +18,4 @@ const PopoverPanel = React.forwardRef((_a, ref) => {
|
|
18
18
|
export const Popover = {
|
19
19
|
Panel: PopoverPanel,
|
20
20
|
};
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBTXBELE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW9DLENBQUMsRUFBaUMsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUExQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQS9CLHlCQUFpQyxDQUFGO0lBQVksT0FBQSxDQUNuSCwyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLFNBQVMsRUFDVCxFQUFFLENBQ0EsaUhBQWlILENBQ2xILENBQ0YsSUFDRyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUMsQ0FBQztBQU1ILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBWTtJQUM5QixLQUFLLEVBQUUsWUFBWTtDQUNwQixDQUFDIn0=
|
@@ -10,19 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
14
13
|
import { Typography } from '../../../src/common/Typography/Typography';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
const Header = (_a) => {
|
16
16
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
17
17
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-5 gap-3 flex items-center'), className) }), children));
|
18
18
|
};
|
19
19
|
const Title = (_a) => {
|
20
20
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
21
|
-
return (React.createElement(Typography, Object.assign({}, rest, { htmlTag: "h1", variant: "
|
21
|
+
return (React.createElement(Typography, Object.assign({}, rest, { htmlTag: "h1", variant: "small-strong" }), children));
|
22
22
|
};
|
23
23
|
const Body = (_a) => {
|
24
24
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
25
|
-
return (React.createElement(Typography, Object.assign({}, rest, { htmlTag: "div", variant: "caption
|
25
|
+
return (React.createElement(Typography, Object.assign({}, rest, { htmlTag: "div", variant: "caption", className: classNames(tw('px-5 overflow-y-auto'), className) }), children));
|
26
26
|
};
|
27
27
|
const Footer = (_a) => {
|
28
28
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
@@ -39,4 +39,4 @@ export const PopoverDialog = {
|
|
39
39
|
Footer,
|
40
40
|
Actions,
|
41
41
|
};
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vUG9wb3ZlckRpYWxvZy9Qb3BvdmVyRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFOUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVlwRCxNQUFNLE1BQU0sR0FBdUIsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdkUsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDZCQUE2QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQy9FLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQXNDLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ3JGLG9CQUFDLFVBQVUsb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLGNBQWMsS0FDdEQsUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLElBQUksR0FBc0MsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDcEYsb0JBQUMsVUFBVSxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLEtBQUssRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQy9HLFFBQVEsQ0FDRSxDQUNkLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXVCLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDdkQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBdUIsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDeEUsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUM5RCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBa0I7SUFDMUMsTUFBTTtJQUNOLEtBQUs7SUFDTCxJQUFJO0lBQ0osTUFBTTtJQUNOLE9BQU87Q0FDUixDQUFDIn0=
|
@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
13
|
import clamp from 'lodash/clamp';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
export const ProgressBar = (_a) => {
|
16
16
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
17
17
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('relative flex items-center w-full bg-grey-0 h-2 rounded-full overflow-hidden'), className) }), children));
|
@@ -30,7 +30,7 @@ ProgressBar.Indicator = (_a) => {
|
|
30
30
|
ProgressBar.Labels = (_a) => {
|
31
31
|
var { children, startLabel, endLabel, className } = _a, rest = __rest(_a, ["children", "startLabel", "endLabel", "className"]);
|
32
32
|
return (React.createElement("div", { className: classNames(tw('flex flex-row'), className) },
|
33
|
-
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-grey-70 typography-caption
|
34
|
-
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-grey-70 typography-caption
|
33
|
+
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-grey-70 typography-caption') }), startLabel),
|
34
|
+
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-grey-70 typography-caption text-right') }), endLabel)));
|
35
35
|
};
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1Byb2dyZXNzQmFyL1Byb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEtBQUssTUFBTSxjQUFjLENBQUM7QUFFakMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFrRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDhFQUE4RSxDQUFDLEVBQ2xGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQXdDO0lBQ3pELElBQUksRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDO0lBQ3RCLE9BQU8sRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDO0lBQzVCLE9BQU8sRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDO0lBQzVCLEtBQUssRUFBRSxFQUFFLENBQUMsYUFBYSxDQUFDO0NBQ2hCLENBQUM7QUFFWCxXQUFXLENBQUMsU0FBUyxHQUFHLENBQUMsRUFBd0UsRUFBRSxFQUFFO1FBQTVFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF0RSw0REFBd0UsQ0FBRjtJQUM3RixNQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUUvRSxPQUFPLENBQ0wsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx1REFBdUQsQ0FBQyxFQUMzRCxhQUFhLENBQUMsTUFBTSxDQUFDLEVBQ3JCLFNBQVMsQ0FDVixFQUNELEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLG1CQUFtQixHQUFHLEVBQUUsRUFDM0MsSUFBSSxFQUFFLGFBQWEsZ0JBQ1AsU0FBUyxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsbUJBQzFCLEtBQUssbUJBQ0wsR0FBRyxtQkFDSCxHQUFHLElBQ2xCLENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFzRCxFQUFFLEVBQUU7UUFBMUQsRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBELG1EQUFzRCxDQUFGO0lBQU8sT0FBQSxDQUMvRSw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUM7UUFDeEQsOENBQVUsSUFBSSxJQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsc0NBQXNDLENBQUMsS0FDbEUsVUFBVSxDQUNOO1FBQ1AsOENBQVUsSUFBSSxJQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsaURBQWlELENBQUMsS0FDN0UsUUFBUSxDQUNKLENBQ0gsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
|