Docs: Fluid dropdown

[aagonzales]

Closes #3174
Closes #3173
Closes #3172

• Docs for fluid dropdown, combobox, multiselect
• "Fluid input" branch updates from "main" (or have I missed something up? lol)

Changelog

Usage

• Add a "Styling" section under Formatting to give an overview of Fixed and Fluid styles
  • This is different than how I did it in Text Input, where this section was under each variant, if we like this way better can change text input to match later.
• Add tab component with Fluid image example to select images (not all have one)
• Mover "disabled" and "invalid" sections previously under "Modifiers" to a "States" section under "Universal Behaviors"
• Removed light prop section under modifiers.

Style

• Add tab component and fluid images to color section
• Add a Fluid dropdown structure section
  • I didn't add a new fluid section to Combobox or MultiSelect as the page would get very long. My thinking is that the structure for those can be inferred from their fixed version and the fluid default dropdown. Do you agree? Or should I go ahead and add those sections too?
• Move "Size" section to the bottom
• Added a fluid size section

Testing/Reviewing

• Go to the "Dropdown" page and proof read add fluid sections and images on usage and style tabs.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
carbondesignsystem	✅ Ready (Inspect)	Visit Preview	Oct 17, 2022 at 9:54PM (UTC)

[tw15egan]

@aagonzales I'm going to push up a PR that updates the fluid-input branch with the latest from main so this PR is cleaner

[laurenmrice]

Looks great! Just a couple of things:

Usage tab

Multiselect > Second image

• Something may be off in the second fixed/fluid image for Multiselect. The tag shifts from left to right between viewing fixed/fluid. I would double-check it to see if there is a spacing issue in one of them.
  

Multiselect > Filtering section images
First image: The “Data flows” option should be $text-secondary.

Second image: I think the “Data visualizations” option should also be $text-secondary here since all search results have the same importance before hovering.

---

Style tab

Interactions > Combobox fluid image:

• The Warning state message should be $text-primary.

• The Item hover state is missing the cursor like you have shown in the fixed image.

Sizes > Fluid image

• The image size looks enlarged within the space. Also seems like the fixed image size is too small.

[aagonzales]

@tw15egan it's not showing any conflict anymore, can we just merge this one? Or should I still open a new clean one?

[tw15egan]

As long as everything looks good on your end, I'm good with merging it 👍🏻