@primer/react 38.0.0-rc.6 → 38.0.0-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +79 -0
- package/dist/ActionBar/ActionBar-3069d5f1.css +2 -0
- package/dist/ActionBar/ActionBar-3069d5f1.css.map +1 -0
- package/dist/ActionBar/ActionBar.d.ts +21 -1
- package/dist/ActionBar/ActionBar.d.ts.map +1 -1
- package/dist/ActionBar/ActionBar.js +409 -219
- package/dist/ActionBar/ActionBar.module.css.js +1 -1
- package/dist/ActionBar/index.d.ts +1 -1
- package/dist/ActionList/Description.d.ts +4 -3
- package/dist/ActionList/Description.d.ts.map +1 -1
- package/dist/ActionList/Description.js +5 -5
- package/dist/ActionList/Divider.d.ts +5 -4
- package/dist/ActionList/Divider.d.ts.map +1 -1
- package/dist/ActionList/Divider.js +6 -7
- package/dist/ActionList/Group.d.ts +4 -5
- package/dist/ActionList/Group.d.ts.map +1 -1
- package/dist/ActionList/Group.js +9 -16
- package/dist/ActionList/Heading.d.ts +3 -2
- package/dist/ActionList/Heading.d.ts.map +1 -1
- package/dist/ActionList/Heading.js +1 -0
- package/dist/ActionList/Item.d.ts +5 -2
- package/dist/ActionList/Item.d.ts.map +1 -1
- package/dist/ActionList/Item.js +4 -8
- package/dist/ActionList/LinkItem.d.ts +1 -1
- package/dist/ActionList/LinkItem.d.ts.map +1 -1
- package/dist/ActionList/LinkItem.js +1 -2
- package/dist/ActionList/List.d.ts +1 -1
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionList/List.js +1 -3
- package/dist/ActionList/TrailingAction.d.ts +1 -0
- package/dist/ActionList/TrailingAction.d.ts.map +1 -1
- package/dist/ActionList/TrailingAction.js +3 -0
- package/dist/ActionList/Visuals.d.ts +4 -4
- package/dist/ActionList/Visuals.d.ts.map +1 -1
- package/dist/ActionList/Visuals.js +3 -3
- package/dist/ActionList/index.d.ts +12 -9
- package/dist/ActionList/index.d.ts.map +1 -1
- package/dist/ActionList/shared.d.ts +2 -3
- package/dist/ActionList/shared.d.ts.map +1 -1
- package/dist/ActionMenu/ActionMenu.d.ts +6 -5
- package/dist/ActionMenu/ActionMenu.d.ts.map +1 -1
- package/dist/ActionMenu/ActionMenu.js +11 -6
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts +1 -1
- package/dist/AnchoredOverlay/AnchoredOverlay.d.ts.map +1 -1
- package/dist/Autocomplete/Autocomplete.d.ts +6 -4
- package/dist/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/Autocomplete/Autocomplete.js +1 -0
- package/dist/Autocomplete/AutocompleteInput.js +1 -0
- package/dist/Autocomplete/AutocompleteMenu.d.ts +1 -0
- package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteMenu.js +1 -0
- package/dist/Autocomplete/AutocompleteOverlay.d.ts +1 -0
- package/dist/Autocomplete/AutocompleteOverlay.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteOverlay.js +1 -0
- package/dist/AvatarStack/AvatarStack.d.ts.map +1 -1
- package/dist/AvatarStack/AvatarStack.js +1 -3
- package/dist/BranchName/BranchName.d.ts +9 -10
- package/dist/BranchName/BranchName.d.ts.map +1 -1
- package/dist/BranchName/BranchName.js +1 -8
- package/dist/Button/Button.d.ts +1 -5
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Button.js +2 -85
- package/dist/Button/{ButtonBase-0a7871f4.css → ButtonBase-4c44bb02.css} +2 -2
- package/dist/Button/ButtonBase-4c44bb02.css.map +1 -0
- package/dist/Button/ButtonBase.d.ts.map +1 -1
- package/dist/Button/ButtonBase.js +8 -93
- package/dist/Button/ButtonBase.module.css.js +1 -1
- package/dist/Button/IconButton.d.ts.map +1 -1
- package/dist/Button/IconButton.js +0 -16
- package/dist/Button/LinkButton.d.ts +1 -1
- package/dist/Button/LinkButton.d.ts.map +1 -1
- package/dist/Button/types.d.ts +1 -3
- package/dist/Button/types.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox-edc5dc3e.css +2 -0
- package/dist/Checkbox/{Checkbox-2aef6693.css.map → Checkbox-edc5dc3e.css.map} +1 -1
- package/dist/Checkbox/Checkbox.d.ts +3 -1
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.js +1 -0
- package/dist/Checkbox/Checkbox.module.css.js +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +8 -7
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +4 -2
- package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css +2 -0
- package/dist/ConfirmationDialog/ConfirmationDialog-87ccf595.css.map +1 -0
- package/dist/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/dist/ConfirmationDialog/ConfirmationDialog.js +12 -25
- package/dist/ConfirmationDialog/ConfirmationDialog.module.css.js +1 -1
- package/dist/DataTable/Table.d.ts +3 -3
- package/dist/DataTable/Table.d.ts.map +1 -1
- package/dist/DataTable/Table.js +24 -19
- package/dist/FeatureFlags/DefaultFeatureFlags.d.ts.map +1 -1
- package/dist/FeatureFlags/DefaultFeatureFlags.js +2 -1
- package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css +2 -0
- package/dist/FilteredActionList/FilteredActionList-f6c2dc7a.css.map +1 -0
- package/dist/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/dist/FilteredActionList/FilteredActionList.js +2 -7
- package/dist/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/dist/FilteredActionList/types.d.ts +5 -2
- package/dist/FilteredActionList/types.d.ts.map +1 -1
- package/dist/FormControl/FormControl.d.ts +8 -36
- package/dist/FormControl/FormControl.d.ts.map +1 -1
- package/dist/FormControl/FormControl.js +64 -66
- package/dist/FormControl/FormControlCaption.d.ts +6 -4
- package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
- package/dist/FormControl/FormControlCaption.js +9 -13
- package/dist/FormControl/FormControlLabel.d.ts +3 -3
- package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
- package/dist/FormControl/FormControlLabel.js +25 -31
- package/dist/FormControl/FormControlLeadingVisual-e217df71.css +2 -0
- package/dist/FormControl/FormControlLeadingVisual-e217df71.css.map +1 -0
- package/dist/FormControl/FormControlLeadingVisual.d.ts +2 -2
- package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
- package/dist/FormControl/FormControlLeadingVisual.js +10 -17
- package/dist/FormControl/FormControlLeadingVisual.module.css.js +5 -0
- package/dist/FormControl/_FormControlContext.js +1 -1
- package/dist/FormControl/_FormControlValidation.d.ts +3 -3
- package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
- package/dist/FormControl/_FormControlValidation.js +7 -9
- package/dist/FormControl/index.d.ts +4 -0
- package/dist/FormControl/index.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup-7d19205a.css +2 -0
- package/dist/LabelGroup/LabelGroup-7d19205a.css.map +1 -0
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +14 -27
- package/dist/LabelGroup/LabelGroup.module.css.js +2 -2
- package/dist/NavList/NavList.d.ts +3 -3
- package/dist/NavList/NavList.d.ts.map +1 -1
- package/dist/NavList/NavList.js +3 -2
- package/dist/Octicon/Octicon.d.ts +7 -6
- package/dist/Octicon/Octicon.d.ts.map +1 -1
- package/dist/Octicon/Octicon.js +4 -23
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +63 -85
- package/dist/PageHeader/PageHeader.d.ts +3 -3
- package/dist/PageHeader/PageHeader.d.ts.map +1 -1
- package/dist/PageHeader/PageHeader.js +5 -2
- package/dist/PageLayout/{PageLayout-8a294e74.css → PageLayout-a276fa3b.css} +2 -2
- package/dist/PageLayout/PageLayout-a276fa3b.css.map +1 -0
- package/dist/PageLayout/PageLayout.d.ts +14 -58
- package/dist/PageLayout/PageLayout.d.ts.map +1 -1
- package/dist/PageLayout/PageLayout.js +216 -245
- package/dist/PageLayout/PageLayout.module.css.js +2 -2
- package/dist/Pagination/Pagination-16a5b4c6.css +2 -0
- package/dist/Pagination/Pagination-16a5b4c6.css.map +1 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +16 -3
- package/dist/Pagination/Pagination.module.css.js +1 -1
- package/dist/Radio/Radio.d.ts +3 -1
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/Radio/Radio.js +1 -0
- package/dist/RadioGroup/RadioGroup.d.ts +6 -5
- package/dist/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts +3 -2
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.js +11 -14
- package/dist/SegmentedControl/SegmentedControlButton.d.ts +2 -1
- package/dist/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlButton.js +1 -0
- package/dist/SegmentedControl/SegmentedControlIconButton.d.ts +2 -1
- package/dist/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControlIconButton.js +1 -0
- package/dist/Select/Select.d.ts +1 -0
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Select/Select.js +1 -0
- package/dist/SelectPanel/SelectPanel.d.ts +2 -1
- package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +1 -0
- package/dist/Skeleton/SkeletonBox.d.ts.map +1 -1
- package/dist/Skeleton/SkeletonBox.js +26 -20
- package/dist/SkeletonAvatar/SkeletonAvatar.d.ts.map +1 -1
- package/dist/SkeletonAvatar/SkeletonAvatar.js +53 -62
- package/dist/StateLabel/{StateLabel-aaa1d148.css → StateLabel-b586b0bc.css} +2 -2
- package/dist/StateLabel/StateLabel-b586b0bc.css.map +1 -0
- package/dist/StateLabel/StateLabel.d.ts.map +1 -1
- package/dist/StateLabel/StateLabel.js +28 -39
- package/dist/StateLabel/StateLabel.module.css.js +1 -1
- package/dist/SubNav/SubNav.d.ts +4 -1
- package/dist/SubNav/SubNav.d.ts.map +1 -1
- package/dist/SubNav/SubNav.js +3 -1
- package/dist/Text/Text.d.ts +16 -8
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/Text/Text.js +34 -31
- package/dist/TextInput/TextInput.d.ts +3 -2
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +2 -3
- package/dist/TextInput/index.d.ts +1 -0
- package/dist/TextInput/index.d.ts.map +1 -1
- package/dist/TextInputWithTokens/TextInputWithTokens.d.ts +3 -1
- package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
- package/dist/TextInputWithTokens/TextInputWithTokens.js +205 -211
- package/dist/Textarea/Textarea.d.ts +5 -4
- package/dist/Textarea/Textarea.d.ts.map +1 -1
- package/dist/Textarea/Textarea.js +40 -45
- package/dist/ToggleSwitch/{ToggleSwitch-4b23d166.css → ToggleSwitch-d5c8dc81.css} +2 -2
- package/dist/ToggleSwitch/ToggleSwitch-d5c8dc81.css.map +1 -0
- package/dist/ToggleSwitch/ToggleSwitch.module.css.js +1 -1
- package/dist/Token/IssueLabelToken-a5fe569e.css +2 -0
- package/dist/Token/IssueLabelToken-a5fe569e.css.map +1 -0
- package/dist/Token/IssueLabelToken.d.ts.map +1 -1
- package/dist/Token/IssueLabelToken.js +0 -5
- package/dist/Token/IssueLabelToken.module.css.js +1 -1
- package/dist/Token/TokenBase-57c65c47.css +2 -0
- package/dist/Token/TokenBase-57c65c47.css.map +1 -0
- package/dist/Token/TokenBase.js +1 -7
- package/dist/Token/TokenBase.module.css.js +1 -1
- package/dist/Token/_RemoveTokenButton-c205593b.css +2 -0
- package/dist/Token/_RemoveTokenButton-c205593b.css.map +1 -0
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +3 -4
- package/dist/Token/_RemoveTokenButton.module.css.js +1 -1
- package/dist/Tooltip/Tooltip-fffa9948.css +2 -0
- package/dist/Tooltip/Tooltip-fffa9948.css.map +1 -0
- package/dist/Tooltip/Tooltip.d.ts +6 -8
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +44 -118
- package/dist/Tooltip/Tooltip.module.css.js +5 -0
- package/dist/TooltipV2/Tooltip.d.ts +3 -16
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +1 -0
- package/dist/TreeView/TreeView.d.ts +4 -1
- package/dist/TreeView/TreeView.d.ts.map +1 -1
- package/dist/TreeView/TreeView.js +42 -9
- package/dist/Truncate/Truncate.d.ts +2 -2
- package/dist/Truncate/Truncate.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav-4344d9b0.css +2 -0
- package/dist/UnderlineNav/UnderlineNav-4344d9b0.css.map +1 -0
- package/dist/UnderlineNav/UnderlineNav.d.ts +0 -1
- package/dist/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNav.js +45 -17
- package/dist/UnderlineNav/UnderlineNav.module.css.js +2 -2
- package/dist/UnderlineNav/UnderlineNavContext.d.ts +0 -2
- package/dist/UnderlineNav/UnderlineNavContext.d.ts.map +1 -1
- package/dist/UnderlineNav/UnderlineNavContext.js +0 -1
- package/dist/UnderlineNav/styles.d.ts +1 -23
- package/dist/UnderlineNav/styles.d.ts.map +1 -1
- package/dist/UnderlineNav/styles.js +4 -59
- package/dist/constants.js +3 -3
- package/dist/deprecated/ActionList/Divider-7c6b656a.css +2 -0
- package/dist/deprecated/ActionList/Divider-7c6b656a.css.map +1 -0
- package/dist/deprecated/ActionList/Divider.d.ts +1 -2
- package/dist/deprecated/ActionList/Divider.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Divider.js +6 -12
- package/dist/deprecated/ActionList/Divider.module.css.js +5 -0
- package/dist/deprecated/ActionList/Group.d.ts +1 -2
- package/dist/deprecated/ActionList/Group.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Group.js +1 -8
- package/dist/deprecated/ActionList/Header-493b1d76.css +2 -0
- package/dist/deprecated/ActionList/Header-493b1d76.css.map +1 -0
- package/dist/deprecated/ActionList/Header.d.ts +2 -6
- package/dist/deprecated/ActionList/Header.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Header.js +46 -37
- package/dist/deprecated/ActionList/Header.module.css.js +5 -0
- package/dist/deprecated/ActionList/Item-cf87f98a.css +3 -0
- package/dist/deprecated/ActionList/Item-cf87f98a.css.map +1 -0
- package/dist/deprecated/ActionList/Item.d.ts +1 -5
- package/dist/deprecated/ActionList/Item.d.ts.map +1 -1
- package/dist/deprecated/ActionList/Item.js +182 -271
- package/dist/deprecated/ActionList/Item.module.css.js +5 -0
- package/dist/deprecated/ActionList/List-1ec9d6d9.css +2 -0
- package/dist/deprecated/ActionList/List-1ec9d6d9.css.map +1 -0
- package/dist/deprecated/ActionList/List.d.ts +1 -0
- package/dist/deprecated/ActionList/List.d.ts.map +1 -1
- package/dist/deprecated/ActionList/List.js +92 -82
- package/dist/deprecated/ActionList/List.module.css.js +5 -0
- package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css +2 -0
- package/dist/deprecated/UnderlineNav/UnderlineNav-0c1e0dff.css.map +1 -0
- package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts +6 -8
- package/dist/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/dist/deprecated/UnderlineNav/UnderlineNav.js +90 -49
- package/dist/deprecated/UnderlineNav/UnderlineNav.module.css.js +5 -0
- package/dist/experimental/IssueLabel/{IssueLabel-6581d1bd.css → IssueLabel-d9c2c5cf.css} +2 -2
- package/dist/experimental/IssueLabel/IssueLabel-d9c2c5cf.css.map +1 -0
- package/dist/experimental/IssueLabel/IssueLabel.d.ts.map +1 -1
- package/dist/experimental/IssueLabel/IssueLabel.js +52 -70
- package/dist/experimental/IssueLabel/IssueLabel.module.css.js +1 -1
- package/dist/experimental/IssueLabel/getColorFromHex.d.ts +1 -3
- package/dist/experimental/IssueLabel/getColorFromHex.d.ts.map +1 -1
- package/dist/experimental/IssueLabel/getColorFromHex.js +58 -26
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts +11 -7
- package/dist/experimental/SelectPanel2/SelectPanel.d.ts.map +1 -1
- package/dist/experimental/SelectPanel2/SelectPanel.js +6 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts +6 -6
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.js +8 -4
- package/dist/hooks/useSlots.d.ts.map +1 -1
- package/dist/hooks/useSlots.js +3 -2
- package/dist/hooks/useSyncedState.js +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts +6 -7
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js +7 -9
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts +4 -4
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -0
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts +2 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +1 -0
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts +3 -3
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js +2 -3
- package/dist/internal/components/InputLabel.d.ts +2 -3
- package/dist/internal/components/InputLabel.d.ts.map +1 -1
- package/dist/internal/components/InputLabel.js +29 -36
- package/dist/internal/components/InputValidation.d.ts +1 -2
- package/dist/internal/components/InputValidation.d.ts.map +1 -1
- package/dist/internal/components/TextInputInnerAction.d.ts +16 -2
- package/dist/internal/components/TextInputInnerAction.d.ts.map +1 -1
- package/dist/internal/components/TextInputInnerAction.js +46 -60
- package/dist/internal/components/TextInputWrapper.d.ts +10 -32
- package/dist/internal/components/TextInputWrapper.d.ts.map +1 -1
- package/dist/internal/components/TextInputWrapper.js +87 -58
- package/dist/internal/components/UnstyledTextInput.d.ts +1 -2
- package/dist/internal/components/UnstyledTextInput.d.ts.map +1 -1
- package/dist/internal/components/UnstyledTextInput.js +1 -3
- package/dist/internal/components/ValidationAnimationContainer-04125429.css +2 -0
- package/dist/internal/components/ValidationAnimationContainer-04125429.css.map +1 -0
- package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
- package/dist/internal/components/ValidationAnimationContainer.js +4 -9
- package/dist/internal/components/ValidationAnimationContainer.module.css.js +5 -0
- package/dist/utils/form-story-helpers.d.ts.map +1 -1
- package/dist/utils/is-slot.d.ts +6 -0
- package/dist/utils/is-slot.d.ts.map +1 -0
- package/dist/utils/is-slot.js +15 -0
- package/dist/utils/polymorphic.d.ts +2 -1
- package/dist/utils/polymorphic.d.ts.map +1 -1
- package/dist/utils/types/Slots.d.ts +7 -0
- package/dist/utils/types/Slots.d.ts.map +1 -0
- package/dist/utils/types/index.d.ts +1 -0
- package/dist/utils/types/index.d.ts.map +1 -1
- package/generated/components.json +110 -120
- package/package.json +7 -6
- package/dist/ActionBar/ActionBar-e6a5d54e.css +0 -2
- package/dist/ActionBar/ActionBar-e6a5d54e.css.map +0 -1
- package/dist/Box/Box.js +0 -15
- package/dist/Button/ButtonBase-0a7871f4.css.map +0 -1
- package/dist/Button/styles.d.ts +0 -431
- package/dist/Button/styles.d.ts.map +0 -1
- package/dist/Button/styles.js +0 -5
- package/dist/Checkbox/Checkbox-2aef6693.css +0 -2
- package/dist/ConfirmationDialog/ConfirmationDialog-de0401ff.css +0 -2
- package/dist/ConfirmationDialog/ConfirmationDialog-de0401ff.css.map +0 -1
- package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css +0 -2
- package/dist/FilteredActionList/FilteredActionList-e1eb1b75.css.map +0 -1
- package/dist/LabelGroup/LabelGroup-eda75c0f.css +0 -2
- package/dist/LabelGroup/LabelGroup-eda75c0f.css.map +0 -1
- package/dist/PageLayout/PageLayout-8a294e74.css.map +0 -1
- package/dist/Pagination/Pagination-1845feaa.css +0 -2
- package/dist/Pagination/Pagination-1845feaa.css.map +0 -1
- package/dist/StateLabel/StateLabel-aaa1d148.css.map +0 -1
- package/dist/ToggleSwitch/ToggleSwitch-4b23d166.css.map +0 -1
- package/dist/Token/IssueLabelToken-0dbbbcdf.css +0 -2
- package/dist/Token/IssueLabelToken-0dbbbcdf.css.map +0 -1
- package/dist/Token/TokenBase-0386597b.css +0 -2
- package/dist/Token/TokenBase-0386597b.css.map +0 -1
- package/dist/Token/_RemoveTokenButton-d7f5985b.css +0 -2
- package/dist/Token/_RemoveTokenButton-d7f5985b.css.map +0 -1
- package/dist/UnderlineNav/UnderlineNav-78db938f.css +0 -2
- package/dist/UnderlineNav/UnderlineNav-78db938f.css.map +0 -1
- package/dist/experimental/IssueLabel/IssueLabel-6581d1bd.css.map +0 -1
- package/dist/internal/components/BoxWithFallback.d.ts +0 -6
- package/dist/internal/components/BoxWithFallback.d.ts.map +0 -1
- package/dist/internal/components/BoxWithFallback.js +0 -70
- package/dist/internal/utils/getGlobalFocusStyles.d.ts +0 -4
- package/dist/internal/utils/getGlobalFocusStyles.d.ts.map +0 -1
- package/dist/internal/utils/getGlobalFocusStyles.js +0 -7
- package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts +0 -2
- package/dist/internal/utils/sharedCheckboxAndRadioStyles.d.ts.map +0 -1
- package/dist/utils/defaultSxProp.d.ts +0 -3
- package/dist/utils/defaultSxProp.d.ts.map +0 -1
- package/dist/utils/defaultSxProp.js +0 -3
- package/dist/utils/includeSystemProps.d.ts +0 -7
- package/dist/utils/includeSystemProps.d.ts.map +0 -1
- package/dist/utils/includeSystemProps.js +0 -14
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "38.0.0-rc.
|
|
4
|
+
"version": "38.0.0-rc.8",
|
|
5
5
|
"description": "An implementation of GitHub's Primer Design System using React",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -109,6 +109,7 @@
|
|
|
109
109
|
"@babel/preset-typescript": "7.27.1",
|
|
110
110
|
"@figma/code-connect": "1.3.2",
|
|
111
111
|
"@primer/css": "^21.5.1",
|
|
112
|
+
"@primer/doc-gen": "^0.0.1",
|
|
112
113
|
"@rollup/plugin-babel": "6.0.4",
|
|
113
114
|
"@rollup/plugin-commonjs": "28.0.6",
|
|
114
115
|
"@rollup/plugin-json": "6.1.0",
|
|
@@ -117,11 +118,11 @@
|
|
|
117
118
|
"@rollup/plugin-terser": "0.4.4",
|
|
118
119
|
"@rollup/plugin-typescript": "12.1.4",
|
|
119
120
|
"@rollup/plugin-virtual": "3.0.2",
|
|
120
|
-
"@storybook/addon-a11y": "^9.1.
|
|
121
|
-
"@storybook/addon-docs": "^9.1.
|
|
122
|
-
"@storybook/addon-links": "^9.1.
|
|
121
|
+
"@storybook/addon-a11y": "^9.1.10",
|
|
122
|
+
"@storybook/addon-docs": "^9.1.10",
|
|
123
|
+
"@storybook/addon-links": "^9.1.10",
|
|
123
124
|
"@storybook/icons": "^1.6.0",
|
|
124
|
-
"@storybook/react-vite": "^9.1.
|
|
125
|
+
"@storybook/react-vite": "^9.1.10",
|
|
125
126
|
"@testing-library/dom": "^10.4.0",
|
|
126
127
|
"@testing-library/jest-dom": "^6.4.5",
|
|
127
128
|
"@testing-library/react": "^16.3.0",
|
|
@@ -181,7 +182,7 @@
|
|
|
181
182
|
"rollup-plugin-import-css": "^0.0.0",
|
|
182
183
|
"rollup-plugin-postcss": "4.0.2",
|
|
183
184
|
"rollup-plugin-visualizer": "6.0.3",
|
|
184
|
-
"storybook": "^9.1.
|
|
185
|
+
"storybook": "^9.1.10",
|
|
185
186
|
"styled-components": "5.3.11",
|
|
186
187
|
"terser": "5.36.0",
|
|
187
188
|
"ts-toolbelt": "9.6.0",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-ActionBar-List-Z4LzW{gap:var(--base-size-8,.5rem);list-style:none;margin-bottom:-1px;min-width:0;position:relative;white-space:nowrap}.prc-ActionBar-List-Z4LzW,.prc-ActionBar-Nav-hc-9G{align-items:center;display:flex}.prc-ActionBar-Nav-hc-9G{justify-content:flex-end;padding-inline:var(--base-size-16,1rem)}.prc-ActionBar-Nav-hc-9G:where([data-flush=true]){padding-inline:0}.prc-ActionBar-Divider-CcBO8:before{background:var(--borderColor-muted,var(--color-border-muted));content:"";display:block;height:var(--base-size-20,1.25rem);width:var(--borderWidth-thin,.0625rem)}
|
|
2
|
-
/*# sourceMappingURL=ActionBar-e6a5d54e.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ActionBar/ActionBar.module.css"],"names":[],"mappings":"AAAA,0BAWE,4BAAuB,CAFvB,eAAgB,CAFhB,kBAAmB,CAJnB,WAAY,CAFZ,iBAAkB,CAOlB,kBAIF,CAEA,mDAJE,kBAAmB,CARnB,YAqBF,CATA,yBAGE,wBAAyB,CADzB,uCAOF,CAHE,kDACE,gBACF,CAIA,oCAME,6DAAoC,CAFpC,UAAW,CAHX,aAAc,CAEd,kCAA2B,CAD3B,sCAKF","file":"ActionBar-e6a5d54e.css","sourcesContent":[".List {\n position: relative;\n display: flex;\n min-width: 0;\n\n /* wonder why this is here */\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: -1px;\n white-space: nowrap;\n list-style: none;\n align-items: center;\n gap: var(--base-size-8);\n}\n\n.Nav {\n display: flex;\n padding-inline: var(--base-size-16);\n justify-content: flex-end;\n align-items: center;\n\n &:where([data-flush='true']) {\n padding-inline: 0;\n }\n}\n\n.Divider {\n &::before {\n display: block;\n width: var(--borderWidth-thin);\n height: var(--base-size-20);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-muted);\n }\n}\n"]}
|
package/dist/Box/Box.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { space, color, typography, layout, flexbox, grid, background, border, position, shadow } from 'styled-system';
|
|
3
|
-
import sx from '../sx.js';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The Box component is deprecated. Replace with a `div` or
|
|
7
|
-
* appropriate HTML element instead, with CSS modules for styling.
|
|
8
|
-
* @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
|
|
9
|
-
*/
|
|
10
|
-
const Box = styled.div.withConfig({
|
|
11
|
-
displayName: "Box",
|
|
12
|
-
componentId: "sc-g0xbh4-0"
|
|
13
|
-
})(space, color, typography, layout, flexbox, grid, background, border, position, shadow, sx);
|
|
14
|
-
|
|
15
|
-
export { Box as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Button/ButtonBase.module.css","../../postcss-preset-primer/src/mixins/focusOutline.css","../../postcss-preset-primer/src/mixins/focusOutlineOnEmphasis.css"],"names":[],"mappings":"AACA,6BAqBE,kBAAmB,CADnB,eAAgB,CANhB,4BAA6B,CAC7B,6CAAqC,CACrC,2EAAoD,CACpD,gDAAyC,CARzC,8DAAyC,CAGzC,cAAe,CAXf,YAAa,CAKb,mBAAoB,CACpB,8CAAuC,CACvC,8CAA2C,CAe3C,4BAAuB,CApBvB,sCAAkC,CAmBlC,6BAA8B,CApB9B,qBAAsB,CAGtB,2DAAqD,CAKrD,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,yCAA+C,CAC/C,4DAAgE,CANhE,wBAAiB,CAAjB,gBAygBF,CA7fE,mCACE,wBACF,CAEA,2CC3BA,eAAgB,CAFhB,kEAAgC,CAChC,mBD8BA,CAEA,oCACE,eACF,CAEA,gHAGE,eAAgB,CADhB,kBAOF,CAJE,kSAEE,aACF,CAGF,8BACE,mCACE,6BACF,CACF,CAGA,8DAEE,gDAA2B,CAD3B,YAAa,CAEb,mBACF,CAGA,kEACE,YAAa,CACb,mBACF,CAIA,iEACE,mBAAoB,CAMpB,aAAc,CAJd,eAAgB,CAEhB,aAAc,CACd,oBAAqB,CAJrB,qCAcF,CAPE,0FACE,uCACF,CAEA,0FACE,sCACF,CAKF,2CACE,mBAKF,CAHE,iDACE,4BAAqB,CAArB,oBACF,CAKF,qEAME,oBAAqB,CADrB,kBAAmB,CAHnB,YAAa,CADb,aAAc,CAEd,uDAAwD,CACxD,4DAiBF,CAbE,4FACE,qCACF,CAIA,qGACE,sBACF,CAEA,oGACE,0BACF,CAGF,oEACE,uBACF,CAEA,6DAIE,cAAe,CAFf,qBAAsB,CACtB,kBAEF,CAEA,qEACE,wBACF,CAEA,qEACE,+CACF,CAIA,sDAKE,4CAAsC,CADtC,mCAA6B,CAH7B,wCAAiC,CAEjC,4DAaF,CATE,wGAEE,4CACF,CAEA,8EAEE,qBACF,CAGF,sDAIE,kCAA6B,CAH7B,uCAAiC,CAEjC,0DAOF,CAJE,wGAEE,2CACF,CAKF,uDACE,UACF,CAIA,2DAEE,YAAa,CACb,0CAAsC,CAFtC,0BAAsB,CAAtB,qBAsCF,CAlCE,2FAEE,kBAAmB,CADnB,aAAc,CAGd,2FACF,CAEA,mFAGE,iBAAkB,CADlB,qBAEF,CAEA,oFACE,YAAa,CACb,4CAMF,CAJE,oHAEE,yFACF,CAGF,oFACE,YAAa,CACb,2CAAqC,CAErC,+DAMF,CAJE,oHAEE,0FACF,CAWF,6LAME,cAAe,CACf,wBAA0B,CAC1B,iBAKF,CAHE,0NACE,iBACF,CAMJ,8DAEE,kBAAmB,CADnB,YAAa,CAEb,sBACF,CAIA,2DAEE,uEAAoD,CACpD,uEAAgD,CAFhD,8DAkCF,CA9BE,+EACE,gFAAsD,CACtD,oFACF,CAEA,iEACE,8EAAqD,CACrD,kFACF,CAEA,kEACE,gFAAsD,CACtD,oFACF,CAEA,4KAGE,2EAAwD,CACxD,+EAAwD,CACxD,eAAgB,CAHhB,qEAIF,CAEA,0FACE,gGACF,CAEA,+FACE,gDACF,CAKF,2DAEE,+EAAoD,CACpD,mFAAoD,CACpD,gEAAuC,CAHvC,sEAyCF,CApCE,+EACE,0FAAsD,CACtD,yFACF,CAEA,iEACE,sFAAqD,CACrD,0FACF,CAEA,yEElTF,gFAAqD,CAHrD,kEAAgC,CAChC,mBFsTE,CAEA,kEACE,0FAAsD,CACtD,yFACF,CAEA,4KAGE,4FAAwD,CACxD,gGAAwD,CACxD,eAAgB,CAHhB,mFAIF,CAEA,0FAEE,wGAAsE,CADtE,gFAEF,CAGA,oFACE,sEACF,CAKF,0DAEE,sEAAmD,CACnD,uEAAgD,CAFhD,oEAoEF,CAhEE,8EAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAQF,CAHE,uGACE,6EACF,CAGF,gEAEE,oFAAoD,CACpD,wFAAoD,CACpD,gEAAuC,CAHvC,2EAaF,CARE,+FAEE,6GAAsE,CADtE,kGAEF,CAEA,yFACE,6EACF,CAGF,iEAEE,wFAAqD,CACrD,4FAAqD,CACrD,uFAAgD,CAHhD,+EAaF,CARE,gGAEE,6GAAsE,CADtE,kGAEF,CAEA,0FACE,6EACF,CAGF,0KAGE,0FAAuD,CACvD,+EAAwD,CACxD,eAAgB,CAHhB,iFASF,CAJE,8MAEE,mHAAyE,CADzE,wGAEF,CAGF,yFAEE,sGAAqE,CADrE,2FAEF,CAEA,mFACE,sEACF,CAKF,6DAEE,wBAAyB,CACzB,eAAgB,CAFhB,8DA2CF,CAvCE,iFACE,uGACF,CAEA,mEACE,qGAKF,CAHE,4FACE,qDACF,CAGF,oEACE,uGAKF,CAHE,6FACE,qDACF,CAGF,gLAGE,2GAA0D,CAC1D,2GAA0D,CAC1D,eAAgB,CAHhB,8EAIF,CAEA,sFACE,oDACF,CAEA,4FACE,gFACF,CAEA,iGACE,oDACF,CAKF,wDAQE,YAAa,CAFb,gDAA0B,CAL1B,mBAAoB,CAIpB,iBAAkB,CAFlB,YAAa,CADb,0BAAsB,CAAtB,qBAAsB,CAEtB,SAAU,CAGV,eA+BF,CA5BE,6FACE,iCAA0B,CAA1B,yBACF,CAEA,oIAEE,kBACF,CAEA,sKAGE,4BAA6B,CAC7B,wBAAyB,CAFzB,qEAGF,CAEA,gFACE,iBACF,CAEA,+EAEE,gCAAkC,CADlC,4CAEF,CAEA,iFACE,gDACF,CAKF,yKAKE,uDAAgD,CAEhD,mDAA4C,CAJ5C,4CAAqC,CACrC,WASF,CAJE,oZAEE,uBACF,CAKF,0HAEE,kEAWF,CATE,mJAEE,mEACF,CAEA,mJAEE,+DACF,CAIJ,qCACE,aACF","file":"ButtonBase-0a7871f4.css","sourcesContent":["/* Base styles */\n.ButtonBase {\n display: flex;\n min-width: max-content;\n height: var(--control-medium-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-medium-paddingInline-normal);\n font-family: inherit;\n font-size: var(--text-body-size-medium);\n font-weight: var(--base-text-weight-medium);\n color: var(--button-default-fgColor-rest);\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border: var(--borderWidth-thin) solid;\n border-color: var(--button-default-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-property: color, fill, background-color, border-color;\n appearance: none;\n align-items: center;\n justify-content: space-between;\n gap: var(--base-size-8);\n\n &:hover {\n transition-duration: 80ms;\n }\n\n &:focus-visible {\n @mixin focusOutline;\n }\n\n &:active {\n transition: none;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n cursor: not-allowed;\n box-shadow: none;\n\n & .Visual,\n & .CounterLabel {\n color: inherit;\n }\n }\n\n @media (forced-colors: active) {\n &:focus {\n outline: solid 1px transparent;\n }\n }\n\n /* Visuals */\n & :where(.Visual) {\n display: flex;\n color: var(--fgColor-muted);\n pointer-events: none;\n }\n\n /* mostly for CounterLabel */\n & :where(.VisualWrap) {\n display: flex;\n pointer-events: none;\n }\n\n /* IconButton */\n\n &:where(.IconButton) {\n display: inline-grid;\n width: var(--control-medium-size);\n min-width: unset;\n /* stylelint-disable-next-line primer/spacing */\n padding: unset;\n place-content: center;\n flex-shrink: 0;\n\n &:where([data-size='small']) {\n width: var(--control-small-size);\n }\n\n &:where([data-size='large']) {\n width: var(--control-large-size);\n }\n }\n\n /* LinkButton */\n\n &:where([href]) {\n display: inline-flex;\n\n &:hover {\n text-decoration: none;\n }\n }\n\n /* Button layout */\n\n & :where(.ButtonContent) {\n flex: 1 0 auto;\n display: grid;\n grid-template-areas: 'leadingVisual text trailingVisual';\n grid-template-columns: min-content minmax(0, auto) min-content;\n align-items: center;\n align-content: center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n /* Content alignment */\n\n &:where([data-align='center']) {\n justify-content: center;\n }\n\n &:where([data-align='start']) {\n justify-content: flex-start;\n }\n }\n\n & :where([data-component='leadingVisual']) {\n grid-area: leadingVisual;\n }\n\n & :where(.Label) {\n /* stylelint-disable-next-line primer/typography */\n line-height: 1.4285714; /* temporary until we use Text component with --text-body-lineHeight-medium */\n white-space: nowrap;\n grid-area: text;\n }\n\n & :where([data-component='trailingVisual']) {\n grid-area: trailingVisual;\n }\n\n & :where([data-component='trailingAction']) {\n margin-right: calc(var(--base-size-4) * -1);\n }\n\n /* Size */\n\n &:where([data-size='small']) {\n height: var(--control-small-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-small-paddingInline-condensed);\n gap: var(--control-small-gap);\n font-size: var(--text-body-size-small);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-small-gap);\n }\n\n & .Label {\n /* stylelint-disable-next-line primer/typography */\n line-height: 1.6666667; /* temporary until we use Text component with --text-body-lineHeight-small */\n }\n }\n\n &:where([data-size='large']) {\n height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: 0 var(--control-large-paddingInline-spacious);\n gap: var(--control-large-gap);\n\n & .ButtonContent > :not(:last-child) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--control-large-gap);\n }\n }\n\n /* Full width */\n\n &:where([data-block='block']) {\n width: 100%;\n }\n\n /* Wrap label text */\n\n &:where([data-label-wrap='true']) {\n min-width: fit-content;\n height: unset;\n min-height: var(--control-medium-size);\n\n & .ButtonContent {\n flex: 1 1 auto;\n align-self: stretch;\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-medium-paddingBlock) - var(--base-size-2));\n }\n\n & .Label {\n /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */\n word-break: break-word;\n white-space: unset;\n }\n\n &:where([data-size='small']) {\n height: unset;\n min-height: var(--control-small-size);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-small-paddingBlock) - var(--base-size-2));\n }\n }\n\n &:where([data-size='large']) {\n height: unset;\n min-height: var(--control-large-size);\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-spacious);\n\n & .ButtonContent {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2));\n }\n }\n }\n\n /* Loading */\n\n /* only hide label if there's no leading/trailing visuals\n * move spinner to label spot if not leading/trailing visuals\n */\n\n &:where([data-loading='true']) {\n &\n .LoadingSpinner:not(\n [data-component='leadingVisual'],\n [data-component='trailingVisual'],\n [data-component='trailingAction']\n ) {\n grid-area: text;\n margin-right: 0 !important;\n place-self: center;\n\n & + .Label {\n visibility: hidden;\n }\n }\n }\n\n /* Styles for the spinner element displayed when the Button is in a loading state.\n * Ensures the spinner is centered within its container. */\n .LoadingSpinner {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n /* Default Variant */\n\n &:where([data-variant='default']) {\n color: var(--button-default-fgColor-rest);\n background-color: var(--button-default-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:hover {\n background-color: var(--button-default-bgColor-hover);\n border-color: var(--button-default-borderColor-hover);\n }\n\n &:active {\n background-color: var(--button-default-bgColor-active);\n border-color: var(--button-default-borderColor-active);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: var(--button-default-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-default-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n &:where(.IconButton) {\n color: var(--fgColor-muted);\n }\n }\n\n /* Primary variant */\n\n &:where([data-variant='primary']) {\n color: var(--button-primary-fgColor-rest);\n background-color: var(--button-primary-bgColor-rest);\n border-color: var(--button-primary-borderColor-rest);\n box-shadow: var(--shadow-resting-small);\n\n &[aria-expanded='true'] {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:hover {\n background-color: var(--button-primary-bgColor-hover);\n border-color: var(--button-primary-borderColor-hover);\n }\n\n &:focus-visible {\n @mixin focusOutlineOnEmphasis;\n }\n\n &:active {\n background-color: var(--button-primary-bgColor-active);\n box-shadow: var(--button-primary-shadow-selected);\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-primary-fgColor-disabled);\n background-color: var(--button-primary-bgColor-disabled);\n border-color: var(--button-primary-borderColor-disabled);\n box-shadow: none;\n }\n\n & .CounterLabel {\n color: var(--button-primary-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-primary-bgColor-rest) !important; /* temporarily override our own sx prop */\n }\n\n /* temporarily using the fgColor to match legacy and reduce visual changes- will eventually be iconColor */\n & .Visual {\n color: var(--button-primary-fgColor-rest);\n }\n }\n\n /* Danger variant */\n\n &:where([data-variant='danger']) {\n color: var(--button-danger-fgColor-rest);\n background-color: var(--button-danger-bgColor-rest);\n box-shadow: var(--button-default-shadow-resting);\n\n &[aria-expanded='true'] {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:hover {\n color: var(--button-danger-fgColor-hover);\n background-color: var(--button-danger-bgColor-hover);\n border-color: var(--button-danger-borderColor-hover);\n box-shadow: var(--shadow-resting-small);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:active {\n color: var(--button-danger-fgColor-active);\n background-color: var(--button-danger-bgColor-active);\n border-color: var(--button-danger-borderColor-active);\n box-shadow: var(--button-danger-shadow-selected);\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-hover) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-hover) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-danger-fgColor-disabled);\n background-color: var(--button-danger-bgColor-disabled);\n border-color: var(--button-default-borderColor-disabled);\n box-shadow: none;\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-disabled) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-disabled) !important;\n }\n }\n\n & .CounterLabel {\n color: var(--buttonCounter-danger-fgColor-rest) !important; /* temporarily override our own sx prop */\n background-color: var(--buttonCounter-danger-bgColor-rest) !important;\n }\n\n & .Visual {\n color: var(--button-danger-iconColor-rest);\n }\n }\n\n /* Invisible variant */\n\n &:where([data-variant='invisible']) {\n color: var(--button-default-fgColor-rest);\n border-color: transparent;\n box-shadow: none;\n\n &[aria-expanded='true'] {\n background-color: var(--button-invisible-bgColor-active);\n }\n\n &:hover {\n background-color: var(--button-invisible-bgColor-hover);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:active {\n background-color: var(--button-invisible-bgColor-active);\n\n & .Visual {\n color: var(--button-invisible-iconColor-hover);\n }\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--button-invisible-fgColor-disabled);\n background-color: var(--button-invisible-bgColor-disabled);\n border-color: var(--button-invisible-borderColor-disabled);\n box-shadow: none;\n }\n\n & .Visual {\n color: var(--button-invisible-iconColor-rest);\n }\n\n & .CounterLabel {\n background-color: var(--buttonCounter-invisible-bgColor-rest) !important;\n }\n\n &:where(.IconButton) {\n color: var(--button-invisible-iconColor-rest);\n }\n }\n\n /* Link variant */\n\n &:where([data-variant='link']) {\n display: inline-flex;\n min-width: fit-content;\n height: unset;\n padding: 0;\n font-size: inherit;\n color: var(--fgColor-link);\n text-align: left;\n border: unset;\n\n &:hover:not(:disabled, [data-inactive]) {\n text-decoration: underline;\n }\n\n &:focus-visible,\n &:focus {\n outline-offset: 2px;\n }\n\n &:disabled,\n &[aria-disabled='true']:not([data-loading='true']) {\n color: var(--control-fgColor-disabled);\n background-color: transparent;\n border-color: transparent;\n }\n\n & .Label {\n white-space: unset;\n }\n\n &:where([data-inactive]) {\n color: var(--button-inactive-fgColor);\n background: transparent !important;\n }\n\n & .Visual {\n color: var(--fgColor-link);\n }\n }\n\n /* Inactive */\n\n &:where([data-inactive]),\n &:where([data-inactive]):hover,\n &:where([data-inactive]):active {\n color: var(--button-inactive-fgColor);\n cursor: auto;\n background-color: var(--button-inactive-bgColor);\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--button-inactive-bgColor);\n\n & .Visual,\n & .CounterLabel {\n color: inherit !important;\n }\n }\n\n /* Icon-only + Counter */\n\n &:where([data-has-count]):has([data-component='leadingVisual']):not(:has([data-component='text'])) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-medium-paddingInline-condensed);\n\n &:where([data-size='small']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-xsmall-paddingInline-condensed);\n }\n\n &:where([data-size='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-inline: var(--control-large-paddingInline-normal);\n }\n }\n}\n\n.ConditionalWrapper {\n display: block;\n}\n","@define-mixin focusOutline $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n box-shadow: none;\n}\n","/* outline with fg box-shadow for buttons */\n@define-mixin focusOutlineOnEmphasis $outlineOffset: -2px, $outlineColor: var(--focus-outlineColor) {\n outline: 2px solid $outlineColor;\n outline-offset: $outlineOffset;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n"]}
|
package/dist/Button/styles.d.ts
DELETED
|
@@ -1,431 +0,0 @@
|
|
|
1
|
-
import type { VariantType, AlignContent } from './types';
|
|
2
|
-
import type { Theme } from '../ThemeProvider';
|
|
3
|
-
export declare const getVariantStyles: (variant?: VariantType, theme?: Theme) => {
|
|
4
|
-
color: string;
|
|
5
|
-
backgroundColor: string;
|
|
6
|
-
boxShadow: string;
|
|
7
|
-
'&:hover:not([disabled]):not([data-inactive])': {
|
|
8
|
-
backgroundColor: string;
|
|
9
|
-
borderColor: string;
|
|
10
|
-
};
|
|
11
|
-
'&:active:not([disabled]):not([data-inactive])': {
|
|
12
|
-
backgroundColor: string;
|
|
13
|
-
borderColor: string;
|
|
14
|
-
};
|
|
15
|
-
'&:disabled': {
|
|
16
|
-
color: string;
|
|
17
|
-
borderColor: string;
|
|
18
|
-
backgroundColor: string;
|
|
19
|
-
'[data-component=ButtonCounter]': {
|
|
20
|
-
color: string;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
'&[aria-expanded=true]': {
|
|
24
|
-
backgroundColor: string;
|
|
25
|
-
borderColor: string;
|
|
26
|
-
};
|
|
27
|
-
'[data-component="leadingVisual"], [data-component="trailingVisual"], [data-component="trailingAction"]': {
|
|
28
|
-
color: string;
|
|
29
|
-
};
|
|
30
|
-
'[data-component=ButtonCounter]': {
|
|
31
|
-
backgroundColor: string;
|
|
32
|
-
};
|
|
33
|
-
'&[data-component="IconButton"][data-no-visuals]:not(:disabled)': {
|
|
34
|
-
color: string;
|
|
35
|
-
};
|
|
36
|
-
} | {
|
|
37
|
-
color: string;
|
|
38
|
-
backgroundColor: string;
|
|
39
|
-
borderColor: string;
|
|
40
|
-
boxShadow: string;
|
|
41
|
-
'&:hover:not([disabled]):not([data-inactive])': {
|
|
42
|
-
color: string;
|
|
43
|
-
backgroundColor: string;
|
|
44
|
-
};
|
|
45
|
-
'&:focus:not([disabled])': {
|
|
46
|
-
boxShadow: string;
|
|
47
|
-
};
|
|
48
|
-
'&:focus-visible:not([disabled])': {
|
|
49
|
-
boxShadow: string;
|
|
50
|
-
};
|
|
51
|
-
'&:active:not([disabled]):not([data-inactive])': {
|
|
52
|
-
backgroundColor: string;
|
|
53
|
-
boxShadow: string;
|
|
54
|
-
};
|
|
55
|
-
'&:disabled': {
|
|
56
|
-
color: string;
|
|
57
|
-
backgroundColor: string;
|
|
58
|
-
borderColor: string;
|
|
59
|
-
'[data-component=ButtonCounter]': {
|
|
60
|
-
color: string;
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
'[data-component=ButtonCounter]': {
|
|
64
|
-
backgroundColor: string;
|
|
65
|
-
color: string;
|
|
66
|
-
};
|
|
67
|
-
'&[aria-expanded=true]': {
|
|
68
|
-
backgroundColor: string;
|
|
69
|
-
boxShadow: string;
|
|
70
|
-
};
|
|
71
|
-
} | {
|
|
72
|
-
color: string;
|
|
73
|
-
backgroundColor: string;
|
|
74
|
-
boxShadow: string;
|
|
75
|
-
'&:hover:not([disabled]):not([data-inactive])': {
|
|
76
|
-
color: string;
|
|
77
|
-
backgroundColor: string;
|
|
78
|
-
borderColor: string;
|
|
79
|
-
boxShadow: string;
|
|
80
|
-
'[data-component=ButtonCounter]': {
|
|
81
|
-
backgroundColor: string;
|
|
82
|
-
color: string;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
'&:active:not([disabled]):not([data-inactive])': {
|
|
86
|
-
color: string;
|
|
87
|
-
backgroundColor: string;
|
|
88
|
-
boxShadow: string;
|
|
89
|
-
borderColor: string;
|
|
90
|
-
};
|
|
91
|
-
'&:disabled': {
|
|
92
|
-
color: string;
|
|
93
|
-
backgroundColor: string;
|
|
94
|
-
borderColor: string;
|
|
95
|
-
'[data-component=ButtonCounter]': {
|
|
96
|
-
color: string;
|
|
97
|
-
backgroundColor: string;
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
'[data-component=ButtonCounter]': {
|
|
101
|
-
color: string;
|
|
102
|
-
backgroundColor: string;
|
|
103
|
-
};
|
|
104
|
-
'&[aria-expanded=true]': {
|
|
105
|
-
color: string;
|
|
106
|
-
backgroundColor: string;
|
|
107
|
-
boxShadow: string;
|
|
108
|
-
borderColor: string;
|
|
109
|
-
};
|
|
110
|
-
} | {
|
|
111
|
-
color: string;
|
|
112
|
-
backgroundColor: string;
|
|
113
|
-
borderColor: string;
|
|
114
|
-
boxShadow: string;
|
|
115
|
-
'&:hover:not([disabled])': {
|
|
116
|
-
backgroundColor: string;
|
|
117
|
-
};
|
|
118
|
-
'&:active:not([disabled])': {
|
|
119
|
-
backgroundColor: string;
|
|
120
|
-
};
|
|
121
|
-
'&:disabled': {
|
|
122
|
-
color: string;
|
|
123
|
-
backgroundColor: string;
|
|
124
|
-
'[data-component=ButtonCounter], [data-component="leadingVisual"], [data-component="trailingAction"]': {
|
|
125
|
-
color: string;
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
'&[aria-expanded=true]': {
|
|
129
|
-
backgroundColor: string;
|
|
130
|
-
};
|
|
131
|
-
'&[data-component="IconButton"][data-no-visuals]': {
|
|
132
|
-
color: string;
|
|
133
|
-
};
|
|
134
|
-
'[data-component="trailingAction"]': {
|
|
135
|
-
color: string;
|
|
136
|
-
};
|
|
137
|
-
'[data-component="leadingVisual"]': {
|
|
138
|
-
color: string;
|
|
139
|
-
};
|
|
140
|
-
'[data-component="trailingVisual"]': {
|
|
141
|
-
color: string;
|
|
142
|
-
};
|
|
143
|
-
'&[data-no-visuals]': {
|
|
144
|
-
color: string;
|
|
145
|
-
};
|
|
146
|
-
'&:has([data-component="ButtonCounter"])': {
|
|
147
|
-
color: string;
|
|
148
|
-
};
|
|
149
|
-
'&:disabled[data-no-visuals]': {
|
|
150
|
-
color: string;
|
|
151
|
-
'[data-component=ButtonCounter]': {
|
|
152
|
-
color: string;
|
|
153
|
-
};
|
|
154
|
-
};
|
|
155
|
-
} | {
|
|
156
|
-
color: string;
|
|
157
|
-
display: string;
|
|
158
|
-
fontSize: string;
|
|
159
|
-
border: string;
|
|
160
|
-
height: string;
|
|
161
|
-
padding: string;
|
|
162
|
-
minWidth: string;
|
|
163
|
-
backgroundColor: string;
|
|
164
|
-
'&:hover:not([disabled]):not([data-inactive])': {
|
|
165
|
-
textDecoration: string;
|
|
166
|
-
};
|
|
167
|
-
'&:focus-visible:not([disabled])': {
|
|
168
|
-
outlineOffset: string;
|
|
169
|
-
};
|
|
170
|
-
'&:disabled': {
|
|
171
|
-
color: string;
|
|
172
|
-
'[data-component=ButtonCounter], [data-component="leadingVisual"], [data-component="trailingAction"]': {
|
|
173
|
-
color: string;
|
|
174
|
-
};
|
|
175
|
-
};
|
|
176
|
-
'[data-component="text"]': {
|
|
177
|
-
whiteSpace: string;
|
|
178
|
-
};
|
|
179
|
-
};
|
|
180
|
-
export declare const getBaseStyles: (theme?: Theme) => {
|
|
181
|
-
borderRadius: string;
|
|
182
|
-
border: string;
|
|
183
|
-
borderColor: string;
|
|
184
|
-
fontFamily: string;
|
|
185
|
-
fontWeight: string;
|
|
186
|
-
fontSize: string;
|
|
187
|
-
cursor: string;
|
|
188
|
-
appearance: string;
|
|
189
|
-
userSelect: string;
|
|
190
|
-
textDecoration: string;
|
|
191
|
-
textAlign: string;
|
|
192
|
-
display: string;
|
|
193
|
-
alignItems: string;
|
|
194
|
-
justifyContent: string;
|
|
195
|
-
height: string;
|
|
196
|
-
padding: string;
|
|
197
|
-
gap: string;
|
|
198
|
-
minWidth: string;
|
|
199
|
-
transition: string;
|
|
200
|
-
transitionProperty: string;
|
|
201
|
-
'&[href]': {
|
|
202
|
-
display: string;
|
|
203
|
-
'&:hover': {
|
|
204
|
-
textDecoration: string;
|
|
205
|
-
};
|
|
206
|
-
};
|
|
207
|
-
'&:hover': {
|
|
208
|
-
transitionDuration: string;
|
|
209
|
-
};
|
|
210
|
-
'&:active': {
|
|
211
|
-
transition: string;
|
|
212
|
-
};
|
|
213
|
-
'&[data-inactive]': {
|
|
214
|
-
cursor: string;
|
|
215
|
-
};
|
|
216
|
-
'&:disabled': {
|
|
217
|
-
cursor: string;
|
|
218
|
-
boxShadow: string;
|
|
219
|
-
};
|
|
220
|
-
'@media (forced-colors: active)': {
|
|
221
|
-
'&:focus': {
|
|
222
|
-
outline: string;
|
|
223
|
-
};
|
|
224
|
-
};
|
|
225
|
-
'[data-component=ButtonCounter]': {
|
|
226
|
-
fontSize: string;
|
|
227
|
-
};
|
|
228
|
-
'&[data-component=IconButton]': {
|
|
229
|
-
display: string;
|
|
230
|
-
padding: string;
|
|
231
|
-
placeContent: string;
|
|
232
|
-
width: string;
|
|
233
|
-
minWidth: string;
|
|
234
|
-
};
|
|
235
|
-
'&[data-size="small"]': {
|
|
236
|
-
padding: string;
|
|
237
|
-
height: string;
|
|
238
|
-
gap: string;
|
|
239
|
-
fontSize: string;
|
|
240
|
-
'[data-component="text"]': {
|
|
241
|
-
lineHeight: string;
|
|
242
|
-
};
|
|
243
|
-
'[data-component=ButtonCounter]': {
|
|
244
|
-
fontSize: string;
|
|
245
|
-
};
|
|
246
|
-
'[data-component="buttonContent"] > :not(:last-child)': {
|
|
247
|
-
mr: string;
|
|
248
|
-
};
|
|
249
|
-
'&[data-component=IconButton]': {
|
|
250
|
-
width: string;
|
|
251
|
-
padding: string;
|
|
252
|
-
};
|
|
253
|
-
};
|
|
254
|
-
'&[data-size="large"]': {
|
|
255
|
-
padding: string;
|
|
256
|
-
height: string;
|
|
257
|
-
gap: string;
|
|
258
|
-
'[data-component="buttonContent"] > :not(:last-child)': {
|
|
259
|
-
mr: string;
|
|
260
|
-
};
|
|
261
|
-
'&[data-component=IconButton]': {
|
|
262
|
-
width: string;
|
|
263
|
-
padding: string;
|
|
264
|
-
};
|
|
265
|
-
};
|
|
266
|
-
};
|
|
267
|
-
export declare const getButtonStyles: (theme?: Theme) => {
|
|
268
|
-
'&[data-block="block"]': {
|
|
269
|
-
width: string;
|
|
270
|
-
};
|
|
271
|
-
'&[data-label-wrap="true"]': {
|
|
272
|
-
minWidth: string;
|
|
273
|
-
height: string;
|
|
274
|
-
minHeight: string;
|
|
275
|
-
'[data-component="buttonContent"]': {
|
|
276
|
-
flex: string;
|
|
277
|
-
alignSelf: string;
|
|
278
|
-
paddingBlock: string;
|
|
279
|
-
};
|
|
280
|
-
'[data-component="text"]': {
|
|
281
|
-
whiteSpace: string;
|
|
282
|
-
wordBreak: string;
|
|
283
|
-
};
|
|
284
|
-
'&[data-size="small"]': {
|
|
285
|
-
height: string;
|
|
286
|
-
minHeight: string;
|
|
287
|
-
'[data-component="buttonContent"]': {
|
|
288
|
-
paddingBlock: string;
|
|
289
|
-
};
|
|
290
|
-
};
|
|
291
|
-
'&[data-size="large"]': {
|
|
292
|
-
height: string;
|
|
293
|
-
minHeight: string;
|
|
294
|
-
paddingInline: string;
|
|
295
|
-
'[data-component="buttonContent"]': {
|
|
296
|
-
paddingBlock: string;
|
|
297
|
-
};
|
|
298
|
-
};
|
|
299
|
-
};
|
|
300
|
-
'&[data-inactive]:not([disabled])': {
|
|
301
|
-
backgroundColor: string;
|
|
302
|
-
borderColor: string;
|
|
303
|
-
color: string;
|
|
304
|
-
};
|
|
305
|
-
'&[data-inactive]:not([disabled]):focus-visible': {
|
|
306
|
-
boxShadow: string;
|
|
307
|
-
};
|
|
308
|
-
'[data-component="leadingVisual"]': {
|
|
309
|
-
gridArea: string;
|
|
310
|
-
};
|
|
311
|
-
'[data-component="text"]': {
|
|
312
|
-
gridArea: string;
|
|
313
|
-
lineHeight: string;
|
|
314
|
-
whiteSpace: string;
|
|
315
|
-
};
|
|
316
|
-
'[data-component="trailingVisual"]': {
|
|
317
|
-
gridArea: string;
|
|
318
|
-
};
|
|
319
|
-
'[data-component="trailingAction"]': {
|
|
320
|
-
marginRight: string;
|
|
321
|
-
};
|
|
322
|
-
'[data-component="buttonContent"]': {
|
|
323
|
-
flex: string;
|
|
324
|
-
display: string;
|
|
325
|
-
gridTemplateAreas: string;
|
|
326
|
-
gridTemplateColumns: string;
|
|
327
|
-
alignItems: string;
|
|
328
|
-
alignContent: string;
|
|
329
|
-
};
|
|
330
|
-
'[data-component="buttonContent"] > :not(:last-child)': {
|
|
331
|
-
mr: string;
|
|
332
|
-
};
|
|
333
|
-
'[data-component="loadingSpinner"]': {
|
|
334
|
-
gridArea: string;
|
|
335
|
-
marginRight: string;
|
|
336
|
-
placeSelf: string;
|
|
337
|
-
color: string;
|
|
338
|
-
};
|
|
339
|
-
'[data-component="loadingSpinner"] + [data-component="text"]': {
|
|
340
|
-
visibility: string;
|
|
341
|
-
};
|
|
342
|
-
borderRadius: string;
|
|
343
|
-
border: string;
|
|
344
|
-
borderColor: string;
|
|
345
|
-
fontFamily: string;
|
|
346
|
-
fontWeight: string;
|
|
347
|
-
fontSize: string;
|
|
348
|
-
cursor: string;
|
|
349
|
-
appearance: string;
|
|
350
|
-
userSelect: string;
|
|
351
|
-
textDecoration: string;
|
|
352
|
-
textAlign: string;
|
|
353
|
-
display: string;
|
|
354
|
-
alignItems: string;
|
|
355
|
-
justifyContent: string;
|
|
356
|
-
height: string;
|
|
357
|
-
padding: string;
|
|
358
|
-
gap: string;
|
|
359
|
-
minWidth: string;
|
|
360
|
-
transition: string;
|
|
361
|
-
transitionProperty: string;
|
|
362
|
-
'&[href]': {
|
|
363
|
-
display: string;
|
|
364
|
-
'&:hover': {
|
|
365
|
-
textDecoration: string;
|
|
366
|
-
};
|
|
367
|
-
};
|
|
368
|
-
'&:hover': {
|
|
369
|
-
transitionDuration: string;
|
|
370
|
-
};
|
|
371
|
-
'&:active': {
|
|
372
|
-
transition: string;
|
|
373
|
-
};
|
|
374
|
-
'&[data-inactive]': {
|
|
375
|
-
cursor: string;
|
|
376
|
-
};
|
|
377
|
-
'&:disabled': {
|
|
378
|
-
cursor: string;
|
|
379
|
-
boxShadow: string;
|
|
380
|
-
};
|
|
381
|
-
'@media (forced-colors: active)': {
|
|
382
|
-
'&:focus': {
|
|
383
|
-
outline: string;
|
|
384
|
-
};
|
|
385
|
-
};
|
|
386
|
-
'[data-component=ButtonCounter]': {
|
|
387
|
-
fontSize: string;
|
|
388
|
-
};
|
|
389
|
-
'&[data-component=IconButton]': {
|
|
390
|
-
display: string;
|
|
391
|
-
padding: string;
|
|
392
|
-
placeContent: string;
|
|
393
|
-
width: string;
|
|
394
|
-
minWidth: string;
|
|
395
|
-
};
|
|
396
|
-
'&[data-size="small"]': {
|
|
397
|
-
padding: string;
|
|
398
|
-
height: string;
|
|
399
|
-
gap: string;
|
|
400
|
-
fontSize: string;
|
|
401
|
-
'[data-component="text"]': {
|
|
402
|
-
lineHeight: string;
|
|
403
|
-
};
|
|
404
|
-
'[data-component=ButtonCounter]': {
|
|
405
|
-
fontSize: string;
|
|
406
|
-
};
|
|
407
|
-
'[data-component="buttonContent"] > :not(:last-child)': {
|
|
408
|
-
mr: string;
|
|
409
|
-
};
|
|
410
|
-
'&[data-component=IconButton]': {
|
|
411
|
-
width: string;
|
|
412
|
-
padding: string;
|
|
413
|
-
};
|
|
414
|
-
};
|
|
415
|
-
'&[data-size="large"]': {
|
|
416
|
-
padding: string;
|
|
417
|
-
height: string;
|
|
418
|
-
gap: string;
|
|
419
|
-
'[data-component="buttonContent"] > :not(:last-child)': {
|
|
420
|
-
mr: string;
|
|
421
|
-
};
|
|
422
|
-
'&[data-component=IconButton]': {
|
|
423
|
-
width: string;
|
|
424
|
-
padding: string;
|
|
425
|
-
};
|
|
426
|
-
};
|
|
427
|
-
};
|
|
428
|
-
export declare const getAlignContentSize: (alignContent?: AlignContent) => {
|
|
429
|
-
justifyContent: string;
|
|
430
|
-
};
|
|
431
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAA;AAE3C,eAAO,MAAM,gBAAgB,GAAI,UAAS,WAAuB,EAAE,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyO/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FzC,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqF5C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,eAAc,YAAuB;;CAEvE,CAAA"}
|
package/dist/Button/styles.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-Checkbox-Checkbox-gIwWX{border-radius:var(--borderRadius-small,.1875rem);transition:background-color,border-color 80ms cubic-bezier(.33,1,.68,1)}.prc-Checkbox-Checkbox-gIwWX:before{animation:prc-Checkbox-checkmarkOut-mlBVw 80ms cubic-bezier(.65,0,.35,1) forwards;background-color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));clip-path:inset(var(--base-size-16,1rem) 0 0 0);content:"";height:var(--base-size-16,1rem);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");mask-position:center;mask-repeat:no-repeat;mask-size:75%;transition:visibility 0s linear .23s;visibility:hidden;width:var(--base-size-16,1rem)}.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg));border-color:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}:is(.prc-Checkbox-Checkbox-gIwWX:checked,.prc-Checkbox-Checkbox-gIwWX:indeterminate):before{animation:prc-Checkbox-checkmarkIn-S5zG9 80ms cubic-bezier(.65,0,.35,1) 80ms forwards}.prc-Checkbox-Checkbox-gIwWX:disabled{cursor:not-allowed}.prc-Checkbox-Checkbox-gIwWX:checked{transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}.prc-Checkbox-Checkbox-gIwWX:checked:before{transition:visibility 0s linear 0s;visibility:visible}.prc-Checkbox-Checkbox-gIwWX:checked:disabled{background-color:var(--control-checked-bgColor-disabled,var(--color-switch-track-disabled-bg));border-color:var(--control-checked-borderColor-disabled,var(--color-switch-track-disabled-bg));opacity:1}.prc-Checkbox-Checkbox-gIwWX:checked:disabled:before{background-color:var(--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg))}@media (forced-colors:active){.prc-Checkbox-Checkbox-gIwWX:checked{background-color:canvastext;border-color:canvastext}}.prc-Checkbox-Checkbox-gIwWX:indeterminate{background:var(--control-checked-bgColor-rest,var(--color-switch-track-checked-bg))}.prc-Checkbox-Checkbox-gIwWX:indeterminate:before{mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");visibility:visible}.prc-Checkbox-Checkbox-gIwWX:focus-visible:not(:disabled){box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:2px}@keyframes prc-Checkbox-checkmarkIn-S5zG9{0%{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes prc-Checkbox-checkmarkOut-mlBVw{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(var(--base-size-16,1rem) 0 0 0)}}
|
|
2
|
-
/*# sourceMappingURL=Checkbox-2aef6693.css.map */
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-ConfirmationDialog-ConfirmationHeader-yiLEc{display:flex;flex-direction:row;padding:var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationHeader-yiLEc>h1{flex-grow:1;font-size:var(--text-title-size-medium,1.25rem);font-weight:var(--text-title-weight-medium,600);margin:0;padding:var(--base-size-6,.375rem) var(--base-size-8,.5rem)}.prc-ConfirmationDialog-ConfirmationBody-ht9P-{flex-grow:1;font-size:var(--text-body-size-medium,.875rem);padding:0 var(--base-size-16,1rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}.prc-ConfirmationDialog-ConfirmationFooter-AqKBI{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--base-size-8,.5rem);align-items:end;justify-content:end;padding:var(--base-size-4,.25rem) var(--base-size-16,1rem) var(--base-size-16,1rem)}
|
|
2
|
-
/*# sourceMappingURL=ConfirmationDialog-de0401ff.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ConfirmationDialog/ConfirmationDialog.module.css"],"names":[],"mappings":"AAAA,iDACE,YAAa,CAEb,kBAAmB,CADnB,gCAYF,CATE,oDAOE,WAAY,CAFZ,+CAAwC,CACxC,+CAA4C,CAF5C,QAAS,CAHT,2DAOF,CAGF,+CAGE,WAAY,CADZ,8CAAuC,CADvC,oFAGF,CAEA,iDACE,YAAa,CAEb,6BAA8B,CAD9B,qBAAsB,CAEtB,iCAA4B,CAC5B,eAAgB,CAChB,mBAAoB,CACpB,mFACF","file":"ConfirmationDialog-de0401ff.css","sourcesContent":[".ConfirmationHeader {\n display: flex;\n padding: var(--base-size-8);\n flex-direction: row;\n\n > h1 {\n padding: var(--base-size-6) var(--base-size-8);\n\n /* override default margin */\n margin: 0;\n font-size: var(--text-title-size-medium);\n font-weight: var(--text-title-weight-medium);\n flex-grow: 1;\n }\n}\n\n.ConfirmationBody {\n padding: 0 var(--base-size-16) var(--base-size-16) var(--base-size-16);\n font-size: var(--text-body-size-medium);\n flex-grow: 1;\n}\n\n.ConfirmationFooter {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: max-content;\n grid-gap: var(--base-size-8);\n align-items: end;\n justify-content: end;\n padding: var(--base-size-4) var(--base-size-16) var(--base-size-16);\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-FilteredActionList-Root-S5E74{display:flex;flex-direction:column;overflow:hidden}.prc-FilteredActionList-Container-2A9NQ{display:flex;height:100%;overflow:auto}.prc-FilteredActionList-ActionList-QY9ZL,.prc-FilteredActionList-Container-2A9NQ{flex-grow:1}.prc-FilteredActionList-ActionListItem-39lnB:focus{background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:focus:after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]){background:var(--control-transparent-bgColor-selected,var(--color-action-list-item-default-selected-bg))}.prc-FilteredActionList-ActionListItem-39lnB:where([data-input-focused]):where([data-first-child]):after{background:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));border-radius:var(--borderRadius-medium,.375rem);content:"";height:var(--base-size-24,1.5rem);left:calc(var(--base-size-8,.5rem)*-1);position:absolute;top:calc(50% - var(--base-size-12,.75rem));width:var(--base-size-4,.25rem)}@media screen and (max-width:calc(48rem - 0.02px)){@supports (-webkit-touch-callout:none){.prc-FilteredActionList-FullScreenTextInput-rCAiq{font-size:var(--text-title-size-small,1rem)}}}.prc-FilteredActionList-SelectAllContainer-w5otq{align-items:center;background:var(--bgColor-muted,var(--color-canvas-subtle));border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));display:flex;padding-block:var(--base-size-4,.25rem);padding-inline:var(--base-size-16,1rem)}.prc-FilteredActionList-SelectAllCheckbox-dq2yL{margin:var(--base-size-4,.25rem) var(--base-size-8,.5rem) calc(var(--base-size-4,.25rem) - 1px) 0}.prc-FilteredActionList-SelectAllLabel-l34LA{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}
|
|
2
|
-
/*# sourceMappingURL=FilteredActionList-e1eb1b75.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/FilteredActionList/FilteredActionList.module.css","../../postcss-preset-primer/src/mixins/activeIndicatorLine.css"],"names":[],"mappings":"AAAA,mCACE,YAAa,CACb,qBAAsB,CACtB,eACF,CAEA,wCACE,YAAa,CACb,WAAY,CACZ,aAEF,CAEA,iFAHE,WAKF,CAEA,mDACE,wGAKF,CAHE,yDCZA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BDkBA,CAGF,mGACE,wGAKF,CAHE,yGCpBA,0EAA8C,CAC9C,gDAAyC,CAHzC,UAAW,CADX,iCAA2B,CAF3B,sCAAmC,CAFnC,iBAAkB,CAClB,0CAAoC,CAEpC,+BD0BA,CAIA,mDAEE,uCAHJ,kDAIM,2CAGN,CAFI,CACF,CAGF,iDAEE,kBAAmB,CAGnB,0DAAgC,CAChC,2GAAuE,CALvE,YAAa,CAEb,uCAAiC,CACjC,uCAGF,CAEA,gDAGE,iGACF,CAEA,6CAEE,gDAA2B,CAD3B,8CAEF","file":"FilteredActionList-e1eb1b75.css","sourcesContent":[".Root {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.Container {\n display: flex;\n height: 100%;\n overflow: auto;\n flex-grow: 1;\n}\n\n.ActionList {\n flex-grow: 1;\n}\n\n.ActionListItem:focus {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.ActionListItem:where([data-input-focused]):where([data-first-child]) {\n background: var(--control-transparent-bgColor-selected);\n\n &::after {\n @mixin activeIndicatorLine;\n }\n}\n\n.FullScreenTextInput {\n @media screen and (--viewportRange-narrow) {\n /* Ensures inputs don't zoom on mobile iPhone but are body-font size on iPad */\n @supports (-webkit-touch-callout: none) {\n font-size: var(--text-title-size-small);\n }\n }\n}\n\n.SelectAllContainer {\n display: flex;\n align-items: center;\n padding-block: var(--base-size-4);\n padding-inline: var(--base-size-16);\n background: var(--bgColor-muted);\n border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);\n}\n\n.SelectAllCheckbox {\n /* -1px hack to offset 1px border-bottom causing uneven alignment */\n /* stylelint-disable-next-line primer/spacing */\n margin: var(--base-size-4) var(--base-size-8) calc(var(--base-size-4) - 1px) 0;\n}\n\n.SelectAllLabel {\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-muted);\n}\n","@define-mixin activeIndicatorLine {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: var(--base-size-4);\n height: var(--base-size-24);\n content: '';\n /* stylelint-disable-next-line primer/colors */\n background: var(--borderColor-accent-emphasis);\n border-radius: var(--borderRadius-medium);\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/LabelGroup/LabelGroup.module.css"],"names":[],"mappings":"AAAA,uCACE,sBAAuB,CACvB,YACF,CAEA,mCACE,YAAa,CACb,cAAe,CACf,6BACF,CAEA,kCACE,aACF","file":"LabelGroup-eda75c0f.css","sourcesContent":[".OverlayContainer {\n align-items: flex-start;\n display: flex;\n}\n\n.OverlayInner {\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-size-4);\n}\n\n.CloseButton {\n flex-shrink: 0;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/PageLayout/PageLayout.module.css"],"names":[],"mappings":"AAEA,qCACE,iBACF,CAIA,uCACE,wBAAiB,CAAjB,gBACF,CAEA,qCAEE,uBAAwB,CACxB,2BAA4B,CAC5B,wBAAyB,CACzB,yBAA0B,CAC1B,uBAAwB,CAGxB,gBAAiB,CACjB,4CAAwC,CACxC,yCA0CF,CAxCE,qCAbF,qCAcI,2CAuCJ,CAtCE,CAfF,qCAkBE,uBAAwB,CACxB,wBAAyB,CACzB,uBAAwB,CACxB,2BAgCF,CA9BE,oCAvBF,qCAwBI,wBAAyB,CACzB,yBAA0B,CAC1B,wBA2BJ,CA1BE,CAEA,qCA7BF,qCA8BI,wBAAyB,CACzB,yBAA0B,CAC1B,wBAqBJ,CApBE,CAEA,qCAnCF,qCAoCI,2BAiBJ,CAhBE,CArCF,qCAwCE,WAAY,CACZ,eAAgB,CAChB,kBAAmB,CACnB,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,kBAAmB,CACnB,kBAAmB,CACnB,qBAAsB,CACtB,mBAAoB,CAGpB,sBACF,CAEA,wCACE,YAAa,CAGb,cAAe,CADf,gBAAiB,CADjB,iBAmBF,CAfE,mEACE,eACF,CAEA,kEACE,gBACF,CAEA,iEACE,cACF,CAEA,mEACE,gBACF,CAGF,wCACE,YAAa,CACb,aAAc,CACd,cAAe,CACf,cACF,CAEA,wCAIE,2CAA8C,CAF9C,4CA6BF,CAzBE,mEACE,YACF,CAEA,mEAIE,uEAA4C,CAH5C,aAAc,CACd,UAGF,CAEA,qEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,+BAMF,CAEA,oCA3BF,wCA6BI,uBAAyB,CADzB,wBAGJ,CADE,CAGF,sCAEE,WAAY,CADZ,iBAuBF,CApBE,iEACE,YACF,CAEA,iEAIE,uEAA4C,CAH5C,aAAc,CACd,SAGF,CAEA,mEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,8BAMF,CAGF,6BAGE,4BAA6B,CAF7B,UAGF,CAEA,oCAEE,sBACF,CAEA,8CAEE,yBACF,CAEA,qCACE,YAAa,CAUb,YAAa,CANb,qBAAsB,CAOtB,WAAY,CACZ,aAAc,CATd,aAAc,CAEd,iCAYF,CAHE,kEACE,YACF,CAGF,8BAOE,WAAY,CADZ,gBAAiB,CADjB,iBAAkB,CADlB,sBAAuB,CAHvB,UAuBF,CAfE,yDACE,eACF,CAEA,wDACE,gBACF,CAEA,uDACE,cACF,CAEA,yDACE,gBACF,CAGF,kCACE,YAAa,CAGb,aAAc,CADd,cAAe,CADf,UA8CF,CA1CE,+DACE,YACF,CAEA,6DAGE,qBAAsB,CADtB,6BAA8B,CAE9B,kCACF,CAEA,+DAGE,6BAA8B,CAD9B,gCAAiC,CAEjC,oCACF,CAEA,oCAxBF,kCA2BI,yBAA2B,CAD3B,sBAAwB,CADxB,UAuBJ,CAnBI,uDAIE,gBAAiB,CAHjB,eAAgB,CAEhB,wBAEF,CAEA,6DAGE,0BAA2B,CAD3B,iCAEF,CAEA,+DAGE,kBAAmB,CADnB,kCAEF,CACF,CAIA,uEAEE,0BACF,CAEA,qEAEE,2BACF,CAGF,2BAGE,sBAAuB,CAFvB,4BAeF,CAXE,oCALF,2BAMI,aAUJ,CATE,CAEA,mDACE,UAKF,CAHE,oCAHF,mDAII,0EAEJ,CADE,CAKF,yEAEE,yBACF,CAEA,uEAEE,4BACF,CAGF,oCAKE,yBAA0B,CAH1B,gCAAiC,CADjC,UAKF,CAEA,8CAEE,4BACF,CAEA,oCAEE,sBACF","file":"PageLayout-8a294e74.css","sourcesContent":["/* Maintain resize cursor while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] {\n cursor: col-resize;\n}\n\n/* Disable text selection while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] * {\n user-select: none;\n}\n\n.PageLayoutRoot {\n /* Region Order */\n --region-order-header: 0;\n --region-order-pane-start: 1;\n --region-order-content: 2;\n --region-order-pane-end: 3;\n --region-order-footer: 4;\n\n /* Spacing Values */\n --spacing-none: 0;\n --spacing-condensed: var(--base-size-16);\n --spacing-normal: var(--base-size-16);\n\n @media screen and (min-width: 1012px) {\n --spacing-normal: var(--base-size-24);\n }\n\n /* Pane Width Values */\n --pane-width-small: 100%;\n --pane-width-medium: 100%;\n --pane-width-large: 100%;\n --pane-max-width-diff: 511px;\n\n @media screen and (min-width: 768px) {\n --pane-width-small: 240px;\n --pane-width-medium: 256px;\n --pane-width-large: 256px;\n }\n\n @media screen and (min-width: 1012px) {\n --pane-width-small: 256px;\n --pane-width-medium: 296px;\n --pane-width-large: 320px;\n }\n\n @media screen and (min-width: 1280px) {\n --pane-max-width-diff: 959px;\n }\n\n /* These following CSS variables are dynamic values that get overridden by styles passed in via props. */\n --spacing: 0;\n --spacing-row: 0;\n --spacing-column: 0;\n --spacing-divider: 0;\n --offset-header: 0;\n --pane-width: 0;\n --pane-min-width: 0;\n --pane-max-width: 0;\n --pane-width-custom: 0;\n --pane-width-size: 0;\n\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n\n.PageLayoutWrapper {\n display: flex;\n margin-right: auto;\n margin-left: auto;\n flex-wrap: wrap;\n\n &:where([data-width='medium']) {\n max-width: 768px;\n }\n\n &:where([data-width='large']) {\n max-width: 1012px;\n }\n\n &:where([data-width='full']) {\n max-width: 100%;\n }\n\n &:where([data-width='xlarge']) {\n max-width: 1280px;\n }\n}\n\n.PageLayoutContent {\n display: flex;\n flex: 1 1 100%;\n flex-wrap: wrap;\n max-width: 100%;\n}\n\n.HorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: calc(-1 * var(--spacing-divider));\n /* stylelint-disable-next-line primer/spacing */\n margin-left: calc(-1 * var(--spacing-divider));\n\n &:where([data-variant='none']) {\n display: none;\n }\n\n &:where([data-variant='line']) {\n display: block;\n height: 1px;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n }\n\n &:where([data-variant='filled']) {\n display: block;\n height: var(--base-size-8);\n background-color: var(--bgColor-inset);\n box-shadow:\n /* stylelint-disable-next-line primer/box-shadow */\n inset 0 -1px 0 0 var(--borderColor-default),\n inset 0 1px 0 0 var(--borderColor-default);\n }\n\n @media screen and (min-width: 768px) {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n}\n\n.VerticalDivider {\n position: relative;\n height: 100%;\n\n &:where([data-variant='none']) {\n display: none;\n }\n\n &:where([data-variant='line']) {\n display: block;\n width: 1px;\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--borderColor-default);\n }\n\n &:where([data-variant='filled']) {\n display: block;\n width: var(--base-size-8);\n background-color: var(--bgColor-inset);\n box-shadow:\n /* stylelint-disable-next-line primer/box-shadow */\n inset -1px 0 0 0 var(--borderColor-default),\n inset 1px 0 0 0 var(--borderColor-default);\n }\n}\n\n.Header {\n width: 100%;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n}\n\n.HeaderContent {\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n\n.HeaderHorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n}\n\n.ContentWrapper {\n display: flex;\n\n /* Hack to prevent overflowing content from pushing the pane region to the next line */\n min-width: 1px;\n flex-direction: column;\n order: var(--region-order-content);\n\n /* Set flex-basis to 0% to allow flex-grow to control the width of the content region.\n Without this, the content region could wrap onto a different line\n than the pane region on wide viewports if its contents are too wide. */\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n\n &:where([data-is-hidden='true']) {\n display: none;\n }\n}\n\n.Content {\n width: 100%;\n\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n margin-right: auto;\n margin-left: auto;\n flex-grow: 1;\n\n &:where([data-width='medium']) {\n max-width: 768px;\n }\n\n &:where([data-width='large']) {\n max-width: 1012px;\n }\n\n &:where([data-width='full']) {\n max-width: 100%;\n }\n\n &:where([data-width='xlarge']) {\n max-width: 1280px;\n }\n}\n\n.PaneWrapper {\n display: flex;\n width: 100%;\n margin-right: 0;\n margin-left: 0;\n\n &:where([data-is-hidden='true']) {\n display: none;\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing-row);\n flex-direction: column;\n order: var(--region-order-pane-end);\n }\n\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing-row);\n flex-direction: column-reverse;\n order: var(--region-order-pane-start);\n }\n\n @media screen and (min-width: 768px) {\n width: auto;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n\n &:where([data-sticky]) {\n position: sticky;\n /* stylelint-disable-next-line primer/spacing */\n top: var(--offset-header);\n max-height: 100vh;\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-left: var(--spacing-column);\n flex-direction: row-reverse;\n }\n\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--spacing-column);\n flex-direction: row;\n }\n }\n}\n\n.PaneVerticalDivider {\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-left: var(--spacing);\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-right: var(--spacing);\n }\n}\n\n.Pane {\n width: var(--pane-width-size);\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n\n @media screen and (min-width: 768px) {\n overflow: auto;\n }\n\n &:where([data-resizable]) {\n width: 100%;\n\n @media screen and (min-width: 768px) {\n width: clamp(var(--pane-min-width), var(--pane-width), var(--pane-max-width));\n }\n }\n}\n\n.PaneHorizontalDivider {\n &:where([data-position='start']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n }\n\n &:where([data-position='end']) {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n }\n}\n\n.FooterWrapper {\n width: 100%;\n order: var(--region-order-footer);\n\n /* stylelint-disable-next-line primer/spacing */\n margin-top: var(--spacing);\n}\n\n.FooterHorizontalDivider {\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: var(--spacing);\n}\n\n.FooterContent {\n /* stylelint-disable-next-line primer/spacing */\n padding: var(--spacing);\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-Pagination-Page-yoEQf{background-color:transparent;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;display:inline-block;font-style:normal;height:32px;line-height:1;margin-right:var(--base-size-4,.25rem);min-width:32px;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);text-align:center;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s cubic-bezier(.3,0,.5,1);-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}@supports (clip-path:polygon(50% 0,100% 50%,50% 100%)){.prc-Pagination-Page-yoEQf[rel=next]:after,.prc-Pagination-Page-yoEQf[rel=prev]:before{background-color:currentColor;content:"";display:inline-block;height:16px;vertical-align:text-bottom;width:16px}.prc-Pagination-Page-yoEQf[rel=prev]:before{clip-path:polygon(9.8px 12.8px,8.7px 12.8px,4.5px 8.5px,4.5px 7.5px,8.7px 3.2px,9.8px 4.3px,6.1px 8px,9.8px 11.7px,9.8px 12.8px);margin-right:var(--base-size-4,.25rem)}.prc-Pagination-Page-yoEQf[rel=next]:after{clip-path:polygon(6.2px 3.2px,7.3px 3.2px,11.5px 7.5px,11.5px 8.5px,7.3px 12.8px,6.2px 11.7px,9.9px 8px,6.2px 4.3px,6.2px 3.2px);margin-left:var(--base-size-4,.25rem)}}.prc-Pagination-Page-yoEQf:last-child{margin-right:0}.prc-Pagination-Page-yoEQf:focus,.prc-Pagination-Page-yoEQf:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg));outline:0;-webkit-text-decoration:none;text-decoration:none;transition-duration:.1s}.prc-Pagination-Page-yoEQf:focus-visible{outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-yoEQf:active{border-color:var(--borderColor-muted,var(--color-border-muted))}.prc-Pagination-Page-yoEQf[rel=next],.prc-Pagination-Page-yoEQf[rel=prev]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-Pagination-Page-yoEQf[aria-current],.prc-Pagination-Page-yoEQf[aria-current]:hover{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));border-color:transparent;color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-Pagination-Page-yoEQf[aria-current]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-Pagination-Page-yoEQf[aria-hidden],.prc-Pagination-Page-yoEQf[aria-hidden]:hover,.prc-Pagination-Page-yoEQf[role=presentation],.prc-Pagination-Page-yoEQf[role=presentation]:hover{background-color:transparent;color:var(--fgColor-disabled,var(--color-primer-fg-disabled));cursor:default}.prc-Pagination-PaginationContainer-yNDPO{margin-bottom:15px;margin-top:20px;text-align:center}.prc-Pagination-TablePaginationSteps-RRjtg{display:inline-block}@media screen and (max-width:calc(48rem - 0.02px)){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media screen and (min-width:48rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media screen and (min-width:87.5rem){.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-Pagination-TablePaginationSteps-RRjtg[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}
|
|
2
|
-
/*# sourceMappingURL=Pagination-1845feaa.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Pagination/Pagination.module.css"],"names":[],"mappings":"AAAA,2BAgBE,4BAA6B,CAC7B,gDAAyC,CARzC,oDAA6B,CAK7B,cAAe,CAbf,oBAAqB,CAKrB,iBAAkB,CAHlB,WAAY,CAKZ,aAAc,CAHd,sCAAgC,CAHhC,cAAe,CAEf,iGAAiF,CAMjF,iBAAkB,CAClB,4BAAqB,CAArB,oBAAqB,CAOrB,uDAA8D,CAH9D,wBAAiB,CAAjB,gBAAiB,CAFjB,qBAAsB,CADtB,kBAOF,CAEA,uDACE,uFAOE,6BAA8B,CAD9B,UAAW,CAJX,oBAAqB,CAErB,WAAY,CACZ,0BAA2B,CAF3B,UAKF,CAGA,4CAEE,gIAUC,CAXD,sCAYF,CAGA,2CAEE,gIAUC,CAXD,qCAYF,CACF,CAEA,sCACE,cACF,CAEA,kEAGE,wGAA0D,CAC1D,SAAU,CAFV,4BAAqB,CAArB,oBAAqB,CAGrB,uBACF,CAEA,yCACE,6EAAiD,CACjD,mBACF,CAEA,kCACE,+DACF,CAEA,0EAEE,kDACF,CAEA,wFAGE,4EAAgD,CAChD,wBAAyB,CAFzB,2DAGF,CAEA,uDAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,wLAME,4BAA6B,CAF7B,6DAA8B,CAC9B,cAEF,CAEA,0CAIE,kBAAmB,CAFnB,eAAgB,CAGhB,iBACF,CAEA,2CACE,oBACF,CAEA,mDACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,oCACE,qHACE,YACF,CAEA,8FACE,mBACF,CAEA,6FACE,qBACF,CACF,CAEA,sCACE,kHACE,YACF,CAEA,2FACE,mBACF,CAEA,0FACE,qBACF,CACF","file":"Pagination-1845feaa.css","sourcesContent":[".Page {\n display: inline-block;\n min-width: 32px; /* primer.control.medium.size */\n height: 32px; /* primer.control.medium.size */\n padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n margin-right: var(--base-size-4);\n font-style: normal;\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n color: var(--fgColor-default);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n background-color: transparent;\n border-radius: var(--borderRadius-medium);\n transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);\n}\n\n@supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {\n .Page[rel='prev']::before,\n .Page[rel='next']::after {\n display: inline-block;\n width: 16px;\n height: 16px;\n vertical-align: text-bottom;\n content: '';\n background-color: currentColor;\n }\n\n /* chevron-left */\n .Page[rel='prev']::before {\n margin-right: var(--base-size-4);\n clip-path: polygon(\n 9.8px 12.8px,\n 8.7px 12.8px,\n 4.5px 8.5px,\n 4.5px 7.5px,\n 8.7px 3.2px,\n 9.8px 4.3px,\n 6.1px 8px,\n 9.8px 11.7px,\n 9.8px 12.8px\n );\n }\n\n /* chevron-right */\n .Page[rel='next']::after {\n margin-left: var(--base-size-4);\n clip-path: polygon(\n 6.2px 3.2px,\n 7.3px 3.2px,\n 11.5px 7.5px,\n 11.5px 8.5px,\n 7.3px 12.8px,\n 6.2px 11.7px,\n 9.9px 8px,\n 6.2px 4.3px,\n 6.2px 3.2px\n );\n }\n}\n\n.Page:last-child {\n margin-right: 0;\n}\n\n.Page:hover,\n.Page:focus {\n text-decoration: none;\n background-color: var(--control-transparent-bgColor-hover);\n outline: 0;\n transition-duration: 0.1s;\n}\n\n.Page:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n}\n\n.Page:active {\n border-color: var(--borderColor-muted);\n}\n\n.Page[rel='prev'],\n.Page[rel='next'] {\n color: var(--fgColor-accent);\n}\n\n.Page[aria-current],\n.Page[aria-current]:hover {\n color: var(--fgColor-onEmphasis);\n background-color: var(--bgColor-accent-emphasis);\n border-color: transparent;\n}\n\n.Page[aria-current]:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.Page[aria-hidden],\n.Page[aria-hidden]:hover,\n.Page[role='presentation'],\n.Page[role='presentation']:hover {\n color: var(--fgColor-disabled);\n cursor: default;\n background-color: transparent;\n}\n\n.PaginationContainer {\n /* stylelint-disable-next-line primer/spacing */\n margin-top: 20px;\n /* stylelint-disable-next-line primer/spacing */\n margin-bottom: 15px;\n text-align: center;\n}\n\n.TablePaginationSteps {\n display: inline-block;\n}\n\n@media screen and (--viewportRange-narrow) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media screen and (--viewportRange-regular) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media screen and (--viewportRange-wide) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n"]}
|