@primer/[email protected]

Permalink to storybook

Major Changes

• #4992 d1d911a Thanks @joshblack! - Move Octicon, Pagehead, Dialog (v1), and Tooltip (v1) to @primer/react/deprecated

Patch Changes

• #5036 6671a20 Thanks @langermank! - ActionList.Group: Fix styles for description

• #5033 0b83fe9 Thanks @siddharthkp! - SelectPanel: Fix font weight from active styles for modern ActionList (behind feature flag primer_react_select_panel_with_modern_action_list)

@primer/[email protected]

Permalink to storybook

Major Changes

• #4784 b518005 Thanks @joshblack! - Remove temporary folders for TypeScript resolution of sub-paths

• #4807 055c9a7 Thanks @langermank! - Remove deprecated Button component

Minor Changes

• #4965 5426a9a Thanks @joshblack! - Update CounterLabel to use CSS Modules behind feature flag

• #4956 15cb90f Thanks @francinelucca! - fix(PageHeader): add role prop and aria-label in top-level element

• #4962 1977a68 Thanks @joshblack! - Update Checkbox component to use CSS Modules behind feature flag

• #4976 f448b1b Thanks @joshblack! - Add certain wildcard exports to named entry points

• #5007 c909285 Thanks @lukasoppermann! - ProgressBar: Add bg prop to ProgressBar.Item

• #4960 21c3fce Thanks @joshblack! - Add support for experimental IssueLabel component

• #5002 9bd5c89 Thanks @jonrohan! - chore(AvatarPair): Convert AvatarPair to CSS modules

Patch Changes

• #5026 3302440 Thanks @siddharthkp! - Banner: Fix alignment of secondary action without primary action

• #5018 8e4beae Thanks @jonrohan! - Remove the CSS modules feature flag from Heading

• #5023 1691e46 Thanks @jonrohan! - Move Button component feature flag from primer_react_css_modules_team to primer_react_css_modules_staff

• #5020 31f03fb Thanks @jonrohan! - Move Text component feature flag from primer_react_css_modules_staff to primer_react_css_modules_ga

• #5001 597d285 Thanks @jonrohan! - Migrate ButtonGroup component to use CSS modules behind the primer_react_css_modules_team feature flag

• #5022 4395d16 Thanks @jonrohan! - Move Label component feature flag from primer_react_css_modules_staff to primer_react_css_modules_ga

• #4969 0cd6151 Thanks @TylerJDev! - Add initial loading state to live region announcement in TreeView

• #5024 45f3597 Thanks @jonrohan! - Move Avatar component feature flag from primer_react_css_modules_team to primer_react_css_modules_staff

• #5011 7a5205d Thanks @langermank! - Bug fix: Button aria-expanded state (CSS Modules)

@primer/[email protected]

Permalink to storybook

Major Changes

• #4953 04e8c9c Thanks @iansan5653! - Delete deprecated draft components MarkdownEditor, MarkdownInput, and InlineAutocomplete

Minor Changes

• #4913 6c9121e Thanks @joshblack! - Update Banner to use CSS Modules behind feature flag

Patch Changes

• #5000 b8f6888 Thanks @jonrohan! - Text component CSS module feature flag changed to primer_react_css_modules_staff

• #4975 0b89fc0 Thanks @jonrohan! - Change the Link component feature flag from primer_react_css_modules_staff to primer_react_css_modules_ga

• #4981 c8fe1c6 Thanks @jonrohan! - Removes the feature flag from the Blankslate component to always render with CSS modules.

• #4986 d6471aa Thanks @francinelucca! - fix(Dialog): track mousedown event to prevent accidental closing

• #4967 98d3d13 Thanks @TylerJDev! - Utilizes [disabled] selector instead of :disabled in TooltipV2 to address a false positive

• #4977 1adea12 Thanks @siddharthkp! - SelectPanel: Add role=combobox to filter input (behind feature flag primer_react_select_panel_with_modern_action_list)

• #4971 ff56b04 Thanks @jonrohan! - Changed Heading feature flag from primer_react_css_modules_staff to primer_react_css_modules_ga

• #4989 dc80aa6 Thanks @camertron! - Allow color to be customized for medium-sized IconButtons

• #4968 da0f48b Thanks @siddharthkp! - SelectPanel: Add announcements for screen readers (behind feature flag primer_react_select_panel_with_modern_action_list)

• #4970 44a3dc9 Thanks @joshblack! - Update tab in UnderlinePanels to set explicit type

• #5000 b8f6888 Thanks @jonrohan! - Label component CSS module feature flag changed to primer_react_css_modules_staff

• #4995 8a1ee22 Thanks @lukasoppermann! - ProgressBar: Adding default gap between sections for progressbars with more than one section

• #4966 c097e96 Thanks @siddharthkp! - SelectPanel: Fix focus and selection styles for Windows high contrast themes (behind feature flag primer_react_select_panel_with_modern_action_list)

• #4997 dc2d1f3 Thanks @TylerJDev! - Popover: Add note on deprecation of caret in v38

• #4987 b82286d Thanks @langermank! - Bump stylelint + fixes

@primer/[email protected]

Permalink to storybook

Major Changes

• #4785 b74c47f Thanks @joshblack! - The drafts entrypoint has been removed from @primer/react. Use
  @primer/react/experimental instead.

• #4940 4d3b504 Thanks @langermank! - Refactor ButtonBase component to use CSS modules behine flag

Minor Changes

• #4951 c9009de Thanks @francinelucca! - fix(Pagination): Use anchor instead of button for disabled prev/next controls

• #4885 373ce95 Thanks @jonrohan! - Refactor Avatar component to use CSS modules behind feature flag

• #4906 dbf82f4 Thanks @siddharthkp! - SelectPanel: Support PageDown and PageUp for keyboard navigation

  SelectPanel: Label listbox by the title of the panel

Patch Changes

• #4910 c2e4d5e Thanks @TylerJDev! - Changes the accessible name of the "toggle" button in LabelGroup to contain the visual label

• #4941 80fe025 Thanks @langermank! - Bug fix: Button loading spinner color

• #4957 6874b89 Thanks @langermank! - Add missing wide CSS + className to Stack

• #4648 c6931d2 Thanks @siddharthkp! - ActionMenu: Make sure event handlers on ActionMenu.Button and ActionMenu.Anchor are called

• #4972 082b4e7 Thanks @joshblack! - Update issue where FormControl.Caption was rendering incorrectly when CSS Modules flags were enabled

• #4794 5f996c6 Thanks @broccolinisoup! - SelectPanel: Update SelectPanel to use modern ActionList behind a feature flag primer_react_select_panel_with_modern_action_list

• #4954 af7f589 Thanks @joshblack! - Banner: Update alignment of actions when it is dismissible and has a hidden title

• #4943 c282642 Thanks @langermank! - Button bug fixes: invisible variant icon colors missing variables + icon button disabled state

@primer/[email protected]

Permalink to storybook

Minor Changes

• #4893 1b098ed Thanks @jonrohan! - Refactor Label to use CSS modules behind the primer_react_css_modules_team feature flag

• #4884 46dc2f3 Thanks @langermank! - Bump primer/primitives v9

• #4923 1dded73 Thanks @jonrohan! - Move the Blankslate css modules feature flag to primer_react_css_modules_ga

• #4779 551aff3 Thanks @TylerJDev! - Adds dependencies to Dialog focus trap to ensure focus trap is reset when content within changes

• #4874 4c69b38 Thanks @jonrohan! - Refactor Text to CSS modules behind primer_react_css_modules_team feature flag

Patch Changes

• #4916 7a24a01 Thanks @jonrohan! - Moving Link CSS modules to staff feature flag

• #4911 9846375 Thanks @TylerJDev! - Include current selected menu item in accessible name when using an aria-label in SegmentedControl

• #4915 69922d1 Thanks @jonrohan! - Move Heading component to staff feature flag

• #4891 ae00350 Thanks @langermank! - StackItem responsive grow bug fix

• #4928 caf4bcf Thanks @langermank! - Bug fix: invisible Button variant missing background color when disabled

• #4865 ce2c674 Thanks @camertron! - Update Label font weight to match Rails component

• #4895 0208e9e Thanks @langermank! - Bump primer/primitives v9.0.3

@primer/[email protected]

Permalink to documentation

Patch Changes

• #4870 3ca513c824fc50b49a88320ec98dd3f1a15d25b9 Thanks @jonrohan! - Add :where() selector to classes that land on nodes that have a sx prop.

• #4811 5ee8704ff5b85ec2b848dcfc10c3a8ae40a3a892 Thanks @siddharthkp! - Octicon: Add aria-label to the Icon instead of it's container

• #4858 6c69bffb288caf8006cc3316afe86396d9987e49 Thanks @jonrohan! - Refactor Link, Blankslate, Heading to use :where css

• #4866 587603bcd750e558f443b071deb3dac90d004a90 Thanks @langermank! - Add className to Blankslate

• #4831 0d7a02a062d19b8909124b0756a41bec6455a39e Thanks @siddharthkp! - TextInput: Update trailing action styles for hover state

@primer/[email protected]

Permalink to documentation

Major Changes

• #4783 7c57f40d55ba2f10c6255e5273d5ae8021a919e5 Thanks @joshblack! - Remove the SSRProvider component and useSSRSafeId hook

• #4781 2d7307ae575e0a5e17e602bab860e538e2bc148a Thanks @joshblack! - Remove the deprecated FilterList component from Primer React

Minor Changes

• #4804 fd2c7052be423150648d30f4baca0857b0644318 Thanks @joshblack! - Remove experimental TabPanels component in preference of UnderlinePanels

• #4819 0112347b23d1aebf9a5dfea5cb01591b700dd653 Thanks @joshblack! - Update Heading component to use CSS Modules behind feature flag

• #4750 414c140cf86b37cd0104cdc8b027636a57cc0127 Thanks @iansan5653! - Add KeybindingHint component for indicating an available keyboard shortcut

• #4852 1cb1470d587087d9927abd2b2991c5068b79cdf4 Thanks @joshblack! - Add support for sourcemaps for emitted CSS files

Patch Changes

• #4795 ca6b4b1b6db2e867212689417503fcf3f29a7bce Thanks @siddharthkp! - ActionList: Enable focusZone for roles listbox and menu

• #4828 1a674f7ad18eb51bfc3ea63ec53b14880ebfd25a Thanks @jonrohan! - Refactor Link component to use CSS modules using the feature flag primer_react_css_modules

• #4841 f3b08dfd20681b04c5812a5ff66ea65d0e090db9 Thanks @TylerJDev! - Remove aria-busy from ProgressBar component

• #4857 16c31e6933d4f98db15baa880110fdf8aa2409e5 Thanks @jonrohan! - fix(Blankslate): Don't use Box to render heading when flag is enabled

• #4855 873249a1e31d74e1d94399f495558ce9574f22c5 Thanks @mattcosta7! - avoid useeffect when syncing theme config

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4834 7ce1fda3174b8f707c784a8ffdf576e6ffbfac9d Thanks @langermank! - Add size and weight props to Text

• #4824 b85d5057d2576a4bad37469daeb8ef66d34091cd Thanks @iansan5653! - Adds new className prop to FormControl component

• #4810 c0425ff7d0b9572f7551f114133fd0302980815f Thanks @joshblack! - Update Blankslate component to use CSS Modules behind a feature flag

• #4838 7a3b55d1374217b3cd2a33f048c7d60929fca5b5 Thanks @joshblack! - Add support for custom icons when a Banner is variant="upsell"

Patch Changes

• #4806 84d1604ecf2c07b5584f7c5db2cd078c18847cbf Thanks @langermank! - Add variant prop to Heading for small, medium and large styles

• #4766 e74e5810590ea389a8594153a60b45e6b37f69b3 Thanks @broccolinisoup! - chore(deps): Update eslint-plugin-primer-react to latest

• #4816 f9bc73c167f4453cfb7a0636e72d216c6bd0d039 Thanks @siddharthkp! - FilteredActionList: export FilteredActionList from '@primer/react/experimental'

@primer/[email protected]

Permalink to documentation

Major Changes

• #4800 482b4d6ab815350d5f5b71d686bf76cb3d234686 Thanks @joshblack! - Update Primer React to emit _.css files that are imported by emitted _.js files for styling

Minor Changes

• #4814 1cda89c2d92719e0fa85e3945a53bd5bd6b301de Thanks @langermank! - Add link variant to Button

• #4771 92e05f7c51d23778ead897f935f2cc14ed8ceff1 Thanks @TylerJDev! - Set openOnFocus default to false, making the menu closed initially rather than opening on focus of input

• #4798 0fa60a49177cf6bf60cdb5d4714d5e55708461f9 Thanks @joshblack! - Add the deprecated Dialog, Octicon, Pagehead, TabNav, and Tooltip components to @primer/react/deprecated

Patch Changes

• #4774 11e7aef33f124e84b4cf5c9e62c766834c6d1c31 Thanks @langermank! - - Adjust checkbox and radio border color values for high contrast themes

  • Add default border to SegmentedControl
  • Add inset box-shadow to StatusLabel to prep for new border-color in dark high contrast

• #4666 04eac6280224d365f0496d927a87b32150006f9e Thanks @TylerJDev! - ActionList: Adds aria-labelledby to ActionList.TrailingVisual, making it part of the accessible name of ActionList.Item

• #4768 b7c90ea44be4abfb00a451567115cda6d9bc864d Thanks @siddharthkp! - Header: Add overflow when there are a lot of items

• #4803 527f9a9320c51b9b1a0884b388d5ff53af7c11b1 Thanks @aprendendofelipe! - Bumps @github/relative-time-element to v4.4.2

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4485 991839cd2487a24e76f45b516acb974ea006e1c8 Thanks @mperrotti! - Add loading state to Button and IconButton

• #4725 6db8b2fba72ac934db1481adc4a6f067032b5936 Thanks @broccolinisoup! - PageHeader: Promote the component to Beta status and now it is available to import from "@primer/react"

• #4719 801ca9653154490f664e55bbb357cd6cf6f198be Thanks @joshblack! - Add experimental ScrollableRegion component and useOverflow hook

Patch Changes

• #4770 8574027d887eeb202f3c902397d3f9750b0aeaa4 Thanks @mperrotti! - Prevents inactive indicator icon/tooltip from appearing in ActionMenu items

• #4733 1c131f8ca56790ae516290a8a4199718ccff475b Thanks @broccolinisoup! - TextInput: Refactor TextInputInnerAction to use the default icon button tooltip (No changes in the behaviour or DOM is expected)

• #4778 a9730c93f3d51b6d976fe598f8168e67d4649fb0 Thanks @langermank! - Bug fix: ActionList divider disappears on selected items

• #4757 d4f23fbaf6ee251e142fddadfa69ab1bd6216ef5 Thanks @siddharthkp! - experimental/SelectPanel v2: Fix heading color for dark themes

• #4741 a9fab9805e166a80585366f865ce50f0a727e660 Thanks @Princeyadav05! - AnchoredOverlay: Add 'className' prop to the component

• #4738 453279368462c8e8581b65c56ba3d31a689009c3 Thanks @broccolinisoup! - PageHeader: Fix shrinking Actions sub component in Safari

• #4772 3779dbf117793112945668fe2694cdc6715c2e32 Thanks @TylerJDev! - (Behind feature flag) ActionList: Fix issue where triggering a keyboard event was possible when using the onSelect prop

• #4764 533f997922f2621e242ab3bbe1799939a3d5a6f0 Thanks @siddharthkp! - StateLabel: Differentiate issue and pull request labels for screen readers

• #4710 7d086c73a980de333c55717717dd9e744196dd8e Thanks @joshblack! - Update Blankslate styles to better support server-side rendering