@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

@primer/[email protected]

Permalink to documentation

Minor Changes

• #4718 fd80a60eeb615b3c4464ade10cde7e26e1349e40 Thanks @joshblack! - Add support for providing icons as an element to UnderlineNavItem

• #4702 2536b4995568a6353c67c812a34a970fca7e76bb Thanks @broccolinisoup! - IconButton: Enable tooltips by default in icon buttons by updating the default value of unsafeDisableTooltip to false.

  This is a behaviour change in icon buttons, please upgrade with a caution.

• #4707 d773f264f923677b4109d03b9c5bd5054151037b Thanks @broccolinisoup! - IconButton: Add keyshortcuts prop to allow labelling and describing support for keyboard shortcut (through tooltips)

• #4729 71bdfa847d4cc569bb59b0b4e7a3010f1d7a0faa Thanks @broccolinisoup! - Dialog2: Add support for "InitialFocusRef" that allows to specify an element that should receive focus when the dialog opens.

Patch Changes

• #4742 c004fd50fb333022644c39645f6fabb494fc1d8b Thanks @joshblack! - Update exports for UnderlinePanels component

@primer/[email protected]

Minor Changes

• #4051 7e644b70359fcba07810560abcb8b1fbe785668a Thanks @mperrotti! - Adds a loading state to ActionList items. Also allows the Spinner component to accept screenreader text.

• #4697 a7d1e4f37cd8fd01c86250178ef6ae748d786e03 Thanks @khiga8! - Add TrailingAction support to NavList

Patch Changes

• #4706 71859edc30664e259c855ffdc3732cda8dc6d169 Thanks @TylerJDev! - (Behind feature flag) ActionList: Fix for "full" variant when using button semantics

• #4711 199e3840af17d8ea7c75dbba60cdfbaaf7ef4021 Thanks @TylerJDev! - Removes live region from FormControl validation

@primer/[email protected]

Minor Changes

• #4673 eedc6b16ba3078025c636a8c1368f38f7f9b798d Thanks @joshblack! - Add experimental support for the AriaStatus, AriaAlert, and Announce components

• #4691 55e97a9027aafd0ee432d8d5c293d75792de96dc Thanks @joshblack! - Update internal VisuallyHidden helper to use a span by default over a div to support more nesting scenarios by default

Patch Changes

• #4699 546803e66661d353450c9ef2fc8cbfd51ca18d41 Thanks @siddharthkp! - Overlay: Set style prop correctly

• #4669 1403ef7e015165119b03b73832c5aa8b2f093021 Thanks @broccolinisoup! - PageHeader: Resolve layout shift issues on Title and Actions