v24.0.0

Major Changes

• b9d9d245 #1068 Thanks @colebemis! - Remove propTypes in favor of TypeScript types

• beef075e #1094 Thanks @colebemis! - Components no longer have a default theme prop. To ensure components still render correctly, you'll need pass the Primer theme to a styled-components <ThemeProvider> at the root of your application:

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

Patch Changes

• 397f3360 #1106 Thanks @VanAnderson! - Use functional color variables in Pagination

• fa106ea9 #1090 Thanks @colebemis! - Use functional color variables in BaseStyles

• fa106ea9 #1090 Thanks @colebemis! - Use functional color variables in BranchName

• e93cf268 #1092 Thanks @bscofield! - Use functional color variables in Caret, CircleBadge, Pagehead, ProgressBar, and Popover

• 5a042778 #1099 Thanks @VanAnderson! - Use functional color variables in FilterList

• a886bbcf #1098 Thanks @bscofield! - Update SelectMenu and child components to use functional color variables

• f2c57794 #1085 Thanks @VanAnderson! - Use functional color variables in SideNav

• 756191e7 #1100 Thanks @VanAnderson! - Use functional color variables in ButtonOutline

• 6b2dc95f #1085 Thanks @VanAnderson! - Use functional color variables in TabNav

• 51d180ac #1089 Thanks @colebemis! - Use functional color variables in Timeline

• 51d180ac #1089 Thanks @colebemis! - Use functional color variables in TextInput

• 8f2b4d2e #1100 Thanks @VanAnderson! - Use functional color variables in ButtonPrimary

• 51d180ac #1089 Thanks @colebemis! - Use functional color variables in Link

• fa106ea9 #1090 Thanks @colebemis! - Use functional color variables in BorderBox

• 51d180ac #1089 Thanks @colebemis! - Use functional color variables in Tooltip

• 1fb750af #1097 Thanks @VanAnderson! - Use functional color variables in ButtonTableList

• ea21d8eb #1102 Thanks @VanAnderson! - Use functional color variables in Flash

• 51d180ac #1089 Thanks @colebemis! - Use functional color variables in UnderlineNav

• 44aa68e2 #1101 Thanks @emplums! - Forwards aria-label to correct component

• d0f38c3d #1102 Thanks @VanAnderson! - Use functional color variables in Header

• 5df7723a #1099 Thanks @VanAnderson! - Use functional color variables in DropdownStyles

• 170876e6 #1097 Thanks @VanAnderson! - Use functional color variables in Button

• c44ee363 #1085 Thanks @VanAnderson! - Use functional color variables in SubNav

• 198e24ad #1100 Thanks @VanAnderson! - Use functional color variables in ButtonDanger

• 39371d98 #1099 Thanks @VanAnderson! - Use functional color variables in CounterLabel

• 92597504 #1100 Thanks @VanAnderson! - Use functional color variables in ButtonClose

• fa106ea9 #1090 Thanks @colebemis! - Use functional color variables in AvatarPair

• fa106ea9 #1090 Thanks @colebemis! - Use functional color variables in AvatarStack

• 565f1980 #1097 Thanks @VanAnderson! - Use functional color variables in Breadcrumb

• 4e19045e #1085 Thanks @VanAnderson! - Use functional color variables in StateLabel

• 31025697 #1099 Thanks @VanAnderson! - Use functional color variables in Dialog

• 67cc5b23 #1097 Thanks @VanAnderson! - Use functional color variables in ButtonInvisible