@primer/components 0.0.0-202111114525 → 0.0.0-2021111164412
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/CHANGELOG.md +944 -31
- package/README.md +16 -16
- package/codemods/__tests__/deprecateUtilityComponents.js +200 -0
- package/codemods/__tests__/removeSystemProps.js +225 -0
- package/codemods/deprecateUtilityComponents.js +111 -0
- package/codemods/lib/modifyProps.js +9 -7
- package/codemods/lib/prettify.js +1 -1
- package/codemods/lib/replaceImportSource.js +5 -5
- package/codemods/removeSystemProps.js +312 -0
- package/dist/browser.esm.js +1286 -849
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +1322 -885
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Divider.d.ts +9 -0
- package/lib/ActionList/Divider.js +40 -0
- package/lib/ActionList/Group.d.ts +28 -0
- package/lib/ActionList/Group.js +35 -0
- package/lib/ActionList/Header.d.ts +29 -0
- package/lib/ActionList/Header.js +51 -0
- package/lib/ActionList/Item.d.ts +98 -0
- package/lib/ActionList/Item.js +276 -0
- package/lib/ActionList/List.d.ts +88 -0
- package/lib/ActionList/List.js +199 -0
- package/lib/ActionList/index.d.ts +17 -0
- package/lib/ActionList/index.js +29 -0
- package/lib/ActionList2/Description.d.ts +12 -0
- package/lib/ActionList2/Description.js +57 -0
- package/lib/ActionList2/Divider.d.ts +5 -0
- package/lib/ActionList2/Divider.js +35 -0
- package/lib/ActionList2/Group.d.ts +37 -0
- package/lib/ActionList2/Group.js +106 -0
- package/lib/ActionList2/Item.d.ts +63 -0
- package/lib/ActionList2/Item.js +244 -0
- package/lib/ActionList2/LinkItem.d.ts +17 -0
- package/lib/ActionList2/LinkItem.js +57 -0
- package/lib/ActionList2/List.d.ts +26 -0
- package/lib/ActionList2/List.js +58 -0
- package/lib/ActionList2/Selection.d.ts +5 -0
- package/lib/ActionList2/Selection.js +86 -0
- package/lib/ActionList2/Visuals.d.ts +9 -0
- package/lib/ActionList2/Visuals.js +90 -0
- package/lib/ActionList2/index.d.ts +36 -0
- package/lib/ActionList2/index.js +47 -0
- package/lib/ActionMenu.d.ts +40 -0
- package/lib/ActionMenu.js +103 -0
- package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
- package/lib/AnchoredOverlay/AnchoredOverlay.js +124 -0
- package/lib/AnchoredOverlay/index.d.ts +2 -0
- package/lib/AnchoredOverlay/index.js +13 -0
- package/lib/Autocomplete/Autocomplete.d.ts +305 -0
- package/lib/Autocomplete/Autocomplete.js +145 -0
- package/lib/Autocomplete/AutocompleteContext.d.ts +17 -0
- package/lib/Autocomplete/AutocompleteContext.js +11 -0
- package/lib/Autocomplete/AutocompleteInput.d.ts +293 -0
- package/lib/Autocomplete/AutocompleteInput.js +157 -0
- package/lib/Autocomplete/AutocompleteMenu.d.ts +72 -0
- package/lib/Autocomplete/AutocompleteMenu.js +217 -0
- package/lib/Autocomplete/AutocompleteOverlay.d.ts +20 -0
- package/lib/Autocomplete/AutocompleteOverlay.js +80 -0
- package/lib/Autocomplete/index.d.ts +2 -0
- package/lib/Autocomplete/index.js +15 -0
- package/lib/Avatar.d.ts +15 -0
- package/lib/Avatar.js +0 -11
- package/lib/AvatarPair.d.ts +8 -0
- package/lib/AvatarPair.js +10 -16
- package/lib/AvatarStack.d.ts +8 -0
- package/lib/AvatarStack.js +16 -25
- package/lib/BaseStyles.d.ts +14 -0
- package/lib/BaseStyles.js +25 -31
- package/lib/BorderBox.d.ts +7 -0
- package/lib/BorderBox.js +5 -16
- package/lib/Box.d.ts +6 -0
- package/lib/Box.js +2 -15
- package/lib/BranchName.d.ts +6 -0
- package/lib/BranchName.js +1 -14
- package/lib/Breadcrumbs.d.ts +41 -0
- package/lib/Breadcrumbs.js +82 -0
- package/lib/Button/Button.d.ts +284 -0
- package/lib/Button/Button.js +3 -15
- package/lib/Button/ButtonBase.d.ts +9 -0
- package/lib/Button/ButtonBase.js +2 -25
- package/lib/Button/ButtonClose.d.ts +279 -0
- package/lib/Button/ButtonClose.js +9 -26
- package/lib/Button/ButtonDanger.d.ts +284 -0
- package/lib/Button/ButtonDanger.js +2 -14
- package/lib/Button/ButtonGroup.d.ts +4 -0
- package/lib/Button/ButtonGroup.js +2 -8
- package/lib/Button/ButtonInvisible.d.ts +284 -0
- package/lib/Button/ButtonInvisible.js +3 -15
- package/lib/Button/ButtonOutline.d.ts +284 -0
- package/lib/Button/ButtonOutline.js +2 -14
- package/lib/Button/ButtonPrimary.d.ts +284 -0
- package/lib/Button/ButtonPrimary.js +2 -14
- package/lib/Button/ButtonStyles.d.ts +2 -0
- package/lib/Button/ButtonTableList.d.ts +5 -0
- package/lib/Button/ButtonTableList.js +1 -15
- package/lib/Button/index.d.ts +16 -0
- package/lib/Button/index.js +9 -59
- package/lib/Caret.d.ts +21 -0
- package/lib/Caret.js +25 -31
- package/lib/Checkbox.d.ts +29 -0
- package/lib/Checkbox.js +64 -0
- package/lib/CheckboxInputField.d.ts +11 -0
- package/lib/CheckboxInputField.js +73 -0
- package/lib/ChoiceFieldset/ChoiceFieldCaption.d.ts +3 -0
- package/lib/ChoiceFieldset/ChoiceFieldCaption.js +35 -0
- package/lib/ChoiceFieldset/ChoiceFieldLabel.d.ts +3 -0
- package/lib/ChoiceFieldset/ChoiceFieldLabel.js +35 -0
- package/lib/ChoiceFieldset/ChoiceFieldset.d.ts +64 -0
- package/lib/ChoiceFieldset/ChoiceFieldset.js +99 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetCaption.d.ts +3 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetCaption.js +30 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +6 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js +44 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts +6 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetList.js +80 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +18 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js +15 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +24 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetListItem.js +65 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +6 -0
- package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js +17 -0
- package/lib/ChoiceFieldset/index.d.ts +3 -0
- package/lib/ChoiceFieldset/index.js +23 -0
- package/lib/CircleBadge.d.ts +24 -0
- package/lib/CircleBadge.js +16 -40
- package/lib/CircleOcticon.d.ts +392 -0
- package/lib/CircleOcticon.js +9 -19
- package/lib/CounterLabel.d.ts +7 -0
- package/lib/CounterLabel.js +3 -17
- package/lib/Details.d.ts +6 -0
- package/lib/Details.js +1 -9
- package/lib/Dialog/ConfirmationDialog.d.ts +44 -0
- package/lib/Dialog/ConfirmationDialog.js +191 -0
- package/lib/Dialog/Dialog.d.ts +163 -0
- package/lib/Dialog/Dialog.js +311 -0
- package/lib/Dialog.d.ts +406 -0
- package/lib/Dialog.js +34 -49
- package/lib/Dropdown.d.ts +1177 -0
- package/lib/Dropdown.js +45 -60
- package/lib/DropdownMenu/DropdownButton.d.ts +280 -0
- package/lib/DropdownMenu/DropdownButton.js +33 -0
- package/lib/DropdownMenu/DropdownMenu.d.ts +43 -0
- package/lib/DropdownMenu/DropdownMenu.js +94 -0
- package/lib/DropdownMenu/index.d.ts +4 -0
- package/lib/DropdownMenu/index.js +21 -0
- package/lib/DropdownStyles.d.ts +3 -0
- package/lib/DropdownStyles.js +6 -6
- package/lib/FilterList.d.ts +283 -0
- package/lib/FilterList.js +2 -30
- package/lib/FilteredActionList/FilteredActionList.d.ts +16 -0
- package/lib/FilteredActionList/FilteredActionList.js +137 -0
- package/lib/FilteredActionList/index.d.ts +2 -0
- package/lib/FilteredActionList/index.js +13 -0
- package/lib/FilteredSearch.d.ts +5 -0
- package/lib/FilteredSearch.js +1 -12
- package/lib/Flash.d.ts +8 -0
- package/lib/Flash.js +35 -14
- package/lib/Flex.d.ts +7 -0
- package/lib/Flex.js +3 -5
- package/lib/FormGroup.d.ts +11 -0
- package/lib/FormGroup.js +2 -22
- package/lib/Grid.d.ts +7 -0
- package/lib/Grid.js +4 -9
- package/lib/Header.d.ts +23 -0
- package/lib/Header.js +7 -37
- package/lib/Heading.d.ts +6 -0
- package/lib/Heading.js +0 -7
- package/lib/Label.d.ts +10 -0
- package/lib/Label.js +5 -19
- package/lib/LabelGroup.d.ts +5 -0
- package/lib/LabelGroup.js +1 -9
- package/lib/Link.d.ts +9 -0
- package/lib/Link.js +2 -30
- package/lib/NewButton/button-counter.d.ts +6 -0
- package/lib/NewButton/button-counter.js +31 -0
- package/lib/NewButton/button.d.ts +13 -0
- package/lib/NewButton/button.js +308 -0
- package/lib/NewButton/index.d.ts +14 -0
- package/lib/NewButton/index.js +15 -0
- package/lib/NewButton/types.d.ts +32 -0
- package/lib/{utils → NewButton}/types.js +0 -0
- package/lib/Overlay.d.ts +66 -0
- package/lib/Overlay.js +184 -0
- package/lib/Pagehead.d.ts +5 -0
- package/lib/Pagehead.js +1 -13
- package/lib/Pagination/Pagination.d.ts +24 -0
- package/lib/Pagination/Pagination.js +14 -29
- package/lib/Pagination/index.d.ts +3 -0
- package/lib/Pagination/model.d.ts +26 -0
- package/lib/Pagination/model.js +1 -1
- package/lib/PointerBox.d.ts +11 -0
- package/lib/PointerBox.js +4 -13
- package/lib/Popover.d.ts +20 -0
- package/lib/Popover.js +15 -38
- package/lib/Portal/Portal.d.ts +25 -0
- package/lib/Portal/Portal.js +101 -0
- package/lib/Portal/index.d.ts +4 -0
- package/lib/Portal/index.js +17 -0
- package/lib/Position.d.ts +34 -0
- package/lib/Position.js +46 -46
- package/lib/ProgressBar.d.ts +21 -0
- package/lib/ProgressBar.js +3 -18
- package/lib/RadioInputField.d.ts +9 -0
- package/lib/RadioInputField.js +82 -0
- package/lib/SelectMenu/SelectMenu.d.ts +1670 -0
- package/lib/SelectMenu/SelectMenu.js +32 -44
- package/lib/SelectMenu/SelectMenuContext.d.ts +8 -0
- package/lib/SelectMenu/SelectMenuContext.js +1 -1
- package/lib/SelectMenu/SelectMenuDivider.d.ts +5 -0
- package/lib/SelectMenu/SelectMenuDivider.js +6 -14
- package/lib/SelectMenu/SelectMenuFilter.d.ts +9 -0
- package/lib/SelectMenu/SelectMenuFilter.js +13 -21
- package/lib/SelectMenu/SelectMenuFooter.d.ts +5 -0
- package/lib/SelectMenu/SelectMenuFooter.js +6 -14
- package/lib/SelectMenu/SelectMenuHeader.d.ts +10 -0
- package/lib/SelectMenu/SelectMenuHeader.js +4 -17
- package/lib/SelectMenu/SelectMenuItem.d.ts +14 -0
- package/lib/SelectMenu/SelectMenuItem.js +13 -21
- package/lib/SelectMenu/SelectMenuList.d.ts +5 -0
- package/lib/SelectMenu/SelectMenuList.js +6 -14
- package/lib/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
- package/lib/SelectMenu/SelectMenuLoadingAnimation.js +6 -17
- package/lib/SelectMenu/SelectMenuModal.d.ts +14 -0
- package/lib/SelectMenu/SelectMenuModal.js +11 -23
- package/lib/SelectMenu/SelectMenuTab.d.ts +13 -0
- package/lib/SelectMenu/SelectMenuTab.js +16 -26
- package/lib/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
- package/lib/SelectMenu/SelectMenuTabPanel.js +14 -25
- package/lib/SelectMenu/SelectMenuTabs.d.ts +10 -0
- package/lib/SelectMenu/SelectMenuTabs.js +10 -17
- package/lib/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
- package/lib/SelectMenu/hooks/useKeyboardNav.js +2 -0
- package/lib/SelectMenu/index.d.ts +2 -0
- package/lib/SelectMenu/index.js +7 -5
- package/lib/SelectPanel/SelectPanel.d.ts +25 -0
- package/lib/SelectPanel/SelectPanel.js +147 -0
- package/lib/SelectPanel/index.d.ts +2 -0
- package/lib/SelectPanel/index.js +13 -0
- package/lib/SideNav.d.ts +34 -0
- package/lib/SideNav.js +35 -51
- package/lib/Spinner.d.ts +17 -0
- package/lib/Spinner.js +60 -0
- package/lib/StateLabel.d.ts +15 -0
- package/lib/StateLabel.js +53 -23
- package/lib/StyledOcticon.d.ts +11 -0
- package/lib/StyledOcticon.js +1 -15
- package/lib/SubNav.d.ts +26 -0
- package/lib/SubNav.js +10 -40
- package/lib/TabNav.d.ts +19 -0
- package/lib/TabNav.js +29 -49
- package/lib/Text.d.ts +6 -0
- package/lib/Text.js +0 -12
- package/lib/TextInput.d.ts +14 -0
- package/lib/TextInput.js +25 -76
- package/lib/TextInputField.d.ts +581 -0
- package/lib/TextInputField.js +66 -0
- package/lib/TextInputWithTokens.d.ts +328 -0
- package/lib/TextInputWithTokens.js +318 -0
- package/lib/ThemeProvider.d.ts +26 -0
- package/lib/ThemeProvider.js +193 -0
- package/lib/Timeline.d.ts +33 -0
- package/lib/Timeline.js +54 -99
- package/lib/Token/AvatarToken.d.ts +7 -0
- package/lib/Token/AvatarToken.js +64 -0
- package/lib/Token/IssueLabelToken.d.ts +14 -0
- package/lib/Token/IssueLabelToken.js +144 -0
- package/lib/Token/Token.d.ts +15 -0
- package/lib/Token/Token.js +105 -0
- package/lib/Token/TokenBase.d.ts +31 -0
- package/lib/Token/TokenBase.js +104 -0
- package/lib/Token/_RemoveTokenButton.d.ts +12 -0
- package/lib/Token/_RemoveTokenButton.js +90 -0
- package/lib/Token/_TokenTextContainer.d.ts +3 -0
- package/lib/Token/_TokenTextContainer.js +17 -0
- package/lib/Token/index.d.ts +3 -0
- package/lib/Token/index.js +31 -0
- package/lib/Tooltip.d.ts +17 -0
- package/lib/Tooltip.js +12 -30
- package/lib/Truncate.d.ts +10 -0
- package/lib/Truncate.js +2 -18
- package/lib/UnderlineNav.d.ts +24 -0
- package/lib/UnderlineNav.js +3 -29
- package/lib/_InputCaption.d.ts +13 -0
- package/lib/_InputCaption.js +27 -0
- package/lib/_InputField/InputField.d.ts +39 -0
- package/lib/_InputField/InputField.js +90 -0
- package/lib/_InputField/InputFieldCaption.d.ts +3 -0
- package/lib/_InputField/InputFieldCaption.js +30 -0
- package/lib/_InputField/InputFieldLabel.d.ts +9 -0
- package/lib/_InputField/InputFieldLabel.js +34 -0
- package/lib/_InputField/InputFieldValidation.d.ts +6 -0
- package/lib/_InputField/InputFieldValidation.js +17 -0
- package/lib/_InputField/ToggleInputField.d.ts +13 -0
- package/lib/_InputField/ToggleInputField.js +71 -0
- package/lib/_InputField/ToggleInputLeadingVisual.d.ts +3 -0
- package/lib/_InputField/ToggleInputLeadingVisual.js +22 -0
- package/lib/_InputField/ValidationAnimationContainer.d.ts +6 -0
- package/lib/_InputField/ValidationAnimationContainer.js +48 -0
- package/lib/_InputField/index.d.ts +1 -0
- package/lib/_InputField/index.js +15 -0
- package/lib/_InputField/slots.d.ts +13 -0
- package/lib/_InputField/slots.js +17 -0
- package/lib/_InputLabel.d.ts +8 -0
- package/lib/_InputLabel.js +44 -0
- package/lib/_InputValidation.d.ts +8 -0
- package/lib/_InputValidation.js +56 -0
- package/lib/_TextInputWrapper.d.ts +10 -0
- package/lib/_TextInputWrapper.js +51 -0
- package/lib/_UnstyledTextInput.d.ts +2 -0
- package/lib/_UnstyledTextInput.js +20 -0
- package/lib/_VisuallyHidden.d.ts +6 -0
- package/lib/_VisuallyHidden.js +39 -0
- package/lib/behaviors/anchoredPosition.d.ts +89 -0
- package/lib/behaviors/anchoredPosition.js +316 -0
- package/lib/behaviors/focusTrap.d.ts +12 -0
- package/lib/behaviors/focusTrap.js +179 -0
- package/lib/behaviors/focusZone.d.ts +137 -0
- package/lib/behaviors/focusZone.js +578 -0
- package/lib/behaviors/scrollIntoViewingArea.d.ts +1 -0
- package/lib/behaviors/scrollIntoViewingArea.js +39 -0
- package/lib/constants.d.ts +20 -0
- package/lib/constants.js +11 -27
- package/lib/drafts.d.ts +8 -0
- package/lib/drafts.js +31 -0
- package/lib/hooks/index.d.ts +11 -0
- package/lib/hooks/index.js +61 -0
- package/lib/hooks/useAnchoredPosition.d.ts +20 -0
- package/lib/hooks/useAnchoredPosition.js +51 -0
- package/lib/hooks/useCombinedRefs.d.ts +10 -0
- package/lib/hooks/useCombinedRefs.js +47 -0
- package/lib/hooks/useDetails.d.ts +17 -0
- package/lib/hooks/useDetails.js +10 -3
- package/lib/hooks/useDialog.d.ts +16 -0
- package/lib/hooks/useDialog.js +21 -6
- package/lib/hooks/useFocusTrap.d.ts +32 -0
- package/lib/hooks/useFocusTrap.js +69 -0
- package/lib/hooks/useFocusZone.d.ts +23 -0
- package/lib/hooks/useFocusZone.js +53 -0
- package/lib/hooks/useOnEscapePress.d.ts +23 -0
- package/lib/hooks/useOnEscapePress.js +69 -0
- package/lib/hooks/useOnOutsideClick.d.ts +8 -0
- package/lib/hooks/useOnOutsideClick.js +90 -0
- package/lib/hooks/useOpenAndCloseFocus.d.ts +8 -0
- package/lib/hooks/useOpenAndCloseFocus.js +36 -0
- package/lib/hooks/useOverlay.d.ts +15 -0
- package/lib/hooks/useOverlay.js +43 -0
- package/lib/hooks/useProvidedRefOrCreate.d.ts +10 -0
- package/lib/hooks/useProvidedRefOrCreate.js +24 -0
- package/lib/hooks/useProvidedStateOrCreate.d.ts +10 -0
- package/lib/hooks/useProvidedStateOrCreate.js +27 -0
- package/lib/hooks/useRenderForcingRef.d.ts +8 -0
- package/lib/hooks/useRenderForcingRef.js +25 -0
- package/lib/hooks/useResizeObserver.d.ts +1 -0
- package/lib/hooks/useResizeObserver.js +20 -0
- package/lib/hooks/useSafeTimeout.d.ts +12 -0
- package/lib/hooks/useSafeTimeout.js +38 -0
- package/lib/hooks/useScrollFlash.d.ts +6 -0
- package/lib/hooks/useScrollFlash.js +29 -0
- package/lib/index.d.ts +124 -0
- package/lib/index.js +229 -7
- package/lib/polyfills/eventListenerSignal.d.ts +6 -0
- package/lib/polyfills/eventListenerSignal.js +64 -0
- package/lib/sx.d.ts +14 -0
- package/lib/sx.js +8 -5
- package/lib/theme-preval.d.ts +49 -0
- package/lib/theme-preval.js +3119 -357
- package/lib/theme.d.ts +80 -0
- package/lib/theme.js +5 -8
- package/lib/utils/create-slots.d.ts +17 -0
- package/lib/utils/create-slots.js +105 -0
- package/lib/utils/deprecate.d.ts +18 -0
- package/lib/utils/deprecate.js +6 -5
- package/lib/utils/isNumeric.d.ts +1 -0
- package/lib/utils/isNumeric.js +1 -0
- package/lib/utils/iterateFocusableElements.d.ts +42 -0
- package/lib/utils/iterateFocusableElements.js +113 -0
- package/lib/utils/ssr.d.ts +1 -0
- package/lib/utils/ssr.js +19 -0
- package/lib/utils/test-deprecations.d.ts +1 -0
- package/lib/utils/test-deprecations.js +2 -1
- package/lib/utils/test-helpers.d.ts +0 -0
- package/lib/utils/test-helpers.js +9 -0
- package/lib/utils/test-matchers.d.ts +1 -0
- package/lib/utils/test-matchers.js +6 -50
- package/lib/utils/testing.d.ts +545 -0
- package/lib/utils/testing.js +65 -49
- package/lib/utils/theme.d.ts +9 -0
- package/lib/utils/theme.js +68 -0
- package/lib/utils/types/AriaRole.d.ts +1 -0
- package/lib/utils/types/AriaRole.js +1 -0
- package/lib/utils/types/ComponentProps.d.ts +9 -0
- package/lib/utils/types/ComponentProps.js +1 -0
- package/lib/utils/types/Flatten.d.ts +4 -0
- package/lib/utils/types/Flatten.js +1 -0
- package/lib/utils/types/FormValidationStatus.d.ts +1 -0
- package/lib/utils/types/FormValidationStatus.js +1 -0
- package/lib/utils/types/KeyPaths.d.ts +3 -0
- package/lib/utils/types/KeyPaths.js +1 -0
- package/lib/utils/types/MandateProps.d.ts +3 -0
- package/lib/utils/types/MandateProps.js +1 -0
- package/lib/utils/types/Merge.d.ts +19 -0
- package/lib/utils/types/Merge.js +1 -0
- package/lib/utils/types/index.d.ts +5 -0
- package/lib/utils/types/index.js +70 -0
- package/lib/utils/uniqueId.d.ts +1 -0
- package/lib/utils/uniqueId.js +12 -0
- package/lib/utils/use-force-update.d.ts +1 -0
- package/lib/utils/use-force-update.js +19 -0
- package/lib/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib/utils/useIsomorphicLayoutEffect.js +12 -0
- package/lib/utils/userAgent.d.ts +1 -0
- package/lib/utils/userAgent.js +15 -0
- package/lib-esm/ActionList/Divider.d.ts +9 -0
- package/lib-esm/ActionList/Divider.js +23 -0
- package/lib-esm/ActionList/Group.d.ts +28 -0
- package/lib-esm/ActionList/Group.js +24 -0
- package/lib-esm/ActionList/Header.d.ts +29 -0
- package/lib-esm/ActionList/Header.js +33 -0
- package/lib-esm/ActionList/Item.d.ts +98 -0
- package/lib-esm/ActionList/Item.js +241 -0
- package/lib-esm/ActionList/List.d.ts +88 -0
- package/lib-esm/ActionList/List.js +181 -0
- package/lib-esm/ActionList/index.d.ts +17 -0
- package/lib-esm/ActionList/index.js +18 -0
- package/lib-esm/ActionList2/Description.d.ts +12 -0
- package/lib-esm/ActionList2/Description.js +41 -0
- package/lib-esm/ActionList2/Divider.d.ts +5 -0
- package/lib-esm/ActionList2/Divider.js +23 -0
- package/lib-esm/ActionList2/Group.d.ts +37 -0
- package/lib-esm/ActionList2/Group.js +87 -0
- package/lib-esm/ActionList2/Item.d.ts +63 -0
- package/lib-esm/ActionList2/Item.js +210 -0
- package/lib-esm/ActionList2/LinkItem.d.ts +17 -0
- package/lib-esm/ActionList2/LinkItem.js +43 -0
- package/lib-esm/ActionList2/List.d.ts +26 -0
- package/lib-esm/ActionList2/List.js +36 -0
- package/lib-esm/ActionList2/Selection.d.ts +5 -0
- package/lib-esm/ActionList2/Selection.js +68 -0
- package/lib-esm/ActionList2/Visuals.d.ts +9 -0
- package/lib-esm/ActionList2/Visuals.js +68 -0
- package/lib-esm/ActionList2/index.d.ts +36 -0
- package/lib-esm/ActionList2/index.js +33 -0
- package/lib-esm/ActionMenu.d.ts +40 -0
- package/lib-esm/ActionMenu.js +82 -0
- package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +62 -0
- package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +104 -0
- package/lib-esm/AnchoredOverlay/index.d.ts +2 -0
- package/lib-esm/AnchoredOverlay/index.js +1 -0
- package/lib-esm/Autocomplete/Autocomplete.d.ts +305 -0
- package/lib-esm/Autocomplete/Autocomplete.js +123 -0
- package/lib-esm/Autocomplete/AutocompleteContext.d.ts +17 -0
- package/lib-esm/Autocomplete/AutocompleteContext.js +2 -0
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +293 -0
- package/lib-esm/Autocomplete/AutocompleteInput.js +138 -0
- package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +72 -0
- package/lib-esm/Autocomplete/AutocompleteMenu.js +195 -0
- package/lib-esm/Autocomplete/AutocompleteOverlay.d.ts +20 -0
- package/lib-esm/Autocomplete/AutocompleteOverlay.js +62 -0
- package/lib-esm/Autocomplete/index.d.ts +2 -0
- package/lib-esm/Autocomplete/index.js +1 -0
- package/lib-esm/Avatar.d.ts +15 -0
- package/lib-esm/Avatar.js +0 -9
- package/lib-esm/AvatarPair.d.ts +8 -0
- package/lib-esm/AvatarPair.js +9 -14
- package/lib-esm/AvatarStack.d.ts +8 -0
- package/lib-esm/AvatarStack.js +15 -23
- package/lib-esm/BaseStyles.d.ts +14 -0
- package/lib-esm/BaseStyles.js +23 -26
- package/lib-esm/BorderBox.d.ts +7 -0
- package/lib-esm/BorderBox.js +6 -12
- package/lib-esm/Box.d.ts +6 -0
- package/lib-esm/Box.js +2 -13
- package/lib-esm/BranchName.d.ts +6 -0
- package/lib-esm/BranchName.js +1 -12
- package/lib-esm/Breadcrumbs.d.ts +41 -0
- package/lib-esm/Breadcrumbs.js +58 -0
- package/lib-esm/Button/Button.d.ts +284 -0
- package/lib-esm/Button/Button.js +3 -10
- package/lib-esm/Button/ButtonBase.d.ts +9 -0
- package/lib-esm/Button/ButtonBase.js +1 -19
- package/lib-esm/Button/ButtonClose.d.ts +279 -0
- package/lib-esm/Button/ButtonClose.js +5 -20
- package/lib-esm/Button/ButtonDanger.d.ts +284 -0
- package/lib-esm/Button/ButtonDanger.js +2 -9
- package/lib-esm/Button/ButtonGroup.d.ts +4 -0
- package/lib-esm/Button/ButtonGroup.js +2 -7
- package/lib-esm/Button/ButtonInvisible.d.ts +284 -0
- package/lib-esm/Button/ButtonInvisible.js +3 -10
- package/lib-esm/Button/ButtonOutline.d.ts +284 -0
- package/lib-esm/Button/ButtonOutline.js +2 -9
- package/lib-esm/Button/ButtonPrimary.d.ts +284 -0
- package/lib-esm/Button/ButtonPrimary.js +2 -9
- package/lib-esm/Button/ButtonStyles.d.ts +2 -0
- package/lib-esm/Button/ButtonTableList.d.ts +5 -0
- package/lib-esm/Button/ButtonTableList.js +2 -14
- package/lib-esm/Button/index.d.ts +16 -0
- package/lib-esm/Button/index.js +8 -8
- package/lib-esm/Caret.d.ts +21 -0
- package/lib-esm/Caret.js +24 -30
- package/lib-esm/Checkbox.d.ts +29 -0
- package/lib-esm/Checkbox.js +44 -0
- package/lib-esm/CheckboxInputField.d.ts +11 -0
- package/lib-esm/CheckboxInputField.js +56 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.d.ts +3 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldCaption.js +20 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.d.ts +3 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldLabel.js +20 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldset.d.ts +64 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldset.js +76 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetCaption.d.ts +3 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetCaption.js +18 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.d.ts +6 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetLegend.js +31 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.d.ts +6 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetList.js +63 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts +18 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js +5 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.d.ts +24 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.js +44 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts +6 -0
- package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js +7 -0
- package/lib-esm/ChoiceFieldset/index.d.ts +3 -0
- package/lib-esm/ChoiceFieldset/index.js +2 -0
- package/lib-esm/CircleBadge.d.ts +24 -0
- package/lib-esm/CircleBadge.js +15 -39
- package/lib-esm/CircleOcticon.d.ts +392 -0
- package/lib-esm/CircleOcticon.js +9 -16
- package/lib-esm/CounterLabel.d.ts +7 -0
- package/lib-esm/CounterLabel.js +4 -16
- package/lib-esm/Details.d.ts +6 -0
- package/lib-esm/Details.js +1 -8
- package/lib-esm/Dialog/ConfirmationDialog.d.ts +44 -0
- package/lib-esm/Dialog/ConfirmationDialog.js +169 -0
- package/lib-esm/Dialog/Dialog.d.ts +163 -0
- package/lib-esm/Dialog/Dialog.js +275 -0
- package/lib-esm/Dialog.d.ts +406 -0
- package/lib-esm/Dialog.js +31 -46
- package/lib-esm/Dropdown.d.ts +1177 -0
- package/lib-esm/Dropdown.js +38 -58
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +280 -0
- package/lib-esm/DropdownMenu/DropdownButton.js +18 -0
- package/lib-esm/DropdownMenu/DropdownMenu.d.ts +43 -0
- package/lib-esm/DropdownMenu/DropdownMenu.js +77 -0
- package/lib-esm/DropdownMenu/index.d.ts +4 -0
- package/lib-esm/DropdownMenu/index.js +2 -0
- package/lib-esm/DropdownStyles.d.ts +3 -0
- package/lib-esm/DropdownStyles.js +6 -6
- package/lib-esm/FilterList.d.ts +283 -0
- package/lib-esm/FilterList.js +3 -29
- package/lib-esm/FilteredActionList/FilteredActionList.d.ts +16 -0
- package/lib-esm/FilteredActionList/FilteredActionList.js +109 -0
- package/lib-esm/FilteredActionList/index.d.ts +2 -0
- package/lib-esm/FilteredActionList/index.js +1 -0
- package/lib-esm/FilteredSearch.d.ts +5 -0
- package/lib-esm/FilteredSearch.js +2 -11
- package/lib-esm/Flash.d.ts +8 -0
- package/lib-esm/Flash.js +36 -13
- package/lib-esm/Flex.d.ts +7 -0
- package/lib-esm/Flex.js +4 -4
- package/lib-esm/FormGroup.d.ts +11 -0
- package/lib-esm/FormGroup.js +3 -20
- package/lib-esm/Grid.d.ts +7 -0
- package/lib-esm/Grid.js +5 -7
- package/lib-esm/Header.d.ts +23 -0
- package/lib-esm/Header.js +6 -34
- package/lib-esm/Heading.d.ts +6 -0
- package/lib-esm/Heading.js +0 -6
- package/lib-esm/Label.d.ts +10 -0
- package/lib-esm/Label.js +3 -15
- package/lib-esm/LabelGroup.d.ts +5 -0
- package/lib-esm/LabelGroup.js +2 -9
- package/lib-esm/Link.d.ts +9 -0
- package/lib-esm/Link.js +2 -28
- package/lib-esm/NewButton/button-counter.d.ts +6 -0
- package/lib-esm/NewButton/button-counter.js +18 -0
- package/lib-esm/NewButton/button.d.ts +13 -0
- package/lib-esm/NewButton/button.js +287 -0
- package/lib-esm/NewButton/index.d.ts +14 -0
- package/lib-esm/NewButton/index.js +5 -0
- package/lib-esm/NewButton/types.d.ts +32 -0
- package/lib-esm/NewButton/types.js +1 -0
- package/lib-esm/Overlay.d.ts +66 -0
- package/lib-esm/Overlay.js +160 -0
- package/lib-esm/Pagehead.d.ts +5 -0
- package/lib-esm/Pagehead.js +2 -12
- package/lib-esm/Pagination/Pagination.d.ts +24 -0
- package/lib-esm/Pagination/Pagination.js +15 -28
- package/lib-esm/Pagination/index.d.ts +3 -0
- package/lib-esm/Pagination/model.d.ts +26 -0
- package/lib-esm/Pagination/model.js +1 -1
- package/lib-esm/PointerBox.d.ts +11 -0
- package/lib-esm/PointerBox.js +4 -11
- package/lib-esm/Popover.d.ts +20 -0
- package/lib-esm/Popover.js +13 -36
- package/lib-esm/Portal/Portal.d.ts +25 -0
- package/lib-esm/Portal/Portal.js +83 -0
- package/lib-esm/Portal/index.d.ts +4 -0
- package/lib-esm/Portal/index.js +3 -0
- package/lib-esm/Position.d.ts +34 -0
- package/lib-esm/Position.js +42 -37
- package/lib-esm/ProgressBar.d.ts +21 -0
- package/lib-esm/ProgressBar.js +3 -15
- package/lib-esm/RadioInputField.d.ts +9 -0
- package/lib-esm/RadioInputField.js +65 -0
- package/lib-esm/SelectMenu/SelectMenu.d.ts +1670 -0
- package/lib-esm/SelectMenu/SelectMenu.js +27 -38
- package/lib-esm/SelectMenu/SelectMenuContext.d.ts +8 -0
- package/lib-esm/SelectMenu/SelectMenuContext.js +1 -1
- package/lib-esm/SelectMenu/SelectMenuDivider.d.ts +5 -0
- package/lib-esm/SelectMenu/SelectMenuDivider.js +4 -11
- package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +9 -0
- package/lib-esm/SelectMenu/SelectMenuFilter.js +13 -19
- package/lib-esm/SelectMenu/SelectMenuFooter.d.ts +5 -0
- package/lib-esm/SelectMenu/SelectMenuFooter.js +4 -11
- package/lib-esm/SelectMenu/SelectMenuHeader.d.ts +10 -0
- package/lib-esm/SelectMenu/SelectMenuHeader.js +7 -18
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +14 -0
- package/lib-esm/SelectMenu/SelectMenuItem.js +11 -17
- package/lib-esm/SelectMenu/SelectMenuList.d.ts +5 -0
- package/lib-esm/SelectMenu/SelectMenuList.js +4 -11
- package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.d.ts +7 -0
- package/lib-esm/SelectMenu/SelectMenuLoadingAnimation.js +7 -13
- package/lib-esm/SelectMenu/SelectMenuModal.d.ts +14 -0
- package/lib-esm/SelectMenu/SelectMenuModal.js +10 -20
- package/lib-esm/SelectMenu/SelectMenuTab.d.ts +13 -0
- package/lib-esm/SelectMenu/SelectMenuTab.js +13 -21
- package/lib-esm/SelectMenu/SelectMenuTabPanel.d.ts +12 -0
- package/lib-esm/SelectMenu/SelectMenuTabPanel.js +9 -19
- package/lib-esm/SelectMenu/SelectMenuTabs.d.ts +10 -0
- package/lib-esm/SelectMenu/SelectMenuTabs.js +8 -15
- package/lib-esm/SelectMenu/hooks/useKeyboardNav.d.ts +2 -0
- package/lib-esm/SelectMenu/hooks/useKeyboardNav.js +2 -0
- package/lib-esm/SelectMenu/index.d.ts +2 -0
- package/lib-esm/SelectMenu/index.js +1 -2
- package/lib-esm/SelectPanel/SelectPanel.d.ts +25 -0
- package/lib-esm/SelectPanel/SelectPanel.js +127 -0
- package/lib-esm/SelectPanel/index.d.ts +2 -0
- package/lib-esm/SelectPanel/index.js +1 -0
- package/lib-esm/SideNav.d.ts +34 -0
- package/lib-esm/SideNav.js +29 -45
- package/lib-esm/Spinner.d.ts +17 -0
- package/lib-esm/Spinner.js +46 -0
- package/lib-esm/StateLabel.d.ts +15 -0
- package/lib-esm/StateLabel.js +55 -23
- package/lib-esm/StyledOcticon.d.ts +11 -0
- package/lib-esm/StyledOcticon.js +1 -12
- package/lib-esm/SubNav.d.ts +26 -0
- package/lib-esm/SubNav.js +10 -37
- package/lib-esm/TabNav.d.ts +19 -0
- package/lib-esm/TabNav.js +23 -46
- package/lib-esm/Text.d.ts +6 -0
- package/lib-esm/Text.js +0 -10
- package/lib-esm/TextInput.d.ts +14 -0
- package/lib-esm/TextInput.js +24 -62
- package/lib-esm/TextInputField.d.ts +581 -0
- package/lib-esm/TextInputField.js +50 -0
- package/lib-esm/TextInputWithTokens.d.ts +328 -0
- package/lib-esm/TextInputWithTokens.js +291 -0
- package/lib-esm/ThemeProvider.d.ts +26 -0
- package/lib-esm/ThemeProvider.js +161 -0
- package/lib-esm/Timeline.d.ts +33 -0
- package/lib-esm/Timeline.js +45 -94
- package/lib-esm/Token/AvatarToken.d.ts +7 -0
- package/lib-esm/Token/AvatarToken.js +43 -0
- package/lib-esm/Token/IssueLabelToken.d.ts +14 -0
- package/lib-esm/Token/IssueLabelToken.js +124 -0
- package/lib-esm/Token/Token.d.ts +15 -0
- package/lib-esm/Token/Token.js +84 -0
- package/lib-esm/Token/TokenBase.d.ts +31 -0
- package/lib-esm/Token/TokenBase.js +83 -0
- package/lib-esm/Token/_RemoveTokenButton.d.ts +12 -0
- package/lib-esm/Token/_RemoveTokenButton.js +69 -0
- package/lib-esm/Token/_TokenTextContainer.d.ts +3 -0
- package/lib-esm/Token/_TokenTextContainer.js +6 -0
- package/lib-esm/Token/index.d.ts +3 -0
- package/lib-esm/Token/index.js +3 -0
- package/lib-esm/Tooltip.d.ts +17 -0
- package/lib-esm/Tooltip.js +11 -28
- package/lib-esm/Truncate.d.ts +10 -0
- package/lib-esm/Truncate.js +2 -15
- package/lib-esm/UnderlineNav.d.ts +24 -0
- package/lib-esm/UnderlineNav.js +5 -28
- package/lib-esm/_InputCaption.d.ts +13 -0
- package/lib-esm/_InputCaption.js +16 -0
- package/lib-esm/_InputField/InputField.d.ts +39 -0
- package/lib-esm/_InputField/InputField.js +70 -0
- package/lib-esm/_InputField/InputFieldCaption.d.ts +3 -0
- package/lib-esm/_InputField/InputFieldCaption.js +18 -0
- package/lib-esm/_InputField/InputFieldLabel.d.ts +9 -0
- package/lib-esm/_InputField/InputFieldLabel.js +22 -0
- package/lib-esm/_InputField/InputFieldValidation.d.ts +6 -0
- package/lib-esm/_InputField/InputFieldValidation.js +7 -0
- package/lib-esm/_InputField/ToggleInputField.d.ts +13 -0
- package/lib-esm/_InputField/ToggleInputField.js +54 -0
- package/lib-esm/_InputField/ToggleInputLeadingVisual.d.ts +3 -0
- package/lib-esm/_InputField/ToggleInputLeadingVisual.js +11 -0
- package/lib-esm/_InputField/ValidationAnimationContainer.d.ts +6 -0
- package/lib-esm/_InputField/ValidationAnimationContainer.js +33 -0
- package/lib-esm/_InputField/index.d.ts +1 -0
- package/lib-esm/_InputField/index.js +1 -0
- package/lib-esm/_InputField/slots.d.ts +13 -0
- package/lib-esm/_InputField/slots.js +5 -0
- package/lib-esm/_InputLabel.d.ts +8 -0
- package/lib-esm/_InputLabel.js +32 -0
- package/lib-esm/_InputValidation.d.ts +8 -0
- package/lib-esm/_InputValidation.js +43 -0
- package/lib-esm/_TextInputWrapper.d.ts +10 -0
- package/lib-esm/_TextInputWrapper.js +31 -0
- package/lib-esm/_UnstyledTextInput.d.ts +2 -0
- package/lib-esm/_UnstyledTextInput.js +7 -0
- package/lib-esm/_VisuallyHidden.d.ts +6 -0
- package/lib-esm/_VisuallyHidden.js +26 -0
- package/lib-esm/behaviors/anchoredPosition.d.ts +89 -0
- package/lib-esm/behaviors/anchoredPosition.js +309 -0
- package/lib-esm/behaviors/focusTrap.d.ts +12 -0
- package/lib-esm/behaviors/focusTrap.js +170 -0
- package/lib-esm/behaviors/focusZone.d.ts +137 -0
- package/lib-esm/behaviors/focusZone.js +560 -0
- package/lib-esm/behaviors/scrollIntoViewingArea.d.ts +1 -0
- package/lib-esm/behaviors/scrollIntoViewingArea.js +30 -0
- package/lib-esm/constants.d.ts +20 -0
- package/lib-esm/constants.js +9 -23
- package/lib-esm/drafts.d.ts +8 -0
- package/lib-esm/drafts.js +9 -0
- package/lib-esm/hooks/index.d.ts +11 -0
- package/lib-esm/hooks/index.js +7 -0
- package/lib-esm/hooks/useAnchoredPosition.d.ts +20 -0
- package/lib-esm/hooks/useAnchoredPosition.js +35 -0
- package/lib-esm/hooks/useCombinedRefs.d.ts +10 -0
- package/lib-esm/hooks/useCombinedRefs.js +37 -0
- package/lib-esm/hooks/useDetails.d.ts +17 -0
- package/lib-esm/hooks/useDetails.js +10 -3
- package/lib-esm/hooks/useDialog.d.ts +16 -0
- package/lib-esm/hooks/useDialog.js +21 -6
- package/lib-esm/hooks/useFocusTrap.d.ts +32 -0
- package/lib-esm/hooks/useFocusTrap.js +54 -0
- package/lib-esm/hooks/useFocusZone.d.ts +23 -0
- package/lib-esm/hooks/useFocusZone.js +37 -0
- package/lib-esm/hooks/useOnEscapePress.d.ts +23 -0
- package/lib-esm/hooks/useOnEscapePress.js +59 -0
- package/lib-esm/hooks/useOnOutsideClick.d.ts +8 -0
- package/lib-esm/hooks/useOnOutsideClick.js +79 -0
- package/lib-esm/hooks/useOpenAndCloseFocus.d.ts +8 -0
- package/lib-esm/hooks/useOpenAndCloseFocus.js +27 -0
- package/lib-esm/hooks/useOverlay.d.ts +15 -0
- package/lib-esm/hooks/useOverlay.js +30 -0
- package/lib-esm/hooks/useProvidedRefOrCreate.d.ts +10 -0
- package/lib-esm/hooks/useProvidedRefOrCreate.js +14 -0
- package/lib-esm/hooks/useProvidedStateOrCreate.d.ts +10 -0
- package/lib-esm/hooks/useProvidedStateOrCreate.js +20 -0
- package/lib-esm/hooks/useRenderForcingRef.d.ts +8 -0
- package/lib-esm/hooks/useRenderForcingRef.js +18 -0
- package/lib-esm/hooks/useResizeObserver.d.ts +1 -0
- package/lib-esm/hooks/useResizeObserver.js +10 -0
- package/lib-esm/hooks/useSafeTimeout.d.ts +12 -0
- package/lib-esm/hooks/useSafeTimeout.js +31 -0
- package/lib-esm/hooks/useScrollFlash.d.ts +6 -0
- package/lib-esm/hooks/useScrollFlash.js +22 -0
- package/lib-esm/index.d.ts +124 -0
- package/lib-esm/index.js +33 -7
- package/lib-esm/polyfills/eventListenerSignal.d.ts +6 -0
- package/lib-esm/polyfills/eventListenerSignal.js +57 -0
- package/lib-esm/sx.d.ts +14 -0
- package/lib-esm/sx.js +3 -5
- package/lib-esm/theme-preval.d.ts +49 -0
- package/lib-esm/theme-preval.js +3119 -357
- package/lib-esm/theme.d.ts +80 -0
- package/lib-esm/theme.js +3 -8
- package/lib-esm/utils/create-slots.d.ts +17 -0
- package/lib-esm/utils/create-slots.js +84 -0
- package/lib-esm/utils/deprecate.d.ts +18 -0
- package/lib-esm/utils/deprecate.js +6 -5
- package/lib-esm/utils/isNumeric.d.ts +1 -0
- package/lib-esm/utils/isNumeric.js +1 -0
- package/lib-esm/utils/iterateFocusableElements.d.ts +42 -0
- package/lib-esm/utils/iterateFocusableElements.js +102 -0
- package/lib-esm/utils/ssr.d.ts +1 -0
- package/lib-esm/utils/ssr.js +1 -0
- package/lib-esm/utils/test-deprecations.d.ts +1 -0
- package/lib-esm/utils/test-deprecations.js +1 -1
- package/lib-esm/utils/{types.js → test-helpers.d.ts} +0 -0
- package/lib-esm/utils/test-helpers.js +7 -0
- package/lib-esm/utils/test-matchers.d.ts +1 -0
- package/lib-esm/utils/test-matchers.js +7 -49
- package/lib-esm/utils/testing.d.ts +545 -0
- package/lib-esm/utils/testing.js +60 -46
- package/lib-esm/utils/theme.d.ts +9 -0
- package/lib-esm/utils/theme.js +66 -0
- package/lib-esm/utils/types/AriaRole.d.ts +1 -0
- package/lib-esm/utils/types/AriaRole.js +1 -0
- package/lib-esm/utils/types/ComponentProps.d.ts +9 -0
- package/lib-esm/utils/types/ComponentProps.js +1 -0
- package/lib-esm/utils/types/Flatten.d.ts +4 -0
- package/lib-esm/utils/types/Flatten.js +1 -0
- package/lib-esm/utils/types/FormValidationStatus.d.ts +1 -0
- package/lib-esm/utils/types/FormValidationStatus.js +1 -0
- package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
- package/lib-esm/utils/types/KeyPaths.js +1 -0
- package/lib-esm/utils/types/MandateProps.d.ts +3 -0
- package/lib-esm/utils/types/MandateProps.js +1 -0
- package/lib-esm/utils/types/Merge.d.ts +19 -0
- package/lib-esm/utils/types/Merge.js +1 -0
- package/lib-esm/utils/types/index.d.ts +5 -0
- package/lib-esm/utils/types/index.js +5 -0
- package/lib-esm/utils/uniqueId.d.ts +1 -0
- package/lib-esm/utils/uniqueId.js +5 -0
- package/lib-esm/utils/use-force-update.d.ts +1 -0
- package/lib-esm/utils/use-force-update.js +6 -0
- package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib-esm/utils/useIsomorphicLayoutEffect.js +3 -0
- package/lib-esm/utils/userAgent.d.ts +1 -0
- package/lib-esm/utils/userAgent.js +8 -0
- package/package.json +114 -93
- package/index.d.ts +0 -828
- package/lib/Breadcrumb.js +0 -96
- package/lib/hooks/useMouseIntent.js +0 -58
- package/lib/stories/Button.stories.js +0 -100
- package/lib-esm/Breadcrumb.js +0 -70
- package/lib-esm/hooks/useMouseIntent.js +0 -50
- package/lib-esm/stories/Button.stories.js +0 -65
package/lib/utils/testing.js
CHANGED
@@ -8,7 +8,6 @@ exports.render = render;
|
|
8
8
|
exports.renderRoot = renderRoot;
|
9
9
|
exports.renderClasses = renderClasses;
|
10
10
|
exports.rendersClass = rendersClass;
|
11
|
-
exports.renderWithTheme = renderWithTheme;
|
12
11
|
exports.px = px;
|
13
12
|
exports.percent = percent;
|
14
13
|
exports.renderStyles = renderStyles;
|
@@ -20,6 +19,7 @@ exports.loadCSS = loadCSS;
|
|
20
19
|
exports.unloadCSS = unloadCSS;
|
21
20
|
exports.behavesAsComponent = behavesAsComponent;
|
22
21
|
exports.checkExports = checkExports;
|
22
|
+
exports.checkStoriesForAxeViolations = checkStoriesForAxeViolations;
|
23
23
|
exports.COMPONENT_DISPLAY_NAME_REGEX = void 0;
|
24
24
|
|
25
25
|
var _react = _interopRequireDefault(require("react"));
|
@@ -32,12 +32,17 @@ var _enzyme = _interopRequireDefault(require("enzyme"));
|
|
32
32
|
|
33
33
|
var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
|
34
34
|
|
35
|
-
var
|
35
|
+
var _react2 = require("@testing-library/react");
|
36
|
+
|
37
|
+
var _jestAxe = require("jest-axe");
|
38
|
+
|
39
|
+
var _ = require("..");
|
36
40
|
|
37
41
|
var _theme = _interopRequireDefault(require("../theme"));
|
38
42
|
|
39
43
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
40
44
|
|
45
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
41
46
|
const readFile = (0, _util.promisify)(require('fs').readFile);
|
42
47
|
const COMPONENT_DISPLAY_NAME_REGEX = /^[A-Z][A-Za-z]+(\.[A-Z][A-Za-z]+)*$/;
|
43
48
|
exports.COMPONENT_DISPLAY_NAME_REGEX = COMPONENT_DISPLAY_NAME_REGEX;
|
@@ -49,6 +54,7 @@ _enzyme.default.configure({
|
|
49
54
|
function mount(component) {
|
50
55
|
return _enzyme.default.mount(component);
|
51
56
|
}
|
57
|
+
|
52
58
|
/**
|
53
59
|
* Render the component (a React.createElement() or JSX expression)
|
54
60
|
* into its intermediate object representation with 'type',
|
@@ -60,10 +66,10 @@ function mount(component) {
|
|
60
66
|
* expect(render(<Foo />)).toEqual(render(<div foo='bar' />))
|
61
67
|
* ```
|
62
68
|
*/
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
69
|
+
function render(component, theme = _theme.default) {
|
70
|
+
return _reactTestRenderer.default.create( /*#__PURE__*/_react.default.createElement(_.ThemeProvider, {
|
71
|
+
theme: theme
|
72
|
+
}, component)).toJSON();
|
67
73
|
}
|
68
74
|
/**
|
69
75
|
* Render the component (a React.createElement() or JSX expression)
|
@@ -103,12 +109,6 @@ function rendersClass(node, klass) {
|
|
103
109
|
return renderClasses(node).includes(klass);
|
104
110
|
}
|
105
111
|
|
106
|
-
function renderWithTheme(node, theme = _theme.default) {
|
107
|
-
return render( /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
|
108
|
-
theme: theme
|
109
|
-
}, node));
|
110
|
-
}
|
111
|
-
|
112
112
|
function px(value) {
|
113
113
|
return typeof value === 'number' ? `${value}px` : value;
|
114
114
|
}
|
@@ -132,11 +132,12 @@ function getComputedStyles(className) {
|
|
132
132
|
const computed = {};
|
133
133
|
|
134
134
|
for (const sheet of document.styleSheets) {
|
135
|
+
// CSSRulesLists assumes every rule is a CSSRule, not a CSSStyleRule
|
135
136
|
for (const rule of sheet.cssRules) {
|
136
|
-
if (rule
|
137
|
-
readRule(rule, computed);
|
138
|
-
} else if (rule.type === 4) {
|
137
|
+
if (rule instanceof CSSMediaRule) {
|
139
138
|
readMedia(rule);
|
139
|
+
} else if (rule instanceof CSSStyleRule) {
|
140
|
+
readRule(rule, computed);
|
140
141
|
} else {// console.warn('rule.type =', rule.type)
|
141
142
|
}
|
142
143
|
}
|
@@ -144,6 +145,18 @@ function getComputedStyles(className) {
|
|
144
145
|
|
145
146
|
return computed;
|
146
147
|
|
148
|
+
function matchesSafe(node, selector) {
|
149
|
+
if (!selector) {
|
150
|
+
return false;
|
151
|
+
}
|
152
|
+
|
153
|
+
try {
|
154
|
+
return node.matches(selector);
|
155
|
+
} catch (error) {
|
156
|
+
return false;
|
157
|
+
}
|
158
|
+
}
|
159
|
+
|
147
160
|
function readRule(rule, dest) {
|
148
161
|
if (matchesSafe(div, rule.selectorText)) {
|
149
162
|
const {
|
@@ -164,7 +177,9 @@ function getComputedStyles(className) {
|
|
164
177
|
const dest = {};
|
165
178
|
|
166
179
|
for (const rule of mediaRule.cssRules) {
|
167
|
-
|
180
|
+
if (rule instanceof CSSStyleRule) {
|
181
|
+
readRule(rule, dest);
|
182
|
+
}
|
168
183
|
} // Don't add media rule to computed styles
|
169
184
|
// if no styles were actually applied
|
170
185
|
|
@@ -173,18 +188,6 @@ function getComputedStyles(className) {
|
|
173
188
|
computed[key] = dest;
|
174
189
|
}
|
175
190
|
}
|
176
|
-
|
177
|
-
function matchesSafe(node, selector) {
|
178
|
-
if (!selector) {
|
179
|
-
return false;
|
180
|
-
}
|
181
|
-
|
182
|
-
try {
|
183
|
-
return node.matches(selector);
|
184
|
-
} catch (error) {
|
185
|
-
return false;
|
186
|
-
}
|
187
|
-
}
|
188
191
|
}
|
189
192
|
/**
|
190
193
|
* This provides a layer of compatibility between the render() function from
|
@@ -226,26 +229,16 @@ function unloadCSS(path) {
|
|
226
229
|
// returns an element ready to be rendered.
|
227
230
|
|
228
231
|
|
229
|
-
function behavesAsComponent(
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
232
|
+
function behavesAsComponent({
|
233
|
+
Component,
|
234
|
+
toRender,
|
235
|
+
options
|
236
|
+
}) {
|
235
237
|
options = options || {};
|
236
238
|
|
237
239
|
const getElement = () => toRender ? toRender() : /*#__PURE__*/_react.default.createElement(Component, null);
|
238
240
|
|
239
|
-
it('implements system props', () => {
|
240
|
-
for (const systemProps of systemPropArray) {
|
241
|
-
expect(Component).toImplementSystemProps(systemProps);
|
242
|
-
}
|
243
|
-
});
|
244
|
-
|
245
241
|
if (!options.skipSx) {
|
246
|
-
it('implements the sx prop', () => {
|
247
|
-
expect(Component).toImplementSxProp();
|
248
|
-
});
|
249
242
|
it('implements sx prop behavior', () => {
|
250
243
|
expect(getElement()).toImplementSxBehavior();
|
251
244
|
});
|
@@ -253,12 +246,12 @@ function behavesAsComponent(Component, systemPropArray, toRender = null, options
|
|
253
246
|
|
254
247
|
if (!options.skipAs) {
|
255
248
|
it('respects the as prop', () => {
|
256
|
-
const As = _react.default.forwardRef((_props, ref) => /*#__PURE__*/_react.default.createElement("div", {
|
249
|
+
const As = /*#__PURE__*/_react.default.forwardRef((_props, ref) => /*#__PURE__*/_react.default.createElement("div", {
|
257
250
|
className: "as-component",
|
258
251
|
ref: ref
|
259
252
|
}));
|
260
253
|
|
261
|
-
const elem = _react.default.cloneElement(getElement(), {
|
254
|
+
const elem = /*#__PURE__*/_react.default.cloneElement(getElement(), {
|
262
255
|
as: As
|
263
256
|
});
|
264
257
|
|
@@ -269,18 +262,41 @@ function behavesAsComponent(Component, systemPropArray, toRender = null, options
|
|
269
262
|
it('sets a valid displayName', () => {
|
270
263
|
expect(Component.displayName).toMatch(COMPONENT_DISPLAY_NAME_REGEX);
|
271
264
|
});
|
272
|
-
it('sets the default theme', () => {
|
273
|
-
expect(getElement()).toSetDefaultTheme();
|
274
|
-
});
|
275
265
|
it('renders consistently', () => {
|
276
266
|
expect(render(getElement())).toMatchSnapshot();
|
277
267
|
});
|
278
|
-
}
|
268
|
+
} // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
269
|
+
|
279
270
|
|
280
271
|
function checkExports(path, exports) {
|
281
272
|
it('has declared exports', () => {
|
273
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
282
274
|
const mod = require(`../${path}`);
|
283
275
|
|
284
276
|
expect(mod).toSetExports(exports);
|
285
277
|
});
|
278
|
+
}
|
279
|
+
|
280
|
+
expect.extend(_jestAxe.toHaveNoViolations);
|
281
|
+
|
282
|
+
function checkStoriesForAxeViolations(name) {
|
283
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
284
|
+
const stories = require(`../stories/${name}.stories`); // eslint-disable-next-line @typescript-eslint/no-unused-vars -- _meta
|
285
|
+
|
286
|
+
|
287
|
+
const {
|
288
|
+
default: _meta,
|
289
|
+
...Stories
|
290
|
+
} = stories;
|
291
|
+
Object.values(Stories).map(Story => {
|
292
|
+
if (typeof Story !== 'function') return;
|
293
|
+
it(`story ${Story.storyName} should have no axe violations`, async () => {
|
294
|
+
const {
|
295
|
+
container
|
296
|
+
} = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Story, null));
|
297
|
+
const results = await (0, _jestAxe.axe)(container);
|
298
|
+
expect(results).toHaveNoViolations();
|
299
|
+
(0, _react2.cleanup)();
|
300
|
+
});
|
301
|
+
});
|
286
302
|
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
export function fontStack(fonts: any): any;
|
2
|
+
export function isShadowValue(value: any): boolean;
|
3
|
+
export function isColorValue(value: any): boolean;
|
4
|
+
export function filterObject(obj: any, predicate: any): {};
|
5
|
+
export function partitionColors(colors: any): {
|
6
|
+
colors: {};
|
7
|
+
shadows: {};
|
8
|
+
};
|
9
|
+
export function omitScale(obj: any): any;
|
@@ -0,0 +1,68 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
// Utility functions used in theme-preval.js
|
4
|
+
// This file needs to be a JavaScript file using CommonJS to be compatiable with preval
|
5
|
+
const isEmpty = require('lodash.isempty');
|
6
|
+
|
7
|
+
const isObject = require('lodash.isobject');
|
8
|
+
|
9
|
+
const chroma = require('chroma-js');
|
10
|
+
|
11
|
+
function fontStack(fonts) {
|
12
|
+
return fonts.map(font => font.includes(' ') ? `"${font}"` : font).join(', ');
|
13
|
+
} // The following functions are a temporary measure for splitting shadow values out from the colors object.
|
14
|
+
// Eventually, we will push these structural changes upstream to primer/primitives so this data manipulation
|
15
|
+
// will not be needed.
|
16
|
+
|
17
|
+
|
18
|
+
function isShadowValue(value) {
|
19
|
+
return typeof value === 'string' && /(inset\s|)([0-9.]+(\w*)\s){1,4}(rgb[a]?\(.*\)|\w+)/.test(value);
|
20
|
+
}
|
21
|
+
|
22
|
+
function isColorValue(value) {
|
23
|
+
return chroma.valid(value);
|
24
|
+
}
|
25
|
+
|
26
|
+
function filterObject(obj, predicate) {
|
27
|
+
if (Array.isArray(obj)) {
|
28
|
+
return obj.filter(predicate);
|
29
|
+
}
|
30
|
+
|
31
|
+
return Object.entries(obj).reduce((acc, [key, value]) => {
|
32
|
+
if (isObject(value)) {
|
33
|
+
const result = filterObject(value, predicate); // Don't include empty objects or arrays
|
34
|
+
|
35
|
+
if (!isEmpty(result)) {
|
36
|
+
acc[key] = result;
|
37
|
+
}
|
38
|
+
} else if (predicate(value)) {
|
39
|
+
acc[key] = value;
|
40
|
+
}
|
41
|
+
|
42
|
+
return acc;
|
43
|
+
}, {});
|
44
|
+
}
|
45
|
+
|
46
|
+
function partitionColors(colors) {
|
47
|
+
return {
|
48
|
+
colors: filterObject(colors, value => isColorValue(value)),
|
49
|
+
shadows: filterObject(colors, value => isShadowValue(value))
|
50
|
+
};
|
51
|
+
}
|
52
|
+
|
53
|
+
function omitScale(obj) {
|
54
|
+
const {
|
55
|
+
scale,
|
56
|
+
...rest
|
57
|
+
} = obj;
|
58
|
+
return rest;
|
59
|
+
}
|
60
|
+
|
61
|
+
module.exports = {
|
62
|
+
fontStack,
|
63
|
+
isShadowValue,
|
64
|
+
isColorValue,
|
65
|
+
filterObject,
|
66
|
+
partitionColors,
|
67
|
+
omitScale
|
68
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox ' | 'menuitemradio' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
/**
|
3
|
+
* Extract a component's props
|
4
|
+
*
|
5
|
+
* Source: https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
|
6
|
+
*
|
7
|
+
* @example ComponentProps<typeof MyComponent>
|
8
|
+
*/
|
9
|
+
export declare type ComponentProps<T> = T extends React.ComponentType<infer Props> ? Props extends object ? Props : never : never;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare type FormValidationStatus = 'error' | 'success';
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1,19 @@
|
|
1
|
+
/**
|
2
|
+
* Given two object types A and B, return a type with all the properties of A that aren't also
|
3
|
+
* properties of B, and all the properties of B.
|
4
|
+
*
|
5
|
+
* Useful when we have a component that spreads a "rest" of its props on a subcomponent:
|
6
|
+
*
|
7
|
+
* ```ts
|
8
|
+
* interface OwnProps {
|
9
|
+
* foo: string
|
10
|
+
* }
|
11
|
+
*
|
12
|
+
* type MyComponentProps = Merge<SubcomponentProps, OwnProps>
|
13
|
+
* const MyComponent = ({foo, ...rest}: MyComponentProps) => {
|
14
|
+
* // ...
|
15
|
+
* return <SubComponent {...rest} />
|
16
|
+
* }
|
17
|
+
* ```
|
18
|
+
*/
|
19
|
+
export declare type Merge<A = {}, B = {}> = Omit<A, keyof B> & B;
|
@@ -0,0 +1 @@
|
|
1
|
+
"use strict";
|
@@ -0,0 +1,70 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
var _AriaRole = require("./AriaRole");
|
8
|
+
|
9
|
+
Object.keys(_AriaRole).forEach(function (key) {
|
10
|
+
if (key === "default" || key === "__esModule") return;
|
11
|
+
if (key in exports && exports[key] === _AriaRole[key]) return;
|
12
|
+
Object.defineProperty(exports, key, {
|
13
|
+
enumerable: true,
|
14
|
+
get: function () {
|
15
|
+
return _AriaRole[key];
|
16
|
+
}
|
17
|
+
});
|
18
|
+
});
|
19
|
+
|
20
|
+
var _ComponentProps = require("./ComponentProps");
|
21
|
+
|
22
|
+
Object.keys(_ComponentProps).forEach(function (key) {
|
23
|
+
if (key === "default" || key === "__esModule") return;
|
24
|
+
if (key in exports && exports[key] === _ComponentProps[key]) return;
|
25
|
+
Object.defineProperty(exports, key, {
|
26
|
+
enumerable: true,
|
27
|
+
get: function () {
|
28
|
+
return _ComponentProps[key];
|
29
|
+
}
|
30
|
+
});
|
31
|
+
});
|
32
|
+
|
33
|
+
var _Flatten = require("./Flatten");
|
34
|
+
|
35
|
+
Object.keys(_Flatten).forEach(function (key) {
|
36
|
+
if (key === "default" || key === "__esModule") return;
|
37
|
+
if (key in exports && exports[key] === _Flatten[key]) return;
|
38
|
+
Object.defineProperty(exports, key, {
|
39
|
+
enumerable: true,
|
40
|
+
get: function () {
|
41
|
+
return _Flatten[key];
|
42
|
+
}
|
43
|
+
});
|
44
|
+
});
|
45
|
+
|
46
|
+
var _Merge = require("./Merge");
|
47
|
+
|
48
|
+
Object.keys(_Merge).forEach(function (key) {
|
49
|
+
if (key === "default" || key === "__esModule") return;
|
50
|
+
if (key in exports && exports[key] === _Merge[key]) return;
|
51
|
+
Object.defineProperty(exports, key, {
|
52
|
+
enumerable: true,
|
53
|
+
get: function () {
|
54
|
+
return _Merge[key];
|
55
|
+
}
|
56
|
+
});
|
57
|
+
});
|
58
|
+
|
59
|
+
var _MandateProps = require("./MandateProps");
|
60
|
+
|
61
|
+
Object.keys(_MandateProps).forEach(function (key) {
|
62
|
+
if (key === "default" || key === "__esModule") return;
|
63
|
+
if (key in exports && exports[key] === _MandateProps[key]) return;
|
64
|
+
Object.defineProperty(exports, key, {
|
65
|
+
enumerable: true,
|
66
|
+
get: function () {
|
67
|
+
return _MandateProps[key];
|
68
|
+
}
|
69
|
+
});
|
70
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function uniqueId(): string;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.uniqueId = uniqueId;
|
7
|
+
// Note: uniqueId may be unsafe in SSR contexts if it is used create DOM IDs or otherwise cause a hydration warning. Use useSSRSafeId instead.
|
8
|
+
let idSeed = 10000;
|
9
|
+
|
10
|
+
function uniqueId() {
|
11
|
+
return `__primer_id_${idSeed++}`;
|
12
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const useForceUpdate: () => () => void;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useForceUpdate = void 0;
|
7
|
+
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11
|
+
|
12
|
+
// Inspired from reach-ui: https://github.com/reach/reach-ui/blob/develop/packages/utils/src/use-force-update.ts
|
13
|
+
const useForceUpdate = () => {
|
14
|
+
const [, rerender] = _react.default.useState({});
|
15
|
+
|
16
|
+
return _react.default.useCallback(() => rerender({}), []);
|
17
|
+
};
|
18
|
+
|
19
|
+
exports.useForceUpdate = useForceUpdate;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = void 0;
|
7
|
+
|
8
|
+
var _react = require("react");
|
9
|
+
|
10
|
+
const useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
|
11
|
+
var _default = useIsomorphicLayoutEffect;
|
12
|
+
exports.default = _default;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function isMacOS(): boolean;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.isMacOS = isMacOS;
|
7
|
+
let isMac = undefined;
|
8
|
+
|
9
|
+
function isMacOS() {
|
10
|
+
if (isMac === undefined) {
|
11
|
+
isMac = /^mac/i.test(window.navigator.platform);
|
12
|
+
}
|
13
|
+
|
14
|
+
return isMac;
|
15
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const StyledDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
|
3
|
+
/**
|
4
|
+
* Visually separates `Item`s or `Group`s in an `ActionList`.
|
5
|
+
*/
|
6
|
+
export declare function Divider(): JSX.Element;
|
7
|
+
export declare namespace Divider {
|
8
|
+
var renderItem: typeof Divider;
|
9
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import { get } from '../constants';
|
4
|
+
export const StyledDivider = styled.div.withConfig({
|
5
|
+
displayName: "Divider__StyledDivider",
|
6
|
+
componentId: "sc-42656i-0"
|
7
|
+
})(["height:1px;background:", ";margin-top:calc(", " - 1px);margin-bottom:", ";"], get('colors.border.muted'), get('space.2'), get('space.2'));
|
8
|
+
/**
|
9
|
+
* Visually separates `Item`s or `Group`s in an `ActionList`.
|
10
|
+
*/
|
11
|
+
|
12
|
+
export function Divider() {
|
13
|
+
return /*#__PURE__*/React.createElement(StyledDivider, null);
|
14
|
+
}
|
15
|
+
Divider.displayName = "Divider";
|
16
|
+
|
17
|
+
/**
|
18
|
+
* `Divider` fulfills the `ItemPropsWithCustomRenderer` contract,
|
19
|
+
* so it can be used inline in an `ActionList`’s `items` prop.
|
20
|
+
* In other words, `items={[ActionList.Divider]}` is supported as a concise
|
21
|
+
* alternative to `items={[{renderItem: () => <ActionList.Divider />}]}`.
|
22
|
+
*/
|
23
|
+
Divider.renderItem = Divider;
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SxProp } from '../sx';
|
3
|
+
import { HeaderProps } from './Header';
|
4
|
+
/**
|
5
|
+
* Contract for props passed to the `Group` component.
|
6
|
+
*/
|
7
|
+
export interface GroupProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
|
8
|
+
/**
|
9
|
+
* Props for a `Header` to render in the `Group`.
|
10
|
+
*/
|
11
|
+
header?: HeaderProps;
|
12
|
+
/**
|
13
|
+
* The id of the group.
|
14
|
+
*/
|
15
|
+
groupId?: string;
|
16
|
+
/**
|
17
|
+
* `Items` to render in the `Group`.
|
18
|
+
*/
|
19
|
+
items?: JSX.Element[];
|
20
|
+
/**
|
21
|
+
* Whether to display a divider above each `Item` in this `Group` when it does not follow a `Header` or `Divider`.
|
22
|
+
*/
|
23
|
+
showItemDividers?: boolean;
|
24
|
+
}
|
25
|
+
/**
|
26
|
+
* Collects related `Items` in an `ActionList`.
|
27
|
+
*/
|
28
|
+
export declare function Group({ header, items, ...props }: GroupProps): JSX.Element;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import styled from 'styled-components';
|
3
|
+
import sx from '../sx';
|
4
|
+
import { Header } from './Header';
|
5
|
+
/**
|
6
|
+
* Contract for props passed to the `Group` component.
|
7
|
+
*/
|
8
|
+
|
9
|
+
const StyledGroup = styled.div.withConfig({
|
10
|
+
displayName: "Group__StyledGroup",
|
11
|
+
componentId: "sc-10w5bj9-0"
|
12
|
+
})(["", ""], sx);
|
13
|
+
/**
|
14
|
+
* Collects related `Items` in an `ActionList`.
|
15
|
+
*/
|
16
|
+
|
17
|
+
export function Group({
|
18
|
+
header,
|
19
|
+
items,
|
20
|
+
...props
|
21
|
+
}) {
|
22
|
+
return /*#__PURE__*/React.createElement(StyledGroup, props, header && /*#__PURE__*/React.createElement(Header, header), items);
|
23
|
+
}
|
24
|
+
Group.displayName = "Group";
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SxProp } from '../sx';
|
3
|
+
/**
|
4
|
+
* Contract for props passed to the `Header` component.
|
5
|
+
*/
|
6
|
+
export interface HeaderProps extends React.ComponentPropsWithoutRef<'div'>, SxProp {
|
7
|
+
/**
|
8
|
+
* Style variations. Usage is discretionary.
|
9
|
+
*
|
10
|
+
* - `"filled"` - Superimposed on a background, offset from nearby content
|
11
|
+
* - `"subtle"` - Relatively less offset from nearby content
|
12
|
+
*/
|
13
|
+
variant?: 'subtle' | 'filled';
|
14
|
+
/**
|
15
|
+
* Primary text which names a `Group`.
|
16
|
+
*/
|
17
|
+
title: string;
|
18
|
+
/**
|
19
|
+
* Secondary text which provides additional information about a `Group`.
|
20
|
+
*/
|
21
|
+
auxiliaryText?: string;
|
22
|
+
}
|
23
|
+
export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {
|
24
|
+
variant: HeaderProps['variant'];
|
25
|
+
} & SxProp, never>;
|
26
|
+
/**
|
27
|
+
* Displays the name and description of a `Group`.
|
28
|
+
*/
|
29
|
+
export declare function Header({ variant, title, auxiliaryText, children: _children, ...props }: HeaderProps): JSX.Element;
|