@aivenio/aquarium 1.2.1 → 1.4.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 +2 -1
- package/dist/_variables_timescale.scss +2 -1
- package/dist/atoms.cjs +670 -245
- package/dist/atoms.mjs +681 -258
- 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 +7 -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/Stepper/Stepper.d.ts +33 -0
- package/dist/src/common/Stepper/Stepper.js +60 -0
- 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 +7 -7
- 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 +3 -1
- package/dist/src/common/index.js +4 -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/Container/Container.d.ts +16 -0
- package/dist/src/components/Container/Container.js +18 -0
- 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/Stepper/Stepper.d.ts +24 -0
- package/dist/src/components/Stepper/Stepper.js +24 -0
- 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 +5 -3
- package/dist/src/components/index.js +6 -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 +289 -75
- package/dist/styles_timescaledb.css +289 -76
- package/dist/system.cjs +1657 -1278
- package/dist/system.mjs +1562 -1185
- package/dist/tailwind.config.js +4 -1
- 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,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 { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const RadioButton = React.forwardRef((_a, ref) => {
|
15
|
-
var { id, children, name,
|
16
|
-
return (React.createElement("
|
17
|
-
'
|
18
|
-
'
|
19
|
-
})) }
|
20
|
-
React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { checked: checked, className: classNames(tw('appearance-none rounded-full border cursor-pointer'), {
|
21
|
-
'border-grey-20 hover:border-grey-50 focus:border-info-70': !disabled && !checked,
|
22
|
-
'border-navyBlue-100': !disabled && checked,
|
23
|
-
'border-grey-5': disabled,
|
24
|
-
}, props.className), style: Object.assign({ width: 16, height: 16 }, props.style), readOnly: readOnly, disabled: disabled })),
|
25
|
-
React.createElement("span", { style: { backgroundColor: 'currentcolor' }, className: tw('absolute w-3 h-3 rounded-full bg-navyBlue-100 pointer-events-none', {
|
26
|
-
'opacity-0': !checked,
|
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("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none ', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
|
17
|
+
'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
|
18
|
+
'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
|
19
|
+
})), readOnly: readOnly, disabled: disabled })));
|
29
20
|
});
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL1JhZGlvQnV0dG9uL1JhZGlvQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBV3BELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQVksT0FBQSxDQUM3RSw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLE9BQU8sRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQ0Esc0VBQXNFLEVBQ3RFLG1FQUFtRSxFQUNuRSx3RUFBd0UsRUFDeEU7WUFDRSxrREFBa0QsRUFBRSxDQUFDLFFBQVE7WUFDN0Qsa0VBQWtFLEVBQUUsUUFBUTtTQUM3RSxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQixDQUNILENBQUE7Q0FBQSxDQUNGLENBQUMifQ==
|
@@ -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,33 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
3
|
+
declare type State = 'inactive' | 'active' | 'completed';
|
4
|
+
declare type ComposedStepperProps = React.FC<DivProps> & {
|
5
|
+
Step: typeof Step;
|
6
|
+
ConnectorContainer: typeof ConnectorContainer;
|
7
|
+
};
|
8
|
+
export declare const Stepper: ComposedStepperProps;
|
9
|
+
declare type ConnectorContainerProps = DivProps & {
|
10
|
+
completed?: boolean;
|
11
|
+
dense?: boolean;
|
12
|
+
};
|
13
|
+
declare const ConnectorContainer: React.FC<ConnectorContainerProps> & {
|
14
|
+
Connector: typeof Connector;
|
15
|
+
};
|
16
|
+
declare type ConnectorProps = DivProps & {
|
17
|
+
completed?: boolean;
|
18
|
+
dense?: boolean;
|
19
|
+
};
|
20
|
+
declare const Connector: React.FC<ConnectorProps>;
|
21
|
+
declare type StepProps = DivProps & {
|
22
|
+
state: State;
|
23
|
+
};
|
24
|
+
declare const Step: React.FC<StepProps> & {
|
25
|
+
Indicator: typeof Indicator;
|
26
|
+
};
|
27
|
+
declare type IndicatorProps = DivProps & {
|
28
|
+
state: State;
|
29
|
+
dense?: boolean;
|
30
|
+
children: string | number;
|
31
|
+
};
|
32
|
+
declare const Indicator: React.FC<IndicatorProps>;
|
33
|
+
export {};
|
@@ -0,0 +1,60 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React from 'react';
|
13
|
+
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
import tick from '../../../src/icons/tick';
|
16
|
+
export const Stepper = (_a) => {
|
17
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
18
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(className) })));
|
19
|
+
};
|
20
|
+
const ConnectorContainer = (_a) => {
|
21
|
+
var { className, completed, dense } = _a, rest = __rest(_a, ["className", "completed", "dense"]);
|
22
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('absolute w-full -left-1/2', {
|
23
|
+
'top-[3px] px-[14px]': Boolean(dense),
|
24
|
+
'top-[14px] px-[20px]': !dense,
|
25
|
+
}), className) })));
|
26
|
+
};
|
27
|
+
const Connector = (_a) => {
|
28
|
+
var { children, className, completed, dense } = _a, rest = __rest(_a, ["children", "className", "completed", "dense"]);
|
29
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('w-full', {
|
30
|
+
'bg-grey-20': !completed,
|
31
|
+
'bg-success-70': Boolean(completed),
|
32
|
+
'h-[2px]': !dense,
|
33
|
+
'h-[3px]': Boolean(dense),
|
34
|
+
}), className) })));
|
35
|
+
};
|
36
|
+
const Step = (_a) => {
|
37
|
+
var { className, state } = _a, rest = __rest(_a, ["className", "state"]);
|
38
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('flex flex-col items-center text-grey-90 relative text-center', {
|
39
|
+
'text-grey-20': state === 'inactive',
|
40
|
+
}), className) })));
|
41
|
+
};
|
42
|
+
const getClassNames = (state) => tw('h-[32px] w-[32px] border-2', {
|
43
|
+
'border-grey-90 bg-white': state === 'active',
|
44
|
+
'border-grey-20 bg-white': state === 'inactive',
|
45
|
+
'text-white bg-success-70 border-success-70': state === 'completed',
|
46
|
+
});
|
47
|
+
const getDenseClassNames = (state) => tw('h-[8px] w-[8px]', {
|
48
|
+
'bg-grey-90': state === 'active',
|
49
|
+
'bg-grey-20': state === 'inactive',
|
50
|
+
'text-success-70': state === 'completed',
|
51
|
+
});
|
52
|
+
const Indicator = (_a) => {
|
53
|
+
var { children, className, state, dense } = _a, rest = __rest(_a, ["children", "className", "state", "dense"]);
|
54
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded-full flex justify-center items-center mx-2 mb-3'), dense ? getDenseClassNames(state) : getClassNames(state), className) }), state === 'completed' ? React.createElement(InlineIcon, { icon: tick }) : dense ? null : children));
|
55
|
+
};
|
56
|
+
Step.Indicator = Indicator;
|
57
|
+
Stepper.Step = Step;
|
58
|
+
ConnectorContainer.Connector = Connector;
|
59
|
+
Stepper.ConnectorContainer = ConnectorContainer;
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21tb24vU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFdEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVdsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUN2RSw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUNwRCxDQUFBO0NBQUEsQ0FBQztBQU9GLE1BQU0sa0JBQWtCLEdBQXdFLENBQUMsRUFLaEcsRUFBRSxFQUFFO1FBTDRGLEVBQy9GLFNBQVMsRUFDVCxTQUFTLEVBQ1QsS0FBSyxPQUVOLEVBREksSUFBSSxjQUp3RixtQ0FLaEcsQ0FEUTtJQUNILE9BQUEsQ0FDSiw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLDJCQUEyQixFQUFFO1lBQzlCLHFCQUFxQixFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7WUFDckMsc0JBQXNCLEVBQUUsQ0FBQyxLQUFLO1NBQy9CLENBQUMsRUFDRixTQUFTLENBQ1YsSUFDRCxDQUNILENBQUE7Q0FBQSxDQUFDO0FBT0YsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBa0QsRUFBRSxFQUFFO1FBQXRELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUFoRCwrQ0FBa0QsQ0FBRjtJQUFPLE9BQUEsQ0FDbEcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxRQUFRLEVBQUU7WUFDWCxZQUFZLEVBQUUsQ0FBQyxTQUFTO1lBQ3hCLGVBQWUsRUFBRSxPQUFPLENBQUMsU0FBUyxDQUFDO1lBQ25DLFNBQVMsRUFBRSxDQUFDLEtBQUs7WUFDakIsU0FBUyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDMUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFNRixNQUFNLElBQUksR0FBMEQsQ0FBQyxFQUE2QixFQUFFLEVBQUU7UUFBakMsRUFBRSxTQUFTLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUEzQixzQkFBNkIsQ0FBRjtJQUFPLE9BQUEsQ0FDckcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw4REFBOEQsRUFBRTtZQUNqRSxjQUFjLEVBQUUsS0FBSyxLQUFLLFVBQVU7U0FDckMsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0gsQ0FBQTtDQUFBLENBQUM7QUFRRixNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQVksRUFBRSxFQUFFLENBQ3JDLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRTtJQUMvQix5QkFBeUIsRUFBRSxLQUFLLEtBQUssUUFBUTtJQUM3Qyx5QkFBeUIsRUFBRSxLQUFLLEtBQUssVUFBVTtJQUMvQyw0Q0FBNEMsRUFBRSxLQUFLLEtBQUssV0FBVztDQUNwRSxDQUFDLENBQUM7QUFFTCxNQUFNLGtCQUFrQixHQUFHLENBQUMsS0FBWSxFQUFFLEVBQUUsQ0FDMUMsRUFBRSxDQUFDLGlCQUFpQixFQUFFO0lBQ3BCLFlBQVksRUFBRSxLQUFLLEtBQUssUUFBUTtJQUNoQyxZQUFZLEVBQUUsS0FBSyxLQUFLLFVBQVU7SUFDbEMsaUJBQWlCLEVBQUUsS0FBSyxLQUFLLFdBQVc7Q0FDekMsQ0FBQyxDQUFDO0FBRUwsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBOEMsRUFBRSxFQUFFO1FBQWxELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxPQUFXLEVBQU4sSUFBSSxjQUE1QywyQ0FBOEMsQ0FBRjtJQUFPLE9BQUEsQ0FDOUYsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyx5REFBeUQsQ0FBQyxFQUM3RCxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLEVBQ3hELFNBQVMsQ0FDVixLQUVBLEtBQUssS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQ3pFLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUMzQixPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUNwQixrQkFBa0IsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0FBQ3pDLE9BQU8sQ0FBQyxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQyJ9
|
@@ -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,
|
@@ -47,7 +47,7 @@ export const getBodyCellClassNames = (table = true) => tw('text-grey-70 py-3', {
|
|
47
47
|
export const getAlignClassNames = (align) => tw({ 'text-right': align === 'right', 'text-center': align === 'center' });
|
48
48
|
export const getHeadCellClassNames = (sticky = true) => {
|
49
49
|
const common = tw('py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal');
|
50
|
-
return sticky ? classNames(common, tw('sticky top-0')) : common;
|
50
|
+
return sticky ? classNames(common, tw('sticky top-0 z-10')) : common;
|
51
51
|
};
|
52
52
|
const TableCell = (_a) => {
|
53
53
|
var { children, className, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "align"]);
|
@@ -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,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 './Stepper/Stepper';
|
13
|
+
export * from './Switch/Switch';
|
12
14
|
export * from './Table/Table';
|
package/dist/src/common/index.js
CHANGED
@@ -5,9 +5,11 @@ 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 './Stepper/Stepper';
|
13
|
+
export * from './Switch/Switch';
|
12
14
|
export * from './Table/Table';
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tbW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUMifQ==
|
@@ -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. */
|