Drawer - support for no/transparent background on drawer content, panel, and section

[mcoker]

Found while looking at #8541 (comment)

We have a .pf-m-no-background class that applies to drawer content, panel, and section, but I don't see a way of using it in the react component. I would probably expect it as a value of colorVariant, since it modifies the background like the existing colorVariant values. Here's the CSS for reference - https://github.com/patternfly/patternfly/blob/d4e7c61ad4f4a5a91ca31e3e10957124e2247ac6/src/patternfly/components/Drawer/drawer.scss#L256-L262

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

Line 39 in 541f76a

colorVariant?: DrawerColorVariant | 'light-200' | 'default';

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

Line 15 in 541f76a

colorVariant?: DrawerColorVariant | 'light-200' | 'default';

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

Line 12 in 541f76a

colorVariant?: DrawerColorVariant | 'light-200' | 'default';

FWIW this primary detail demo should be updated to use the prop instead of the hard-coded class https://www.patternfly.org/v4/demos/primary-detail#primary-detail-card-view

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.