Toolbar - add support for background color variants

[mcoker]

The toolbar was updated to have a transparent background by default, and a primary background when sticky. We added 3 modifier classes to be used with regular and sticky toolbars to customize the background color

• .pf-m-primary - updates to use the primary background color
• .pf-m-secondary - ^ but secondary
• .pf-m-no-background - ^ transparent background

We'll need to make sure react has the version of core, v6.0.0-alpha.112 or greater.

• You can verify which version of core react is on by looking at the version for the @patternfly/patternfly package in react-styles/package.json
• If it's not up to date, I've bumped the core version this way. Hopefully it works OK!
  • Update the @patternfly/patternfly package version number in react-styles/package.json
  • From the root of the patternfly-react repo on your computer, run this at the terminal - node scripts/verifyPatternflyVersions --fix && yarn

And looks like we can borrow code from the drawer's prop for it's background color variants, colorVariant (but we'll need to add an entry for primary)

patternfly-react/packages/react-core/src/components/Drawer/DrawerPanelContent.tsx

Line 58 in 7ef53d8

colorVariant?: DrawerColorVariant | 'no-background' | 'default' | 'secondary';