feat(classNames): move classNames to outer wrapper

[tw15egan]

Refs #9465
Refs #9502
Closes #5853

Uses the feature-flags package to move the className prop to the outer wrapper.

Changelog

New

• Moved the className prop to the outermost wrapper so that all elements inside are targetable via css

Changed

• If the className prop was being added inside an element, it now returns null when the V11 feature flag is enabled. Instead, it is placed on the outer wrapper

Testing / Reviewing

Test the following components, which each have a test story that will be removed before merging:

• Checkbox
• Combobox / Dropdown / Multiselect
• DatePicker
• NumberInput
• RadioButtonGroup
• Slider
• TimePicker

Ensure className is placed on the outer wrapper if wrapped in the FeatureFlag element. className should remain in the same spot otherwise

[netlify]

❌ Deploy Preview for carbon-react-next failed.

🔨 Explore the source changes: 1e40e6b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/613b3bf8e393060007a55192

[tw15egan]

cc @andreancardona

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 1e40e6b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/613b3bf854eb7c000736b0e2

😎 Browse the preview: https://deploy-preview-9491--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 1e40e6b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/613b3bf83903b0000841d099

😎 Browse the preview: https://deploy-preview-9491--carbon-components-react.netlify.app

[jnm2377]

Tested the component stories and they're working as expected! 🎉 🎉 🔥

[tw15egan]

bump @joshblack when you have a chance 👍🏻

[joshblack]

So sorry about the delay! Looks great 👀