@aivenio/aquarium 1.2.1 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +590 -241
- package/dist/atoms.mjs +590 -242
- package/dist/src/common/Alert/Alert.d.ts +1 -1
- package/dist/src/common/Alert/Alert.js +6 -6
- package/dist/src/common/Banner/Banner.d.ts +1 -1
- package/dist/src/common/Banner/Banner.js +5 -5
- package/dist/src/common/Checkbox/Checkbox.js +12 -19
- package/dist/src/common/Chip/Chip.js +4 -4
- package/dist/src/common/DataList/DataList.d.ts +1 -1
- package/dist/src/common/DataList/DataList.js +4 -4
- package/dist/src/common/Dialog/Dialog.d.ts +2 -2
- package/dist/src/common/Dialog/Dialog.js +2 -2
- package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
- package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/common/InputGroup/InputGroup.js +1 -1
- package/dist/src/common/Modal/Modal.d.ts +6 -0
- package/dist/src/common/Modal/Modal.js +14 -5
- package/dist/src/common/Popover/Popover.d.ts +1 -1
- package/dist/src/common/Popover/Popover.js +2 -2
- package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
- package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
- package/dist/src/common/RadioButton/RadioButton.js +14 -16
- package/dist/src/common/Section/Section.d.ts +1 -1
- package/dist/src/common/Section/Section.js +3 -3
- package/dist/src/common/Select/Select.d.ts +1 -1
- package/dist/src/common/Select/Select.js +6 -6
- package/dist/src/common/Switch/Switch.d.ts +11 -0
- package/dist/src/common/Switch/Switch.js +28 -0
- package/dist/src/common/Table/Table.d.ts +5 -5
- package/dist/src/common/Table/Table.js +6 -6
- package/dist/src/common/Timeline/Timeline.js +2 -2
- package/dist/src/common/Typography/Typography.d.ts +1 -1
- package/dist/src/common/Typography/Typography.js +3 -3
- package/dist/src/common/index.d.ts +2 -1
- package/dist/src/common/index.js +3 -2
- package/dist/src/components/Alert/Alert.d.ts +7 -4
- package/dist/src/components/Alert/Alert.js +4 -4
- package/dist/src/components/Avatar/Avatar.js +2 -2
- package/dist/src/components/Badge/Badge.js +2 -2
- package/dist/src/components/Banner/Banner.d.ts +7 -4
- package/dist/src/components/Banner/Banner.js +5 -6
- package/dist/src/components/Box/Box.d.ts +6 -6
- package/dist/src/components/Box/Box.js +3 -3
- package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
- package/dist/src/components/Button/Button.d.ts +1 -1
- package/dist/src/components/Button/Button.js +5 -5
- package/dist/src/components/Card/Card.d.ts +12 -5
- package/dist/src/components/Card/Card.js +15 -13
- package/dist/src/components/Carousel/Carousel.js +4 -4
- package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/components/Checkbox/Checkbox.js +5 -11
- package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/components/Chip/Chip.d.ts +1 -1
- package/dist/src/components/Chip/Chip.js +3 -3
- package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/components/Combobox/Combobox.d.ts +1 -1
- package/dist/src/components/Combobox/Combobox.js +7 -7
- package/dist/src/components/Context/Context.d.ts +1 -1
- package/dist/src/components/Context/Context.js +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
- package/dist/src/components/DataList/DataList.d.ts +1 -1
- package/dist/src/components/DataList/DataList.js +7 -7
- package/dist/src/components/DataTable/DataTable.d.ts +2 -2
- package/dist/src/components/DataTable/DataTable.js +7 -7
- package/dist/src/components/Dialog/Dialog.d.ts +2 -2
- package/dist/src/components/Dialog/Dialog.js +5 -5
- package/dist/src/components/Divider/Divider.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
- package/dist/src/components/Dropdown/Dropdown.js +8 -8
- package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
- package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
- package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
- package/dist/src/components/DropdownMenu/utils.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/components/EmptyState/EmptyState.js +12 -12
- package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
- package/dist/src/components/Flexbox/Flexbox.js +1 -1
- package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
- package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
- package/dist/src/components/Grid/Grid.d.ts +15 -15
- package/dist/src/components/Grid/Grid.js +1 -1
- package/dist/src/components/Grid/GridItem.d.ts +8 -8
- package/dist/src/components/Grid/GridItem.js +2 -2
- package/dist/src/components/Icon/Icon.d.ts +2 -2
- package/dist/src/components/Icon/Icon.js +1 -1
- package/dist/src/components/Input/Input.d.ts +1 -1
- package/dist/src/components/Input/Input.js +6 -6
- package/dist/src/components/ListItem/ListItem.js +2 -2
- package/dist/src/components/Modal/Modal.d.ts +8 -4
- package/dist/src/components/Modal/Modal.js +12 -10
- package/dist/src/components/MultiInput/InputChip.js +5 -5
- package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
- package/dist/src/components/MultiInput/MultiInput.js +7 -5
- package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
- package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
- package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
- package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
- package/dist/src/components/PageHeader/PageHeader.js +5 -5
- package/dist/src/components/Pagination/Pagination.js +4 -4
- package/dist/src/components/Pagination/usePagination.js +2 -2
- package/dist/src/components/Popover/Popover.d.ts +2 -2
- package/dist/src/components/Popover/Popover.js +2 -2
- package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
- package/dist/src/components/Popover/PopoverWrapper.js +1 -1
- package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/components/Portal/Portal.d.ts +1 -1
- package/dist/src/components/Portal/Portal.js +1 -1
- package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/components/RadioButton/RadioButton.js +6 -12
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
- package/dist/src/components/Section/Section.d.ts +1 -1
- package/dist/src/components/Section/Section.js +3 -3
- package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
- package/dist/src/components/Select/Select.d.ts +2 -2
- package/dist/src/components/Select/Select.js +12 -12
- package/dist/src/components/Skeleton/Skeleton.js +2 -2
- package/dist/src/components/Switch/Switch.d.ts +2 -4
- package/dist/src/components/Switch/Switch.js +7 -31
- package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
- package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
- package/dist/src/components/Table/Table.d.ts +1 -1
- package/dist/src/components/Table/Table.js +2 -2
- package/dist/src/components/Tabs/Tabs.js +11 -11
- package/dist/src/components/TagLabel/TagLabel.js +2 -2
- package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
- package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/components/Template/Template.d.ts +4 -4
- package/dist/src/components/Template/Template.js +1 -1
- package/dist/src/components/Textarea/Textarea.d.ts +1 -1
- package/dist/src/components/Textarea/Textarea.js +5 -5
- package/dist/src/components/Timeline/Timeline.js +7 -7
- package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/src/components/Tooltip/Tooltip.js +3 -3
- package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
- package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/components/Typography/Typography.d.ts +28 -4
- package/dist/src/components/Typography/Typography.js +61 -21
- package/dist/src/components/index.d.ts +3 -3
- package/dist/src/components/index.js +4 -4
- package/dist/src/js/resolveTheme.d.ts +1 -1
- package/dist/src/system.d.ts +6 -6
- package/dist/src/system.js +6 -6
- package/dist/src/utils/Blueprint.js +2 -2
- package/dist/src/utils/breakpoints.d.ts +2 -2
- package/dist/src/utils/breakpoints.js +2 -2
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/createComponent.d.ts +1 -1
- package/dist/src/utils/createComponent.js +2 -2
- package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +1 -1
- package/dist/src/utils/form/HelperText/HelperText.js +5 -5
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +2 -2
- package/dist/src/utils/form/Label/Label.js +5 -5
- package/dist/src/utils/table/types.d.ts +6 -5
- package/dist/src/utils/table/types.js +1 -1
- package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
- package/dist/src/utils/table/useScrollTarget.js +1 -1
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/useTableSort.js +1 -1
- package/dist/src/utils/tailwind.d.ts +2 -2
- package/dist/src/utils/tailwind.js +1 -1
- package/dist/src/utils/useStyle.d.ts +1 -1
- package/dist/src/utils/useStyle.js +3 -3
- package/dist/src/utils/useWindowSize.js +3 -3
- package/dist/styles.css +220 -61
- package/dist/styles_timescaledb.css +220 -62
- package/dist/system.cjs +1209 -958
- package/dist/system.mjs +1204 -953
- package/dist/tokens.json +260 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +2 -2
- package/dist/types/IconProps.d.ts +2 -2
- package/dist/types/designTokens.d.ts +1 -1
- package/dist/types/tailwind.d.ts +3 -3
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +1 -1
- package/dist/types/utils.js +1 -1
- package/package.json +30 -27
@@ -10,21 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const RadioButton = React.forwardRef((_a, ref) => {
|
15
|
-
var { id, children, name,
|
16
|
-
return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center relative self-center',
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
'border-
|
22
|
-
'border-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
'opacity-40': disabled && checked,
|
28
|
-
}) })));
|
15
|
+
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
16
|
+
return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center relative self-center')) },
|
17
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: tw('opacity-0 peer/radio w-0 h-0'), readOnly: readOnly, disabled: disabled })),
|
18
|
+
React.createElement("span", { className: tw('rounded-full w-5 h-5 p-[3px] border cursor-pointer', 'border-grey-20 peer-focus/radio:border-info-70', 'peer-checked/radio:[&>*]:block',
|
19
|
+
// It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
|
20
|
+
{
|
21
|
+
'peer-checked/radio:border-navyBlue-100 peer-hover/radio:border-grey-50': !disabled,
|
22
|
+
'border-grey-5 peer-checked/radio:[&>*]:opacity-40': disabled,
|
23
|
+
}) },
|
24
|
+
React.createElement("span", { style: { backgroundColor: 'currentcolor' }, className: tw('w-3 h-3 rounded-full hidden bg-navyBlue-100 pointer-events-none', {
|
25
|
+
'peer-checked/radio:opacity-40': disabled,
|
26
|
+
}) }))));
|
29
27
|
});
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw4QkFBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyw4REFBOEQsQ0FBQyxDQUFDO1FBQzdGLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxFQUFFLENBQUMsOEJBQThCLENBQUMsRUFDN0MsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsSUFDbEI7UUFDRiw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLG9EQUFvRCxFQUNwRCxnREFBZ0QsRUFDaEQsZ0NBQWdDO1lBQ2hDLDhHQUE4RztZQUM5RztnQkFDRSx3RUFBd0UsRUFBRSxDQUFDLFFBQVE7Z0JBQ25GLG1EQUFtRCxFQUFFLFFBQVE7YUFDOUQsQ0FDRjtZQUVELDhCQUNFLEtBQUssRUFBRSxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsRUFDMUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpRUFBaUUsRUFBRTtvQkFDL0UsK0JBQStCLEVBQUUsUUFBUTtpQkFDMUMsQ0FBQyxHQUNGLENBQ0csQ0FDRixDQUNSLENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { Typography } from '../../../src/components/Typography/Typography';
|
3
2
|
import { Box } from '../../../src/components/Box/Box';
|
3
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
4
4
|
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
5
5
|
declare type ComposedSectionProps = {
|
6
6
|
Header: React.FC<DivProps>;
|
@@ -10,10 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { Box } from '../../../src/components/Box/Box';
|
14
14
|
import { Typography } from '../../../src/components/Typography/Typography';
|
15
15
|
import { Typography as BaseTypography } from '../../../src/common/Typography/Typography';
|
16
|
-
import {
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
17
|
export const Section = (_a) => {
|
18
18
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
19
19
|
return (React.createElement(Box, Object.assign({ borderColor: "grey-5", borderWidth: "1px" }, rest), children));
|
@@ -43,4 +43,4 @@ Section.Body = (_a) => {
|
|
43
43
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
44
44
|
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
45
45
|
};
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWFwRCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFDLEtBQUssSUFBSyxJQUFJLEdBQ2pELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNyRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsbURBQW1ELENBQUMsRUFBRSxTQUFTLENBQUMsS0FDckcsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQzdELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxLQUM1RSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxVQUFVLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsT0FBTyxLQUMzQyxRQUFRLENBQ2EsQ0FDekIsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUM1QyxvQkFBQyxVQUFVLENBQUMsU0FBUyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDNUMsUUFBUSxDQUNZLENBQ3hCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN0RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsd0JBQXdCLENBQUMsRUFBRSxTQUFTLENBQUMsS0FDMUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsSUFBSSxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ25ELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxTQUFTLENBQUM7UUFDeEQsb0JBQUMsY0FBYyxJQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLFNBQVMsSUFDMUMsUUFBUSxDQUNNLENBQ2IsQ0FDUCxDQUFBO0NBQUEsQ0FBQyJ9
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
2
|
+
import { type IconifyIcon } from '@iconify/react';
|
3
3
|
export declare function getOptionLabelBuiltin<Option extends unknown>(option: Option | null): string;
|
4
4
|
export declare function isOptionDisabledBuiltin<Option extends unknown>(option: Option): boolean;
|
5
5
|
export declare const getValues: (children: React.ReactNode) => string[];
|
@@ -10,12 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import {
|
13
|
+
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
15
|
import chevronDown from '../../../src/icons/chevronDown';
|
15
16
|
import chevronUp from '../../../src/icons/chevronUp';
|
16
17
|
import searchIcon from '../../../src/icons/search';
|
17
18
|
import tick from '../../../src/icons/tick';
|
18
|
-
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
19
19
|
export function getOptionLabelBuiltin(option) {
|
20
20
|
var _a;
|
21
21
|
if (option === null) {
|
@@ -36,7 +36,7 @@ export const getValues = (children) => {
|
|
36
36
|
};
|
37
37
|
const InputContainer = React.forwardRef((_a, ref) => {
|
38
38
|
var { variant = 'default', className } = _a, props = __rest(_a, ["variant", "className"]);
|
39
|
-
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'relative rounded-sm typography-
|
39
|
+
return (React.createElement("div", Object.assign({ ref: ref, className: classNames(className, 'relative rounded-sm typography-default-strong w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-70', {
|
40
40
|
'border px-3 py-[6px]': variant !== 'readOnly',
|
41
41
|
'cursor-default': variant === 'readOnly',
|
42
42
|
'border-grey-20': variant !== 'error' && variant !== 'readOnly',
|
@@ -49,7 +49,7 @@ const InputContainer = React.forwardRef((_a, ref) => {
|
|
49
49
|
});
|
50
50
|
const Input = React.forwardRef((_a, ref) => {
|
51
51
|
var { className } = _a, props = __rest(_a, ["className"]);
|
52
|
-
return (React.createElement("input", Object.assign({ ref: ref, type: 'text', className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-
|
52
|
+
return (React.createElement("input", Object.assign({ ref: ref, type: 'text', className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-grey-40', {
|
53
53
|
'text-grey-70': !props.disabled,
|
54
54
|
'text-grey-30': props.disabled,
|
55
55
|
'cursor-default': props.readOnly,
|
@@ -70,7 +70,7 @@ const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
|
70
70
|
const Divider = (props) => (React.createElement("div", Object.assign({ className: tw('border-b-[1px] border-grey-5 mx-3 my-4') }, props)));
|
71
71
|
const Group = React.forwardRef((_a, ref) => {
|
72
72
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
73
|
-
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-grey-40 uppercase cursor-default typography-caption
|
73
|
+
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-grey-40 uppercase cursor-default typography-caption mt-4 first:mt-0', {
|
74
74
|
'text-grey-20': props.disabled,
|
75
75
|
}) }, props), children));
|
76
76
|
});
|
@@ -115,4 +115,4 @@ export const Select = {
|
|
115
115
|
ActionItem,
|
116
116
|
Toggle,
|
117
117
|
};
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUcxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQUM1QyxPQUFPLFVBQVUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxNQUFNLFVBQVUscUJBQXFCLENBQXlCLE1BQXFCOztJQUNqRixJQUFJLE1BQU0sS0FBSyxJQUFJLEVBQUU7UUFDbkIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUVELElBQUksT0FBTyxNQUFNLEtBQUssUUFBUSxFQUFFO1FBQzlCLE9BQU8sTUFBTSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLE1BQUUsTUFBOEIsQ0FBQyxLQUFnQixtQ0FBSSxFQUFFLENBQUM7QUFDakUsQ0FBQztBQUVELE1BQU0sVUFBVSx1QkFBdUIsQ0FBeUIsTUFBYztJQUM1RSxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxD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
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export declare type SwitchProps = Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'id' | 'name' | 'value' | 'type' | 'ref'> & {
|
3
|
+
id?: string;
|
4
|
+
name?: string;
|
5
|
+
value?: string;
|
6
|
+
};
|
7
|
+
export declare const Switch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "id" | "type" | "value"> & {
|
8
|
+
id?: string | undefined;
|
9
|
+
name?: string | undefined;
|
10
|
+
value?: string | undefined;
|
11
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
@@ -0,0 +1,28 @@
|
|
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 { tw } from '../../../src/utils/tailwind';
|
14
|
+
export const Switch = React.forwardRef((_a, ref) => {
|
15
|
+
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
16
|
+
return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
|
17
|
+
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: tw('opacity-0 peer/switch w-0 h-0'), readOnly: readOnly, disabled: disabled })),
|
18
|
+
React.createElement("span", { className: tw('rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'peer-focus/switch:border border-info-70 bg-grey-20',
|
19
|
+
// It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
|
20
|
+
{
|
21
|
+
'group-hover:bg-grey-30 peer-checked/switch:bg-navyBlue-100': !disabled,
|
22
|
+
'bg-grey-5 peer-checked/switch:opacity-40': disabled,
|
23
|
+
}) }),
|
24
|
+
React.createElement("span", { className: tw('rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
|
25
|
+
'shadow-4dp': !disabled,
|
26
|
+
}) })));
|
27
|
+
});
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbW1vbi9Td2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXeEMsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsb0VBQW9FLENBQUM7UUFDdkYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxFQUM5QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUdGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gscUVBQXFFLEVBQ3JFLG9EQUFvRDtZQUNwRCw4R0FBOEc7WUFDOUc7Z0JBQ0UsNERBQTRELEVBQUUsQ0FBQyxRQUFRO2dCQUN2RSwwQ0FBMEMsRUFBRSxRQUFRO2FBQ3JELENBQ0YsR0FDRDtRQUVGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsZ0hBQWdILEVBQ2hILDJFQUEyRSxFQUMzRTtnQkFDRSxZQUFZLEVBQUUsQ0FBQyxRQUFRO2FBQ3hCLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
@@ -1,8 +1,8 @@
|
|
1
|
-
import React, { HTMLProps } from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import { EmptyOrOneOrMore } from '../../../types/utils';
|
1
|
+
import React, { type HTMLProps } from 'react';
|
2
|
+
import { type CheckboxProps } from '../../../src/common/Checkbox/Checkbox';
|
3
|
+
import { type RadioButtonProps } from '../../../src/common/RadioButton/RadioButton';
|
4
|
+
import { type SortDirection, type TableItem, type TextAlign } from '../../../src/utils/table/types';
|
5
|
+
import { type EmptyOrOneOrMore } from '../../../types/utils';
|
6
6
|
export declare type TableSort = {
|
7
7
|
key: string;
|
8
8
|
direction: SortDirection;
|
@@ -12,14 +12,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
};
|
13
13
|
import React from 'react';
|
14
14
|
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
15
|
-
import {
|
15
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
16
16
|
import { Checkbox } from '../../../src/common/Checkbox/Checkbox';
|
17
17
|
import { RadioButton } from '../../../src/common/RadioButton/RadioButton';
|
18
|
-
import
|
18
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
19
19
|
import chevronDown from '../../../src/icons/chevronDown';
|
20
|
-
import
|
20
|
+
import chevronUp from '../../../src/icons/chevronUp';
|
21
21
|
const HeadContext = React.createContext(null);
|
22
|
-
const tableClassNames = tw('w-full relative typography-
|
22
|
+
const tableClassNames = tw('w-full relative typography-default border-spacing-0');
|
23
23
|
export const Table = (_a) => {
|
24
24
|
var { children, ariaLabel, className } = _a, rest = __rest(_a, ["children", "ariaLabel", "className"]);
|
25
25
|
return (React.createElement("table", Object.assign({}, rest, { className: classNames(tableClassNames, className), "aria-label": ariaLabel }), children));
|
@@ -39,7 +39,7 @@ const TableRow = (_a) => {
|
|
39
39
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
40
40
|
return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className) }), children));
|
41
41
|
};
|
42
|
-
export const cellClassNames = tw('px-4 border-b typography-
|
42
|
+
export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
|
43
43
|
export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
|
44
44
|
'h-[50px]': table,
|
45
45
|
'min-h-[50px]': !table,
|
@@ -88,4 +88,4 @@ Table.Row = React.memo(TableRow);
|
|
88
88
|
Table.Cell = React.memo(TableCell);
|
89
89
|
Table.SortCell = React.memo(TableSortCell);
|
90
90
|
Table.SelectCell = React.memo(TableSelectCell);
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxRUFBcUU7Ozs7Ozs7Ozs7OztBQUVyRSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFzQixRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RSxPQUFPLEVBQXlCLFdBQVcsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBR3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUF1QzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sZUFBZSxHQUFHLEVBQUUsQ0FBQyxxREFBcUQsQ0FBQyxDQUFDO0FBRWxGLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FPZCxDQUFDLEVBQTJDLEVBQUUsRUFBRTtRQUEvQyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUF6QyxzQ0FBMkMsQ0FBRjtJQUM1QyxPQUFPLENBQ0wsK0NBQVcsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxnQkFBYyxTQUFTLEtBQ3RGLFFBQVEsQ0FDSCxDQUNULENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkIsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFXLEVBQU4s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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 {
|
13
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const Timeline = (_a) => {
|
15
15
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
16
16
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grid grid-cols-[16px_1fr] gap-x-4'), className) })));
|
@@ -40,4 +40,4 @@ LineContainer.Line = Line;
|
|
40
40
|
Timeline.Separator = Separator;
|
41
41
|
Timeline.LineContainer = LineContainer;
|
42
42
|
Timeline.Content = Content;
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3pFLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQ0FBbUMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzdGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM5RCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDaEUsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLFNBQVMsR0FBNkMsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQ3RGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQ0FBMEMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxhQUFhLEdBQStDLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1Riw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNwRixDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sSUFBSSxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDM0QsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLEdBQUcsR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzFELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQzlGLENBQUE7Q0FBQSxDQUFDO0FBRUYsU0FBUyxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7QUFDcEIsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7QUFFMUIsUUFBUSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7QUFDL0IsUUFBUSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7QUFDdkMsUUFBUSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { ColorName, TypographyName } from '../../../types/designTokens';
|
2
|
+
import { type ColorName, type TypographyName } from '../../../types/designTokens';
|
3
3
|
export declare type TypographyProps = {
|
4
4
|
id?: string;
|
5
5
|
children: React.ReactNode;
|
@@ -12,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import isUndefined from 'lodash/isUndefined';
|
14
14
|
import { theme } from '../../../src/js/resolveTheme.js';
|
15
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
16
15
|
import { classNames } from '../../../src/utils/tailwind';
|
16
|
+
import { useStyle } from '../../../src/utils/useStyle';
|
17
17
|
const typographies = theme.typography.sizes.reduce((acc, { name, className }) => (Object.assign(Object.assign({}, acc), { [name]: className })), {});
|
18
18
|
export const Typography = (_a) => {
|
19
|
-
var { children, variant = '
|
19
|
+
var { children, variant = 'default', color, htmlTag = 'div', className, fontWeight } = _a, rest = __rest(_a, ["children", "variant", "color", "htmlTag", "className", "fontWeight"]);
|
20
20
|
const HtmlElement = htmlTag;
|
21
21
|
// Order of priority:
|
22
22
|
// 1. color prop
|
@@ -26,4 +26,4 @@ export const Typography = (_a) => {
|
|
26
26
|
const style = useStyle({ fontWeight });
|
27
27
|
return (React.createElement(HtmlElement, Object.assign({ className: classNames(typographies[variant], `text-${resolvedColorName}`, className), style: style }, rest), children));
|
28
28
|
};
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUc5QyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQ2hELENBQUMsR0FBRyxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxpQ0FBTSxHQUFHLEtBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxTQUFTLElBQUcsRUFDN0QsRUFBeUMsQ0FDMUMsQ0FBQztBQVlGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBUVQsRUFBZSxFQUFFO1FBUlIsRUFDekIsUUFBUSxFQUNSLE9BQU8sR0FBRyxTQUFTLEVBQ25CLEtBQUssRUFDTCxPQUFPLEdBQUcsS0FBSyxFQUNmLFNBQVMsRUFDVCxVQUFVLE9BRU0sRUFEYixJQUFJLGNBUGtCLHNFQVExQixDQURRO0lBRVAsTUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDO0lBRTVCLHFCQUFxQjtJQUNyQixnQkFBZ0I7SUFDaEIsNkJBQTZCO0lBQzdCLDBCQUEwQjtJQUMxQixNQUFNLGlCQUFpQixHQUFHLFdBQVcsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN4RixNQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO0lBQ3ZDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLGtCQUNWLFNBQVMsRUFBRSxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFFBQVEsaUJBQWlCLEVBQUUsRUFBRSxTQUFTLENBQUMsRUFDcEYsS0FBSyxFQUFFLEtBQUssSUFDUixJQUFJLEdBRVAsUUFBUSxDQUNHLENBQ2YsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -5,8 +5,9 @@ export * from './Dialog/Dialog';
|
|
5
5
|
export * from './DropdownMenu/DropdownMenu';
|
6
6
|
export * from './InputGroup/InputGroup';
|
7
7
|
export * from './Modal/Modal';
|
8
|
-
export * from './PopoverDialog/PopoverDialog';
|
9
8
|
export * from './Popover/Popover';
|
9
|
+
export * from './PopoverDialog/PopoverDialog';
|
10
10
|
export * from './RadioButton/RadioButton';
|
11
11
|
export * from './Select/Select';
|
12
|
+
export * from './Switch/Switch';
|
12
13
|
export * from './Table/Table';
|
package/dist/src/common/index.js
CHANGED
@@ -5,9 +5,10 @@ export * from './Dialog/Dialog';
|
|
5
5
|
export * from './DropdownMenu/DropdownMenu';
|
6
6
|
export * from './InputGroup/InputGroup';
|
7
7
|
export * from './Modal/Modal';
|
8
|
-
export * from './PopoverDialog/PopoverDialog';
|
9
8
|
export * from './Popover/Popover';
|
9
|
+
export * from './PopoverDialog/PopoverDialog';
|
10
10
|
export * from './RadioButton/RadioButton';
|
11
11
|
export * from './Select/Select';
|
12
|
+
export * from './Switch/Switch';
|
12
13
|
export * from './Table/Table';
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDIn0=
|
@@ -1,11 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { AlertType } from '../../../src/common/Alert/Alert';
|
3
|
-
import type
|
2
|
+
import { type AlertType } from '../../../src/common/Alert/Alert';
|
3
|
+
import { type ActionType } from '../../../types/ActionType';
|
4
4
|
export declare type AlertProps = {
|
5
5
|
/** Optional title for alert. */
|
6
6
|
title?: string;
|
7
|
-
/**
|
8
|
-
|
7
|
+
/**
|
8
|
+
* Alert description. Please use children prop instead.
|
9
|
+
* @deprecated
|
10
|
+
*/
|
11
|
+
description?: string;
|
9
12
|
/** Alert type. */
|
10
13
|
type: AlertType;
|
11
14
|
/** Optional action for alert. */
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
2
3
|
import { Alert as AlertBase } from '../../../src/common/Alert/Alert';
|
3
4
|
import { GhostButton } from '../../../src/components';
|
4
|
-
|
5
|
-
export const Alert = ({ description, type, title, action, onDismiss }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
|
5
|
+
export const Alert = ({ description, type, title, action, onDismiss, children }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
|
6
6
|
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
7
7
|
title && React.createElement(AlertBase.Title, null, title),
|
8
|
-
React.createElement(AlertBase.Description, null, description),
|
8
|
+
React.createElement(AlertBase.Description, null, children || description),
|
9
9
|
action && (React.createElement(AlertBase.Actions, null,
|
10
10
|
React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text))),
|
11
11
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BbGVydC9BbGVydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQWtCLEtBQUssSUFBSSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU1RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF5QjdDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzFDLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFJO0lBQ3BELEtBQUssSUFBSSxvQkFBQyxTQUFTLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBbUI7SUFDcEQsb0JBQUMsU0FBUyxDQUFDLFdBQVcsUUFBRSxRQUFRLElBQUksV0FBVyxDQUF5QjtJQUN2RSxNQUFNLElBQUksQ0FDVCxvQkFBQyxTQUFTLENBQUMsT0FBTztRQUNoQixvQkFBQyxXQUFXLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4QyxNQUFNLENBQUMsSUFBSSxDQUNBLENBQ0ksQ0FDckI7SUFDQSxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQzdDLENBQ2IsQ0FBQyJ9
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Box } from '../../../src/components/Box/Box';
|
3
|
-
import { classNames, tw } from '../../../src/utils/tailwind';
|
4
3
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
4
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
5
5
|
export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image) => (image ? React.createElement(Avatar, { key: image, image: image }) : React.createElement(Avatar.Skeleton, { key: image })))));
|
6
6
|
export const Avatar = ({ image }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]')) }));
|
7
7
|
const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
|
8
8
|
Avatar.Skeleton = AvatarSkeleton;
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXZhdGFyL0F2YXRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVVwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQStCLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDckUsb0JBQUMsR0FBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxJQUMvRCxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsb0JBQUMsTUFBTSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLLEdBQUksQ0FBQyxDQUFDLENBQ3BHLENBQ1AsQ0FBQztBQVNGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBZ0UsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNoRyw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLENBQUMsR0FBSSxDQUNwRSxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxHQUFJLENBQUM7QUFFMUcsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUMifQ==
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import omit from 'lodash/omit';
|
14
|
-
import {
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
15
|
import { Skeleton } from '../Skeleton/Skeleton';
|
16
16
|
const isChipBadgeProps = (props) => 'dense' in props;
|
17
17
|
const createBadge = (type, displayName) => {
|
@@ -43,4 +43,4 @@ const createBadge = (type, displayName) => {
|
|
43
43
|
export const Badge = createBadge('default', 'Badge');
|
44
44
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
45
45
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBaUNoRCxNQUFNLGdCQUFnQixHQUFHLENBQUMsS0FBa0MsRUFBMkIsRUFBRSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUM7QUFFM0csTUFBTSxXQUFXLEdBQUcsQ0FDbEIsSUFBZ0MsRUFDaEMsV0FBbUIsRUFDbkIsRUFBRTtJQUNGLE1BQU0sU0FBUyxHQUE4QyxDQUFDLEtBQUssRUFBRSxFQUFFOztRQUNyRSxNQUFNLEVBQUUsSUFBSSxHQUFHLFFBQVEsRUFBRSxLQUFLLEVBQUUsYUFBYSxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUExRCxrQ0FBa0QsQ0FBUSxDQUFDO1FBQ2pFLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNsQyxNQUFNLEtBQUssR0FBRyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUVyRSxPQUFPLENBQ0wsOENBQ00sSUFBSSxDQUFDLElBQUksRUFBRSxPQUFPLENBQUMsSUFDdkIsU0FBUyxFQUFFLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDeEMsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDO2dCQUNwQyxVQUFVLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQzthQUMzQyxDQUFDO1lBRUYsOEJBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsYUFBYSxFQUNiLEVBQUUsQ0FBQyxjQUFjLEVBQUU7b0JBQ2pCLFlBQVksRUFBRSxDQUFDLGFBQWEsSUFBSSxJQUFJLEtBQUssUUFBUTtvQkFDakQsU0FBUyxFQUFFLElBQUksS0FBSyxRQUFRO2lCQUM3QixDQUFDLENBQ0gsSUFFQSxRQUFRLENBQ0osQ0FDRixDQUNSLENBQUM7SUFDSixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNwQyxTQUFTLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQ3pCLG9CQUFDLFFBQVEsSUFDUCxNQUFNLEVBQUUsRUFBRSxFQUNWLEtBQUssRUFBRSxFQUFFLEVBQ1QsT0FBTyxFQUFDLGNBQWMsRUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxHQUMxRCxDQUNILENBQUM7SUFDRixPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFhLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQztBQUNqRSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFhLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQztBQUNuRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFpQixNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUMifQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
3
|
-
import
|
2
|
+
import { type BannerLayoutType, type BannerVariantType } from '../../../src/common/Banner/Banner';
|
3
|
+
import { type ActionType } from '../../../types/ActionType';
|
4
4
|
declare type ImageBanner = {
|
5
5
|
/**
|
6
6
|
* Optional image src that will be displayed on the right side of banner.
|
@@ -23,8 +23,11 @@ declare type BannerWithoutImage = {
|
|
23
23
|
export declare type BannerProps = {
|
24
24
|
/** Title for banner. */
|
25
25
|
title: string;
|
26
|
-
/**
|
27
|
-
|
26
|
+
/**
|
27
|
+
* Banner description. Please use children prop instead.
|
28
|
+
* @deprecated
|
29
|
+
*/
|
30
|
+
description?: string;
|
28
31
|
/** Banner layout. */
|
29
32
|
layout?: BannerLayoutType;
|
30
33
|
/** Banner variant. */
|
@@ -1,20 +1,20 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import
|
2
|
+
import omit from 'lodash/omit';
|
3
3
|
import { GhostButton, IconButton } from '../../../src/components/Button/Button';
|
4
4
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
5
|
+
import { Banner as BannerBase } from '../../../src/common/Banner/Banner';
|
5
6
|
import { tw } from '../../../src/utils/tailwind';
|
6
|
-
import omit from 'lodash/omit';
|
7
7
|
import cross from '../../../src/icons/cross';
|
8
8
|
const BannerImageSkeleton = () => React.createElement(Skeleton, { width: 225, className: tw('h-full') });
|
9
9
|
const createBanner = (displayName, opts = {}) => {
|
10
10
|
const BannerComponent = (props) => {
|
11
|
-
const { title, description, layout: layoutProp, action, onDismiss, variant = 'default' } = props;
|
11
|
+
const { title, description, layout: layoutProp, action, onDismiss, variant = 'default', children } = props;
|
12
12
|
const layout = opts.isOneLineBanner ? 'horizontal' : layoutProp || 'vertical';
|
13
13
|
const isDismissable = onDismiss !== undefined;
|
14
14
|
return (React.createElement(BannerBase, { layout: layout, variant: variant },
|
15
15
|
React.createElement(BannerBase.ContentContainer, { layout: layout },
|
16
16
|
React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
|
17
|
-
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, description),
|
17
|
+
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
18
18
|
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
19
19
|
React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
|
20
20
|
(props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('w-full bg-cover object-cover'), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
|
@@ -40,6 +40,5 @@ export const Banner = createBanner('Banner');
|
|
40
40
|
const OneLineBannerBase = createBanner('OneLineBanner', {
|
41
41
|
isOneLineBanner: true,
|
42
42
|
});
|
43
|
-
// type test = React.ComponentProps<typeof OneLineBannerBase>;
|
44
43
|
export const OneLineBanner = OneLineBannerBase;
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQmFubmVyL0Jhbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQWlELE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFvRHBDLE1BQU0sbUJBQW1CLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsR0FBSSxDQUFDO0FBRTlGLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBbUIsRUFBRSxPQUFzQixFQUFFLEVBQUUsRUFBRTtJQUNyRSxNQUFNLGVBQWUsR0FBMEIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUN2RCxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxHQUFHLFNBQVMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFDM0csTUFBTSxNQUFNLEdBQXFCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsVUFBVSxJQUFJLFVBQVUsQ0FBQztRQUNoRyxNQUFNLGFBQWEsR0FBRyxTQUFTLEtBQUssU0FBUyxDQUFDO1FBRTlDLE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsT0FBTztZQUMxQyxvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLFVBQVUsQ0FBQyxLQUFLLElBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzNGLEtBQUssQ0FDVztnQkFDbkIsb0JBQUMsVUFBVSxDQUFDLFdBQVcsSUFBQyxRQUFRLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksSUFDM0QsUUFBUSxJQUFJLFdBQVcsQ0FDRDtnQkFDeEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsVUFBVSxDQUFDLE9BQU8sSUFBQyxNQUFNLEVBQUUsTUFBTTtvQkFDaEMsb0JBQUMsV0FBVyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDeEMsTUFBTSxDQUFDLElBQUksQ0FDQSxDQUNLLENBQ3RCLENBQzJCO1lBQzdCLENBQUMsS0FBSyxDQUFDLE1BQU0sS0FBSyxVQUFVLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUMzRixvQkFBQyxVQUFVLENBQUMsY0FBYyxRQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLDZCQUNFLEdBQUcsRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNoQixHQUFHLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDbkIsU0FBUyxFQUFFLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQyxFQUM3QyxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxHQUM3RCxDQUNILENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsbUJBQW1CLE9BQUcsQ0FDeEIsQ0FDeUIsQ0FDN0I7WUFDQSxhQUFhLElBQUksQ0FDaEIsb0JBQUMsVUFBVSxDQUFDLGdCQUFnQixJQUFDLE1BQU0sRUFBRSxNQUFNO2dCQUN6QyxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUNuRCxDQUMvQixDQUNVLENBQ2QsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUNGLGVBQWUsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQzFDLE9BQU8sZUFBZSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztBQUU3QyxNQUFNLGlCQUFpQixHQUFHLFlBQVksQ0FBQyxlQUFlLEVBQUU7SUFDdEQsZUFBZSxFQUFFLElBQUk7Q0FDdEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUU1QixDQUFDIn0=
|
@@ -1,13 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { Element, ElementProps } from '../../../src/components/Element/Element';
|
3
|
-
import { TailwindifyProps } from '../../../src/components/Tailwindify/Tailwindify';
|
4
2
|
import twTheme from '../../../tailwind.theme.json';
|
3
|
+
import { type ElementProps, Element } from '../../../src/components/Element/Element';
|
4
|
+
import { type TailwindifyProps } from '../../../src/components/Tailwindify/Tailwindify';
|
5
5
|
declare type Props = {
|
6
6
|
style?: React.CSSProperties;
|
7
7
|
display?: React.CSSProperties['display'];
|
8
8
|
borderRadius?: React.CSSProperties['borderRadius'];
|
9
9
|
borderWidth?: React.CSSProperties['borderWidth'];
|
10
|
-
borderColor?: keyof typeof twTheme['backgroundColor'];
|
10
|
+
borderColor?: keyof (typeof twTheme)['backgroundColor'];
|
11
11
|
justifyContent?: React.CSSProperties['justifyContent'];
|
12
12
|
alignContent?: React.CSSProperties['alignContent'];
|
13
13
|
alignItems?: React.CSSProperties['alignItems'];
|
@@ -17,9 +17,9 @@ declare type Props = {
|
|
17
17
|
grow?: React.CSSProperties['flexGrow'];
|
18
18
|
shrink?: React.CSSProperties['flexShrink'];
|
19
19
|
flex?: React.CSSProperties['flex'];
|
20
|
-
gap?: keyof typeof twTheme['gap'];
|
21
|
-
colGap?: keyof typeof twTheme['gap'];
|
22
|
-
rowGap?: keyof typeof twTheme['gap'];
|
20
|
+
gap?: keyof (typeof twTheme)['gap'];
|
21
|
+
colGap?: keyof (typeof twTheme)['gap'];
|
22
|
+
rowGap?: keyof (typeof twTheme)['gap'];
|
23
23
|
};
|
24
24
|
export declare type BoxProps<C extends React.ElementType> = TailwindifyProps<Props> & ElementProps<C> & Props;
|
25
25
|
export declare const Box: <C extends React.ElementType<any>>({ style, color, borderColor, borderRadius, borderWidth, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>) => JSX.Element;
|