@aivenio/aquarium 1.10.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +45 -45
- package/dist/atoms.mjs +41 -41
- package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Alert/Alert.js +74 -0
- package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.js +57 -0
- package/dist/src/atoms/Card/Card.js +54 -0
- package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
- package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
- package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
- package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
- package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
- package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
- package/dist/src/{common → atoms}/LineClamp/LineClamp.js +1 -1
- package/dist/src/{common → atoms}/Link/Link.js +1 -1
- package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
- package/dist/src/atoms/Modal/Modal.js +68 -0
- package/dist/src/{common → atoms}/Popover/Popover.js +1 -1
- package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
- package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
- package/dist/src/atoms/Section/Section.js +46 -0
- package/dist/src/{common → atoms}/Select/Select.js +2 -2
- package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
- package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
- package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
- package/dist/src/atoms/Table/Table.js +91 -0
- package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
- package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
- package/dist/src/{common → atoms}/index.js +1 -1
- package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
- package/dist/src/molecules/Alert/Alert.js +12 -0
- package/dist/src/molecules/Avatar/Avatar.js +10 -0
- package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
- package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
- package/dist/src/molecules/Banner/Banner.js +44 -0
- package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
- package/dist/src/{components → molecules}/Box/Box.js +2 -2
- package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/{components → molecules}/Button/Button.js +4 -4
- package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
- package/dist/src/molecules/Card/Card.js +48 -0
- package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
- package/dist/src/molecules/Card/Compact.js +43 -0
- package/dist/src/{components → molecules}/Card/types.js +1 -1
- package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
- package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
- package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
- package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
- package/dist/src/molecules/Chip/Chip.js +64 -0
- package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.js +109 -0
- package/dist/src/molecules/Container/Container.js +18 -0
- package/dist/src/molecules/Context/Context.js +18 -0
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/DataList/DataList.js +24 -0
- package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +42 -0
- package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +41 -0
- package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
- package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
- package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
- package/dist/src/molecules/DropdownMenu/utils.js +20 -0
- package/dist/src/{components → molecules}/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
- package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
- package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
- package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
- package/dist/src/molecules/Grid/Grid.js +31 -0
- package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
- package/dist/src/molecules/Grid/GridItem.js +20 -0
- package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
- package/dist/src/{components → molecules}/Input/Input.js +2 -2
- package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +1 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
- package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
- package/dist/src/molecules/Link/Link.js +4 -0
- package/dist/src/molecules/List/List.js +6 -0
- package/dist/src/molecules/ListItem/ListItem.js +10 -0
- package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
- package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
- package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
- package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
- package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
- package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
- package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
- package/dist/src/molecules/Pagination/Pagination.js +52 -0
- package/dist/src/molecules/Pagination/usePagination.js +36 -0
- package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +79 -0
- package/dist/src/molecules/Popover/PopoverContext.js +10 -0
- package/dist/src/{components → molecules}/Popover/PopoverWrapper.js +2 -2
- package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
- package/dist/src/molecules/Portal/Portal.js +3 -0
- package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
- package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
- package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
- package/dist/src/{components → molecules}/Section/Section.js +4 -4
- package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +144 -0
- package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
- package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
- package/dist/src/molecules/Spacing/Spacing.js +18 -0
- package/dist/src/molecules/Stepper/Stepper.js +25 -0
- package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.js +29 -0
- package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
- package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
- package/dist/src/{components → molecules}/Table/Table.js +2 -2
- package/dist/src/molecules/Tabs/Tabs.js +220 -0
- package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
- package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Template/Template.js +23 -0
- package/dist/src/molecules/Textarea/Textarea.js +46 -0
- package/dist/src/molecules/Timeline/Timeline.js +42 -0
- package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
- package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
- package/dist/src/molecules/Typography/Typography.js +89 -0
- package/dist/src/{components → molecules}/index.d.ts +1 -0
- package/dist/src/{components → molecules}/index.js +3 -2
- package/dist/src/system.d.ts +3 -3
- package/dist/src/system.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.d.ts +1 -1
- package/dist/src/utils/form/Label/Label.js +3 -3
- package/dist/src/utils/table/types.d.ts +2 -2
- package/dist/src/utils/useStyle.js +2 -2
- package/dist/styles.css +830 -810
- package/dist/styles_timescaledb.css +830 -810
- package/dist/system.cjs +231 -217
- package/dist/system.mjs +223 -210
- package/dist/tailwind.config.js +0 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
- package/dist/src/common/Alert/Alert.js +0 -74
- package/dist/src/common/Banner/Banner.js +0 -57
- package/dist/src/common/Card/Card.js +0 -54
- package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
- package/dist/src/common/Modal/Modal.js +0 -68
- package/dist/src/common/Section/Section.js +0 -46
- package/dist/src/common/Table/Table.js +0 -91
- package/dist/src/components/Alert/Alert.js +0 -12
- package/dist/src/components/Avatar/Avatar.js +0 -10
- package/dist/src/components/Banner/Banner.js +0 -44
- package/dist/src/components/Card/Card.js +0 -48
- package/dist/src/components/Card/Compact.js +0 -43
- package/dist/src/components/Checkbox/Checkbox.js +0 -29
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
- package/dist/src/components/Chip/Chip.js +0 -64
- package/dist/src/components/Combobox/Combobox.js +0 -109
- package/dist/src/components/Container/Container.js +0 -18
- package/dist/src/components/Context/Context.js +0 -18
- package/dist/src/components/DataList/DataList.js +0 -24
- package/dist/src/components/DataTable/DataTable.js +0 -42
- package/dist/src/components/Dialog/Dialog.js +0 -41
- package/dist/src/components/Dropdown/Dropdown.js +0 -87
- package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
- package/dist/src/components/DropdownMenu/utils.js +0 -20
- package/dist/src/components/EmptyState/EmptyState.js +0 -74
- package/dist/src/components/Flexbox/Flexbox.js +0 -19
- package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
- package/dist/src/components/Grid/Grid.js +0 -31
- package/dist/src/components/Grid/GridItem.js +0 -20
- package/dist/src/components/LineClamp/LineClamp.js +0 -21
- package/dist/src/components/Link/Link.js +0 -4
- package/dist/src/components/List/List.js +0 -6
- package/dist/src/components/ListItem/ListItem.js +0 -10
- package/dist/src/components/MultiInput/MultiInput.js +0 -153
- package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
- package/dist/src/components/PageHeader/PageHeader.js +0 -40
- package/dist/src/components/Pagination/Pagination.js +0 -52
- package/dist/src/components/Pagination/usePagination.js +0 -36
- package/dist/src/components/Popover/Popover.js +0 -79
- package/dist/src/components/Popover/PopoverContext.js +0 -10
- package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
- package/dist/src/components/Portal/Portal.js +0 -3
- package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
- package/dist/src/components/RadioButton/RadioButton.js +0 -29
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
- package/dist/src/components/Select/Select.js +0 -144
- package/dist/src/components/Skeleton/Skeleton.js +0 -18
- package/dist/src/components/Stepper/Stepper.js +0 -25
- package/dist/src/components/Switch/Switch.js +0 -29
- package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
- package/dist/src/components/Tabs/Tabs.js +0 -220
- package/dist/src/components/Template/Template.js +0 -23
- package/dist/src/components/Textarea/Textarea.js +0 -46
- package/dist/src/components/Timeline/Timeline.js +0 -42
- package/dist/src/components/Tooltip/Tooltip.js +0 -110
- package/dist/src/components/Typography/Typography.js +0 -89
- /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
- /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
- /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
- /package/dist/src/{common → atoms}/LineClamp/LineClamp.d.ts +0 -0
- /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
- /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
- /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
- /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
- /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
- /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
- /package/dist/src/{common → atoms}/index.d.ts +0 -0
- /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
- /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
- /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
- /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
- /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
- /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
- /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
- /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
- /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
- /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
- /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
- /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
- /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
- /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
- /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
- /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
- /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
- /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
- /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
- /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
- /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
- /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
- /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
- /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
- /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
- /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -0,0 +1,74 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { IconButton } from '../../../src/molecules/Button/Button';
|
14
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
15
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
|
+
import success from '../../../src/icons/confirm';
|
18
|
+
import cross from '../../../src/icons/cross';
|
19
|
+
import error from '../../../src/icons/error';
|
20
|
+
import info from '../../../src/icons/infoSign';
|
21
|
+
import warning from '../../../src/icons/warningSign';
|
22
|
+
const alertTypes = {
|
23
|
+
information: {
|
24
|
+
icon: info,
|
25
|
+
color: 'info-40',
|
26
|
+
},
|
27
|
+
warning: {
|
28
|
+
icon: warning,
|
29
|
+
color: 'warning-40',
|
30
|
+
},
|
31
|
+
error: {
|
32
|
+
icon: error,
|
33
|
+
color: 'error-40',
|
34
|
+
},
|
35
|
+
success: {
|
36
|
+
icon: success,
|
37
|
+
color: 'success-40',
|
38
|
+
},
|
39
|
+
};
|
40
|
+
export const Alert = (_a) => {
|
41
|
+
var { children, className, type, dense } = _a, rest = __rest(_a, ["children", "className", "type", "dense"]);
|
42
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
|
43
|
+
'bg-error-5': type === 'error',
|
44
|
+
'bg-info-5': type === 'information',
|
45
|
+
'bg-success-5': type === 'success',
|
46
|
+
'bg-warning-5': type === 'warning',
|
47
|
+
'p-4': Boolean(dense),
|
48
|
+
'p-5': !dense,
|
49
|
+
}), className) }), children));
|
50
|
+
};
|
51
|
+
Alert.Title = (_a) => {
|
52
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
53
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default-strong", color: "grey-80", className: classNames(tw('col-start-2'), className) }), children));
|
54
|
+
};
|
55
|
+
Alert.Description = (_a) => {
|
56
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
57
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "small", color: "grey-60", className: classNames(tw('col-start-2'), className) }), children));
|
58
|
+
};
|
59
|
+
Alert.Actions = (_a) => {
|
60
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
61
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 col-start-2'), className) }), children));
|
62
|
+
};
|
63
|
+
// Wrap the Icon in div because the svg alone will scale down with flex
|
64
|
+
Alert.Icon = (_a) => {
|
65
|
+
var { type, dense } = _a, rest = __rest(_a, ["type", "dense"]);
|
66
|
+
return (React.createElement("div", { className: tw('h-[20px] col-start-1 row-start-1', { 'self-start': !dense }) },
|
67
|
+
React.createElement(Icon, Object.assign({}, rest, { icon: alertTypes[type].icon, color: alertTypes[type].color, fontSize: 20 }))));
|
68
|
+
};
|
69
|
+
Alert.Dismiss = (_a) => {
|
70
|
+
var { type } = _a, rest = __rest(_a, ["type"]);
|
71
|
+
return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
|
72
|
+
React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
|
73
|
+
};
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFrQixJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQUN4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type BoxProps } from '../../../src/
|
3
|
-
import { Typography } from '../../../src/
|
2
|
+
import { type BoxProps } from '../../../src/molecules/Box/Box';
|
3
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
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';
|
@@ -0,0 +1,57 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
14
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
+
const spacing = {
|
17
|
+
spacingAroundBanner: 'p-6',
|
18
|
+
omitSpacingAroundBanner: '-6',
|
19
|
+
};
|
20
|
+
export const Banner = (_a) => {
|
21
|
+
var { children, className, layout, variant } = _a, rest = __rest(_a, ["children", "className", "layout", "variant"]);
|
22
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw(`rounded flex justify-between gap-7 flex-nowrap ${spacing.spacingAroundBanner}`, {
|
23
|
+
'items-center': layout === 'horizontal',
|
24
|
+
'bg-grey-0': variant === 'default',
|
25
|
+
'bg-white border border-grey-5': variant === 'outlined',
|
26
|
+
})) }), children));
|
27
|
+
};
|
28
|
+
Banner.Title = (_a) => {
|
29
|
+
var { children, className, layout, titleVariant = 'primary' } = _a, rest = __rest(_a, ["children", "className", "layout", "titleVariant"]);
|
30
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: titleVariant === 'secondary' ? 'primary-80' : 'grey-100', className: classNames(className, tw('whitespace-nowrap', {
|
31
|
+
'mb-3': layout === 'vertical',
|
32
|
+
})) }), children));
|
33
|
+
};
|
34
|
+
Banner.Description = (_a) => {
|
35
|
+
var { flexGrow, children, className } = _a, rest = __rest(_a, ["flexGrow", "children", "className"]);
|
36
|
+
return (React.createElement(Typography, Object.assign({}, rest, { variant: "default", color: "grey-90", className: classNames(className, tw({ 'flex-grow': flexGrow })) }), children));
|
37
|
+
};
|
38
|
+
Banner.ContentContainer = (_a) => {
|
39
|
+
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
40
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex w-full', {
|
41
|
+
'flex-col': layout === 'vertical',
|
42
|
+
'flex-row flex-nowrap gap-7 items-center': layout === 'horizontal',
|
43
|
+
})) }), children));
|
44
|
+
};
|
45
|
+
Banner.ImageContainer = (_a) => {
|
46
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
47
|
+
return (React.createElement(Box, Object.assign({}, rest, { display: "inline-flex", alignItems: "center", margin: spacing.omitSpacingAroundBanner, marginLeft: "0" }), children));
|
48
|
+
};
|
49
|
+
Banner.Actions = (_a) => {
|
50
|
+
var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
|
51
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw('flex gap-4', { 'mt-5': layout === 'vertical' })) }), children));
|
52
|
+
};
|
53
|
+
Banner.DismissContainer = (_a) => {
|
54
|
+
var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
|
55
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
|
56
|
+
};
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBaUIsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWtFLEVBQUUsRUFBRTtRQUF0RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksR0FBRyxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQWhFLG1EQUFrRSxD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
|
@@ -0,0 +1,54 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import isNumber from 'lodash/isNumber';
|
14
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
+
export const Card = React.forwardRef((_a, ref) => {
|
17
|
+
var { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _a, rest = __rest(_a, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
18
|
+
return (React.createElement("div", Object.assign({ ref: ref }, rest, { className: classNames(tw('border-grey-5 border-[1px] rounded-[2px] relative p-5 flex flex-col gap-5', {
|
19
|
+
'w-[280px]': !fullWidth,
|
20
|
+
'w-full': Boolean(fullWidth),
|
21
|
+
'min-w-[280px]': Boolean(fullWidth) && Boolean(enableMinWidth),
|
22
|
+
'active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable': Boolean(clickable && !disabled),
|
23
|
+
'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
|
24
|
+
}), className) }), children));
|
25
|
+
});
|
26
|
+
const ColorHighlight = (_a) => {
|
27
|
+
var { color, className } = _a, rest = __rest(_a, ["color", "className"]);
|
28
|
+
return (React.createElement(Box, Object.assign({}, rest, { backgroundColor: color, className: classNames(tw('h-1 w-full absolute top-0 left-0 right-0'), className) })));
|
29
|
+
};
|
30
|
+
const ImageContainer = (_a) => {
|
31
|
+
var { className, fullSize } = _a, rest = __rest(_a, ["className", "fullSize"]);
|
32
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-mx-4', {
|
33
|
+
'-mt-4': Boolean(fullSize),
|
34
|
+
}), className) })));
|
35
|
+
};
|
36
|
+
const classes = 'w-full bg-cover object-cover';
|
37
|
+
const Image = ({ image, imageAlt, fullSize = false, imageHeight }) => (React.createElement("img", { src: image, alt: imageAlt, className: tw(classes, {
|
38
|
+
'h-[174px]': !imageHeight && !fullSize,
|
39
|
+
'h-[225px]': !imageHeight && fullSize,
|
40
|
+
}), style: { height: isNumber(imageHeight) ? `${imageHeight}px` : imageHeight } }));
|
41
|
+
const Content = (_a) => {
|
42
|
+
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
43
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col', { 'gap-4': !dense }), className) })));
|
44
|
+
};
|
45
|
+
const Actions = (_a) => {
|
46
|
+
var { className, dense } = _a, rest = __rest(_a, ["className", "dense"]);
|
47
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-3 items-center', { 'pt-3 ': !dense }), className) })));
|
48
|
+
};
|
49
|
+
Card.Content = Content;
|
50
|
+
Card.Actions = Actions;
|
51
|
+
Card.ImageContainer = ImageContainer;
|
52
|
+
Card.Image = Image;
|
53
|
+
Card.ColorHiglight = ColorHighlight;
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DYXJkL0NhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBeUJwRCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbEMsQ0FBQyxFQUF1RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxjQUFjLEdBQUcsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFyRixpRkFBdUYsQ0FBRjtJQUFZLE9BQUEsQ0FDaEcsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJFQUEyRSxFQUFFO1lBQzlFLFdBQVcsRUFBRSxDQUFDLFNBQVM7WUFDdkIsUUFBUSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUM7WUFDNUIsZUFBZSxFQUFFLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDO1lBQzlELGdFQUFnRSxFQUFFLE9BQU8sQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDakcsdURBQXVELEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQztTQUMzRSxDQUFDLEVBQ0YsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ2UsQ0FBQztBQUVuQixNQUFNLGNBQWMsR0FBdUQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7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
|
@@ -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 { Icon } from '../../../src/
|
13
|
+
import { Icon } from '../../../src/molecules/Icon/Icon';
|
14
14
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
import minus from '../../../src/icons/minus';
|
16
16
|
import tick from '../../../src/icons/tick';
|
@@ -31,4 +31,4 @@ export const Checkbox = React.forwardRef((_a, ref) => {
|
|
31
31
|
'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
|
32
32
|
}) })));
|
33
33
|
});
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYsdURBQXVELEVBQUUsQ0FBQyxRQUFRO1lBQ2xFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHdDQUF3QyxFQUFFLENBQUMsUUFBUTtnQkFDbkQsOEJBQThCLEVBQUUsUUFBUTthQUN6QyxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsOENBQThDLEVBQzlDLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSx1SEFBdUgsRUFDckgsQ0FBQyxRQUFRO2dCQUNYLDhFQUE4RSxFQUFFLFFBQVE7YUFDekYsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
|
@@ -21,4 +21,4 @@ const Container = React.forwardRef((_a, ref) => {
|
|
21
21
|
export const Chip = {
|
22
22
|
Container,
|
23
23
|
};
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9DaGlwL0NoaXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFTcEQsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDaEMsQ0FBQyxFQUErQyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXhELEVBQUUsS0FBSyxHQUFHLEtBQUssRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUE3QyxrQ0FBK0MsQ0FBRjtJQUFZLE9BQUEsQ0FDeEQsNENBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsa0VBQWtFLEVBQUU7WUFDckUsb0NBQW9DLEVBQUUsQ0FBQyxLQUFLO1lBQzVDLHNDQUFzQyxFQUFFLEtBQUs7U0FDOUMsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNHLElBQUksR0FFUCxRQUFRLENBQ0osQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDO0FBTUYsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFzQjtJQUNyQyxTQUFTO0NBQ1YsQ0FBQyJ9
|
@@ -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 { InlineIcon } from '../../../src/
|
14
|
-
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/
|
13
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
|
+
import { cellClassNames, getBodyCellClassNames, getHeadCellClassNames, getSortCellButtonClassNames, getSortCellIconClassNames, } from '../../../src/atoms/Table/Table';
|
15
15
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
16
|
import chevronDown from '../../../src/icons/chevronDown';
|
17
17
|
import chevronUp from '../../../src/icons/chevronUp';
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFXNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBaUUsQ0FBQyxFQUsvRSxFQUFFLEVBQUU7UUFMMkUsRUFDOUUsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLE9BRU4sRUFESSxJQUFJLGNBSnVFLGdDQUsvRSxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsTUFBTSxFQUNYLFNBQVMsRUFBRSxVQUFVLENBQUMsY0FBYyxFQUFFLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxFQUFFLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUMxRyxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsU0FBUyxFQUFFLEtBQUssT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQzFGLDZDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsTUFBTSxFQUNYLFNBQVMsRUFBRSxVQUFVLENBQ25CLGNBQWMsRUFDZCxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsRUFDNUIsa0JBQWtCLENBQUMsS0FBSyxDQUFDLEVBQ3pCLEVBQUUsQ0FBQyw0REFBNEQsQ0FBQyxFQUNoRSxTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxHQUFHLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMxRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsZ0JBQWdCLENBQUMsRUFBRSxTQUFTLENBQUMsRUFBRSxJQUFJLEVBQUMsS0FBSyxJQUFHLENBQ3JGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxRQUFRLEdBT1YsQ0FBQyxFQUEwRCxFQUFFLEVBQUU7UUFBOUQsRUFBRSxRQUFRLEVBQUUsU0FBUyxHQUFHLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF4RCw4Q0FBMEQsQ0FBRjtJQUFPLE9BQUEsQ0FDbEUsb0JBQUMsUUFBUSxvQkFBSyxJQUFJLGlCQUFhLFNBQVMsRUFBRSxJQUFJLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxNQUFNO1FBQ2xFLDhCQUFNLFNBQVMsRUFBRSwyQkFBMkIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU87WUFDckcsUUFBUTtZQUNULHNEQUVFLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxFQUFFO29CQUM3QiwrQkFBK0IsRUFBRSxTQUFTLEtBQUssTUFBTTtpQkFDdEQsQ0FBQztnQkFFRixvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxHQUFJO2dCQUNqRyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUseUJBQXlCLENBQUMsU0FBUyxLQUFLLFdBQVcsQ0FBQyxHQUFJLENBQzlGLENBQ0QsQ0FDRSxDQUNaLENBQUE7Q0FBQSxDQUFDO0FBRUYsUUFBUSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7QUFDN0IsUUFBUSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7QUFDN0IsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFDckIsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMifQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { type IconProps } from '../../../src/
|
1
|
+
import { type IconProps } from '../../../src/molecules/Icon/Icon';
|
2
2
|
import { type ColorName } from '../../../types/designTokens';
|
3
3
|
export declare type DialogType = 'confirmation' | 'warning' | 'danger';
|
4
4
|
export declare type DialogTypes = {
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0RpYWxvZy9EaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBQ3hDLE9BQU8sTUFBTSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLHVCQUF1QixDQUFDO0FBUTVDLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFnQjtJQUNsRCxZQUFZLEVBQUU7UUFDWixJQUFJLEVBQUUsT0FBTztRQUNiLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsY0FBYztLQUN0QjtJQUNELE1BQU0sRUFBRTtRQUNOLElBQUksRUFBRSxNQUFNO1FBQ1osS0FBSyxFQUFFLFVBQVU7S0FDbEI7Q0FDRixDQUFDIn0=
|
@@ -0,0 +1,62 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
15
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
16
|
+
import tick from '../../../src/icons/tick';
|
17
|
+
export const DropdownMenu = React.forwardRef((_a, ref) => {
|
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 flex flex-col overflow-x-hidden typography-small text-grey-70') }, props), children));
|
20
|
+
});
|
21
|
+
const ContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
|
22
|
+
DropdownMenu.ContentContainer = ContentContainer;
|
23
|
+
const List = React.forwardRef((_a, ref) => {
|
24
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
25
|
+
return (React.createElement("ul", Object.assign({ ref: ref }, props), children));
|
26
|
+
});
|
27
|
+
DropdownMenu.List = List;
|
28
|
+
const Group = React.forwardRef((_a, ref) => {
|
29
|
+
var { className, title, titleProps, children } = _a, props = __rest(_a, ["className", "title", "titleProps", "children"]);
|
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', {
|
32
|
+
'text-grey-20': props.disabled,
|
33
|
+
}) }, titleProps), title)),
|
34
|
+
children));
|
35
|
+
});
|
36
|
+
DropdownMenu.Group = Group;
|
37
|
+
const Item = React.forwardRef((_a, ref) => {
|
38
|
+
var { kind, highlighted, selected, className, icon, children } = _a, props = __rest(_a, ["kind", "highlighted", "selected", "className", "icon", "children"]);
|
39
|
+
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 outline-none', {
|
40
|
+
'cursor-pointer hover:bg-grey-0': !props.disabled,
|
41
|
+
'bg-grey-0': highlighted,
|
42
|
+
'text-primary-80': kind === 'action',
|
43
|
+
'text-grey-20 cursor-not-allowed': props.disabled,
|
44
|
+
}) }, props),
|
45
|
+
icon && React.createElement(InlineIcon, { icon: icon }),
|
46
|
+
React.createElement("span", { className: tw('grow') }, children),
|
47
|
+
selected && React.createElement(InlineIcon, { icon: tick })));
|
48
|
+
});
|
49
|
+
DropdownMenu.Item = Item;
|
50
|
+
const Description = ({ disabled, children }) => (React.createElement(Typography.Caption, { color: disabled ? 'grey-20' : 'grey-40' }, children));
|
51
|
+
DropdownMenu.Description = Description;
|
52
|
+
const Separator = (_a) => {
|
53
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
54
|
+
return React.createElement("li", Object.assign({}, props, { className: classNames(className, tw('m-3 block bg-grey-5 h-[1px]')) }));
|
55
|
+
};
|
56
|
+
DropdownMenu.Separator = Separator;
|
57
|
+
const EmptyStateContainer = (_a) => {
|
58
|
+
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
59
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
|
60
|
+
};
|
61
|
+
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFzQmxDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBMEIsS0FBSyxDQUFDLFVBQVUsQ0FDakUsQ0FBQyxFQUFvRixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQTdGLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxRQUFRLEdBQUcsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsUUFBUSxPQUFZLEVBQVAsS0FBSyxjQUFsRiw4REFBb0YsQ0FBRjtJQUFZLE9BQUEsQ0FDN0YsMkNBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxFQUN4QyxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSwrRUFBK0UsQ0FBQyxJQUM3RyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsTUFBTSxnQkFBZ0IsR0FBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ25ELDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsdUNBQXVDLENBQUMsSUFBRyxRQUFRLENBQU8sQ0FDOUUsQ0FBQztBQUVGLFlBQVksQ0FBQyxnQkFBZ0IsR0FBRyxnQkFBZ0Is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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type GridProps } from '../../../src/
|
2
|
+
import { type GridProps } from '../../../src/molecules/Grid/Grid';
|
3
3
|
export declare type ColumnCount = '1' | '2' | '3';
|
4
4
|
export declare type InputGroupProps = Omit<GridProps, 'cols'> & {
|
5
5
|
/**
|
@@ -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 { Grid } from '../../../src/
|
13
|
+
import { Grid } from '../../../src/molecules/Grid/Grid';
|
14
14
|
const gridColumnStyles = {
|
15
15
|
'1': 'grid-cols-1',
|
16
16
|
'2': 'grid-cols-2',
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9JbnB1dEdyb3VwL0lucHV0R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBa0IsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFZL0QsTUFBTSxnQkFBZ0IsR0FBMkQ7SUFDL0UsR0FBRyxFQUFFLGFBQWE7SUFDbEIsR0FBRyxFQUFFLGFBQWE7SUFDbEIsR0FBRyxFQUFFLGFBQWE7SUFDbEIsTUFBTSxFQUFFLGNBQWM7Q0FDdkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUFpQyxFQUFFLEVBQUU7UUFBckMsRUFBRSxJQUFJLEdBQUcsR0FBRyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBL0Isb0JBQWlDLENBQUY7SUFDbkYsT0FBTyxDQUNMLG9CQUFDLElBQUksb0JBQ0MsSUFBSSxJQUNSLE9BQU8sRUFBQyxhQUFhLEVBQ3JCLE1BQU0sRUFBQyxJQUFJLEVBQ1gsTUFBTSxFQUFDLEdBQUcsRUFDVixJQUFJLEVBQUUsSUFBSSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ3hDLFNBQVMsRUFBRSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FFaEMsUUFBUSxDQUNKLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -17,4 +17,4 @@ export const LineClamp = React.forwardRef((_a, ref) => {
|
|
17
17
|
[`line-clamp-${lines}`]: clamped,
|
18
18
|
}) }, props), children));
|
19
19
|
});
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNsYW1wLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0xpbmVDbGFtcC9MaW5lQ2xhbXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWNoRCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDdkMsQ0FBQyxFQUF1RixFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQWhHLEVBQUUsS0FBSyxHQUFHLENBQUMsRUFBRSxPQUFPLEdBQUcsSUFBSSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFHLGFBQWEsT0FBWSxFQUFQLEtBQUssY0FBckYsMERBQXVGLENBQUY7SUFDcEYsT0FBTyxDQUNMLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxLQUFLLGFBQWEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUU7WUFDMUYsQ0FBQyxjQUFjLEtBQUssRUFBRSxDQUFDLEVBQUUsT0FBTztTQUNqQyxDQUFDLElBQ0UsS0FBSyxHQUVSLFFBQVEsQ0FDTCxDQUNQLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9
|
@@ -16,4 +16,4 @@ export const Link = (_a) => {
|
|
16
16
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
17
17
|
return (React.createElement("a", Object.assign({ className: classNames(className, linkStyle) }, props), children));
|
18
18
|
};
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9MaW5rL0xpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFJaEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUF3QixDQUFDLEVBQWlDLEVBQUUsRUFBRTtRQUFyQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQS9CLHlCQUFpQyxDQUFGO0lBQU8sT0FBQSxDQUM5RSx5Q0FBRyxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEdBQ3RELFFBQVEsQ0FDUCxDQUNMLENBQUE7Q0FBQSxDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { Typography } from '../../../src/
|
2
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
3
3
|
import type { ImgHTMLAttributes } from 'react';
|
4
4
|
declare type ModalProps = {
|
5
5
|
/** State of the modal */
|
@@ -0,0 +1,68 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
export const Modal = (_a) => {
|
16
|
+
var { children, className, open } = _a, rest = __rest(_a, ["children", "className", "open"]);
|
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;
|
18
|
+
};
|
19
|
+
Modal.BackDrop = (_a) => {
|
20
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
21
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('-z-10 fixed min-w-full min-h-full bg-navyBlue-100 opacity-70'), className) })));
|
22
|
+
};
|
23
|
+
Modal.Dialog = React.forwardRef((_a, ref) => {
|
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('relative bg-white rounded mx-7 w-full max-h-full flex flex-col'), {
|
26
|
+
'max-w-[600px]': size === 'sm',
|
27
|
+
'max-w-[940px]': size === 'md',
|
28
|
+
'min-h-full': size === 'full',
|
29
|
+
}, className) }), children));
|
30
|
+
});
|
31
|
+
Modal.Header = (_a) => {
|
32
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
33
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 py-6 gap-3 flex items-center'), className) }), children));
|
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
|
+
};
|
44
|
+
Modal.Title = (_a) => {
|
45
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
46
|
+
return (React.createElement(Typography, Object.assign({ htmlTag: "h2", variant: "subheading", color: "grey-90", className: classNames(tw('leading-none'), className) }, rest), children));
|
47
|
+
};
|
48
|
+
Modal.Subtitle = (_a) => {
|
49
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
50
|
+
return (React.createElement(Typography, Object.assign({ variant: "small", color: "grey-60" }, rest), children));
|
51
|
+
};
|
52
|
+
Modal.TitleContainer = (_a) => {
|
53
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
54
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col grow gap-2'), className) }), children));
|
55
|
+
};
|
56
|
+
Modal.Body = (_a) => {
|
57
|
+
var { children, className, noFooter = false, maxHeight, style } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style"]);
|
58
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 grow overflow-y-auto', { 'pb-6': noFooter }), className), style: Object.assign({ maxHeight }, style) }), children));
|
59
|
+
};
|
60
|
+
Modal.Footer = (_a) => {
|
61
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
62
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('px-7 py-6'), className) }), children));
|
63
|
+
};
|
64
|
+
Modal.Actions = (_a) => {
|
65
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
66
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex gap-4 justify-end'), className) }), children));
|
67
|
+
};
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBaUNwRCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFBc0MsRUFBRSxFQUFFO1FBQTFDLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxJQUFJLE9BQVcsRUFBTixJQUFJLGNBQXBDLGlDQUFzQyxDQUFGO0lBQzlHLE9BQUEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUNMLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsNkVBQTZFLENBQUMsRUFDakYsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBO0NBQUEsQ0FBQztBQUVYLEtBQUssQ0FBQyxRQUFRLEdBQUcsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNDLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUNwRyxDQUNILENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM3QixDQUFDLEVBQTZDLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBdEQsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksR0FBRyxJQUFJLE9BQVcsRUFBTixJQUFJLGNBQTND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
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9Qb3BvdmVyL1BvcG92ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFNcEQsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBb0MsQ0FBQyxFQUFpQyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQTFDLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBL0IseUJBQWlDLENBQUY7SUFBWSxPQUFBLENBQ25ILDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsU0FBUyxFQUNULEVBQUUsQ0FDQSwrSUFBK0ksQ0FDaEosQ0FDRixJQUNHLEtBQUssR0FFUixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQyxDQUFDO0FBTUgsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFZO0lBQzlCLEtBQUssRUFBRSxZQUFZO0NBQ3BCLENBQUMifQ==
|
@@ -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 { Typography } from '../../../src/
|
13
|
+
import { Typography } from '../../../src/atoms/Typography/Typography';
|
14
14
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
const Header = (_a) => {
|
16
16
|
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9Qb3BvdmVyRGlhbG9nL1BvcG92ZXJEaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBWXBELE1BQU0sTUFBTSxHQUF1QixDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2RSw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsNkJBQTZCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDL0UsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLEtBQUssR0FBc0MsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDckYsb0JBQUMsVUFBVSxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsY0FBYyxLQUN0RCxRQUFRLENBQ0UsQ0FDZCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUFzQyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNwRixvQkFBQyxVQUFVLG9CQUFLLElBQUksSUFBRSxPQUFPLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsc0JBQXNCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDL0csUUFBUSxDQUNFLENBQ2QsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBdUIsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdkUsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUN2RCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUF1QixDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN4RSw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzlELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFrQjtJQUMxQyxNQUFNO0lBQ04sS0FBSztJQUNMLElBQUk7SUFDSixNQUFNO0lBQ04sT0FBTztDQUNSLENBQUMifQ==
|
@@ -33,4 +33,4 @@ ProgressBar.Labels = (_a) => {
|
|
33
33
|
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-grey-70 typography-caption') }), startLabel),
|
34
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUVqQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBd0JwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQWtELENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQzlHLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsOEVBQThFLENBQUMsRUFDbEYsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBd0M7SUFDekQsSUFBSSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDdEIsT0FBTyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7SUFDNUIsT0FBTyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7SUFDNUIsS0FBSyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUM7Q0FDaEIsQ0FBQztBQUVYLFdBQVcsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUF3RSxFQUFFLEVBQUU7UUFBNUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXRFLDREQUF3RSxDQUFGO0lBQzdGLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBRS9FLE9BQU8sQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxDQUFDLEVBQzNELGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFDckIsU0FBUyxDQUNWLEVBQ0QsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsbUJBQW1CLEdBQUcsRUFBRSxFQUMzQyxJQUFJLEVBQUUsYUFBYSxnQkFDUCxTQUFTLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRSxtQkFDMUIsS0FBSyxtQkFDTCxHQUFHLG1CQUNILEdBQUcsSUFDbEIsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQXNELEVBQUUsRUFBRTtRQUExRCxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEQsbURBQXNELENBQUY7SUFBTyxPQUFBLENBQy9FLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUFFLFNBQVMsQ0FBQztRQUN4RCw4Q0FBVSxJQUFJLElBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxzQ0FBc0MsQ0FBQyxLQUNsRSxVQUFVLENBQ047UUFDUCw4Q0FBVSxJQUFJLElBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQyxLQUM3RSxRQUFRLENBQ0osQ0FDSCxDQUNQLENBQUE7Q0FBQSxDQUFDIn0=
|
@@ -18,4 +18,4 @@ export const RadioButton = React.forwardRef((_a, ref) => {
|
|
18
18
|
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
|
19
19
|
})), readOnly: readOnly, disabled: disabled })));
|
20
20
|
});
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxxRUFBcUUsRUFDckUsbUVBQW1FLEVBQ25FLHFGQUFxRixFQUNyRjtZQUNFLGtEQUFrRCxFQUFFLENBQUMsUUFBUTtZQUM3RCxrRUFBa0UsRUFBRSxRQUFRO1NBQzdFLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCLENBQ0gsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { Box } from '../../../src/
|
3
|
-
import { Typography } from '../../../src/
|
2
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
3
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type ComposedSectionProps = {
|
6
6
|
Header: React.FC<DivProps>;
|