@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
@@ -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;
|
@@ -10,11 +10,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { Element } from '../../../src/components/Element/Element';
|
14
|
-
import { useStyle } from '../../../src/utils/useStyle';
|
15
13
|
import isUndefined from 'lodash/isUndefined';
|
16
14
|
import twTheme from '../../../tailwind.theme.json';
|
15
|
+
import { Element } from '../../../src/components/Element/Element';
|
17
16
|
import { createSimpleComponent } from '../../../src/utils/createComponent';
|
17
|
+
import { useStyle } from '../../../src/utils/useStyle';
|
18
18
|
export const Box = (_a) => {
|
19
19
|
var { 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 } = _a, rest = __rest(_a, ["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"]);
|
20
20
|
const styles = useStyle({
|
@@ -56,4 +56,4 @@ export const Box = (_a) => {
|
|
56
56
|
return React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, styles), style) }, rest));
|
57
57
|
};
|
58
58
|
export const BorderBox = createSimpleComponent(Box, { className: 'rounded border', borderColor: 'grey-10' }, 'BorderBox');
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQm94L0JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxXQUFXLE1BQU0sb0JBQW9CLENBQUM7QUFDN0MsT0FBTyxPQUFPLE1BQU0scUJBQXFCLENBQUM7QUFFMUMsT0FBTyxFQUFxQixPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUc1RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUF3QjlDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUE4QixFQXlDbkMsRUFBZSxFQUFFO1FBekNrQixFQUMvQyxLQUFLLEVBQ0wsS0FBSyxFQUNMLFdBQVcsRUFDWCxZQUFZLEVBQ1osV0FBVyxFQUNYLGNBQWMsRUFDZCxZQUFZLEVBQ1osVUFBVSxFQUNWLFNBQVMsRUFDVCxhQUFhLEVBQ2IsUUFBUSxFQUNSLElBQUksRUFDSixJQUFJLEVBQ0osTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsUUFBUSxFQUNSLFFBQVEsRUFDUixVQUFVLEVBQ1YsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsTUFBTSxFQUNOLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osVUFBVSxFQUNWLGVBQWUsRUFDZixLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxFQUNSLFNBQVMsRUFDVCxHQUFHLEVBQ0gsTUFBTSxFQUNOLE1BQU0sT0FFTSxFQURULElBQUksY0F4Q3dDLDZlQXlDaEQsQ0FEUTtJQUVQLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN0QixPQUFPO1FBQ1AsT0FBTztRQUNQLEtBQUs7UUFDTCxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1FBQ3BFLFlBQVk7UUFDWixXQUFXO1FBQ1gsY0FBYztRQUNkLFlBQVk7UUFDWixVQUFVO1FBQ1YsU0FBUztRQUNULGFBQWE7UUFDYixRQUFRO1FBQ1IsVUFBVSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQ3pELFlBQVksRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUM3RCxhQUFhLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDL0QsV0FBVyxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzNELE1BQU07UUFDTixTQUFTLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDckQsV0FBVyxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQ3pELFlBQVksRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsT0FBTztRQUMzRCxVQUFVLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDdkQsZUFBZTtRQUNmLEtBQUs7UUFDTCxNQUFNO1FBQ04sUUFBUTtRQUNSLFNBQVM7UUFDVCxRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVEsRUFBRSxJQUFJO1FBQ2QsVUFBVSxFQUFFLE1BQU07UUFDbEIsSUFBSTtRQUNKLEdBQUc7UUFDSCxTQUFTLEVBQUUsTUFBTTtRQUNqQixNQUFNO0tBQ1AsQ0FBQyxDQUFDO0lBRUgsT0FBTyxvQkFBQyxPQUFPLGtCQUFDLEtBQUssa0NBQU8sTUFBTSxHQUFLLEtBQUssS0FBUSxJQUFJLEVBQUksQ0FBQztBQUMvRCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcscUJBQXFCLENBQzVDLEdBQUcsRUFDSCxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEVBQ3ZELFdBQVcsQ0FDWixDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { IconifyIcon } from '@iconify/react';
|
2
|
+
import { type IconifyIcon } from '@iconify/react';
|
3
3
|
export declare type BreadcrumbsProps = {
|
4
4
|
className?: string;
|
5
5
|
children: React.ReactElement<CrumbProps> | Array<React.ReactElement<CrumbProps> | undefined | null>;
|
@@ -33,4 +33,4 @@ export declare type CrumbProps = {
|
|
33
33
|
declare const asCrumb: <ElementType extends HTMLElement, Props = unknown>(Component: string | React.ComponentType<Props>, displayName: string, options?: {
|
34
34
|
isActive: boolean;
|
35
35
|
}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & CrumbProps> & React.RefAttributes<ElementType>>;
|
36
|
-
export {
|
36
|
+
export { asCrumb, Breadcrumbs };
|
@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
return t;
|
12
12
|
};
|
13
13
|
import React from 'react';
|
14
|
+
import classNames from 'classnames';
|
14
15
|
import { Icon } from '../../../src/components';
|
15
|
-
import slash from '../../../src/icons/slash';
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
17
|
-
import
|
17
|
+
import slash from '../../../src/icons/slash';
|
18
18
|
/**
|
19
19
|
* Allows for visualizing the user's location within a hierarchical set of webpages.
|
20
20
|
*
|
@@ -37,7 +37,7 @@ const Breadcrumbs = (props) => {
|
|
37
37
|
const { children, className } = props;
|
38
38
|
const crumbs = React.Children.toArray(children).filter((c) => Boolean(c));
|
39
39
|
return (React.createElement("nav", { className: className, "aria-label": 'Breadcrumbs' },
|
40
|
-
React.createElement("ol", { className: tw('flex flex-row flex-nowrap items-center typography-caption
|
40
|
+
React.createElement("ol", { className: tw('flex flex-row flex-nowrap items-center typography-caption') }, crumbs.map((crumb, index) => {
|
41
41
|
const isLast = index === crumbs.length - 1;
|
42
42
|
return (
|
43
43
|
// Using index as key here is not good, but there isn't too many other options to choose from either.
|
@@ -82,5 +82,5 @@ const asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
82
82
|
const Crumb = asCrumb('a', 'Crumb');
|
83
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
84
84
|
Breadcrumbs.Crumb = Crumb;
|
85
|
-
export {
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
85
|
+
export { asCrumb, Breadcrumbs };
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEVBQThFOzs7Ozs7Ozs7Ozs7QUFFOUUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDdEMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBT3BDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLGdCQUFjLGFBQWE7UUFDbEQsNEJBQUksU0FBUyxFQUFFLEVBQUUsQ0FBQywyREFBMkQsQ0FBQyxJQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDdkYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNO1lBQ25ELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxpREFBaUQsRUFBRTtvQkFDcEQsdUZBQXVGLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtvQkFDMUcsY0FBYyxFQUFFLE9BQU8sQ0FBQyxRQUFRO2lCQUNqQyxDQUFDLENBQ0g7Z0JBRUEsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
2
|
+
import { type BaseActionType } from '../../../types/ActionType';
|
3
3
|
export declare type ButtonKind = 'primary' | 'secondary' | 'ghost' | 'secondary-ghost';
|
4
4
|
export declare type DefaultButtonProps = BaseActionType & {
|
5
5
|
'kind'?: ButtonKind;
|
@@ -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 { tw, classNames } from '../../../src/utils/tailwind';
|
14
|
-
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
15
13
|
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
14
|
+
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
16
15
|
import { Tooltip } from '../../../src/components/Tooltip/Tooltip';
|
16
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
17
17
|
import chevronDown from '../../../src/icons/chevronDown';
|
18
18
|
import loading from '../../../src/icons/loading';
|
19
19
|
const COLOR_CLASSNAMES = {
|
@@ -65,8 +65,8 @@ export const asButton = (Component, isDropdownButton) => {
|
|
65
65
|
// adding inline-block here for the case of using it with anchor tag
|
66
66
|
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
|
67
67
|
'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
|
68
|
-
'typography-
|
69
|
-
'typography-
|
68
|
+
'typography-default': !dense && !isIconOnlyButton,
|
69
|
+
'typography-small': dense && !isIconOnlyButton,
|
70
70
|
'py-3 px-4': !dense && isButton,
|
71
71
|
'py-2 px-3': dense && isButton,
|
72
72
|
'py-3': !dense && isGhost,
|
@@ -101,4 +101,4 @@ export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.cre
|
|
101
101
|
PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
|
102
102
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
103
103
|
SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFekQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxnQkFBZ0IsR0FBb0M7SUFDeEQsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvTEFBb0wsQ0FDckw7SUFDRCxXQUFXLEVBQUUsRUFBRSxDQUNiLCtHQUErRyxFQUMvRyw0RUFBNEUsRUFDNUUsc0dBQXNHLENBQ3ZHO0lBQ0QsT0FBTyxFQUFFLEVBQUUsQ0FDVCxrSEFBa0gsQ0FDbkg7SUFDRCxpQkFBaUIsRUFBRSxFQUFFLENBQ25CLHNHQUFzRyxDQUN2RztDQUNGLENBQUM7QUFFRixNQUFNLGNBQWMsR0FBeUUsQ0FBQyxFQUM1RixJQUFJLEdBQUcsTUFBTSxFQUNiLElBQUksR0FBRyxTQUFTLEdBQ2pCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLE9BQU8sRUFDYixLQUFLLEVBQUUsSUFBSSxFQUNYLE1BQU0sRUFBRSxJQUFJLEVBQ1osS0FBSyxFQUFFLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsU0FBUyxpQkFDdkMsZ0JBQWdCLEdBQzdCLENBQ0gs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
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
3
|
-
import type
|
4
|
-
import {
|
2
|
+
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
3
|
+
import { type ColorName } from '../../../types/designTokens';
|
4
|
+
import { type Either } from '../../../types/utils';
|
5
5
|
declare type ClickableCard = {
|
6
6
|
/**
|
7
7
|
* Optional onClick callback for entire card
|
@@ -47,16 +47,23 @@ declare type IconCard = {
|
|
47
47
|
export declare type CardProps = {
|
48
48
|
/** Short and concise card title. */
|
49
49
|
title: string;
|
50
|
-
/** Card description body text.
|
51
|
-
|
50
|
+
/** Card description body text. Please use 'children' prop instead.
|
51
|
+
* @deprecated
|
52
|
+
*/
|
53
|
+
description?: string;
|
52
54
|
/**
|
53
55
|
* Optional list of tags, which will be rendered as chips underneath the page title.
|
54
56
|
*/
|
55
57
|
chips?: string[];
|
58
|
+
/**
|
59
|
+
* Optional full-width for a card.
|
60
|
+
*/
|
61
|
+
fullWidth?: boolean;
|
56
62
|
} & Either<ClickableCard, ActionableCard> & Either<ImageCard, IconCard>;
|
57
63
|
declare type CardSkeletonProps = {
|
58
64
|
chips?: boolean;
|
59
65
|
actions?: boolean;
|
66
|
+
fullWidth?: boolean;
|
60
67
|
} & Either<{
|
61
68
|
icons?: boolean;
|
62
69
|
}, {
|
@@ -1,23 +1,23 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
3
|
+
import { AvatarStack } from '../../../src/components/Avatar/Avatar';
|
2
4
|
import { Box } from '../../../src/components/Box/Box';
|
5
|
+
import { ExternalLinkButton, SecondaryButton } from '../../../src/components/Button/Button';
|
3
6
|
import { Chip, ChipContainer } from '../../../src/components/Chip/Chip';
|
4
|
-
import { tw, classNames } from '../../../src/utils/tailwind';
|
5
|
-
import { Typography } from '../../../src/components/Typography/Typography';
|
6
|
-
import { AvatarStack } from '../../../src/components/Avatar/Avatar';
|
7
|
-
import { SecondaryButton, ExternalLinkButton } from '../../../src/components/Button/Button';
|
8
7
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
9
|
-
import
|
10
|
-
|
8
|
+
import { Typography } from '../../../src/components/Typography/Typography';
|
9
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
10
|
+
export const Card = ({ title, description, chips = [], icons = [], image, imageAlt, color, action, link, onClick, disabled, fullWidth, children, }) => (React.createElement(CardContainer, { onClick: onClick, color: color, disabled: disabled, fullWidth: fullWidth },
|
11
11
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
12
12
|
icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
|
13
13
|
image !== undefined && React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }),
|
14
14
|
React.createElement(CardContent, null,
|
15
15
|
React.createElement(CardTitle, null, title),
|
16
|
-
React.createElement(CardBody, null, description)),
|
16
|
+
React.createElement(CardBody, null, children || description)),
|
17
17
|
(action || link) && (React.createElement(CardActions, null,
|
18
18
|
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
19
19
|
link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
|
20
|
-
const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true }) => (React.createElement(CardContainer,
|
20
|
+
const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, }) => (React.createElement(CardContainer, { fullWidth: fullWidth },
|
21
21
|
chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
|
22
22
|
icons && React.createElement(AvatarStack, { images: [null] }),
|
23
23
|
image && React.createElement(CardImage, { image: null, fullSize: !chips }),
|
@@ -28,8 +28,10 @@ const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = t
|
|
28
28
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
29
29
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
30
30
|
Card.Skeleton = CardSkeleton;
|
31
|
-
const CardContainer = ({ children, onClick, color, disabled, }) => (React.createElement(Box, { borderWidth: 1, borderRadius: 2, className: classNames(tw('
|
32
|
-
'
|
31
|
+
const CardContainer = ({ children, onClick, color, disabled, fullWidth = false, }) => (React.createElement(Box, { borderWidth: 1, borderRadius: 2, className: classNames(tw('border-grey-5', {
|
32
|
+
'w-[280px]': !fullWidth,
|
33
|
+
'w-full min-w-[280px]': fullWidth,
|
34
|
+
'active:bg-grey-5 cursor-pointer hover:border-grey-50 focus:border-info-70': Boolean(onClick && !disabled),
|
33
35
|
'bg-grey-0 cursor-not-allowed focus:border-transparent': Boolean(disabled),
|
34
36
|
})), onClick: disabled ? undefined : onClick, tabIndex: onClick ? 0 : -1, disabled: disabled },
|
35
37
|
color && React.createElement(Box, { backgroundColor: color, height: "1", width: "full" }),
|
@@ -40,7 +42,7 @@ const CardImage = ({ image, imageAlt, fullSize }) => (React.createElement(Box, {
|
|
40
42
|
const CardImageSkeleton = ({ fullSize }) => (React.createElement(Skeleton, { height: fullSize ? 225 : 174, className: tw('w-full') }));
|
41
43
|
CardImage.Skeleton = CardImageSkeleton;
|
42
44
|
const CardContent = ({ children }) => (React.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, children));
|
43
|
-
const CardBody = ({ children }) => (React.createElement(Typography, { variant: "caption
|
44
|
-
const CardTitle = ({ children }) =>
|
45
|
+
const CardBody = ({ children }) => (React.createElement(Typography, { variant: "caption", color: "grey-70" }, children));
|
46
|
+
const CardTitle = ({ children }) => React.createElement(Typography, { variant: "default-strong" }, children);
|
45
47
|
const CardActions = ({ children }) => (React.createElement(Box, { paddingTop: "3", display: "flex", gap: "3", alignItems: "center" }, children));
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NhcmQvQ2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDM0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNuRixPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWdGcEQsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFvRSxDQUFDLEVBQ3BGLEtBQUssRUFDTCxXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRSxDQUFDLENBQ0osb0JBQUMsYUFBYSxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTO0lBQ3BGLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGFBQWEsSUFBQyxLQUFLLFVBQ2pCLEtBQUssQ0FB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
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import React, {
|
2
|
-
import { tw } from '../../../src/utils/tailwind';
|
1
|
+
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
3
2
|
import { IconButton } from '../../../src/components/Button/Button';
|
3
|
+
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
4
4
|
import { Typography } from '../../../src/components/Typography/Typography';
|
5
|
+
import { tw } from '../../../src/utils/tailwind';
|
5
6
|
import chevronLeft from '../../../src/icons/chevronLeft';
|
6
7
|
import chevronRight from '../../../src/icons/chevronRight';
|
7
|
-
import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
|
8
8
|
export const Carousel = ({ defaultPage = 1, currentPage: currentPageProp, onPageChange, children, }) => {
|
9
9
|
const containerRef = useRef(null);
|
10
10
|
const scrollbarContainerRef = useRef(null);
|
@@ -86,4 +86,4 @@ const CarouselItem = ({ width, children, ariaHidden }) => {
|
|
86
86
|
// if a carousel item doesn't fit the width of the container nicely, it will be aligned center within the container
|
87
87
|
React.createElement("li", { style: { width }, "aria-hidden": ariaHidden, className: tw('flex justify-center snap-start') }, children));
|
88
88
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFNUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBbUJsRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFDaEQsV0FBVyxHQUFHLENBQUMsRUFDZixXQUFXLEVBQUUsZUFBZSxFQUM1QixZQUFZLEVBQ1osUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDbEQsTUFBTSxxQkFBcUIsR0FBRyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQzdELE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRS9DLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsNEVBQTRFO0lBQ2pJLE1BQU0sQ0FBQyxXQUFXLEVBQUUs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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { CheckboxProps as BaseCheckboxProps } from '../../../src/common/Checkbox/Checkbox';
|
2
|
+
import { type CheckboxProps as BaseCheckboxProps } from '../../../src/common/Checkbox/Checkbox';
|
3
3
|
export declare type CheckboxProps = BaseCheckboxProps & {
|
4
4
|
caption?: React.ReactNode;
|
5
5
|
};
|
@@ -10,24 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { tw } from '../../../src/utils/tailwind';
|
14
13
|
import { ControlLabel } from '../../../src/components/ControlLabel/ControlLabel';
|
15
14
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
16
15
|
import { Checkbox as BaseCheckbox } from '../../../src/common/Checkbox/Checkbox';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
17
17
|
export const Checkbox = React.forwardRef((_a, ref) => {
|
18
18
|
var _b;
|
19
|
-
var { id, name, caption,
|
20
|
-
const
|
21
|
-
|
22
|
-
setChecked(_checked);
|
23
|
-
}
|
24
|
-
return !readOnly || checked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && (React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { checked: checked, readOnly: readOnly, disabled: disabled, onChange: (e) => {
|
25
|
-
setChecked(e.target.checked);
|
26
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
27
|
-
} }))))) : null;
|
19
|
+
var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
|
20
|
+
const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
|
21
|
+
return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
|
28
22
|
});
|
29
23
|
const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
30
24
|
React.createElement(Skeleton, { height: 20, width: 20 }),
|
31
25
|
React.createElement(Skeleton, { height: 20, width: 150 })));
|
32
26
|
Checkbox.Skeleton = CheckboxSkeleton;
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUU1RCxPQUFPLEVBQTJDLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVqSCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVeEMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFzQixLQUFLLENBQUMsVUFBVSxDQUN6RCxDQUFDLEVBQXNHLEVBQUUsR0FBRyxFQUFFLEVBQUU7O1FBQS9HLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUFwRywyRUFBc0csQ0FBRjtJQUNuRyxNQUFNLFNBQVMsR0FBRyxNQUFBLEtBQUssQ0FBQyxPQUFPLG1DQUFJLEtBQUssQ0FBQyxjQUFjLENBQUM7SUFDeEQsT0FBTyxDQUFDLFFBQVEsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQzlCLG9CQUFDLFlBQVksSUFDWCxPQUFPLEVBQUUsRUFBRSxFQUNYLEtBQUssRUFBRSxRQUFRLGdCQUNILFNBQVMsRUFDckIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxJQUV0QixDQUFDLFFBQVEsSUFBSSxvQkFBQyxZQUFZLGtCQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsSUFBSSxJQUFNLEtBQUssSUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLElBQUksQ0FDbEcsQ0FDaEIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ1gsQ0FBQyxDQUNtQixDQUFDO0FBRXZCLE1BQU0sZ0JBQWdCLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDdkMsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDOUIsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBSTtJQUNuQyxvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFJLENBQ2hDLENBQ1AsQ0FBQztBQUVGLFFBQVEsQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUMifQ==
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import { EmptyOrOneOrMore } from '../../../types/utils';
|
2
|
+
import { type CheckboxProps } from '../../../src/components/Checkbox/Checkbox';
|
3
|
+
import { type ColumnCount } from '../../../src/common/InputGroup/InputGroup';
|
4
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
5
|
+
import { type EmptyOrOneOrMore } from '../../../types/utils';
|
6
6
|
export declare type CheckboxGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {
|
7
7
|
/**
|
8
8
|
* Values for the checkbox group. If not provided, value will be stored
|
@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React, { useState } from 'react';
|
13
13
|
import uniqueId from 'lodash/uniqueId';
|
14
|
-
import { tw } from '../../../src/utils/tailwind';
|
15
|
-
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
16
14
|
import { Checkbox } from '../../../src/components/Checkbox/Checkbox';
|
17
15
|
import { InputGroup } from '../../../src/common/InputGroup/InputGroup';
|
16
|
+
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
17
|
+
import { tw } from '../../../src/utils/tailwind';
|
18
18
|
const isCheckbox = (c) => {
|
19
19
|
return React.isValidElement(c) && c.type === Checkbox;
|
20
20
|
};
|
@@ -57,4 +57,4 @@ const CheckboxGroupSkeleton = ({ options = 2 }) => {
|
|
57
57
|
React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Checkbox.Skeleton, { key: key }))))));
|
58
58
|
};
|
59
59
|
CheckboxGroup.Skeleton = CheckboxGroupSkeleton;
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAvQ2hlY2tib3hHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQXNCLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRWhGLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFaEYsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxDQUFrQixFQUEwQyxFQUFFO0lBQ2hGLE9BQU8sS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQztBQUN4RCxDQUFDLENBQUM7QUF5Q0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUE4RSxDQUFDLEVBUXhHLEVBQUUsRUFBRTs7UUFSb0csRUFDdkcsS0FBSyxFQUNMLFlBQVksRUFDWixRQUFRLEVBQ1IsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxFQUNKLFFBQVEsT0FFVCxFQURJLEtBQUssY0FQK0YscUVBUXhHLENBRFM7SUFFUixNQUFNLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDLEdBQUcsUUFBUSxDQUFXLE1BQUEsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxtQ0FBSSxFQUFFLENBQUMsQ0FBQztJQUUxRixJQUFJLEtBQUssS0FBSyxTQUFTLElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtRQUNs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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import type
|
2
|
+
import { type IconProps } from '../../../src/components/Icon/Icon';
|
3
3
|
export declare type ChipStatus = 'neutral' | 'info' | 'warning' | 'danger' | 'success';
|
4
4
|
declare type BaseChipProps = {
|
5
5
|
/**
|
@@ -11,14 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import isNumber from 'lodash/isNumber';
|
14
|
-
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
15
14
|
import { ChipBadge } from '../../../src/components/Badge/Badge';
|
15
|
+
import { InlineIcon } from '../../../src/components/Icon/Icon';
|
16
16
|
import { Skeleton } from '../../../src/components/Skeleton/Skeleton';
|
17
17
|
import { Chip as BaseChip } from '../../../src/common/Chip/Chip';
|
18
18
|
import { tw } from '../../../src/utils/tailwind';
|
19
|
+
import { isComponentType } from '../../../types/utils';
|
19
20
|
import crossIcon from '../../../src/icons/cross';
|
20
21
|
import lockIcon from '../../../src/icons/lock';
|
21
|
-
import { isComponentType } from '../../../types/utils';
|
22
22
|
const getStatusClassNames = (status = 'neutral') => {
|
23
23
|
switch (status) {
|
24
24
|
case 'info':
|
@@ -60,4 +60,4 @@ export const ChipContainer = ({ dense, children }) => (React.createElement("div"
|
|
60
60
|
}) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip)
|
61
61
|
? React.cloneElement(child, { dense })
|
62
62
|
: undefined)));
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTVELE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUF1Q3RDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxTQUFxQixTQUFTLEVBQVUsRUFBRTtJQUNyRSxRQUFRLE1BQU0sRUFBRTtRQUNkLEtBQUssTUFBTTtZQUNULE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFFdkMsS0FBSyxTQUFTO1lBQ1osT0FBTyxFQUFFLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUVoRCxLQUFLLFFBQVE7WUFDWCxPQUFPLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBRXpDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLCtCQUErQixDQUFDLENBQUM7UUFFN0MsS0FBSyxTQUFTLENBQUM7UUFDZjtZQUNFLE9BQU8sRUFBRSxDQUFDLHdCQUF3QixDQUFDLENBQUM7S0FDdkM7QUFDSCxDQUFDLENBQUM7QUFF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
|
@@ -27,8 +27,8 @@ export const ChoiceChip = (_a) => {
|
|
27
27
|
return (React.createElement("span", Object.assign({ role: "button", "aria-pressed": selected }, rest, { className: tw('inline-flex items-center border rounded-sm transition whitespace-nowrap cursor-pointer', {
|
28
28
|
'bg-white border-grey-20 text-grey-60': !selected,
|
29
29
|
'bg-grey-0 border-grey-100 text-grey-100': selected,
|
30
|
-
'typography-
|
31
|
-
'typography-caption
|
30
|
+
'typography-small py-2 px-3 gap-x-3': !dense,
|
31
|
+
'typography-caption py-1 px-2 gap-x-2': Boolean(dense),
|
32
32
|
}), onClick: handleClick }), text));
|
33
33
|
};
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nob2ljZUNoaXAvQ2hvaWNlQ2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUV4QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnhDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUF1RCxFQUFFLEVBQUU7O1FBQTNELEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBckQsc0RBQXVELENBQUY7SUFDekcsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxDQUFDLENBQUM7SUFDbEUsTUFBTSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBQSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLG1DQUFJLEtBQUssQ0FBQyxDQUFDO0lBRXpFLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtRQUN2QixXQUFXLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksS0FBSyxDQUFDLENBQUM7UUFDNUIsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ3JCO0lBRUQsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFO1FBQ3ZCLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZCLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw0Q0FDRSxJQUFJLEVBQUMsUUFBUSxrQkFDQyxRQUFRLElBQ2xCLElBQUksSUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLHdGQUF3RixFQUFFO1lBQ3RHLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtZQUNqRCx5Q0FBeUMsRUFBRSxRQUFRO1lBQ25ELG9DQUFvQyxFQUFFLENBQUMsS0FBSztZQUM1QyxzQ0FBc0MsRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDO1NBQ3ZELENBQUMsRUFDRixPQUFPLEVBQUUsV0FBVyxLQUVuQixJQUFJLENBQ0EsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { LabelControlProps } from '../../../src/utils/form/Label/Label';
|
2
|
+
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
3
3
|
export declare type ComboboxBaseProps<Option extends unknown> = {
|
4
4
|
id?: string;
|
5
5
|
name?: string;
|