v16.0.0 Visual Refresh

This release contains changes for the Primer Visual Refresh ✨ There are no breaking changes, so upgrading to v16.0.0 should be fairly seamless.

👉 Stickersheet

Buttons

• Updated border radii
• Updated colors
• Updated box shadows
• Corrected padding on buttons
• Reorganized the theme file to store variables for buttons in a more organized manner
• Made sure all colors, bg, border colors, and box shadows pull from a button specific theme object instead of directly from the color shadows etc objects in the theme.
• Created a new internal ButtonBase component that all exported buttons are based on. This button has all the shared styles between the buttons, variant styles, and disabled behaviors. I did this so that we were not including the styles that are specific to our grey default Button in every other button component. Makes overriding styles more predictable and the internal API cleaner :)

UnderlineNav

• Use new orange color
• Remove bold from selected item

StateLabel

• Updated border radius
• Updated padding
• Updated line height

FilteredSearch

• Updated border radius

TextInput

• Updated border radius
• Updated disabled styles
• Fixed font size
• Updated left padding
• Updated border color

Dropdown

• Inherits updated Button styles
• Updated caret spacing
• Updated border radius of menu

Labels

• Updated padding
• Updated border radius
• Updated line heights
• Updated font sizes
• Made sure outline variant can use the borderColor system prop.
• Updated label documentation

BorderBox

• Updated default border radius

SubNav

• Updated border radius

TabNav

• Updated border radius
• Updated text colors

General System Changes:

• New button object in theme
• New border radius value in theme
• Updated formControl values in theme

v15.3.0

✨ New Components

• Truncate (🙏@alanbsmith) #685
• Breadcrumbs (🙏 @bvkimball & @emplums) #664 & #687
• SideNav (🙏 @BinaryMuse) #695

v15.2.4

🐞 Bug Fixes

• Fix Button small variant padding #682
• Fix .nvmrc syntax #684

v15.2.3

💅 Enchancements:

• Adds correct disabled states for ButtonDanger, ButtonPrimary, and ButtonOutline

v15.2.2

💅 Enhancements

• Updates theme type
• Adds axe-core tests

v15.2.0

🐛 Bug Fixes

#648: Fixes various SubNav issues described in #647
#649 Fixes TextInput type prop not being passed down to input
#652 TextInput tweaks

Other

#651 Migrate to Yarn

15.1.2

🐛 Bug Fixes:

• Honor variant prop in <TextInput /> #645

v15.1.0

😻 New Components

• SubNav #629
• FilteredSearch #629

💅 Enhancements

• Updated dependencies #634 #633 #631 #628 #627 #625 #624 #623
• Removed unused dependencies #636
• Updated FlexProps #621 #640
• Improved documentation searchability #586
• Added Philosophy docs #547
• Added px to space, font size &, radii theme values #496 🚨This is actually a breaking change, that we didn't catch before releasing - if you are importing the Primer Components theme directly and using it to generate values via a themeGet function, any of the spacing or font values will need to have the extra px removed:

const Box = styled.div`
   padding: ${themeGet('spacing.3')}px;
`

should now be:

const Box = styled.div`
    padding: ${themeGet('spacing.3')};
`

v15.0.1

💅 Enhancements

• Internal dependencies updated to their latest versions #612

v15.0.0

🚨 Breaking Changes

• TextInput size prop removed in favor of new variant prop #581
• Label size prop removed in favor of new variant prop #581
• Button size prop removed in favor of new variant and fontSize props #581
• CircleBadge size prop now overrides default sizes based on new variant prop #581

🔨 Changes / Fixes

• CircleBadge now accepts an inline boolean prop for inline rendering #581
• TypeScript props interface for BorderBox now includes border props #599