Version Packages (next)

Author: github-actions[bot]

.changeset/pre.json

@@ -4,5 +4,43 @@
   "initialVersions": {
     "@primer/components": "31.1.0"
   },
-  "changesets": []
+  "changesets": [
+    "action-list-description-a11y",
+    "actionlist-keyboard-a11y",
+    "beige-dots-buy",
+    "brave-trains-give",
+    "bright-baboons-peel",
+    "brown-squids-unite",
+    "chilly-socks-compare",
+    "eleven-cycles-search",
+    "fast-fireants-sell",
+    "gentle-birds-cough",
+    "gentle-tips-hear",
+    "gold-countries-kneel",
+    "hip-ravens-sell",
+    "large-chefs-fix",
+    "little-bats-repeat",
+    "lucky-hounds-lie",
+    "lucky-zoos-smoke",
+    "mean-bananas-explain",
+    "moody-buttons-swim",
+    "neat-masks-grab",
+    "new-tigers-yawn",
+    "purple-buttons-look",
+    "quick-ducks-camp",
+    "rotten-apricots-float",
+    "shaggy-pens-run",
+    "silly-coins-sit",
+    "silver-worms-talk",
+    "spicy-olives-lick",
+    "spicy-seas-mate",
+    "state-label-draft-issue",
+    "swift-days-hammer",
+    "tall-moles-smoke",
+    "tender-beds-learn",
+    "twenty-coins-marry",
+    "unlucky-snails-pull",
+    "wild-olives-talk",
+    "young-ties-fix"
+  ]
 }

CHANGELOG.md

@@ -1,5 +1,87 @@
 # @primer/components
 
+## 32.0.0-next.0
+
+### Major Changes
+
+- [#1612](https://github.com/primer/react/pull/1612) [`6db06e58`](https://github.com/primer/react/commit/6db06e5850f26ffb828e9d56a9a8eadb0ef7236a) Thanks [@primer-css](https://github.com/primer-css)! - Truncate no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`31100b5f`](https://github.com/primer/react/commit/31100b5f4378012f0115b74f862f7fd19f93247a) Thanks [@primer-css](https://github.com/primer-css)! - Timeline no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`faccd296`](https://github.com/primer/react/commit/faccd296b13d74d08fae7af0f2fbb7b570fbedb7) Thanks [@primer-css](https://github.com/primer-css)! - Dropdown no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`68705303`](https://github.com/primer/react/commit/68705303d7754079cb45ed51c281510de55d883d) Thanks [@primer-css](https://github.com/primer-css)! - Pagehead no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`35ec527d`](https://github.com/primer/react/commit/35ec527d4348374a7686eff3b15ae9d7fe9fcc2c) Thanks [@primer-css](https://github.com/primer-css)! - LabelGroup no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`da817887`](https://github.com/primer/react/commit/da817887440bf89ec4a011aae5c81234671f2edd) Thanks [@primer-css](https://github.com/primer-css)! - Link no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`dcb6641a`](https://github.com/primer/react/commit/dcb6641a3bf06ffa5d6242c3b9bd6e154c12507c) Thanks [@primer-css](https://github.com/primer-css)! - Popover no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`057118e1`](https://github.com/primer/react/commit/057118e1be8ac3328ab7bd85c02be1482f09e61f) Thanks [@primer-css](https://github.com/primer-css)! - StateLabel no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`79ae9f5f`](https://github.com/primer/react/commit/79ae9f5f2e117f3b6e6c5fbec445975ac0c77567) Thanks [@primer-css](https://github.com/primer-css)! - CircleBadge no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`24a796cb`](https://github.com/primer/react/commit/24a796cbae0f16d0da9586baf73b43ca90e5a85a) Thanks [@primer-css](https://github.com/primer-css)! - SelectMenu no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`67b5ecca`](https://github.com/primer/react/commit/67b5ecca373c7681a40f21cde4bc26477ad185f8) Thanks [@primer-css](https://github.com/primer-css)! - Header no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`f9be10fd`](https://github.com/primer/react/commit/f9be10fd3784298b0699daeb2e12fc88d1479978) Thanks [@primer-css](https://github.com/primer-css)! - UnderlineNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`cc1480d0`](https://github.com/primer/react/commit/cc1480d0f15ddcde49cba1cbbf6f22438ca81d32) Thanks [@primer-css](https://github.com/primer-css)! - Overlay no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1616](https://github.com/primer/react/pull/1616) [`f909cf27`](https://github.com/primer/react/commit/f909cf27d9a298723250416f4a45d4cfe5e19bcc) Thanks [@jfuchs](https://github.com/jfuchs)! - StyledOcticon no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1615](https://github.com/primer/react/pull/1615) [`1012b779`](https://github.com/primer/react/commit/1012b7794a112f6453a3ad35b805658ee632b939) Thanks [@jfuchs](https://github.com/jfuchs)! - Dialog no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`b1e9d00b`](https://github.com/primer/react/commit/b1e9d00b81c08353ca52f7457a4fcbc22af63e0f) Thanks [@primer-css](https://github.com/primer-css)! - TabNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`402d1725`](https://github.com/primer/react/commit/402d1725e6565892dc104f4261a97a893e1a4531) Thanks [@primer-css](https://github.com/primer-css)! - SubNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`1a43da60`](https://github.com/primer/react/commit/1a43da6026661ebc85ca0fe30483548c1b92533b) Thanks [@primer-css](https://github.com/primer-css)! - Buttons no longer accept styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`ac9e225b`](https://github.com/primer/react/commit/ac9e225bb60abd8e28149aa006a684f0b6965321) Thanks [@primer-css](https://github.com/primer-css)! - Label no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`0000d9f2`](https://github.com/primer/react/commit/0000d9f2531c6490e033c51d37dfcff2cc5e11cd) Thanks [@primer-css](https://github.com/primer-css)! - Flash no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`0c5538d8`](https://github.com/primer/react/commit/0c5538d86ad0455bdead38c3a61ab220b2a9dab5) Thanks [@primer-css](https://github.com/primer-css)! - Tooltip no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`388e34d2`](https://github.com/primer/react/commit/388e34d297a6f2816d708337cdd4353446c11bca) Thanks [@primer-css](https://github.com/primer-css)! - Pagination no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`66ea181a`](https://github.com/primer/react/commit/66ea181ae21975dd8f8395164a9b569fc8cff1f8) Thanks [@primer-css](https://github.com/primer-css)! - Breadcrumbs no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`e4cc21f3`](https://github.com/primer/react/commit/e4cc21f39e41f4807073df6160a070942ceb0c0f) Thanks [@primer-css](https://github.com/primer-css)! - FilteredSearch no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`01a4e3d1`](https://github.com/primer/react/commit/01a4e3d17b4582f1975ac7b9b718daba633baa60) Thanks [@primer-css](https://github.com/primer-css)! - SideNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`5c59ae76`](https://github.com/primer/react/commit/5c59ae769b0773d23e4c945bf99d2ef21f76385a) Thanks [@primer-css](https://github.com/primer-css)! - FilterList no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+- [#1612](https://github.com/primer/react/pull/1612) [`171795ab`](https://github.com/primer/react/commit/171795aba47bef0fc7d5a8f736872d254b8e72c0) Thanks [@primer-css](https://github.com/primer-css)! - CounterLabel no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+* [#1612](https://github.com/primer/react/pull/1612) [`759c605d`](https://github.com/primer/react/commit/759c605df844d289b977e7fb330c09be4c9c1d7b) Thanks [@primer-css](https://github.com/primer-css)! - FormGroup no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+
+### Minor Changes
+
+- [#1544](https://github.com/primer/react/pull/1544) [`5b55b0ab`](https://github.com/primer/react/commit/5b55b0ab8ea06b077e141c02285c81b99e246b77) Thanks [@jfuchs](https://github.com/jfuchs)! - The sx prop now has types that will inform autocomplete for color and shadow values that are key paths into the theme.
+
+* [#1517](https://github.com/primer/react/pull/1517) [`561c0bd3`](https://github.com/primer/react/commit/561c0bd371b8d2135fb1d69555abc424ab796f2d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Add experimental `ActionList` with composable API
+
+### Patch Changes
+
+- [#1599](https://github.com/primer/react/pull/1599) [`a2e195b0`](https://github.com/primer/react/commit/a2e195b0a26ce70f44aea38b009856c0089aae0e) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Better labels and description for accessible ActionList.Item
+
+* [#1603](https://github.com/primer/react/pull/1603) [`f4057b89`](https://github.com/primer/react/commit/f4057b897cc4c23012fb1b1881cefacbb57e081d) Thanks [@siddharthkp](https://github.com/siddharthkp)! - ActionList: Improve keyboard accessibility with focus styles cross browser
+
+- [#1583](https://github.com/primer/react/pull/1583) [`24b1ebbc`](https://github.com/primer/react/commit/24b1ebbc21ca2eaa92bd6b5b8c15ab0e7577f5a0) Thanks [@pksjce](https://github.com/pksjce)! - Add a utility to provide useIsoMorphicEffect function and use that instead of useLayoutEffect everywhere
+
+* [#1592](https://github.com/primer/react/pull/1592) [`8d3d491f`](https://github.com/primer/react/commit/8d3d491fa3c9437b3a8f310e233b7009cae13095) Thanks [@rezrah](https://github.com/rezrah)! - Fixes a styling bug in TextInput components while using its `icon` and `block` props together
+
+- [#1549](https://github.com/primer/react/pull/1549) [`f565840f`](https://github.com/primer/react/commit/f565840f2d879b987ef9df7cd046e146214ed5f5) Thanks [@michael-lefebvre](https://github.com/michael-lefebvre)! - Fix `auxiliaryText` in ActionList Group header
+
+* [#1604](https://github.com/primer/react/pull/1604) [`d2090b5b`](https://github.com/primer/react/commit/d2090b5b0321df1a415054d9b6a4d407627a385f) Thanks [@japf](https://github.com/japf)! - Add support for draft issues to the StateLabel component
+
+- [#1609](https://github.com/primer/react/pull/1609) [`5eb7ade9`](https://github.com/primer/react/commit/5eb7ade92082fda2a94b45828a32e25b07c039db) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Rename `@primer/components/unreleased` to `@primer/components/drafts` to avoid confusion when referring to it.
+
 ## 31.1.0
 
 ### Minor Changes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "31.1.0",
+  "version": "32.0.0-next.0",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",