@aivenio/aquarium 1.9.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +50 -53
- package/dist/atoms.mjs +46 -49
- package/dist/src/{common → atoms}/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Alert/Alert.js +74 -0
- package/dist/src/{common → atoms}/Banner/Banner.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.js +57 -0
- package/dist/src/atoms/Card/Card.js +54 -0
- package/dist/src/{common → atoms}/Checkbox/Checkbox.js +2 -2
- package/dist/src/{common → atoms}/Chip/Chip.js +1 -1
- package/dist/src/{common → atoms}/DataList/DataList.js +3 -3
- package/dist/src/{common → atoms}/Dialog/Dialog.d.ts +1 -1
- package/dist/src/{common → atoms}/Dialog/Dialog.js +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +62 -0
- package/dist/src/{common → atoms}/InputGroup/InputGroup.d.ts +1 -1
- package/dist/src/{common → atoms}/InputGroup/InputGroup.js +2 -2
- package/dist/src/atoms/LineClamp/LineClamp.d.ts +11 -0
- package/dist/src/atoms/LineClamp/LineClamp.js +20 -0
- package/dist/src/{common → atoms}/Link/Link.js +1 -1
- package/dist/src/{common → atoms}/Modal/Modal.d.ts +1 -1
- package/dist/src/atoms/Modal/Modal.js +68 -0
- package/dist/src/{common → atoms}/Popover/Popover.js +2 -2
- package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.js +2 -2
- package/dist/src/{common → atoms}/ProgressBar/ProgressBar.js +1 -1
- package/dist/src/{common → atoms}/RadioButton/RadioButton.js +1 -1
- package/dist/src/{common → atoms}/Section/Section.d.ts +2 -2
- package/dist/src/atoms/Section/Section.js +46 -0
- package/dist/src/{common → atoms}/Select/Select.js +2 -2
- package/dist/src/{common → atoms}/Stepper/Stepper.js +2 -2
- package/dist/src/{common → atoms}/Switch/Switch.js +1 -1
- package/dist/src/{common → atoms}/Table/Table.d.ts +2 -2
- package/dist/src/atoms/Table/Table.js +91 -0
- package/dist/src/{common → atoms}/Timeline/Timeline.js +1 -1
- package/dist/src/{common → atoms}/Typography/Typography.js +1 -1
- package/dist/src/{common → atoms}/index.js +1 -1
- package/dist/src/{components → molecules}/Alert/Alert.d.ts +1 -1
- package/dist/src/molecules/Alert/Alert.js +12 -0
- package/dist/src/molecules/Avatar/Avatar.js +10 -0
- package/dist/src/{components → molecules}/Badge/Badge.js +1 -1
- package/dist/src/{components → molecules}/Banner/Banner.d.ts +1 -1
- package/dist/src/molecules/Banner/Banner.js +44 -0
- package/dist/src/{components → molecules}/Box/Box.d.ts +2 -2
- package/dist/src/{components → molecules}/Box/Box.js +2 -2
- package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +105 -0
- package/dist/src/{components → molecules}/Card/Card.d.ts +1 -1
- package/dist/src/molecules/Card/Card.js +48 -0
- package/dist/src/{components → molecules}/Card/Compact.d.ts +1 -1
- package/dist/src/molecules/Card/Compact.js +43 -0
- package/dist/src/{components → molecules}/Card/types.js +1 -1
- package/dist/src/{components → molecules}/Carousel/Carousel.js +4 -4
- package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/molecules/Checkbox/Checkbox.js +29 -0
- package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts +2 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +61 -0
- package/dist/src/{components → molecules}/Chip/Chip.d.ts +1 -1
- package/dist/src/molecules/Chip/Chip.js +64 -0
- package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/src/molecules/Combobox/Combobox.js +109 -0
- package/dist/src/molecules/Container/Container.js +18 -0
- package/dist/src/molecules/Context/Context.js +18 -0
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/DataList/DataList.js +24 -0
- package/dist/src/{components → molecules}/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +42 -0
- package/dist/src/{components → molecules}/Dialog/Dialog.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +41 -0
- package/dist/src/{components → molecules}/Divider/Divider.js +1 -1
- package/dist/src/{components → molecules}/Dropdown/Dropdown.d.ts +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +87 -0
- package/dist/src/{components → molecules}/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +148 -0
- package/dist/src/molecules/DropdownMenu/utils.js +20 -0
- package/dist/src/{components → molecules}/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +74 -0
- package/dist/src/{components → molecules}/Flexbox/Flexbox.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.js +19 -0
- package/dist/src/{components → molecules}/Flexbox/FlexboxItem.d.ts +1 -1
- package/dist/src/molecules/Flexbox/FlexboxItem.js +16 -0
- package/dist/src/{components → molecules}/Grid/Grid.d.ts +1 -1
- package/dist/src/molecules/Grid/Grid.js +31 -0
- package/dist/src/{components → molecules}/Grid/GridItem.d.ts +1 -1
- package/dist/src/molecules/Grid/GridItem.js +20 -0
- package/dist/src/{components → molecules}/Icon/Icon.js +1 -1
- package/dist/src/{components → molecules}/Input/Input.js +2 -2
- package/dist/src/{components → molecules}/LineClamp/LineClamp.d.ts +9 -1
- package/dist/src/molecules/LineClamp/LineClamp.js +21 -0
- package/dist/src/{components → molecules}/Link/Link.d.ts +1 -1
- package/dist/src/molecules/Link/Link.js +4 -0
- package/dist/src/molecules/List/List.js +6 -0
- package/dist/src/molecules/ListItem/ListItem.js +10 -0
- package/dist/src/{components → molecules}/Modal/Modal.d.ts +2 -2
- package/dist/src/{components → molecules}/Modal/Modal.js +4 -4
- package/dist/src/{components → molecules}/MultiInput/InputChip.js +3 -3
- package/dist/src/molecules/MultiInput/MultiInput.js +153 -0
- package/dist/src/{components → molecules}/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/src/molecules/MultiSelect/MultiSelect.js +149 -0
- package/dist/src/{components → molecules}/NativeSelect/NativeSelect.js +3 -3
- package/dist/src/{components → molecules}/PageHeader/PageHeader.d.ts +1 -1
- package/dist/src/molecules/PageHeader/PageHeader.js +40 -0
- package/dist/src/molecules/Pagination/Pagination.js +52 -0
- package/dist/src/molecules/Pagination/usePagination.js +36 -0
- package/dist/src/{components → molecules}/Popover/Popover.d.ts +1 -1
- package/dist/src/molecules/Popover/Popover.js +79 -0
- package/dist/src/molecules/Popover/PopoverContext.js +10 -0
- package/dist/src/molecules/Popover/PopoverWrapper.js +34 -0
- package/dist/src/{components → molecules}/PopoverDialog/PopoverDialog.d.ts +2 -2
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +28 -0
- package/dist/src/molecules/Portal/Portal.js +3 -0
- package/dist/src/molecules/ProgressBar/ProgressBar.js +23 -0
- package/dist/src/{components → molecules}/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/molecules/RadioButton/RadioButton.js +29 -0
- package/dist/src/{components → molecules}/RadioButtonGroup/RadioButtonGroup.d.ts +2 -2
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +65 -0
- package/dist/src/{components → molecules}/Section/Section.js +4 -4
- package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/src/molecules/Select/Select.js +144 -0
- package/dist/src/molecules/Skeleton/Skeleton.js +18 -0
- package/dist/src/molecules/Spacing/Spacing.d.ts +14 -0
- package/dist/src/molecules/Spacing/Spacing.js +18 -0
- package/dist/src/molecules/Stepper/Stepper.js +25 -0
- package/dist/src/{components → molecules}/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.js +29 -0
- package/dist/src/{components → molecules}/SwitchGroup/SwitchGroup.d.ts +2 -2
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +59 -0
- package/dist/src/{components → molecules}/Table/Table.d.ts +1 -1
- package/dist/src/{components → molecules}/Table/Table.js +2 -2
- package/dist/src/molecules/Tabs/Tabs.js +220 -0
- package/dist/src/{components → molecules}/TagLabel/TagLabel.js +1 -1
- package/dist/src/{components → molecules}/Tailwindify/Tailwindify.js +1 -1
- package/dist/src/molecules/Template/Template.js +23 -0
- package/dist/src/molecules/Textarea/Textarea.js +46 -0
- package/dist/src/molecules/Timeline/Timeline.js +42 -0
- package/dist/src/{components → molecules}/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +110 -0
- package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.js +1 -1
- package/dist/src/{components → molecules}/Typography/Typography.d.ts +1 -1
- package/dist/src/molecules/Typography/Typography.js +89 -0
- package/dist/src/{components → molecules}/index.d.ts +1 -0
- package/dist/src/{components → molecules}/index.js +3 -2
- package/dist/src/system.d.ts +3 -3
- package/dist/src/system.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.d.ts +1 -1
- package/dist/src/utils/form/Label/Label.js +3 -3
- package/dist/src/utils/table/types.d.ts +2 -2
- package/dist/src/utils/useStyle.js +2 -2
- package/dist/styles.css +832 -809
- package/dist/styles_timescaledb.css +832 -809
- package/dist/system.cjs +261 -240
- package/dist/system.mjs +254 -234
- package/dist/tailwind.config.js +0 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
- package/dist/src/common/Alert/Alert.js +0 -74
- package/dist/src/common/Banner/Banner.js +0 -57
- package/dist/src/common/Card/Card.js +0 -54
- package/dist/src/common/DropdownMenu/DropdownMenu.js +0 -62
- package/dist/src/common/LineClamp/LineClamp.d.ts +0 -9
- package/dist/src/common/LineClamp/LineClamp.js +0 -18
- package/dist/src/common/Modal/Modal.js +0 -68
- package/dist/src/common/Section/Section.js +0 -46
- package/dist/src/common/Table/Table.js +0 -91
- package/dist/src/components/Alert/Alert.js +0 -12
- package/dist/src/components/Avatar/Avatar.js +0 -10
- package/dist/src/components/Banner/Banner.js +0 -44
- package/dist/src/components/Button/Button.js +0 -105
- package/dist/src/components/Card/Card.js +0 -48
- package/dist/src/components/Card/Compact.js +0 -43
- package/dist/src/components/Checkbox/Checkbox.js +0 -29
- package/dist/src/components/CheckboxGroup/CheckboxGroup.js +0 -61
- package/dist/src/components/Chip/Chip.js +0 -64
- package/dist/src/components/Combobox/Combobox.js +0 -109
- package/dist/src/components/Container/Container.js +0 -18
- package/dist/src/components/Context/Context.js +0 -18
- package/dist/src/components/DataList/DataList.js +0 -24
- package/dist/src/components/DataTable/DataTable.js +0 -42
- package/dist/src/components/Dialog/Dialog.js +0 -41
- package/dist/src/components/Dropdown/Dropdown.js +0 -87
- package/dist/src/components/DropdownMenu/DropdownMenu.js +0 -148
- package/dist/src/components/DropdownMenu/utils.js +0 -20
- package/dist/src/components/EmptyState/EmptyState.js +0 -74
- package/dist/src/components/Flexbox/Flexbox.js +0 -19
- package/dist/src/components/Flexbox/FlexboxItem.js +0 -16
- package/dist/src/components/Grid/Grid.js +0 -31
- package/dist/src/components/Grid/GridItem.js +0 -20
- package/dist/src/components/LineClamp/LineClamp.js +0 -17
- package/dist/src/components/Link/Link.js +0 -4
- package/dist/src/components/List/List.js +0 -6
- package/dist/src/components/ListItem/ListItem.js +0 -10
- package/dist/src/components/MultiInput/MultiInput.js +0 -153
- package/dist/src/components/MultiSelect/MultiSelect.js +0 -149
- package/dist/src/components/PageHeader/PageHeader.js +0 -40
- package/dist/src/components/Pagination/Pagination.js +0 -52
- package/dist/src/components/Pagination/usePagination.js +0 -36
- package/dist/src/components/Popover/Popover.js +0 -79
- package/dist/src/components/Popover/PopoverContext.js +0 -10
- package/dist/src/components/Popover/PopoverWrapper.js +0 -36
- package/dist/src/components/PopoverDialog/PopoverDialog.js +0 -28
- package/dist/src/components/Portal/Portal.js +0 -3
- package/dist/src/components/ProgressBar/ProgressBar.js +0 -23
- package/dist/src/components/RadioButton/RadioButton.js +0 -29
- package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +0 -65
- package/dist/src/components/Select/Select.js +0 -144
- package/dist/src/components/Skeleton/Skeleton.js +0 -18
- package/dist/src/components/Stepper/Stepper.js +0 -25
- package/dist/src/components/Switch/Switch.js +0 -29
- package/dist/src/components/SwitchGroup/SwitchGroup.js +0 -59
- package/dist/src/components/Tabs/Tabs.js +0 -220
- package/dist/src/components/Template/Template.js +0 -23
- package/dist/src/components/Textarea/Textarea.js +0 -46
- package/dist/src/components/Timeline/Timeline.js +0 -42
- package/dist/src/components/Tooltip/Tooltip.js +0 -110
- package/dist/src/components/Typography/Typography.js +0 -89
- /package/dist/src/{common → atoms}/Card/Card.d.ts +0 -0
- /package/dist/src/{common → atoms}/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/src/{common → atoms}/Chip/Chip.d.ts +0 -0
- /package/dist/src/{common → atoms}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{common → atoms}/DropdownMenu/DropdownMenu.d.ts +0 -0
- /package/dist/src/{common → atoms}/Link/Link.d.ts +0 -0
- /package/dist/src/{common → atoms}/Popover/Popover.d.ts +0 -0
- /package/dist/src/{common → atoms}/PopoverDialog/PopoverDialog.d.ts +0 -0
- /package/dist/src/{common → atoms}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{common → atoms}/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/src/{common → atoms}/Select/Select.d.ts +0 -0
- /package/dist/src/{common → atoms}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{common → atoms}/Switch/Switch.d.ts +0 -0
- /package/dist/src/{common → atoms}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{common → atoms}/Typography/Typography.d.ts +0 -0
- /package/dist/src/{common → atoms}/index.d.ts +0 -0
- /package/dist/src/{components → molecules}/Avatar/Avatar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Badge/Badge.d.ts +0 -0
- /package/dist/src/{components → molecules}/Breadcrumbs/Breadcrumbs.d.ts +0 -0
- /package/dist/src/{components → molecules}/Button/Button.d.ts +0 -0
- /package/dist/src/{components → molecules}/Card/types.d.ts +0 -0
- /package/dist/src/{components → molecules}/Carousel/Carousel.d.ts +0 -0
- /package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/Combobox/Combobox.d.ts +0 -0
- /package/dist/src/{components → molecules}/Container/Container.d.ts +0 -0
- /package/dist/src/{components → molecules}/Context/Context.d.ts +0 -0
- /package/dist/src/{components → molecules}/DataList/DataList.d.ts +0 -0
- /package/dist/src/{components → molecules}/Divider/Divider.d.ts +0 -0
- /package/dist/src/{components → molecules}/DropdownMenu/utils.d.ts +0 -0
- /package/dist/src/{components → molecules}/Element/Element.d.ts +0 -0
- /package/dist/src/{components → molecules}/EmptyState/EmptyState.d.ts +0 -0
- /package/dist/src/{components → molecules}/Icon/Icon.d.ts +0 -0
- /package/dist/src/{components → molecules}/Input/Input.d.ts +0 -0
- /package/dist/src/{components → molecules}/List/List.d.ts +0 -0
- /package/dist/src/{components → molecules}/ListItem/ListItem.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/InputChip.d.ts +0 -0
- /package/dist/src/{components → molecules}/MultiInput/MultiInput.d.ts +0 -0
- /package/dist/src/{components → molecules}/NativeSelect/NativeSelect.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/Pagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Pagination/usePagination.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverContext.d.ts +0 -0
- /package/dist/src/{components → molecules}/Popover/PopoverWrapper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Portal/Portal.d.ts +0 -0
- /package/dist/src/{components → molecules}/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/src/{components → molecules}/Section/Section.d.ts +0 -0
- /package/dist/src/{components → molecules}/SegmentedControl/SegmentedControl.d.ts +0 -0
- /package/dist/src/{components → molecules}/Select/Select.d.ts +0 -0
- /package/dist/src/{components → molecules}/Skeleton/Skeleton.d.ts +0 -0
- /package/dist/src/{components → molecules}/Stepper/Stepper.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tabs/Tabs.d.ts +0 -0
- /package/dist/src/{components → molecules}/TagLabel/TagLabel.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tailwindify/Tailwindify.d.ts +0 -0
- /package/dist/src/{components → molecules}/Template/Template.d.ts +0 -0
- /package/dist/src/{components → molecules}/Textarea/Textarea.d.ts +0 -0
- /package/dist/src/{components → molecules}/Timeline/Timeline.d.ts +0 -0
- /package/dist/src/{components → molecules}/Tooltip/useTooltipTriggerState.d.ts +0 -0
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGltZWxpbmUvVGltZWxpbmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFVcEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDekUsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1DQUFtQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDN0YsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE9BQU8sR0FBdUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzlELDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNoRSxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QyxDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDdEYsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDBDQUEwQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDcEcsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBK0MsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzVGLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQXVCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMENBQTBDLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNwRyxDQUFBO0NBQUEsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUF1QixDQUFDLEVBQXNCLEVBQUUsRUFBRTtRQUExQixFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEIsYUFBc0IsQ0FBRjtJQUFPLE9BQUEsQ0FDMUQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FDOUYsQ0FBQTtDQUFBLENBQUM7QUFFRixTQUFTLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztBQUNwQixhQUFhLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUUxQixRQUFRLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztBQUMvQixRQUFRLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztBQUN2QyxRQUFRLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQyJ9
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sV0FBVyxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRzlDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FDaEQsQ0FBQyxHQUFHLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxDQUFDLGlDQUFNLEdBQUcsS0FBRSxDQUFDLElBQUksQ0FBQyxFQUFFLFNBQVMsSUFBRyxFQUM3RCxFQUF5QyxDQUMxQyxDQUFDO0FBWUYsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFRVCxFQUFlLEVBQUU7UUFSUixFQUN6QixRQUFRLEVBQ1IsT0FBTyxHQUFHLFNBQVMsRUFDbkIsS0FBSyxFQUNMLE9BQU8sR0FBRyxLQUFLLEVBQ2YsU0FBUyxFQUNULFVBQVUsT0FFTSxFQURiLElBQUksY0FQa0Isc0VBUTFCLENBRFE7SUFFUCxNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUM7SUFFNUIscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQiw2QkFBNkI7SUFDN0IsMEJBQTBCO0lBQzFCLE1BQU0saUJBQWlCLEdBQUcsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQ3hGLE1BQU0sS0FBSyxHQUFHLFFBQVEsQ0FBQyxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7SUFDdkMsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQ1YsU0FBUyxFQUFFLFVBQVUsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxpQkFBaUIsRUFBRSxFQUFFLFNBQVMsQ0FBQyxFQUNwRixLQUFLLEVBQUUsS0FBSyxJQUNSLElBQUksR0FFUCxRQUFRLENBQ0csQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -14,4 +14,4 @@ export * from './Select/Select';
|
|
14
14
|
export * from './Stepper/Stepper';
|
15
15
|
export * from './Switch/Switch';
|
16
16
|
export * from './Table/Table';
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQyJ9
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type AlertType } from '../../../src/
|
2
|
+
import { type AlertType } from '../../../src/atoms/Alert/Alert';
|
3
3
|
import { type ActionType } from '../../../types/ActionType';
|
4
4
|
export declare type AlertProps = {
|
5
5
|
/** Optional title for alert. */
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
3
|
+
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
4
|
+
import { GhostButton } from '../../../src/molecules';
|
5
|
+
export const Alert = ({ description, type, title, action, onDismiss, children }) => (React.createElement(AlertBase, { type: type, dense: Boolean(title) },
|
6
|
+
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
7
|
+
title && React.createElement(AlertBase.Title, null, title),
|
8
|
+
React.createElement(AlertBase.Description, null, children || description),
|
9
|
+
action && (React.createElement(AlertBase.Actions, null,
|
10
|
+
React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text))),
|
11
|
+
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBa0IsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUF5QjVDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzFDLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFJO0lBQ3BELEtBQUssSUFBSSxvQkFBQyxTQUFTLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBbUI7SUFDcEQsb0JBQUMsU0FBUyxDQUFDLFdBQVcsUUFBRSxRQUFRLElBQUksV0FBVyxDQUF5QjtJQUN2RSxNQUFNLElBQUksQ0FDVCxvQkFBQyxTQUFTLENBQUMsT0FBTztRQUNoQixvQkFBQyxXQUFXLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4QyxNQUFNLENBQUMsSUFBSSxDQUNBLENBQ0ksQ0FDckI7SUFDQSxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLE9BQU8sSUFBQyxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQzdDLENBQ2IsQ0FBQyJ9
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
3
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
4
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
5
|
+
export const AvatarStack = ({ images }) => (React.createElement(Box, { display: "flex", className: tw('[&>*:not(:first-child)]:-ml-3') }, images.map((image, index) => image ? React.createElement(Avatar, { key: image !== null && image !== void 0 ? image : index, image: image }) : React.createElement(Avatar.Skeleton, { key: image !== null && image !== void 0 ? image : index }))));
|
6
|
+
export const Avatar = ({ image }) => (React.createElement("img", { src: image, className: classNames(tw('w-[32px] h-[32px]')) }));
|
7
|
+
const AvatarSkeleton = () => React.createElement(Skeleton, { height: 32, width: 32, className: tw('rounded-full') });
|
8
|
+
Avatar.Skeleton = AvatarSkeleton;
|
9
|
+
Avatar.Skeleton.displayName = 'Avatar.Skeleton';
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBVXBELE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNyRSxvQkFBQyxHQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLElBQy9ELE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDM0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxvQkFBQyxNQUFNLElBQUMsR0FBRyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFJLENBQUMsQ0FBQyxDQUFDLG9CQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUMsR0FBRyxFQUFFLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEtBQUssR0FBSSxDQUNqRyxDQUNHLENBQ1AsQ0FBQztBQVNGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBZ0UsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNoRyw2QkFBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG1CQUFtQixDQUFDLENBQUMsR0FBSSxDQUNwRSxDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsb0JBQUMsUUFBUSxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxHQUFJLENBQUM7QUFFMUcsTUFBTSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUM7QUFDakMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsaUJBQWlCLENBQUMifQ==
|
@@ -44,4 +44,4 @@ const createBadge = (type, displayName) => {
|
|
44
44
|
export const Badge = createBadge('default', 'Badge');
|
45
45
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
46
46
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFpQ2hELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxLQUFrQyxFQUEyQixFQUFFLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQztBQUUzRyxNQUFNLFdBQVcsR0FBRyxDQUNsQixJQUFnQyxFQUNoQyxXQUFtQixFQUNuQixFQUFFO0lBQ0YsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7O1FBQ3JFLE1BQU0sRUFBRSxJQUFJLEdBQUcsUUFBUSxFQUFFLEtBQUssRUFBRSxhQUFhLEtBQWMsS0FBSyxFQUFkLElBQUksVUFBSyxLQUFLLEVBQTFELGtDQUFrRCxDQUFRLENBQUM7UUFDakUsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2xDLE1BQU0sS0FBSyxHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxLQUFLLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRXJFLE9BQU8sQ0FDTCw4Q0FDTSxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUN2QixTQUFTLEVBQUUsRUFBRSxDQUFDLDBCQUEwQixFQUFFO2dCQUN4QyxjQUFjLEVBQUUsSUFBSSxLQUFLLFNBQVMsSUFBSSxJQUFJLEtBQUssTUFBTTtnQkFDckQsU0FBUyxFQUFFLElBQUksS0FBSyxLQUFLO2dCQUN6Qix1QkFBdUIsRUFBRSxJQUFJLEtBQUssVUFBVTtnQkFDNUMsWUFBWSxFQUFFLElBQUksS0FBSyxRQUFRLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ2xELFVBQVUsRUFBRSxJQUFJLEtBQUssTUFBTTtnQkFDM0IsaURBQWlELEVBQUUsQ0FBQyxLQUFLO2dCQUN6RCxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLEtBQUssSUFBSSxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUM7Z0JBQ3BDLFVBQVUsRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sS0FBSyxDQUFDO2FBQzNDLENBQUM7WUFFRiw4QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUNuQixhQUFhLEVBQ2IsRUFBRSxDQUFDLGNBQWMsRUFBRTtvQkFDakIsWUFBWSxFQUFFLENBQUMsYUFBYSxJQUFJLElBQUksS0FBSyxRQUFRO29CQUNqRCxTQUFTLEVBQUUsSUFBSSxLQUFLLFFBQVE7aUJBQzdCLENBQUMsQ0FDSCxJQUVBLFFBQVEsQ0FDSixDQUNGLENBQ1IsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO0lBQ3BDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsQ0FDekIsb0JBQUMsUUFBUSxJQUNQLE1BQU0sRUFBRSxFQUFFLEVBQ1YsS0FBSyxFQUFFLEVBQUUsRUFDVCxPQUFPLEVBQUMsY0FBYyxFQUN0QixTQUFTLEVBQUUsRUFBRSxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLEdBQzFELENBQ0gsQ0FBQztJQUNGLFNBQVMsQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLEdBQUcsV0FBVyxXQUFXLENBQUM7SUFDM0QsT0FBTyxTQUFTLENBQUM7QUFDbkIsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLFdBQVcsQ0FBYSxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFDakUsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLFdBQVcsQ0FBYSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7QUFDbkUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFdBQVcsQ0FBaUIsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDIn0=
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type BannerLayoutType, type BannerVariantType } from '../../../src/
|
2
|
+
import { type BannerLayoutType, type BannerVariantType } from '../../../src/atoms/Banner/Banner';
|
3
3
|
import { type ActionType } from '../../../types/ActionType';
|
4
4
|
declare type ImageBanner = {
|
5
5
|
/**
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import omit from 'lodash/omit';
|
3
|
+
import { GhostButton, IconButton } from '../../../src/molecules/Button/Button';
|
4
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
5
|
+
import { Banner as BannerBase } from '../../../src/atoms/Banner/Banner';
|
6
|
+
import { tw } from '../../../src/utils/tailwind';
|
7
|
+
import cross from '../../../src/icons/cross';
|
8
|
+
const BannerImageSkeleton = () => React.createElement(Skeleton, { width: 225, className: tw('h-full') });
|
9
|
+
const createBanner = (displayName, opts = {}) => {
|
10
|
+
const BannerComponent = (props) => {
|
11
|
+
const { title, description, layout: layoutProp, action, onDismiss, variant = 'default', children } = props;
|
12
|
+
const layout = opts.isOneLineBanner ? 'horizontal' : layoutProp || 'vertical';
|
13
|
+
const isDismissable = onDismiss !== undefined;
|
14
|
+
return (React.createElement(BannerBase, { layout: layout, variant: variant },
|
15
|
+
React.createElement(BannerBase.ContentContainer, { layout: layout },
|
16
|
+
React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
|
17
|
+
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
18
|
+
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
19
|
+
React.createElement(GhostButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)))),
|
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('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
|
21
|
+
isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
|
22
|
+
React.createElement(IconButton, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
|
23
|
+
};
|
24
|
+
BannerComponent.displayName = displayName;
|
25
|
+
return BannerComponent;
|
26
|
+
};
|
27
|
+
/**
|
28
|
+
* ## A banner component to highlight some content
|
29
|
+
*
|
30
|
+
* There are 2 layouts available: vertical(default) and horizontal.
|
31
|
+
* Vertical layout is required an image.
|
32
|
+
* Horizontal layout doesn't support having an image at all.
|
33
|
+
*
|
34
|
+
* Note: a size of image prop will affect a size of a whole banner too.
|
35
|
+
*
|
36
|
+
* @param props BannerProps
|
37
|
+
* @returns React.ReactElement
|
38
|
+
*/
|
39
|
+
export const Banner = createBanner('Banner');
|
40
|
+
const OneLineBannerBase = createBanner('OneLineBanner', {
|
41
|
+
isOneLineBanner: true,
|
42
|
+
});
|
43
|
+
export const OneLineBanner = OneLineBannerBase;
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBaUQsTUFBTSxJQUFJLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTlHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQW9EcEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJLENBQUM7QUFFOUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLE9BQXNCLEVBQUUsRUFBRSxFQUFFO0lBQ3JFLE1BQU0sZUFBZSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzRyxNQUFNLE1BQU0sR0FBcUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDO1FBQ2hHLE1BQU0sYUFBYSxHQUFHLFNBQVMsS0FBSyxTQUFTLENBQUM7UUFFOUMsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPO1lBQzFDLG9CQUFDLFVBQVUsQ0FBQyxnQkFBZ0IsSUFBQyxNQUFNLEVBQUUsTUFBTTtnQkFDekMsb0JBQUMsVUFBVSxDQUFDLEtBQUssSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDM0YsS0FBSyxDQUNXO2dCQUNuQixvQkFBQyxVQUFVLENBQUMsV0FBVyxJQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUMzRCxRQUFRLElBQUksV0FBVyxDQUNEO2dCQUN4QixNQUFNLElBQUksQ0FDVCxvQkFBQyxVQUFVLENBQUMsT0FBTyxJQUFDLE1BQU0sRUFBRSxNQUFNO29CQUNoQyxvQkFBQyxXQUFXLGtCQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN4QyxNQUFNLENBQUMsSUFBSSxDQUNBLENBQ0ssQ0FDdEIsQ0FDMkI7WUFDN0IsQ0FBQyxLQUFLLENBQUMsTUFBTSxLQUFLLFVBQVUsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLFNBQVMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssU0FBUyxJQUFJLENBQzNGLG9CQUFDLFVBQVUsQ0FBQyxjQUFjLFFBQ3ZCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ2IsNkJBQ0UsR0FBRyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2hCLEdBQUcsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUNuQixTQUFTLEVBQUUsRUFBRSxDQUFDLHVCQUF1QixFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDLEVBQ3ZFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxLQUFLLENBQUMsV0FBVyxFQUFFLEdBQzdELENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxtQkFBbUIsT0FBRyxDQUN4QixDQUN5QixDQUM3QjtZQUNBLGFBQWEsSUFBSSxDQUNoQixvQkFBQyxVQUFVLENBQUMsZ0JBQWdCLElBQUMsTUFBTSxFQUFFLE1BQU07Z0JBQ3pDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsU0FBUyxHQUFJLENBQ25ELENBQy9CLENBQ1UsQ0FDZCxDQUFDO0lBQ0osQ0FBQyxDQUFDO0lBQ0YsZUFBZSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDMUMsT0FBTyxlQUFlLENBQUM7QUFDekIsQ0FBQyxDQUFDO0FBRUY7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBRTdDLE1BQU0saUJBQWlCLEdBQUcsWUFBWSxDQUFDLGVBQWUsRUFBRTtJQUN0RCxlQUFlLEVBQUUsSUFBSTtDQUN0QixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsaUJBRTVCLENBQUMifQ==
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import twTheme from '../../../tailwind.theme.json';
|
3
|
-
import { type ElementProps, Element } from '../../../src/
|
4
|
-
import { type TailwindifyProps } from '../../../src/
|
3
|
+
import { type ElementProps, Element } from '../../../src/molecules/Element/Element';
|
4
|
+
import { type TailwindifyProps } from '../../../src/molecules/Tailwindify/Tailwindify';
|
5
5
|
declare type Props = {
|
6
6
|
style?: React.CSSProperties;
|
7
7
|
display?: React.CSSProperties['display'];
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import isUndefined from 'lodash/isUndefined';
|
14
14
|
import twTheme from '../../../tailwind.theme.json';
|
15
|
-
import { Element } from '../../../src/
|
15
|
+
import { Element } from '../../../src/molecules/Element/Element';
|
16
16
|
import { createSimpleComponent } from '../../../src/utils/createComponent';
|
17
17
|
import { useStyle } from '../../../src/utils/useStyle';
|
18
18
|
export const Box = (_a) => {
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Cb3gvQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFdBQVcsTUFBTSxvQkFBb0IsQ0FBQztBQUM3QyxPQUFPLE9BQU8sTUFBTSxxQkFBcUIsQ0FBQztBQUUxQyxPQUFPLEVBQXFCLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQXdCOUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQThCLEVBeUNuQyxFQUFlLEVBQUU7UUF6Q2tCLEVBQy9DLEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLFlBQVksRUFDWixXQUFXLEVBQ1gsY0FBYyxFQUNkLFlBQVksRUFDWixVQUFVLEVBQ1YsU0FBUyxFQUNULGFBQWEsRUFDYixRQUFRLEVBQ1IsSUFBSSxFQUNKLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUsRUFDVixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxNQUFNLEVBQ04sT0FBTyxFQUNQLE9BQU8sRUFDUCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixVQUFVLEVBQ1YsZUFBZSxFQUNmLEtBQUssRUFDTCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULEdBQUcsRUFDSCxNQUFNLEVBQ04sTUFBTSxPQUVNLEVBRFQsSUFBSSxjQXhDd0MsNmVBeUNoRCxDQURRO0lBRVAsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ3RCLE9BQU87UUFDUCxPQUFPO1FBQ1AsS0FBSztRQUNMLFdBQVcsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7UUFDcEUsWUFBWTtRQUNaLFdBQVc7UUFDWCxjQUFjO1FBQ2QsWUFBWTtRQUNaLFVBQVU7UUFDVixTQUFTO1FBQ1QsYUFBYTtRQUNiLFFBQVE7UUFDUixVQUFVLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRO1FBQzdELGFBQWEsRUFBRSxXQUFXLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUMvRCxXQUFXLEVBQUUsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVE7UUFDM0QsTUFBTTtRQUNOLFNBQVMsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUNyRCxXQUFXLEVBQUUsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE9BQU87UUFDekQsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPO1FBQzNELFVBQVUsRUFBRSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTztRQUN2RCxlQUFlO1FBQ2YsS0FBSztRQUNMLE1BQU07UUFDTixRQUFRO1FBQ1IsU0FBUztRQUNULFFBQVE7UUFDUixTQUFTO1FBQ1QsUUFBUSxFQUFFLElBQUk7UUFDZCxVQUFVLEVBQUUsTUFBTTtRQUNsQixJQUFJO1FBQ0osR0FBRztRQUNILFNBQVMsRUFBRSxNQUFNO1FBQ2pCLE1BQU07S0FDUCxDQUFDLENBQUM7SUFFSCxPQUFPLG9CQUFDLE9BQU8sa0JBQUMsS0FBSyxrQ0FBTyxNQUFNLEdBQUssS0FBSyxLQUFRLElBQUksRUFBSSxDQUFDO0FBQy9ELENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxxQkFBcUIsQ0FDNUMsR0FBRyxFQUNILEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsRUFDdkQsV0FBVyxDQUNaLENBQUMifQ==
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
};
|
13
13
|
import React from 'react';
|
14
14
|
import classNames from 'classnames';
|
15
|
-
import { Icon } from '../../../src/
|
15
|
+
import { Icon } from '../../../src/molecules';
|
16
16
|
import { tw } from '../../../src/utils/tailwind';
|
17
17
|
import slash from '../../../src/icons/slash';
|
18
18
|
/**
|
@@ -83,4 +83,4 @@ const Crumb = asCrumb('a', 'Crumb');
|
|
83
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
84
84
|
Breadcrumbs.Crumb = Crumb;
|
85
85
|
export { asCrumb, Breadcrumbs };
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4RUFBOEU7Ozs7Ozs7Ozs7OztBQUU5RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxVQUFVLE1BQU0sWUFBWSxDQUFDO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBT3BDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLGdCQUFjLGFBQWE7UUFDbEQsNEJBQUksU0FBUyxFQUFFLEVBQUUsQ0FBQywyREFBMkQsQ0FBQyxJQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDdkYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNO1lBQ25ELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxpREFBaUQsRUFBRTtvQkFDcEQsdUZBQXVGLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtvQkFDMUcsY0FBYyxFQUFFLE9BQU8sQ0FBQyxRQUFRO2lCQUNqQyxDQUFDLENBQ0g7Z0JBRUEsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|
@@ -0,0 +1,105 @@
|
|
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 { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
14
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
15
|
+
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
16
|
+
import { ghostButtonStyle } from '../../../src/utils/constants';
|
17
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
18
|
+
import chevronDown from '../../../src/icons/chevronDown';
|
19
|
+
import loading from '../../../src/icons/loading';
|
20
|
+
const COLOR_CLASSNAMES = {
|
21
|
+
'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5'),
|
22
|
+
'secondary': tw('text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80', 'focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80', 'hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20'),
|
23
|
+
'ghost': ghostButtonStyle,
|
24
|
+
'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
|
25
|
+
};
|
26
|
+
const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
|
27
|
+
return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid": 'loading-button' }));
|
28
|
+
};
|
29
|
+
export const asButton = (Component, isDropdownButton) => {
|
30
|
+
return React.forwardRef((_a, ref) => {
|
31
|
+
var { kind = 'primary', icon, iconPlacement = 'left', tooltip, tooltipPlacement, disabled, loading = false, fullWidth = false, dense = false, UNSAFE_className, 'aria-label': ariaLabel, children } = _a, props = __rest(_a, ["kind", "icon", "iconPlacement", "tooltip", "tooltipPlacement", "disabled", "loading", "fullWidth", "dense", "UNSAFE_className", 'aria-label', "children"]);
|
32
|
+
const hasChildren = React.Children.count(children) > 0;
|
33
|
+
const isIconOnlyButton = !hasChildren && !!icon;
|
34
|
+
const isGhost = !isIconOnlyButton && (kind === 'ghost' || kind === 'secondary-ghost');
|
35
|
+
const isButton = !isIconOnlyButton && (kind === 'primary' || kind === 'secondary');
|
36
|
+
const iconSize = !dense ? '20px' : '16px';
|
37
|
+
if (isIconOnlyButton && !(tooltip || ariaLabel)) {
|
38
|
+
// "kind" and "dense" props don't affect any style when it is used as icon only button.
|
39
|
+
throw new Error('Please provide an accessible name as a string only for an icon only button via "aria-label" or "tooltip" prop.');
|
40
|
+
}
|
41
|
+
if (!!isDropdownButton && kind !== 'primary' && kind !== 'secondary') {
|
42
|
+
throw new Error('Dropdown button is available only for "primary" and "secondary" kinds.');
|
43
|
+
}
|
44
|
+
if (!!isDropdownButton && !!icon) {
|
45
|
+
throw new Error("Dropdown button doesn't support any icon prop.");
|
46
|
+
}
|
47
|
+
if (!!loading && kind !== 'primary' && kind !== 'secondary') {
|
48
|
+
throw new Error('Loading button is only supported for "primary" and "secondary" kinds.');
|
49
|
+
}
|
50
|
+
const buttonContent = () => {
|
51
|
+
if (!!isDropdownButton && (kind === 'primary' || kind === 'secondary')) {
|
52
|
+
return (React.createElement(Flexbox, { gap: '4', alignItems: 'center', justifyContent: 'center' },
|
53
|
+
hasChildren && React.createElement("div", null, children),
|
54
|
+
React.createElement(InlineIcon, { icon: chevronDown, width: iconSize, height: iconSize })));
|
55
|
+
}
|
56
|
+
else if (icon) {
|
57
|
+
return (React.createElement(Flexbox, { gap: '3', alignItems: 'center', justifyContent: 'center', direction: iconPlacement === 'right' ? 'row-reverse' : 'row' },
|
58
|
+
React.createElement(InlineIcon, { icon: icon, width: iconSize, height: iconSize }),
|
59
|
+
hasChildren && React.createElement("div", null, children)));
|
60
|
+
}
|
61
|
+
else {
|
62
|
+
return children;
|
63
|
+
}
|
64
|
+
};
|
65
|
+
const buttonComponent = (React.createElement(Component, Object.assign({ ref: ref }, props, { className: classNames(UNSAFE_className, !isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
66
|
+
// adding inline-block here for the case of using it with anchor tag
|
67
|
+
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
|
68
|
+
'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,
|
69
|
+
'typography-default-strong': !dense && !isIconOnlyButton,
|
70
|
+
'typography-small-strong': dense && !isIconOnlyButton,
|
71
|
+
'py-3 px-4': !dense && isButton,
|
72
|
+
'py-2 px-3': dense && isButton,
|
73
|
+
'py-3': !dense && isGhost,
|
74
|
+
'py-2': dense && isGhost,
|
75
|
+
'block w-full': fullWidth && !isIconOnlyButton,
|
76
|
+
'cursor-not-allowed': !!disabled || !!loading,
|
77
|
+
})), "aria-label": isIconOnlyButton ? ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltip : ariaLabel, disabled: disabled || loading }), loading && !isGhost ? (React.createElement(React.Fragment, null,
|
78
|
+
React.createElement("div", { className: tw('absolute left-1/2 top-0 bottom-0 flex'), style: { transform: 'translate(-50%)' } },
|
79
|
+
React.createElement(LoadingSpinner, { size: iconSize, kind: kind === 'primary' ? 'primary' : 'secondary' })),
|
80
|
+
React.createElement("div", { className: tw({ invisible: loading }) }, buttonContent()))) : (buttonContent())));
|
81
|
+
return tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement }, buttonComponent)) : (buttonComponent);
|
82
|
+
});
|
83
|
+
};
|
84
|
+
export const Button = asButton('button');
|
85
|
+
Button.displayName = 'Button';
|
86
|
+
export const PrimaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "primary" }))));
|
87
|
+
PrimaryButton.displayName = 'PrimaryButton';
|
88
|
+
export const SecondaryButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
89
|
+
SecondaryButton.displayName = 'SecondaryButton';
|
90
|
+
export const GhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost" }))));
|
91
|
+
GhostButton.displayName = 'GhostButton';
|
92
|
+
export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
|
93
|
+
SecondaryGhostButton.displayName = 'SecondaryGhostButton';
|
94
|
+
// TODO: would be nice to freeze children prop for <IconButton>
|
95
|
+
export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
|
96
|
+
IconButton.displayName = 'IconButton';
|
97
|
+
export const ExternalLinkButton = asButton('a');
|
98
|
+
export const IconExternalLinkButton = React.forwardRef((props, ref) => (React.createElement(ExternalLinkButton, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false }))));
|
99
|
+
IconExternalLinkButton.displayName = 'IconExternalLink';
|
100
|
+
export const DropdownButton = asButton('button', true);
|
101
|
+
export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "primary" }))));
|
102
|
+
PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
|
103
|
+
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
104
|
+
SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBZ0J4QyxNQUFNLGdCQUFnQixHQUFvQztJQUN4RCxTQUFTLEVBQUUsRUFBRSxDQUNYLG9MQUFvTCxDQUNyTDtJQUNELFdBQVcsRUFBRSxFQUFFLENBQ2IsK0dBQStHLEVBQy9HLDRFQUE0RSxFQUM1RSxzR0FBc0csQ0FDdkc7SUFDRCxPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLGlCQUFpQixFQUFFLEVBQUUsQ0FDbkIsc0dBQXNHLENBQ3ZHO0NBQ0YsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUF5RSxDQUFDLEVBQzVGLElBQUksR0FBRyxNQUFNLEVBQ2IsSUFBSSxHQUFHLFNBQVMsR0FDakIsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFDVCxJQUFJLEVBQUUsT0FBTyxFQUNiLEtBQUssRUFBRSxJQUFJLEVBQ1gsTUFBTSxFQUFFLElBQUksRUFDWixLQUFLLEVBQUUsSUFBSSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxT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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type Lines } from '../../../src/
|
2
|
+
import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
3
3
|
import { type Either } from '../../../types/utils';
|
4
4
|
import { CompactCard } from './Compact';
|
5
5
|
import { type ActionableCard, type ClickableCard, type IconCard, type ImageCard } from './types';
|
@@ -0,0 +1,48 @@
|
|
1
|
+
import React, { useRef } from 'react';
|
2
|
+
import { useButton } from '@react-aria/button';
|
3
|
+
import omit from 'lodash/omit';
|
4
|
+
import { AvatarStack } from '../../../src/molecules/Avatar/Avatar';
|
5
|
+
import { ExternalLinkButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
6
|
+
import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
|
7
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
8
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
9
|
+
import { Card as CardBase } from '../../../src/atoms/Card/Card';
|
10
|
+
import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
|
11
|
+
import { CompactCard } from './Compact';
|
12
|
+
export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
13
|
+
const ref = useRef(null);
|
14
|
+
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
15
|
+
const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
|
16
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
|
+
// If any of the "additional features" in <Card> are used, we want to enable
|
18
|
+
// min width to make sure it doesn't
|
19
|
+
enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
20
|
+
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
21
|
+
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
22
|
+
icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
|
23
|
+
image !== undefined &&
|
24
|
+
(imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }))),
|
25
|
+
React.createElement(CardBase.Content, null,
|
26
|
+
clampTitle ? (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent)) : (titleContent),
|
27
|
+
React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
|
28
|
+
(action || link) && (React.createElement(CardBase.Actions, null,
|
29
|
+
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
30
|
+
link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
|
31
|
+
};
|
32
|
+
const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, imageHeight, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
|
33
|
+
chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
|
34
|
+
icons && React.createElement(AvatarStack, { images: [null] }),
|
35
|
+
image &&
|
36
|
+
(imageHeight ? (React.createElement(CardImage, { image: null, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: null, fullSize: !chips }))),
|
37
|
+
React.createElement(CardBase.Content, null,
|
38
|
+
React.createElement(Skeleton, { width: 145, height: 25 }),
|
39
|
+
React.createElement(Skeleton, { width: 145, height: 16 })),
|
40
|
+
actions && (React.createElement(CardBase.Actions, null,
|
41
|
+
React.createElement(Skeleton, { width: 115, height: 25 }),
|
42
|
+
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
43
|
+
Card.Skeleton = CardSkeleton;
|
44
|
+
Card.Compact = CompactCard;
|
45
|
+
const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
|
46
|
+
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
47
|
+
CardImage.Skeleton = CardImageSkeleton;
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbEYsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBSXRFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFnQ3hDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxFQUNMLFFBQVEsRUFDUixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFB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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type Lines } from '../../../src/
|
2
|
+
import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
|
3
3
|
import { type ColorName } from '../../../types/designTokens';
|
4
4
|
import { type Either } from '../../../types/utils';
|
5
5
|
import { type ActionableCard, type ClickableCard } from './types';
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import React, { useRef } from 'react';
|
2
|
+
import { useButton } from '@react-aria/button';
|
3
|
+
import { omit } from 'lodash';
|
4
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
5
|
+
import { Card as CardBase } from '../../../src/atoms/Card/Card';
|
6
|
+
import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
|
7
|
+
import { Avatar } from '../Avatar/Avatar';
|
8
|
+
import { Box } from '../Box/Box';
|
9
|
+
import { ExternalLinkButton, SecondaryButton } from '../Button/Button';
|
10
|
+
import { Chip, ChipContainer } from '../Chip/Chip';
|
11
|
+
import { Skeleton } from '../Skeleton/Skeleton';
|
12
|
+
export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
|
13
|
+
const ref = useRef(null);
|
14
|
+
const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
|
15
|
+
const titleContent = React.createElement(Typography.SmallStrong, { color: "black" }, title);
|
16
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth,
|
17
|
+
// If any of the "additional features" in <Card> are used, we want to enable
|
18
|
+
// min width to make sure it doesn't
|
19
|
+
enableMinWidth: Boolean(action || link || chips.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
20
|
+
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
21
|
+
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
22
|
+
React.createElement(Box, { display: "flex", gap: "5" },
|
23
|
+
icon && React.createElement(Avatar, { image: icon }),
|
24
|
+
React.createElement(CardBase.Content, { dense: true },
|
25
|
+
clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
|
26
|
+
React.createElement(Typography.Caption, { color: "grey-70" }, children))),
|
27
|
+
(action || link) && (React.createElement(CardBase.Actions, { dense: true },
|
28
|
+
action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
29
|
+
link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
|
30
|
+
};
|
31
|
+
const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
|
32
|
+
chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
|
33
|
+
React.createElement(Box, { display: "flex", gap: "5" },
|
34
|
+
icon && React.createElement(Avatar.Skeleton, null),
|
35
|
+
React.createElement(CardBase.Content, { dense: true },
|
36
|
+
React.createElement(Skeleton, { width: 80, height: 20 }),
|
37
|
+
React.createElement(Box, { height: "1" }),
|
38
|
+
React.createElement(Skeleton, { width: 145, height: 16 }))),
|
39
|
+
actions && (React.createElement(CardBase.Actions, { dense: true },
|
40
|
+
React.createElement(Skeleton, { width: 115, height: 25 }),
|
41
|
+
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
42
|
+
CompactCard.Skeleton = CompactSkeleton;
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUU5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFLdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWdDaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFF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
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export {};
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NhcmQvdHlwZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
2
|
-
import { IconButton } from '../../../src/
|
3
|
-
import { Flexbox } from '../../../src/
|
4
|
-
import { Typography } from '../../../src/
|
2
|
+
import { IconButton } from '../../../src/molecules/Button/Button';
|
3
|
+
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
4
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
5
5
|
import { tw } from '../../../src/utils/tailwind';
|
6
6
|
import chevronLeft from '../../../src/icons/chevronLeft';
|
7
7
|
import chevronRight from '../../../src/icons/chevronRight';
|
@@ -88,4 +88,4 @@ const CarouselItem = ({ width, children, ariaHidden }) => {
|
|
88
88
|
// if a carousel item doesn't fit the width of the container nicely, it will be aligned center within the container
|
89
89
|
React.createElement("li", { style: { width }, "aria-hidden": ariaHidden, className: tw('flex justify-center snap-start') }, children));
|
90
90
|
};
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Nhcm91c2VsL0Nhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUU1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFtQmxELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxXQUFXLEdBQUcsQ0FBQyxFQUNmLFdBQVcsRUFBRSxlQUFlLEVBQzVCLFlBQVksRUFDWixRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNsRCxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDN0QsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFL0MsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEMsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyw0RUFBNEU7SUFDakksTUFBTSxDQUFDLFdBQVcsRUFBRSxj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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type CheckboxProps as BaseCheckboxProps } from '../../../src/
|
2
|
+
import { type CheckboxProps as BaseCheckboxProps } from '../../../src/atoms/Checkbox/Checkbox';
|
3
3
|
export declare type CheckboxProps = BaseCheckboxProps & {
|
4
4
|
caption?: React.ReactNode;
|
5
5
|
};
|
@@ -0,0 +1,29 @@
|
|
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 { ControlLabel } from '../../../src/molecules/ControlLabel/ControlLabel';
|
14
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
15
|
+
import { Checkbox as BaseCheckbox } from '../../../src/atoms/Checkbox/Checkbox';
|
16
|
+
import { tw } from '../../../src/utils/tailwind';
|
17
|
+
export const Checkbox = React.forwardRef((_a, ref) => {
|
18
|
+
var _b;
|
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;
|
22
|
+
});
|
23
|
+
Checkbox.displayName = 'Checkbox';
|
24
|
+
const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
|
25
|
+
React.createElement(Skeleton, { height: 20, width: 20 }),
|
26
|
+
React.createElement(Skeleton, { height: 20, width: 150 })));
|
27
|
+
Checkbox.Skeleton = CheckboxSkeleton;
|
28
|
+
Checkbox.Skeleton.displayName = 'Checkbox.Skeleton';
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBMkMsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhILE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVV4QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXNCLEtBQUssQ0FBQyxVQUFVLENBQ3pELENBQUMsRUFBc0csRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBL0csRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXBHLDJFQUFzRyxDQUFGO0lBQ25HLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLElBRXRCLENBQUMsUUFBUSxJQUFJLG9CQUFDLFlBQVksa0JBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLElBQU0sS0FBSyxJQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsSUFBSSxDQUNsRyxDQUNoQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQ21CLENBQUM7QUFFdkIsUUFBUSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7QUFFbEMsTUFBTSxnQkFBZ0IsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUN2Qyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsUUFBUSxDQUFDLFFBQVEsR0FBRyxnQkFBZ0IsQ0FBQztBQUNyQyxRQUFRLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type CheckboxProps } from '../../../src/
|
3
|
-
import { type ColumnCount } from '../../../src/
|
2
|
+
import { type CheckboxProps } from '../../../src/molecules/Checkbox/Checkbox';
|
3
|
+
import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
|
4
4
|
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
5
5
|
import { type EmptyOrOneOrMore } from '../../../types/utils';
|
6
6
|
export declare type CheckboxGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {
|