v9.0.0-beta

🚨 Breaking Changes 🚨

• The Dropdown component has been refactored and has a fully new API, included new nested components: Dropdown.Button, Dropdown.Menu and Dropdown.Item. Check out the Dropdown documentation for more details: https://primer.style/components/docs/Dropdown

💅 Enhancements

• Replacing remaining uses of themeGet with custom get from our constants file #390
• Refactored Dropdown component #391
• Add fontStyle prop to TYPOGRAPHY #388

🐛 Bug Fixes

• Remove default value of div from is prop on Button #386

📝 Documentation

• Updated theming docs #385

v8.2.0-beta

Accidentally versioned this as 8.2.0-beta when it should have been 8.1.0-beta, so there is a skipped version.

💅 Enhancements

• Adds is prop to a few more components 🙌

🐛 Bug fix

• Moves styled-components to dependencies instead of devDependencies

v8.0.0-beta

❌ Breaking Changes ❌

• The OcticonButton component has been removed. use <Link><Octicon/><Link> instead #368
• CircleBadge uses CircleBadge.Iconnow instead of using an Octicon #377

💅 Enhancements

• All components are now using styled-components, and no longer rely on Primer CSS class names 🙌

📝 Documentation

• Documentation has been updated for the changes above ☝️

v7.0.0-beta

🚨 Breaking Changes

• Removed default value for bg in BorderBox

💅 Enhancements

• Removed flex from FLEX_CONTAINER props and put it in FLEX_ITEM #347
• Stop concatenating COMMON into other categories in system-props.js and instead do it within each component to make this more explicit #347
• Extend Box from BorderBox, remove default value for bg #358
• Update Octicons #359

📝 Documentation

• The site (served from primer.style/components and the non-aliased deployment URL) now redirects from / to /components #355
• Fix duplicated SSR styles #357
• Readme updates #350

v6.0.1-beta

💅 Enhancements

• @shawnbot added codemods for helping folks upgrade from major versions 1-4! 🎉

v6.0.0-beta

✨ New Components

• AvatarPair #342

🚨 Breaking Changes

• Accessibility tweaks #345, aria-label is now set via the aria-label prop instead of placeholder
• Component Tweaks #344, lots of docs changes + renamed scheme to status in StateLabel
• Avatar changes #342, removed isChild prop. See docs for updated instructions on how to create parent/child avatars 🙌

Other

• Deleted main.workflow #346

v5.0.0-beta

🚀 New features

• Add fontWeights to theme #326
• Link now respects is prop.

🚨 Breaking Changes

• Removed the src and alt props from CircleBadge. Use an img as a child of CircleBadge, and add alt text there instead. #332
• Button updates: #330
  • added width prop
  • Removed block prop
• Removed ButtonLink component - users should use a <Link is='button'> for this use case. The model here should be Button is a UI element that is styled like a button. Link is a UI element that is styled like a link. You can change the tag as needed. #330
• Removed border, borderRadius, BorderColor and BoxShadow props from Box, added them to BorderBox #329

v4.0.0-beta

💥 Breaking changes

The big, breaking change in this release is that we've changed some component names and moved some "child" components under the parent one:

• FlexContainer is now named Flex
• FlexItem is now Flex.Item, and can be accessed via the Flex import
• UnderlineNavItem is now UnderlineNav.Item
• FilterListItem is now FilterList.Item

When migrating from previous versions, you'll need to do a search and replace for all of the above component names, then remove any leftover instances of Flex.Item, UnderlineNav.Item, and FilterList.Item in your named imports of @primer/components.

Two of our label components have also undergone some API refactoring:

• The Label component no longer has the scheme prop, and introduces size and dropshadow props.
• The StateLabel component was refactored: state prop is now scheme, and supports different values for issue- and PR-specific color/octicon pairings.

🚀 New features

• Typography components (Text, Heading, etc.) now have a textAlign prop that can be used to responsively adjust the text-align CSS property.
• Layout components (Box, et al) now have a responsive overflow prop that sets the same CSS property.

🐛 Bug fixes

• The Flex component (FKA FlexContainer) now has the missing justifyItems prop, which maps to the justify-items CSS property.

v3.0.3-beta

🐛 Bug Fixes

• Ships another fix for Link's hoverColor prop

v3.0.2-beta

Fixes bug with hoverColor in Link