@heymantle/litho 0.0.3 → 0.0.5
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/cjs/components/ActionList.js +50 -16
- package/dist/cjs/components/AnnouncementBar.js +10 -3
- package/dist/cjs/components/AppProvider.js +10 -1
- package/dist/cjs/components/Autocomplete.js +55 -22
- package/dist/cjs/components/Badge.js +2 -1
- package/dist/cjs/components/Banner.js +35 -31
- package/dist/cjs/components/Box.js +5 -3
- package/dist/cjs/components/Button.js +78 -18
- package/dist/cjs/components/Card.js +6 -45
- package/dist/cjs/components/Checkbox.js +16 -6
- package/dist/cjs/components/ChoiceList.js +7 -4
- package/dist/cjs/components/ColorField.js +10 -5
- package/dist/cjs/components/DatePicker.js +13 -8
- package/dist/cjs/components/DropZone.js +33 -18
- package/dist/cjs/components/EmptyState.js +17 -9
- package/dist/cjs/components/Filters.js +36 -23
- package/dist/cjs/components/FooterHelp.js +7 -2
- package/dist/cjs/components/Form.js +18 -3
- package/dist/cjs/components/Frame.js +48 -23
- package/dist/cjs/components/FrameSaveBar.js +21 -12
- package/dist/cjs/components/HorizontalStack.js +9 -2
- package/dist/cjs/components/Icon.js +1 -0
- package/dist/cjs/components/Layout.js +3 -3
- package/dist/cjs/components/LayoutSection.js +2 -2
- package/dist/cjs/components/Link.js +6 -2
- package/dist/cjs/components/List.js +4 -3
- package/dist/cjs/components/Listbox.js +9 -4
- package/dist/cjs/components/Modal.js +26 -17
- package/dist/cjs/components/Navigation.js +30 -20
- package/dist/cjs/components/Page.js +8 -3
- package/dist/cjs/components/Pagination.js +11 -4
- package/dist/cjs/components/Pane.js +168 -41
- package/dist/cjs/components/Popover.js +59 -6
- package/dist/cjs/components/RangeSlider.js +11 -4
- package/dist/cjs/components/ResourceList.js +9 -3
- package/dist/cjs/components/Select.js +2 -0
- package/dist/cjs/components/Stack.js +223 -0
- package/dist/cjs/components/Table.js +33 -20
- package/dist/cjs/components/Tabs.js +41 -11
- package/dist/cjs/components/Text.js +8 -5
- package/dist/cjs/components/TextField.js +23 -13
- package/dist/cjs/components/Thumbnail.js +7 -2
- package/dist/cjs/components/TimePicker.js +7 -2
- package/dist/cjs/components/Tip.js +10 -4
- package/dist/cjs/components/Tooltip.js +16 -8
- package/dist/cjs/components/TopBar.js +17 -9
- package/dist/cjs/components/VerticalStack.js +8 -2
- package/dist/cjs/dev/verify-publish.js +37 -4
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/postcss.config.js +21 -0
- package/dist/cjs/stories/ActionList.stories.js +365 -0
- package/dist/cjs/stories/AnnouncementBar.stories.js +244 -0
- package/dist/cjs/stories/Autocomplete.stories.js +874 -0
- package/dist/cjs/stories/Badge.stories.js +183 -0
- package/dist/cjs/stories/Banner.stories.js +201 -0
- package/dist/cjs/stories/Box.stories.js +601 -0
- package/dist/cjs/stories/Button.stories.js +325 -0
- package/dist/cjs/stories/ButtonGroup.stories.js +404 -0
- package/dist/cjs/stories/Card.stories.js +278 -0
- package/dist/cjs/stories/Checkbox.stories.js +266 -0
- package/dist/cjs/stories/ChoiceList.stories.js +885 -0
- package/dist/cjs/stories/Collapsible.stories.js +917 -0
- package/dist/cjs/stories/ColorField.stories.js +887 -0
- package/dist/cjs/stories/ContextualSaveBar.stories.js +971 -0
- package/dist/cjs/stories/DatePicker.stories.js +584 -0
- package/dist/cjs/stories/Divider.stories.js +766 -0
- package/dist/cjs/stories/DropZone.stories.js +1210 -0
- package/dist/cjs/stories/EmptyState.stories.js +296 -0
- package/dist/cjs/stories/Filters.stories.js +1355 -0
- package/dist/cjs/stories/FooterHelp.stories.js +874 -0
- package/dist/cjs/stories/Form.stories.js +943 -0
- package/dist/cjs/stories/Grid.stories.js +1199 -0
- package/dist/cjs/stories/HorizontalStack.stories.js +1064 -0
- package/dist/cjs/stories/Icon.stories.js +599 -0
- package/dist/cjs/stories/Image.stories.js +883 -0
- package/dist/cjs/stories/InlineError.stories.js +711 -0
- package/dist/cjs/stories/Label.stories.js +665 -0
- package/dist/cjs/stories/Layout.stories.js +687 -0
- package/dist/cjs/stories/LayoutSection.stories.js +1275 -0
- package/dist/cjs/stories/Link.stories.js +425 -0
- package/dist/cjs/stories/List.stories.js +1048 -0
- package/dist/cjs/stories/Listbox.stories.js +824 -0
- package/dist/cjs/stories/Loading.stories.js +909 -0
- package/dist/cjs/stories/Modal.stories.js +363 -0
- package/dist/cjs/stories/Navigation.stories.js +605 -0
- package/dist/cjs/stories/Page.stories.js +327 -0
- package/dist/cjs/stories/Pagination.stories.js +438 -0
- package/dist/cjs/stories/Pane.stories.js +1550 -0
- package/dist/cjs/stories/Popover.stories.js +641 -0
- package/dist/cjs/stories/PopoverManager.stories.js +1233 -0
- package/dist/cjs/stories/ProgressBar.stories.js +513 -0
- package/dist/cjs/stories/RadioButton.stories.js +642 -0
- package/dist/cjs/stories/RadioButtonCard.stories.js +816 -0
- package/dist/cjs/stories/RangeSlider.stories.js +896 -0
- package/dist/cjs/stories/ResourceList.stories.js +1076 -0
- package/dist/cjs/stories/Select.stories.js +413 -0
- package/dist/cjs/stories/SkeletonText.stories.js +777 -0
- package/dist/cjs/stories/Spinner.stories.js +403 -0
- package/dist/cjs/stories/Stack.stories.js +1397 -0
- package/dist/cjs/stories/Table.stories.js +628 -0
- package/dist/cjs/stories/Tabs.stories.js +722 -0
- package/dist/cjs/stories/Tag.stories.js +628 -0
- package/dist/cjs/stories/Text.stories.js +262 -0
- package/dist/cjs/stories/TextField.stories.js +377 -0
- package/dist/cjs/stories/Thumbnail.stories.js +863 -0
- package/dist/cjs/stories/TimePicker.stories.js +967 -0
- package/dist/cjs/stories/Tip.stories.js +753 -0
- package/dist/cjs/stories/Tooltip.stories.js +357 -0
- package/dist/cjs/stories/TopBar.stories.js +157 -0
- package/dist/cjs/stories/VerticalStack.stories.js +1287 -0
- package/dist/cjs/tailwind.config.js +17 -0
- package/dist/cjs/utilities/transformers.js +66 -0
- package/dist/cjs/vite.config.js +35 -0
- package/dist/esm/components/ActionList.js +41 -12
- package/dist/esm/components/AnnouncementBar.js +3 -1
- package/dist/esm/components/AppProvider.js +10 -1
- package/dist/esm/components/Autocomplete.js +44 -16
- package/dist/esm/components/Badge.js +2 -2
- package/dist/esm/components/Banner.js +20 -21
- package/dist/esm/components/Box.js +5 -4
- package/dist/esm/components/Button.js +68 -13
- package/dist/esm/components/Card.js +6 -4
- package/dist/esm/components/Checkbox.js +6 -1
- package/dist/esm/components/ChoiceList.js +7 -4
- package/dist/esm/components/ColorField.js +3 -3
- package/dist/esm/components/DatePicker.js +6 -1
- package/dist/esm/components/DropZone.js +14 -4
- package/dist/esm/components/EmptyState.js +6 -3
- package/dist/esm/components/Filters.js +14 -6
- package/dist/esm/components/FooterHelp.js +1 -1
- package/dist/esm/components/Form.js +18 -3
- package/dist/esm/components/Frame.js +27 -15
- package/dist/esm/components/FrameSaveBar.js +10 -6
- package/dist/esm/components/HorizontalStack.js +9 -2
- package/dist/esm/components/Icon.js +1 -0
- package/dist/esm/components/InlineError.js +1 -1
- package/dist/esm/components/Layout.js +4 -4
- package/dist/esm/components/LayoutSection.js +2 -2
- package/dist/esm/components/Link.js +6 -2
- package/dist/esm/components/List.js +4 -3
- package/dist/esm/components/Listbox.js +4 -4
- package/dist/esm/components/Modal.js +8 -4
- package/dist/esm/components/Navigation.js +16 -11
- package/dist/esm/components/Page.js +9 -4
- package/dist/esm/components/Pagination.js +3 -1
- package/dist/esm/components/Pane.js +165 -43
- package/dist/esm/components/Popover.js +18 -6
- package/dist/esm/components/RangeSlider.js +3 -1
- package/dist/esm/components/ResourceList.js +2 -1
- package/dist/esm/components/Select.js +2 -0
- package/dist/esm/components/Stack.js +213 -0
- package/dist/esm/components/Table.js +17 -4
- package/dist/esm/components/Tabs.js +41 -11
- package/dist/esm/components/Text.js +8 -6
- package/dist/esm/components/TextField.js +6 -1
- package/dist/esm/components/Thumbnail.js +1 -1
- package/dist/esm/components/TimePicker.js +1 -1
- package/dist/esm/components/Tip.js +3 -2
- package/dist/esm/components/Tooltip.js +4 -1
- package/dist/esm/components/TopBar.js +7 -4
- package/dist/esm/components/VerticalStack.js +8 -2
- package/dist/esm/dev/verify-publish.js +37 -4
- package/dist/esm/index.js +1 -0
- package/dist/esm/postcss.config.js +6 -0
- package/dist/esm/stories/ActionList.stories.js +327 -0
- package/dist/esm/stories/AnnouncementBar.stories.js +212 -0
- package/dist/esm/stories/Autocomplete.stories.js +836 -0
- package/dist/esm/stories/Badge.stories.js +138 -0
- package/dist/esm/stories/Banner.stories.js +159 -0
- package/dist/esm/stories/Box.stories.js +560 -0
- package/dist/esm/stories/Button.stories.js +277 -0
- package/dist/esm/stories/ButtonGroup.stories.js +357 -0
- package/dist/esm/stories/Card.stories.js +240 -0
- package/dist/esm/stories/Checkbox.stories.js +219 -0
- package/dist/esm/stories/ChoiceList.stories.js +835 -0
- package/dist/esm/stories/Collapsible.stories.js +879 -0
- package/dist/esm/stories/ColorField.stories.js +846 -0
- package/dist/esm/stories/ContextualSaveBar.stories.js +939 -0
- package/dist/esm/stories/DatePicker.stories.js +537 -0
- package/dist/esm/stories/Divider.stories.js +722 -0
- package/dist/esm/stories/DropZone.stories.js +1166 -0
- package/dist/esm/stories/EmptyState.stories.js +246 -0
- package/dist/esm/stories/Filters.stories.js +1317 -0
- package/dist/esm/stories/FooterHelp.stories.js +818 -0
- package/dist/esm/stories/Form.stories.js +908 -0
- package/dist/esm/stories/Grid.stories.js +1152 -0
- package/dist/esm/stories/HorizontalStack.stories.js +1011 -0
- package/dist/esm/stories/Icon.stories.js +558 -0
- package/dist/esm/stories/Image.stories.js +836 -0
- package/dist/esm/stories/InlineError.stories.js +667 -0
- package/dist/esm/stories/Label.stories.js +612 -0
- package/dist/esm/stories/Layout.stories.js +649 -0
- package/dist/esm/stories/LayoutSection.stories.js +1234 -0
- package/dist/esm/stories/Link.stories.js +381 -0
- package/dist/esm/stories/List.stories.js +992 -0
- package/dist/esm/stories/Listbox.stories.js +780 -0
- package/dist/esm/stories/Loading.stories.js +859 -0
- package/dist/esm/stories/Modal.stories.js +322 -0
- package/dist/esm/stories/Navigation.stories.js +567 -0
- package/dist/esm/stories/Page.stories.js +280 -0
- package/dist/esm/stories/Pagination.stories.js +394 -0
- package/dist/esm/stories/Pane.stories.js +1512 -0
- package/dist/esm/stories/Popover.stories.js +609 -0
- package/dist/esm/stories/PopoverManager.stories.js +1201 -0
- package/dist/esm/stories/ProgressBar.stories.js +472 -0
- package/dist/esm/stories/RadioButton.stories.js +598 -0
- package/dist/esm/stories/RadioButtonCard.stories.js +772 -0
- package/dist/esm/stories/RangeSlider.stories.js +849 -0
- package/dist/esm/stories/ResourceList.stories.js +1038 -0
- package/dist/esm/stories/Select.stories.js +363 -0
- package/dist/esm/stories/SkeletonText.stories.js +718 -0
- package/dist/esm/stories/Spinner.stories.js +362 -0
- package/dist/esm/stories/Stack.stories.js +1338 -0
- package/dist/esm/stories/Table.stories.js +584 -0
- package/dist/esm/stories/Tabs.stories.js +684 -0
- package/dist/esm/stories/Tag.stories.js +581 -0
- package/dist/esm/stories/Text.stories.js +217 -0
- package/dist/esm/stories/TextField.stories.js +332 -0
- package/dist/esm/stories/Thumbnail.stories.js +810 -0
- package/dist/esm/stories/TimePicker.stories.js +911 -0
- package/dist/esm/stories/Tip.stories.js +706 -0
- package/dist/esm/stories/Tooltip.stories.js +313 -0
- package/dist/esm/stories/TopBar.stories.js +116 -0
- package/dist/esm/stories/VerticalStack.stories.js +1240 -0
- package/dist/esm/tailwind.config.js +7 -0
- package/dist/esm/utilities/transformers.js +47 -0
- package/dist/esm/vite.config.js +20 -0
- package/dist/types/components/ActionList.d.ts +122 -0
- package/dist/types/components/ActionList.d.ts.map +1 -0
- package/dist/types/components/AnnouncementBar.d.ts +21 -0
- package/dist/types/components/AnnouncementBar.d.ts.map +1 -0
- package/dist/types/components/AppProvider.d.ts +61 -0
- package/dist/types/components/AppProvider.d.ts.map +1 -0
- package/dist/types/components/Autocomplete.d.ts +135 -0
- package/dist/types/components/Autocomplete.d.ts.map +1 -0
- package/dist/types/components/Badge.d.ts +21 -0
- package/dist/types/components/Badge.d.ts.map +1 -0
- package/dist/types/components/Banner.d.ts +78 -0
- package/dist/types/components/Banner.d.ts.map +1 -0
- package/dist/types/components/Box.d.ts +70 -0
- package/dist/types/components/Box.d.ts.map +1 -0
- package/dist/types/components/Button.d.ts +133 -0
- package/dist/types/components/Button.d.ts.map +1 -0
- package/dist/types/components/ButtonGroup.d.ts +26 -0
- package/dist/types/components/ButtonGroup.d.ts.map +1 -0
- package/dist/types/components/Card.d.ts +141 -0
- package/dist/types/components/Card.d.ts.map +1 -0
- package/dist/types/components/Checkbox.d.ts +56 -0
- package/dist/types/components/Checkbox.d.ts.map +1 -0
- package/dist/types/components/ChoiceList.d.ts +69 -0
- package/dist/types/components/ChoiceList.d.ts.map +1 -0
- package/dist/types/components/Collapsible.d.ts +17 -0
- package/dist/types/components/Collapsible.d.ts.map +1 -0
- package/dist/types/components/ColorField.d.ts +36 -0
- package/dist/types/components/ColorField.d.ts.map +1 -0
- package/dist/types/components/ContextualSaveBar.d.ts +22 -0
- package/dist/types/components/ContextualSaveBar.d.ts.map +1 -0
- package/dist/types/components/DatePicker.d.ts +66 -0
- package/dist/types/components/DatePicker.d.ts.map +1 -0
- package/dist/types/components/Divider.d.ts +21 -0
- package/dist/types/components/Divider.d.ts.map +1 -0
- package/dist/types/components/DropZone.d.ts +108 -0
- package/dist/types/components/DropZone.d.ts.map +1 -0
- package/dist/types/components/EmptyState.d.ts +52 -0
- package/dist/types/components/EmptyState.d.ts.map +1 -0
- package/dist/types/components/Filters.d.ts +168 -0
- package/dist/types/components/Filters.d.ts.map +1 -0
- package/dist/types/components/FooterHelp.d.ts +21 -0
- package/dist/types/components/FooterHelp.d.ts.map +1 -0
- package/dist/types/components/Form.d.ts +39 -0
- package/dist/types/components/Form.d.ts.map +1 -0
- package/dist/types/components/Frame.d.ts +51 -0
- package/dist/types/components/Frame.d.ts.map +1 -0
- package/dist/types/components/FrameSaveBar.d.ts +8 -0
- package/dist/types/components/FrameSaveBar.d.ts.map +1 -0
- package/dist/types/components/Grid.d.ts +39 -0
- package/dist/types/components/Grid.d.ts.map +1 -0
- package/dist/types/components/HorizontalStack.d.ts +36 -0
- package/dist/types/components/HorizontalStack.d.ts.map +1 -0
- package/dist/types/components/Icon.d.ts +43 -0
- package/dist/types/components/Icon.d.ts.map +1 -0
- package/dist/types/components/Image.d.ts +45 -0
- package/dist/types/components/Image.d.ts.map +1 -0
- package/dist/types/components/InlineError.d.ts +22 -0
- package/dist/types/components/InlineError.d.ts.map +1 -0
- package/dist/types/components/Label.d.ts +28 -0
- package/dist/types/components/Label.d.ts.map +1 -0
- package/dist/types/components/Layout.d.ts +44 -0
- package/dist/types/components/Layout.d.ts.map +1 -0
- package/dist/types/components/LayoutSection.d.ts +24 -0
- package/dist/types/components/LayoutSection.d.ts.map +1 -0
- package/dist/types/components/Link.d.ts +38 -0
- package/dist/types/components/Link.d.ts.map +1 -0
- package/dist/types/components/List.d.ts +33 -0
- package/dist/types/components/List.d.ts.map +1 -0
- package/dist/types/components/Listbox.d.ts +34 -0
- package/dist/types/components/Listbox.d.ts.map +1 -0
- package/dist/types/components/Loading.d.ts +13 -0
- package/dist/types/components/Loading.d.ts.map +1 -0
- package/dist/types/components/Modal.d.ts +75 -0
- package/dist/types/components/Modal.d.ts.map +1 -0
- package/dist/types/components/Navigation.d.ts +105 -0
- package/dist/types/components/Navigation.d.ts.map +1 -0
- package/dist/types/components/Page.d.ts +59 -0
- package/dist/types/components/Page.d.ts.map +1 -0
- package/dist/types/components/Pagination.d.ts +39 -0
- package/dist/types/components/Pagination.d.ts.map +1 -0
- package/dist/types/components/Pane.d.ts +11 -0
- package/dist/types/components/Pane.d.ts.map +1 -0
- package/dist/types/components/Popover.d.ts +56 -0
- package/dist/types/components/Popover.d.ts.map +1 -0
- package/dist/types/components/PopoverManager.d.ts +3 -0
- package/dist/types/components/PopoverManager.d.ts.map +1 -0
- package/dist/types/components/ProgressBar.d.ts +24 -0
- package/dist/types/components/ProgressBar.d.ts.map +1 -0
- package/dist/types/components/RadioButton.d.ts +39 -0
- package/dist/types/components/RadioButton.d.ts.map +1 -0
- package/dist/types/components/RadioButtonCard.d.ts +41 -0
- package/dist/types/components/RadioButtonCard.d.ts.map +1 -0
- package/dist/types/components/RangeSlider.d.ts +44 -0
- package/dist/types/components/RangeSlider.d.ts.map +1 -0
- package/dist/types/components/ResourceList.d.ts +54 -0
- package/dist/types/components/ResourceList.d.ts.map +1 -0
- package/dist/types/components/Select.d.ts +48 -0
- package/dist/types/components/Select.d.ts.map +1 -0
- package/dist/types/components/SkeletonText.d.ts +28 -0
- package/dist/types/components/SkeletonText.d.ts.map +1 -0
- package/dist/types/components/Spinner.d.ts +18 -0
- package/dist/types/components/Spinner.d.ts.map +1 -0
- package/dist/types/components/Stack.d.ts +49 -0
- package/dist/types/components/Stack.d.ts.map +1 -0
- package/dist/types/components/Table.d.ts +197 -0
- package/dist/types/components/Table.d.ts.map +1 -0
- package/dist/types/components/Tabs.d.ts +43 -0
- package/dist/types/components/Tabs.d.ts.map +1 -0
- package/dist/types/components/Tag.d.ts +26 -0
- package/dist/types/components/Tag.d.ts.map +1 -0
- package/dist/types/components/Text.d.ts +32 -0
- package/dist/types/components/Text.d.ts.map +1 -0
- package/dist/types/components/TextField.d.ts +109 -0
- package/dist/types/components/TextField.d.ts.map +1 -0
- package/dist/types/components/Thumbnail.d.ts +18 -0
- package/dist/types/components/Thumbnail.d.ts.map +1 -0
- package/dist/types/components/TimePicker.d.ts +3 -0
- package/dist/types/components/TimePicker.d.ts.map +1 -0
- package/dist/types/components/Tip.d.ts +23 -0
- package/dist/types/components/Tip.d.ts.map +1 -0
- package/dist/types/components/Tooltip.d.ts +84 -0
- package/dist/types/components/Tooltip.d.ts.map +1 -0
- package/dist/types/components/TopBar.d.ts +43 -0
- package/dist/types/components/TopBar.d.ts.map +1 -0
- package/dist/types/components/VerticalStack.d.ts +27 -0
- package/dist/types/components/VerticalStack.d.ts.map +1 -0
- package/dist/types/index.d.ts +63 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/styles/Table.d.ts +1570 -0
- package/dist/types/styles/Table.d.ts.map +1 -0
- package/dist/types/utilities/dates.d.ts +46 -0
- package/dist/types/utilities/dates.d.ts.map +1 -0
- package/dist/types/utilities/transformers.d.ts +4 -0
- package/dist/types/utilities/transformers.d.ts.map +1 -0
- package/dist/types/utilities/useIndexResourceState.d.ts +21 -0
- package/dist/types/utilities/useIndexResourceState.d.ts.map +1 -0
- package/dist/types/utilities/useMounted.d.ts +2 -0
- package/dist/types/utilities/useMounted.d.ts.map +1 -0
- package/dist/types/utilities/useTableScrollState.d.ts +29 -0
- package/dist/types/utilities/useTableScrollState.d.ts.map +1 -0
- package/index.css +17 -0
- package/package.json +38 -7
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export default Popover;
|
|
2
|
+
/**
|
|
3
|
+
* Popover component for displaying an overlay near an activator.
|
|
4
|
+
*
|
|
5
|
+
* @param {Object} props - The component props.
|
|
6
|
+
* @param {string|React.ComponentType} [props.activatorWrapper="div"] - The wrapper element for the activator.
|
|
7
|
+
* @param {React.ReactNode} props.activator - The activator element that triggers the popover.
|
|
8
|
+
* @param {string} [props.activatorDisplayType="inline-block"] - The display type for the activator.
|
|
9
|
+
* @param {React.ReactNode} props.children - The content of the popover.
|
|
10
|
+
* @param {Function} [props.onClose] - Callback function triggered when the popover is closed.
|
|
11
|
+
* @param {boolean} [props.active=false] - Whether the popover is currently active.
|
|
12
|
+
* @param {boolean} [props.fixed=false] - Whether the popover is fixed or absolute positioned.
|
|
13
|
+
* @param {number} [props.zIndexOverride] - Custom z-index for the popover.
|
|
14
|
+
* @param {boolean} [props.sectioned=false] - Whether the popover content is sectioned with padding.
|
|
15
|
+
* @param {string} [props.preferredAlignment="center"] - Preferred alignment for the popover (left, center, right).
|
|
16
|
+
* @param {string} [props.preferredPosition="below"] - Preferred position for the popover (above, below, cover).
|
|
17
|
+
* @param {string} [props.className] - Additional class name for the popover.
|
|
18
|
+
* @param {string} [props.containerClassName] - Additional class name for the popover container.
|
|
19
|
+
* @returns {JSX.Element} The rendered popover component.
|
|
20
|
+
*/
|
|
21
|
+
declare function Popover(props?: {
|
|
22
|
+
activatorWrapper?: string | React.ComponentType;
|
|
23
|
+
activator: React.ReactNode;
|
|
24
|
+
activatorDisplayType?: string;
|
|
25
|
+
children: React.ReactNode;
|
|
26
|
+
onClose?: Function;
|
|
27
|
+
active?: boolean;
|
|
28
|
+
fixed?: boolean;
|
|
29
|
+
zIndexOverride?: number;
|
|
30
|
+
sectioned?: boolean;
|
|
31
|
+
preferredAlignment?: string;
|
|
32
|
+
preferredPosition?: string;
|
|
33
|
+
className?: string;
|
|
34
|
+
containerClassName?: string;
|
|
35
|
+
}): JSX.Element;
|
|
36
|
+
declare namespace Popover {
|
|
37
|
+
let displayName: string;
|
|
38
|
+
/**
|
|
39
|
+
* Section component for use within the Popover.
|
|
40
|
+
*
|
|
41
|
+
* @param {Object} props - The component props.
|
|
42
|
+
* @param {React.ReactNode} [props.children] - The content of the section.
|
|
43
|
+
* @param {boolean} [props.padded=false] - Whether the section has padding.
|
|
44
|
+
* @returns {JSX.Element} The rendered section.
|
|
45
|
+
*/
|
|
46
|
+
function Section(props?: {
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
padded?: boolean;
|
|
49
|
+
}): JSX.Element;
|
|
50
|
+
namespace Section {
|
|
51
|
+
let displayName_1: string;
|
|
52
|
+
export { displayName_1 as displayName };
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
import React from "react";
|
|
56
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../components/Popover.js"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,iCAhBG;IAA2C,gBAAgB,GAAnD,MAAM,GAAC,KAAK,CAAC,aAAa;IACH,SAAS,EAAhC,KAAK,CAAC,SAAS;IACA,oBAAoB,GAAnC,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACE,OAAO;IACR,MAAM,GAAtB,OAAO;IACS,KAAK,GAArB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,SAAS,GAAzB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,kBAAkB,GAAjC,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA6QvB;;;IAgBD;;;;;;;OAOG;IAEH,yBALG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,CAYvB;;;;;;kBAvVmF,OAAO"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PopoverManager.d.ts","sourceRoot":"","sources":["../../../components/PopoverManager.js"],"names":[],"mappings":";AAEA,kCAA0C"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export default ProgressBar;
|
|
2
|
+
/**
|
|
3
|
+
* A progress bar component with configurable size, color, and animation.
|
|
4
|
+
* Can be used in single or comparison mode to show progress changes.
|
|
5
|
+
*
|
|
6
|
+
* @param {Object} props - Properties to configure the progress bar.
|
|
7
|
+
* @param {number} [props.progress=0] - The progress percentage (0-100).
|
|
8
|
+
* @param {number} [props.previousProgress] - The previous period's progress percentage (0-100).
|
|
9
|
+
* @param {boolean} [props.comparisonMode=false] - Whether to show comparison between current and previous period.
|
|
10
|
+
* @param {("small"|"medium"|"large")} [props.size="medium"] - The size of the progress bar.
|
|
11
|
+
* @param {("attention"|"highlight"|"success"|"warning"|"critical"|"neutral"|"positive"|"negative")} [props.color="attention"] - The color of the progress indicator.
|
|
12
|
+
* @param {boolean} [props.animated=true] - Whether the progress bar should animate width changes.
|
|
13
|
+
*
|
|
14
|
+
* @returns {JSX.Element} The rendered progress bar component.
|
|
15
|
+
*/
|
|
16
|
+
declare function ProgressBar(props?: {
|
|
17
|
+
progress?: number;
|
|
18
|
+
previousProgress?: number;
|
|
19
|
+
comparisonMode?: boolean;
|
|
20
|
+
size?: ("small" | "medium" | "large");
|
|
21
|
+
color?: ("attention" | "highlight" | "success" | "warning" | "critical" | "neutral" | "positive" | "negative");
|
|
22
|
+
animated?: boolean;
|
|
23
|
+
}): JSX.Element;
|
|
24
|
+
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../components/ProgressBar.js"],"names":[],"mappings":";AA2CA;;;;;;;;;;;;;GAaG;AAEH,qCAVG;IAAuB,QAAQ,GAAvB,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACU,cAAc,GAA9B,OAAO;IAC4B,IAAI,GAAvC,CAAC,OAAO,GAAC,QAAQ,GAAC,OAAO,CAAC;IACuE,KAAK,GAAtG,CAAC,WAAW,GAAC,WAAW,GAAC,SAAS,GAAC,SAAS,GAAC,UAAU,GAAC,SAAS,GAAC,UAAU,GAAC,UAAU,CAAC;IACxE,QAAQ,GAAxB,OAAO;CAEf,GAAU,GAAG,CAAC,OAAO,CA6EvB"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export default RadioButton;
|
|
2
|
+
/**
|
|
3
|
+
* RadioButton Component
|
|
4
|
+
*
|
|
5
|
+
* A custom radio button component with support for labels, help text, and extensive styling using Tailwind Variants (tv).
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
*
|
|
9
|
+
* @param {Object} props - Props for the RadioButton component.
|
|
10
|
+
* @param {string} [props.label] - The text label for the radio button.
|
|
11
|
+
* @param {boolean} [props.labelHidden=false] - If true, hides the label visually but keeps it available for screen readers.
|
|
12
|
+
* @param {string} [props.id] - The unique identifier for the radio input.
|
|
13
|
+
* @param {string} [props.name] - The name attribute for the radio input (must be the same for grouped buttons).
|
|
14
|
+
* @param {string} [props.value] - The value attribute for the radio input.
|
|
15
|
+
* @param {string} [props.error] - An error message associated with the radio button, if any.
|
|
16
|
+
* @param {boolean} [props.checked=false] - Indicates whether the radio button is checked.
|
|
17
|
+
* @param {boolean} [props.disabled=false] - Indicates whether the radio button is disabled.
|
|
18
|
+
* @param {string} [props.helpText] - Additional descriptive text for the radio button.
|
|
19
|
+
* @param {function} [props.onChange] - Callback function called when the radio button state changes.
|
|
20
|
+
* @param {function} [props.onFocus] - Callback function called when the radio button gains focus.
|
|
21
|
+
* @param {function} [props.onBlur] - Callback function called when the radio button loses focus.
|
|
22
|
+
*
|
|
23
|
+
* @returns {JSX.Element} The rendered RadioButton component.
|
|
24
|
+
*/
|
|
25
|
+
declare function RadioButton(props?: {
|
|
26
|
+
label?: string;
|
|
27
|
+
labelHidden?: boolean;
|
|
28
|
+
id?: string;
|
|
29
|
+
name?: string;
|
|
30
|
+
value?: string;
|
|
31
|
+
error?: string;
|
|
32
|
+
checked?: boolean;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
helpText?: string;
|
|
35
|
+
onChange?: Function;
|
|
36
|
+
onFocus?: Function;
|
|
37
|
+
onBlur?: Function;
|
|
38
|
+
}): JSX.Element;
|
|
39
|
+
//# sourceMappingURL=RadioButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../components/RadioButton.js"],"names":[],"mappings":";AA+CA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,qCAhBG;IAAuB,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,OAAO,GAAvB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACW,QAAQ;IACR,OAAO;IACP,MAAM;CAE/B,GAAU,GAAG,CAAC,OAAO,CA+FvB"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export default RadioButtonCard;
|
|
2
|
+
/**
|
|
3
|
+
* RadioButton Component
|
|
4
|
+
*
|
|
5
|
+
* A custom radio button component with support for labels, help text, and extensive styling using Tailwind Variants (tv).
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
*
|
|
9
|
+
* @param {Object} props - Props for the RadioButton component.
|
|
10
|
+
* @param {string} [props.label] - The text label for the radio button.
|
|
11
|
+
* @param {boolean} [props.labelHidden=false] - If true, hides the label visually but keeps it available for screen readers.
|
|
12
|
+
* @param {string} [props.id] - The unique identifier for the radio input.
|
|
13
|
+
* @param {string} [props.name] - The name attribute for the radio input (must be the same for grouped buttons).
|
|
14
|
+
* @param {string} [props.description] - A description of the radio button.
|
|
15
|
+
* @param {string} [props.value] - The value attribute for the radio input.
|
|
16
|
+
* @param {string} [props.error] - An error message associated with the radio button, if any.
|
|
17
|
+
* @param {boolean} [props.checked=false] - Indicates whether the radio button is checked.
|
|
18
|
+
* @param {boolean} [props.disabled=false] - Indicates whether the radio button is disabled.
|
|
19
|
+
* @param {string} [props.helpText] - Additional descriptive text for the radio button.
|
|
20
|
+
* @param {function} [props.onChange] - Callback function called when the radio button state changes.
|
|
21
|
+
* @param {function} [props.onFocus] - Callback function called when the radio button gains focus.
|
|
22
|
+
* @param {function} [props.onBlur] - Callback function called when the radio button loses focus.
|
|
23
|
+
*
|
|
24
|
+
* @returns {JSX.Element} The rendered RadioButton component.
|
|
25
|
+
*/
|
|
26
|
+
declare function RadioButtonCard(props?: {
|
|
27
|
+
label?: string;
|
|
28
|
+
labelHidden?: boolean;
|
|
29
|
+
id?: string;
|
|
30
|
+
name?: string;
|
|
31
|
+
description?: string;
|
|
32
|
+
value?: string;
|
|
33
|
+
error?: string;
|
|
34
|
+
checked?: boolean;
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
helpText?: string;
|
|
37
|
+
onChange?: Function;
|
|
38
|
+
onFocus?: Function;
|
|
39
|
+
onBlur?: Function;
|
|
40
|
+
}): JSX.Element;
|
|
41
|
+
//# sourceMappingURL=RadioButtonCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButtonCard.d.ts","sourceRoot":"","sources":["../../../components/RadioButtonCard.js"],"names":[],"mappings":";AAiDA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,yCAjBG;IAAuB,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,WAAW,GAA1B,MAAM;IACS,KAAK,GAApB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,OAAO,GAAvB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACW,QAAQ;IACR,OAAO;IACP,MAAM;CAE/B,GAAU,GAAG,CAAC,OAAO,CAwGvB"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export default RangeSlider;
|
|
2
|
+
/**
|
|
3
|
+
* RangeSlider Component
|
|
4
|
+
*
|
|
5
|
+
* A range slider component that allows users to select a numeric value within a defined range.
|
|
6
|
+
*
|
|
7
|
+
* @component
|
|
8
|
+
* @param {Object} props - The properties for the RangeSlider component.
|
|
9
|
+
* @param {string} [props.id] - The unique ID for the slider. If not provided, a UUID will be generated.
|
|
10
|
+
* @param {string} [props.label] - The label text displayed for the slider.
|
|
11
|
+
* @param {boolean} [props.labelHidden=false] - If true, hides the label visually but keeps it accessible for screen readers.
|
|
12
|
+
* @param {string} [props.labelVariant] - Variant of the label style.
|
|
13
|
+
* @param {string} [props.tooltip] - Tooltip text for the label.
|
|
14
|
+
* @param {boolean} [props.disabled=false] - Disables the slider if true.
|
|
15
|
+
* @param {number} [props.step=1] - Step value for the slider increments.
|
|
16
|
+
* @param {string} [props.prefix] - Text to display before the slider input.
|
|
17
|
+
* @param {string} [props.prefixClasses=""] - Additional classes for the prefix text.
|
|
18
|
+
* @param {string} [props.suffix] - Text to display after the slider value input.
|
|
19
|
+
* @param {number} [props.value] - Initial value for the slider. Defaults to the minimum value.
|
|
20
|
+
* @param {number} [props.min=0] - Minimum value of the slider.
|
|
21
|
+
* @param {number} [props.max=100] - Maximum value of the slider.
|
|
22
|
+
* @param {boolean} [props.output=true] - Whether to display an output field for the slider value.
|
|
23
|
+
* @param {function} [props.onChange] - Callback function triggered when the slider value changes.
|
|
24
|
+
*
|
|
25
|
+
* @returns {JSX.Element} The rendered RangeSlider component.
|
|
26
|
+
*/
|
|
27
|
+
declare function RangeSlider(props?: {
|
|
28
|
+
id?: string;
|
|
29
|
+
label?: string;
|
|
30
|
+
labelHidden?: boolean;
|
|
31
|
+
labelVariant?: string;
|
|
32
|
+
tooltip?: string;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
step?: number;
|
|
35
|
+
prefix?: string;
|
|
36
|
+
prefixClasses?: string;
|
|
37
|
+
suffix?: string;
|
|
38
|
+
value?: number;
|
|
39
|
+
min?: number;
|
|
40
|
+
max?: number;
|
|
41
|
+
output?: boolean;
|
|
42
|
+
onChange?: Function;
|
|
43
|
+
}): JSX.Element;
|
|
44
|
+
//# sourceMappingURL=RangeSlider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../components/RangeSlider.js"],"names":[],"mappings":";AA2CA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,qCAnBG;IAAuB,EAAE,GAAjB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,YAAY,GAA3B,MAAM;IACS,OAAO,GAAtB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACS,MAAM,GAArB,MAAM;IACS,aAAa,GAA5B,MAAM;IACS,MAAM,GAArB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,GAAG,GAAlB,MAAM;IACU,MAAM,GAAtB,OAAO;IACU,QAAQ;CAEjC,GAAU,GAAG,CAAC,OAAO,CAkHvB"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export default ResourceList;
|
|
2
|
+
/**
|
|
3
|
+
* ResourceList component displays a list of items with loading and empty states.
|
|
4
|
+
*
|
|
5
|
+
* @component
|
|
6
|
+
* @param {Object} props - The component props.
|
|
7
|
+
* @param {Array} [props.items=[]] - List of items to display.
|
|
8
|
+
* @param {boolean} [props.loading=false] - Whether the list is in a loading state.
|
|
9
|
+
* @param {string|React.ReactNode} [props.emptyState="No results found."] - Content to display when the list is empty.
|
|
10
|
+
* @param {Function} props.renderItem - Function to render each item in the list.
|
|
11
|
+
* @param {Object} [props.resourceName] - Object containing singular and plural resource names.
|
|
12
|
+
* @param {string} [props.resourceName.singular] - Singular resource name.
|
|
13
|
+
* @param {string} [props.resourceName.plural] - Plural resource name.
|
|
14
|
+
* @param {boolean} [props.divider=true] - Whether to show dividers between items.
|
|
15
|
+
* @param {"none"|"small"|"large"} [props.gap="none"] - Gap size between items.
|
|
16
|
+
* @returns {JSX.Element} The rendered component.
|
|
17
|
+
*/
|
|
18
|
+
declare function ResourceList(props?: {
|
|
19
|
+
items?: any[];
|
|
20
|
+
loading?: boolean;
|
|
21
|
+
emptyState?: string | React.ReactNode;
|
|
22
|
+
renderItem: Function;
|
|
23
|
+
resourceName?: {
|
|
24
|
+
singular?: string;
|
|
25
|
+
plural?: string;
|
|
26
|
+
};
|
|
27
|
+
divider?: boolean;
|
|
28
|
+
gap?: "none" | "small" | "large";
|
|
29
|
+
}): JSX.Element;
|
|
30
|
+
declare namespace ResourceList {
|
|
31
|
+
export { Item };
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Item component represents a single item in the ResourceList.
|
|
35
|
+
*
|
|
36
|
+
* @component
|
|
37
|
+
* @param {Object} props - The component props.
|
|
38
|
+
* @param {string} [props.id] - The ID of the item.
|
|
39
|
+
* @param {string} [props.accessibilityLabel] - Accessibility label for the item.
|
|
40
|
+
* @param {Function} [props.onClick] - Callback function when the item is clicked.
|
|
41
|
+
* @param {boolean} [props.selected] - Whether the item is selected.
|
|
42
|
+
* @param {React.ReactNode} props.children - The content inside the item.
|
|
43
|
+
* @param {string} [props.className] - Additional CSS classes for styling.
|
|
44
|
+
* @returns {JSX.Element} The rendered component.
|
|
45
|
+
*/
|
|
46
|
+
declare function Item(props?: {
|
|
47
|
+
id?: string;
|
|
48
|
+
accessibilityLabel?: string;
|
|
49
|
+
onClick?: Function;
|
|
50
|
+
selected?: boolean;
|
|
51
|
+
children: React.ReactNode;
|
|
52
|
+
className?: string;
|
|
53
|
+
}): JSX.Element;
|
|
54
|
+
//# sourceMappingURL=ResourceList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResourceList.d.ts","sourceRoot":"","sources":["../../../components/ResourceList.js"],"names":[],"mappings":";AAcA;;;;;;;;;;;;;;;GAeG;AACH,sCAXG;IAAsB,KAAK;IACH,OAAO,GAAvB,OAAO;IACwB,UAAU,GAAzC,MAAM,GAAC,KAAK,CAAC,SAAS;IACN,UAAU;IACX,YAAY,GACnC;QAAoC,QAAQ,GAApC,MAAM;QACsB,MAAM,GAAlC,MAAM;KACd;IAAwB,OAAO,GAAvB,OAAO;IACwB,GAAG,GAAlC,MAAM,GAAC,OAAO,GAAC,OAAO;CAC9B,GAAU,GAAG,CAAC,OAAO,CAkCvB;;;;AAYD;;;;;;;;;;;;GAYG;AACH,8BARG;IAAuB,EAAE,GAAjB,MAAM;IACS,kBAAkB,GAAjC,MAAM;IACW,OAAO;IACR,QAAQ,GAAxB,OAAO;IACgB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAmBvB"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export default Select;
|
|
2
|
+
/**
|
|
3
|
+
* @function Select
|
|
4
|
+
* @description A dropdown component that allows users to select an option from a list.
|
|
5
|
+
* @param {Object} props - The properties for the Select component.
|
|
6
|
+
* @param {Array} props.options - Array of option objects for the select dropdown. Options can include groups.
|
|
7
|
+
* @param {string} [props.label] - Label for the select input.
|
|
8
|
+
* @param {Object} [props.labelAction] - An action object for the label. Includes `onAction` and `content`.
|
|
9
|
+
* @param {boolean} [props.labelHidden] - Whether to hide the label visually.
|
|
10
|
+
* @param {boolean} [props.labelInline] - Whether to display the label inline with the select.
|
|
11
|
+
* @param {boolean} [props.disabled=false] - Whether the select is disabled.
|
|
12
|
+
* @param {string} [props.helpText] - Optional help text displayed below the select.
|
|
13
|
+
* @param {string} [props.placeholder] - Placeholder text for the select input.
|
|
14
|
+
* @param {string} props.id - The ID for the select input.
|
|
15
|
+
* @param {string} props.name - The name for the select input.
|
|
16
|
+
* @param {string} props.value - The selected value.
|
|
17
|
+
* @param {React.ReactNode|import("./Tooltip").TooltipContentObject} props.tooltip - Tooltip content for the select.
|
|
18
|
+
* @param {string|boolean} [props.error] - Error message or flag indicating the select has an error.
|
|
19
|
+
* @param {function} props.onChange - Callback for when the selected value changes.
|
|
20
|
+
* @param {function} props.onFocus - Callback for when the select gains focus.
|
|
21
|
+
* @param {function} props.onBlur - Callback for when the select loses focus.
|
|
22
|
+
* @param {boolean} [props.requiredIndicator] - Whether to show a required indicator next to the label.
|
|
23
|
+
* @param {string} [props.className] - Additional CSS classes to apply to the select container.
|
|
24
|
+
* @param {string} [props.contentClassName] - Additional CSS classes to apply to the select content area.
|
|
25
|
+
* @returns {JSX.Element} The rendered Select component.
|
|
26
|
+
*/
|
|
27
|
+
declare function Select(props?: {
|
|
28
|
+
options: any[];
|
|
29
|
+
label?: string;
|
|
30
|
+
labelAction?: any;
|
|
31
|
+
labelHidden?: boolean;
|
|
32
|
+
labelInline?: boolean;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
helpText?: string;
|
|
35
|
+
placeholder?: string;
|
|
36
|
+
id: string;
|
|
37
|
+
name: string;
|
|
38
|
+
value: string;
|
|
39
|
+
tooltip: React.ReactNode | import("./Tooltip").TooltipContentObject;
|
|
40
|
+
error?: string | boolean;
|
|
41
|
+
onChange: Function;
|
|
42
|
+
onFocus: Function;
|
|
43
|
+
onBlur: Function;
|
|
44
|
+
requiredIndicator?: boolean;
|
|
45
|
+
className?: string;
|
|
46
|
+
contentClassName?: string;
|
|
47
|
+
}): JSX.Element;
|
|
48
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../components/Select.js"],"names":[],"mappings":";AA8DA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,gCArBG;IAAqB,OAAO;IACL,KAAK,GAApB,MAAM;IACS,WAAW;IACV,WAAW,GAA3B,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IACS,WAAW,GAA1B,MAAM;IACQ,EAAE,EAAhB,MAAM;IACQ,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IAC0D,OAAO,EAAvE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACjC,KAAK,GAA5B,MAAM,GAAC,OAAO;IACE,QAAQ;IACR,OAAO;IACP,MAAM;IACN,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAkLvB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export default SkeletonText;
|
|
2
|
+
/**
|
|
3
|
+
* SkeletonText component for displaying placeholder text content.
|
|
4
|
+
*
|
|
5
|
+
* @param {Object} props - The component properties.
|
|
6
|
+
* @param {number} [props.lines=3] - The number of lines to render. Defaults to 3 for body text.
|
|
7
|
+
* @param {"body"|"heading"} [props.type="body"] - The type of skeleton text
|
|
8
|
+
* @param {"xs"|"sm"|"md"|"lg"|"xl"} [props.size="md"] - The size of the skeleton text
|
|
9
|
+
* @param {number} [props.width] - The width of the skeleton text lines. If not provided, random widths are generated.
|
|
10
|
+
* @param {boolean} [props.fullWidth=false] - Whether the skeleton text lines should be full width.
|
|
11
|
+
* @param {"start"|"center"|"end"} [props.align="start"] - The alignment of the skeleton text lines.
|
|
12
|
+
* @param {string} [props.className] - Additional class names to apply to the root element.
|
|
13
|
+
*
|
|
14
|
+
* @returns {JSX.Element} A JSX element rendering a skeleton placeholder text block.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* <SkeletonText lines={5} type="heading" size="lg" width={80} className="custom-class" />
|
|
18
|
+
*/
|
|
19
|
+
declare function SkeletonText(props?: {
|
|
20
|
+
lines?: number;
|
|
21
|
+
type?: "body" | "heading";
|
|
22
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
23
|
+
width?: number;
|
|
24
|
+
fullWidth?: boolean;
|
|
25
|
+
align?: "start" | "center" | "end";
|
|
26
|
+
className?: string;
|
|
27
|
+
}): JSX.Element;
|
|
28
|
+
//# sourceMappingURL=SkeletonText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../../components/SkeletonText.js"],"names":[],"mappings":";AAqCA;;;;;;;;;;;;;;;;GAgBG;AAEH,sCAdG;IAAuB,KAAK,GAApB,MAAM;IACmB,IAAI,GAA7B,MAAM,GAAC,SAAS;IACiB,IAAI,GAArC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI;IACT,KAAK,GAApB,MAAM;IACU,SAAS,GAAzB,OAAO;IACwB,KAAK,GAApC,OAAO,GAAC,QAAQ,GAAC,KAAK;IACP,SAAS,GAAxB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAqCvB"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export default Spinner;
|
|
2
|
+
/**
|
|
3
|
+
* Spinner Component
|
|
4
|
+
*
|
|
5
|
+
* This component renders a loading spinner with customizable size, color, and accessibility label.
|
|
6
|
+
*
|
|
7
|
+
* @param {Object} props - The props object.
|
|
8
|
+
* @param {('small'|'large')} [props.size='large'] - The size of the spinner, either "small" or "large".
|
|
9
|
+
* @param {('default'|'subdued')} [props.color='default'] - The color variant of the spinner.
|
|
10
|
+
* @param {string} [props.accessibilityLabel='Loading...'] - The accessible label for screen readers, describing the spinner's purpose.
|
|
11
|
+
* @returns {JSX.Element} The rendered Spinner component.
|
|
12
|
+
*/
|
|
13
|
+
declare function Spinner(props?: {
|
|
14
|
+
size?: ("small" | "large");
|
|
15
|
+
color?: ("default" | "subdued");
|
|
16
|
+
accessibilityLabel?: string;
|
|
17
|
+
}): JSX.Element;
|
|
18
|
+
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../components/Spinner.js"],"names":[],"mappings":";AAuBA;;;;;;;;;;GAUG;AACH,iCALG;IAAkC,IAAI,GAA9B,CAAC,OAAO,GAAC,OAAO,CAAC;IACa,KAAK,GAAnC,CAAC,SAAS,GAAC,SAAS,CAAC;IACN,kBAAkB,GAAjC,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAyBvB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
export default Stack;
|
|
2
|
+
/**
|
|
3
|
+
* Stack Component
|
|
4
|
+
*
|
|
5
|
+
* A flexible stack component for creating vertical or horizontal layouts with customizable spacing and alignment.
|
|
6
|
+
* By default, creates a vertical stack with medium gap spacing.
|
|
7
|
+
*
|
|
8
|
+
* @param {Object} [props={}] - Component props.
|
|
9
|
+
* @param {string} [props.as='div'] - The HTML element to render. Defaults to `div`.
|
|
10
|
+
* @param {React.ReactNode} [props.children] - Child elements to render inside the stack.
|
|
11
|
+
* @param {boolean} [props.horizontal=false] - If true, renders a horizontal stack (flex-row). Defaults to vertical (flex-col).
|
|
12
|
+
* @param {('none'|'xs'|'sm'|'md'|'lg'|'0'|'px'|'0.5'|'1'|'2'|'3'|'4'|'5'|'6'|'8'|'10')} [props.gap='md'] - Spacing between children. Semantic options: 'none' (0), 'xs' (1), 'sm' (2), 'md' (4), 'lg' (8). Numeric options: '0', 'px', '0.5', '1', '2', '3', '4', '5', '6', '8', '10'. Defaults to 'md'.
|
|
13
|
+
* @param {string} [props.id] - Optional ID for the component.
|
|
14
|
+
* @param {string} [props.className] - Additional custom class names to apply to the component.
|
|
15
|
+
* @param {('start'|'center'|'end'|'space-between'|'space-evenly'|'space-around'|'spaceBetween')} [props.align='start'] - Main axis alignment. Controls horizontal alignment for horizontal stacks and vertical alignment for vertical stacks.
|
|
16
|
+
* @param {('start'|'center'|'end'|'stretch')} [props.blockAlign] - Cross-axis alignment for horizontal stacks (vertical alignment). Only applicable when horizontal=true.
|
|
17
|
+
* @param {('start'|'center'|'end'|'stretch')} [props.inlineAlign] - Cross-axis alignment for vertical stacks (horizontal alignment). Only applicable when horizontal=false.
|
|
18
|
+
* @param {boolean} [props.wrap=false] - Whether children should wrap to the next line if necessary. Defaults to false.
|
|
19
|
+
* @param {Object} [restProps] - Additional props passed to the root element.
|
|
20
|
+
*
|
|
21
|
+
* @returns {JSX.Element} The rendered Stack component.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* // Vertical stack (default)
|
|
25
|
+
* <Stack gap="sm" inlineAlign="center">
|
|
26
|
+
* <div>Item 1</div>
|
|
27
|
+
* <div>Item 2</div>
|
|
28
|
+
* </Stack>
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* // Horizontal stack
|
|
32
|
+
* <Stack horizontal gap="md" blockAlign="center" wrap={true}>
|
|
33
|
+
* <div>Item 1</div>
|
|
34
|
+
* <div>Item 2</div>
|
|
35
|
+
* </Stack>
|
|
36
|
+
*/
|
|
37
|
+
declare function Stack(props?: {
|
|
38
|
+
as?: string;
|
|
39
|
+
children?: React.ReactNode;
|
|
40
|
+
horizontal?: boolean;
|
|
41
|
+
gap?: ("none" | "xs" | "sm" | "md" | "lg" | "0" | "px" | "0.5" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10");
|
|
42
|
+
id?: string;
|
|
43
|
+
className?: string;
|
|
44
|
+
align?: ("start" | "center" | "end" | "space-between" | "space-evenly" | "space-around" | "spaceBetween");
|
|
45
|
+
blockAlign?: ("start" | "center" | "end" | "stretch");
|
|
46
|
+
inlineAlign?: ("start" | "center" | "end" | "stretch");
|
|
47
|
+
wrap?: boolean;
|
|
48
|
+
}): JSX.Element;
|
|
49
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../components/Stack.js"],"names":[],"mappings":";AAgEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,+BA5BG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,UAAU,GAA1B,OAAO;IAC8E,GAAG,GAAxF,CAAC,MAAM,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,GAAG,GAAC,IAAI,GAAC,KAAK,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,IAAI,CAAC;IAC7D,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACwF,KAAK,GAAnG,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,eAAe,GAAC,cAAc,GAAC,cAAc,GAAC,cAAc,CAAC;IAC1C,UAAU,GAArD,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,SAAS,CAAC;IACS,WAAW,GAAtD,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,SAAS,CAAC;IAClB,IAAI,GAApB,OAAO;CACf,GAEU,GAAG,CAAC,OAAO,CA0DvB"}
|