@heymantle/litho 0.0.15 → 0.0.16
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/AI_COMPONENTS_GUIDE.md +28 -15
- package/AI_INTEGRATION_GUIDE.md +3 -3
- package/AI_PATTERNS_GUIDE.md +59 -25
- package/COMPONENT_QUICK_REFERENCE.md +3 -3
- package/dist/cjs/components/ActionList.js +33 -25
- package/dist/cjs/components/AnnouncementBar.js +115 -18
- package/dist/cjs/components/AnnouncementCard.js +269 -0
- package/dist/cjs/components/AppProvider.js +15 -2
- package/dist/cjs/components/Autocomplete.js +58 -36
- package/dist/cjs/components/Badge.js +28 -14
- package/dist/cjs/components/Banner.js +37 -27
- package/dist/cjs/components/Box.js +50 -38
- package/dist/cjs/components/Button.js +338 -109
- package/dist/cjs/components/ButtonGroup.js +27 -14
- package/dist/cjs/components/Card.js +311 -143
- package/dist/cjs/components/Checkbox.js +55 -47
- package/dist/cjs/components/CheckboxCard.js +222 -0
- package/dist/cjs/components/CheckboxCardGroup.js +384 -0
- package/dist/cjs/components/ChoiceList.js +21 -11
- package/dist/cjs/components/Code.js +22 -8
- package/dist/cjs/components/Collapsible.js +24 -11
- package/dist/cjs/components/ColorField.js +163 -38
- package/dist/cjs/components/ContextualSaveBar.js +13 -6
- package/dist/cjs/components/DatePicker.js +48 -37
- package/dist/cjs/components/Disclosure.js +35 -22
- package/dist/cjs/components/Divider.js +82 -18
- package/dist/cjs/components/DropZone.js +111 -37
- package/dist/cjs/components/EmptyState.js +18 -6
- package/dist/cjs/components/Filters.js +84 -36
- package/dist/cjs/components/FooterHelp.js +14 -4
- package/dist/cjs/components/Form.js +13 -2
- package/dist/cjs/components/Frame.js +57 -22
- package/dist/cjs/components/FrameSaveBar.js +37 -6
- package/dist/cjs/components/Grid.js +31 -15
- package/dist/cjs/components/HorizontalStack.js +38 -25
- package/dist/cjs/components/Icon.js +683 -61
- package/dist/cjs/components/Image.js +35 -22
- package/dist/cjs/components/InlineError.js +19 -10
- package/dist/cjs/components/Label.js +21 -12
- package/dist/cjs/components/Layout.js +33 -24
- package/dist/cjs/components/LayoutSection.js +84 -22
- package/dist/cjs/components/Link.js +35 -22
- package/dist/cjs/components/List.js +28 -12
- package/dist/cjs/components/Listbox.js +53 -31
- package/dist/cjs/components/Loading.js +14 -2
- package/dist/cjs/components/Modal.js +22 -40
- package/dist/cjs/components/Navigation.js +107 -36
- package/dist/cjs/components/Page.js +44 -31
- package/dist/cjs/components/Pagination.js +20 -5
- package/dist/cjs/components/Pane.js +67 -4
- package/dist/cjs/components/Popover.js +37 -21
- package/dist/cjs/components/PopoverManager.js +14 -1
- package/dist/cjs/components/ProgressBar.js +28 -15
- package/dist/cjs/components/RadioButton.js +32 -24
- package/dist/cjs/components/RadioButtonCard.js +92 -67
- package/dist/cjs/components/RadioButtonCardGroup.js +379 -0
- package/dist/cjs/components/RangeSlider.js +34 -26
- package/dist/cjs/components/ResourceList.js +28 -14
- package/dist/cjs/components/Select.js +38 -26
- package/dist/cjs/components/SkeletonText.js +33 -18
- package/dist/cjs/components/Spinner.js +24 -12
- package/dist/cjs/components/Stack.js +131 -71
- package/dist/cjs/components/TabNavigation.js +27 -1
- package/dist/cjs/components/Table.js +58 -18
- package/dist/cjs/components/Tabs.js +52 -23
- package/dist/cjs/components/Tag.js +37 -16
- package/dist/cjs/components/Text.js +32 -18
- package/dist/cjs/components/TextField.js +119 -69
- package/dist/cjs/components/Thumbnail.js +25 -11
- package/dist/cjs/components/TimePicker.js +22 -1
- package/dist/cjs/components/Tip.js +140 -25
- package/dist/cjs/components/ToastNotification.js +107 -34
- package/dist/cjs/components/ToastProvider.js +13 -3
- package/dist/cjs/components/Tooltip.js +50 -41
- package/dist/cjs/components/TopBar.js +83 -9
- package/dist/cjs/components/VerticalStack.js +31 -16
- package/dist/cjs/index.js +24 -0
- package/dist/cjs/stories/Autocomplete.stories.js +10 -10
- package/dist/cjs/stories/Checkbox.stories.js +6 -8
- package/dist/cjs/stories/CheckboxCardGroup.stories.js +459 -0
- package/dist/cjs/stories/Collapsible.stories.js +11 -11
- package/dist/cjs/stories/ColorField.stories.js +2 -3
- package/dist/cjs/stories/ComplexExamples.stories.js +48 -77
- package/dist/cjs/stories/ContextualSaveBar.stories.js +1 -1
- package/dist/cjs/stories/Divider.stories.js +15 -16
- package/dist/cjs/stories/DropZone.stories.js +3 -3
- package/dist/cjs/stories/FooterHelp.stories.js +3 -4
- package/dist/cjs/stories/Form.stories.js +2 -4
- package/dist/cjs/stories/Grid.stories.js +24 -33
- package/dist/cjs/stories/Icon.stories.js +22 -23
- package/dist/cjs/stories/Image.stories.js +12 -15
- package/dist/cjs/stories/InlineError.stories.js +0 -1
- package/dist/cjs/stories/Layout.stories.js +96 -2
- package/dist/cjs/stories/LayoutSection.stories.js +13 -18
- package/dist/cjs/stories/List.stories.js +24 -28
- package/dist/cjs/stories/Listbox.stories.js +2 -2
- package/dist/cjs/stories/Loading.stories.js +21 -25
- package/dist/cjs/stories/Modal.stories.js +0 -1
- package/dist/cjs/stories/Pagination.stories.js +4 -4
- package/dist/cjs/stories/Pane.stories.js +10 -18
- package/dist/cjs/stories/Popover.stories.js +7 -7
- package/dist/cjs/stories/PopoverManager.stories.js +9 -9
- package/dist/cjs/stories/ProgressBar.stories.js +8 -8
- package/dist/cjs/stories/RadioButton.stories.js +2 -2
- package/dist/cjs/stories/RadioButtonCard.stories.js +2 -2
- package/dist/cjs/stories/RadioButtonCardGroup.stories.js +502 -0
- package/dist/cjs/stories/RangeSlider.stories.js +1 -3
- package/dist/cjs/stories/ResourceList.stories.js +13 -13
- package/dist/cjs/stories/Spinner.stories.js +9 -9
- package/dist/cjs/stories/Stack.stories.js +233 -51
- package/dist/cjs/stories/Tabs.stories.js +2 -2
- package/dist/cjs/stories/Tag.stories.js +1 -1
- package/dist/cjs/stories/Thumbnail.stories.js +17 -18
- package/dist/cjs/stories/TimePicker.stories.js +0 -5
- package/dist/cjs/stories/Tip.stories.js +1 -1
- package/dist/esm/components/ActionList.js +33 -25
- package/dist/esm/components/AnnouncementBar.js +115 -18
- package/dist/esm/components/AnnouncementCard.js +254 -0
- package/dist/esm/components/AppProvider.js +15 -2
- package/dist/esm/components/Autocomplete.js +58 -36
- package/dist/esm/components/Badge.js +28 -14
- package/dist/esm/components/Banner.js +37 -27
- package/dist/esm/components/Box.js +50 -38
- package/dist/esm/components/Button.js +338 -109
- package/dist/esm/components/ButtonGroup.js +27 -14
- package/dist/esm/components/Card.js +300 -140
- package/dist/esm/components/Checkbox.js +55 -47
- package/dist/esm/components/CheckboxCard.js +207 -0
- package/dist/esm/components/CheckboxCardGroup.js +370 -0
- package/dist/esm/components/ChoiceList.js +21 -11
- package/dist/esm/components/Code.js +22 -8
- package/dist/esm/components/Collapsible.js +24 -11
- package/dist/esm/components/ColorField.js +165 -40
- package/dist/esm/components/ContextualSaveBar.js +13 -6
- package/dist/esm/components/DatePicker.js +48 -37
- package/dist/esm/components/Disclosure.js +35 -22
- package/dist/esm/components/Divider.js +78 -20
- package/dist/esm/components/DropZone.js +111 -37
- package/dist/esm/components/EmptyState.js +18 -6
- package/dist/esm/components/Filters.js +84 -36
- package/dist/esm/components/FooterHelp.js +14 -4
- package/dist/esm/components/Form.js +13 -2
- package/dist/esm/components/Frame.js +57 -22
- package/dist/esm/components/FrameSaveBar.js +37 -6
- package/dist/esm/components/Grid.js +31 -15
- package/dist/esm/components/HorizontalStack.js +38 -25
- package/dist/esm/components/Icon.js +681 -62
- package/dist/esm/components/Image.js +35 -22
- package/dist/esm/components/InlineError.js +19 -10
- package/dist/esm/components/Label.js +21 -12
- package/dist/esm/components/Layout.js +58 -25
- package/dist/esm/components/LayoutSection.js +84 -22
- package/dist/esm/components/Link.js +35 -22
- package/dist/esm/components/List.js +28 -12
- package/dist/esm/components/Listbox.js +53 -31
- package/dist/esm/components/Loading.js +14 -2
- package/dist/esm/components/Modal.js +69 -41
- package/dist/esm/components/Navigation.js +107 -36
- package/dist/esm/components/Page.js +44 -31
- package/dist/esm/components/Pagination.js +20 -5
- package/dist/esm/components/Pane.js +67 -4
- package/dist/esm/components/Popover.js +37 -21
- package/dist/esm/components/PopoverManager.js +14 -1
- package/dist/esm/components/ProgressBar.js +28 -15
- package/dist/esm/components/RadioButton.js +32 -24
- package/dist/esm/components/RadioButtonCard.js +92 -67
- package/dist/esm/components/RadioButtonCardGroup.js +364 -0
- package/dist/esm/components/RangeSlider.js +34 -26
- package/dist/esm/components/ResourceList.js +28 -14
- package/dist/esm/components/Select.js +38 -26
- package/dist/esm/components/SkeletonText.js +33 -18
- package/dist/esm/components/Spinner.js +24 -12
- package/dist/esm/components/Stack.js +131 -71
- package/dist/esm/components/TabNavigation.js +27 -1
- package/dist/esm/components/Table.js +58 -18
- package/dist/esm/components/Tabs.js +52 -23
- package/dist/esm/components/Tag.js +37 -16
- package/dist/esm/components/Text.js +32 -18
- package/dist/esm/components/TextField.js +119 -69
- package/dist/esm/components/Thumbnail.js +25 -11
- package/dist/esm/components/TimePicker.js +22 -1
- package/dist/esm/components/Tip.js +140 -25
- package/dist/esm/components/ToastNotification.js +107 -34
- package/dist/esm/components/ToastProvider.js +13 -3
- package/dist/esm/components/Tooltip.js +50 -41
- package/dist/esm/components/TopBar.js +83 -9
- package/dist/esm/components/VerticalStack.js +31 -16
- package/dist/esm/index.js +6 -0
- package/dist/esm/stories/Autocomplete.stories.js +10 -10
- package/dist/esm/stories/Checkbox.stories.js +6 -8
- package/dist/esm/stories/CheckboxCardGroup.stories.js +421 -0
- package/dist/esm/stories/Collapsible.stories.js +11 -11
- package/dist/esm/stories/ColorField.stories.js +2 -3
- package/dist/esm/stories/ComplexExamples.stories.js +48 -77
- package/dist/esm/stories/ContextualSaveBar.stories.js +1 -1
- package/dist/esm/stories/Divider.stories.js +15 -16
- package/dist/esm/stories/DropZone.stories.js +3 -3
- package/dist/esm/stories/FooterHelp.stories.js +3 -4
- package/dist/esm/stories/Form.stories.js +2 -4
- package/dist/esm/stories/Grid.stories.js +24 -33
- package/dist/esm/stories/Icon.stories.js +22 -23
- package/dist/esm/stories/Image.stories.js +12 -15
- package/dist/esm/stories/InlineError.stories.js +0 -1
- package/dist/esm/stories/Layout.stories.js +93 -2
- package/dist/esm/stories/LayoutSection.stories.js +13 -18
- package/dist/esm/stories/List.stories.js +24 -28
- package/dist/esm/stories/Listbox.stories.js +2 -2
- package/dist/esm/stories/Loading.stories.js +21 -25
- package/dist/esm/stories/Modal.stories.js +0 -1
- package/dist/esm/stories/Pagination.stories.js +4 -4
- package/dist/esm/stories/Pane.stories.js +10 -18
- package/dist/esm/stories/Popover.stories.js +7 -7
- package/dist/esm/stories/PopoverManager.stories.js +9 -9
- package/dist/esm/stories/ProgressBar.stories.js +8 -8
- package/dist/esm/stories/RadioButton.stories.js +2 -2
- package/dist/esm/stories/RadioButtonCard.stories.js +2 -2
- package/dist/esm/stories/RadioButtonCardGroup.stories.js +461 -0
- package/dist/esm/stories/RangeSlider.stories.js +1 -3
- package/dist/esm/stories/ResourceList.stories.js +13 -13
- package/dist/esm/stories/Spinner.stories.js +9 -9
- package/dist/esm/stories/Stack.stories.js +224 -51
- package/dist/esm/stories/Tabs.stories.js +2 -2
- package/dist/esm/stories/Tag.stories.js +1 -1
- package/dist/esm/stories/Thumbnail.stories.js +17 -18
- package/dist/esm/stories/TimePicker.stories.js +0 -5
- package/dist/esm/stories/Tip.stories.js +1 -1
- package/dist/types/components/ActionList.d.ts +1 -31
- package/dist/types/components/ActionList.d.ts.map +1 -1
- package/dist/types/components/AnnouncementBar.d.ts +1 -19
- package/dist/types/components/AnnouncementBar.d.ts.map +1 -1
- package/dist/types/components/AnnouncementCard.d.ts +3 -0
- package/dist/types/components/AnnouncementCard.d.ts.map +1 -0
- package/dist/types/components/AppProvider.d.ts +14 -1
- package/dist/types/components/AppProvider.d.ts.map +1 -1
- package/dist/types/components/Autocomplete.d.ts +1 -71
- package/dist/types/components/Autocomplete.d.ts.map +1 -1
- package/dist/types/components/Badge.d.ts +1 -19
- package/dist/types/components/Badge.d.ts.map +1 -1
- package/dist/types/components/Banner.d.ts +1 -37
- package/dist/types/components/Banner.d.ts.map +1 -1
- package/dist/types/components/Box.d.ts +1 -68
- package/dist/types/components/Box.d.ts.map +1 -1
- package/dist/types/components/Button.d.ts +1 -131
- package/dist/types/components/Button.d.ts.map +1 -1
- package/dist/types/components/ButtonGroup.d.ts +1 -22
- package/dist/types/components/ButtonGroup.d.ts.map +1 -1
- package/dist/types/components/Card.d.ts +54 -59
- package/dist/types/components/Card.d.ts.map +1 -1
- package/dist/types/components/Checkbox.d.ts +1 -63
- package/dist/types/components/Checkbox.d.ts.map +1 -1
- package/dist/types/components/CheckboxCard.d.ts +3 -0
- package/dist/types/components/CheckboxCard.d.ts.map +1 -0
- package/dist/types/components/CheckboxCardGroup.d.ts +3 -0
- package/dist/types/components/CheckboxCardGroup.d.ts.map +1 -0
- package/dist/types/components/ChoiceList.d.ts +1 -42
- package/dist/types/components/ChoiceList.d.ts.map +1 -1
- package/dist/types/components/Code.d.ts +1 -26
- package/dist/types/components/Code.d.ts.map +1 -1
- package/dist/types/components/Collapsible.d.ts +1 -15
- package/dist/types/components/Collapsible.d.ts.map +1 -1
- package/dist/types/components/ColorField.d.ts +13 -34
- package/dist/types/components/ColorField.d.ts.map +1 -1
- package/dist/types/components/ContextualSaveBar.d.ts +13 -6
- package/dist/types/components/ContextualSaveBar.d.ts.map +1 -1
- package/dist/types/components/DatePicker.d.ts +1 -64
- package/dist/types/components/DatePicker.d.ts.map +1 -1
- package/dist/types/components/Disclosure.d.ts +1 -25
- package/dist/types/components/Disclosure.d.ts.map +1 -1
- package/dist/types/components/Divider.d.ts +1 -19
- package/dist/types/components/Divider.d.ts.map +1 -1
- package/dist/types/components/DropZone.d.ts +1 -62
- package/dist/types/components/DropZone.d.ts.map +1 -1
- package/dist/types/components/EmptyState.d.ts +1 -50
- package/dist/types/components/EmptyState.d.ts.map +1 -1
- package/dist/types/components/Filters.d.ts +13 -68
- package/dist/types/components/Filters.d.ts.map +1 -1
- package/dist/types/components/FooterHelp.d.ts +14 -4
- package/dist/types/components/FooterHelp.d.ts.map +1 -1
- package/dist/types/components/Form.d.ts +13 -2
- package/dist/types/components/Form.d.ts.map +1 -1
- package/dist/types/components/Frame.d.ts +15 -36
- package/dist/types/components/Frame.d.ts.map +1 -1
- package/dist/types/components/FrameSaveBar.d.ts +3 -6
- package/dist/types/components/FrameSaveBar.d.ts.map +1 -1
- package/dist/types/components/Grid.d.ts +5 -21
- package/dist/types/components/Grid.d.ts.map +1 -1
- package/dist/types/components/HorizontalStack.d.ts +1 -34
- package/dist/types/components/HorizontalStack.d.ts.map +1 -1
- package/dist/types/components/Icon.d.ts +1 -41
- package/dist/types/components/Icon.d.ts.map +1 -1
- package/dist/types/components/Image.d.ts +1 -43
- package/dist/types/components/Image.d.ts.map +1 -1
- package/dist/types/components/InlineError.d.ts +1 -20
- package/dist/types/components/InlineError.d.ts.map +1 -1
- package/dist/types/components/Label.d.ts +1 -26
- package/dist/types/components/Label.d.ts.map +1 -1
- package/dist/types/components/Layout.d.ts +24 -15
- package/dist/types/components/Layout.d.ts.map +1 -1
- package/dist/types/components/LayoutSection.d.ts +1 -19
- package/dist/types/components/LayoutSection.d.ts.map +1 -1
- package/dist/types/components/Link.d.ts +1 -37
- package/dist/types/components/Link.d.ts.map +1 -1
- package/dist/types/components/List.d.ts +5 -17
- package/dist/types/components/List.d.ts.map +1 -1
- package/dist/types/components/Listbox.d.ts +1 -32
- package/dist/types/components/Listbox.d.ts.map +1 -1
- package/dist/types/components/Loading.d.ts +14 -2
- package/dist/types/components/Loading.d.ts.map +1 -1
- package/dist/types/components/Modal.d.ts +26 -35
- package/dist/types/components/Modal.d.ts.map +1 -1
- package/dist/types/components/Navigation.d.ts +1 -25
- package/dist/types/components/Navigation.d.ts.map +1 -1
- package/dist/types/components/Page.d.ts +1 -57
- package/dist/types/components/Page.d.ts.map +1 -1
- package/dist/types/components/Pagination.d.ts +13 -3
- package/dist/types/components/Pagination.d.ts.map +1 -1
- package/dist/types/components/Pane.d.ts +55 -3
- package/dist/types/components/Pane.d.ts.map +1 -1
- package/dist/types/components/Popover.d.ts +5 -37
- package/dist/types/components/Popover.d.ts.map +1 -1
- package/dist/types/components/PopoverManager.d.ts.map +1 -1
- package/dist/types/components/ProgressBar.d.ts +1 -22
- package/dist/types/components/ProgressBar.d.ts.map +1 -1
- package/dist/types/components/RadioButton.d.ts +1 -37
- package/dist/types/components/RadioButton.d.ts.map +1 -1
- package/dist/types/components/RadioButtonCard.d.ts +1 -39
- package/dist/types/components/RadioButtonCard.d.ts.map +1 -1
- package/dist/types/components/RadioButtonCardGroup.d.ts +3 -0
- package/dist/types/components/RadioButtonCardGroup.d.ts.map +1 -0
- package/dist/types/components/RangeSlider.d.ts +1 -42
- package/dist/types/components/RangeSlider.d.ts.map +1 -1
- package/dist/types/components/ResourceList.d.ts +5 -30
- package/dist/types/components/ResourceList.d.ts.map +1 -1
- package/dist/types/components/Select.d.ts +1 -46
- package/dist/types/components/Select.d.ts.map +1 -1
- package/dist/types/components/SkeletonText.d.ts +1 -26
- package/dist/types/components/SkeletonText.d.ts.map +1 -1
- package/dist/types/components/Spinner.d.ts +1 -16
- package/dist/types/components/Spinner.d.ts.map +1 -1
- package/dist/types/components/Stack.d.ts +1 -47
- package/dist/types/components/Stack.d.ts.map +1 -1
- package/dist/types/components/TabNavigation.d.ts.map +1 -1
- package/dist/types/components/Table.d.ts +13 -58
- package/dist/types/components/Table.d.ts.map +1 -1
- package/dist/types/components/Tabs.d.ts +3 -41
- package/dist/types/components/Tabs.d.ts.map +1 -1
- package/dist/types/components/Tag.d.ts +1 -24
- package/dist/types/components/Tag.d.ts.map +1 -1
- package/dist/types/components/Text.d.ts +1 -30
- package/dist/types/components/Text.d.ts.map +1 -1
- package/dist/types/components/TextField.d.ts +1 -109
- package/dist/types/components/TextField.d.ts.map +1 -1
- package/dist/types/components/Thumbnail.d.ts +1 -16
- package/dist/types/components/Thumbnail.d.ts.map +1 -1
- package/dist/types/components/TimePicker.d.ts +28 -1
- package/dist/types/components/TimePicker.d.ts.map +1 -1
- package/dist/types/components/Tip.d.ts +1 -21
- package/dist/types/components/Tip.d.ts.map +1 -1
- package/dist/types/components/ToastNotification.d.ts +1 -34
- package/dist/types/components/ToastNotification.d.ts.map +1 -1
- package/dist/types/components/ToastProvider.d.ts +13 -3
- package/dist/types/components/ToastProvider.d.ts.map +1 -1
- package/dist/types/components/Tooltip.d.ts +1 -54
- package/dist/types/components/Tooltip.d.ts.map +1 -1
- package/dist/types/components/TopBar.d.ts +1 -19
- package/dist/types/components/TopBar.d.ts.map +1 -1
- package/dist/types/components/VerticalStack.d.ts +1 -25
- package/dist/types/components/VerticalStack.d.ts.map +1 -1
- package/dist/types/index.d.ts +6 -0
- package/index.css +76 -14
- package/package.json +4 -3
|
@@ -1,66 +1,5 @@
|
|
|
1
1
|
export default DropZone;
|
|
2
|
-
|
|
3
|
-
* DropZone component for handling file uploads with previews.
|
|
4
|
-
*
|
|
5
|
-
* @param {Object} props - Component props.
|
|
6
|
-
* @param {string} [props.id] - The ID for the DropZone input.
|
|
7
|
-
* @param {string} [props.label] - Label for the DropZone.
|
|
8
|
-
* @param {boolean} [props.labelHidden] - Whether the label is hidden.
|
|
9
|
-
* @param {Object} [props.labelAction] - Action for the label, including `onAction` and `content`.
|
|
10
|
-
* @param {string} [props.tooltip] - Tooltip for the label.
|
|
11
|
-
* @param {string} [props.labelVariant] - Variant for the label styling.
|
|
12
|
-
* @param {string} [props.type="file"] - The type of files accepted (e.g., "file", "image").
|
|
13
|
-
* @param {string|string[]} [props.accept] - Accepted file types.
|
|
14
|
-
* @param {boolean} [props.allowMultiple=false] - Whether multiple files can be uploaded.
|
|
15
|
-
* @param {boolean} [props.showDropZoneWhenDisabled=true] - Whether the DropZone is shown when disabled.
|
|
16
|
-
* @param {boolean} [props.disabled] - Whether the DropZone is disabled.
|
|
17
|
-
* @param {Function} [props.onDrop] - Callback for when files are dropped.
|
|
18
|
-
* @param {Function} [props.onDropAccepted] - Callback for accepted files.
|
|
19
|
-
* @param {Function} [props.onDropRejected] - Callback for rejected files.
|
|
20
|
-
* @param {string} [props.helpText] - Help text displayed below the DropZone.
|
|
21
|
-
* @param {string} [props.error] - Error message to display.
|
|
22
|
-
* @param {boolean} [props.uploading=false] - Whether a file upload is in progress.
|
|
23
|
-
* @param {Array} [props.uploadedFiles=[]] - Array of uploaded files.
|
|
24
|
-
* @param {string} [props.uploadLabel="Drag and drop files or click to upload"] - Label for upload prompt.
|
|
25
|
-
* @param {string} [props.uploadingLabel="Uploading..."] - Label shown during file uploads.
|
|
26
|
-
* @param {string} [props.dragLabel="Release to upload"] - Label for the drag area.
|
|
27
|
-
* @param {boolean} [props.showFilePreview=true] - Whether file previews are displayed.
|
|
28
|
-
* @param {boolean} [props.previewLoading] - Whether file previews are loading.
|
|
29
|
-
* @param {number} [props.previewRows=2] - Number of preview rows to display.
|
|
30
|
-
* @param {Function} [props.onRemove] - Callback for removing a file.
|
|
31
|
-
* @param {Function} [props.onFilePreviewClick] - Callback for clicking a file preview.
|
|
32
|
-
* @param {string} [props.filename] - Name of the file being uploaded.
|
|
33
|
-
* @returns {JSX.Element} DropZone component.
|
|
34
|
-
*/
|
|
35
|
-
declare function DropZone(props?: {
|
|
36
|
-
id?: string;
|
|
37
|
-
label?: string;
|
|
38
|
-
labelHidden?: boolean;
|
|
39
|
-
labelAction?: any;
|
|
40
|
-
tooltip?: string;
|
|
41
|
-
labelVariant?: string;
|
|
42
|
-
type?: string;
|
|
43
|
-
accept?: string | string[];
|
|
44
|
-
allowMultiple?: boolean;
|
|
45
|
-
showDropZoneWhenDisabled?: boolean;
|
|
46
|
-
disabled?: boolean;
|
|
47
|
-
onDrop?: Function;
|
|
48
|
-
onDropAccepted?: Function;
|
|
49
|
-
onDropRejected?: Function;
|
|
50
|
-
helpText?: string;
|
|
51
|
-
error?: string;
|
|
52
|
-
uploading?: boolean;
|
|
53
|
-
uploadedFiles?: any[];
|
|
54
|
-
uploadLabel?: string;
|
|
55
|
-
uploadingLabel?: string;
|
|
56
|
-
dragLabel?: string;
|
|
57
|
-
showFilePreview?: boolean;
|
|
58
|
-
previewLoading?: boolean;
|
|
59
|
-
previewRows?: number;
|
|
60
|
-
onRemove?: Function;
|
|
61
|
-
onFilePreviewClick?: Function;
|
|
62
|
-
filename?: string;
|
|
63
|
-
}): JSX.Element;
|
|
2
|
+
declare function DropZone(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
64
3
|
declare namespace DropZone {
|
|
65
4
|
export { DropTarget };
|
|
66
5
|
export { FilePreview };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../components/DropZone.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../components/DropZone.js"],"names":[],"mappings":";AAmIA,+EAgOC;;;;;;;AAED,iFAqEC;AA0BD;;;;;;;;;;;GAWG;AACH,qCARG;IAAsB,KAAK;IACH,OAAO,GAAvB,OAAO;IACQ,WAAW,GAA1B,MAAM;IACW,QAAQ;IACR,OAAO;IACT,QAAQ,GAAvB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAmFvB;AAOD;;;;;;;GAOG;AACH,uCAJG;IAAuB,IAAI;IACH,OAAO,GAAvB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA6BvB;AAGD;;;;;GAKG;AACH,0CAHW,MAAM,GACJ,MAAM,CAgBlB"}
|
|
@@ -1,52 +1,3 @@
|
|
|
1
1
|
export default EmptyState;
|
|
2
|
-
|
|
3
|
-
* EmptyState component for displaying a structured layout with a title, description,
|
|
4
|
-
* icon, and action buttons when no content is available.
|
|
5
|
-
*
|
|
6
|
-
* @param {Object} props - The properties to customize the EmptyState component.
|
|
7
|
-
* @param {string} [props.description] - Text description to display in the empty state.
|
|
8
|
-
* @param {React.ReactNode} [props.icon] - React node to render a custom icon.
|
|
9
|
-
* @param {string} [props.iconSource] - Image source URL to display an icon.
|
|
10
|
-
* @param {Object} [props.primaryAction] - Primary action button configuration.
|
|
11
|
-
* @param {string} props.primaryAction.content - Label for the primary button.
|
|
12
|
-
* @param {function} props.primaryAction.onAction - Callback function for the primary action button click.
|
|
13
|
-
* @param {boolean} [props.primaryAction.disabled=false] - Disable state for the primary action button.
|
|
14
|
-
* @param {boolean} [props.primaryAction.loading=false] - Loading state for the primary action button.
|
|
15
|
-
* @param {boolean} [props.primaryAction.external=false] - Whether the primary action button should open in a new tab.
|
|
16
|
-
* @param {Object} [props.secondaryAction] - Secondary action button configuration.
|
|
17
|
-
* @param {string} props.secondaryAction.content - Label for the secondary button.
|
|
18
|
-
* @param {function} props.secondaryAction.onAction - Callback function for the secondary action button click.
|
|
19
|
-
* @param {boolean} [props.secondaryAction.disabled=false] - Disable state for the secondary action button.
|
|
20
|
-
* @param {boolean} [props.secondaryAction.loading=false] - Loading state for the secondary action button.
|
|
21
|
-
* @param {boolean} [props.secondaryAction.external=false] - Whether the secondary action button should open in a new tab.
|
|
22
|
-
* @param {string} [props.title] - Title text to display in the empty state.
|
|
23
|
-
* @param {string} [props.titleVariant="headingXl"] - Typography variant for the title, default is "headingXl".
|
|
24
|
-
* @param {string} [props.descriptionVariant="bodyLg"] - Typography variant for the description, default is "bodyLg".
|
|
25
|
-
* @param {number} [props.progress] - Progress value to display in the empty state.
|
|
26
|
-
*
|
|
27
|
-
* @returns {JSX.Element} The rendered EmptyState component.
|
|
28
|
-
*/
|
|
29
|
-
declare function EmptyState(props?: {
|
|
30
|
-
description?: string;
|
|
31
|
-
icon?: React.ReactNode;
|
|
32
|
-
iconSource?: string;
|
|
33
|
-
primaryAction?: {
|
|
34
|
-
content: string;
|
|
35
|
-
onAction: Function;
|
|
36
|
-
disabled?: boolean;
|
|
37
|
-
loading?: boolean;
|
|
38
|
-
external?: boolean;
|
|
39
|
-
};
|
|
40
|
-
secondaryAction?: {
|
|
41
|
-
content: string;
|
|
42
|
-
onAction: Function;
|
|
43
|
-
disabled?: boolean;
|
|
44
|
-
loading?: boolean;
|
|
45
|
-
external?: boolean;
|
|
46
|
-
};
|
|
47
|
-
title?: string;
|
|
48
|
-
titleVariant?: string;
|
|
49
|
-
descriptionVariant?: string;
|
|
50
|
-
progress?: number;
|
|
51
|
-
}): JSX.Element;
|
|
2
|
+
declare function EmptyState(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
52
3
|
//# sourceMappingURL=EmptyState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../components/EmptyState.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../components/EmptyState.js"],"names":[],"mappings":";AAkDA,iFAkEC"}
|
|
@@ -1,71 +1,12 @@
|
|
|
1
1
|
export default Filters;
|
|
2
|
-
|
|
3
|
-
* Filters Component - A React component that manages filters for a given dataset.
|
|
4
|
-
* Includes functionality for visible filters, more filters, and a query field.
|
|
5
|
-
*
|
|
6
|
-
* @component
|
|
7
|
-
* @param {Object} props - The component props.
|
|
8
|
-
* @param {Array<{
|
|
9
|
-
* key: string,
|
|
10
|
-
* label: string,
|
|
11
|
-
* filter: React.ReactNode,
|
|
12
|
-
* shortcut?: boolean,
|
|
13
|
-
* promoted?: boolean,
|
|
14
|
-
* onRemove?: () => void
|
|
15
|
-
* }>} props.filters - The available filters to display.
|
|
16
|
-
* @param {Array<{
|
|
17
|
-
* key: string,
|
|
18
|
-
* label: string,
|
|
19
|
-
* onRemove?: () => void
|
|
20
|
-
* }>} props.appliedFilters - The currently applied filters.
|
|
21
|
-
* @param {Function} [props.onClearAll] - Callback for clearing all applied filters.
|
|
22
|
-
* @param {boolean} [props.showTextField=false] - Whether to show the query text field.
|
|
23
|
-
* @param {boolean} [props.textFieldSubdued=false] - Whether the text field should appear subdued.
|
|
24
|
-
* @param {boolean} [props.padded=false] - Whether to apply padding to the filters container.
|
|
25
|
-
* @param {string} [props.queryValue] - The current value of the query text field.
|
|
26
|
-
* @param {Function} [props.onQueryChange] - Callback for when the query text field value changes.
|
|
27
|
-
* @param {Function} [props.onQueryBlur] - Callback for when the query text field loses focus.
|
|
28
|
-
* @param {Function} [props.onQueryFocus] - Callback for when the query text field gains focus.
|
|
29
|
-
* @param {Function} [props.onQueryClear] - Callback for clearing the query text field.
|
|
30
|
-
* @param {string} [props.queryPlaceholder="Search"] - Placeholder text for the query text field.
|
|
31
|
-
* @param {boolean} [props.ignorePromotedFiltersWhenRemoving=true] - Whether to ignore promoted filters when clearing filters.
|
|
32
|
-
* @param {boolean} [props.disableQueryField=false] - Whether the query text field is disabled.
|
|
33
|
-
* @param {string} [props.className] - Additional class names for the component.
|
|
34
|
-
* @returns {JSX.Element|null} The Filters component or null if no filters are available.
|
|
35
|
-
*/
|
|
36
|
-
declare function Filters(props: {
|
|
37
|
-
filters: Array<{
|
|
38
|
-
key: string;
|
|
39
|
-
label: string;
|
|
40
|
-
filter: React.ReactNode;
|
|
41
|
-
shortcut?: boolean;
|
|
42
|
-
promoted?: boolean;
|
|
43
|
-
onRemove?: () => void;
|
|
44
|
-
}>;
|
|
45
|
-
appliedFilters: Array<{
|
|
46
|
-
key: string;
|
|
47
|
-
label: string;
|
|
48
|
-
onRemove?: () => void;
|
|
49
|
-
}>;
|
|
50
|
-
onClearAll?: Function;
|
|
51
|
-
showTextField?: boolean;
|
|
52
|
-
textFieldSubdued?: boolean;
|
|
53
|
-
padded?: boolean;
|
|
54
|
-
queryValue?: string;
|
|
55
|
-
onQueryChange?: Function;
|
|
56
|
-
onQueryBlur?: Function;
|
|
57
|
-
onQueryFocus?: Function;
|
|
58
|
-
onQueryClear?: Function;
|
|
59
|
-
queryPlaceholder?: string;
|
|
60
|
-
ignorePromotedFiltersWhenRemoving?: boolean;
|
|
61
|
-
disableQueryField?: boolean;
|
|
62
|
-
className?: string;
|
|
63
|
-
}): JSX.Element | null;
|
|
2
|
+
declare function Filters(props: any): import("react/jsx-runtime").JSX.Element;
|
|
64
3
|
declare namespace Filters {
|
|
65
4
|
/**
|
|
66
|
-
* Filters.Pill
|
|
5
|
+
* @component Filters.Pill
|
|
6
|
+
*
|
|
7
|
+
* @usage
|
|
8
|
+
* - DO: Display active filter values as removable chips.
|
|
67
9
|
*
|
|
68
|
-
* @component
|
|
69
10
|
* @param {Object} props - The component props.
|
|
70
11
|
* @param {string} props.label - The label of the filter pill.
|
|
71
12
|
* @param {boolean} [props.applied=false] - Whether the pill represents an applied filter.
|
|
@@ -85,9 +26,11 @@ declare namespace Filters {
|
|
|
85
26
|
let displayName: string;
|
|
86
27
|
}
|
|
87
28
|
/**
|
|
88
|
-
* Filters.Tabs
|
|
29
|
+
* @component Filters.Tabs
|
|
30
|
+
*
|
|
31
|
+
* @usage
|
|
32
|
+
* - DO: Group filter pills with tab-based categories.
|
|
89
33
|
*
|
|
90
|
-
* @component
|
|
91
34
|
* @param {Object} props - The component props.
|
|
92
35
|
* @param {Array} props.tabs - The tabs to display.
|
|
93
36
|
* @param {Object} [props.insertBeforeTabs] - Tab to insert before the main tabs.
|
|
@@ -106,9 +49,11 @@ declare namespace Filters {
|
|
|
106
49
|
export { displayName_1 as displayName };
|
|
107
50
|
}
|
|
108
51
|
/**
|
|
109
|
-
* Filters.Tab
|
|
52
|
+
* @component Filters.Tab
|
|
53
|
+
*
|
|
54
|
+
* @usage
|
|
55
|
+
* - DO: Use as an individual tab within Filters.Tabs.
|
|
110
56
|
*
|
|
111
|
-
* @component
|
|
112
57
|
* @param {Object} props - The component props.
|
|
113
58
|
* @param {React.ReactNode} [props.icon=HorizontalDotsMinor] - The icon displayed in the tab (default is a horizontal dots icon).
|
|
114
59
|
* @param {boolean} [props.selected=false] - Whether the tab is currently selected.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";AA6FA,8EA6PC;;IA2CD;;;;;;;;;;;;;OAaG;IACH,sBAPG;QAAsB,KAAK,EAAnB,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,QAAQ,GAAxB,OAAO;QACS,WAAW,GAA3B,OAAO;QACU,OAAO;KAChC,GAAU,GAAG,CAAC,OAAO,CAyDvB;;;;IA2BD;;;;;;;;;;;;OAYG;IACH,sBANG;QAAqB,IAAI;QACF,gBAAgB;QACjB,QAAQ,EAAtB,MAAM;QACU,QAAQ;KAChC,GAAU,GAAG,CAAC,OAAO,CAoKvB;;;;;IAkDD;;;;;;;;;;;;;;;;OAgBG;IACH,qBAVG;QAAgC,IAAI,GAA5B,KAAK,CAAC,SAAS;QACC,QAAQ,GAAxB,OAAO;QACuB,OAAO,EAArC,MAAM,GAAC,KAAK,CAAC,SAAS;QACL,OAAO;QACP,QAAQ;QACD,SAAS,GAAjC,KAAK,CAAC,SAAS;QACC,WAAW,GAA3B,OAAO;QACQ,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CA2FvB;IAED;;;;;;;;;;;;;;;;OAgBG;IACH,0BAZG;QAAuB,UAAU,GAAzB,MAAM;QACW,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACd,gBAAgB,GAA/B,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,iBAAiB,GAAjC,OAAO;QACS,WAAW,GAA3B,OAAO;QACQ,YAAY,GAA3B,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAiCvB;;;;;;kBAh2BkD,OAAO"}
|
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
export default FooterHelp;
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
3
|
+
* @component FooterHelp
|
|
4
|
+
*
|
|
5
|
+
* @description A bottom-of-page help component that displays a link to additional resources or documentation.
|
|
6
|
+
*
|
|
7
|
+
* @usage
|
|
8
|
+
* - DO: Place at the bottom of a page to provide contextual help links.
|
|
9
|
+
* - DON'T: Use in card footers or inline (use `Link` instead).
|
|
10
|
+
*
|
|
11
|
+
* @accessibility
|
|
12
|
+
* - Renders help text with a link; ensure the link text is descriptive for screen readers.
|
|
13
|
+
*
|
|
14
|
+
* @alternative
|
|
15
|
+
* - If you need an inline help link, use `Link` instead.
|
|
16
|
+
* - If you need contextual tips, use `Tip`.
|
|
6
17
|
*
|
|
7
|
-
* @component
|
|
8
18
|
* @param {Object} [props] - The props for the FooterHelp component.
|
|
9
19
|
* @param {React.ReactNode} [props.children] - The content to display next to the information icon.
|
|
10
20
|
* This is typically a text string or any valid React node.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterHelp.d.ts","sourceRoot":"","sources":["../../../components/FooterHelp.js"],"names":[],"mappings":";AAGA
|
|
1
|
+
{"version":3,"file":"FooterHelp.d.ts","sourceRoot":"","sources":["../../../components/FooterHelp.js"],"names":[],"mappings":";AAGA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,oCAVG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;CAGvB,GAAU,GAAG,CAAC,OAAO,CAkBvB"}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
export default Form;
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* @component Form
|
|
4
|
+
*
|
|
5
|
+
* @description A form wrapper that handles submit events and integrates with the contextual save bar for unsaved changes.
|
|
6
|
+
*
|
|
7
|
+
* @usage
|
|
8
|
+
* - DO: Wrap form fields to handle submission with Enter key and prevent default behavior.
|
|
9
|
+
* - DON'T: Use for non-form content.
|
|
10
|
+
*
|
|
11
|
+
* @accessibility
|
|
12
|
+
* - Renders a semantic `<form>` element; screen readers identify it as a form region.
|
|
13
|
+
*
|
|
14
|
+
* @alternative
|
|
15
|
+
* - If you need to manage form save state globally, use `ContextualSaveBar` alongside Form.
|
|
4
16
|
*
|
|
5
|
-
* @component
|
|
6
17
|
* @param {Object} [props={}] - The properties passed to the component.
|
|
7
18
|
* @param {string} [props.acceptCharset] - The character encoding that the form accepts.
|
|
8
19
|
* @param {string} [props.action] - The URL where the form data should be submitted.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../components/Form.js"],"names":[],"mappings":";AAAA
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../components/Form.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,8BAnBG;IAAuB,aAAa,GAA5B,MAAM;IACS,MAAM,GAArB,MAAM;IACS,YAAY,GAA3B,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,OAAO,GAAtB,MAAM;IACS,MAAM,GAArB,MAAM;IACS,IAAI,GAAnB,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,cAAc,GAA9B,OAAO;IACQ,MAAM,GAArB,MAAM;IACW,QAAQ;CACjC,GAAU,GAAG,CAAC,OAAO,CA+CvB"}
|
|
@@ -12,42 +12,21 @@ export function useFrame(): {
|
|
|
12
12
|
setContentIsFullPage: () => void;
|
|
13
13
|
};
|
|
14
14
|
export default Frame;
|
|
15
|
-
/**
|
|
16
|
-
* Frame component that provides a layout structure with top bar, navigation, logo, and content.
|
|
17
|
-
* @param {Object} props - Props for the Frame component.
|
|
18
|
-
* @param {React.ReactNode} props.navigation - Component to render as the navigation menu.
|
|
19
|
-
* @param {React.ReactNode} props.announcement - Component to render an announcement bar.
|
|
20
|
-
* @param {Object} props.logo - Logo configuration.
|
|
21
|
-
* @param {string} props.logo.url - URL for the logo link.
|
|
22
|
-
* @param {string} props.logo.source - Source for the logo image.
|
|
23
|
-
* @param {string} props.logo.accessibilityLabel - Accessibility label for the logo image.
|
|
24
|
-
* @param {number} props.logo.width - Width of the logo image.
|
|
25
|
-
* @param {boolean} props.showSearchTrigger - Whether to show the search trigger.
|
|
26
|
-
* @param {React.ReactNode} props.searchModal - Modal to render as the search modal.
|
|
27
|
-
* @param {function} props.onToggleSearch - Function to toggle the search modal.
|
|
28
|
-
* @param {boolean} [props.enableSearchShortcut=true] - Whether to register the Cmd+K keyboard shortcut for search.
|
|
29
|
-
* @param {string} [props.className] - Additional CSS classes for the Frame.
|
|
30
|
-
* @param {React.ReactNode} props.children - Content to render within the Frame.
|
|
31
|
-
* @param {boolean} [props.alwaysShowUserMenuInTopBar] - Whether to always show the user menu in the top bar.
|
|
32
|
-
* @param {React.ReactNode} [props.headerAccessory] - Accessory to render in the header.
|
|
33
|
-
* @returns {React.ReactElement} The rendered Frame component.
|
|
34
|
-
*/
|
|
35
15
|
declare function Frame({ navigation, announcement, logo, children, className, userMenu, moreActions, showSearchTrigger, alwaysShowUserMenuInTopBar, searchLabel, searchIcon, searchModal, onToggleSearch, enableSearchShortcut, headerAccessory, }: {
|
|
36
|
-
navigation:
|
|
37
|
-
announcement:
|
|
38
|
-
logo:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
showSearchTrigger: boolean;
|
|
45
|
-
searchModal: React.ReactNode;
|
|
46
|
-
onToggleSearch: Function;
|
|
47
|
-
enableSearchShortcut?: boolean;
|
|
48
|
-
className?: string;
|
|
49
|
-
children: React.ReactNode;
|
|
16
|
+
navigation: any;
|
|
17
|
+
announcement: any;
|
|
18
|
+
logo: any;
|
|
19
|
+
children: any;
|
|
20
|
+
className: any;
|
|
21
|
+
userMenu: any;
|
|
22
|
+
moreActions: any;
|
|
23
|
+
showSearchTrigger?: boolean;
|
|
50
24
|
alwaysShowUserMenuInTopBar?: boolean;
|
|
51
|
-
|
|
52
|
-
|
|
25
|
+
searchLabel?: string;
|
|
26
|
+
searchIcon?: import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
searchModal: any;
|
|
28
|
+
onToggleSearch: any;
|
|
29
|
+
enableSearchShortcut?: boolean;
|
|
30
|
+
headerAccessory: any;
|
|
31
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
53
32
|
//# sourceMappingURL=Frame.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../components/Frame.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../components/Frame.js"],"names":[],"mappings":"AA0XO;;;;;;;;;;;;EAMN;;AAhPD;;;;;;;;;;;;;;;;4CAwOC"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
export default FrameSaveBar;
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
* @returns {JSX.Element} The rendered FrameSaveBar component
|
|
6
|
-
*/
|
|
7
|
-
declare function FrameSaveBar({ logo }: any): JSX.Element;
|
|
2
|
+
declare function FrameSaveBar({ logo }: {
|
|
3
|
+
logo: any;
|
|
4
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
8
5
|
//# sourceMappingURL=FrameSaveBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FrameSaveBar.d.ts","sourceRoot":"","sources":["../../../components/FrameSaveBar.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FrameSaveBar.d.ts","sourceRoot":"","sources":["../../../components/FrameSaveBar.js"],"names":[],"mappings":";AAwEA;;4CAkHC"}
|
|
@@ -1,29 +1,13 @@
|
|
|
1
1
|
export default Grid;
|
|
2
|
-
|
|
3
|
-
* Tailwind-based Grid component with customizable columns, gaps, alignment, and justification.
|
|
4
|
-
*
|
|
5
|
-
* @param {object} [props={}] - Props for the Grid component.
|
|
6
|
-
* @param {React.ReactNode} [props.children] - Content to render inside the Grid.
|
|
7
|
-
* @param {number|object} [props.columns] - Defines the number of columns in the grid. Can be a single number or an object with breakpoints as keys.
|
|
8
|
-
* @param {(number|'none'|'xs'|'sm'|'md'|'lg'|object)} [props.gap] - Defines the gap between grid items. Can be a number, semantic value ('none', 'xs', 'sm', 'md', 'lg'), or an object with breakpoints as keys. Semantic values: 'none' (0), 'xs' (1), 'sm' (2), 'md' (4), 'lg' (8).
|
|
9
|
-
* @param {"stretch"|"start"|"end"|"center"} [props.justify="stretch"] - Horizontal alignment of the grid items.
|
|
10
|
-
* @param {"stretch"|"start"|"end"|"center"} [props.align="stretch"] - Vertical alignment of the grid items.
|
|
11
|
-
* @param {string} [props.className] - Additional class names to apply to the grid.
|
|
12
|
-
* @returns {JSX.Element} A div element representing the grid container.
|
|
13
|
-
*/
|
|
14
|
-
declare function Grid(props?: {
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
columns?: number | object;
|
|
17
|
-
gap?: (number | "none" | "xs" | "sm" | "md" | "lg" | object);
|
|
18
|
-
justify?: "stretch" | "start" | "end" | "center";
|
|
19
|
-
align?: "stretch" | "start" | "end" | "center";
|
|
20
|
-
className?: string;
|
|
21
|
-
}): JSX.Element;
|
|
2
|
+
declare function Grid(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
22
3
|
declare namespace Grid {
|
|
23
4
|
export { Cell };
|
|
24
5
|
}
|
|
25
6
|
/**
|
|
26
|
-
*
|
|
7
|
+
* @component Grid.Cell
|
|
8
|
+
*
|
|
9
|
+
* @usage
|
|
10
|
+
* - DO: Wrap grid children to control column/row span.
|
|
27
11
|
*
|
|
28
12
|
* @param {object} [props={}] - Props for the Cell component.
|
|
29
13
|
* @param {number|object} [props.columnSpan] - Defines the column span for the cell. Can be a single number or an object with breakpoints as keys.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../components/Grid.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../components/Grid.js"],"names":[],"mappings":";AA2DA,2EA+CC;;;;AAED;;;;;;;;;;;GAWG;AACH,8BALG;IAA8B,UAAU,GAAhC,MAAM,GAAC,MAAM;IACW,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAwBvB"}
|
|
@@ -1,36 +1,3 @@
|
|
|
1
1
|
export default HorizontalStack;
|
|
2
|
-
|
|
3
|
-
* HorizontalStack Component
|
|
4
|
-
*
|
|
5
|
-
* A flexible horizontal stack component with customizable spacing, alignment, and wrapping.
|
|
6
|
-
*
|
|
7
|
-
* @param {Object} [props={}] - Component props.
|
|
8
|
-
* @param {string} [props.as='div'] - The HTML element to render. Defaults to `div`.
|
|
9
|
-
* @param {React.ReactNode} [props.children] - Child elements to render inside the stack.
|
|
10
|
-
* @param {('none'|'xs'|'sm'|'md'|'lg'|'0'|'px'|'0.5'|'1'|'2'|'3'|'4'|'5'|'6'|'8'|'10')} [props.gap] - Spacing between children. Semantic options: 'none', 'xs' (1), 'sm' (2), 'md' (4), 'lg' (8). Numeric options: '0', 'px', '0.5', '1', '2', '3', '4', '5', '6', '8', '10'.
|
|
11
|
-
* @param {string} [props.id] - Optional ID for the component.
|
|
12
|
-
* @param {string} [props.className] - Additional custom class names to apply to the component.
|
|
13
|
-
* @param {string} [props.align='start'] - Horizontal alignment of children. Options: 'start', 'center', 'end'.
|
|
14
|
-
* @param {string} [props.blockAlign='start'] - Vertical alignment of children. Options: 'start', 'center', 'end'.
|
|
15
|
-
* @param {boolean} [props.wrap=true] - Whether children should wrap to the next line if necessary. Defaults to `true`.
|
|
16
|
-
* @param {Object} [restProps] - Additional props passed to the root element.
|
|
17
|
-
*
|
|
18
|
-
* @returns {JSX.Element} The rendered HorizontalStack component.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* <HorizontalStack gap="2" align="center" blockAlign="start" wrap={false}>
|
|
22
|
-
* <div>Item 1</div>
|
|
23
|
-
* <div>Item 2</div>
|
|
24
|
-
* </HorizontalStack>
|
|
25
|
-
*/
|
|
26
|
-
declare function HorizontalStack(props?: {
|
|
27
|
-
as?: string;
|
|
28
|
-
children?: React.ReactNode;
|
|
29
|
-
gap?: ("none" | "xs" | "sm" | "md" | "lg" | "0" | "px" | "0.5" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10");
|
|
30
|
-
id?: string;
|
|
31
|
-
className?: string;
|
|
32
|
-
align?: string;
|
|
33
|
-
blockAlign?: string;
|
|
34
|
-
wrap?: boolean;
|
|
35
|
-
}): JSX.Element;
|
|
2
|
+
declare function HorizontalStack(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
36
3
|
//# sourceMappingURL=HorizontalStack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalStack.d.ts","sourceRoot":"","sources":["../../../components/HorizontalStack.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"HorizontalStack.d.ts","sourceRoot":"","sources":["../../../components/HorizontalStack.js"],"names":[],"mappings":";AAuFA,sFA+BC"}
|
|
@@ -1,43 +1,3 @@
|
|
|
1
1
|
export default Icon;
|
|
2
|
-
|
|
3
|
-
* A Component that renders an icon with customizable size, color, and display style, using Shopify Polaris icons.
|
|
4
|
-
* The icon adapts styling based on the provided props and supports a range of color schemes and sizes.
|
|
5
|
-
*
|
|
6
|
-
* @component
|
|
7
|
-
*
|
|
8
|
-
* @param {Object} props - The properties for configuring the Component.
|
|
9
|
-
* @param {Object} props.source - The source icon component from `@shopify/polaris-icons`. Should be a valid Polaris icon component.
|
|
10
|
-
* @param {('white'|'default'|'base'|'subdued'|'link'|'primary'|'alternate'|'successFgAlternate'|'success'|'fg-success'|'critical'|'fg-critical'|'criticalFgAlternate'|'warning'|'info'|'caution'|'attention'|'highlight'|'neutral'|'normal'|'disabled'|'active'|'btn-primary-icon'|'btn-secondary-icon'|'btn-plain-icon'|'btn-link-icon'|'btn-destructive-icon'|'btn-highlight-icon'|'inputFg'|'inputFgDisabled'|'success-icon'|'critical-icon'|'warning-icon'|'attention-icon'|'info-icon'|'highlight-icon'|'insight-icon'|'neutral-icon'|'success-alt-icon'|'critical-alt-icon'|'warning-alt-icon'|'attention-alt-icon'|'info-alt-icon'|'highlight-alt-icon'|'insight-alt-icon'|'neutral-alt-icon')} [props.color="default"] - The color variant for the icon.
|
|
11
|
-
* @param {('white'|'default'|'base'|'subdued'|'link'|'primary'|'alternate'|'success'|'critical'|'warning'|'info'|'caution'|'attention'|'highlight'|'neutral'|'normal'|'disabled'|'active'|'btn-primary-icon'|'btn-secondary-icon'|'btn-plain-icon'|'btn-link-icon'|'btn-destructive-icon'|'btn-highlight-icon'|'inputFg'|'inputFgDisabled'|'success-icon'|'critical-icon'|'warning-icon'|'attention-icon'|'info-icon'|'highlight-icon'|'insight-icon'|'neutral-icon'|'success-alt-icon'|'critical-alt-icon'|'warning-alt-icon'|'attention-alt-icon'|'info-alt-icon'|'highlight-alt-icon'|'insight-alt-icon'|'neutral-alt-icon')} [props.hoverColor] - The hover color variant for the icon.
|
|
12
|
-
* @param {('block'|'flex'|'inline'|'inline-block'|'inline-flex')} [props.display="block"] - Determines the display type for the icon container.
|
|
13
|
-
* @param {('xs'|'sm'|'default'|'lg'|'xl'|'2xl')} [props.size="default"] - Sets the icon size.
|
|
14
|
-
* - 'xs': Extra small (12px)
|
|
15
|
-
* - 'sm': Small (16px)
|
|
16
|
-
* - 'default': Medium (20px)
|
|
17
|
-
* - 'lg': Large (24px)
|
|
18
|
-
* - 'xl': Extra large (28px)
|
|
19
|
-
* - '2xl': Double extra large (32px)
|
|
20
|
-
* @param {boolean} [props.stroke=false] - Whether to use stroke styling instead of fill.
|
|
21
|
-
* @param {Function} [props.onClick] - Click handler for the icon.
|
|
22
|
-
* @param {string} [props.className] - Additional CSS classes to apply.
|
|
23
|
-
* @returns {JSX.Element} The rendered icon component with the specified styles.
|
|
24
|
-
*
|
|
25
|
-
* @example
|
|
26
|
-
* <Icon
|
|
27
|
-
* source={PolarisIcons.TickMinor}
|
|
28
|
-
* color="success"
|
|
29
|
-
* display="inline"
|
|
30
|
-
* size="lg"
|
|
31
|
-
* />
|
|
32
|
-
*/
|
|
33
|
-
declare function Icon(props?: {
|
|
34
|
-
source: any;
|
|
35
|
-
color?: ("white" | "default" | "base" | "subdued" | "link" | "primary" | "alternate" | "successFgAlternate" | "success" | "fg-success" | "critical" | "fg-critical" | "criticalFgAlternate" | "warning" | "info" | "caution" | "attention" | "highlight" | "neutral" | "normal" | "disabled" | "active" | "btn-primary-icon" | "btn-secondary-icon" | "btn-plain-icon" | "btn-link-icon" | "btn-destructive-icon" | "btn-highlight-icon" | "inputFg" | "inputFgDisabled" | "success-icon" | "critical-icon" | "warning-icon" | "attention-icon" | "info-icon" | "highlight-icon" | "insight-icon" | "neutral-icon" | "success-alt-icon" | "critical-alt-icon" | "warning-alt-icon" | "attention-alt-icon" | "info-alt-icon" | "highlight-alt-icon" | "insight-alt-icon" | "neutral-alt-icon");
|
|
36
|
-
hoverColor?: ("white" | "default" | "base" | "subdued" | "link" | "primary" | "alternate" | "success" | "critical" | "warning" | "info" | "caution" | "attention" | "highlight" | "neutral" | "normal" | "disabled" | "active" | "btn-primary-icon" | "btn-secondary-icon" | "btn-plain-icon" | "btn-link-icon" | "btn-destructive-icon" | "btn-highlight-icon" | "inputFg" | "inputFgDisabled" | "success-icon" | "critical-icon" | "warning-icon" | "attention-icon" | "info-icon" | "highlight-icon" | "insight-icon" | "neutral-icon" | "success-alt-icon" | "critical-alt-icon" | "warning-alt-icon" | "attention-alt-icon" | "info-alt-icon" | "highlight-alt-icon" | "insight-alt-icon" | "neutral-alt-icon");
|
|
37
|
-
display?: ("block" | "flex" | "inline" | "inline-block" | "inline-flex");
|
|
38
|
-
size?: ("xs" | "sm" | "default" | "lg" | "xl" | "2xl");
|
|
39
|
-
stroke?: boolean;
|
|
40
|
-
onClick?: Function;
|
|
41
|
-
className?: string;
|
|
42
|
-
}): JSX.Element;
|
|
2
|
+
declare function Icon(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
43
3
|
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/Icon.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/Icon.js"],"names":[],"mappings":";AAkdA,2EAmIC"}
|
|
@@ -1,45 +1,3 @@
|
|
|
1
1
|
export default Image;
|
|
2
|
-
|
|
3
|
-
* Image component that renders an image with optional styling and behavior.
|
|
4
|
-
*
|
|
5
|
-
* @component
|
|
6
|
-
* @param {Object} props - Properties passed to the Image component.
|
|
7
|
-
* @param {string} [props.alt] - Alternative text for the image.
|
|
8
|
-
* @param {Array<{source: string, descriptor: string}>} [props.sourceSet] - Array of image sources and descriptors for responsive images.
|
|
9
|
-
* @param {string} [props.source] - URL of the image to display.
|
|
10
|
-
* @param {boolean} [props.rounded] - Whether to round the image.
|
|
11
|
-
* @param {string} [props.crossOrigin] - Sets the crossOrigin attribute for the image. Possible values are "anonymous" or "use-credentials".
|
|
12
|
-
* @param {function} [props.onLoad] - Callback function to handle the image load event.
|
|
13
|
-
* @param {string} [props.className] - Additional classes to apply to the image.
|
|
14
|
-
* @param {('default'|'none'|'xs'|'sm'|'md'|'lg'|'full'|'max')} [props.borderRadius='default'] - The border radius variant for the image.
|
|
15
|
-
* @param {Object} [rest] - Any additional props passed to the underlying `<img>` element.
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* <Image
|
|
19
|
-
* alt="Sample Image"
|
|
20
|
-
* sourceSet={[
|
|
21
|
-
* { source: 'image-320w.jpg', descriptor: '320w' },
|
|
22
|
-
* { source: 'image-640w.jpg', descriptor: '640w' }
|
|
23
|
-
* ]}
|
|
24
|
-
* source="image.jpg"
|
|
25
|
-
* borderRadius="md"
|
|
26
|
-
* onLoad={() => console.log("Image loaded")}
|
|
27
|
-
* className="custom-class"
|
|
28
|
-
* />
|
|
29
|
-
*
|
|
30
|
-
* @returns {JSX.Element} A styled image component with optional responsive support.
|
|
31
|
-
*/
|
|
32
|
-
declare function Image(props?: {
|
|
33
|
-
alt?: string;
|
|
34
|
-
sourceSet?: Array<{
|
|
35
|
-
source: string;
|
|
36
|
-
descriptor: string;
|
|
37
|
-
}>;
|
|
38
|
-
source?: string;
|
|
39
|
-
rounded?: boolean;
|
|
40
|
-
crossOrigin?: string;
|
|
41
|
-
onLoad?: Function;
|
|
42
|
-
className?: string;
|
|
43
|
-
borderRadius?: ("default" | "none" | "xs" | "sm" | "md" | "lg" | "full" | "max");
|
|
44
|
-
}): JSX.Element;
|
|
2
|
+
declare function Image(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
45
3
|
//# sourceMappingURL=Image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../components/Image.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../components/Image.js"],"names":[],"mappings":";AAkEA,4EAoCC"}
|
|
@@ -1,22 +1,3 @@
|
|
|
1
1
|
export default InlineError;
|
|
2
|
-
|
|
3
|
-
* InlineError Component
|
|
4
|
-
*
|
|
5
|
-
* Displays an inline error message with an icon, useful for indicating errors next to form fields.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @param {Object} props - Component properties.
|
|
9
|
-
* @param {string} props.message - The error message to display.
|
|
10
|
-
* @param {string} props.fieldID - The ID of the field this error is associated with, used to generate an accessible ID for the error element.
|
|
11
|
-
*
|
|
12
|
-
* @returns {JSX.Element} A styled inline error message with an icon.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* <InlineError message="This field is required" fieldID="username" />
|
|
16
|
-
*
|
|
17
|
-
*/
|
|
18
|
-
declare function InlineError(props?: {
|
|
19
|
-
message: string;
|
|
20
|
-
fieldID: string;
|
|
21
|
-
}): JSX.Element;
|
|
2
|
+
declare function InlineError(props?: {}): import("react/jsx-runtime").JSX.Element;
|
|
22
3
|
//# sourceMappingURL=InlineError.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../../components/InlineError.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"InlineError.d.ts","sourceRoot":"","sources":["../../../components/InlineError.js"],"names":[],"mappings":";AAkCA,kFAcC"}
|