@aivenio/aquarium 1.10.0 → 1.12.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 +67 -46
- package/dist/atoms.mjs +63 -42
- 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 +4 -4
- package/dist/src/molecules/Alert/Alert.js +15 -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.d.ts +12 -1
- package/dist/src/molecules/Button/Button.js +108 -0
- 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 +88 -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 +124 -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 +4 -4
- 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 +277 -230
- package/dist/system.mjs +262 -217
- 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/Button/Button.js +0 -105
- 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}/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
package/dist/atoms.mjs
CHANGED
@@ -1371,16 +1371,16 @@ var require_search = __commonJS({
|
|
1371
1371
|
}
|
1372
1372
|
});
|
1373
1373
|
|
1374
|
-
// src/
|
1374
|
+
// src/atoms/Alert/Alert.tsx
|
1375
1375
|
import React8 from "react";
|
1376
1376
|
|
1377
|
-
// src/
|
1377
|
+
// src/molecules/Button/Button.tsx
|
1378
1378
|
import React6 from "react";
|
1379
1379
|
|
1380
|
-
// src/
|
1380
|
+
// src/molecules/Flexbox/Flexbox.tsx
|
1381
1381
|
import React3 from "react";
|
1382
1382
|
|
1383
|
-
// src/
|
1383
|
+
// src/molecules/Tailwindify/Tailwindify.tsx
|
1384
1384
|
import React2 from "react";
|
1385
1385
|
import get2 from "lodash/get";
|
1386
1386
|
import isUndefined4 from "lodash/isUndefined";
|
@@ -1914,7 +1914,7 @@ var tailwind_theme_default = {
|
|
1914
1914
|
}
|
1915
1915
|
};
|
1916
1916
|
|
1917
|
-
// src/
|
1917
|
+
// src/molecules/Context/Context.tsx
|
1918
1918
|
import React from "react";
|
1919
1919
|
import { ModalProvider } from "@react-aria/overlays";
|
1920
1920
|
|
@@ -1970,7 +1970,7 @@ import { useEffect, useState } from "react";
|
|
1970
1970
|
import debounce from "lodash/debounce";
|
1971
1971
|
import isUndefined2 from "lodash/isUndefined";
|
1972
1972
|
|
1973
|
-
// src/
|
1973
|
+
// src/molecules/Context/Context.tsx
|
1974
1974
|
var context = {
|
1975
1975
|
breakpointMatches: getMatches(void 0)
|
1976
1976
|
};
|
@@ -2015,7 +2015,7 @@ function useStyle(styles) {
|
|
2015
2015
|
}, {});
|
2016
2016
|
}
|
2017
2017
|
|
2018
|
-
// src/
|
2018
|
+
// src/molecules/Tailwindify/Tailwindify.tsx
|
2019
2019
|
function Tailwindify(Component) {
|
2020
2020
|
return (_a) => {
|
2021
2021
|
var _b = _a, {
|
@@ -2129,7 +2129,7 @@ function Tailwindify(Component) {
|
|
2129
2129
|
};
|
2130
2130
|
}
|
2131
2131
|
|
2132
|
-
// src/
|
2132
|
+
// src/molecules/Flexbox/Flexbox.tsx
|
2133
2133
|
var Flexbox = Tailwindify(
|
2134
2134
|
({
|
2135
2135
|
htmlTag = "div",
|
@@ -2165,7 +2165,7 @@ var Flexbox = Tailwindify(
|
|
2165
2165
|
}
|
2166
2166
|
);
|
2167
2167
|
|
2168
|
-
// src/
|
2168
|
+
// src/molecules/Icon/Icon.tsx
|
2169
2169
|
import React4 from "react";
|
2170
2170
|
import {
|
2171
2171
|
Icon as IconifyIconComponent,
|
@@ -2198,7 +2198,7 @@ var classNames = (...args) => {
|
|
2198
2198
|
return cleanClassNames(result);
|
2199
2199
|
};
|
2200
2200
|
|
2201
|
-
// src/
|
2201
|
+
// src/molecules/Icon/Icon.tsx
|
2202
2202
|
var Icon = React4.forwardRef((_a, ref) => {
|
2203
2203
|
var _b = _a, { color, className } = _b, rest = __objRest(_b, ["color", "className"]);
|
2204
2204
|
const classes2 = classNames(className, color && `text-${color}`);
|
@@ -2218,13 +2218,14 @@ var InlineIcon = React4.forwardRef((_a, ref) => {
|
|
2218
2218
|
}, rest)));
|
2219
2219
|
});
|
2220
2220
|
|
2221
|
-
// src/
|
2221
|
+
// src/molecules/Tooltip/Tooltip.tsx
|
2222
2222
|
import React5 from "react";
|
2223
|
+
import { useFocusWithin } from "@react-aria/interactions";
|
2223
2224
|
import { OverlayContainer, useOverlayPosition } from "@react-aria/overlays";
|
2224
2225
|
import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
|
2225
2226
|
import { mergeProps } from "@react-aria/utils";
|
2226
2227
|
|
2227
|
-
// src/
|
2228
|
+
// src/molecules/Tooltip/useTooltipTriggerState.ts
|
2228
2229
|
import { useEffect as useEffect2, useMemo, useRef } from "react";
|
2229
2230
|
import { useOverlayTriggerState } from "@react-stately/overlays";
|
2230
2231
|
var TOOLTIP_DELAY = 1500;
|
@@ -2341,7 +2342,7 @@ function useTooltipTriggerState(props = {}) {
|
|
2341
2342
|
};
|
2342
2343
|
}
|
2343
2344
|
|
2344
|
-
// src/
|
2345
|
+
// src/molecules/Tooltip/Tooltip.tsx
|
2345
2346
|
var Tooltip = (_a) => {
|
2346
2347
|
var _b = _a, { inline = true, delay = 200 } = _b, props = __objRest(_b, ["inline", "delay"]);
|
2347
2348
|
const { placement: _placement = "top", content, disabled: isDisabled, shouldFlip = true } = props;
|
@@ -2357,6 +2358,9 @@ var Tooltip = (_a) => {
|
|
2357
2358
|
shouldFlip,
|
2358
2359
|
offset: ARROW_OFFSET
|
2359
2360
|
});
|
2361
|
+
const { focusWithinProps } = useFocusWithin({
|
2362
|
+
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
2363
|
+
});
|
2360
2364
|
const handleClick = (e) => {
|
2361
2365
|
var _a2, _b2;
|
2362
2366
|
(_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
|
@@ -2385,6 +2389,16 @@ var Tooltip = (_a) => {
|
|
2385
2389
|
return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
|
2386
2390
|
className: tw(`${inline ? "inline-block" : "block"}`)
|
2387
2391
|
}, triggerProps), {
|
2392
|
+
onFocus: (e) => {
|
2393
|
+
var _a2, _b2;
|
2394
|
+
(_a2 = triggerProps.onFocus) == null ? void 0 : _a2.call(triggerProps, e);
|
2395
|
+
(_b2 = focusWithinProps.onFocus) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2396
|
+
},
|
2397
|
+
onBlur: (e) => {
|
2398
|
+
var _a2, _b2;
|
2399
|
+
(_a2 = triggerProps.onBlur) == null ? void 0 : _a2.call(triggerProps, e);
|
2400
|
+
(_b2 = focusWithinProps.onBlur) == null ? void 0 : _b2.call(focusWithinProps, e);
|
2401
|
+
},
|
2388
2402
|
onClick: handleClick,
|
2389
2403
|
onMouseDown: handleMouseDown,
|
2390
2404
|
onMouseUp: handleMouseUp,
|
@@ -2455,9 +2469,9 @@ var Arrow = (props) => {
|
|
2455
2469
|
var ghostButtonStyle = tw(
|
2456
2470
|
"text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
|
2457
2471
|
);
|
2458
|
-
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
|
2472
|
+
var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
|
2459
2473
|
|
2460
|
-
// src/
|
2474
|
+
// src/molecules/Button/Button.tsx
|
2461
2475
|
var import_chevronDown = __toESM(require_chevronDown());
|
2462
2476
|
var import_loading = __toESM(require_loading());
|
2463
2477
|
var COLOR_CLASSNAMES = {
|
@@ -2470,6 +2484,7 @@ var COLOR_CLASSNAMES = {
|
|
2470
2484
|
"hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
|
2471
2485
|
),
|
2472
2486
|
"ghost": ghostButtonStyle,
|
2487
|
+
"text": ghostButtonStyle,
|
2473
2488
|
"secondary-ghost": tw(
|
2474
2489
|
"text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
|
2475
2490
|
)
|
@@ -2569,7 +2584,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
2569
2584
|
!isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
2570
2585
|
tw("inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative", {
|
2571
2586
|
"text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
|
2572
|
-
"typography-default-strong": !dense && !isIconOnlyButton,
|
2587
|
+
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
2573
2588
|
"typography-small-strong": dense && !isIconOnlyButton,
|
2574
2589
|
"py-3 px-4": !dense && isButton,
|
2575
2590
|
"py-2 px-3": dense && isButton,
|
@@ -2623,6 +2638,12 @@ var SecondaryGhostButton = React6.forwardRef((props, ref) => /* @__PURE__ */ Rea
|
|
2623
2638
|
kind: "secondary-ghost"
|
2624
2639
|
})));
|
2625
2640
|
SecondaryGhostButton.displayName = "SecondaryGhostButton";
|
2641
|
+
var TextButton = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(Button, __spreadProps(__spreadValues({
|
2642
|
+
ref
|
2643
|
+
}, props), {
|
2644
|
+
kind: "text"
|
2645
|
+
})));
|
2646
|
+
TextButton.displayName = "TextButton";
|
2626
2647
|
var IconButton = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(Button, __spreadProps(__spreadValues({
|
2627
2648
|
ref
|
2628
2649
|
}, props), {
|
@@ -2654,7 +2675,7 @@ var SecondaryDropdownButton = React6.forwardRef((props, ref) => /* @__PURE__ */
|
|
2654
2675
|
})));
|
2655
2676
|
SecondaryDropdownButton.displayName = "SecondaryDropdownButton";
|
2656
2677
|
|
2657
|
-
// src/
|
2678
|
+
// src/atoms/Typography/Typography.tsx
|
2658
2679
|
var import_resolveTheme = __toESM(require_resolveTheme());
|
2659
2680
|
import React7 from "react";
|
2660
2681
|
import isUndefined5 from "lodash/isUndefined";
|
@@ -2687,7 +2708,7 @@ var Typography = (_a) => {
|
|
2687
2708
|
}, rest), children);
|
2688
2709
|
};
|
2689
2710
|
|
2690
|
-
// src/
|
2711
|
+
// src/atoms/Alert/Alert.tsx
|
2691
2712
|
var import_confirm = __toESM(require_confirm());
|
2692
2713
|
var import_cross = __toESM(require_cross());
|
2693
2714
|
var import_error = __toESM(require_error());
|
@@ -2780,15 +2801,15 @@ Alert.Dismiss = (_a) => {
|
|
2780
2801
|
})));
|
2781
2802
|
};
|
2782
2803
|
|
2783
|
-
// src/
|
2804
|
+
// src/atoms/Card/Card.tsx
|
2784
2805
|
import React12 from "react";
|
2785
2806
|
import isNumber from "lodash/isNumber";
|
2786
2807
|
|
2787
|
-
// src/
|
2808
|
+
// src/molecules/Box/Box.tsx
|
2788
2809
|
import React11 from "react";
|
2789
2810
|
import isUndefined6 from "lodash/isUndefined";
|
2790
2811
|
|
2791
|
-
// src/
|
2812
|
+
// src/molecules/Element/Element.tsx
|
2792
2813
|
import React9 from "react";
|
2793
2814
|
var Element = (_a) => {
|
2794
2815
|
var _b = _a, { component } = _b, rest = __objRest(_b, ["component"]);
|
@@ -2814,7 +2835,7 @@ var createSimpleComponent = (Component, defaultProps, displayName) => {
|
|
2814
2835
|
return Curried;
|
2815
2836
|
};
|
2816
2837
|
|
2817
|
-
// src/
|
2838
|
+
// src/molecules/Box/Box.tsx
|
2818
2839
|
var Box = (_a) => {
|
2819
2840
|
var _b = _a, {
|
2820
2841
|
style,
|
@@ -2943,7 +2964,7 @@ var BorderBox = createSimpleComponent(
|
|
2943
2964
|
"BorderBox"
|
2944
2965
|
);
|
2945
2966
|
|
2946
|
-
// src/
|
2967
|
+
// src/atoms/Card/Card.tsx
|
2947
2968
|
var Card = React12.forwardRef(
|
2948
2969
|
(_a, ref) => {
|
2949
2970
|
var _b = _a, { disabled, fullWidth, enableMinWidth = true, clickable, className, children } = _b, rest = __objRest(_b, ["disabled", "fullWidth", "enableMinWidth", "clickable", "className", "children"]);
|
@@ -2955,7 +2976,7 @@ var Card = React12.forwardRef(
|
|
2955
2976
|
"w-[280px]": !fullWidth,
|
2956
2977
|
"w-full": Boolean(fullWidth),
|
2957
2978
|
"min-w-[280px]": Boolean(fullWidth) && Boolean(enableMinWidth),
|
2958
|
-
"active:bg-grey-5 cursor-pointer hover:border-grey-50
|
2979
|
+
"active:bg-grey-5 cursor-pointer hover:border-grey-50 focusable": Boolean(clickable && !disabled),
|
2959
2980
|
"bg-grey-0 cursor-not-allowed focus:border-transparent": Boolean(disabled)
|
2960
2981
|
}),
|
2961
2982
|
className
|
@@ -3009,7 +3030,7 @@ Card.ImageContainer = ImageContainer;
|
|
3009
3030
|
Card.Image = Image;
|
3010
3031
|
Card.ColorHiglight = ColorHighlight;
|
3011
3032
|
|
3012
|
-
// src/
|
3033
|
+
// src/atoms/Checkbox/Checkbox.tsx
|
3013
3034
|
import React13 from "react";
|
3014
3035
|
var import_minus = __toESM(require_minus());
|
3015
3036
|
var import_tick = __toESM(require_tick());
|
@@ -3053,7 +3074,7 @@ var Checkbox = React13.forwardRef(
|
|
3053
3074
|
}
|
3054
3075
|
);
|
3055
3076
|
|
3056
|
-
// src/
|
3077
|
+
// src/atoms/Chip/Chip.tsx
|
3057
3078
|
import React14 from "react";
|
3058
3079
|
var Container = React14.forwardRef(
|
3059
3080
|
(_a, ref) => {
|
@@ -3074,7 +3095,7 @@ var Chip = {
|
|
3074
3095
|
Container
|
3075
3096
|
};
|
3076
3097
|
|
3077
|
-
// src/
|
3098
|
+
// src/atoms/Dialog/Dialog.tsx
|
3078
3099
|
var import_confirm2 = __toESM(require_confirm());
|
3079
3100
|
var import_error2 = __toESM(require_error());
|
3080
3101
|
var import_warningSign2 = __toESM(require_warningSign());
|
@@ -3093,10 +3114,10 @@ var DIALOG_ICONS_AND_COLORS = {
|
|
3093
3114
|
}
|
3094
3115
|
};
|
3095
3116
|
|
3096
|
-
// src/
|
3117
|
+
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
3097
3118
|
import React16 from "react";
|
3098
3119
|
|
3099
|
-
// src/
|
3120
|
+
// src/molecules/Typography/Typography.tsx
|
3100
3121
|
import React15 from "react";
|
3101
3122
|
var Typography2 = (props) => /* @__PURE__ */ React15.createElement(Typography, __spreadValues({}, props));
|
3102
3123
|
Typography2.LargeHeading = (_a) => {
|
@@ -3212,7 +3233,7 @@ Typography2.SmallTextBold = (_a) => {
|
|
3212
3233
|
}));
|
3213
3234
|
};
|
3214
3235
|
|
3215
|
-
// src/
|
3236
|
+
// src/atoms/DropdownMenu/DropdownMenu.tsx
|
3216
3237
|
var import_tick2 = __toESM(require_tick());
|
3217
3238
|
var DropdownMenu = React16.forwardRef(
|
3218
3239
|
(_a, ref) => {
|
@@ -3290,10 +3311,10 @@ var EmptyStateContainer = (_a) => {
|
|
3290
3311
|
};
|
3291
3312
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
3292
3313
|
|
3293
|
-
// src/
|
3314
|
+
// src/atoms/InputGroup/InputGroup.tsx
|
3294
3315
|
import React18 from "react";
|
3295
3316
|
|
3296
|
-
// src/
|
3317
|
+
// src/molecules/Grid/Grid.tsx
|
3297
3318
|
import React17 from "react";
|
3298
3319
|
var Grid = Tailwindify(
|
3299
3320
|
({
|
@@ -3354,7 +3375,7 @@ var Grid = Tailwindify(
|
|
3354
3375
|
}
|
3355
3376
|
);
|
3356
3377
|
|
3357
|
-
// src/
|
3378
|
+
// src/atoms/InputGroup/InputGroup.tsx
|
3358
3379
|
var gridColumnStyles = {
|
3359
3380
|
"1": "grid-cols-1",
|
3360
3381
|
"2": "grid-cols-2",
|
@@ -3372,7 +3393,7 @@ var InputGroup = (_a) => {
|
|
3372
3393
|
}), children);
|
3373
3394
|
};
|
3374
3395
|
|
3375
|
-
// src/
|
3396
|
+
// src/atoms/Link/Link.tsx
|
3376
3397
|
import React19 from "react";
|
3377
3398
|
var Link = (_a) => {
|
3378
3399
|
var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
|
@@ -3381,7 +3402,7 @@ var Link = (_a) => {
|
|
3381
3402
|
}, props), children);
|
3382
3403
|
};
|
3383
3404
|
|
3384
|
-
// src/
|
3405
|
+
// src/atoms/Modal/Modal.tsx
|
3385
3406
|
import React20 from "react";
|
3386
3407
|
var Modal = (_a) => {
|
3387
3408
|
var _b = _a, { children, className, open } = _b, rest = __objRest(_b, ["children", "className", "open"]);
|
@@ -3483,7 +3504,7 @@ Modal.Actions = (_a) => {
|
|
3483
3504
|
}), children);
|
3484
3505
|
};
|
3485
3506
|
|
3486
|
-
// src/
|
3507
|
+
// src/atoms/Popover/Popover.tsx
|
3487
3508
|
import React21 from "react";
|
3488
3509
|
var PopoverPanel = React21.forwardRef((_a, ref) => {
|
3489
3510
|
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
@@ -3501,7 +3522,7 @@ var Popover = {
|
|
3501
3522
|
Panel: PopoverPanel
|
3502
3523
|
};
|
3503
3524
|
|
3504
|
-
// src/
|
3525
|
+
// src/atoms/PopoverDialog/PopoverDialog.tsx
|
3505
3526
|
import React22 from "react";
|
3506
3527
|
var Header = (_a) => {
|
3507
3528
|
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
@@ -3544,7 +3565,7 @@ var PopoverDialog = {
|
|
3544
3565
|
Actions: Actions2
|
3545
3566
|
};
|
3546
3567
|
|
3547
|
-
// src/
|
3568
|
+
// src/atoms/RadioButton/RadioButton.tsx
|
3548
3569
|
import React23 from "react";
|
3549
3570
|
var RadioButton = React23.forwardRef(
|
3550
3571
|
(_a, ref) => {
|
@@ -3572,7 +3593,7 @@ var RadioButton = React23.forwardRef(
|
|
3572
3593
|
}
|
3573
3594
|
);
|
3574
3595
|
|
3575
|
-
// src/
|
3596
|
+
// src/atoms/Select/Select.tsx
|
3576
3597
|
import React24 from "react";
|
3577
3598
|
var import_chevronDown2 = __toESM(require_chevronDown());
|
3578
3599
|
var import_chevronUp = __toESM(require_chevronUp());
|
@@ -3744,7 +3765,7 @@ var Select = {
|
|
3744
3765
|
Toggle
|
3745
3766
|
};
|
3746
3767
|
|
3747
|
-
// src/
|
3768
|
+
// src/atoms/Stepper/Stepper.tsx
|
3748
3769
|
import React25 from "react";
|
3749
3770
|
var import_tick4 = __toESM(require_tick());
|
3750
3771
|
var Stepper = (_a) => {
|
@@ -3825,7 +3846,7 @@ Stepper.Step = Step;
|
|
3825
3846
|
ConnectorContainer.Connector = Connector;
|
3826
3847
|
Stepper.ConnectorContainer = ConnectorContainer;
|
3827
3848
|
|
3828
|
-
// src/
|
3849
|
+
// src/atoms/Switch/Switch.tsx
|
3829
3850
|
import React26 from "react";
|
3830
3851
|
var Switch = React26.forwardRef(
|
3831
3852
|
(_a, ref) => {
|
@@ -3863,7 +3884,7 @@ var Switch = React26.forwardRef(
|
|
3863
3884
|
}
|
3864
3885
|
);
|
3865
3886
|
|
3866
|
-
// src/
|
3887
|
+
// src/atoms/Table/Table.tsx
|
3867
3888
|
import React27 from "react";
|
3868
3889
|
var import_chevronDown3 = __toESM(require_chevronDown());
|
3869
3890
|
var import_chevronUp2 = __toESM(require_chevronUp());
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type ButtonProps } from '../../../src/
|
3
|
-
import { Typography } from '../../../src/
|
2
|
+
import { type ButtonProps } from '../../../src/molecules/Button/Button';
|
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 AlertType = 'information' | 'success' | 'warning' | 'error';
|
@@ -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
|