Release Tracking

[github-actions]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@primer/components@25.0.0

Major Changes

• 8799f74a #1112 Thanks @colebemis! - Primer React now supports color modes! 🎉

  See the new Theming documentation for more details.

  Breaking changes

  • You'll need to replace the ThemeProvider from styled-components with the new Primer React ThemeProvider:

  - import {ThemeProvider} from 'styled-components'
  - import {theme} from '@primer/components
  + import {ThemeProvider} from '@primer/components'
  
  function App() {
    return (
  -   <ThemeProvider theme={theme}>
  +   <ThemeProvider>
        <div>your app here...</div>
      </ThemeProvider>
    )
  }

  • The structure of the theme object has changed to support color schemes:

  const theme = {
  - colors,
  - shadows,
  + colorSchemes: {
  +   light: {
  +     colors,
  +     shadows,
  +   },
  +   dark: {...},
  +   dark_dimmed: {...},
  + },
    space,
    fonts,
    fontSizes,
    fontWeights,
    lineHeights,
    borderWidths,
    radii,
    breakpoints,
    sizes,
  }

  • The theme.colors and theme.shadows objects are no longer available from the theme export. Use the useThemehook instead:

  - import {theme} from '@primer/components'
  + import {useTheme} from '@primer/components'
  
  function Example() {
  + const {theme} = useTheme()
    const myColor = theme.colors.text.primary
    ...
  }

Patch Changes

• 360e3595 #1111 Thanks @VanAnderson! - Update color variable used in ProgressBar (state.success → bg.successInverse)

• 1b3d87d2 #1127 Thanks @VanAnderson! - Bump @primer/primitives from 0.0.0-20211167520 to 0.0.0-20212178221

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primer-components/FSGyZBMxmvmSohJJ5wjhJDajaMRi
✅ Preview: https://primer-components-git-changeset-release-main-primer.vercel.app