@primer/components 31.0.2-rc.c7dafefb → 31.2.0-rc.2a086bac

package/.storybook/main.js

@@ -1,11 +1,9 @@
 module.exports = {
-  "stories": [
-    "../src/**/*.stories.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-a11y",
-    "@storybook/addon-links",
-    "@storybook/addon-essentials"
+  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    'storybook-addon-performance/register'
   ]
-}
+}

package/.storybook/preview.js

@@ -1,6 +1,10 @@
 import {addons} from '@storybook/addons'
 import {ThemeProvider, themeGet, theme} from '../src'
 import styled, {createGlobalStyle} from 'styled-components'
+import {addDecorator} from '@storybook/react'
+import {withPerformance} from 'storybook-addon-performance'
+
+addDecorator(withPerformance)
 
 // set global theme styles for each story
 const GlobalStyle = createGlobalStyle`
@@ -100,7 +104,7 @@ const withThemeProvider = (Story, context) => {
     </ThemeProvider>
   )
 }
-export const decorators = [withThemeProvider]
+export const decorators = [withThemeProvider, withPerformance]
 
 addons.setConfig({
   // Some stories may set up keyboard event handlers, which can can be interfered

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # @primer/components
 
-## 31.0.2
+## 31.2.0
+
+### 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
+
+- [#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
+
+## 31.1.0
+
+### Minor Changes
+
+- [#1523](https://github.com/primer/react/pull/1523) [`56e2f159`](https://github.com/primer/react/commit/56e2f159b9d627564a7717e6961a6bfa355189b3) Thanks [@mperrotti](https://github.com/mperrotti)! - Add the ability to truncate tokens in the TextInputWithToken component when the input is not focused
 
 ### Patch Changes