@primer/components 31.1.0 → 31.2.0-rc.0b631515
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/.changeset/README.md +8 -0
- package/.changeset/config.json +10 -0
- package/.devcontainer/devcontainer.json +8 -0
- package/.eslintrc.json +137 -0
- package/.github/ISSUE_TEMPLATE/bug_report.md +38 -0
- package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md +41 -0
- package/.github/dependabot.yml +18 -0
- package/.github/pull_request_template.md +18 -0
- package/.github/workflows/check_for_changeset.yml +25 -0
- package/.github/workflows/ci.yml +31 -0
- package/.github/workflows/deploy_preview.yml +47 -0
- package/.github/workflows/deploy_production.yml +70 -0
- package/.github/workflows/release.yml +35 -0
- package/.github/workflows/release_canary.yml +70 -0
- package/.github/workflows/release_candidate.yml +60 -0
- package/.github/workflows/size.yml +13 -0
- package/.github/workflows/stale.yml +26 -0
- package/.gitignore +10 -0
- package/.npmrc +4 -0
- package/.nvmrc +1 -0
- package/.storybook/main.js +9 -0
- package/.storybook/preview.js +117 -0
- package/.vscode/launch.json +21 -0
- package/.vscode/settings.json +13 -0
- package/@types/@styled-system/index.d.ts +0 -0
- package/@types/@styled-system/prop-types/index.d.ts +1 -0
- package/@types/@styled-system/props/index.d.ts +1 -0
- package/@types/jest-styled-components/index.d.ts +1 -0
- package/CHANGELOG.md +12 -0
- package/CODEOWNERS +2 -0
- package/babel-defines.js +13 -0
- package/babel.config.js +39 -0
- package/contributor-docs/CODE_OF_CONDUCT.md +76 -0
- package/contributor-docs/CONTRIBUTING.md +274 -0
- package/contributor-docs/adrs/adr-001-typescript.md +23 -0
- package/contributor-docs/adrs/adr-002-behavior-isolation.md +108 -0
- package/contributor-docs/adrs/adr-003-prop-norms.md +72 -0
- package/contributor-docs/behaviors.md +132 -0
- package/contributor-docs/component-contents-api-patterns.md +316 -0
- package/contributor-docs/principles.md +39 -0
- package/dist/browser.esm.js +178 -178
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +179 -179
- package/dist/browser.umd.js.map +1 -1
- package/docs/.eslintrc +0 -0
- package/docs/.gitignore +91 -0
- package/docs/components/PropsList.js +5 -0
- package/docs/components/State.js +9 -0
- package/docs/components/constants.js +34 -0
- package/docs/components/index.js +2 -0
- package/docs/content/ActionList.mdx +99 -0
- package/docs/content/ActionMenu.mdx +80 -0
- package/docs/content/AnchoredOverlay.mdx +37 -0
- package/docs/content/Autocomplete.mdx +657 -0
- package/docs/content/Avatar.mdx +33 -0
- package/docs/content/AvatarStack.mdx +37 -0
- package/docs/content/BorderBox.md +46 -0
- package/docs/content/Box.md +74 -0
- package/docs/content/BranchName.md +18 -0
- package/docs/content/Breadcrumbs.md +52 -0
- package/docs/content/Buttons.md +56 -0
- package/docs/content/CircleBadge.md +45 -0
- package/docs/content/CircleOcticon.md +18 -0
- package/docs/content/CounterLabel.md +32 -0
- package/docs/content/Details.md +105 -0
- package/docs/content/Dialog.md +108 -0
- package/docs/content/Dialog2.mdx +179 -0
- package/docs/content/Dropdown.md +72 -0
- package/docs/content/DropdownMenu.mdx +49 -0
- package/docs/content/FilterList.md +44 -0
- package/docs/content/FilteredSearch.md +39 -0
- package/docs/content/Flash.md +44 -0
- package/docs/content/Flex.md +58 -0
- package/docs/content/FormGroup.md +46 -0
- package/docs/content/Grid.md +59 -0
- package/docs/content/Header.md +79 -0
- package/docs/content/Heading.md +22 -0
- package/docs/content/Label.md +42 -0
- package/docs/content/LabelGroup.md +31 -0
- package/docs/content/Link.md +37 -0
- package/docs/content/Overlay.mdx +94 -0
- package/docs/content/Pagehead.md +27 -0
- package/docs/content/Pagination.md +187 -0
- package/docs/content/PointerBox.md +81 -0
- package/docs/content/Popover.md +137 -0
- package/docs/content/Portal.mdx +78 -0
- package/docs/content/Position.md +100 -0
- package/docs/content/ProgressBar.mdx +29 -0
- package/docs/content/SelectMenu.md +435 -0
- package/docs/content/SelectPanel.mdx +67 -0
- package/docs/content/SideNav.md +179 -0
- package/docs/content/Spinner.mdx +32 -0
- package/docs/content/StateLabel.md +35 -0
- package/docs/content/StyledOcticon.md +36 -0
- package/docs/content/SubNav.md +102 -0
- package/docs/content/TabNav.md +50 -0
- package/docs/content/Text.md +31 -0
- package/docs/content/TextInput.md +34 -0
- package/docs/content/TextInputTokens.mdx +89 -0
- package/docs/content/TextInputWithTokens.mdx +211 -0
- package/docs/content/Timeline.md +138 -0
- package/docs/content/Token.mdx +381 -0
- package/docs/content/Tooltip.md +41 -0
- package/docs/content/Truncate.md +64 -0
- package/docs/content/UnderlineNav.md +53 -0
- package/docs/content/anchoredPosition.mdx +163 -0
- package/docs/content/core-concepts.md +70 -0
- package/docs/content/focusTrap.mdx +103 -0
- package/docs/content/focusZone.mdx +145 -0
- package/docs/content/getting-started.md +138 -0
- package/docs/content/index.md +33 -0
- package/docs/content/linting.md +35 -0
- package/docs/content/overriding-styles.mdx +82 -0
- package/docs/content/philosophy.md +23 -0
- package/docs/content/primer-theme.md +89 -0
- package/docs/content/ssr.mdx +43 -0
- package/docs/content/system-props.mdx +37 -0
- package/docs/content/theme-reference.md +16 -0
- package/docs/content/theming.md +272 -0
- package/docs/content/useOnEscapePress.mdx +56 -0
- package/docs/content/useOnOutsideClick.mdx +57 -0
- package/docs/content/useOpenAndCloseFocus.mdx +49 -0
- package/docs/content/useOverlay.mdx +62 -0
- package/docs/content/useSafeTimeout.mdx +32 -0
- package/docs/gatsby-config.js +30 -0
- package/docs/gatsby-node.js +101 -0
- package/docs/package-lock.json +20756 -0
- package/docs/package.json +36 -0
- package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +21 -0
- package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +41 -0
- package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +56 -0
- package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +133 -0
- package/docs/src/@primer/gatsby-theme-doctocat/primer-components-hero.svg +1411 -0
- package/docs/src/props.js +77 -0
- package/jest.config.js +13 -0
- package/lib/ActionList/Header.js +1 -1
- package/lib/Autocomplete/Autocomplete.d.ts +4 -4
- package/lib/Autocomplete/AutocompleteInput.d.ts +4 -4
- package/lib/Button/Button.d.ts +5 -5
- package/lib/Button/ButtonBase.d.ts +1 -1
- package/lib/Button/ButtonClose.d.ts +3 -3
- package/lib/Button/ButtonDanger.d.ts +5 -5
- package/lib/Button/ButtonInvisible.d.ts +5 -5
- package/lib/Button/ButtonOutline.d.ts +5 -5
- package/lib/Button/ButtonPrimary.d.ts +5 -5
- package/lib/CircleBadge.d.ts +2 -2
- package/lib/CircleOcticon.d.ts +4 -4
- package/lib/Dialog.d.ts +4 -4
- package/lib/Dropdown.d.ts +16 -16
- package/lib/DropdownMenu/DropdownButton.d.ts +6 -6
- package/lib/FilterList.d.ts +3 -3
- package/lib/Flash.d.ts +1 -1
- package/lib/Label.d.ts +1 -1
- package/lib/Overlay.js +3 -1
- package/lib/Portal/Portal.js +3 -2
- package/lib/Position.d.ts +4 -4
- package/lib/ProgressBar.d.ts +1 -1
- package/lib/SelectMenu/SelectMenu.d.ts +24 -24
- package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib/TextInputWithTokens.d.ts +4 -4
- package/lib/Timeline.d.ts +4 -4
- package/lib/Token/AvatarToken.d.ts +1 -1
- package/lib/Token/IssueLabelToken.d.ts +1 -1
- package/lib/Token/Token.d.ts +1 -1
- package/lib/_TextInputWrapper.d.ts +1 -1
- package/lib/__tests__/ActionList.test.d.ts +1 -0
- package/lib/__tests__/ActionList.test.js +69 -0
- package/lib/__tests__/ActionList.types.test.d.ts +6 -0
- package/lib/__tests__/ActionList.types.test.js +69 -0
- package/lib/__tests__/ActionMenu.test.d.ts +1 -0
- package/lib/__tests__/ActionMenu.test.js +151 -0
- package/lib/__tests__/AnchoredOverlay.test.d.ts +1 -0
- package/lib/__tests__/AnchoredOverlay.test.js +160 -0
- package/lib/__tests__/Autocomplete.test.d.ts +1 -0
- package/lib/__tests__/Autocomplete.test.js +528 -0
- package/lib/__tests__/Avatar.test.d.ts +1 -0
- package/lib/__tests__/Avatar.test.js +67 -0
- package/lib/__tests__/AvatarStack.test.d.ts +1 -0
- package/lib/__tests__/AvatarStack.test.js +71 -0
- package/lib/__tests__/BorderBox.test.d.ts +1 -0
- package/lib/__tests__/BorderBox.test.js +58 -0
- package/lib/__tests__/Box.test.d.ts +1 -0
- package/lib/__tests__/Box.test.js +78 -0
- package/lib/__tests__/BranchName.test.d.ts +1 -0
- package/lib/__tests__/BranchName.test.js +36 -0
- package/lib/__tests__/Breadcrumbs.test.d.ts +1 -0
- package/lib/__tests__/Breadcrumbs.test.js +37 -0
- package/lib/__tests__/BreadcrumbsItem.test.d.ts +1 -0
- package/lib/__tests__/BreadcrumbsItem.test.js +49 -0
- package/lib/__tests__/Button.test.d.ts +1 -0
- package/lib/__tests__/Button.test.js +143 -0
- package/lib/__tests__/Caret.test.d.ts +1 -0
- package/lib/__tests__/Caret.test.js +52 -0
- package/lib/__tests__/CircleBadge.test.d.ts +1 -0
- package/lib/__tests__/CircleBadge.test.js +83 -0
- package/lib/__tests__/CircleOcticon.test.d.ts +1 -0
- package/lib/__tests__/CircleOcticon.test.js +71 -0
- package/lib/__tests__/ConfirmationDialog.test.d.ts +1 -0
- package/lib/__tests__/ConfirmationDialog.test.js +134 -0
- package/lib/__tests__/CounterLabel.test.d.ts +1 -0
- package/lib/__tests__/CounterLabel.test.js +58 -0
- package/lib/__tests__/Details.test.d.ts +1 -0
- package/lib/__tests__/Details.test.js +117 -0
- package/lib/__tests__/Dialog.test.d.ts +1 -0
- package/lib/__tests__/Dialog.test.js +184 -0
- package/lib/__tests__/Dropdown.test.d.ts +1 -0
- package/lib/__tests__/Dropdown.test.js +63 -0
- package/lib/__tests__/DropdownMenu.test.d.ts +1 -0
- package/lib/__tests__/DropdownMenu.test.js +150 -0
- package/lib/__tests__/FilterList.test.d.ts +1 -0
- package/lib/__tests__/FilterList.test.js +36 -0
- package/lib/__tests__/FilterListItem.test.d.ts +1 -0
- package/lib/__tests__/FilterListItem.test.js +46 -0
- package/lib/__tests__/FilteredSearch.test.d.ts +1 -0
- package/lib/__tests__/FilteredSearch.test.js +36 -0
- package/lib/__tests__/Flash.test.d.ts +1 -0
- package/lib/__tests__/Flash.test.js +62 -0
- package/lib/__tests__/Flex.test.d.ts +1 -0
- package/lib/__tests__/Flex.test.js +74 -0
- package/lib/__tests__/FormGroup.test.d.ts +1 -0
- package/lib/__tests__/FormGroup.test.js +54 -0
- package/lib/__tests__/Grid.test.d.ts +1 -0
- package/lib/__tests__/Grid.test.js +104 -0
- package/lib/__tests__/Header.test.d.ts +1 -0
- package/lib/__tests__/Header.test.js +58 -0
- package/lib/__tests__/Heading.test.d.ts +1 -0
- package/lib/__tests__/Heading.test.js +109 -0
- package/lib/__tests__/KeyPaths.types.test.d.ts +11 -0
- package/lib/__tests__/KeyPaths.types.test.js +10 -0
- package/lib/__tests__/Label.test.d.ts +1 -0
- package/lib/__tests__/Label.test.js +46 -0
- package/lib/__tests__/LabelGroup.test.d.ts +1 -0
- package/lib/__tests__/LabelGroup.test.js +38 -0
- package/lib/__tests__/Link.test.d.ts +1 -0
- package/lib/__tests__/Link.test.js +70 -0
- package/lib/__tests__/Merge.types.test.d.ts +30 -0
- package/lib/__tests__/Merge.types.test.js +27 -0
- package/lib/__tests__/Overlay.test.d.ts +1 -0
- package/lib/__tests__/Overlay.test.js +145 -0
- package/lib/__tests__/Pagehead.test.d.ts +1 -0
- package/lib/__tests__/Pagehead.test.js +37 -0
- package/lib/__tests__/Pagination/Pagination.test.d.ts +1 -0
- package/lib/__tests__/Pagination/Pagination.test.js +47 -0
- package/lib/__tests__/Pagination/PaginationModel.test.d.ts +1 -0
- package/lib/__tests__/Pagination/PaginationModel.test.js +186 -0
- package/lib/__tests__/PointerBox.test.d.ts +1 -0
- package/lib/__tests__/PointerBox.test.js +46 -0
- package/lib/__tests__/Popover.test.d.ts +1 -0
- package/lib/__tests__/Popover.test.js +66 -0
- package/lib/__tests__/Portal.test.d.ts +1 -0
- package/lib/__tests__/Portal.test.js +124 -0
- package/lib/__tests__/Position.test.d.ts +1 -0
- package/lib/__tests__/Position.test.js +143 -0
- package/lib/__tests__/ProgressBar.test.d.ts +1 -0
- package/lib/__tests__/ProgressBar.test.js +68 -0
- package/lib/__tests__/SelectMenu.test.d.ts +1 -0
- package/lib/__tests__/SelectMenu.test.js +155 -0
- package/lib/__tests__/SelectPanel.test.d.ts +1 -0
- package/lib/__tests__/SelectPanel.test.js +80 -0
- package/lib/__tests__/SideNav.test.d.ts +1 -0
- package/lib/__tests__/SideNav.test.js +71 -0
- package/lib/__tests__/Spinner.test.d.ts +1 -0
- package/lib/__tests__/Spinner.test.js +53 -0
- package/lib/__tests__/StateLabel.test.d.ts +1 -0
- package/lib/__tests__/StateLabel.test.js +71 -0
- package/lib/__tests__/StyledOcticon.test.d.ts +1 -0
- package/lib/__tests__/StyledOcticon.test.js +40 -0
- package/lib/__tests__/SubNav.test.d.ts +1 -0
- package/lib/__tests__/SubNav.test.js +62 -0
- package/lib/__tests__/SubNavLink.test.d.ts +1 -0
- package/lib/__tests__/SubNavLink.test.js +49 -0
- package/lib/__tests__/TabNav.test.d.ts +1 -0
- package/lib/__tests__/TabNav.test.js +49 -0
- package/lib/__tests__/Text.test.d.ts +1 -0
- package/lib/__tests__/Text.test.js +105 -0
- package/lib/__tests__/TextInput.test.d.ts +1 -0
- package/lib/__tests__/TextInput.test.js +78 -0
- package/lib/__tests__/TextInputWithTokens.test.d.ts +1 -0
- package/lib/__tests__/TextInputWithTokens.test.js +572 -0
- package/lib/__tests__/ThemeProvider.test.d.ts +1 -0
- package/lib/__tests__/ThemeProvider.test.js +444 -0
- package/lib/__tests__/Timeline.test.d.ts +1 -0
- package/lib/__tests__/Timeline.test.js +75 -0
- package/lib/__tests__/Token.test.d.ts +1 -0
- package/lib/__tests__/Token.test.js +180 -0
- package/lib/__tests__/Tooltip.test.d.ts +1 -0
- package/lib/__tests__/Tooltip.test.js +69 -0
- package/lib/__tests__/Truncate.test.d.ts +1 -0
- package/lib/__tests__/Truncate.test.js +63 -0
- package/lib/__tests__/UnderlineNav.test.d.ts +1 -0
- package/lib/__tests__/UnderlineNav.test.js +72 -0
- package/lib/__tests__/UnderlineNavLink.test.d.ts +1 -0
- package/lib/__tests__/UnderlineNavLink.test.js +51 -0
- package/lib/__tests__/behaviors/anchoredPosition.test.d.ts +1 -0
- package/lib/__tests__/behaviors/anchoredPosition.test.js +390 -0
- package/lib/__tests__/behaviors/focusTrap.test.d.ts +1 -0
- package/lib/__tests__/behaviors/focusTrap.test.js +234 -0
- package/lib/__tests__/behaviors/focusZone.test.d.ts +1 -0
- package/lib/__tests__/behaviors/focusZone.test.js +570 -0
- package/lib/__tests__/behaviors/iterateFocusableElements.test.d.ts +1 -0
- package/lib/__tests__/behaviors/iterateFocusableElements.test.js +55 -0
- package/lib/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +1 -0
- package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +226 -0
- package/lib/__tests__/filterObject.test.d.ts +1 -0
- package/lib/__tests__/filterObject.test.js +30 -0
- package/lib/__tests__/hooks/useAnchoredPosition.test.d.ts +1 -0
- package/lib/__tests__/hooks/useAnchoredPosition.test.js +54 -0
- package/lib/__tests__/hooks/useOnEscapePress.test.d.ts +1 -0
- package/lib/__tests__/hooks/useOnEscapePress.test.js +32 -0
- package/lib/__tests__/hooks/useOnOutsideClick.test.d.ts +1 -0
- package/lib/__tests__/hooks/useOnOutsideClick.test.js +87 -0
- package/lib/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +1 -0
- package/lib/__tests__/hooks/useOpenAndCloseFocus.test.js +60 -0
- package/lib/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +1 -0
- package/lib/__tests__/hooks/useProvidedStateOrCreate.test.js +45 -0
- package/lib/__tests__/theme.test.d.ts +1 -0
- package/lib/__tests__/theme.test.js +36 -0
- package/lib/__tests__/themeGet.test.d.ts +1 -0
- package/lib/__tests__/themeGet.test.js +25 -0
- package/lib/__tests__/useSafeTimeout.test.d.ts +1 -0
- package/lib/__tests__/useSafeTimeout.test.js +45 -0
- package/lib/hooks/useAnchoredPosition.js +3 -2
- package/lib/hooks/useCombinedRefs.d.ts +2 -2
- package/lib/hooks/useCombinedRefs.js +4 -6
- package/lib/hooks/useResizeObserver.js +2 -2
- package/lib/stories/ActionList.stories.js +454 -0
- package/lib/stories/ActionMenu.stories.js +350 -0
- package/lib/stories/AnchoredOverlay.stories.js +127 -0
- package/lib/stories/Autocomplete.stories.js +619 -0
- package/lib/stories/AvatarStack.stories.js +49 -0
- package/lib/stories/Button.stories.js +125 -0
- package/lib/stories/ConfirmationDialog.stories.js +111 -0
- package/lib/stories/Dialog.stories.js +265 -0
- package/lib/stories/DropdownMenu.stories.js +122 -0
- package/lib/stories/IssueLabelToken.stories.js +165 -0
- package/lib/stories/Overlay.stories.js +204 -0
- package/lib/stories/Portal.stories.js +104 -0
- package/lib/stories/ProfileToken.stories.js +162 -0
- package/lib/stories/SelectPanel.stories.js +399 -0
- package/lib/stories/TextInputWithTokens.stories.js +252 -0
- package/lib/stories/ThemeProvider.stories.js +102 -0
- package/lib/stories/Token.stories.js +176 -0
- package/lib/stories/useAnchoredPosition.stories.js +351 -0
- package/lib/stories/useFocusTrap.stories.js +356 -0
- package/lib/stories/useFocusZone.stories.js +599 -0
- package/lib/sx.d.ts +8 -2
- package/lib/theme.d.ts +78 -0
- package/lib/theme.js +3 -1
- package/lib/utils/types/KeyPaths.d.ts +3 -0
- package/lib/utils/types/KeyPaths.js +1 -0
- package/lib/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib/utils/useIsomorphicLayoutEffect.js +12 -0
- package/lib-esm/ActionList/Header.js +1 -1
- package/lib-esm/Autocomplete/Autocomplete.d.ts +4 -4
- package/lib-esm/Autocomplete/AutocompleteInput.d.ts +4 -4
- package/lib-esm/Button/Button.d.ts +5 -5
- package/lib-esm/Button/ButtonBase.d.ts +1 -1
- package/lib-esm/Button/ButtonClose.d.ts +3 -3
- package/lib-esm/Button/ButtonDanger.d.ts +5 -5
- package/lib-esm/Button/ButtonInvisible.d.ts +5 -5
- package/lib-esm/Button/ButtonOutline.d.ts +5 -5
- package/lib-esm/Button/ButtonPrimary.d.ts +5 -5
- package/lib-esm/CircleBadge.d.ts +2 -2
- package/lib-esm/CircleOcticon.d.ts +4 -4
- package/lib-esm/Dialog.d.ts +4 -4
- package/lib-esm/Dropdown.d.ts +16 -16
- package/lib-esm/DropdownMenu/DropdownButton.d.ts +6 -6
- package/lib-esm/FilterList.d.ts +3 -3
- package/lib-esm/Flash.d.ts +1 -1
- package/lib-esm/Label.d.ts +1 -1
- package/lib-esm/Overlay.js +2 -1
- package/lib-esm/Portal/Portal.js +2 -1
- package/lib-esm/Position.d.ts +4 -4
- package/lib-esm/ProgressBar.d.ts +1 -1
- package/lib-esm/SelectMenu/SelectMenu.d.ts +24 -24
- package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
- package/lib-esm/TextInputWithTokens.d.ts +4 -4
- package/lib-esm/Timeline.d.ts +4 -4
- package/lib-esm/Token/AvatarToken.d.ts +1 -1
- package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
- package/lib-esm/Token/Token.d.ts +1 -1
- package/lib-esm/_TextInputWrapper.d.ts +1 -1
- package/lib-esm/__tests__/ActionList.test.d.ts +1 -0
- package/lib-esm/__tests__/ActionList.test.js +57 -0
- package/lib-esm/__tests__/ActionList.types.test.d.ts +6 -0
- package/lib-esm/__tests__/ActionList.types.test.js +45 -0
- package/lib-esm/__tests__/ActionMenu.test.d.ts +1 -0
- package/lib-esm/__tests__/ActionMenu.test.js +139 -0
- package/lib-esm/__tests__/AnchoredOverlay.test.d.ts +1 -0
- package/lib-esm/__tests__/AnchoredOverlay.test.js +134 -0
- package/lib-esm/__tests__/Autocomplete.test.d.ts +1 -0
- package/lib-esm/__tests__/Autocomplete.test.js +494 -0
- package/lib-esm/__tests__/Avatar.test.d.ts +1 -0
- package/lib-esm/__tests__/Avatar.test.js +56 -0
- package/lib-esm/__tests__/AvatarStack.test.d.ts +1 -0
- package/lib-esm/__tests__/AvatarStack.test.js +58 -0
- package/lib-esm/__tests__/BorderBox.test.d.ts +1 -0
- package/lib-esm/__tests__/BorderBox.test.js +47 -0
- package/lib-esm/__tests__/Box.test.d.ts +1 -0
- package/lib-esm/__tests__/Box.test.js +67 -0
- package/lib-esm/__tests__/BranchName.test.d.ts +1 -0
- package/lib-esm/__tests__/BranchName.test.js +26 -0
- package/lib-esm/__tests__/Breadcrumbs.test.d.ts +1 -0
- package/lib-esm/__tests__/Breadcrumbs.test.js +27 -0
- package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts +1 -0
- package/lib-esm/__tests__/BreadcrumbsItem.test.js +39 -0
- package/lib-esm/__tests__/Button.test.d.ts +1 -0
- package/lib-esm/__tests__/Button.test.js +133 -0
- package/lib-esm/__tests__/Caret.test.d.ts +1 -0
- package/lib-esm/__tests__/Caret.test.js +42 -0
- package/lib-esm/__tests__/CircleBadge.test.d.ts +1 -0
- package/lib-esm/__tests__/CircleBadge.test.js +70 -0
- package/lib-esm/__tests__/CircleOcticon.test.d.ts +1 -0
- package/lib-esm/__tests__/CircleOcticon.test.js +59 -0
- package/lib-esm/__tests__/ConfirmationDialog.test.d.ts +1 -0
- package/lib-esm/__tests__/ConfirmationDialog.test.js +113 -0
- package/lib-esm/__tests__/CounterLabel.test.d.ts +1 -0
- package/lib-esm/__tests__/CounterLabel.test.js +47 -0
- package/lib-esm/__tests__/Details.test.d.ts +1 -0
- package/lib-esm/__tests__/Details.test.js +107 -0
- package/lib-esm/__tests__/Dialog.test.d.ts +1 -0
- package/lib-esm/__tests__/Dialog.test.js +171 -0
- package/lib-esm/__tests__/Dropdown.test.d.ts +1 -0
- package/lib-esm/__tests__/Dropdown.test.js +53 -0
- package/lib-esm/__tests__/DropdownMenu.test.d.ts +1 -0
- package/lib-esm/__tests__/DropdownMenu.test.js +137 -0
- package/lib-esm/__tests__/FilterList.test.d.ts +1 -0
- package/lib-esm/__tests__/FilterList.test.js +26 -0
- package/lib-esm/__tests__/FilterListItem.test.d.ts +1 -0
- package/lib-esm/__tests__/FilterListItem.test.js +36 -0
- package/lib-esm/__tests__/FilteredSearch.test.d.ts +1 -0
- package/lib-esm/__tests__/FilteredSearch.test.js +26 -0
- package/lib-esm/__tests__/Flash.test.d.ts +1 -0
- package/lib-esm/__tests__/Flash.test.js +51 -0
- package/lib-esm/__tests__/Flex.test.d.ts +1 -0
- package/lib-esm/__tests__/Flex.test.js +64 -0
- package/lib-esm/__tests__/FormGroup.test.d.ts +1 -0
- package/lib-esm/__tests__/FormGroup.test.js +44 -0
- package/lib-esm/__tests__/Grid.test.d.ts +1 -0
- package/lib-esm/__tests__/Grid.test.js +94 -0
- package/lib-esm/__tests__/Header.test.d.ts +1 -0
- package/lib-esm/__tests__/Header.test.js +48 -0
- package/lib-esm/__tests__/Heading.test.d.ts +1 -0
- package/lib-esm/__tests__/Heading.test.js +99 -0
- package/lib-esm/__tests__/KeyPaths.types.test.d.ts +11 -0
- package/lib-esm/__tests__/KeyPaths.types.test.js +3 -0
- package/lib-esm/__tests__/Label.test.d.ts +1 -0
- package/lib-esm/__tests__/Label.test.js +36 -0
- package/lib-esm/__tests__/LabelGroup.test.d.ts +1 -0
- package/lib-esm/__tests__/LabelGroup.test.js +26 -0
- package/lib-esm/__tests__/Link.test.d.ts +1 -0
- package/lib-esm/__tests__/Link.test.js +60 -0
- package/lib-esm/__tests__/Merge.types.test.d.ts +30 -0
- package/lib-esm/__tests__/Merge.types.test.js +14 -0
- package/lib-esm/__tests__/Overlay.test.d.ts +1 -0
- package/lib-esm/__tests__/Overlay.test.js +123 -0
- package/lib-esm/__tests__/Pagehead.test.d.ts +1 -0
- package/lib-esm/__tests__/Pagehead.test.js +26 -0
- package/lib-esm/__tests__/Pagination/Pagination.test.d.ts +1 -0
- package/lib-esm/__tests__/Pagination/Pagination.test.js +35 -0
- package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts +1 -0
- package/lib-esm/__tests__/Pagination/PaginationModel.test.js +182 -0
- package/lib-esm/__tests__/PointerBox.test.d.ts +1 -0
- package/lib-esm/__tests__/PointerBox.test.js +36 -0
- package/lib-esm/__tests__/Popover.test.d.ts +1 -0
- package/lib-esm/__tests__/Popover.test.js +53 -0
- package/lib-esm/__tests__/Portal.test.d.ts +1 -0
- package/lib-esm/__tests__/Portal.test.js +104 -0
- package/lib-esm/__tests__/Position.test.d.ts +1 -0
- package/lib-esm/__tests__/Position.test.js +133 -0
- package/lib-esm/__tests__/ProgressBar.test.d.ts +1 -0
- package/lib-esm/__tests__/ProgressBar.test.js +58 -0
- package/lib-esm/__tests__/SelectMenu.test.d.ts +1 -0
- package/lib-esm/__tests__/SelectMenu.test.js +145 -0
- package/lib-esm/__tests__/SelectPanel.test.d.ts +1 -0
- package/lib-esm/__tests__/SelectPanel.test.js +65 -0
- package/lib-esm/__tests__/SideNav.test.d.ts +1 -0
- package/lib-esm/__tests__/SideNav.test.js +60 -0
- package/lib-esm/__tests__/Spinner.test.d.ts +1 -0
- package/lib-esm/__tests__/Spinner.test.js +43 -0
- package/lib-esm/__tests__/StateLabel.test.d.ts +1 -0
- package/lib-esm/__tests__/StateLabel.test.js +61 -0
- package/lib-esm/__tests__/StyledOcticon.test.d.ts +1 -0
- package/lib-esm/__tests__/StyledOcticon.test.js +29 -0
- package/lib-esm/__tests__/SubNav.test.d.ts +1 -0
- package/lib-esm/__tests__/SubNav.test.js +50 -0
- package/lib-esm/__tests__/SubNavLink.test.d.ts +1 -0
- package/lib-esm/__tests__/SubNavLink.test.js +39 -0
- package/lib-esm/__tests__/TabNav.test.d.ts +1 -0
- package/lib-esm/__tests__/TabNav.test.js +39 -0
- package/lib-esm/__tests__/Text.test.d.ts +1 -0
- package/lib-esm/__tests__/Text.test.js +93 -0
- package/lib-esm/__tests__/TextInput.test.d.ts +1 -0
- package/lib-esm/__tests__/TextInput.test.js +68 -0
- package/lib-esm/__tests__/TextInputWithTokens.test.d.ts +1 -0
- package/lib-esm/__tests__/TextInputWithTokens.test.js +511 -0
- package/lib-esm/__tests__/ThemeProvider.test.d.ts +1 -0
- package/lib-esm/__tests__/ThemeProvider.test.js +408 -0
- package/lib-esm/__tests__/Timeline.test.d.ts +1 -0
- package/lib-esm/__tests__/Timeline.test.js +65 -0
- package/lib-esm/__tests__/Token.test.d.ts +1 -0
- package/lib-esm/__tests__/Token.test.js +166 -0
- package/lib-esm/__tests__/Tooltip.test.d.ts +1 -0
- package/lib-esm/__tests__/Tooltip.test.js +59 -0
- package/lib-esm/__tests__/Truncate.test.d.ts +1 -0
- package/lib-esm/__tests__/Truncate.test.js +53 -0
- package/lib-esm/__tests__/UnderlineNav.test.d.ts +1 -0
- package/lib-esm/__tests__/UnderlineNav.test.js +60 -0
- package/lib-esm/__tests__/UnderlineNavLink.test.d.ts +1 -0
- package/lib-esm/__tests__/UnderlineNavLink.test.js +41 -0
- package/lib-esm/__tests__/behaviors/anchoredPosition.test.d.ts +1 -0
- package/lib-esm/__tests__/behaviors/anchoredPosition.test.js +388 -0
- package/lib-esm/__tests__/behaviors/focusTrap.test.d.ts +1 -0
- package/lib-esm/__tests__/behaviors/focusTrap.test.js +227 -0
- package/lib-esm/__tests__/behaviors/focusZone.test.d.ts +1 -0
- package/lib-esm/__tests__/behaviors/focusZone.test.js +487 -0
- package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.d.ts +1 -0
- package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.js +48 -0
- package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +1 -0
- package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.js +224 -0
- package/lib-esm/__tests__/filterObject.test.d.ts +1 -0
- package/lib-esm/__tests__/filterObject.test.js +27 -0
- package/lib-esm/__tests__/hooks/useAnchoredPosition.test.d.ts +1 -0
- package/lib-esm/__tests__/hooks/useAnchoredPosition.test.js +46 -0
- package/lib-esm/__tests__/hooks/useOnEscapePress.test.d.ts +1 -0
- package/lib-esm/__tests__/hooks/useOnEscapePress.test.js +23 -0
- package/lib-esm/__tests__/hooks/useOnOutsideClick.test.d.ts +1 -0
- package/lib-esm/__tests__/hooks/useOnOutsideClick.test.js +68 -0
- package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +1 -0
- package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.js +52 -0
- package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +1 -0
- package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.js +36 -0
- package/lib-esm/__tests__/theme.test.d.ts +1 -0
- package/lib-esm/__tests__/theme.test.js +33 -0
- package/lib-esm/__tests__/themeGet.test.d.ts +1 -0
- package/lib-esm/__tests__/themeGet.test.js +22 -0
- package/lib-esm/__tests__/useSafeTimeout.test.d.ts +1 -0
- package/lib-esm/__tests__/useSafeTimeout.test.js +39 -0
- package/lib-esm/hooks/useAnchoredPosition.js +2 -1
- package/lib-esm/hooks/useCombinedRefs.d.ts +2 -2
- package/lib-esm/hooks/useCombinedRefs.js +3 -2
- package/lib-esm/hooks/useResizeObserver.js +2 -2
- package/lib-esm/stories/ActionList.stories.js +395 -0
- package/lib-esm/stories/ActionMenu.stories.js +305 -0
- package/lib-esm/stories/AnchoredOverlay.stories.js +101 -0
- package/lib-esm/stories/Autocomplete.stories.js +560 -0
- package/lib-esm/stories/AvatarStack.stories.js +32 -0
- package/lib-esm/stories/Button.stories.js +86 -0
- package/lib-esm/stories/ConfirmationDialog.stories.js +86 -0
- package/lib-esm/stories/Dialog.stories.js +240 -0
- package/lib-esm/stories/DropdownMenu.stories.js +94 -0
- package/lib-esm/stories/IssueLabelToken.stories.js +139 -0
- package/lib-esm/stories/Overlay.stories.js +173 -0
- package/lib-esm/stories/Portal.stories.js +68 -0
- package/lib-esm/stories/ProfileToken.stories.js +136 -0
- package/lib-esm/stories/SelectPanel.stories.js +334 -0
- package/lib-esm/stories/TextInputWithTokens.stories.js +210 -0
- package/lib-esm/stories/ThemeProvider.stories.js +83 -0
- package/lib-esm/stories/Token.stories.js +146 -0
- package/lib-esm/stories/useAnchoredPosition.stories.js +313 -0
- package/lib-esm/stories/useFocusTrap.stories.js +309 -0
- package/lib-esm/stories/useFocusZone.stories.js +554 -0
- package/lib-esm/sx.d.ts +8 -2
- package/lib-esm/theme.d.ts +78 -0
- package/lib-esm/theme.js +2 -1
- package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
- package/lib-esm/utils/types/KeyPaths.js +1 -0
- package/lib-esm/utils/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib-esm/utils/useIsomorphicLayoutEffect.js +3 -0
- package/migrating.md +250 -0
- package/now.json +17 -0
- package/package-lock.json +66370 -0
- package/package.json +4 -2
- package/rollup.config.js +36 -0
- package/script/build +21 -0
- package/script/build-storybook +10 -0
- package/script/setup +12 -0
- package/src/ActionList/Divider.tsx +25 -0
- package/src/ActionList/Group.tsx +45 -0
- package/src/ActionList/Header.tsx +74 -0
- package/src/ActionList/Item.tsx +496 -0
- package/src/ActionList/List.tsx +258 -0
- package/src/ActionList/index.ts +21 -0
- package/src/ActionMenu.tsx +106 -0
- package/src/AnchoredOverlay/AnchoredOverlay.tsx +191 -0
- package/src/AnchoredOverlay/index.ts +2 -0
- package/src/Autocomplete/Autocomplete.tsx +103 -0
- package/src/Autocomplete/AutocompleteContext.tsx +19 -0
- package/src/Autocomplete/AutocompleteInput.tsx +179 -0
- package/src/Autocomplete/AutocompleteMenu.tsx +341 -0
- package/src/Autocomplete/AutocompleteOverlay.tsx +68 -0
- package/src/Autocomplete/index.ts +2 -0
- package/src/Avatar.tsx +46 -0
- package/src/AvatarPair.tsx +35 -0
- package/src/AvatarStack.tsx +159 -0
- package/src/BaseStyles.tsx +53 -0
- package/src/BorderBox.tsx +18 -0
- package/src/Box.tsx +54 -0
- package/src/BranchName.tsx +19 -0
- package/src/Breadcrumbs.tsx +101 -0
- package/src/Button/Button.tsx +40 -0
- package/src/Button/ButtonBase.tsx +43 -0
- package/src/Button/ButtonClose.tsx +40 -0
- package/src/Button/ButtonDanger.tsx +43 -0
- package/src/Button/ButtonGroup.tsx +55 -0
- package/src/Button/ButtonInvisible.tsx +32 -0
- package/src/Button/ButtonOutline.tsx +43 -0
- package/src/Button/ButtonPrimary.tsx +41 -0
- package/src/Button/ButtonStyles.tsx +36 -0
- package/src/Button/ButtonTableList.tsx +58 -0
- package/src/Button/index.ts +16 -0
- package/src/Caret.tsx +133 -0
- package/src/CircleBadge.tsx +55 -0
- package/src/CircleOcticon.tsx +37 -0
- package/src/CounterLabel.tsx +52 -0
- package/src/Details.tsx +23 -0
- package/src/Dialog/ConfirmationDialog.tsx +184 -0
- package/src/Dialog/Dialog.tsx +432 -0
- package/src/Dialog.tsx +149 -0
- package/src/Dropdown.tsx +158 -0
- package/src/DropdownMenu/DropdownButton.tsx +15 -0
- package/src/DropdownMenu/DropdownMenu.tsx +115 -0
- package/src/DropdownMenu/index.ts +4 -0
- package/src/DropdownStyles.ts +128 -0
- package/src/FilterList.tsx +81 -0
- package/src/FilteredActionList/FilteredActionList.tsx +142 -0
- package/src/FilteredActionList/index.ts +2 -0
- package/src/FilteredSearch.tsx +28 -0
- package/src/Flash.tsx +77 -0
- package/src/Flex.tsx +15 -0
- package/src/FormGroup.tsx +27 -0
- package/src/Grid.tsx +15 -0
- package/src/Header.tsx +84 -0
- package/src/Heading.tsx +21 -0
- package/src/Label.tsx +75 -0
- package/src/LabelGroup.tsx +18 -0
- package/src/Link.tsx +46 -0
- package/src/Overlay.tsx +198 -0
- package/src/Pagehead.tsx +17 -0
- package/src/Pagination/Pagination.tsx +214 -0
- package/src/Pagination/index.ts +4 -0
- package/src/Pagination/model.tsx +187 -0
- package/src/PointerBox.tsx +31 -0
- package/src/Popover.tsx +236 -0
- package/src/Portal/Portal.tsx +97 -0
- package/src/Portal/index.ts +5 -0
- package/src/Position.tsx +63 -0
- package/src/ProgressBar.tsx +52 -0
- package/src/SelectMenu/SelectMenu.tsx +125 -0
- package/src/SelectMenu/SelectMenuContext.tsx +9 -0
- package/src/SelectMenu/SelectMenuDivider.tsx +25 -0
- package/src/SelectMenu/SelectMenuFilter.tsx +51 -0
- package/src/SelectMenu/SelectMenuFooter.tsx +28 -0
- package/src/SelectMenu/SelectMenuHeader.tsx +50 -0
- package/src/SelectMenu/SelectMenuItem.tsx +137 -0
- package/src/SelectMenu/SelectMenuList.tsx +42 -0
- package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +24 -0
- package/src/SelectMenu/SelectMenuModal.tsx +121 -0
- package/src/SelectMenu/SelectMenuTab.tsx +88 -0
- package/src/SelectMenu/SelectMenuTabPanel.tsx +30 -0
- package/src/SelectMenu/SelectMenuTabs.tsx +44 -0
- package/src/SelectMenu/hooks/useKeyboardNav.js +90 -0
- package/src/SelectMenu/index.ts +15 -0
- package/src/SelectPanel/SelectPanel.tsx +173 -0
- package/src/SelectPanel/index.ts +2 -0
- package/src/SideNav.tsx +193 -0
- package/src/Spinner.tsx +59 -0
- package/src/StateLabel.tsx +102 -0
- package/src/StyledOcticon.tsx +24 -0
- package/src/SubNav.tsx +129 -0
- package/src/TabNav.tsx +77 -0
- package/src/Text.tsx +13 -0
- package/src/TextInput.tsx +68 -0
- package/src/TextInputWithTokens.tsx +351 -0
- package/src/ThemeProvider.tsx +176 -0
- package/src/Timeline.tsx +141 -0
- package/src/Token/AvatarToken.tsx +54 -0
- package/src/Token/IssueLabelToken.tsx +150 -0
- package/src/Token/Token.tsx +126 -0
- package/src/Token/TokenBase.tsx +129 -0
- package/src/Token/_RemoveTokenButton.tsx +111 -0
- package/src/Token/_TokenTextContainer.tsx +47 -0
- package/src/Token/index.ts +3 -0
- package/src/Tooltip.tsx +263 -0
- package/src/Truncate.tsx +36 -0
- package/src/UnderlineNav.tsx +110 -0
- package/src/_TextInputWrapper.tsx +106 -0
- package/src/_UnstyledTextInput.tsx +19 -0
- package/src/__tests__/.eslintrc.json +11 -0
- package/src/__tests__/ActionList.test.tsx +53 -0
- package/src/__tests__/ActionList.types.test.tsx +51 -0
- package/src/__tests__/ActionMenu.test.tsx +136 -0
- package/src/__tests__/AnchoredOverlay.test.tsx +150 -0
- package/src/__tests__/Autocomplete.test.tsx +444 -0
- package/src/__tests__/Avatar.test.tsx +44 -0
- package/src/__tests__/AvatarStack.test.tsx +48 -0
- package/src/__tests__/BorderBox.test.tsx +43 -0
- package/src/__tests__/Box.test.tsx +42 -0
- package/src/__tests__/BranchName.test.tsx +26 -0
- package/src/__tests__/Breadcrumbs.test.tsx +27 -0
- package/src/__tests__/BreadcrumbsItem.test.tsx +31 -0
- package/src/__tests__/Button.test.tsx +128 -0
- package/src/__tests__/Caret.test.tsx +36 -0
- package/src/__tests__/CircleBadge.test.tsx +66 -0
- package/src/__tests__/CircleOcticon.test.tsx +50 -0
- package/src/__tests__/ConfirmationDialog.test.tsx +120 -0
- package/src/__tests__/CounterLabel.test.tsx +50 -0
- package/src/__tests__/Details.test.tsx +115 -0
- package/src/__tests__/Dialog.test.tsx +155 -0
- package/src/__tests__/Dropdown.test.tsx +53 -0
- package/src/__tests__/DropdownMenu.test.tsx +136 -0
- package/src/__tests__/FilterList.test.tsx +26 -0
- package/src/__tests__/FilterListItem.test.tsx +31 -0
- package/src/__tests__/FilteredSearch.test.tsx +26 -0
- package/src/__tests__/Flash.test.tsx +45 -0
- package/src/__tests__/Flex.test.tsx +58 -0
- package/src/__tests__/FormGroup.test.tsx +38 -0
- package/src/__tests__/Grid.test.tsx +82 -0
- package/src/__tests__/Header.test.tsx +49 -0
- package/src/__tests__/Heading.test.tsx +91 -0
- package/src/__tests__/KeyPaths.types.test.ts +14 -0
- package/src/__tests__/Label.test.tsx +34 -0
- package/src/__tests__/LabelGroup.test.tsx +30 -0
- package/src/__tests__/Link.test.tsx +47 -0
- package/src/__tests__/Merge.types.test.ts +39 -0
- package/src/__tests__/Overlay.test.tsx +103 -0
- package/src/__tests__/Pagehead.test.tsx +23 -0
- package/src/__tests__/Pagination/Pagination.test.tsx +30 -0
- package/src/__tests__/Pagination/PaginationModel.test.tsx +133 -0
- package/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +184 -0
- package/src/__tests__/PointerBox.test.tsx +34 -0
- package/src/__tests__/Popover.test.tsx +68 -0
- package/src/__tests__/Portal.test.tsx +103 -0
- package/src/__tests__/Position.test.tsx +117 -0
- package/src/__tests__/ProgressBar.test.tsx +40 -0
- package/src/__tests__/SelectMenu.test.tsx +142 -0
- package/src/__tests__/SelectPanel.test.tsx +63 -0
- package/src/__tests__/SideNav.test.tsx +62 -0
- package/src/__tests__/Spinner.test.tsx +42 -0
- package/src/__tests__/StateLabel.test.tsx +48 -0
- package/src/__tests__/StyledOcticon.test.tsx +26 -0
- package/src/__tests__/SubNav.test.tsx +50 -0
- package/src/__tests__/SubNavLink.test.tsx +31 -0
- package/src/__tests__/TabNav.test.tsx +32 -0
- package/src/__tests__/Text.test.tsx +78 -0
- package/src/__tests__/TextInput.test.tsx +49 -0
- package/src/__tests__/TextInputWithTokens.test.tsx +422 -0
- package/src/__tests__/ThemeProvider.test.tsx +441 -0
- package/src/__tests__/Timeline.test.tsx +58 -0
- package/src/__tests__/Token.test.tsx +118 -0
- package/src/__tests__/Tooltip.test.tsx +52 -0
- package/src/__tests__/Truncate.test.tsx +43 -0
- package/src/__tests__/UnderlineNav.test.tsx +58 -0
- package/src/__tests__/UnderlineNavLink.test.tsx +31 -0
- package/src/__tests__/__snapshots__/ActionList.test.tsx.snap +223 -0
- package/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +80 -0
- package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +332 -0
- package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +3421 -0
- package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +19 -0
- package/src/__tests__/__snapshots__/AvatarStack.test.tsx.snap +377 -0
- package/src/__tests__/__snapshots__/BorderBox.test.tsx.snap +14 -0
- package/src/__tests__/__snapshots__/Box.test.tsx.snap +201 -0
- package/src/__tests__/__snapshots__/BranchName.test.tsx.snap +17 -0
- package/src/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +29 -0
- package/src/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +79 -0
- package/src/__tests__/__snapshots__/Button.test.tsx.snap +840 -0
- package/src/__tests__/__snapshots__/Caret.test.tsx.snap +373 -0
- package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +141 -0
- package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +64 -0
- package/src/__tests__/__snapshots__/ConfirmationDialog.test.tsx.snap +89 -0
- package/src/__tests__/__snapshots__/CounterLabel.test.tsx.snap +22 -0
- package/src/__tests__/__snapshots__/Details.test.tsx.snap +15 -0
- package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +200 -0
- package/src/__tests__/__snapshots__/Dropdown.test.tsx.snap +249 -0
- package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +106 -0
- package/src/__tests__/__snapshots__/FilterList.test.tsx.snap +13 -0
- package/src/__tests__/__snapshots__/FilterListItem.test.tsx.snap +80 -0
- package/src/__tests__/__snapshots__/FilteredSearch.test.tsx.snap +32 -0
- package/src/__tests__/__snapshots__/Flash.test.tsx.snap +32 -0
- package/src/__tests__/__snapshots__/Flex.test.tsx.snap +130 -0
- package/src/__tests__/__snapshots__/FormGroup.test.tsx.snap +25 -0
- package/src/__tests__/__snapshots__/Grid.test.tsx.snap +178 -0
- package/src/__tests__/__snapshots__/Header.test.tsx.snap +79 -0
- package/src/__tests__/__snapshots__/Heading.test.tsx.snap +13 -0
- package/src/__tests__/__snapshots__/Label.test.tsx.snap +74 -0
- package/src/__tests__/__snapshots__/LabelGroup.test.tsx.snap +15 -0
- package/src/__tests__/__snapshots__/Link.test.tsx.snap +213 -0
- package/src/__tests__/__snapshots__/Pagehead.test.tsx.snap +15 -0
- package/src/__tests__/__snapshots__/PointerBox.test.tsx.snap +174 -0
- package/src/__tests__/__snapshots__/Popover.test.tsx.snap +4687 -0
- package/src/__tests__/__snapshots__/Position.test.tsx.snap +44 -0
- package/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap +53 -0
- package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +469 -0
- package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +123 -0
- package/src/__tests__/__snapshots__/SideNav.test.tsx.snap +143 -0
- package/src/__tests__/__snapshots__/Spinner.test.tsx.snap +33 -0
- package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +388 -0
- package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +25 -0
- package/src/__tests__/__snapshots__/SubNav.test.tsx.snap +44 -0
- package/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +199 -0
- package/src/__tests__/__snapshots__/TabNav.test.tsx.snap +58 -0
- package/src/__tests__/__snapshots__/Text.test.tsx.snap +7 -0
- package/src/__tests__/__snapshots__/TextInput.test.tsx.snap +446 -0
- package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +5979 -0
- package/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +15 -0
- package/src/__tests__/__snapshots__/Timeline.test.tsx.snap +159 -0
- package/src/__tests__/__snapshots__/Token.test.tsx.snap +3794 -0
- package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +227 -0
- package/src/__tests__/__snapshots__/Truncate.test.tsx.snap +17 -0
- package/src/__tests__/__snapshots__/UnderlineNav.test.tsx.snap +59 -0
- package/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +130 -0
- package/src/__tests__/behaviors/anchoredPosition.test.ts +295 -0
- package/src/__tests__/behaviors/focusTrap.test.tsx +236 -0
- package/src/__tests__/behaviors/focusZone.test.tsx +549 -0
- package/src/__tests__/behaviors/iterateFocusableElements.test.tsx +61 -0
- package/src/__tests__/behaviors/scrollIntoViewingArea.test.ts +195 -0
- package/src/__tests__/filterObject.test.ts +54 -0
- package/src/__tests__/hooks/useAnchoredPosition.test.tsx +31 -0
- package/src/__tests__/hooks/useOnEscapePress.test.tsx +16 -0
- package/src/__tests__/hooks/useOnOutsideClick.test.tsx +48 -0
- package/src/__tests__/hooks/useOpenAndCloseFocus.test.tsx +48 -0
- package/src/__tests__/hooks/useProvidedStateOrCreate.test.tsx +39 -0
- package/src/__tests__/theme.test.ts +41 -0
- package/src/__tests__/themeGet.test.ts +15 -0
- package/src/__tests__/useSafeTimeout.test.tsx +36 -0
- package/src/behaviors/anchoredPosition.ts +442 -0
- package/src/behaviors/focusTrap.ts +184 -0
- package/src/behaviors/focusZone.ts +713 -0
- package/src/behaviors/scrollIntoViewingArea.ts +27 -0
- package/src/constants.ts +62 -0
- package/src/hooks/index.ts +11 -0
- package/src/hooks/useAnchoredPosition.ts +54 -0
- package/src/hooks/useCombinedRefs.ts +40 -0
- package/src/hooks/useDetails.tsx +54 -0
- package/src/hooks/useDialog.ts +121 -0
- package/src/hooks/useFocusTrap.ts +80 -0
- package/src/hooks/useFocusZone.ts +64 -0
- package/src/hooks/useOnEscapePress.ts +63 -0
- package/src/hooks/useOnOutsideClick.tsx +82 -0
- package/src/hooks/useOpenAndCloseFocus.ts +32 -0
- package/src/hooks/useOverlay.tsx +34 -0
- package/src/hooks/useProvidedRefOrCreate.ts +14 -0
- package/src/hooks/useProvidedStateOrCreate.ts +27 -0
- package/src/hooks/useRenderForcingRef.ts +22 -0
- package/src/hooks/useResizeObserver.ts +11 -0
- package/src/hooks/useSafeTimeout.ts +38 -0
- package/src/hooks/useScrollFlash.ts +21 -0
- package/src/index.ts +170 -0
- package/src/polyfills/eventListenerSignal.ts +66 -0
- package/src/stories/ActionList.stories.tsx +436 -0
- package/src/stories/ActionMenu.stories.tsx +334 -0
- package/src/stories/AnchoredOverlay.stories.tsx +117 -0
- package/src/stories/Autocomplete.stories.tsx +655 -0
- package/src/stories/AvatarStack.stories.tsx +37 -0
- package/src/stories/Button.stories.tsx +92 -0
- package/src/stories/ConfirmationDialog.stories.tsx +105 -0
- package/src/stories/Dialog.stories.tsx +240 -0
- package/src/stories/DropdownMenu.stories.tsx +84 -0
- package/src/stories/IssueLabelToken.stories.tsx +138 -0
- package/src/stories/Overlay.stories.tsx +213 -0
- package/src/stories/Portal.stories.tsx +109 -0
- package/src/stories/ProfileToken.stories.tsx +129 -0
- package/src/stories/SelectPanel.stories.tsx +353 -0
- package/src/stories/TextInputWithTokens.stories.tsx +155 -0
- package/src/stories/ThemeProvider.stories.tsx +104 -0
- package/src/stories/Token.stories.tsx +137 -0
- package/src/stories/useAnchoredPosition.stories.tsx +332 -0
- package/src/stories/useFocusTrap.stories.tsx +400 -0
- package/src/stories/useFocusZone.stories.tsx +663 -0
- package/src/sx.ts +21 -0
- package/src/theme-preval.js +79 -0
- package/src/theme.ts +89 -0
- package/src/utils/deprecate.tsx +73 -0
- package/src/utils/isNumeric.tsx +4 -0
- package/src/utils/iterateFocusableElements.ts +121 -0
- package/src/utils/ssr.tsx +1 -0
- package/src/utils/test-deprecations.tsx +19 -0
- package/src/utils/test-helpers.tsx +7 -0
- package/src/utils/test-matchers.tsx +109 -0
- package/src/utils/testing.tsx +242 -0
- package/src/utils/theme.js +64 -0
- package/src/utils/types/AriaRole.ts +71 -0
- package/src/utils/types/ComponentProps.ts +13 -0
- package/src/utils/types/Flatten.ts +4 -0
- package/src/utils/types/KeyPaths.ts +10 -0
- package/src/utils/types/MandateProps.ts +19 -0
- package/src/utils/types/Merge.ts +20 -0
- package/src/utils/types/index.ts +5 -0
- package/src/utils/uniqueId.ts +6 -0
- package/src/utils/useIsomorphicLayoutEffect.ts +10 -0
- package/src/utils/userAgent.ts +7 -0
- package/stats.html +3279 -0
- package/tsconfig.build.json +7 -0
- package/tsconfig.json +20 -0
package/dist/browser.umd.js
CHANGED
@@ -19,7 +19,7 @@
|
|
19
19
|
`,Ct=i.default.div`
|
20
20
|
${wt};
|
21
21
|
${yt};
|
22
|
-
`;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function At(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function It(e,t,r){return e.concat(t).map((function(e){return At(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=At(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=At(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||It,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=At;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):At(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:m}=jt(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:m)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Dt)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Wt)}),[t.nightScheme,m]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,I,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function pr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const hr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",vr),hr.push(a),()=>{hr.splice(hr.findIndex((e=>e===a)),1),0===hr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return mr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(Fd){}function Sr(){kr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Ar(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Ir="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,a=!1){r.id||r.setAttribute("id",zr()),t&&t!==r&&t.removeAttribute(Ir),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ir,a?Lr:Or),null==u||u(r,t,a))}function h(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ir),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ar(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Ar(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Hr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Dr=$(xe,yt,kt),Wr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
22
|
+
`;function zt(e){const{children:t,...r}=e;return require("focus-visible"),n.default.createElement(Ct,Tt({},r,{"data-portal-root":!0}),n.default.createElement(Et,null),t)}zt.displayName="BaseStyles",zt.defaultProps={color:"fg.default",fontFamily:"normal",lineHeight:"default"};var Rt=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Nt}(e)}(e)};var Nt="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function At(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Pt((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function It(e,t,r){return e.concat(t).map((function(e){return At(e,r)}))}function Lt(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function Ot(e,t){try{return t in e}catch(e){return!1}}function Mt(e,t,r){var a={};return r.isMergeableObject(e)&&Lt(e).forEach((function(t){a[t]=At(e[t],r)})),Lt(t).forEach((function(o){(function(e,t){return Ot(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,o)||(Ot(e,o)&&r.isMergeableObject(t[o])?a[o]=function(e,t){if(!t.customMerge)return Pt;var r=t.customMerge(e);return"function"==typeof r?r:Pt}(o,r)(e[o],t[o],r):a[o]=At(t[o],r))})),a}function Pt(e,t,r){(r=r||{}).arrayMerge=r.arrayMerge||It,r.isMergeableObject=r.isMergeableObject||Rt,r.cloneUnlessOtherwiseSpecified=At;var a=Array.isArray(t);return a===Array.isArray(e)?a?r.arrayMerge(e,t,r):Mt(e,t,r):At(t,r)}Pt.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return Pt(e,r,t)}),{})};var Ht=Pt;const Dt="light",Wt="dark",Ft=n.default.createContext({setColorMode:()=>null,setDayScheme:()=>null,setNightScheme:()=>null}),_t=({children:e,...t})=>{var a,o,i,l,s,c,f,u;const{theme:g,colorMode:p,dayScheme:b,nightScheme:m}=jt(),h=null!==(a=null!==(o=t.theme)&&void 0!==o?o:g)&&void 0!==a?a:d,[v,x]=n.default.useState(null!==(i=null!==(l=t.colorMode)&&void 0!==l?l:p)&&void 0!==i?i:"day"),[y,w]=n.default.useState(null!==(s=null!==(c=t.dayScheme)&&void 0!==c?c:b)&&void 0!==s?s:Dt),[B,k]=n.default.useState(null!==(f=null!==(u=t.nightScheme)&&void 0!==u?u:m)&&void 0!==f?f:Wt),$=function(e,t){switch(e){case"auto":return t;default:return e}}(v,function(){const[e,t]=n.default.useState(Gt);return n.default.useEffect((()=>{var e,r;const a=null===(e=window)||void 0===e||null===(r=e.matchMedia)||void 0===r?void 0:r.call(e,"(prefers-color-scheme: dark)");function o(e){const r=e.matches;t(r?"night":"day")}if(a){if(void 0!==a.addEventListener)return a.addEventListener("change",o),function(){a.removeEventListener("change",o)};if(void 0!==a.addListener)return a.addListener(o),function(){a.removeListener(o)}}}),[]),e}()),S=function(e,t,r){switch(e){case"day":return t;case"night":return r}}($,y,B),T=n.default.useMemo((()=>function(e,t){if(!e.colorSchemes)return e;if(!e.colorSchemes[t]){console.error(`\`${t}\` scheme not defined in \`theme.colorSchemes\``);const r=Object.keys(e.colorSchemes)[0];return Ht(e,e.colorSchemes[r])}return Ht(e,e.colorSchemes[t])}(h,S)),[h,S]);return n.default.useEffect((()=>{var e,r;x(null!==(e=null!==(r=t.colorMode)&&void 0!==r?r:p)&&void 0!==e?e:"day")}),[t.colorMode,p]),n.default.useEffect((()=>{var e,r;w(null!==(e=null!==(r=t.dayScheme)&&void 0!==r?r:b)&&void 0!==e?e:Dt)}),[t.dayScheme,b]),n.default.useEffect((()=>{var e,r;k(null!==(e=null!==(r=t.nightScheme)&&void 0!==r?r:m)&&void 0!==e?e:Wt)}),[t.nightScheme,m]),n.default.createElement(Ft.Provider,{value:{theme:T,colorScheme:S,colorMode:v,resolvedColorMode:$,dayScheme:y,nightScheme:B,setColorMode:x,setDayScheme:w,setNightScheme:k}},n.default.createElement(r.ThemeProvider,{theme:T},e))};function jt(){return n.default.useContext(Ft)}function Ut(e,t){var r;const{colorScheme:a=""}=jt();return null!==(r=e[a])&&void 0!==r?r:t}function Gt(){var e,t,r;return"undefined"!=typeof window&&null!==(e=(t=window).matchMedia)&&void 0!==e&&null!==(r=e.call(t,"(prefers-color-scheme: dark)"))&&void 0!==r&&r.matches?"night":"day"}_t.displayName="ThemeProvider";var Vt=_t;var Kt=e=>te(e.sx);var qt=i.default.div(U,E,C,S,z,N,O,I,P,G,Kt);const Xt=i.default(qt)``;Xt.defaultProps={borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2};var Yt=Xt;const Jt=i.default(qt)``;Jt.defaultProps={display:"flex"};var Zt=Jt;const Qt=i.default(qt)``;Qt.defaultProps={display:"grid"};var er=Qt;const tr=i.default(qt)``;var rr=tr;const ar=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"absolute",ref:t}))));ar.displayName="Absolute";const or=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"fixed",ref:t}))));or.displayName="Fixed";const nr=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"relative",ref:t}))));nr.displayName="Relative";const ir=n.default.forwardRef(((e,t)=>n.default.createElement(tr,Tt({},e,{position:"sticky",ref:t}))));function lr({ref:e,closeOnOutsideClick:r,defaultOpen:a,onClickOutside:o}){const[n,i]=t.useState(a),l=t.useRef(null),d=null!=e?e:l,s=t.useCallback((e=>{const{current:t}=d;e.target.closest("details")!==t&&(o&&o(e),e.defaultPrevented||i(!1))}),[d,i,o]);t.useEffect((()=>{if(n&&r)return document.addEventListener("click",s),()=>{document.removeEventListener("click",s)}}),[n,r,s]);const c=e=>{if(!e.defaultPrevented){const t=e.target;i(t.open)}};return{open:n,setOpen:i,getDetailsProps:()=>({onToggle:c,open:n,ref:d})}}ir.defaultProps={top:0,zIndex:1},ir.displayName="Sticky";const dr=!0;function sr(e){if(!e.defaultPrevented)for(const t of Object.values(cr).reverse())if(t(e)===dr||e.defaultPrevented)break}const cr={};let fr=0;const ur=({containerRef:e,ignoreClickRefs:r,onClickOutside:a})=>{const o=t.useMemo((()=>fr++),[]),n=t.useCallback((t=>{var o;return t instanceof MouseEvent&&t.button>0||null!==(o=e.current)&&void 0!==o&&o.contains(t.target)||r&&r.some((({current:e})=>null==e?void 0:e.contains(t.target)))?dr:void a(t)}),[e,r,a]);t.useEffect((()=>(0===Object.keys(cr).length&&document.addEventListener("mousedown",sr,{capture:!0}),function(e,t){cr[e]=t}(o,n),()=>{!function(e){delete cr[e]}(o),0===Object.keys(cr).length&&document.removeEventListener("mousedown",sr,{capture:!0})})),[o,n])};function*gr(e,t={}){var r,a;const o=null!==(r=t.strict)&&void 0!==r&&r,n=null!==(a=t.onlyTabbable)&&void 0!==a&&a?br:pr,i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>e instanceof HTMLElement&&n(e,o)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP});let l=null;if(!t.reverse&&n(e,o)&&(yield e),t.reverse){let e=i.lastChild();for(;e;)l=e,e=i.lastChild()}else l=i.firstChild();for(;l instanceof HTMLElement;)yield l,l=t.reverse?i.previousNode():i.nextNode();t.reverse&&n(e,o)&&(yield e)}function pr(e,t=!1){const r=["BUTTON","INPUT","SELECT","TEXTAREA","OPTGROUP","OPTION","FIELDSET"].includes(e.tagName)&&e.disabled,a=e.hidden,o=e instanceof HTMLInputElement&&"hidden"===e.type;if(r||a||o)return!1;if(t){const t=0===e.offsetWidth||0===e.offsetHeight,r=["hidden","collapse"].includes(getComputedStyle(e).visibility),a=0===e.getClientRects().length;if(t||r||a)return!1}return null!=e.getAttribute("tabindex")||!(e instanceof HTMLAnchorElement&&null==e.getAttribute("href"))&&-1!==e.tabIndex}function br(e,t=!1){return pr(e,t)&&"-1"!==e.getAttribute("tabindex")}function mr({initialFocusRef:e,returnFocusRef:r,containerRef:a,preventFocusOnOpen:o}){t.useEffect((()=>{if(o)return;const t=r.current;if(e&&e.current)e.current.focus();else if(a.current){const e=gr(a.current).next().value;null==e||e.focus()}return function(){null==t||t.focus()}}),[e,r,a,o])}const hr=[];function vr(e){if("Escape"===e.key&&!e.defaultPrevented)for(let t=hr.length-1;t>=0&&(hr[t](e),!e.defaultPrevented);--t);}const xr=(e,r=[e])=>{const a=t.useCallback(e,r);t.useEffect((()=>(0===hr.length&&document.addEventListener("keydown",vr),hr.push(a),()=>{hr.splice(hr.findIndex((e=>e===a)),1),0===hr.length&&document.removeEventListener("keydown",vr)})),[a])};function yr(e){const t=n.default.useRef(null);return null!=e?e:t}const wr=({overlayRef:e,returnFocusRef:t,initialFocusRef:r,onEscape:a,ignoreClickRefs:o,onClickOutside:n,preventFocusOnOpen:i})=>{const l=yr(e);return mr({containerRef:l,returnFocusRef:t,initialFocusRef:r,preventFocusOnOpen:i}),ur({containerRef:l,ignoreClickRefs:o,onClickOutside:n}),xr(a),{ref:l}};let Br,kr=!1;function $r(){}try{const e=Object.create({},{signal:{get(){kr=!0}}});window.addEventListener("test",$r,e),window.removeEventListener("test",$r,e)}catch(_d){}function Sr(){kr||(!function(){if("undefined"==typeof window)return;const e=EventTarget.prototype.addEventListener;EventTarget.prototype.addEventListener=function(t,r,a){return"object"==typeof a&&"signal"in a&&a.signal instanceof AbortSignal&&e.call(a.signal,"abort",(()=>{this.removeEventListener(t,r,a)})),e.call(this,t,r,a)}}(),kr=!0)}function Tr(){return void 0===Br&&(Br=/^mac/i.test(window.navigator.platform)),Br}let Er,Cr=1e4;function zr(){return"__primer_id_"+Cr++}Sr(),function(e){e[e.ArrowHorizontal=1]="ArrowHorizontal",e[e.ArrowVertical=2]="ArrowVertical",e[e.JK=4]="JK",e[e.HL=8]="HL",e[e.HomeAndEnd=16]="HomeAndEnd",e[e.PageUpDown=256]="PageUpDown",e[e.WS=32]="WS",e[e.AD=64]="AD",e[e.Tab=128]="Tab",e[e.ArrowAll=e.ArrowHorizontal|e.ArrowVertical]="ArrowAll",e[e.HJKL=e.HL|e.JK]="HJKL",e[e.WASD=e.WS|e.AD]="WASD",e[e.All=e.ArrowAll|e.HJKL|e.HomeAndEnd|e.PageUpDown|e.WASD|e.Tab]="All"}(Er||(Er={}));const Rr={ArrowLeft:Er.ArrowHorizontal,ArrowDown:Er.ArrowVertical,ArrowUp:Er.ArrowVertical,ArrowRight:Er.ArrowHorizontal,h:Er.HL,j:Er.JK,k:Er.JK,l:Er.HL,a:Er.AD,s:Er.WS,w:Er.WS,d:Er.AD,Tab:Er.Tab,Home:Er.HomeAndEnd,End:Er.HomeAndEnd,PageUp:Er.PageUpDown,PageDown:Er.PageUpDown},Nr={ArrowLeft:"previous",ArrowDown:"next",ArrowUp:"previous",ArrowRight:"next",h:"previous",j:"next",k:"previous",l:"next",a:"previous",s:"next",w:"previous",d:"next",Tab:"next",Home:"start",End:"end",PageUp:"start",PageDown:"end"};function Ar(e){const t=Nr[e.key];if("Tab"===e.key&&e.shiftKey)return"previous";const r=Tr();if(r&&e.metaKey||!r&&e.ctrlKey){if("ArrowLeft"===e.key||"ArrowUp"===e.key)return"start";if("ArrowRight"===e.key||"ArrowDown"===e.key)return"end"}return t}const Ir="data-is-active-descendant",Lr="activated-directly",Or="activated-indirectly",Mr="data-has-active-descendant";function Pr(e,t){var r,a,o,n;const i=[],l=new WeakMap,d=null!==(r=null==t?void 0:t.bindKeys)&&void 0!==r?r:(null!=t&&t.getNextFocusable?Er.ArrowAll:Er.ArrowVertical)|Er.HomeAndEnd,s=null!==(a=null==t?void 0:t.focusOutBehavior)&&void 0!==a?a:"stop",c=null!==(o=null==t?void 0:t.focusInStrategy)&&void 0!==o?o:"previous",f=null==t?void 0:t.activeDescendantControl,u=null==t?void 0:t.onActiveDescendantChanged;let g;function p(){return i[0]}function b(e,t=!1){const r=g;g=e,f?e&&document.activeElement===f?m(r,e,t):h():(r&&r!==e&&l.has(r)&&r.setAttribute("tabindex","-1"),null==e||e.setAttribute("tabindex","0"))}function m(t,r,a=!1){r.id||r.setAttribute("id",zr()),t&&t!==r&&t.removeAttribute(Ir),f&&(a||f.getAttribute("aria-activedescendant")!==r.id)&&(f.setAttribute("aria-activedescendant",r.id),e.setAttribute(Mr,r.id),r.setAttribute(Ir,a?Lr:Or),null==u||u(r,t,a))}function h(t=g){"first"===c&&(g=void 0),null==f||f.removeAttribute("aria-activedescendant"),e.removeAttribute(Mr),null==t||t.removeAttribute(Ir),null==u||u(void 0,t,!1)}function v(...e){const r=e.filter((e=>{var r,a;return null===(r=null==t||null===(a=t.focusableElementFilter)||void 0===a?void 0:a.call(t,e))||void 0===r||r}));if(0===r.length)return;const a=i.findIndex((e=>(e.compareDocumentPosition(r[0])&Node.DOCUMENT_POSITION_PRECEDING)>0));i.splice(-1===a?i.length:a,0,...r);for(const e of r)l.has(e)||l.set(e,e.getAttribute("tabindex")),e.setAttribute("tabindex","-1");g||b(p())}function x(...e){for(const t of e){const e=i.indexOf(t);e>=0&&i.splice(e,1);const r=l.get(t);if(void 0!==r&&(null===r?t.removeAttribute("tabindex"):t.setAttribute("tabindex",r),l.delete(t)),t===g){b(p())}}}v(...gr(e)),b(p());new MutationObserver((e=>{for(const t of e)for(const e of t.removedNodes)e instanceof HTMLElement&&x(...gr(e));for(const t of e)for(const e of t.addedNodes)e instanceof HTMLElement&&v(...gr(e))})).observe(e,{subtree:!0,childList:!0});const y=new AbortController,w=null!==(n=null==t?void 0:t.abortSignal)&&void 0!==n?n:y.signal;let B;w.addEventListener("abort",(()=>{x(...i)})),e.addEventListener("mousedown",(e=>{e.target instanceof HTMLElement&&e.target!==document.activeElement&&(B=i.indexOf(e.target))}),{signal:w}),f?(e.addEventListener("focusin",(e=>{e.target instanceof HTMLElement&&i.includes(e.target)&&(f.focus(),b(e.target))})),e.addEventListener("mousemove",(({target:e})=>{if(!(e instanceof Node))return;const t=i.find((t=>t.contains(e)));t&&b(t)}),{signal:w,capture:!0}),f.addEventListener("focusin",(()=>{g?m(void 0,g):b(p())})),f.addEventListener("focusout",(()=>{h()}))):e.addEventListener("focusin",(t=>{if(t.target instanceof HTMLElement)if(void 0!==B)B>=0&&i[B]!==g&&b(i[B]),B=void 0;else if("previous"===c)b(t.target);else if("closest"===c||"first"===c){if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e="previous"===$?i.length-1:0,t=i[e];return void(null==t||t.focus())}b(t.target)}else if("function"==typeof c)if(t.relatedTarget instanceof Element&&!e.contains(t.relatedTarget)){const e=c(t.relatedTarget);if((e?i.indexOf(e):-1)>=0&&e instanceof HTMLElement)return void e.focus();console.warn("Element requested is not a known focusable element.")}else b(t.target);$=void 0}),{signal:w});const k=null!=f?f:e;let $;return"closest"===c&&document.addEventListener("keydown",(e=>{"Tab"===e.key&&($=Ar(e))}),{signal:w,capture:!0}),k.addEventListener("keydown",(r=>{if(r.key in Nr){const o=Rr[r.key];if(!r.defaultPrevented&&(o&d)>0&&!function(e,t){const r=e.key,a=[...r].length,o=t instanceof HTMLInputElement&&"text"===t.type||t instanceof HTMLTextAreaElement;if(o&&(1===a||"Home"===r||"End"===r))return!0;if(t instanceof HTMLSelectElement){if(1===a)return!0;if("ArrowDown"===r&&Tr()&&!e.metaKey)return!0;if("ArrowDown"===r&&!Tr()&&e.altKey)return!0}if(t instanceof HTMLTextAreaElement&&("PageUp"===r||"PageDown"===r))return!0;if(o){const e=t,a=0===e.selectionStart&&0===e.selectionEnd,o=e.selectionStart===e.value.length&&e.selectionEnd===e.value.length;if("ArrowLeft"===r&&!a)return!0;if("ArrowRight"===r&&!o)return!0;if(e instanceof HTMLTextAreaElement){if("ArrowUp"===r&&!a)return!0;if("ArrowDown"===r&&!o)return!0}}return!1}(r,document.activeElement)){const o=Ar(r);let n;var a;if(null!=t&&t.getNextFocusable)n=t.getNextFocusable(o,null!==(a=document.activeElement)&&void 0!==a?a:void 0,r);if(!n){const t=function(){if(!g)return 0;const t=i.indexOf(g);return-1!==t?t:g===e?-1:0}();let a=t;"previous"===o?a-=1:"start"===o?a=0:"next"===o?a+=1:a=i.length-1,a<0&&(a="wrap"===s&&"Tab"!==r.key?i.length-1:0),a>=i.length&&(a="wrap"===s&&"Tab"!==r.key?0:i.length-1),t!==a&&(n=i[a])}f?b(n||g,!0):n&&($=o,n.focus()),("Tab"!==r.key||n)&&r.preventDefault()}}}),{signal:w}),y}var Hr=r.css(["position:relative;display:inline-block;padding:6px 16px;font-family:inherit;font-weight:",";line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border-radius:",";appearance:none;text-decoration:none;text-align:center;&:hover{text-decoration:none;}&:focus{outline:none;}&:disabled{cursor:default;}&:disabled svg{opacity:0.6;}"],xt("fontWeights.bold"),xt("radii.2"));const Dr=$(xe,yt,kt),Wr=re({variants:{small:{p:"4px 12px",fontSize:0},medium:{fontSize:1},large:{fontSize:2,p:"10px 20px"}}}),Fr=i.default.button.attrs((({disabled:e,onClick:t})=>({onClick:e?void 0:t})))`
|
23
23
|
${Hr}
|
24
24
|
${Wr}
|
25
25
|
`;Fr.defaultProps={variant:"medium"};var _r=Fr;var jr=i.default(_r)`
|
@@ -270,10 +270,10 @@
|
|
270
270
|
${yt};
|
271
271
|
${kt};
|
272
272
|
${Kt};
|
273
|
-
`;var ca=t.forwardRef(((e,t)=>n.default.createElement(sa,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(da,null))));const fa={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function ua(e,t,r={}){const a=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),o=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,a=r.getBoundingClientRect(),o=getComputedStyle(r),[n,i,l,d]=[o.borderTopWidth,o.borderLeftWidth,o.borderRightWidth,o.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:a.top+n,left:a.left+i,width:a.width-l-i,height:Math.max(a.height-n-d,r===document.body?window.innerHeight:-1/0)}}(a),n=getComputedStyle(a),i=a.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,a,{side:o,align:n,allowOutOfBounds:i,anchorOffset:l,alignmentOffset:d}){const s={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let c=va(r,a,o,n,l,d),f=o;if(c.top-=t.top,c.left-=t.left,!i){const i=fa[o];let u=0;if(i){let e=o;for(;u<i.length&&xa(e,c,s,r);){const o=i[u++];e=o,c=va(r,a,o,n,l,d),c.top-=t.top,c.left-=t.left,f=o}}c.top<s.top&&(c.top=s.top),c.left<s.left&&(c.left=s.left),c.left+r.width>e.width+s.left&&(c.left=e.width+s.left-r.width),i&&u<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:f}}(o,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,a,o,n;const i=null!==(t=e.side)&&void 0!==t?t:ga,l=null!==(r=e.align)&&void 0!==r?r:pa;return{side:i,align:l,anchorOffset:null!==(a=e.anchorOffset)&&void 0!==a?a:"inside-center"===i?0:ba,alignmentOffset:null!==(o=e.alignmentOffset)&&void 0!==o?o:"center"!==l&&i.startsWith("inside")?ma:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:ha}}(r))}const ga="outside-bottom",pa="start",ba=4,ma=4,ha=!1;function va(e,t,r,a,o,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-o-e.height:"outside-bottom"===r?d=l+o:"outside-left"===r?s=t.left-o-e.width:"outside-right"===r&&(s=i+o),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+o:"inside-bottom"===r?d=l-o-e.height:"inside-left"===r?s=t.left+o:"inside-right"===r?s=i-o-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+o),"inside-top"===r||"inside-bottom"===r?s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function xa(e,t,r,a){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+a.height>r.height+r.top:t.left<r.left||t.left+a.width>r.width+r.left}function
|
273
|
+
`;var ca=t.forwardRef(((e,t)=>n.default.createElement(sa,Tt({ref:t,"aria-label":"Close"},e),n.default.createElement(da,null))));const fa={"outside-top":["outside-bottom","outside-right","outside-left","outside-bottom"],"outside-bottom":["outside-top","outside-right","outside-left","outside-bottom"],"outside-left":["outside-right","outside-bottom","outside-top","outside-bottom"],"outside-right":["outside-left","outside-bottom","outside-top","outside-bottom"]};function ua(e,t,r={}){const a=function(e){let t=e.parentNode;for(;null!==t;){if(t instanceof HTMLElement&&"static"!==getComputedStyle(t).position)return t;t=t.parentNode}return document.body}(e),o=function(e){let t=e;for(;null!==t&&t!==document.body;){if("visible"!==getComputedStyle(t).overflow)break;t=t.parentNode}const r=t!==document.body&&t instanceof HTMLElement?t:document.body,a=r.getBoundingClientRect(),o=getComputedStyle(r),[n,i,l,d]=[o.borderTopWidth,o.borderLeftWidth,o.borderRightWidth,o.borderBottomWidth].map((e=>parseInt(e,10)||0));return{top:a.top+n,left:a.left+i,width:a.width-l-i,height:Math.max(a.height-n-d,r===document.body?window.innerHeight:-1/0)}}(a),n=getComputedStyle(a),i=a.getBoundingClientRect(),[l,d]=[n.borderTopWidth,n.borderLeftWidth].map((e=>parseInt(e,10)||0));return function(e,t,r,a,{side:o,align:n,allowOutOfBounds:i,anchorOffset:l,alignmentOffset:d}){const s={top:e.top-t.top,left:e.left-t.left,width:e.width,height:e.height};let c=va(r,a,o,n,l,d),f=o;if(c.top-=t.top,c.left-=t.left,!i){const i=fa[o];let u=0;if(i){let e=o;for(;u<i.length&&xa(e,c,s,r);){const o=i[u++];e=o,c=va(r,a,o,n,l,d),c.top-=t.top,c.left-=t.left,f=o}}c.top<s.top&&(c.top=s.top),c.left<s.left&&(c.left=s.left),c.left+r.width>e.width+s.left&&(c.left=e.width+s.left-r.width),i&&u<i.length&&c.top+r.height>e.height+s.top&&(c.top=e.height+s.top-r.height)}return{...c,anchorSide:f}}(o,{top:i.top+l,left:i.left+d},e.getBoundingClientRect(),t instanceof Element?t.getBoundingClientRect():t,function(e={}){var t,r,a,o,n;const i=null!==(t=e.side)&&void 0!==t?t:ga,l=null!==(r=e.align)&&void 0!==r?r:pa;return{side:i,align:l,anchorOffset:null!==(a=e.anchorOffset)&&void 0!==a?a:"inside-center"===i?0:ba,alignmentOffset:null!==(o=e.alignmentOffset)&&void 0!==o?o:"center"!==l&&i.startsWith("inside")?ma:0,allowOutOfBounds:null!==(n=e.allowOutOfBounds)&&void 0!==n?n:ha}}(r))}const ga="outside-bottom",pa="start",ba=4,ma=4,ha=!1;function va(e,t,r,a,o,n){const i=t.left+t.width,l=t.top+t.height;let d=-1,s=-1;return"outside-top"===r?d=t.top-o-e.height:"outside-bottom"===r?d=l+o:"outside-left"===r?s=t.left-o-e.width:"outside-right"===r&&(s=i+o),"outside-top"!==r&&"outside-bottom"!==r||(s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n),"outside-left"!==r&&"outside-right"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),"inside-top"===r?d=t.top+o:"inside-bottom"===r?d=l-o-e.height:"inside-left"===r?s=t.left+o:"inside-right"===r?s=i-o-e.width:"inside-center"===r&&(s=(i+t.left)/2-e.width/2+o),"inside-top"===r||"inside-bottom"===r?s="start"===a?t.left+n:"center"===a?t.left-(e.width-t.width)/2+n:i-e.width-n:"inside-left"!==r&&"inside-right"!==r&&"inside-center"!==r||(d="start"===a?t.top+n:"center"===a?t.top-(e.height-t.height)/2+n:l-e.height-n),{top:d,left:s}}function xa(e,t,r,a){return"outside-top"===e||"outside-bottom"===e?t.top<r.top||t.top+a.height>r.height+r.top:t.left<r.left||t.left+a.width>r.width+r.left}var ya="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function wa(e,t=[]){const r=yr(null==e?void 0:e.floatingElementRef),a=yr(null==e?void 0:e.anchorElementRef),[o,i]=n.default.useState(void 0),l=n.default.useCallback((()=>{r.current instanceof Element&&a.current instanceof Element?i(ua(r.current,a.current,e)):i(void 0)}),[r,a,...t]);var d;return ya(l,[l]),ya((()=>{const e=new window.ResizeObserver((()=>d()));return e.observe(document.documentElement),()=>{e.disconnect()}}),[d=l]),{floatingElementRef:r,anchorElementRef:a,position:o}}Sr();const Ba=[];let ka;function $a(e,t=!1){return gr(e,{reverse:t,strict:!0,onlyTabbable:!0}).next().value}function Sa(e,t,r){const a=new AbortController,o=null!=r?r:a.signal;let n;function i(r){if(r instanceof HTMLElement&&document.contains(e)){if(e.contains(r))return void(n=r);if(n&&br(n)&&e.contains(n))return void n.focus();if(t&&e.contains(t))return void t.focus();{const t=null===e.getAttribute("tabindex");return t&&e.setAttribute("tabindex","-1"),e.focus(),void(t&&e.addEventListener("blur",(()=>e.removeAttribute("tabindex")),{once:!0}))}}}e.setAttribute("data-focus-trap","active");const l=function(e){const t=new AbortController;return e.addEventListener("abort",(()=>{t.abort()})),t}(o);if(e.addEventListener("keydown",(t=>{if("Tab"!==t.key||t.defaultPrevented)return;const{target:r}=t,a=$a(e),o=$a(e,!0);r===a&&t.shiftKey?(t.preventDefault(),null==o||o.focus()):r!==o||t.shiftKey||(t.preventDefault(),null==a||a.focus())}),{signal:l.signal}),ka){const e=ka;ka.container.setAttribute("data-focus-trap","suspended"),ka.controller.abort(),Ba.push(e)}l.signal.addEventListener("abort",(()=>{ka=void 0})),o.addEventListener("abort",(()=>{e.removeAttribute("data-focus-trap");const t=Ba.findIndex((t=>t.container===e));t>=0&&Ba.splice(t,1),function(){const e=Ba.pop();e&&Sa(e.container,e.initialFocus,e.originalSignal)}()})),document.addEventListener("focus",(e=>{i(e.target)}),{signal:l.signal,capture:!0}),i(document.activeElement),ka={container:e,controller:l,initialFocus:t,originalSignal:o};const d=Ba.findIndex((t=>t.container===e));if(d>=0&&Ba.splice(d,1),!r)return a}function Ta(e,t=[]){const r=yr(null==e?void 0:e.containerRef),a=yr(null==e?void 0:e.initialFocusRef),o=null==e?void 0:e.disabled,i=n.default.useRef(),l=n.default.useRef(null);function d(){var t;null===(t=i.current)||void 0===t||t.abort(),null!=e&&e.restoreFocusOnCleanUp&&l.current instanceof HTMLElement&&(l.current.focus(),l.current=null)}return l.current||null!=e&&e.disabled||(l.current=document.activeElement),n.default.useEffect((()=>{if(r.current instanceof HTMLElement){var e;if(!o)return i.current=Sa(r.current,null!==(e=a.current)&&void 0!==e?e:void 0),()=>{d()};d()}}),[r,a,o,...t]),{containerRef:r,initialFocusRef:a}}function Ea({icon:e,...t}){return n.default.createElement(e,t)}Ea.displayName="Octicon";const Ca=i.default(Ea)`
|
274
274
|
${yt}
|
275
275
|
${Kt}
|
276
|
-
`;
|
276
|
+
`;Ca.defaultProps={size:16};var za=Ca;function Ra(e={},r=[]){const a=yr(e.containerRef),o=!!e.activeDescendantFocus,i=yr("boolean"!=typeof e.activeDescendantFocus&&e.activeDescendantFocus?e.activeDescendantFocus:void 0),l=e.disabled,d=n.default.useRef();return t.useEffect((()=>{if(a.current instanceof HTMLElement&&(!o||i.current instanceof HTMLElement)){if(!l){var t;const r={...e,activeDescendantControl:null!==(t=i.current)&&void 0!==t?t:void 0};return d.current=Pr(a.current,r),()=>{var e;null===(e=d.current)||void 0===e||e.abort()}}var r;null===(r=d.current)||void 0===r||r.abort()}}),[l,...r]),{containerRef:a,activeDescendantControlRef:i}}const Na="__primerPortalRoot__",Aa="__default__",Ia={};function La(){const e=Ia.__default__;if(!e||!document.body.contains(e)){let e=document.getElementById(Na);if(!(e instanceof Element)){e=document.createElement("div"),e.setAttribute("id",Na),e.style.position="absolute",e.style.top="0",e.style.left="0";const t=document.querySelector("[data-portal-root]");t?t.appendChild(e):document.body.appendChild(e)}!function(e,t="__default__"){Ia[t]=e}(e)}}var Oa=({children:e,onMount:t,containerName:r})=>{const o=document.createElement("div");o.style.position="relative",o.style.zIndex="1";const i=n.default.useRef(o);return ya((()=>{let e=r;void 0===e&&(e=Aa,La());const a=Ia[e];if(!a)throw new Error(`Portal container '${r}' is not yet registered. Container must be registered with registerPortal before use.`);const o=i.current;return a.appendChild(o),null==t||t(),()=>{a.removeChild(o)}}),[i]),a.createPortal(e,i.current)};function Ma(...e){const r=t.useRef(null);return ya((()=>{function t(t=null){for(const r of e){if(!r)return;"function"==typeof r?r(t):r.current=t}}return t(r.current),()=>{t(r.current)}}),[...e,r.current]),r}const Pa={prefix:String(Math.round(1e10*Math.random())),current:0},Ha=n.default.createContext(Pa);let Da=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement);function Wa(e){let r=t.useContext(Ha);return r!==Pa||Da||console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server."),t.useMemo((()=>e||"react-aria"+r.prefix+"-"+ ++r.current),[e])}const Fa="200ms",_a=i.default("div")`
|
277
277
|
position: fixed;
|
278
278
|
top: 0;
|
279
279
|
left: 0;
|
@@ -283,7 +283,7 @@
|
|
283
283
|
align-items: center;
|
284
284
|
justify-content: center;
|
285
285
|
background-color: rgba(0, 0, 0, 0.4);
|
286
|
-
animation: dialog-backdrop-appear ${
|
286
|
+
animation: dialog-backdrop-appear ${Fa} ${xt("animation.easeOutCubic")};
|
287
287
|
|
288
288
|
@keyframes dialog-backdrop-appear {
|
289
289
|
0% {
|
@@ -293,7 +293,7 @@
|
|
293
293
|
opacity: 1;
|
294
294
|
}
|
295
295
|
}
|
296
|
-
`,
|
296
|
+
`,ja={small:"480px",large:"640px",auto:"auto"},Ua={small:"296px",medium:"320px",large:"480px",xlarge:"640px"},Ga=i.default.div`
|
297
297
|
display: flex;
|
298
298
|
flex-direction: column;
|
299
299
|
background-color: ${xt("colors.canvas.overlay")};
|
@@ -301,11 +301,11 @@
|
|
301
301
|
min-width: 296px;
|
302
302
|
max-width: calc(100vw - 64px);
|
303
303
|
max-height: calc(100vh - 64px);
|
304
|
-
width: ${e=>{var t;return
|
305
|
-
height: ${e=>{var t;return
|
304
|
+
width: ${e=>{var t;return Ua[null!==(t=e.width)&&void 0!==t?t:"xlarge"]}};
|
305
|
+
height: ${e=>{var t;return ja[null!==(t=e.height)&&void 0!==t?t:"auto"]}};
|
306
306
|
border-radius: 12px;
|
307
307
|
opacity: 1;
|
308
|
-
animation: overlay--dialog-appear ${
|
308
|
+
animation: overlay--dialog-appear ${Fa} ${xt("animation.easeOutCubic")};
|
309
309
|
|
310
310
|
@keyframes overlay--dialog-appear {
|
311
311
|
0% {
|
@@ -321,23 +321,23 @@
|
|
321
321
|
${yt};
|
322
322
|
${$t};
|
323
323
|
${Kt};
|
324
|
-
`,
|
324
|
+
`,Va=({dialogLabelId:e,title:r,subtitle:a,dialogDescriptionId:o,onClose:i})=>{const l=t.useCallback((()=>{i("close-button")}),[i]);return n.default.createElement(oo.Header,null,n.default.createElement(qt,{display:"flex"},n.default.createElement(qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(oo.Title,{id:e},null!=r?r:"Dialog"),a&&n.default.createElement(oo.Subtitle,{id:o},a)),n.default.createElement(oo.CloseButton,{onClose:l})))};Va.displayName="DefaultHeader";const Ka=({children:e})=>n.default.createElement(oo.Body,null,e);Ka.displayName="DefaultBody";const qa=({footerButtons:e})=>{const{containerRef:t}=Ra({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(oo.Footer,{ref:t},n.default.createElement(oo.Buttons,{buttons:e})):null},Xa=n.default.forwardRef(((e,r)=>{const{title:a="Dialog",subtitle:o="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:f="xlarge",height:u="auto",footerButtons:g=[]}=e,p=Wa(),b=Wa(),m=t.useRef(null);for(const e of g)e.autoFocus&&(e.ref=m);const h={...e,title:a,subtitle:o,role:c,dialogLabelId:p,dialogDescriptionId:b},v=t.useRef(null),x=Ma(v,r),y=t.useRef(null);Ta({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),xr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Va)(h),B=(null!=l?l:Ka)(h),k=(null!=d?d:qa)(h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Oa,null,n.default.createElement(_a,{ref:y},n.default.createElement(Ga,{width:f,height:u,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Xa.displayName="Dialog";const Ya=i.default(qt).attrs({as:"header"})`
|
325
325
|
box-shadow: 0 1px 0 ${xt("colors.border.default")};
|
326
326
|
padding: ${xt("space.2")};
|
327
327
|
z-index: 1;
|
328
328
|
flex-shrink: 0;
|
329
|
-
`,
|
329
|
+
`,Ja=i.default(qt)`
|
330
330
|
font-size: ${xt("fontSizes.1")};
|
331
331
|
font-weight: ${xt("fontWeights.bold")};
|
332
|
-
`,
|
332
|
+
`,Za=i.default(qt)`
|
333
333
|
font-size: ${xt("fontSizes.0")};
|
334
334
|
margin-top: ${xt("space.1")};
|
335
335
|
color: ${xt("colors.fg.muted")};
|
336
|
-
`,
|
336
|
+
`,Qa=i.default(qt)`
|
337
337
|
flex-grow: 1;
|
338
338
|
overflow: auto;
|
339
339
|
padding: ${xt("space.3")};
|
340
|
-
`,
|
340
|
+
`,eo=i.default(qt).attrs({as:"footer"})`
|
341
341
|
box-shadow: 0 -1px 0 ${xt("colors.border.default")};
|
342
342
|
padding: ${xt("space.3")};
|
343
343
|
display: flex;
|
@@ -352,7 +352,7 @@
|
|
352
352
|
margin-left: 0;
|
353
353
|
}
|
354
354
|
}
|
355
|
-
`,
|
355
|
+
`,to={normal:jr,primary:qr,danger:Ur},ro=i.default(jr)`
|
356
356
|
border-radius: 4px;
|
357
357
|
background: transparent;
|
358
358
|
border: 0;
|
@@ -362,21 +362,21 @@
|
|
362
362
|
align-self: flex-start;
|
363
363
|
line-height: normal;
|
364
364
|
box-shadow: none;
|
365
|
-
`,
|
365
|
+
`,ao=({onClose:e})=>n.default.createElement(ro,{"aria-label":"Close",onClick:e},n.default.createElement(za,{icon:da}));ao.displayName="CloseButton";const oo=Object.assign(Xa,{Header:Ya,Title:Ja,Subtitle:Za,Body:Qa,Footer:eo,Buttons:({buttons:e})=>{var r;const a=yr(null===(r=e.find((e=>e.autoFocus)))||void 0===r?void 0:r.ref);let o=0;const[i,l]=t.useState(0);return t.useEffect((()=>{var e;1===i?null===(e=a.current)||void 0===e||e.focus():l(i+1)}),[a,i]),n.default.createElement(n.default.Fragment,null,e.map(((e,t)=>{const{content:r,buttonType:i="normal",autoFocus:l=!1,...d}=e,s=to[i];return n.default.createElement(s,Tt({key:t},d,{ref:l&&0===o?(o++,a):null}),r)})))},CloseButton:ao}),no=i.default.header`
|
366
366
|
padding: ${xt("space.2")};
|
367
367
|
display: flex;
|
368
368
|
flex-direction: row;
|
369
|
-
`,
|
369
|
+
`,io=i.default(qt)`
|
370
370
|
font-size: ${xt("fontSizes.3")};
|
371
371
|
font-weight: ${xt("fontWeights.bold")};
|
372
372
|
padding: 6px ${xt("space.2")};
|
373
373
|
flex-grow: 1;
|
374
|
-
`,
|
374
|
+
`,lo=({title:e,onClose:r,dialogLabelId:a})=>{const o=t.useCallback((()=>{r("close-button")}),[r]);return n.default.createElement(no,null,n.default.createElement(io,{id:a},e),n.default.createElement(oo.CloseButton,{onClose:o}))};lo.displayName="ConfirmationHeader";const so=i.default(qt)`
|
375
375
|
font-size: ${xt("fontSizes.1")};
|
376
376
|
padding: 0 ${xt("space.3")} ${xt("space.3")} ${xt("space.3")};
|
377
377
|
color: ${xt("colors.fg.muted")};
|
378
378
|
flex-grow: 1;
|
379
|
-
`,
|
379
|
+
`,co=({children:e})=>n.default.createElement(so,null,e);co.displayName="ConfirmationBody";const fo=i.default(qt)`
|
380
380
|
display: grid;
|
381
381
|
grid-auto-flow: column;
|
382
382
|
grid-auto-columns: max-content;
|
@@ -384,7 +384,7 @@
|
|
384
384
|
align-items: end;
|
385
385
|
justify-content: end;
|
386
386
|
padding: ${xt("space.1")} ${xt("space.3")} ${xt("space.3")};
|
387
|
-
`,
|
387
|
+
`,uo=({footerButtons:e})=>{const{containerRef:t}=Ra({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return n.default.createElement(fo,{ref:t},n.default.createElement(oo.Buttons,{buttons:null!=e?e:[]}))};uo.displayName="ConfirmationFooter";const go=e=>{const{onClose:r,title:a,cancelButtonContent:o="Cancel",confirmButtonContent:i="OK",confirmButtonType:l="normal",children:d}=e,s=[{content:o,onClick:t.useCallback((()=>{r("cancel")}),[r])},{content:i,buttonType:l,onClick:t.useCallback((()=>{r("confirm")}),[r]),autoFocus:!0}];return n.default.createElement(oo,{onClose:r,title:a,footerButtons:s,role:"alertdialog",width:"medium",renderHeader:lo,renderBody:co,renderFooter:uo},d)};go.displayName="ConfirmationDialog";const po=i.default.div`
|
388
388
|
{
|
389
389
|
/* 6px vertical padding + 20px line height = 32px total height
|
390
390
|
*
|
@@ -400,9 +400,9 @@
|
|
400
400
|
${({variant:e})=>"filled"===e&&r.css(["background:",";margin:"," 0;border-top:1px solid ",";border-bottom:1px solid ",";&:first-child{margin-top:0;}"],xt("colors.canvas.subtle"),xt("space.2"),xt("colors.neutral.muted"),xt("colors.neutral.muted"))}
|
401
401
|
|
402
402
|
${Kt}
|
403
|
-
`;function
|
403
|
+
`;function bo({variant:e="subtle",title:t,auxiliaryText:r,children:a,...o}){return n.default.createElement(po,Tt({role:"heading",variant:e},o),t,r&&n.default.createElement("span",null,r))}bo.displayName="Header";const mo=i.default.div`
|
404
404
|
${Kt}
|
405
|
-
`;function
|
405
|
+
`;function ho({header:e,items:t,...r}){return n.default.createElement(mo,r,e&&n.default.createElement(bo,e),t)}ho.displayName="Group";const vo=i.default.div`
|
406
406
|
${wt}
|
407
407
|
${yt}
|
408
408
|
display: ${e=>e.inline?"inline-block":"inherit"};
|
@@ -413,25 +413,25 @@
|
|
413
413
|
${ce}
|
414
414
|
${e=>e.expandable?"&:hover { max-width: 10000px; }":""}
|
415
415
|
${Kt};
|
416
|
-
`;
|
416
|
+
`;vo.defaultProps={expandable:!1,inline:!1,maxWidth:125};var xo=vo;const yo=i.default.div`
|
417
417
|
height: 1px;
|
418
418
|
background: ${xt("colors.border.muted")};
|
419
419
|
margin-top: calc(${xt("space.2")} - 1px);
|
420
420
|
margin-bottom: ${xt("space.2")};
|
421
|
-
`;function
|
421
|
+
`;function wo(){return n.default.createElement(yo,null)}wo.displayName="Divider",wo.renderItem=wo;const Bo={default:{hover:{light:"rgba(46, 77, 108, 0.06)",dark:"rgba(201, 206, 212, 0.12)",dark_dimmed:"rgba(201, 206, 212, 0.12)"},focus:{light:"rgba(54, 77, 100, 0.16)",dark:"rgba(201, 206, 212, 0.24)",dark_dimmed:"rgba(201, 206, 212, 0.24)"}},danger:{hover:{light:"rgba(234, 74, 90, 0.08)",dark:"rgba(248, 81, 73, 0.16)",dark_dimmed:"rgba(248, 81, 73, 0.16)"},focus:{light:"rgba(234, 74, 90, 0.14)",dark:"rgba(248, 81, 73, 0.24)",dark_dimmed:"rgba(248, 81, 73, 0.24)"}}},ko=(e="default",t)=>{if(t)return{color:xt("colors.primer.fg.disabled"),iconColor:xt("colors.primer.fg.disabled"),annotationColor:xt("colors.primer.fg.disabled"),hoverCursor:"default"};switch(e){case"danger":return{color:xt("colors.danger.fg"),iconColor:xt("colors.danger.fg"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"};default:return{color:xt("colors.fg.default"),iconColor:xt("colors.fg.muted"),annotationColor:xt("colors.fg.muted"),hoverCursor:"pointer"}}},$o=i.default.div`
|
422
422
|
display: flex;
|
423
423
|
min-width: 0;
|
424
424
|
|
425
425
|
/* Required for dividers */
|
426
426
|
position: relative;
|
427
427
|
flex-grow: 1;
|
428
|
-
|
428
|
+
`,So=i.default.div`
|
429
429
|
align-items: baseline;
|
430
430
|
display: flex;
|
431
431
|
min-width: 0;
|
432
432
|
flex-direction: var(--main-content-flex-direction);
|
433
433
|
flex-grow: 1;
|
434
|
-
`,
|
434
|
+
`,To=i.default.div`
|
435
435
|
/* 6px vertical padding + 20px line height = 32px total height
|
436
436
|
*
|
437
437
|
* TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -440,7 +440,7 @@
|
|
440
440
|
padding: 6px ${xt("space.2")};
|
441
441
|
display: flex;
|
442
442
|
border-radius: ${xt("radii.2")};
|
443
|
-
color: ${({variant:e,item:t})=>
|
443
|
+
color: ${({variant:e,item:t})=>ko(e,null==t?void 0:t.disabled).color};
|
444
444
|
// 2 frames on a 60hz monitor
|
445
445
|
transition: background 33.333ms linear;
|
446
446
|
text-decoration: none;
|
@@ -449,15 +449,15 @@
|
|
449
449
|
:hover {
|
450
450
|
// allow override in case another item in the list is active/focused
|
451
451
|
background: var(--item-hover-bg-override, ${({hoverBackground:e})=>e});
|
452
|
-
cursor: ${({variant:e,item:t})=>
|
452
|
+
cursor: ${({variant:e,item:t})=>ko(e,null==t?void 0:t.disabled).hoverCursor};
|
453
453
|
}
|
454
454
|
}
|
455
455
|
|
456
456
|
// Item dividers
|
457
|
-
:not(:first-of-type):not(${
|
457
|
+
:not(:first-of-type):not(${yo} + &):not(${po} + &) {
|
458
458
|
margin-top: ${({showDivider:e})=>e?"1px":"0"};
|
459
459
|
|
460
|
-
${
|
460
|
+
${$o}::before {
|
461
461
|
content: ' ';
|
462
462
|
display: block;
|
463
463
|
position: absolute;
|
@@ -471,23 +471,23 @@
|
|
471
471
|
|
472
472
|
// Item dividers should not be visible:
|
473
473
|
// - above Hovered
|
474
|
-
&:hover ${
|
474
|
+
&:hover ${$o}::before,
|
475
475
|
// - below Hovered
|
476
476
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
477
|
-
:hover + * ${
|
477
|
+
:hover + * ${$o}::before {
|
478
478
|
// allow override in case another item in the list is active/focused
|
479
479
|
border-color: var(--item-hover-divider-border-color-override, transparent) !important;
|
480
480
|
}
|
481
481
|
|
482
482
|
// - above Focused
|
483
|
-
&:focus ${
|
483
|
+
&:focus ${$o}::before,
|
484
484
|
// - below Focused
|
485
485
|
// '*' instead of '&' because '&' maps to separate class names depending on 'variant'
|
486
|
-
:focus + * ${
|
486
|
+
:focus + * ${$o}::before,
|
487
487
|
// - above Active Descendent
|
488
|
-
&[${Ir}] ${
|
488
|
+
&[${Ir}] ${$o}::before,
|
489
489
|
// - below Active Descendent
|
490
|
-
[${Ir}] + & ${
|
490
|
+
[${Ir}] + & ${$o}::before {
|
491
491
|
// '!important' because all the ':not's above give higher specificity
|
492
492
|
border-color: transparent !important;
|
493
493
|
}
|
@@ -510,32 +510,32 @@
|
|
510
510
|
}
|
511
511
|
|
512
512
|
${Kt}
|
513
|
-
`,
|
513
|
+
`,Eo=i.default.span``,Co=i.default.div`
|
514
514
|
// Match visual height to adjacent text line height.
|
515
515
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
516
516
|
// hardcoded '20px' with '${xt("space.s20")}'.
|
517
517
|
height: 20px;
|
518
518
|
width: ${xt("space.3")};
|
519
519
|
margin-right: ${xt("space.2")};
|
520
|
-
`,
|
520
|
+
`,zo=i.default(Co)`
|
521
521
|
svg {
|
522
|
-
fill: ${({variant:e,disabled:t})=>
|
522
|
+
fill: ${({variant:e,disabled:t})=>ko(e,t).iconColor};
|
523
523
|
font-size: ${xt("fontSizes.0")};
|
524
524
|
}
|
525
|
-
`,
|
525
|
+
`,Ro=i.default(zo)`
|
526
526
|
flex-shrink: 0;
|
527
527
|
display: flex;
|
528
528
|
flex-direction: column;
|
529
529
|
justify-content: center;
|
530
|
-
`,
|
531
|
-
color: ${({variant:e,disabled:t})=>
|
530
|
+
`,No=i.default(zo)`
|
531
|
+
color: ${({variant:e,disabled:t})=>ko(e,t).annotationColor}};
|
532
532
|
margin-left: ${xt("space.2")};
|
533
533
|
margin-right: 0;
|
534
534
|
width: auto;
|
535
535
|
div:nth-child(2) {
|
536
536
|
margin-left: ${xt("space.2")};
|
537
537
|
}
|
538
|
-
`,
|
538
|
+
`,Ao=i.default.span`
|
539
539
|
color: ${xt("colors.fg.muted")};
|
540
540
|
font-size: ${xt("fontSizes.0")};
|
541
541
|
// TODO: When rem-based spacing on a 4px scale lands, replace
|
@@ -545,9 +545,9 @@
|
|
545
545
|
min-width: 0;
|
546
546
|
flex-grow: 1;
|
547
547
|
flex-basis: var(--description-container-flex-basis);
|
548
|
-
`,
|
548
|
+
`,Io=i.default.input`
|
549
549
|
pointer-events: none;
|
550
|
-
`,
|
550
|
+
`,Lo=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingVisual:u,trailingText:g,variant:p="default",showDivider:b,disabled:m,onAction:h,onKeyPress:v,children:x,onClick:y,id:w,...B}=e,k=Wa(),$=Wa(),S=t.useCallback((t=>{if(m)return;null==v||v(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==h||h(e,t))}),[h,m,e,v]),T=t.useCallback((t=>{m||(null==y||y(t),t.defaultPrevented||null==h||h(e,t))}),[h,m,e,y]),E=Bo[p],C=Ut(E.hover,"inherit"),z=Ut(E.focus,"inherit"),{theme:R}=jt();return n.default.createElement(To,Tt({ref:r,as:a,tabIndex:m?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":o?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:S,onClick:T,hoverBackground:m?"inherit":C,focusBackground:m?"inherit":z}),!!d===d&&n.default.createElement(Co,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:m,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==R?void 0:R.colors.fg.default})),c&&n.default.createElement(Ro,{variant:p,disabled:m},n.default.createElement(c,null)),n.default.createElement($o,null,n.default.createElement(So,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,o?n.default.createElement(Eo,{id:k},o):null,i?n.default.createElement(Ao,{id:$,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(R):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(xo,{title:i,inline:!0,maxWidth:"100%"},i)):null),u?n.default.createElement(No,{variant:p,disabled:m},"function"==typeof u?n.default.createElement(u,null):u):f||g?n.default.createElement(No,{variant:p,disabled:m},g,f&&n.default.createElement(f,null)):null))}));Lo.displayName="ActionList.Item";const Oo=i.default.div`
|
551
551
|
font-size: ${xt("fontSizes.1")};
|
552
552
|
/* 14px font-size * 1.428571429 = 20px line height
|
553
553
|
*
|
@@ -560,15 +560,15 @@
|
|
560
560
|
--item-hover-bg-override: none;
|
561
561
|
--item-hover-divider-border-color-override: ${xt("colors.border.muted")};
|
562
562
|
}
|
563
|
-
`;const
|
563
|
+
`;const Mo=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:a,headerStyle:o,itemStyle:i}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:xt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:xt("space.2")},lastGroupStyle:{marginBottom:xt("space.2")},itemStyle:{marginX:xt("space.2")}}}}(e.variant),l=(t,r,a)=>{var o,l,d;const s="renderItem"in t&&t.renderItem||e.renderItem||Lo,c=null!==(o=null!==(l="key"in t?t.key:void 0)&&void 0!==l?l:null===(d=t.id)||void 0===d?void 0:d.toString())&&void 0!==o?o:a.toString();return n.default.createElement(s,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:c,sx:{...i,...t.sx},item:r}))};let d=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var s,c,f;const e=t.get(r.groupId),a=null!==(s=null==e||null===(c=e.items)||void 0===c?void 0:c.length)&&void 0!==s?s:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],l({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,a)]})}d=[...t.values()]}else d=[{items:e.items.map(((e,t)=>l(e,e,t))),groupId:"0"}];return n.default.createElement(Oo,Tt({},e,{ref:t}),d.map((({header:t,...i},l)=>{const s="filled"===(null==t?void 0:t.variant),c=l>0&&!s;return n.default.createElement(n.default.Fragment,{key:i.groupId},c?n.default.createElement(wo,{key:`${i.groupId}-divider`}):null,(t=>{var r;const a=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||ho;return n.default.createElement(a,Tt({},t,{key:t.groupId}))})({sx:{...0===l&&r,...l===d.length-1&&a,...l>0&&!c&&{mt:2}},...t&&{header:{...t,sx:{...o,...t.sx}}},...i}))})))}));Mo.displayName="ActionList";const Po=Object.assign(Mo,{Group:ho,Item:Lo,Divider:wo}),Ho={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Do={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Wo=i.default.div`
|
564
564
|
background-color: ${xt("colors.canvas.overlay")};
|
565
565
|
box-shadow: ${xt("shadows.overlay.shadow")};
|
566
566
|
position: absolute;
|
567
567
|
min-width: 192px;
|
568
568
|
max-width: 640px;
|
569
|
-
height: ${e=>
|
570
|
-
max-height: ${e=>e.maxHeight&&
|
571
|
-
width: ${e=>
|
569
|
+
height: ${e=>Ho[e.height||"auto"]};
|
570
|
+
max-height: ${e=>e.maxHeight&&Ho[e.maxHeight]};
|
571
|
+
width: ${e=>Do[e.width||"auto"]};
|
572
572
|
border-radius: 12px;
|
573
573
|
overflow: hidden;
|
574
574
|
animation: overlay-appear ${200}ms ${xt("animation.easeOutCubic")};
|
@@ -587,12 +587,12 @@
|
|
587
587
|
}
|
588
588
|
${yt};
|
589
589
|
${Kt};
|
590
|
-
`,
|
590
|
+
`,Fo=n.default.forwardRef((({onClickOutside:e,role:r="none",initialFocusRef:a,returnFocusRef:o,ignoreClickRefs:i,onEscape:l,visibility:d="visible",height:s,top:c,left:f,anchorSide:u,portalContainerName:g,preventFocusOnOpen:p,...b},m)=>{const h=t.useRef(null),v=Ma(h,m),{theme:x}=jt(),y=parseInt(xt("space.2")(x).replace("px","")),w=xt("animation.easeOutCubic")(x);return wr({overlayRef:h,returnFocusRef:o,onEscape:l,ignoreClickRefs:i,onClickOutside:e,initialFocusRef:a,preventFocusOnOpen:p}),t.useEffect((()=>{var e;"initial"===s&&null!==(e=v.current)&&void 0!==e&&e.clientHeight&&(v.current.style.height=`${v.current.clientHeight}px`)}),[s,v]),ya((()=>{var e;const{x:t,y:r}=function(e){return null!=e&&e.endsWith("bottom")?{x:0,y:-1}:null!=e&&e.endsWith("top")?{x:0,y:1}:null!=e&&e.endsWith("right")?{x:-1,y:0}:null!=e&&e.endsWith("left")?{x:1,y:0}:{x:0,y:0}}(u);(t||r)&&null!==(e=h.current)&&void 0!==e&&e.animate&&"hidden"!==d&&h.current.animate({transform:[`translate(${y*t}px, ${y*r}px)`,"translate(0, 0)"]},{duration:200,easing:w})}),[u,y,w,d]),n.default.createElement(Oa,{containerName:g},n.default.createElement(Wo,Tt({height:s,role:r},b,{ref:v,style:{top:`${c||0}px`,left:`${f||0}px`,...b.style,"--styled-overlay-visibility":d}})))}));Fo.defaultProps={height:"auto",width:"auto"};var _o=Fo;const jo=({renderAnchor:e,anchorRef:r,children:a,open:o,onOpen:i,onClose:l,height:d,width:s,overlayProps:c,focusTrapSettings:f,focusZoneSettings:u,side:g,align:p})=>{const b=yr(r),[m,h]=function(){const[e,r]=t.useState(null),a=t.useRef(null);a.current=e;const o=t.useCallback((e=>{a.current=e,r(e)}),[a]);return[a,o]}(),v=Wa(),x=t.useCallback((()=>null==l?void 0:l("click-outside")),[l]),y=t.useCallback((()=>null==l?void 0:l("escape")),[l]),w=t.useCallback((e=>{e.defaultPrevented||!o&&["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(null==i||i("anchor-key-press"),e.preventDefault())}),[o,i]),B=t.useCallback((e=>{e.defaultPrevented||0!==e.button||(o?null==l||l("anchor-click"):null==i||i("anchor-click"))}),[o,i,l]),{position:k}=wa({anchorElementRef:b,floatingElementRef:m,side:g,align:p},[m.current]);return t.useEffect((()=>{!o&&m.current&&h(null)}),[o,m,h]),Ra({containerRef:m,disabled:!o||!k,...u}),Ta({containerRef:m,disabled:!o||!k,...f}),n.default.createElement(n.default.Fragment,null,e&&e({ref:b,id:v,"aria-labelledby":v,"aria-haspopup":"true",tabIndex:0,onClick:B,onKeyDown:w}),o?n.default.createElement(_o,Tt({returnFocusRef:b,onClickOutside:x,ignoreClickRefs:[b],onEscape:y,ref:h,role:"none",visibility:k?"visible":"hidden",height:d,width:s,top:(null==k?void 0:k.top)||0,left:(null==k?void 0:k.left)||0,anchorSide:null==k?void 0:k.anchorSide},c),a):null)};function Uo(e,r,a){const[o,n]=t.useState(a);return[null!=e?e:o,t.useCallback((e=>{n(e),r&&r(e)}),[r])]}jo.displayName="AnchoredOverlay",jo.defaultProps={side:"outside-bottom",align:"start"};const Go=e=>n.default.createElement(Lo,Tt({role:"menuitem"},e));Go.displayName="ActionMenuItem",Go.displayName="ActionMenu.Item";const Vo=({anchorContent:e,renderAnchor:r=(e=>n.default.createElement(jr,e)),anchorRef:a,onAction:o,open:i,setOpen:l,overlayProps:d,items:s,...c})=>{const[f,u]=Uo(i,l,!1),g=yr(a),p=t.useCallback((()=>u(!0)),[u]),b=t.useCallback((()=>u(!1)),[u]),m=t.useMemo((()=>null===r?null:t=>r({"aria-label":"menu",children:e,...t})),[e,r]),h=t.useMemo((()=>s.map((e=>({...e,role:"menuitem",onAction:(t,r)=>{var a;const n=null!==(a=e.onAction)&&void 0!==a?a:o;null==n||n(t,r),r.defaultPrevented||b()}})))),[s,o,b]);return n.default.createElement(jo,{renderAnchor:m,anchorRef:g,open:f,onOpen:p,onClose:b,overlayProps:d},n.default.createElement(Mo,Tt({},c,{role:"menu",items:h})))};Vo.displayName="ActionMenuBase",Vo.displayName="ActionMenu";const Ko=Object.assign(Vo,{Divider:wo,Item:Go}),qo=t.createContext(null);var Xo={exports:{}};
|
591
591
|
/*!
|
592
592
|
Copyright (c) 2018 Jed Watson.
|
593
593
|
Licensed under the MIT License (MIT), see
|
594
594
|
http://jedwatson.github.io/classnames
|
595
|
-
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var i=r.apply(null,o);i&&e.push(i)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var l in o)t.call(o,l)&&o[l]&&e.push(l);else e.push(o.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(
|
595
|
+
*/!function(e){!function(){var t={}.hasOwnProperty;function r(){for(var e=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var n=typeof o;if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o)){if(o.length){var i=r.apply(null,o);i&&e.push(i)}}else if("object"===n)if(o.toString===Object.prototype.toString)for(var l in o)t.call(o,l)&&o[l]&&e.push(l);else e.push(o.toString())}}return e.join(" ")}e.exports?(r.default=r,e.exports=r):window.classNames=r}()}(Xo);var Yo=Xo.exports;var Jo=i.default.input`
|
596
596
|
border: 0;
|
597
597
|
font-size: inherit;
|
598
598
|
font-family: inherit;
|
@@ -605,7 +605,7 @@
|
|
605
605
|
}
|
606
606
|
|
607
607
|
${Kt};
|
608
|
-
`;const
|
608
|
+
`;const Zo=re({variants:{small:{minHeight:"28px",px:2,py:"3px",fontSize:0,lineHeight:"20px"},large:{px:2,py:"10px",fontSize:3}}});var Qo=i.default.span`
|
609
609
|
display: inline-flex;
|
610
610
|
align-items: stretch;
|
611
611
|
min-height: 34px;
|
@@ -648,9 +648,9 @@
|
|
648
648
|
${ie}
|
649
649
|
${de}
|
650
650
|
${ce}
|
651
|
-
${
|
651
|
+
${Zo}
|
652
652
|
${Kt};
|
653
|
-
`;const
|
653
|
+
`;const en=n.default.forwardRef((({icon:e,block:t,className:r,contrast:a,disabled:o,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f,...u},g)=>{const p=Yo(r,"TextInput-wrapper");return n.default.createElement(Qo,{block:t,className:p,contrast:a,disabled:o,hasIcon:!!e,sx:i,theme:l,width:d,minWidth:s,maxWidth:c,variant:f},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Jo,Tt({ref:g,disabled:o},u)))}));en.defaultProps={type:"text"},en.displayName="TextInput";var tn=en;const rn=n.default.forwardRef((({as:e=tn,onFocus:r,onBlur:a,onChange:o,onKeyDown:i,onKeyUp:l,onKeyPress:d,value:s,...c},f)=>{const u=t.useContext(qo);if(null===u)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:g,autocompleteSuggestion:p="",id:b,inputRef:m,inputValue:h="",isMenuDirectlyActivated:v,setInputValue:x,setShowMenu:y,showMenu:w}=u,B=Ma(m,f),[k,$]=t.useState(!0),S=t.useCallback((e=>{r&&r(e),y(!0)}),[r,y]),T=t.useCallback((e=>{a&&a(e),setTimeout((()=>{document.activeElement!==B.current&&y(!1)}),0)}),[a,y,B]),E=t.useCallback((e=>{o&&o(e),x(e.currentTarget.value),w||y(!0)}),[o,x,y,w]),C=t.useCallback((e=>{var t;i&&i(e),"Backspace"===e.key&&$(!1),"Escape"===e.key&&null!==(t=m.current)&&void 0!==t&&t.value&&(x(""),m.current.value="")}),[m,x,$,i]),z=t.useCallback((e=>{l&&l(e),"Backspace"===e.key&&$(!0)}),[$,l]),R=t.useCallback((e=>{if(d&&d(e),w&&"Enter"===e.key&&g.current){e.preventDefault(),e.nativeEvent.stopImmediatePropagation();const t=new KeyboardEvent(e.type,e.nativeEvent);g.current.dispatchEvent(t)}}),[g,w,d]);return t.useEffect((()=>{m.current&&(p||(m.current.value=h),k&&p&&(h||v)&&(m.current.value=p,0===p.toLowerCase().indexOf(h.toLowerCase())&&m.current.setSelectionRange(h.length,p.length)))}),[p,h,m,v]),t.useEffect((()=>{s&&x(s.toString())}),[s,x]),n.default.createElement(e,Tt({onFocus:S,onBlur:T,onChange:E,onKeyDown:C,onKeyPress:R,onKeyUp:z,ref:B,"aria-controls":`${b}-listbox`,"aria-autocomplete":"both",role:"combobox","aria-expanded":w,"aria-haspopup":"listbox","aria-owns":`${b}-listbox`,autocomplete:"off"},c))}));rn.displayName="AutocompleteInput";var an=rn;const on=(e,t,r="vertical",a=8,o=0,n="smooth")=>{const i="vertical"===r?"top":"left",l="vertical"===r?"bottom":"right",d="vertical"===r?"scrollTop":"scrollLeft",{[i]:s,[l]:c}=e.getBoundingClientRect(),{[i]:f,[l]:u}=t.getBoundingClientRect(),g=c>u-a;if(s<f+o){const e=s-f+t[d];t.scrollTo({behavior:n,[i]:e-o})}else if(g){const e=c-u+t[d];t.scrollTo({behavior:n,[i]:e+a})}};function nn(e){const r=t.useContext(qo);if(null===r)throw new Error("AutocompleteContext returned null values");const{activeDescendantRef:a,id:o,inputRef:i,inputValue:l="",scrollContainerRef:d,setAutocompleteSuggestion:s,setShowMenu:c,setInputValue:f,setIsMenuDirectlyActivated:u,setSelectedItemLength:g,showMenu:p}=r,{items:b,selectedItemIds:m,sortOnCloseFn:h,emptyStateText:v,addNewItem:x,loading:y,selectionVariant:w,filterFn:B,"aria-labelledby":k,onOpenChange:$,onSelectedChange:S,customScrollContainerRef:T}=e,E=t.useRef(null),[C,z]=t.useState(),[R,N]=t.useState(b.map((({id:e})=>e))),A=t.useMemo((()=>b.map((e=>({...e,role:"option",id:e.id,selected:"multiple"===w?m.includes(e.id):void 0,onAction:e=>{const t=m.filter((t=>t!==e.id)),r=m.includes(e.id)?t:[...t,e.id];var a,o;((S||(a=f,function(e){const{text:t=""}=Array.isArray(e)?e.slice(-1)[0]:e;a(t)}))(r.map((e=>function(e,t){return t.find((t=>t.id===e))}(e,b)))),"multiple"===w)?(f(""),s("")):(c(!1),null===(o=i.current)||void 0===o||o.setSelectionRange(i.current.value.length,i.current.value.length))}})))),[b,m,i,S,w,s,f,c]),I=t.useMemo((()=>R.reduce(((e,t,r)=>(e[t]=r,e)),{})),[R]),L=t.useMemo((()=>{return A.filter(B||(e=l,function(t,r){var a;return Boolean(null===(a=t.text)||void 0===a?void 0:a.toLowerCase().startsWith(e.toLowerCase()))})).sort(((e,t)=>I[e.id]-I[t.id]));var e}),[A,I,B,l]),O=t.useMemo((()=>[...L,...x?[{...x,leadingVisual:()=>n.default.createElement(na,null),onAction:e=>{x.handleAddItem({...e,id:e.id||zr(),leadingVisual:void 0}),"multiple"===w&&(f(""),s(""))}}]:[]]),[L,x,s,w,f]);return Ra({containerRef:E,focusOutBehavior:"wrap",focusableElementFilter:e=>!(e instanceof HTMLInputElement),activeDescendantFocus:i,onActiveDescendantChanged:(e,t,r)=>{if(a.current=e||null,e){const t=A.find((t=>t.id.toString()===e.getAttribute("data-id")));z(t),u(r)}e&&T&&T.current&&r?on(e,T.current):e&&d.current&&r&&on(e,d.current)}},[y]),t.useEffect((()=>{var e;null!=C&&null!==(e=C.text)&&void 0!==e&&e.startsWith(l)&&!m.includes(C.id)?s(C.text):s("")}),[C,l,m,s]),t.useEffect((()=>{const e=[...R].sort(h||(t=e=>((e,t)=>t.includes(e))(e,m),(e,r)=>t(e)===t(r)?0:t(e)?-1:1));var t;const r=e.length===R.length&&e.every(((e,t)=>e===R[t]));!1!==p||r||N(e),$&&$(Boolean(p))}),[p,$,m,h,R]),t.useEffect((()=>{m.length&&g(m.length)}),[m,g]),n.default.createElement(qt,{sx:p?{}:{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"}},y?n.default.createElement(qt,{p:3,display:"flex",justifyContent:"center"},n.default.createElement(xl,null)):n.default.createElement("div",{ref:E},O.length?n.default.createElement(Po,{selectionVariant:"multiple",items:O,role:"listbox",id:`${o}-listbox`,"aria-labelledby":k}):n.default.createElement(qt,{p:3},v)))}function ln({menuAnchorRef:e,overlayProps:r,children:a}){const o=t.useContext(qo);if(null===o)throw new Error("AutocompleteContext returned null values");const{inputRef:i,scrollContainerRef:l,selectedItemLength:d,setShowMenu:s,showMenu:c=!1}=o,{floatingElementRef:f,position:u}=wa({side:"outside-bottom",align:"start",anchorElementRef:e||i},[c,d]),g=Ma(l,f),p=t.useCallback((()=>{s(!1)}),[s]);return"undefined"==typeof window?null:n.default.createElement(_o,Tt({returnFocusRef:i,preventFocusOnOpen:!0,onClickOutside:p,onEscape:p,ref:g,top:null==u?void 0:u.top,left:null==u?void 0:u.left,visibility:c?"visible":"hidden",sx:{overflow:"auto"}},r),a)}nn.displayName="AutocompleteMenu",nn.defaultProps={emptyStateText:"No selectable options",selectionVariant:"single"},nn.displayName="AutocompleteMenu",ln.displayName="AutocompleteOverlay",ln.displayName="AutocompleteOverlay";const dn={inputValue:"",showMenu:!1,isMenuDirectlyActivated:!1,autocompleteSuggestion:"",selectedItemLength:0},sn=(e,t)=>{const{type:r,payload:a}=t;switch(r){case"inputValue":return{...e,inputValue:a};case"showMenu":return{...e,showMenu:a};case"isMenuDirectlyActivated":return{...e,isMenuDirectlyActivated:a};case"autocompleteSuggestion":return{...e,autocompleteSuggestion:a};case"selectedItemLength":return{...e,selectedItemLength:a};default:return e}},cn=({children:e,id:r})=>{const a=t.useRef(null),o=t.useRef(null),i=t.useRef(null),[l,d]=t.useReducer(sn,dn),{inputValue:s,showMenu:c,autocompleteSuggestion:f,isMenuDirectlyActivated:u,selectedItemLength:g}=l,p=t.useCallback((e=>{d({type:"inputValue",payload:e})}),[]),b=t.useCallback((e=>{d({type:"showMenu",payload:e})}),[]),m=t.useCallback((e=>{d({type:"autocompleteSuggestion",payload:e})}),[]),h=t.useCallback((e=>{d({type:"isMenuDirectlyActivated",payload:e})}),[]),v=t.useCallback((e=>{d({type:"selectedItemLength",payload:e})}),[]),x=Wa(r);return n.default.createElement(qo.Provider,{value:{activeDescendantRef:a,autocompleteSuggestion:f,id:x,inputRef:i,inputValue:s,isMenuDirectlyActivated:u,scrollContainerRef:o,selectedItemLength:g,setAutocompleteSuggestion:m,setInputValue:p,setIsMenuDirectlyActivated:h,setShowMenu:b,setSelectedItemLength:v,showMenu:c}},e)};cn.displayName="Autocomplete";var fn=Object.assign(cn,{Input:an,Menu:nn,Overlay:ln});const un=i.default.img.attrs((e=>({height:e.size,width:e.size})))`
|
654
654
|
display: inline-block;
|
655
655
|
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
656
656
|
line-height: ${xt("lineHeights.condensedUltra")};
|
@@ -658,12 +658,12 @@
|
|
658
658
|
border-radius: ${e=>function({size:e,square:t}){return t?e&&e<=24?"4px":"6px":"50%"}(e)};
|
659
659
|
${yt};
|
660
660
|
${Kt}
|
661
|
-
`;
|
661
|
+
`;un.defaultProps={size:20,alt:"",square:!1};var gn=un;const pn=i.default(gn)`
|
662
662
|
position: absolute;
|
663
663
|
right: -15%;
|
664
664
|
bottom: -9%;
|
665
665
|
box-shadow: ${xt("shadows.avatar.childShadow")};
|
666
|
-
`,
|
666
|
+
`,bn=({children:e,...t})=>{const r=n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?0===t?n.default.cloneElement(e,{size:40}):n.default.createElement(pn,Tt({bg:"canvas.default"},e.props,{size:20})):e));return n.default.createElement(qt,Tt({position:"relative",display:"inline-flex"},t),r)};bn.displayName="AvatarPair",bn.displayName="AvatarPair";var mn=bn;const hn=i.default.span`
|
667
667
|
display: flex;
|
668
668
|
position: relative;
|
669
669
|
height: 20px;
|
@@ -778,7 +778,7 @@
|
|
778
778
|
}
|
779
779
|
|
780
780
|
${Kt};
|
781
|
-
`,
|
781
|
+
`,vn=({children:e,alignRight:t,sx:r})=>{const a=n.default.Children.count(e),o=Yo({"pc-AvatarStack--two":2===a,"pc-AvatarStack--three-plus":a>2,"pc-AvatarStack--right":t});return n.default.createElement(hn,{count:a,className:o,sx:r},n.default.createElement(qt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:Yo(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};vn.displayName="AvatarStack";var xn=vn;var yn=i.default.a`
|
782
782
|
display: inline-block;
|
783
783
|
padding: 2px 6px;
|
784
784
|
font-size: ${xt("fontSizes.0")};
|
@@ -788,7 +788,7 @@
|
|
788
788
|
border-radius: ${xt("radii.2")};
|
789
789
|
${yt};
|
790
790
|
${Kt};
|
791
|
-
`;const
|
791
|
+
`;const wn=i.default.li`
|
792
792
|
display: inline-block;
|
793
793
|
white-space: nowrap;
|
794
794
|
list-style: none;
|
@@ -807,13 +807,13 @@
|
|
807
807
|
content: none;
|
808
808
|
}
|
809
809
|
}
|
810
|
-
`,
|
810
|
+
`,Bn=i.default.nav`
|
811
811
|
display: flex;
|
812
812
|
justify-content: space-between;
|
813
813
|
${yt};
|
814
814
|
${St};
|
815
815
|
${Kt};
|
816
|
-
`;function
|
816
|
+
`;function kn({className:e,children:t,theme:r,...a}){const o=n.default.Children.map(t,(e=>n.default.createElement(wn,{theme:r},e)));return n.default.createElement(Bn,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},a),n.default.createElement(qt,{as:"ol",my:0,pl:0},o))}kn.displayName="Breadcrumbs";const $n=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
817
817
|
color: ${xt("colors.accent.fg")};
|
818
818
|
display: inline-block;
|
819
819
|
font-size: ${xt("fontSizes.1")};
|
@@ -827,7 +827,7 @@
|
|
827
827
|
}
|
828
828
|
${yt}
|
829
829
|
${Kt};
|
830
|
-
`;
|
830
|
+
`;kn.displayName="Breadcrumbs",$n.displayName="Breadcrumbs.Item";var Sn=Object.assign(kn,{Item:$n});const Tn=Object.assign(kn,{Item:$n}),En={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},Cn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function zn(e,t,r){const a=En[e].toLowerCase(),o=Cn[e].toLowerCase();return{[a]:"100%",[t||o]:t?r:"50%"}}const Rn=pt({prop:"bg",key:"colors"}),Nn=pt({prop:"borderColor",key:"colors"}),An=pt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function In(e){var t;const a=n.default.useContext(r.ThemeContext),o={...e,theme:null!==(t=e.theme)&&void 0!==t?t:a},{bg:i}=Rn(o),{borderColor:l}=Nn(o),{borderWidth:d}=An(o),{size:s=8,location:c="bottom"}=e,[f,u]=function(e){const[t,r]=e.split("-");return[t,r]}(c),g=Cn[f],p=[-s,0],b=[0,s],m=[s,0],h=`M${p}L${b}L${m}L${p}Z`,v=`M${p}L${b}L${m}`,x={top:`translate(${[s,2*s]}) rotate(180)`,right:`translate(${[0,s]}) rotate(-90)`,bottom:`translate(${[s,0]})`,left:`translate(${[2*s,s]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*s,height:2*s,style:{pointerEvents:"none",position:"absolute",...zn(f,u,s),[`margin${g}`]:u?null:-s}},n.default.createElement("g",{transform:x},n.default.createElement("path",{d:h,fill:i}),n.default.createElement("path",{d:v,fill:"none",stroke:l,strokeWidth:d})))}In.displayName="Caret",In.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],In.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const Ln={small:56,medium:96,large:128},On=i.default.div`
|
831
831
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
832
832
|
align-items: center;
|
833
833
|
justify-content: center;
|
@@ -835,13 +835,13 @@
|
|
835
835
|
border-radius: 50%;
|
836
836
|
box-shadow: ${xt("shadows.shadow.medium")};
|
837
837
|
${yt};
|
838
|
-
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:
|
838
|
+
${({size:e,variant:t="medium"})=>{const r=function(e){return!isNaN(parseFloat(e))&&isFinite(e)}(e)?e:Ln[t];return{width:r,height:r}}};
|
839
839
|
${Kt};
|
840
|
-
`,
|
840
|
+
`,Mn=i.default(za)`
|
841
841
|
height: auto;
|
842
842
|
max-width: 60%;
|
843
843
|
max-height: 55%;
|
844
|
-
`;
|
844
|
+
`;On.defaultProps={inline:!1},Mn.displayName="CircleBadge.Icon";var Pn=Object.assign(On,{Icon:Mn});function Hn(e){const{size:t,as:r}=e,{icon:a,bg:o,...i}=e;return n.default.createElement(qt,{as:r,bg:o,overflow:"hidden",borderWidth:0,size:t,borderRadius:"50%",borderStyle:"solid",borderColor:"border.default"},n.default.createElement(qt,Tt({display:"flex"},i,{alignItems:"center",justifyContent:"center"}),n.default.createElement(a,{size:t})))}Hn.displayName="CircleOcticon",Hn.defaultProps={...qt.defaultProps,size:32};var Dn=i.default.span`
|
845
845
|
display: inline-block;
|
846
846
|
padding: 2px 5px;
|
847
847
|
font-size: ${xt("fontSizes.0")};
|
@@ -857,7 +857,7 @@
|
|
857
857
|
}
|
858
858
|
|
859
859
|
${Kt};
|
860
|
-
`;const
|
860
|
+
`;const Wn=i.default.details`
|
861
861
|
& > summary {
|
862
862
|
list-style: none;
|
863
863
|
}
|
@@ -867,11 +867,11 @@
|
|
867
867
|
|
868
868
|
${yt}
|
869
869
|
${Kt};
|
870
|
-
`;
|
870
|
+
`;Wn.displayName="Details";var Fn=Wn;const _n=()=>null;function jn(e){const t=e;return t.tabIndex>=0&&!t.disabled&&function(e){return!e.hidden&&(!e.type||"hidden"!==e.type)&&(e.offsetWidth>0||e.offsetHeight>0)}(t)}var Un=i.default.span`
|
871
871
|
${wt};
|
872
872
|
${yt};
|
873
873
|
${Kt};
|
874
|
-
`;const
|
874
|
+
`;const Gn=()=>null,Vn=i.default.div`
|
875
875
|
box-shadow: ${xt("shadows.shadow.large")};
|
876
876
|
border-radius: ${xt("radii.2")};
|
877
877
|
position: fixed;
|
@@ -895,7 +895,7 @@
|
|
895
895
|
${kt};
|
896
896
|
${yt};
|
897
897
|
${Kt};
|
898
|
-
`,
|
898
|
+
`,Kn=i.default(qt)`
|
899
899
|
border-radius: ${xt("radii.2")} ${xt("radii.2")} 0px 0px;
|
900
900
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
901
901
|
display: flex;
|
@@ -905,7 +905,7 @@
|
|
905
905
|
}
|
906
906
|
|
907
907
|
${Kt};
|
908
|
-
`;function
|
908
|
+
`;function qn({theme:e,children:t,backgroundColor:r="gray.1",...a}){return n.default.Children.toArray(t).every((e=>"string"==typeof e))&&(t=n.default.createElement(Un,{theme:e,color:"fg.default",fontSize:1,fontWeight:"bold",fontFamily:"sans-serif"},t)),n.default.createElement(Kn,Tt({theme:e,p:3,backgroundColor:r},a),t)}qn.displayName="DialogHeader";const Xn=i.default.span`
|
909
909
|
&:before {
|
910
910
|
position: fixed;
|
911
911
|
top: 0;
|
@@ -919,10 +919,10 @@
|
|
919
919
|
z-index: 99;
|
920
920
|
background: ${xt("colors.primer.canvas.backdrop")};
|
921
921
|
}
|
922
|
-
`,
|
922
|
+
`,Yn=t.forwardRef((({children:e,onDismiss:r=Gn,isOpen:a,initialFocusRef:o,returnFocusRef:i,...l},d)=>{const s=t.useRef(null),c=Ma(d),f=t.useRef(null),u=()=>{r(),i&&i.current&&i.current.focus()},{getDialogProps:g}=function({modalRef:e,overlayRef:r,isOpen:a,onDismiss:o=_n,initialFocusRef:n,closeButtonRef:i}){const l=t.useCallback((t=>{e.current&&r.current&&!e.current.contains(t.target)&&r.current.contains(t.target)&&o()}),[o,e,r]);t.useEffect((()=>{if(a)return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}),[a,l]),t.useEffect((()=>{a&&(n&&n.current?n.current.focus():i&&i.current&&i.current.focus())}),[a,n,i]);const d=t.useCallback(((t,r)=>{if(e.current){const a=Array.from(e.current.querySelectorAll("*")).filter(jn);if(0===a.length)return;t.preventDefault();const o=document.activeElement;if(!o)return;const n=a.indexOf(o)+r,i=1===r?0:a.length-1;return a[n]||a[i]}}),[e]),s=t.useCallback((e=>{const t=e.shiftKey?-1:1,r=d(e,t);r&&r.focus()}),[d]),c=t.useCallback((e=>{switch(e.key){case"Tab":s(e);break;case"Escape":o(),e.stopPropagation()}}),[s,o]);return{getDialogProps:()=>({onKeyDown:c})}}({modalRef:c,onDismiss:u,isOpen:a,initialFocusRef:o,closeButtonRef:f,returnFocusRef:i,overlayRef:s});return a?n.default.createElement(n.default.Fragment,null,n.default.createElement(Xn,{ref:s}),n.default.createElement(Vn,Tt({tabIndex:-1,ref:c,role:"dialog","aria-modal":"true"},l,g()),n.default.createElement(ca,{ref:f,onClick:u,sx:{position:"absolute",top:"16px",right:"16px"}}),e)):null}));qn.defaultProps={backgroundColor:"canvas.subtle"},qn.propTypes={...qt.propTypes},qn.displayName="Dialog.Header",Yn.displayName="Dialog";var Jn=Object.assign(Yn,{Header:qn});var Zn=(e,t)=>({w:`\n top: 0;\n right: 100%;\n left: auto;\n width: auto;\n margin-top: 0;\n margin-right: 10px;\n\n &::before {\n top: 10px;\n right: -16px;\n left: auto;\n border-color: transparent;\n border-left-color: ${xt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n right: -14px;\n left: auto;\n border-color: transparent;\n border-left-color: ${xt("colors.border.default")(e)};\n }\n `,e:`\n top: 0;\n left: 100%;\n width: auto;\n margin-top: 0;\n margin-left: 10px;\n\n &::before {\n top: 10px;\n left: -16px;\n border-color: transparent;\n border-right-color: ${xt("colors.border.default")(e)};\n }\n\n &::after {\n top: 11px;\n left: -14px;\n border-color: transparent;\n border-right-color: ${xt("colors.border.default")(e)};\n }\n `,ne:`\n top: auto;\n bottom: 100%;\n left: 0;\n margin-bottom: 3px;\n\n &::before,\n &::after {\n top: auto;\n right: auto;\n }\n\n &::before {\n bottom: -8px;\n left: 9px;\n border-top: 8px solid ${xt("colors.border.default")(e)};\n border-bottom: 0;\n border-left: 8px solid transparent;\n }\n\n &::after {\n bottom: -7px;\n left: 10px;\n border-top: 7px solid ${xt("colors.border.default")(e)};\n border-right: 7px solid transparent;\n border-bottom: 0;\n border-left: 7px solid transparent;\n }\n `,s:"\n right: 50%;\n left: auto;\n transform: translateX(50%);\n\n &::before {\n top: -16px;\n right: 50%;\n transform: translateX(50%);\n }\n\n &::after {\n top: -14px;\n right: 50%;\n transform: translateX(50%);\n }\n ",sw:"\n right: 0;\n left: auto;\n\n &::before {\n top: -16px;\n right: 9px;\n left: auto;\n }\n\n &::after {\n top: -14px;\n right: 10px;\n left: auto;\n }\n ",se:"\n &::before {\n top: -16px;\n left: 9px;\n }\n\n &::after {\n top: -14px;\n left: 10px;\n }\n "}[t]);const Qn=i.default(Fn)`
|
923
923
|
position: relative;
|
924
924
|
display: inline-block;
|
925
|
-
`,
|
925
|
+
`,ei=({children:e,className:t,...r})=>{const{getDetailsProps:a}=lr({closeOnOutsideClick:!0});return n.default.createElement(Qn,Tt({className:t},a(),r),e)};ei.displayName="Dropdown";const ti=({children:e,...t})=>n.default.createElement(jr,Tt({as:"summary","aria-haspopup":"true"},t),e,n.default.createElement(ri,null));ti.displayName="DropdownButton";const ri=i.default.div`
|
926
926
|
border: 4px solid transparent;
|
927
927
|
margin-left: 12px;
|
928
928
|
border-top-color: currentcolor;
|
@@ -934,7 +934,7 @@
|
|
934
934
|
width: 0;
|
935
935
|
${yt};
|
936
936
|
${Kt};
|
937
|
-
`,
|
937
|
+
`,ai=i.default.ul`
|
938
938
|
background-clip: padding-box;
|
939
939
|
background-color: ${xt("colors.canvas.overlay")};
|
940
940
|
border: 1px solid ${xt("colors.border.default")};
|
@@ -975,10 +975,10 @@
|
|
975
975
|
> ul {
|
976
976
|
list-style: none;
|
977
977
|
}
|
978
|
-
${e=>e.direction?
|
978
|
+
${e=>e.direction?Zn(e.theme,e.direction):""};
|
979
979
|
${yt};
|
980
980
|
${Kt};
|
981
|
-
`,
|
981
|
+
`,oi=i.default.li`
|
982
982
|
display: block;
|
983
983
|
padding: ${xt("space.1")} 10px ${xt("space.1")} 15px;
|
984
984
|
overflow: hidden;
|
@@ -1011,7 +1011,7 @@
|
|
1011
1011
|
}
|
1012
1012
|
${yt};
|
1013
1013
|
${Kt};
|
1014
|
-
`;
|
1014
|
+
`;ai.defaultProps={direction:"sw"},ai.displayName="Dropdown.Menu",oi.displayName="Dropdown.Item",ti.defaultProps=jr.defaultProps,ti.displayName="Dropdown.Button",ri.displayName="Dropdown.Caret",ei.defaultProps=Fn.defaultProps;var ni=Object.assign(ei,{Caret:ri,Menu:ai,Item:oi,Button:ti});const ii=n.default.forwardRef((({children:e,...t},r)=>n.default.createElement(jr,Tt({ref:r,type:"button"},t),e,n.default.createElement(za,{icon:la,ml:1}))));function li({renderAnchor:e=(e=>n.default.createElement(ii,e)),anchorRef:r,placeholder:a,selectedItem:o,onChange:i,overlayProps:l,items:d,open:s,onOpenChange:c,...f}){const[u,g]=Uo(s,c,!1),p=t.useCallback((()=>g(!0)),[g]),b=t.useCallback((()=>g(!1)),[g]),m=yr(r),h=t.useMemo((()=>null===e?null:t=>{var r;return e({...t,children:null!==(r=null==o?void 0:o.text)&&void 0!==r?r:a})}),[a,e,null==o?void 0:o.text]),v=t.useMemo((()=>d.map((e=>({...e,role:"option",selected:e===o,onAction:(t,r)=>{var a;null===(a=e.onAction)||void 0===a||a.call(e,t,r),r.defaultPrevented||(b(),null==i||i(e===o?void 0:e))}})))),[d,i,b,o]);return n.default.createElement(jo,{renderAnchor:h,anchorRef:m,open:u,onOpen:p,onClose:b,overlayProps:l},n.default.createElement(Mo,Tt({},f,{role:"listbox",items:v})))}li.displayName="DropdownMenu",li.displayName="DropdownMenu";var di=i.default.div`
|
1015
1015
|
${yt};
|
1016
1016
|
display: flex;
|
1017
1017
|
align-items: stretch;
|
@@ -1030,11 +1030,11 @@
|
|
1030
1030
|
}
|
1031
1031
|
|
1032
1032
|
${Kt}
|
1033
|
-
`;const
|
1033
|
+
`;const si=i.default.ul`
|
1034
1034
|
list-style-type: none;
|
1035
1035
|
${yt};
|
1036
1036
|
${Kt};
|
1037
|
-
`,
|
1037
|
+
`,ci=({children:e,...t})=>{const r=n.default.Children.map(e,(e=>n.default.createElement("li",null,e)));return n.default.createElement(si,t,r)};ci.displayName="FilterList";const fi=i.default.a`
|
1038
1038
|
position: relative;
|
1039
1039
|
display: block;
|
1040
1040
|
padding: ${e=>e.small?`${xt("space.1")(e)} 10px`:`${xt("space.2")(e)} 11px`};
|
@@ -1062,7 +1062,7 @@
|
|
1062
1062
|
}
|
1063
1063
|
${yt};
|
1064
1064
|
${Kt};
|
1065
|
-
`;function
|
1065
|
+
`;function ui({children:e,count:t,...r}){return n.default.createElement(fi,r,t&&n.default.createElement("span",{title:"results",className:"count"},t),e)}ui.displayName="FilterListItem",ci.defaultProps={m:0,p:0},ui.displayName="FilterList.Item";var gi=Object.assign(ci,{Item:ui});const pi=re({variants:{default:{color:"fg.default",backgroundColor:"accent.subtle",borderColor:"accent.muted",svg:{color:"accent.fg"}},success:{color:"fg.default",backgroundColor:"success.subtle",borderColor:"success.muted",svg:{color:"success.fg"}},danger:{color:"fg.default",backgroundColor:"danger.subtle",borderColor:"danger.muted",svg:{color:"danger.fg"}},warning:{color:"fg.default",backgroundColor:"attention.subtle",borderColor:"attention.muted",svg:{color:"attention.fg"}}}}),bi=i.default.div`
|
1066
1066
|
position: relative;
|
1067
1067
|
color: ${xt("colors.fg.default")};
|
1068
1068
|
padding: ${xt("space.3")};
|
@@ -1080,14 +1080,14 @@
|
|
1080
1080
|
}
|
1081
1081
|
|
1082
1082
|
${yt};
|
1083
|
-
${
|
1083
|
+
${pi};
|
1084
1084
|
${Kt};
|
1085
|
-
`;
|
1085
|
+
`;bi.defaultProps={variant:"default"};var mi=bi;const hi=i.default.div`
|
1086
1086
|
margin: ${xt("space.3")} 0;
|
1087
1087
|
font-weight: ${xt("fontWeights.normal")};
|
1088
1088
|
${yt};
|
1089
1089
|
${Kt};
|
1090
|
-
`,
|
1090
|
+
`,vi=i.default.label`
|
1091
1091
|
display: block;
|
1092
1092
|
margin: 0 0 ${xt("space.2")};
|
1093
1093
|
font-size: ${xt("fontSizes.1")};
|
@@ -1095,7 +1095,7 @@
|
|
1095
1095
|
${wt};
|
1096
1096
|
${yt};
|
1097
1097
|
${Kt};
|
1098
|
-
`;
|
1098
|
+
`;vi.displayName="FormGroup.Label";var xi=Object.assign(hi,{Label:vi});const yi=i.default.div`
|
1099
1099
|
z-index: 32;
|
1100
1100
|
display: flex;
|
1101
1101
|
padding: ${xt("space.3")};
|
@@ -1109,7 +1109,7 @@
|
|
1109
1109
|
${yt}
|
1110
1110
|
${Bt}
|
1111
1111
|
${Kt};
|
1112
|
-
`,
|
1112
|
+
`,wi=i.default.div`
|
1113
1113
|
display: flex;
|
1114
1114
|
margin-right: ${xt("space.3")};
|
1115
1115
|
align-self: stretch;
|
@@ -1121,7 +1121,7 @@
|
|
1121
1121
|
${yt};
|
1122
1122
|
${Bt};
|
1123
1123
|
${Kt};
|
1124
|
-
`;
|
1124
|
+
`;wi.displayName="Header.Item";const Bi=i.default.a.attrs((({to:e})=>"string"==typeof e?{"aria-current":"page"}:{}))`
|
1125
1125
|
font-weight: ${xt("fontWeights.bold")};
|
1126
1126
|
color: ${xt("colors.header.logo")};
|
1127
1127
|
white-space: nowrap;
|
@@ -1139,14 +1139,14 @@
|
|
1139
1139
|
${Bt};
|
1140
1140
|
${wt};
|
1141
1141
|
${Kt};
|
1142
|
-
`;
|
1142
|
+
`;Bi.displayName="Header.Link";var ki=Object.assign(yi,{Link:Bi,Item:wi});const $i=i.default.h2`
|
1143
1143
|
font-weight: ${xt("fontWeights.bold")};
|
1144
1144
|
font-size: ${xt("fontSizes.5")};
|
1145
1145
|
margin: 0;
|
1146
1146
|
${wt};
|
1147
1147
|
${yt};
|
1148
1148
|
${Kt};
|
1149
|
-
|
1149
|
+
`;$i.defaultProps={theme:d};var Si=$i;var Ti=i.default.span`
|
1150
1150
|
${yt}
|
1151
1151
|
& * {
|
1152
1152
|
margin-right: ${xt("space.1")};
|
@@ -1155,7 +1155,7 @@
|
|
1155
1155
|
margin-right: 0;
|
1156
1156
|
}
|
1157
1157
|
${Kt};
|
1158
|
-
`;const
|
1158
|
+
`;const Ei=r.css(["margin-top:-1px;margin-bottom:-1px;color:",";border:"," solid ",";box-shadow:none;",";",";background-color:transparent;"],xt("colors.fg.muted"),xt("borderWidths.1"),xt("colors.border.default"),Qe,yt),Ci=re({variants:{small:{fontSize:0,lineHeight:"16px",padding:"0px 8px"},medium:{fontSize:0,lineHeight:"20px",padding:"0 8px"},large:{fontSize:0,lineHeight:"24px",padding:"0 12px"},xl:{fontSize:1,lineHeight:"16px",padding:"8px 12px"}}}),zi=i.default.span`
|
1159
1159
|
display: inline-block;
|
1160
1160
|
font-weight: ${xt("fontWeights.semibold")};
|
1161
1161
|
color: ${xt("colors.fg.onEmphasis")};
|
@@ -1165,17 +1165,17 @@
|
|
1165
1165
|
text-decoration: none;
|
1166
1166
|
}
|
1167
1167
|
|
1168
|
-
${
|
1168
|
+
${Ci}
|
1169
1169
|
${yt}
|
1170
1170
|
${e=>e.dropshadow?"box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)":""}
|
1171
|
-
${e=>e.outline?
|
1171
|
+
${e=>e.outline?Ei:""} // must be last to override other values
|
1172
1172
|
${Kt}
|
1173
|
-
`;
|
1173
|
+
`;zi.defaultProps={bg:"neutral.emphasis",variant:"medium"};var Ri=zi;const Ni=k({hoverColor:{property:"color",scale:"colors"}});var Ai=i.default.a`
|
1174
1174
|
color: ${e=>e.muted?xt("colors.fg.muted")(e):xt("colors.accent.fg")(e)};
|
1175
1175
|
text-decoration: ${e=>e.underline?"underline":"none"};
|
1176
1176
|
&:hover {
|
1177
1177
|
text-decoration: ${e=>e.muted?"none":"underline"};
|
1178
|
-
${e=>e.hoverColor?
|
1178
|
+
${e=>e.hoverColor?Ni:e.muted?`color: ${xt("colors.accent.fg")(e)}`:""};
|
1179
1179
|
}
|
1180
1180
|
&:is(button) {
|
1181
1181
|
display: inline-block;
|
@@ -1191,7 +1191,7 @@
|
|
1191
1191
|
${wt};
|
1192
1192
|
${yt};
|
1193
1193
|
${Kt};
|
1194
|
-
`;var
|
1194
|
+
`;var Ii=i.default.div`
|
1195
1195
|
position: relative;
|
1196
1196
|
padding-top: ${xt("space.4")};
|
1197
1197
|
padding-bottom: ${xt("space.4")};
|
@@ -1199,7 +1199,7 @@
|
|
1199
1199
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
1200
1200
|
${yt};
|
1201
1201
|
${Kt};
|
1202
|
-
`;const
|
1202
|
+
`;const Li=i.default.a`
|
1203
1203
|
display: inline-block;
|
1204
1204
|
min-width: 32px;
|
1205
1205
|
padding: 5px 10px;
|
@@ -1299,12 +1299,12 @@
|
|
1299
1299
|
}
|
1300
1300
|
|
1301
1301
|
${yt};
|
1302
|
-
`;function
|
1302
|
+
`;function Oi({theme:e,pageCount:t,currentPage:r,onPageChange:a,hrefBuilder:o,marginPageCount:i,showPages:l,surroundingPageCount:d}){const s=n.default.useCallback((e=>t=>a(t,e)),[a]),c=n.default.useMemo((()=>function(e,t,r,a,o){const n=[];if(r){const r=[],i=t=>{t>=1&&t<=e&&r.push(t)};let l=t-o,d=t+o;if(l<1&&d>e)l=1,d=e;else if(l<1)for(;l<1;)l++,d++;else if(d>e)for(;d>e;)l--,d--;for(let t=1;t<=a;t++){const r=t,a=e-(t-1);r>=l?d++:i(r),a<=d?l--:i(a)}for(let e=l;e<=d;e++)i(e);const s=r.slice().sort(((e,t)=>e-t)).filter(((e,t,r)=>!t||e!==r[t-1]));for(let e=0;e<s.length;e++){const r=s[e],a=r===t;0===e?(1!==r&&n.push({type:"BREAK",num:1}),n.push({type:"NUM",num:r,selected:a})):(1==r-s[e-1]||n.push({type:"BREAK",num:r-1}),n.push({type:"NUM",num:r,selected:a}))}const c=n[n.length-1];"NUM"===c.type&&c.num!==e&&n.push({type:"BREAK",num:e})}const i={type:"NEXT",num:t+1,disabled:t===e};return[{type:"PREV",num:t-1,disabled:1===t},...n,i]}(t,r,!!l,i,d)),[t,r,l,i,d]);return n.default.useMemo((()=>c.map((t=>{const{props:r,key:a,content:i}=function(e,t,r){const a={};let o="",n="";switch(e.type){case"PREV":n="page-prev",o="Previous",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"prev",href:t(e.num),"aria-label":"Previous Page",onClick:r});break;case"NEXT":n="page-next",o="Next",e.disabled?Object.assign(a,{as:"span","aria-disabled":"true"}):Object.assign(a,{rel:"next",href:t(e.num),"aria-label":"Next Page",onClick:r});break;case"NUM":n=`page-${e.num}`,o=String(e.num),e.selected?Object.assign(a,{as:"em","aria-current":"page"}):Object.assign(a,{href:t(e.num),"aria-label":`Page ${e.num}`,onClick:r});break;case"BREAK":n=`page-${e.num}-break`,o="…",Object.assign(a,{as:"span","aria-disabled":!0})}return{props:a,key:n,content:o}}(t,o,s(t.num));return n.default.createElement(Li,Tt({},r,{key:a,theme:e}),i)}))),[c,o,s,e])}const Mi=i.default.nav`
|
1303
1303
|
margin-top: 20px;
|
1304
1304
|
margin-bottom: 15px;
|
1305
1305
|
text-align: center;
|
1306
1306
|
${Kt};
|
1307
|
-
`;function
|
1307
|
+
`;function Pi({theme:e,pageCount:t,currentPage:r,onPageChange:a=Di,hrefBuilder:o=Hi,marginPageCount:i=1,showPages:l=!0,surroundingPageCount:d=2,...s}){const c=Oi({theme:e,pageCount:t,currentPage:r,onPageChange:a,hrefBuilder:o,marginPageCount:i,showPages:l,surroundingPageCount:d});return n.default.createElement(Mi,Tt({"aria-label":"Pagination"},s,{theme:e}),n.default.createElement(qt,{display:"inline-block",theme:e},c))}function Hi(e){return`#${e}`}function Di(){}function Wi(e){const{bg:t,border:r,borderColor:a,theme:o}=e,{caret:i,children:l,...d}=e,s={bg:t,borderColor:a,borderWidth:r,location:i,theme:o};return n.default.createElement(Yt,Tt({sx:{position:"relative"}},d),l,n.default.createElement(In,s))}Pi.displayName="Pagination",Pi.defaultProps={hrefBuilder:Hi,marginPageCount:1,onPageChange:Di,showPages:!0,surroundingPageCount:2},Wi.displayName="PointerBox";const Fi=i.default.div.attrs((({className:e,caret:t})=>({className:Yo(e,`caret-pos--${t}`)})))`
|
1308
1308
|
position: ${e=>e.relative?"relative":"absolute"};
|
1309
1309
|
z-index: 100;
|
1310
1310
|
display: ${e=>e.open?"block":"none"};
|
@@ -1313,7 +1313,7 @@
|
|
1313
1313
|
${kt};
|
1314
1314
|
${$t};
|
1315
1315
|
${Kt};
|
1316
|
-
`,
|
1316
|
+
`,_i=i.default(qt)`
|
1317
1317
|
border: 1px solid ${xt("colors.border.default")};
|
1318
1318
|
border-radius: ${xt("radii.2")};
|
1319
1319
|
position: relative;
|
@@ -1350,9 +1350,9 @@
|
|
1350
1350
|
}
|
1351
1351
|
|
1352
1352
|
// Bottom-oriented carets
|
1353
|
-
${
|
1354
|
-
${
|
1355
|
-
${
|
1353
|
+
${Fi}.caret-pos--bottom & ,
|
1354
|
+
${Fi}.caret-pos--bottom-right & ,
|
1355
|
+
${Fi}.caret-pos--bottom-left & {
|
1356
1356
|
&::before,
|
1357
1357
|
&::after {
|
1358
1358
|
top: auto;
|
@@ -1372,8 +1372,8 @@
|
|
1372
1372
|
}
|
1373
1373
|
|
1374
1374
|
// Top & Bottom: Right-oriented carets
|
1375
|
-
${
|
1376
|
-
${
|
1375
|
+
${Fi}.caret-pos--top-right & ,
|
1376
|
+
${Fi}.caret-pos--bottom-right & {
|
1377
1377
|
right: -9px;
|
1378
1378
|
margin-right: 0;
|
1379
1379
|
|
@@ -1393,8 +1393,8 @@
|
|
1393
1393
|
}
|
1394
1394
|
|
1395
1395
|
// Top & Bottom: Left-oriented carets
|
1396
|
-
${
|
1397
|
-
${
|
1396
|
+
${Fi}.caret-pos--top-left & ,
|
1397
|
+
${Fi}.caret-pos--bottom-left & {
|
1398
1398
|
left: -9px;
|
1399
1399
|
margin-left: 0;
|
1400
1400
|
|
@@ -1410,12 +1410,12 @@
|
|
1410
1410
|
}
|
1411
1411
|
|
1412
1412
|
// Right- & Left-oriented carets
|
1413
|
-
${
|
1414
|
-
${
|
1415
|
-
${
|
1416
|
-
${
|
1417
|
-
${
|
1418
|
-
${
|
1413
|
+
${Fi}.caret-pos--right & ,
|
1414
|
+
${Fi}.caret-pos--right-top & ,
|
1415
|
+
${Fi}.caret-pos--right-bottom & ,
|
1416
|
+
${Fi}.caret-pos--left & ,
|
1417
|
+
${Fi}.caret-pos--left-top & ,
|
1418
|
+
${Fi}.caret-pos--left-bottom & {
|
1419
1419
|
&::before,
|
1420
1420
|
&::after {
|
1421
1421
|
top: 50%;
|
@@ -1435,9 +1435,9 @@
|
|
1435
1435
|
}
|
1436
1436
|
|
1437
1437
|
// Right-oriented carets
|
1438
|
-
${
|
1439
|
-
${
|
1440
|
-
${
|
1438
|
+
${Fi}.caret-pos--right & ,
|
1439
|
+
${Fi}.caret-pos--right-top & ,
|
1440
|
+
${Fi}.caret-pos--right-bottom & {
|
1441
1441
|
&::before {
|
1442
1442
|
right: -${xt("space.3")};
|
1443
1443
|
border-left-color: ${xt("colors.border.default")};
|
@@ -1451,9 +1451,9 @@
|
|
1451
1451
|
}
|
1452
1452
|
|
1453
1453
|
// Left-oriented carets
|
1454
|
-
${
|
1455
|
-
${
|
1456
|
-
${
|
1454
|
+
${Fi}.caret-pos--left & ,
|
1455
|
+
${Fi}.caret-pos--left-top & ,
|
1456
|
+
${Fi}.caret-pos--left-bottom & {
|
1457
1457
|
&::before {
|
1458
1458
|
left: -${xt("space.3")};
|
1459
1459
|
border-right-color: ${xt("colors.border.default")};
|
@@ -1467,8 +1467,8 @@
|
|
1467
1467
|
}
|
1468
1468
|
|
1469
1469
|
// Right & Left: Top-oriented carets
|
1470
|
-
${
|
1471
|
-
${
|
1470
|
+
${Fi}.caret-pos--right-top & ,
|
1471
|
+
${Fi}.caret-pos--left-top & {
|
1472
1472
|
&::before,
|
1473
1473
|
&::after {
|
1474
1474
|
top: ${xt("space.4")};
|
@@ -1476,8 +1476,8 @@
|
|
1476
1476
|
}
|
1477
1477
|
|
1478
1478
|
// Right & Left: Bottom-oriented carets
|
1479
|
-
${
|
1480
|
-
${
|
1479
|
+
${Fi}.caret-pos--right-bottom & ,
|
1480
|
+
${Fi}.caret-pos--left-bottom & {
|
1481
1481
|
&::before,
|
1482
1482
|
&::after {
|
1483
1483
|
top: auto;
|
@@ -1493,23 +1493,23 @@
|
|
1493
1493
|
}
|
1494
1494
|
|
1495
1495
|
${Kt};
|
1496
|
-
`;
|
1496
|
+
`;Fi.defaultProps={caret:"top"},_i.displayName="Popover.Content";var ji=Object.assign(Fi,{Content:_i});const Ui=i.default.span`
|
1497
1497
|
width: ${e=>e.progress?`${e.progress}%`:0};
|
1498
1498
|
${yt}
|
1499
|
-
`,
|
1499
|
+
`,Gi={small:"5px",large:"10px",default:"8px"},Vi=i.default.span`
|
1500
1500
|
display: ${e=>e.inline?"inline-flex":"flex"};
|
1501
1501
|
overflow: hidden;
|
1502
1502
|
background-color: ${xt("colors.border.default")};
|
1503
1503
|
border-radius: ${xt("radii.1")};
|
1504
|
-
height: ${e=>
|
1504
|
+
height: ${e=>Gi[e.barSize||"default"]};
|
1505
1505
|
${yt}
|
1506
1506
|
${ie}
|
1507
1507
|
${Kt};
|
1508
|
-
`;function
|
1509
|
-
${
|
1508
|
+
`;function Ki({progress:e,bg:t,theme:r,...a}){return n.default.createElement(Vi,Tt({theme:r},a),n.default.createElement(Ui,{progress:e,bg:t,theme:r}))}function qi(e,r,a){const o=t.useCallback((t=>{const o=()=>{a(!0)},n=t=>{const r=Array.from(e.current.querySelectorAll('[role^="menuitem"]:not([hidden]):not([disabled]):not([aria-disabled="true"])')),a=document.activeElement,o=r.indexOf(a),n=t?r[o+1]:r[o-1],i=t?r[0]:r[r.length-1];return n||i};if(!(t instanceof KeyboardEvent))return;const i=t.target instanceof Element&&"SUMMARY"===t.target.tagName;switch(t.key){case"Escape":r&&((()=>{a(!1);const t=e.current.querySelector("summary");t&&t.focus()})(),t.preventDefault(),t.stopPropagation());break;case"ArrowDown":{i&&!r&&o();const e=n(!0);e&&e.focus(),t.preventDefault()}break;case"ArrowUp":{i&&!r&&o();const e=n(!1);e&&e.focus(),t.preventDefault()}break;case" ":case"Enter":{const r=document.activeElement;r&&(e=>{const t=e.getAttribute("role");return"menuitem"===t||"menuitemcheckbox"===t||"menuitemradio"===t})(r)&&r.closest("details")===e&&(t.preventDefault(),t.stopPropagation(),r.click())}}}),[e,r,a]);t.useEffect((()=>{const t=e.current;if(t)return t.addEventListener("keydown",o),()=>{t.removeEventListener("keydown",o)}}),[e,o])}Ki.displayName="ProgressBar",Ki.defaultProps={bg:"success.emphasis",barSize:"default"};const Xi=t.createContext({}),Yi=r.css(["padding:"," ",";margin:0;font-size:",";font-weight:",";color:",";background-color:",";border-bottom:"," solid ",";"],xt("space.1"),xt("space.3"),xt("fontSizes.0"),xt("fontWeights.bold"),xt("colors.fg.muted"),xt("colors.canvas.subtle"),xt("borderWidths.1"),xt("colors.border.muted")),Ji=i.default.div`
|
1509
|
+
${Yi}
|
1510
1510
|
${yt}
|
1511
1511
|
${Kt};
|
1512
|
-
`;
|
1512
|
+
`;Ji.displayName="SelectMenu.Divider";var Zi=Ji;const Qi=i.default.form`
|
1513
1513
|
padding: ${xt("space.3")};
|
1514
1514
|
margin: 0;
|
1515
1515
|
border-bottom: ${xt("borderWidths.1")} solid ${xt("colors.border.muted")};
|
@@ -1521,11 +1521,11 @@
|
|
1521
1521
|
}
|
1522
1522
|
|
1523
1523
|
${Kt};
|
1524
|
-
`,
|
1525
|
-
${
|
1524
|
+
`,el=t.forwardRef((({theme:e,value:r,sx:a,...o},i)=>{const l=t.useRef(null),d=null!=i?i:l,{open:s}=t.useContext(Xi);return t.useEffect((()=>{var e;s&&(null===(e=l.current)||void 0===e||e.focus())}),[s]),n.default.createElement(Qi,{theme:e,sx:a},n.default.createElement(tn,Tt({theme:e,ref:d,width:"100%",block:!0,value:r,contrast:!0},o)))}));el.displayName="SelectMenu.Filter";var tl=el;const rl=r.css(["margin-top:-1px;padding:"," ",";font-size:",";color:",";text-align:center;border-top:"," solid ",";@media (min-width:","){padding:"," ",";}"],xt("space.2"),xt("space.3"),xt("fontSizes.0"),xt("colors.fg.muted"),xt("borderWidths.1"),xt("colors.border.muted"),xt("breakpoints.0"),xt("space.1"),xt("space.2")),al=i.default.footer`
|
1525
|
+
${rl}
|
1526
1526
|
${yt}
|
1527
1527
|
${Kt};
|
1528
|
-
`;
|
1528
|
+
`;al.displayName="SelectMenu.Footer";var ol=al;const nl=i.default.h3`
|
1529
1529
|
color: ${xt("colors.fg.default")};
|
1530
1530
|
flex: auto;
|
1531
1531
|
font-size: ${xt("fontSizes.1")};
|
@@ -1535,7 +1535,7 @@
|
|
1535
1535
|
@media (min-width: ${xt("breakpoints.0")}) {
|
1536
1536
|
font-size: inherit;
|
1537
1537
|
}
|
1538
|
-
`,
|
1538
|
+
`,il=i.default.header`
|
1539
1539
|
display: flex;
|
1540
1540
|
flex: none; // fixes header from getting squeezed in Safari iOS
|
1541
1541
|
padding: ${xt("space.3")};
|
@@ -1549,15 +1549,15 @@
|
|
1549
1549
|
}
|
1550
1550
|
|
1551
1551
|
${Kt};
|
1552
|
-
`,
|
1553
|
-
${
|
1552
|
+
`,ll=({children:e,theme:t,...r})=>n.default.createElement(il,Tt({theme:t},r),n.default.createElement(nl,{theme:t},e));ll.displayName="SelectMenuHeader",ll.displayName="SelectMenu.Header";var dl=ll;const sl=r.css(["display:flex;align-items:center;padding:",";overflow:hidden;text-align:left;cursor:pointer;background-color:",";border:0;border-bottom:"," solid ",";color:",";text-decoration:none;font-size:",";font-family:inherit;width:100%;&:hover{text-decoration:none;}&:focus{outline:none;}&[hidden]{display:none !important;}@media (min-width:","){padding-top:",";padding-bottom:",";}.SelectMenu-icon{width:",";margin-right:",";flex-shrink:0;}.SelectMenu-selected-icon{visibility:hidden;transition:transform 0.12s cubic-bezier(0.5,0.1,1,0.5),visibility 0s 0.12s linear;transform:scale(0);}&[aria-checked='true']{font-weight:500;color:",";.SelectMenu-selected-icon{visibility:visible;transition:transform 0.12s cubic-bezier(0,0,0.2,1),visibility 0s linear;transform:scale(1);}}@media (hover:hover){&:hover,&:active,&:focus{background-color:",";}}@media (hover:none){&:focus,&:active{background-color:",";}-webkit-tap-highlight-color:",";}"],xt("space.3"),xt("colors.canvas.overlay"),xt("borderWidths.1"),xt("colors.border.muted"),xt("colors.fg.muted"),xt("fontSizes.0"),xt("breakpoints.0"),xt("space.2"),xt("space.2"),xt("space.3"),xt("space.2"),xt("colors.fg.default"),xt("colors.neutral.subtle"),xt("colors.canvas.subtle"),xt("colors.selectMenu.tapHighlight")),cl=i.default.a.attrs((()=>({role:"menuitemcheckbox"})))`
|
1553
|
+
${sl}
|
1554
1554
|
${yt}
|
1555
1555
|
${Kt};
|
1556
|
-
`,
|
1557
|
-
${
|
1556
|
+
`,fl=t.forwardRef((({children:e,selected:r,theme:a,onClick:o,...i},l)=>{const d=t.useContext(Xi),s=t.useRef(null),c=null!=l?l:s;return n.default.createElement(cl,Tt({ref:c},i,{theme:a,onClick:e=>{var t;(o&&o(e),e.defaultPrevented)||(null===(t=d.setOpen)||void 0===t||t.call(d,!1))},"aria-checked":r}),n.default.createElement(za,{theme:a,className:"SelectMenu-icon SelectMenu-selected-icon",icon:ea}),e)}));fl.defaultProps={selected:!1},fl.displayName="SelectMenu.Item";var ul=fl;const gl=r.css(["position:relative;padding:0;margin:0;flex:auto;overflow-x:hidden;overflow-y:auto;background-color:",";-webkit-overflow-scrolling:touch;@media (hover:hover){.SelectMenuTab:focus{background-color:",";}.SelectMenuTab:not([aria-checked='true']):hover{color:",";background-color:",";}.SelectMenuTab:not([aria-checked='true']):active{color:",";background-color:",";}}"],xt("colors.canvas.overlay"),xt("colors.selectMenu.tapFocusBg"),xt("colors.fg.default"),xt("colors.canvas.subtle"),xt("colors.fg.default"),xt("colors.canvas.subtle")),pl=i.default.div`
|
1557
|
+
${gl}
|
1558
1558
|
${yt}
|
1559
1559
|
${Kt};
|
1560
|
-
`;
|
1560
|
+
`;pl.displayName="SelectMenu.List";var bl=pl;const ml={small:"16px",medium:"32px",large:"64px"};function hl({size:e="medium",...t}){const r=ml[e];return n.default.createElement("svg",Tt({height:r,width:r,viewBox:"0 0 16 16",fill:"none"},t),n.default.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeOpacity:"0.25",strokeWidth:"2",vectorEffect:"non-scaling-stroke"}),n.default.createElement("path",{d:"M15 8a7.002 7.002 0 00-7-7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",vectorEffect:"non-scaling-stroke"}))}hl.displayName="Spinner";const vl=i.default(hl)`
|
1561
1561
|
@keyframes rotate-keyframes {
|
1562
1562
|
100% {
|
1563
1563
|
transform: rotate(360deg);
|
@@ -1568,42 +1568,42 @@
|
|
1568
1568
|
|
1569
1569
|
${yt}
|
1570
1570
|
${Kt}
|
1571
|
-
`;
|
1571
|
+
`;vl.displayName="Spinner";var xl=vl;const yl=i.default.div`
|
1572
1572
|
padding: ${xt("space.6")} ${xt("space.4")};
|
1573
1573
|
text-align: center;
|
1574
1574
|
background-color: ${xt("colors.canvas.overlay")};
|
1575
1575
|
${yt}
|
1576
|
-
`,
|
1577
|
-
${kl}
|
1578
|
-
${ie}
|
1579
|
-
`,Tl=i.default.div`
|
1576
|
+
`,wl=e=>n.default.createElement(yl,e,n.default.createElement(xl,null));wl.displayName="SelectMenuLoadingAnimation";var Bl=wl;const kl=r.keyframes(["0%{opacity:0;transform:scale(0.9);}"]),$l=r.css(["position:relative;z-index:99;display:flex;",";max-height:",";margin:auto 0;",";overflow:hidden;pointer-events:auto;flex-direction:column;background-color:",";border-radius:",";box-shadow:",";animation:"," 0.12s cubic-bezier(0,0.1,0.1,1) backwards;@media (min-width:","){height:auto;max-height:350px;margin:"," 0 "," 0;font-size:",";border:"," solid ",";border-radius:",";box-shadow:",";}"],(e=>e.filter?"height: 80%":""),(e=>e.filter?"none":"66%"),(e=>e.filter?"margin-top: 0":""),xt("colors.canvas.overlay"),xt("radii.2"),xt("shadows.shadow.small"),kl,xt("breakpoints.0"),xt("space.1"),xt("space.3"),xt("fontSizes.0"),xt("borderWidths.1"),xt("colors.border.default"),xt("radii.2"),xt("shadows.shadow.small")),Sl=r.css(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;padding:",";pointer-events:none;flex-direction:column;&::before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:'';background-color:",";@media (min-width:","){display:none;}}@media (min-width:","){position:absolute;top:auto;right:",";bottom:auto;left:auto;padding:0;}"],xt("space.3"),xt("colors.primer.canvas.backdrop"),xt("breakpoints.0"),xt("breakpoints.0"),(e=>"right"===e.align?"0":"auto")),Tl=i.default.div`
|
1580
1577
|
${$l}
|
1578
|
+
${ie}
|
1579
|
+
`,El=i.default.div`
|
1580
|
+
${Sl}
|
1581
1581
|
${yt}
|
1582
1582
|
${Kt};
|
1583
|
-
`,
|
1584
|
-
${
|
1583
|
+
`,Cl=n.default.forwardRef((({children:e,theme:t,width:r,...a},o)=>n.default.createElement(El,Tt({theme:t},a,{role:"menu",ref:o}),n.default.createElement(Tl,{theme:t,width:r},e))));Cl.defaultProps={align:"left",width:"300px"},Cl.displayName="SelectMenu.Modal";var zl=Cl;const Rl=r.css(["flex:1;padding:"," ",";font-size:",";font-weight:500;color:",";text-align:center;background-color:transparent;border:0;box-shadow:inset 0 -1px 0 ",";@media (min-width:","){flex:none;padding:"," ",";border:"," solid transparent;border-bottom-width:0;border-top-left-radius:",";border-top-right-radius:",";}&[aria-selected='true']{z-index:1;color:",";background-color:",";box-shadow:0 0 0 1px ",";@media (min-width:","){border-color:",";box-shadow:none;}}&:focus{background-color:",";}"],xt("space.2"),xt("space.3"),xt("fontSizes.0"),xt("colors.fg.muted"),xt("colors.border.muted"),xt("breakpoints.0"),xt("space.1"),xt("space.3"),xt("borderWidths.1"),xt("radii.2"),xt("radii.2"),xt("colors.text-primary"),xt("colors.canvas.overlay"),xt("colors.border.muted"),xt("breakpoints.0"),xt("colors.border.muted"),xt("colors.neutral.subtle")),Nl=i.default.button`
|
1584
|
+
${Rl}
|
1585
1585
|
${yt}
|
1586
1586
|
${Kt};
|
1587
|
-
`,
|
1587
|
+
`,Al=({tabName:e="",index:r,className:a,onClick:o,...i})=>{const l=t.useContext(Xi);t.useEffect((()=>{var t;l.selectedTab||0!==r||(null===(t=l.setSelectedTab)||void 0===t||t.call(l,e))}),[r,l,e]);const d=l.selectedTab===e;return n.default.createElement(Nl,Tt({role:"tab",className:Yo("SelectMenuTab",a),"aria-selected":d,onClick:t=>{var r;(o&&o(t),t.defaultPrevented)||(null===(r=l.setSelectedTab)||void 0===r||r.call(l,e))}},i),e)};Al.displayName="SelectMenuTab",Al.displayName="SelectMenu.Tab";var Il=Al;const Ll=i.default.div`
|
1588
1588
|
border-top: ${xt("borderWidths.1")} solid ${xt("colors.border.muted")};
|
1589
1589
|
${yt}
|
1590
1590
|
${Kt};
|
1591
|
-
`,
|
1592
|
-
${
|
1591
|
+
`,Ol=({tabName:e,className:r,children:a,...o})=>{const i=t.useContext(Xi);return n.default.createElement(Ll,Tt({role:"tabpanel",className:r,hidden:i.selectedTab!==e},o),n.default.createElement(bl,null,a))};Ol.displayName="TabPanel",Ol.displayName="SelectMenu.TabPanel";var Ml=Ol;const Pl=r.css(["display:flex;flex-shrink:0;margin-bottom:-1px;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;&::-webkit-scrollbar{display:none;}@media (min-width:","){padding:0 ",";margin-top:",";}"],xt("breakpoints.0"),xt("space.2"),xt("space.3")),Hl=i.default.div`
|
1592
|
+
${Pl}
|
1593
1593
|
${yt}
|
1594
1594
|
${Kt};
|
1595
|
-
`,
|
1595
|
+
`,Dl=({children:e,...t})=>n.default.createElement(Hl,Tt({role:"tablist"},t),e);Dl.displayName="SelectMenuTabs",Dl.displayName="SelectMenu.Tabs";var Wl=Dl;const Fl=i.default.details`
|
1596
1596
|
${"\n // Remove marker added by the display: list-item browser default\n > summary {\n list-style: none;\n }\n // Remove marker added by details polyfill\n > summary::before {\n display: none;\n }\n // Remove marker added by Chrome\n > summary::-webkit-details-marker {\n display: none;\n }\n"}
|
1597
1597
|
${yt}
|
1598
1598
|
${Kt};
|
1599
|
-
`,
|
1599
|
+
`,_l=n.default.forwardRef((({children:e,initialTab:r="",as:a,...o},i)=>{const l=t.useRef(null),d=null!=i?i:l,[s,c]=t.useState(r),[f,u]=t.useState(!1),g={selectedTab:s,setSelectedTab:c,setOpen:u,open:f,initialTab:r},p=t.useCallback((e=>{"current"in d&&d.current&&!d.current.contains(e.target)&&(e.defaultPrevented||u(!1))}),[d,u]);return t.useEffect((()=>{if(f)return document.addEventListener("click",p),()=>{document.removeEventListener("click",p)}}),[f,p]),qi(d,f,u),n.default.createElement(Xi.Provider,{value:g},n.default.createElement(Fl,Tt({ref:d},o,{open:f,onToggle:function(e){u(e.target.open)}}),e))}));_l.displayName="SelectMenu";var jl=Object.assign(_l,{MenuContext:Xi,List:bl,Divider:Zi,Filter:tl,Footer:ol,Item:ul,Modal:zl,Tabs:Wl,Tab:Il,TabPanel:Ml,Header:dl,LoadingAnimation:Bl});function Ul({variant:e,className:t,bordered:r,children:a,...o}){const i=Yo(t,`variant-${"lightweight"===e?"lightweight":"normal"}`);return r||(o={...o,borderWidth:0}),n.default.createElement(qt,Tt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},o),a)}Ul.displayName="SideNavBase";const Gl=i.default(Ul)`
|
1600
1600
|
background-color: ${xt("colors.canvas.subtle")};
|
1601
1601
|
|
1602
1602
|
${e=>e.bordered&&r.css(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
|
1603
1603
|
|
1604
1604
|
${yt};
|
1605
1605
|
${Kt};
|
1606
|
-
`,
|
1606
|
+
`,Vl=r.css(["background-color:",";outline:none;text-decoration:none;"],xt("colors.neutral.subtle")),Kl=r.css(["color:",";text-decoration:none;outline:none;"],xt("colors.fg.default")),ql=i.default(Ai).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
|
1607
1607
|
position: relative;
|
1608
1608
|
display: block;
|
1609
1609
|
${e=>"full"===e.variant&&r.css(["display:flex;align-items:center;justify-content:space-between;"])}
|
@@ -1611,11 +1611,11 @@
|
|
1611
1611
|
text-align: left;
|
1612
1612
|
font-size: ${xt("fontSizes.1")};
|
1613
1613
|
|
1614
|
-
& > ${
|
1614
|
+
& > ${Gl} {
|
1615
1615
|
border-bottom: none;
|
1616
1616
|
}
|
1617
1617
|
|
1618
|
-
${
|
1618
|
+
${Gl}.variant-normal > & {
|
1619
1619
|
color: ${xt("colors.fg.default")};
|
1620
1620
|
padding: ${xt("space.3")};
|
1621
1621
|
border: 0;
|
@@ -1645,11 +1645,11 @@
|
|
1645
1645
|
}
|
1646
1646
|
|
1647
1647
|
&:hover {
|
1648
|
-
${
|
1648
|
+
${Vl}
|
1649
1649
|
}
|
1650
1650
|
|
1651
1651
|
&:focus {
|
1652
|
-
${
|
1652
|
+
${Vl}
|
1653
1653
|
box-shadow: ${xt("shadows.primer.shadow.focus")};
|
1654
1654
|
z-index: 1;
|
1655
1655
|
}
|
@@ -1665,16 +1665,16 @@
|
|
1665
1665
|
}
|
1666
1666
|
}
|
1667
1667
|
|
1668
|
-
${
|
1668
|
+
${Gl}.variant-lightweight > & {
|
1669
1669
|
padding: ${xt("space.1")} 0;
|
1670
1670
|
color: ${xt("colors.accent.fg")};
|
1671
1671
|
|
1672
1672
|
&:hover {
|
1673
|
-
${
|
1673
|
+
${Kl}
|
1674
1674
|
}
|
1675
1675
|
|
1676
1676
|
&:focus {
|
1677
|
-
${
|
1677
|
+
${Kl}
|
1678
1678
|
box-shadow: ${xt("shadows.primer.shadow.focus")};
|
1679
1679
|
z-index: 1;
|
1680
1680
|
}
|
@@ -1687,7 +1687,7 @@
|
|
1687
1687
|
}
|
1688
1688
|
|
1689
1689
|
${Kt};
|
1690
|
-
`;
|
1690
|
+
`;Gl.defaultProps={variant:"normal"},ql.defaultProps={variant:"normal"},ql.displayName="SideNav.Link";var Xl=Object.assign(Gl,{Link:ql});const Yl={issueOpened:oa,pullOpened:ra,issueClosed:aa,pullClosed:ra,pullMerged:ta,draft:ra},Jl=re({prop:"status",variants:{issueClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullClosed:{backgroundColor:"danger.emphasis",color:"fg.onEmphasis"},pullMerged:{backgroundColor:"done.emphasis",color:"fg.onEmphasis"},issueOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},pullOpened:{backgroundColor:"success.emphasis",color:"fg.onEmphasis"},draft:{backgroundColor:"neutral.emphasis",color:"fg.onEmphasis"}}}),Zl=re({prop:"variant",variants:{small:{paddingX:2,paddingY:1,fontSize:0},normal:{paddingX:"12px",paddingY:2,fontSize:1}}}),Ql=i.default.span`
|
1691
1691
|
display: inline-flex;
|
1692
1692
|
align-items: center;
|
1693
1693
|
font-weight: ${xt("fontWeights.bold")};
|
@@ -1695,11 +1695,11 @@
|
|
1695
1695
|
color: ${xt("colors.canvas.default")};
|
1696
1696
|
text-align: center;
|
1697
1697
|
border-radius: ${xt("radii.3")};
|
1698
|
-
${Yl};
|
1699
1698
|
${Jl};
|
1699
|
+
${Zl};
|
1700
1700
|
${yt};
|
1701
1701
|
${Kt};
|
1702
|
-
`;function
|
1702
|
+
`;function ed({children:e,status:t,variant:r,...a}){const o="small"===r?{width:"1em"}:{};return n.default.createElement(Ql,Tt({},a,{variant:r,status:t}),t&&n.default.createElement(za,Tt({mr:1},o,{icon:Yl[t]||ia})),e)}ed.displayName="StateLabel",ed.defaultProps={variant:"normal"};const td=i.default.nav`
|
1703
1703
|
display: flex;
|
1704
1704
|
justify-content: space-between;
|
1705
1705
|
|
@@ -1723,7 +1723,7 @@
|
|
1723
1723
|
${yt};
|
1724
1724
|
${St};
|
1725
1725
|
${Kt};
|
1726
|
-
`;function
|
1726
|
+
`;function rd({actions:e,className:t,children:r,label:a,...o}){const i=Yo(t,"SubNav");return n.default.createElement(td,Tt({className:i,"aria-label":a},o),n.default.createElement("div",{className:"SubNav-body"},r),e&&n.default.createElement("div",{className:"SubNav-actions"},e))}function ad(e){return n.default.createElement(qt,Tt({display:"flex"},e))}rd.displayName="SubNav",ad.displayName="SubNavLinks";const od=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("SubNav-item",e.selected&&"selected",e.className)})))`
|
1727
1727
|
padding-left: ${xt("space.3")};
|
1728
1728
|
padding-right: ${xt("space.3")};
|
1729
1729
|
font-weight: ${xt("fontWeights.semibold")};
|
@@ -1772,16 +1772,16 @@
|
|
1772
1772
|
|
1773
1773
|
${yt};
|
1774
1774
|
${Kt};
|
1775
|
-
`;
|
1775
|
+
`;od.displayName="SubNav.Link",ad.displayName="SubNav.Links";var nd=Object.assign(rd,{Link:od,Links:ad});const id=i.default.div`
|
1776
1776
|
margin-top: 0;
|
1777
1777
|
border-bottom: 1px solid ${xt("colors.border.default")};
|
1778
1778
|
${yt}
|
1779
1779
|
${Kt}
|
1780
|
-
`,
|
1780
|
+
`,ld=i.default.nav`
|
1781
1781
|
display: flex;
|
1782
1782
|
margin-bottom: -1px;
|
1783
1783
|
overflow: auto;
|
1784
|
-
`;function
|
1784
|
+
`;function dd({children:e,"aria-label":t,...r}){return n.default.createElement(id,r,n.default.createElement(ld,{"aria-label":t},e))}dd.displayName="TabNav";const sd=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("TabNav-item",e.selected&&"selected",e.className)})))`
|
1785
1785
|
padding: 8px 12px;
|
1786
1786
|
font-size: ${xt("fontSizes.1")};
|
1787
1787
|
line-height: 20px;
|
@@ -1807,18 +1807,18 @@
|
|
1807
1807
|
|
1808
1808
|
${yt};
|
1809
1809
|
${Kt};
|
1810
|
-
`;
|
1810
|
+
`;sd.displayName="TabNav.Link";var cd=Object.assign(dd,{Link:sd}),fd=$(U,C,E,S,z,I,O,P,N,G,ae,oe,ne),ud=new RegExp("^("+fd.propNames.join("|")+")$");const gd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},pd="medium",bd=({as:e="span",onClick:t,onFocus:r,tabIndex:a=-1})=>Boolean(r||t||a>-1||["a","button"].includes(e)),md=re({prop:"size",variants:{small:{fontSize:0,height:gd.small,lineHeight:gd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:gd.medium,lineHeight:gd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:gd.large,lineHeight:gd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:gd.extralarge,lineHeight:gd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),hd=i.default.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
|
1811
1811
|
align-items: center;
|
1812
1812
|
border-radius: 999px;
|
1813
|
-
cursor: ${e=>
|
1813
|
+
cursor: ${e=>bd(e)?"pointer":"auto"};
|
1814
1814
|
display: inline-flex;
|
1815
1815
|
font-weight: ${xt("fontWeights.bold")};
|
1816
1816
|
font-family: inherit;
|
1817
1817
|
text-decoration: none;
|
1818
1818
|
white-space: nowrap;
|
1819
|
-
${
|
1819
|
+
${md}
|
1820
1820
|
${Kt}
|
1821
|
-
`;
|
1821
|
+
`;hd.defaultProps={as:"span",size:pd};var vd=hd;const xd=re({prop:"size",variants:{small:{height:gd.small,width:gd.small},medium:{height:gd.medium,width:gd.medium},large:{height:gd.large,width:gd.large},extralarge:{height:gd.extralarge,width:gd.extralarge}}}),yd=e=>.75*parseInt(gd[e||pd],10),wd=i.default.span`
|
1822
1822
|
background-color: transparent;
|
1823
1823
|
font-family: inherit;
|
1824
1824
|
color: currentColor;
|
@@ -1848,9 +1848,9 @@
|
|
1848
1848
|
background-color: ${xt("colors.neutral.subtle")};
|
1849
1849
|
}
|
1850
1850
|
|
1851
|
-
${
|
1851
|
+
${xd}
|
1852
1852
|
${Kt}
|
1853
|
-
`,
|
1853
|
+
`,Bd=({"aria-label":e,isParentInteractive:t,size:r,...a})=>(delete a.children,n.default.createElement(wd,Tt({as:t?"span":"button",tabIndex:t?-1:void 0,"aria-label":t?e:"Remove token",size:r},a),n.default.createElement(da,{size:yd(r)})));Bd.displayName="RemoveTokenButton",Bd.defaultProps={size:pd};var kd=Bd;var $d=i.default("span")`
|
1854
1854
|
flex-grow: 1;
|
1855
1855
|
min-width: 0;
|
1856
1856
|
overflow: hidden;
|
@@ -1891,7 +1891,7 @@
|
|
1891
1891
|
bottom: 0;
|
1892
1892
|
}
|
1893
1893
|
}
|
1894
|
-
`;const
|
1894
|
+
`;const Sd=i.default(vd)`
|
1895
1895
|
background-color: ${xt("colors.neutral.subtle")};
|
1896
1896
|
border-color: ${e=>e.isSelected?xt("colors.fg.default"):xt("colors.border.subtle")};
|
1897
1897
|
border-style: solid;
|
@@ -1903,18 +1903,18 @@
|
|
1903
1903
|
${Kt}
|
1904
1904
|
|
1905
1905
|
${e=>{if(e.isTokenInteractive)return r.css(["&:hover{background-color:",";box-shadow:",";color:",";}"],xt("colors.neutral.muted"),xt("colors.shadow.medium"),xt("colors.fg.default"))}}
|
1906
|
-
`,
|
1906
|
+
`,Td=i.default("span")`
|
1907
1907
|
flex-shrink: 0;
|
1908
1908
|
line-height: 0;
|
1909
1909
|
|
1910
1910
|
${e=>{switch(e.size){case"large":case"extralarge":return r.css(["margin-right:",";"],xt("space.2"));default:return r.css(["margin-right:",";"],xt("space.1"))}}}
|
1911
|
-
`,
|
1911
|
+
`,Ed=t.forwardRef(((e,t)=>{const{as:r,onRemove:a,id:o,leadingVisual:i,text:l,size:d,hideRemoveButton:s,href:c,onClick:f,...u}=e,g=bd(e)&&Boolean(a)&&!s,p={as:r,href:c,onClick:f};return n.default.createElement(Sd,Tt({onRemove:a,hideRemoveButton:s||!a,id:null==o?void 0:o.toString(),text:l,size:d,isTokenInteractive:bd(e)},g?{}:p,u,{ref:t}),i?n.default.createElement(Td,{size:d},n.default.createElement(i,null)):null,n.default.createElement($d,g?p:{},l),!s&&a?n.default.createElement(kd,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:d,isParentInteractive:bd(e),"aria-hidden":g?"true":"false",sx:g?{position:"relative",zIndex:"1"}:{}}):null)}));Ed.displayName="Token",Ed.defaultProps={size:pd};var Cd=Ed;const zd={small:0,medium:1,large:1,extralarge:2};function Rd({icon:e,contrast:r,className:a,block:o,disabled:i,theme:l,sx:d,tokens:s,onTokenRemove:c,tokenComponent:f,preventTokenWrapping:u,size:g,hideTokenRemoveButtons:p,maxHeight:b,width:m,minWidth:h,maxWidth:v,variant:x,visibleTokenCount:y,...w},B){const{onBlur:k,onFocus:$,onKeyDown:S,...T}=function(e){var t={};for(var r in e)ud.test(r)||(t[r]=e[r]);return t}(w),E=yr(B),C=Ma(t.useRef(null),E),[z,R]=t.useState(),[N,A]=t.useState(Boolean(y)),{containerRef:I}=Ra({focusOutBehavior:"wrap",bindKeys:Er.ArrowHorizontal|Er.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var t;if(!z&&0!==z)return;let r=z+1;return"next"===e&&(r+=1),"previous"===e&&(r-=1),r>s.length||r<1?C.current||void 0:null===(t=I.current)||void 0===t?void 0:t.children[r]}},[z]),L=e=>{c(e),setTimeout((()=>{var e,t;const r=null===(e=I.current)||void 0===e?void 0:e.children[z||0],a=r&&pr(r)?r:Array.from((null===(t=I.current)||void 0===t?void 0:t.children)||[]).find((e=>pr(e)));var o;a?a.focus():null===(o=E.current)||void 0===o||o.focus()}),0)},O=()=>{R(void 0),setTimeout((()=>{var e;null!==(e=I.current)&&void 0!==e&&e.contains(document.activeElement)||!y||A(!0)}),0)},M=e=>{var t;"Escape"===e.key&&(null===(t=E.current)||void 0===t||t.focus())},P=e=>{e.stopPropagation()},H=N?s.slice(0,y):s;return n.default.createElement(Qo,{block:o,className:a,contrast:r,disabled:i,hasIcon:!!e,theme:l,width:m,minWidth:h,maxWidth:v,variant:x,onClick:()=>{var e;null===(e=C.current)||void 0===e||e.focus()},sx:{...o?{display:"flex",width:"100%"}:{},...b?{maxHeight:b,overflow:"auto"}:{},...u?{overflow:"auto"}:{},...d}},n.default.createElement(qt,{ref:I,display:"flex",sx:{alignItems:"center",flexWrap:u?"nowrap":"wrap",marginLeft:"-0.25rem",marginBottom:"-0.25rem",flexGrow:1,"> *":{flexShrink:0,marginLeft:"0.25rem",marginBottom:"0.25rem"}}},n.default.createElement(qt,{sx:{order:1,flexGrow:1}},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Jo,Tt({ref:C,disabled:i,onFocus:e=>{$&&$(e),R(void 0),y&&A(!1)},onBlur:e=>{k&&k(e),setTimeout((()=>{var e;null!==(e=I.current)&&void 0!==e&&e.contains(document.activeElement)||!y||A(!0)}),0)},onKeyDown:e=>{var t;if(S&&S(e),null!==(t=E.current)&&void 0!==t&&t.value)return;const r=s[s.length-1];"Backspace"===e.key&&r&&(L(r.id),E.current&&(E.current.value=`${r.text} `),setTimeout((()=>{var e;null===(e=E.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},T))),f?H.map((({id:e,...t},r)=>{return n.default.createElement(f,Tt({key:e,onFocus:(a=r,()=>{R(a)}),onBlur:O,onKeyUp:M,onClick:P,isSelected:z===r,onRemove:()=>{L(e)},hideRemoveButton:p,size:g,tabIndex:0},t));var a})):null,N?n.default.createElement(Un,{color:"fg.muted",fontSize:g&&zd[g]},"+",s.length-H.length):null))}Rd.displayName="TextInputWithTokensInnerComponent";const Nd=n.default.forwardRef(Rd);Nd.defaultProps={tokenComponent:Cd,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Nd.displayName="TextInputWithTokens";var Ad=Nd;const Id=i.default(qt)`
|
1912
1912
|
display: flex;
|
1913
1913
|
flex-direction: column;
|
1914
1914
|
${e=>e.clipSidebar&&r.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}
|
1915
1915
|
|
1916
1916
|
${Kt};
|
1917
|
-
`,
|
1917
|
+
`,Ld=i.default(qt).attrs((e=>({className:Yo("Timeline-Item",e.className)})))`
|
1918
1918
|
display: flex;
|
1919
1919
|
position: relative;
|
1920
1920
|
padding: ${xt("space.3")} 0;
|
@@ -1935,7 +1935,7 @@
|
|
1935
1935
|
|
1936
1936
|
${yt};
|
1937
1937
|
${Kt};
|
1938
|
-
`,
|
1938
|
+
`,Od=e=>n.default.createElement(qt,{position:"relative",zIndex:1},n.default.createElement(qt,Tt({display:"flex",className:Yo(e.className,"TimelineItem-Badge"),flexShrink:0,borderRadius:"50%",borderWidth:"2px",borderStyle:"solid",borderColor:"canvas.default",overflow:"hidden",color:"fg.muted",bg:"timeline.badgeBg",width:"32px",height:"32px",mr:2,ml:"-15px",alignItems:"center",justifyContent:"center"},e),e.children));Od.displayName="TimelineBadge";const Md=i.default(qt)`
|
1939
1939
|
min-width: 0;
|
1940
1940
|
max-width: 100%;
|
1941
1941
|
margin-top: ${xt("space.1")};
|
@@ -1943,7 +1943,7 @@
|
|
1943
1943
|
flex: auto;
|
1944
1944
|
font-size: ${xt("fontSizes.1")};
|
1945
1945
|
${Kt};
|
1946
|
-
`,
|
1946
|
+
`,Pd=i.default(qt)`
|
1947
1947
|
position: relative
|
1948
1948
|
z-index: 1;
|
1949
1949
|
height: 24px;
|
@@ -1954,15 +1954,15 @@
|
|
1954
1954
|
border: 0;
|
1955
1955
|
border-top: ${xt("space.1")} solid ${xt("colors.border.default")};
|
1956
1956
|
${Kt};
|
1957
|
-
`;
|
1957
|
+
`;Ld.displayName="Timeline.Item",Od.displayName="Timeline.Badge",Md.displayName="Timeline.Body",Pd.displayName="Timeline.Break";var Hd=Object.assign(Id,{Item:Ld,Badge:Od,Body:Md,Break:Pd});function Dd(e,t,r){return Math.min(Math.max(e,r),t)}class Wd extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Fd(e){if("string"!=typeof e)throw new Wd(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Xd.test(e)?function(e){const t=e.toLowerCase().trim(),r=jd[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Wd(e);return`#${r}`}(e):e;const r=Gd.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ud(e,2),16))),parseInt(Ud(e[3]||"f",2),16)/255]}const a=Vd.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const o=Kd.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const n=qd.exec(t);if(n){const[t,r,a,o]=Array.from(n).slice(1).map(parseFloat);if(Dd(0,100,r)!==r)throw new Wd(e);if(Dd(0,100,a)!==a)throw new Wd(e);return[...Jd(t,r,a),o||1]}throw new Wd(e)}const _d=e=>parseInt(e.replace(/_/g,""),36),jd="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=_d(t.substring(0,3)),a=_d(t.substring(3)).toString(16);let o="";for(let e=0;e<6-a.length;e++)o+="0";return e[r]=`${o}${a}`,e}),{}),Ud=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Gd=new RegExp(`^#${Ud("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Vd=new RegExp(`^#${Ud("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Kd=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ud(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),qd=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Xd=/^[a-z]+$/i,Yd=e=>Math.round(255*e),Jd=(e,t,r)=>{let a=r/100;if(0===t)return[a,a,a].map(Yd);const o=(e%360+360)%360/60,n=(1-Math.abs(2*a-1))*(t/100),i=n*(1-Math.abs(o%2-1));let l=0,d=0,s=0;o>=0&&o<1?(l=n,d=i):o>=1&&o<2?(l=i,d=n):o>=2&&o<3?(d=n,s=i):o>=3&&o<4?(d=i,s=n):o>=4&&o<5?(l=i,s=n):o>=5&&o<6&&(l=n,s=i);const c=a-n/2;return[l+c,d+c,s+c].map(Yd)};const Zd={"--lightness-threshold":"0.453","--border-threshold":"0.96","--border-alpha":"max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1))",background:"rgb(var(--label-r), var(--label-g), var(--label-b))",color:"hsl(0, 0%, calc(var(--lightness-switch) * 100%))",borderWidth:1,borderStyle:"solid",borderColor:"hsla(var(--label-h),calc(var(--label-s) * 1%),calc((var(--label-l) - 25) * 1%),var(--border-alpha))"},Qd={"--lightness-threshold":"0.6","--background-alpha":"0.18","--border-alpha":"0.3","--lighten-by":"calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch))",borderWidth:1,borderStyle:"solid",background:"rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha))",color:"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))",borderColor:"hsla(var(--label-h), calc(var(--label-s) * 1%),calc((var(--label-l) + var(--lighten-by)) * 1%),var(--border-alpha))"},es=t.forwardRef(((e,r)=>{const{as:a,fillColor:o="#999",onRemove:i,id:l,isSelected:d,text:s,size:c,hideRemoveButton:f,href:u,onClick:g,...p}=e,b={as:a,href:u,onClick:g},{colorScheme:m}=jt(),h=bd(e)&&Boolean(i)&&!f,v=t.useMemo((()=>{const[e,t,r]=Fd(o),[a,n,l]=function(e){const[t,r,a,o]=Fd(e).map(((e,t)=>3===t?e:e/255)),n=Math.max(t,r,a),i=Math.min(t,r,a),l=(n+i)/2;if(n===i)return[0,0,l,o];const d=n-i;return[60*(t===n?(r-a)/d+(r<a?6:0):r===n?(a-t)/d+2:(t-r)/d+4),l>.5?d/(2-n-i):d/(n+i),l,o]}(o);return{"--label-r":String(e),"--label-g":String(t),"--label-b":String(r),"--label-h":String(Math.round(a)),"--label-s":String(Math.round(100*n)),"--label-l":String(Math.round(100*l)),"--perceived-lightness":"calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255)","--lightness-switch":"max(0, min(calc((var(--perceived-lightness) - var(--lightness-threshold)) * -1000), 1))",paddingRight:f||!i?void 0:0,position:"relative",..."light"===m?Zd:Qd,...d?{background:"light"===m?"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 5) * 1%))":Qd.background,":focus":{outline:"none"},":after":{content:'""',position:"absolute",zIndex:1,top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",display:"block",pointerEvents:"none",boxShadow:"0 0 0 2px "+("light"===m?"rgb(var(--label-r), var(--label-g), var(--label-b))":"hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))"),borderRadius:"999px"}}:{}}}),[m,o,d,f,i]);return n.default.createElement(vd,Tt({onRemove:i,id:null==l?void 0:l.toString(),isSelected:d,text:s,size:c,sx:v},h?{}:b,p,{ref:r}),n.default.createElement($d,h?b:{},s),!f&&i?n.default.createElement(kd,{borderOffset:1,onClick:e=>{e.stopPropagation(),i&&i()},size:c,"aria-hidden":h?"true":"false",isParentInteractive:bd(e),sx:h?{position:"relative",zIndex:"1"}:{}}):null)}));es.defaultProps={fillColor:"#999",size:pd},es.displayName="IssueLabelToken";var ts=es;const rs=i.default.span`
|
1958
1958
|
// 'space.1' is used because to match space from the left of the token to the left of the avatar
|
1959
1959
|
// '* 2' is done to account for the top and bottom
|
1960
1960
|
--spacing: calc(${xt("space.1")} * 2);
|
1961
1961
|
|
1962
1962
|
display: block;
|
1963
|
-
height: ${e=>`calc(${
|
1964
|
-
width: ${e=>`calc(${
|
1965
|
-
`,
|
1963
|
+
height: ${e=>`calc(${gd[e.avatarSize]} - var(--spacing))`};
|
1964
|
+
width: ${e=>`calc(${gd[e.avatarSize]} - var(--spacing))`};
|
1965
|
+
`,as=t.forwardRef((({avatarSrc:e,id:t,size:r,...a},o)=>n.default.createElement(Cd,Tt({leadingVisual:()=>n.default.createElement(rs,{avatarSize:r||pd},n.default.createElement(gn,{src:e,size:parseInt(gd[r||pd],10),sx:{width:"100%",height:"100%"}})),size:r,id:null==t?void 0:t.toString(),sx:{paddingLeft:xt("space.1")}},a,{ref:o}))));as.defaultProps={size:pd},as.displayName="AvatarToken";var os=as;const ns=i.default.span`
|
1966
1966
|
position: relative;
|
1967
1967
|
|
1968
1968
|
&::before {
|
@@ -2188,7 +2188,7 @@
|
|
2188
2188
|
}
|
2189
2189
|
${yt};
|
2190
2190
|
${Kt};
|
2191
|
-
`;function
|
2191
|
+
`;function is({direction:e="n",children:t,className:r,text:a,noDelay:o,align:i,wrap:l,...d}){const s=Yo(r,`tooltipped-${e}`,i&&`tooltipped-align-${i}-2`,o&&"tooltipped-no-delay",l&&"tooltipped-multiline");return n.default.createElement(ns,Tt({role:"tooltip","aria-label":a},d,{className:s}),t)}is.displayName="Tooltip",is.alignments=["left","right"],is.directions=["n","ne","e","se","s","sw","w","nw"];const ls=i.default.nav`
|
2192
2192
|
display: flex;
|
2193
2193
|
justify-content: space-between;
|
2194
2194
|
border-bottom: 1px solid ${xt("colors.border.muted")};
|
@@ -2219,7 +2219,7 @@
|
|
2219
2219
|
|
2220
2220
|
${yt};
|
2221
2221
|
${Kt};
|
2222
|
-
`;function
|
2222
|
+
`;function ds({actions:e,className:t,align:r,children:a,full:o,label:i,theme:l,...d}){const s=Yo(t,"UnderlineNav",r&&`UnderlineNav--${r}`,o&&"UnderlineNav--full");return n.default.createElement(ls,Tt({className:s,"aria-label":i,theme:l},d),n.default.createElement("div",{className:"UnderlineNav-body"},a),e&&n.default.createElement("div",{className:"UnderlineNav-actions"},e))}ds.displayName="UnderlineNav";const ss=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Yo("UnderlineNav-item",e.selected&&"selected",e.className)})))`
|
2223
2223
|
padding: ${xt("space.3")} ${xt("space.2")};
|
2224
2224
|
margin-right: ${xt("space.3")};
|
2225
2225
|
font-size: ${xt("fontSizes.1")};
|
@@ -2252,5 +2252,5 @@
|
|
2252
2252
|
|
2253
2253
|
${yt};
|
2254
2254
|
${Kt};
|
2255
|
-
`;
|
2255
|
+
`;ss.displayName="UnderlineNav.Link";var cs=Object.assign(ds,{Link:ss});e.Absolute=ar,e.ActionList=Po,e.ActionMenu=Ko,e.Autocomplete=fn,e.Avatar=gn,e.AvatarPair=mn,e.AvatarStack=xn,e.AvatarToken=os,e.BaseStyles=zt,e.BorderBox=Yt,e.Box=qt,e.BranchName=yn,e.Breadcrumb=Tn,e.Breadcrumbs=Sn,e.Button=jr,e.ButtonClose=ca,e.ButtonDanger=Ur,e.ButtonGroup=Vr,e.ButtonInvisible=Xr,e.ButtonOutline=Kr,e.ButtonPrimary=qr,e.ButtonTableList=Yr,e.Caret=In,e.CircleBadge=Pn,e.CircleOcticon=Hn,e.ConfirmationDialog=go,e.CounterLabel=Dn,e.Details=Fn,e.Dialog=Jn,e.Dropdown=ni,e.DropdownButton=ii,e.DropdownMenu=li,e.FilterList=gi,e.FilteredSearch=di,e.Fixed=or,e.Flash=mi,e.Flex=Zt,e.FormGroup=xi,e.Grid=er,e.Header=ki,e.Heading=Si,e.IssueLabelToken=ts,e.Label=Ri,e.LabelGroup=Ti,e.Link=Ai,e.Overlay=_o,e.Pagehead=Ii,e.Pagination=Pi,e.PointerBox=Wi,e.Popover=ji,e.Position=rr,e.ProgressBar=Ki,e.Relative=nr,e.SSRProvider=function(e){let r=t.useContext(Ha),a=t.useMemo((()=>({prefix:r===Pa?"":r.prefix+"-"+ ++r.current,current:0})),[r]);return n.default.createElement(Ha.Provider,{value:a},e.children)},e.SelectMenu=jl,e.SideNav=Xl,e.Spinner=xl,e.StateLabel=ed,e.Sticky=ir,e.StyledOcticon=za,e.SubNav=nd,e.TabNav=cd,e.Text=Un,e.TextInput=tn,e.TextInputWithTokens=Ad,e.ThemeProvider=Vt,e.Timeline=Hd,e.Token=Cd,e.Tooltip=is,e.Truncate=xo,e.UnderlineNav=cs,e.theme=d,e.themeGet=xt,e.useColorSchemeVar=Ut,e.useConfirm=function(){const{theme:e,colorMode:r,dayScheme:a,nightScheme:o}=jt();return t.useCallback((t=>async function(e,t){const{content:r,...a}=t;return new Promise((t=>{const o=document.createElement("div");l.default.render(n.default.createElement(_t,e,n.default.createElement(go,Tt({},a,{onClose:e=>{l.default.unmountComponentAtNode(o),t("confirm"===e)}}),r)),o)}))}({theme:e,colorMode:r,dayScheme:a,nightScheme:o},t)),[e,r,a,o])},e.useDetails=lr,e.useOnEscapePress=xr,e.useOnOutsideClick=ur,e.useOpenAndCloseFocus=mr,e.useOverlay=wr,e.useSSRSafeId=Wa,e.useSafeTimeout=function(){const e=t.useRef(new Set),r=t.useCallback(((t,r,...a)=>{const o=window.setTimeout(t,r,...a);return e.current.add(o),o}),[]),a=t.useCallback((t=>{clearTimeout(t),e.current.delete(t)}),[]);return t.useEffect((()=>()=>{for(const t of e.current)clearTimeout(t)}),[]),{safeSetTimeout:r,safeClearTimeout:a}},e.useTheme=jt,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2256
2256
|
//# sourceMappingURL=browser.umd.js.map
|