Sync carbon-platform branch (#3401)

* docs: radio button content updates (#3086)

* update: usage content

* update: usage images

* update: style content

* update: image

* update: image

* fix: run format

Co-authored-by: Josefina Mancilla <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(deps): bump parse-url from 6.0.0 to 6.0.5 (#3087)

* chore(deps): bump parse-url from 6.0.0 to 6.0.5

Bumps [parse-url](https://github.com/IonicaBizau/parse-url) from 6.0.0 to 6.0.5.
- [Release notes](https://github.com/IonicaBizau/parse-url/releases)
- [Commits](https://github.com/IonicaBizau/parse-url/compare/6.0.0...6.0.5)

---
updated-dependencies:
- dependency-name: parse-url
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

* chore(format):  run yarn format

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(meta): remove site-wide description in favor of page-level descriptions (#3093)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(accordian): fix typo (#3101)

* docs(date-picker): gower review (#3096)

* docs(date-picker): gower review

* Update date-format-placement.png

* add type styles

* Update style.mdx

* Apply suggestions from design review

Co-authored-by: Lauren Rice <[email protected]>

* update calendar images

Co-authored-by: Lauren Rice <[email protected]>

* chore(release): update carbon deps (#3103)

Co-authored-by: jnm2377 <[email protected]>

* Compressed Images (#3106)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3060)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* accessibility content for overflow menu (#3083)

* accessibility content for overflow menu

text and images for accessibility guidance

* fix: run format

Co-authored-by: Josefina Mancilla <[email protected]>
Co-authored-by: Josefina Mancilla <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(migration): mention upgrade cli in developer docs (#3095)

* docs(migration): mention upgrade cli in developer docs

* Update develop.mdx

Co-authored-by: D.A. Kahn <[email protected]>

* docs(tree-view): new component (#3062)

* docs(tree-view): new component

* remove-tooltip-content

* Update usage.mdx

* formate updates

* Update usage.mdx

* add-style-tab-content

* remove line breaks

* fixed format bug

* fixed bugs

* image size test

* Update code.mdx

* update-images

* Update usage.mdx

* Apply suggestions from design review

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/tree-view/style.mdx

Co-authored-by: Lauren Rice <[email protected]>

* updated-overview-image

* fix: format and add to nav

* Update code.mdx

Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: Josefina Mancilla <[email protected]>

* update overflow a11y images (#3107)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Update step-1.mdx (#3071)

* Update step-1.mdx

Hi,
it took me quiet some time to run the step-1 part of the tutorial, the section about icons namely.
After digging into documentation of `carbon-component-angular` module I was able to make the icons working properly.
Therefore you would like to propose couple changes in this part of the step-1 documentation.

* Update step-1.mdx

Forgot to mention the registration of the icon/s so adding that part as well.

* Update src/pages/developing/angular-tutorial/step-1.mdx

ok, thx

Co-authored-by: Akshat Patel <[email protected]>

* Update src/pages/developing/angular-tutorial/step-1.mdx

ok thx

Co-authored-by: Akshat Patel <[email protected]>

* Update src/pages/developing/angular-tutorial/step-1.mdx

ok thx

Co-authored-by: Akshat Patel <[email protected]>

Co-authored-by: Akshat Patel <[email protected]>
Co-authored-by: D.A. Kahn <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* ibmButton attribute value (#3076)

ibmButton attribute (directive) needs to value. According the page preview at the top I add `primary`.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Removing --lint-fix parameter (#3079)

The --lint-fix parameter can't be used anymore for generating angular component.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: remove ibm z pictograms (#3114)

* fix: remove ibm z pictograms

* chore: format

* feat(tutorial): add initial faqs (#3088)

* feat(tutorial): add initial faqs

* docs(tutorial): add additional FAQ answers

Co-authored-by: TJ Egan <[email protected]>

* docs(Tutorial): fix typo (#3111)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* dividing file names for code snippets (#3075)

* dividing file names for code snippets

There are 2 files (`src/app/home/home.module.ts` and `src/app/home/landing-page/landing-page.component.spec.ts`) mentioned above 2 code snippets that is explaining how to import carbon modules. But One code snippet is for app.module.ts and second is for landing-page.component.spec.ts and it unnecessary to mentioned both files above both code snippets.
This is on 2 spots `First row` and `Second row` section.

* division of file names above code snippets

Found addition 2 spots in `Repo page` section

Co-authored-by: D.A. Kahn <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Added Bluetalks to the Migration page (#3024)

* Update overview.mdx

* chore(Overview): ran yarn:format

* Compressed Images (#3119)

Co-authored-by: kodiakhq <[email protected]>

* fix(404): fixes a link so that it doesn't go to 404, fix 404 styles (#3117)

* fix(2x-grid): fix link typo

* style(404): update 404 styles

* chore(format):  run yarn format

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Loading accessibility (#3080)

* updating accessibility content and adding image

* Update accessibility.mdx

removed second image placeholder for now

* Update accessibility.mdx

rewrote introduction

* Update accessibility.mdx

rewrote heading

* Update accessibility.mdx

Reworded design guidance

* Update accessibility.mdx

updated link text

* Update accessibility.mdx

slight rewording

* added two images and updated content

* chore(loading): format PR

* Update loading-accessibility-3.png

added Lauren's image

Co-authored-by: dakahn <[email protected]>

* fix(tile): component style page check change (#3124)

* fix(docs): replace check emoji with CheckmarkOutline component

* fix(docs): remove unused import

* Update color-tokens.js (#3118)

* Update color-tokens.js

* run yarn format

* update-text-on-color-disabled

* add token name to values

* Update color-tokens.js

* remove token name in value

* update opacity formating

* reverting to previous format test

* reset formating again

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Docs: Update text input usage (#3115)

* [docs] text-input: usage-update

* added-rest-of-content

* content-QA

* update-img-link

* content-qa-2

* Apply suggestions from design review

Co-authored-by: Lauren Rice <[email protected]>

* image and content updates

* Update usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Notification for Tile (#3126)

* Notification for Tile

* Update src/pages/components/tile/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Anna Gonzales <[email protected]>

* fix(getting-started): update to v11 content (#3138)

* Compressed Images (#3131)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: Josefina Mancilla <[email protected]>

* chore(release): update carbon deps (#3129)

Co-authored-by: tay1orjones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3151)

Co-authored-by: tay1orjones <[email protected]>

* chore(release): update carbon deps (#3159)

Co-authored-by: tay1orjones <[email protected]>

* feat(website): add accessibility link, update common js (#3155)

* feat(footer): add accessibility link

* fix(cookies): remove defer from script

* fix(common): move to post body components

* fix(common): remove defer

* fix(common): unique name

* fix(common): re-add defer

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: mdx formatting inside component demo (#3160)

* docs: contained-list (#3145)

* add new mdx pages

* add images for usage tab

* fix content

* fix typos

* update content

* update headers

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* add in inline notification

* fix images

* update side nav

* update images

* add Mike A feedback

* add code, accessibility, and style tab content

* add style tab images

* rename tab

* fix style images

* update style content

* update from Jan

* stlye image update

* update break

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update style and usage content

* update style and usage images

* update image bug

* insert break

* update structure content

* update style images

* update image

* update style tab

* style tab updates

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(grid): updated with API docs and example (#3136)

* docs(grid): updated with API docs and example

* docs(grid): better description

* docs(grid): progressive disclosure and helpers

* fix(typography): fix controls bug (#3130)

* fix(typography): fix controls bug

* chore(typsets): fix mobile typeset controls bug

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Updated outdated links to storybook (#3164)

* Change tab text of typography from "Styling strategies" to "Style strategies" (#3163)

* fix: Change tab text from "Styling strategies" to "Style Strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Update links in page to "Style Strategies"

* fix: Update link in page to "Style strategies"

* fix: rectify verbiage

* fix: fix minor typo

* fix: fix typo

* fix: fix the link to "Style Strategies"

* fix: fix the link to "Style strategies"

* fix: create redirect to "Style strategies"

* Update gatsby-node.js

Co-authored-by: Taylor Jones <[email protected]>

* Update accessibility.mdx (#3143)

* Update accessibility.mdx

updated accessibility content

* Update accessibility.mdx

Made text updates for consistency

* uploading images for accessibility tab

* Update accessibility.mdx

updates to try to make the ask easier to understand

* Update header-accessibility-5.png

alter annotation example

* Added Lauren's images

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* chore: output of yarn format

Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>

* Correct verbiage on ibm commerce platform page (#3157)

* Compressed Images (#3162)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(Theme): update Theme docs with new guidance/usage (#2998)

* docs(Theme): update Theme docs with new guidance/usage

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* docs(Themes): update docs with PR changes

* chore(number-input): run prettier

* docs(theme): update theme docs for v11

* docs(themes): update overview page for v11

* docs(theme): update overview page, remove tokens

* docs(theme): rephrase notification for elements packages

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(team): removed team page and removed photos from partners (#3170)

* fix(content): broken links (#3167)

* Update writing-style.mdx

* Update overview.mdx

* fix: mdx formatting

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(meetups): added office hours) (#3165)

* update dataviz meeting time (#3177)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3178)

Co-authored-by: abbeyhrt <[email protected]>

* docs: figma v11 release content updates (#3176)

* updated design and migration .mdx files

* update content

* update images

* update figma .mdx

* update figme content

* update migration content

* fix typo

* remove break in figma.mdx

* format fix

* update images

* update component count

* typo update

* add figma migration section

* edit content

* update migration design guide

* add migration steps

* update migration docs

* update figma design kit page with links

* chore(format):  run yarn format

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <[email protected]>

* Compressed Images (#3184)

Co-authored-by: kodiakhq <[email protected]>

* docs(Accordion): match Accordion to ken to code (#3180)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Ecosystem updates (#3150)

* Update the-carbon-ecosystem.mdx

* Ecosystem updates

Rename: AI Apps > Sustainability Software
Merge: Cloud and Cloud & Cognitive to Carbon for IBM Products

* More updates for IBM internal sites

Bring naming changes to Domain Guidance page.
Update some job titles and membership for team & partners.

* Sync with conflicting changes

 docs(team): removed team page and removed photos from partners #3170

* feat: add crosslink banner to carbon platform on homepage (#3185)

* feat: add crosslink banner to carbon platform on homepage

* fix: remove calc from sass

* Update Banner.module.scss

* Update Banner.module.scss

* Update Banner.js

* Update Banner.module.scss

* Update Banner.js

* Update src/components/Banner/Banner.js

Co-authored-by: Anna Gonzales <[email protected]>

Co-authored-by: Anna Gonzales <[email protected]>

* docs: add flush accordion content (#3168)

* update usage docs with flush modifier

* update usage images

* update: usage

* update: style

* fix break

* update mdx

* update mdx

* update image

* update style tab

* refine style images

* adjust style images in tab comp.

* update style structure

* update style image

* update color  image

* docs(progress-bar): add component live demo (#3182)

* docs(progress-bar): add component live demo

* chore(package): add @carbon/react resolution

* chore(package): update gatsby-theme-carbon

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(svelte): update resources and intro (#3183)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3189)

Co-authored-by: kodiakhq <[email protected]>

* docs(contact-us): minor updates to contact us page (#3186)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3194)

Co-authored-by: aledavila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(tutorial): remove optimize sass from step 5 (#3192)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* refactor(tutorial): remove badging (#3197)

Co-authored-by: Alessandra Davila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3200)

Co-authored-by: aledavila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(Icons): fix broken link (#3196)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* ci(actions): automatically open content sync issues on platform (#3193)

* ci(actions): automatically open content sync issues on platform

* Update .github/workflows/platform-content-sync.yml

Co-authored-by: Matt Rosno <[email protected]>

* chore(formatting): output of yarn:format

Co-authored-by: Matt Rosno <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(switcher): fix app switcher bugs (#3208)

* Update accessibility.mdx (#3187)

* Update accessibility.mdx

first draft of new content. illustrations not yet added

* First image uploads

* Update accessibility.mdx

Minor text updates

* image paid attempt

attempt

* Update accessibility.mdx

attempt to remove the DoDont key word in mdx

* Update accessibility.mdx

Attempt to remove do don't styline on pair of images

* Update accessibility.mdx

attempt to incorporate captions

* addition image and text updates

* Update accessibility.mdx

change caption position. minor tweaks to style

* Update accessibility.mdx

Slight tweaks to wording

* chore(format): output of yarn:format

* Update accessibility.mdx

removing superfluous quotation mark

* Updated images and altered layout

Changes to images from Lauren. Also made side by side images into stacked images, as per her request.

* Update accessibility.mdx

Tried changing case on Row element

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Lauren Rice <[email protected]>

* Compressed Images (#3217)

Co-authored-by: kodiakhq <[email protected]>

* ci(content-sync): provide token proper permissions (#3216)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: hyphens to en dashes (#3215)

* chore: untrack git file

- fix vscode settings which shouldn't have been tracked

* docs: replace hyphens with en dashes

* Fix GitHub capitalization (#3225)

* fix: broken link on tag style tab (#3219)

* fix: broken link on tag style tab

Closes #3213 

- Fixes the code link under the Color section on the Tag > Style tab page to point to the correct URL.

* Update src/pages/components/tag/style.mdx

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3220)

Co-authored-by: tw15egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: broken link ui shell right panel (#3218)

Closes #3214 

- Fixes the React resource card to point to the correct URL.

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(format): fix format error (#3227)

* chore(release): update carbon deps (#3226)

Co-authored-by: tw15egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* content for accessibility tab (#3212)

* content for accessibility tab

images and content

* chore(formatting): output of yarn format

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* [docs] Update type token weights (#3221)

Parent issue: https://github.com/carbon-design-system/carbon/issues/12174

Reverting some of the previously changed font weights.

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3230)

Co-authored-by: kodiakhq <[email protected]>

* pagination accessibility update (#3224)

* pagination accessibility update

Contains text and images for Pagination accessibility tab

* Update pagination-accessibility-1.png

updated image

* added and updated images

* Update accessibility.mdx

added code tags

* chore(format): fix format error

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* accessibilty content for right panel (#3223)

* accessibilty content for right panel

added content and images for ui shell right panel

* Update accessibility.mdx

removed an orphan subheading from file copy

* update accessibility content and an image

* Update accessibility.mdx

adjusted some text for design annotation considerations

* chore(format): fix format error

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3234)

Co-authored-by: tay1orjones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(analytics): set SPA to false (#3242)

* fix(analytics): set SPA to false

* fix(analytics): update site id

* ci(content-sync): use github app for proper permissions scope (#3240)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3247)

Co-authored-by: kodiakhq <[email protected]>

* chore(release): update carbon deps (#3245)

Co-authored-by: tay1orjones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs: revise a11y images and content (#3244)

* update images

* update content

* update pagination content and images

* update annotation images

* fix merge conflicts

* chore(deps): bump socket.io-parser from 4.0.4 to 4.0.5 (#3252)

Bumps [socket.io-parser](https://github.com/socketio/socket.io-parser) from 4.0.4 to 4.0.5.
- [Release notes](https://github.com/socketio/socket.io-parser/releases)
- [Changelog](https://github.com/socketio/socket.io-parser/blob/main/CHANGELOG.md)
- [Commits](https://github.com/socketio/socket.io-parser/compare/4.0.4...4.0.5)

---
updated-dependencies:
- dependency-name: socket.io-parser
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fixing a typo on the Spacing page (#3253)

* fixing a typo

The keyword 'using' is mentioned twice in the first sentence of the first paragraph under the heading "Spacing".

* chore(format): fix format error

Co-authored-by: TJ Egan <[email protected]>

* Compressed Images (#3255)

Co-authored-by: kodiakhq <[email protected]>

* feat: remove component index (#3233)

* feat: remove component index

* feat: add notification

* feat: update ecosystem grids

* feat: update ecosystem grids v2

* chore(comunity-index): redirect contribute to community index

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>

* feat: add sass faq (#3228)

* feat: add sass faq

* address review feedback

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>

* fix: missing images on platform art direction line breaks (#3211)

Co-authored-by: Taylor Jones <[email protected]>

* chore(release): update carbon deps (#3249)

Co-authored-by: tay1orjones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* refactor: add 'do' type to DoDont uses that don't specify it (#3257)

* refactor: add 'do' type to DoDont uses that don't specify it

* refactor: add 'do' type to DoDont uses that don't specify it

* fix: format

* update profile image (#3254)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Update usage.mdx (#3256)

* Update usage.mdx

In the "Content" section the "Label text" that is used in the examples is referred to as "Heading" which is confusing. Attempting to clarify label vs action text with this proposed edit.

* Update usage.mdx

Changing "can" to "must" since the label is required for accessibility.

* chore(format): fix format error

Co-authored-by: TJ Egan <[email protected]>

* Compressed Images (#3283)

Co-authored-by: kodiakhq <[email protected]>

* Compressed Images (#3278)

Co-authored-by: kodiakhq <[email protected]>

* Update platform-content-sync.yml (#3284)

* GH action: test (#3285)

* Limit workflow to main branch (#3286)

* Limit workflow to main branch

* Update platform-content-sync.yml

* Remove test comment (#3287)

* Update package.json (#3288)

* fix(RadioButton): fix a11y issues with `RadioButtonGroup` (#3276)

* fix(RadioButton): fix a11y violation on Radio Button pages

* fix(ComponentDemo): update knob container code

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Alison Joseph <[email protected]>

* update: filter pattern images (#3280)

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* [number input] number input doc update v11 (#3246)

* number input doc update

* number input update

* Apply suggestions from code review

Co-authored-by: Anna Gonzales <[email protected]>

* fix: formatting

* Update style.mdx

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Alison Joseph <[email protected]>

* Update accessibility.mdx (#3251)

* Update accessibility.mdx

New content for accessibility tab. no illustrations yet

* added images

* Update tree-view-accessibility-1.png

updated image to make list alphabetical

* Update accessibility.mdx

corrected image names

* Update accessibility.mdx

fixed some formatting on code

* fix: formatting

* Update src/pages/components/tree-view/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/tree-view/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* update images

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: add missing types to DoDont (#3292)

* chore(release): update carbon deps (#3289)

Co-authored-by: alisonjoseph <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(palette): removed dupe (#3293)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3296)

Co-authored-by: alisonjoseph <[email protected]>

* fix(docs): wrap resourcecard in row (#3295)

* chore(deps): bump decode-uri-component from 0.2.0 to 0.2.2 (#3297)

Bumps [decode-uri-component](https://github.com/SamVerschueren/decode-uri-component) from 0.2.0 to 0.2.2.
- [Release notes](https://github.com/SamVerschueren/decode-uri-component/releases)
- [Commits](https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.2)

---
updated-dependencies:
- dependency-name: decode-uri-component
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3300)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(deps): bump express from 4.17.1 to 4.18.2 (#3301)

Bumps [express](https://github.com/expressjs/express) from 4.17.1 to 4.18.2.
- [Release notes](https://github.com/expressjs/express/releases)
- [Changelog](https://github.com/expressjs/express/blob/master/History.md)
- [Commits](https://github.com/expressjs/express/compare/4.17.1...4.18.2)

---
updated-dependencies:
- dependency-name: express
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3302)

Co-authored-by: aledavila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(modal): add full-width (#3299)

* docs(modal): add full-width

* Update modal-usage-alignment-2.png

* Update modal-usage-alignment-2.png

* fix(color): properly align color dots (#3304)

Co-authored-by: TJ Egan <[email protected]>

* docs: add new read-only states pattern (#3279)

* add: read only states pattern pages

* update terminology to "inputs"

* update .mdx

* add gallery images

* update .mdx

* add images

* add images

* fix: formatting

* Update index.mdx

* remove image placeholder

* fix: missing tab tag

* fix images and nav

* add anatomy content

* update terminology

* update images

* add do/dont

* update do dont

* update .mdx

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update images

* update do dont

* update anatomy

* add fluid component examples

* update fluid content

* update image bugs

* update anatomy image

* update fluid content

* fix do/dont image bug

* Update src/pages/patterns/read-only-states-pattern/index.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update with notification

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3305)

Co-authored-by: tw15egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3307)

Co-authored-by: kodiakhq <[email protected]>

* fix: update undefined status icon svgs (#3311)

* fix: update undefined status icon svgs

* Update undefined-filled.svg

* Update undefined-outline.svg

* Update undefined-filled.svg

* [select] select doc update v11 (#3282)

* select-doc-update

* fix: formatting

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Apply suggestions for typos

Co-authored-by: Lauren Rice <[email protected]>

* chore(format): fix format error

* Update the select doc

* update select doc

* Update src/pages/components/select/usage.mdx

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3316)

Co-authored-by: kodiakhq <[email protected]>

* ci(triage): update issue/project triage workflows (#3313)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Modal accessibility content and images (#3303)

* Modal accessibility content and images

* Update accessibility.mdx

MIssed saving updates

* Update accessibility.mdx

updating bullets in dev section

* Update accessibility.mdx

updates to correct typos and and a subheading

* Update accessibility.mdx

Adjustments to dev considerations

* Update to Do Don't pair

* Update modal-accessibility-3.png

added 2-button example

* chore(format): fix format error

* update images

* Update src/pages/components/modal/accessibility.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update images

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: Anna Gonzales <[email protected]>

* Compressed Images (#3321)

Co-authored-by: kodiakhq <[email protected]>

* Compressed Images (#3323)

Co-authored-by: kodiakhq <[email protected]>

* typo fix (#3324)

* typo fix

unnecessary parenthesis

* fix(form-patterns): ran yarn format (#3326)

Co-authored-by: Scott Strubberg <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* typo fix (#3325)

* typo fix

There is an unnecessary period in the description under the default variant of data table.

* fix: format

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Update tooltip accessibility.mdx (#3318)

* Update accessibility.mdx

* added first images

* Update accessibility.mdx

removed flotsam from the copy and paste exercise

* Update accessibility.mdx

tweak spacing

* Update accessibility.mdx

* Update accessibility.mdx

modifications for better readability

* Update accessibility.mdx

corrected link target

* Update tooltip-accessibility-2.png

* Update accessibility.mdx

attempting to resolved error

* Update accessibility.mdx

* chore: format mdx

Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Tooltip accessibility update (#3330)

* Update accessibility.mdx

* added first images

* Update accessibility.mdx

removed flotsam from the copy and paste exercise

* Update accessibility.mdx

tweak spacing

* Update accessibility.mdx

* Update accessibility.mdx

modifications for better readability

* Update accessibility.mdx

corrected link target

* Update tooltip-accessibility-2.png

* Update accessibility.mdx

attempting to resolved error

* Update accessibility.mdx

* text and image changes for design annotations

* chore(prettier): output of yarn:format

* chore(prettier): output of yarn:format

Co-authored-by: Taylor Jones <[email protected]>

* update usage image (#3331)

* added fourth accessibility tab to toggletip (#3319)

* added fourth tab

* Create accessibility.mdx

First draft of accessibility tab content

* Update accessibility.mdx

updated content

* Update accessibility.mdx

remove space

* Update accessibility.mdx

* Update accessibility.mdx

* images and accessibility content

* updates

update image; remove link to non-existing Design section

* Update accessibility.mdx

alter leading description and what carbon provides

* Update accessibility.mdx

add Oxford comma

* Update accessibility.mdx

updated alts for images

* update images

* chore(formatting): output of yarn format

* Update accessibility.mdx

Co-authored-by: Taylor Jones <[email protected]>

* chore(release): update carbon deps (#3335)

Co-authored-by: tw15egan <[email protected]>

* chore(deps): bump json5 from 1.0.1 to 1.0.2 (#3338)

Bumps [json5](https://github.com/json5/json5) from 1.0.1 to 1.0.2.
- [Release notes](https://github.com/json5/json5/releases)
- [Changelog](https://github.com/json5/json5/blob/main/CHANGELOG.md)
- [Commits](https://github.com/json5/json5/compare/v1.0.1...v1.0.2)

---
updated-dependencies:
- dependency-name: json5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Compressed Images (#3340)

Co-authored-by: kodiakhq <[email protected]>

* update .mdx (#3337)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs: tooltip a11y tab update (#3336)

* update .mdx

* update images

* fix merge conflict

* update a11y tab

* fix(tooltip): remove unused images

Co-authored-by: Taylor Jones <[email protected]>

* Compressed Images (#3349)

Co-authored-by: kodiakhq <[email protected]>

* updating the color tokens on the color page (#3345)

* chore(release): update carbon deps (#3350)

Co-authored-by: tay1orjones <[email protected]>

* chore(release): update carbon deps (#3355)

Co-authored-by: tay1orjones <[email protected]>

* Update link to 2x grid page (#3358)

The form patterns page currently uses an outdated link to the 2x grid page, resulting in a 404 not found.

This patch updates the link to the correct route.

* Dropdown accessibility (#3353)

* Update accessibility.mdx

* Update accessibility.mdx

Added comboxbox info

* added images

* Update accessibility.mdx

Updated content

* Updated image and some text content

* Update accessibility.mdx

trying to fix final link

* updated images

replaced with @laurenmrice versions

* Update accessibility.mdx

removed blank line before closed caption tag to try to address text styling

* Update accessibility.mdx

Removing "press" from caption

* Update src/pages/components/dropdown/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/dropdown/accessibility.mdx

I altered a bit, but addressed

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/dropdown/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update accessibility.mdx

fixed typo introduced by my inline edit

Co-authored-by: Lauren Rice <[email protected]>

* Select accessibility (#3354)

* Update accessibility.mdx

* added images

* updated images

replace with @laurenmrice versions

* Update src/pages/components/select/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/select/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Create sync-platform-branch action (#3365)

* Create sync-platform-branch

* Update .github/workflows/sync-platform-branch

* Update .github/workflows/sync-platform-branch

* Update .github/workflows/sync-platform-branch

Co-authored-by: Taylor Jones <[email protected]>

* ci(deploy): remove ibm cloud deploy (#3367)

* Update deploy.yml

* chore: yarn format

---------

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3371)

Co-authored-by: kodiakhq <[email protected]>

* [Bug] Update colors for Status indicators (#3346)

* update colors on Status indicators

* update colors 2

* update green 40

* update icon colors

* fix(color): update status-success to new values

* update images from Jeannie

---------

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: Francine Lucca <[email protected]>

* Update .kodiak.toml (#3374)

* chore(release): update carbon deps (#3372)

Co-authored-by: aledavila <[email protected]>

* Rename sync-platform-branch to sync-platform-branch.yml (#3376)

* Compressed Images (#3378)

Co-authored-by: kodiakhq <[email protected]>

* fix(react): replace codesandbox link with stackblitz (#3369)

* fix(react): replace codesandbox link with stackblitz

* fix(mdxicon): reformat stackblitz icon

---------

Co-authored-by: TJ Egan <[email protected]>

* fix(migration): stop recommending old packages (#3383)

* docs: data table comp/react tutorial links/typos (#3366)

Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Use Github Script action to sync carbon-platform. branch (#3385)

* Use Github Script action to sync carbon-platform. branch

The action we're currently using to sync the `carbon-platform` branch with main doesn't create an intermediary branch which makes it impossible to solve conflicts without modifying main (we don't want to do that).

Plus, the script action is verified :D

* rename job

* Content switcher accessibility (#3375)

* Update accessibility.mdx

update text on the accessibility tab

* new images and alt text

* Update accessibility.mdx

lightened language

* Update accessibility.mdx

minor updates to dev considerations

* Update accessibility.mdx

updates to make the interaction clearer

* lauren's image updates

* chore(release): update carbon deps (#3389)

Co-authored-by: tw15egan <[email protected]>
Co-authored-by: Andrea N. Cardona <[email protected]>

* chore(release): update carbon deps (#3392)

Co-authored-by: tw15egan <[email protected]>

* Compressed Images (#3395)

Co-authored-by: kodiakhq <[email protected]>

* Fluid input docs (#3396)

* docs(Fluid inputs): text input and text area (#3158)

* docs(main): Fluid inputs

* Update src/pages/components/text-input/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Apply suggestions from design review

Co-authored-by: Lauren Rice <[email protected]>

* fixed-image-names

* update image

* update-placeholder-images

* Update usage.mdx

* remove italic headings

* manually fixed typos from lauren

Co-authored-by: Lauren Rice <[email protected]>

* chore(fluid-inputs): update branch with latest changes from main (#3202)

* chore(release): update carbon deps (#3159)

Co-authored-by: tay1orjones <[email protected]>

* feat(website): add accessibility link, update common js (#3155)

* feat(footer): add accessibility link

* fix(cookies): remove defer from script

* fix(common): move to post body components

* fix(common): remove defer

* fix(common): unique name

* fix(common): re-add defer

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: mdx formatting inside component demo (#3160)

* docs: contained-list (#3145)

* add new mdx pages

* add images for usage tab

* fix content

* fix typos

* update content

* update headers

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* add in inline notification

* fix images

* update side nav

* update images

* add Mike A feedback

* add code, accessibility, and style tab content

* add style tab images

* rename tab

* fix style images

* update style content

* update from Jan

* stlye image update

* update break

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update style and usage content

* update style and usage images

* update image bug

* insert break

* update structure content

* update style images

* update image

* update style tab

* style tab updates

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(grid): updated with API docs and example (#3136)

* docs(grid): updated with API docs and example

* docs(grid): better description

* docs(grid): progressive disclosure and helpers

* fix(typography): fix controls bug (#3130)

* fix(typography): fix controls bug

* chore(typsets): fix mobile typeset controls bug

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Updated outdated links to storybook (#3164)

* Change tab text of typography from "Styling strategies" to "Style strategies" (#3163)

* fix: Change tab text from "Styling strategies" to "Style Strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Update links in page to "Style Strategies"

* fix: Update link in page to "Style strategies"

* fix: rectify verbiage

* fix: fix minor typo

* fix: fix typo

* fix: fix the link to "Style Strategies"

* fix: fix the link to "Style strategies"

* fix: create redirect to "Style strategies"

* Update gatsby-node.js

Co-authored-by: Taylor Jones <[email protected]>

* Update accessibility.mdx (#3143)

* Update accessibility.mdx

updated accessibility content

* Update accessibility.mdx

Made text updates for consistency

* uploading images for accessibility tab

* Update accessibility.mdx

updates to try to make the ask easier to understand

* Update header-accessibility-5.png

alter annotation example

* Added Lauren's images

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* chore: output of yarn format

Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>

* Correct verbiage on ibm commerce platform page (#3157)

* Compressed Images (#3162)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(Theme): update Theme docs with new guidance/usage (#2998)

* docs(Theme): update Theme docs with new guidance/usage

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* docs(Themes): update docs with PR changes

* chore(number-input): run prettier

* docs(theme): update theme docs for v11

* docs(themes): update overview page for v11

* docs(theme): update overview page, remove tokens

* docs(theme): rephrase notification for elements packages

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(team): removed team page and removed photos from partners (#3170)

* fix(content): broken links (#3167)

* Update writing-style.mdx

* Update overview.mdx

* fix: mdx formatting

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(meetups): added office hours) (#3165)

* update dataviz meeting time (#3177)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3178)

Co-authored-by: abbeyhrt <[email protected]>

* docs: figma v11 release content updates (#3176)

* updated design and migration .mdx files

* update content

* update images

* update figma .mdx

* update figme content

* update migration content

* fix typo

* remove break in figma.mdx

* format fix

* update images

* update component count

* typo update

* add figma migration section

* edit content

* update migration design guide

* add migration steps

* update migration docs

* update figma design kit page with links

* chore(format):  run yarn format

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <[email protected]>

* Compressed Images (#3184)

Co-authored-by: kodiakhq <[email protected]>

* docs(Accordion): match Accordion to ken to code (#3180)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Ecosystem updates (#3150)

* Update the-carbon-ecosystem.mdx

* Ecosystem updates

Rename: AI Apps > Sustainability Software
Merge: Cloud and Cloud & Cognitive to Carbon for IBM Products

* More updates for IBM internal sites

Bring naming changes to Domain Guidance page.
Update some job titles and membership for team & partners.

* Sync with conflicting changes

 docs(team): removed team page and removed photos from partners #3170

* feat: add crosslink banner to carbon platform on homepage (#3185)

* feat: add crosslink banner to carbon platform on homepage

* fix: remove calc from sass

* Update Banner.module.scss

* Update Banner.module.scss

* Update Banner.js

* Update Banner.module.scss

* Update Banner.js

* Update src/components/Banner/Banner.js

Co-authored-by: Anna Gonzales <[email protected]>

Co-authored-by: Anna Gonzales <[email protected]>

* docs: add flush accordion content (#3168)

* update usage docs with flush modifier

* update usage images

* update: usage

* update: style

* fix break

* update mdx

* update mdx

* update image

* update style tab

* refine style images

* adjust style images in tab comp.

* update style structure

* update style image

* update color  image

* docs(progress-bar): add component live demo (#3182)

* docs(progress-bar): add component live demo

* chore(package): add @carbon/react resolution

* chore(package): update gatsby-theme-carbon

Co-authored-by: TJ Egan <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(svelte): update resources and intro (#3183)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3189)

Co-authored-by: kodiakhq <[email protected]>

* docs(contact-us): minor updates to contact us page (#3186)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3194)

Co-authored-by: aledavila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(tutorial): remove optimize sass from step 5 (#3192)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* refactor(tutorial): remove badging (#3197)

Co-authored-by: Alessandra Davila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update carbon deps (#3200)

Co-authored-by: aledavila <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix(Icons): fix broken link (#3196)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(Fluid inputs): text input and text area (#3158)

* docs(main): Fluid inputs

* Update src/pages/components/text-input/usage.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Apply suggestions from design review

Co-authored-by: Lauren Rice <[email protected]>

* fixed-image-names

* update image

* update-placeholder-images

* Update usage.mdx

* remove italic headings

* manually fixed typos from lauren

Co-authored-by: Lauren Rice <[email protected]>

* chore(format):  run yarn format

Co-authored-by: carbon-automation[bot] <103539138+carbon-automation[bot]@users.noreply.github.com>
Co-authored-by: tay1orjones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Alison Joseph <[email protected]>
Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Scott Strubberg <[email protected]>
Co-authored-by: Alessandra Davila <[email protected]>
Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Abhilipsa Sahoo <[email protected]>
Co-authored-by: Mike Gower <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Francine Lucca <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: D.A. Kahn <[email protected]>
Co-authored-by: Eliad Moosavi <[email protected]>
Co-authored-by: abbeyhrt <[email protected]>
Co-authored-by: Michael Zuliani <[email protected]>
Co-authored-by: Jan Hassel <[email protected]>
Co-authored-by: metonym <[email protected]>
Co-authored-by: Jeff Chew <[email protected]>
Co-authored-by: aledavila <[email protected]>

* chore(fluid-inputs): update branch with latest changes from main (#3203)

* chore(release): update carbon deps (#3159)

Co-authored-by: tay1orjones <[email protected]>

* feat(website): add accessibility link, update common js (#3155)

* feat(footer): add accessibility link

* fix(cookies): remove defer from script

* fix(common): move to post body components

* fix(common): remove defer

* fix(common): unique name

* fix(common): re-add defer

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* fix: mdx formatting inside component demo (#3160)

* docs: contained-list (#3145)

* add new mdx pages

* add images for usage tab

* fix content

* fix typos

* update content

* update headers

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/usage.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* add in inline notification

* fix images

* update side nav

* update images

* add Mike A feedback

* add code, accessibility, and style tab content

* add style tab images

* rename tab

* fix style images

* update style content

* update from Jan

* stlye image update

* update break

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/components/contained-list/style.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* update style and usage content

* update style and usage images

* update image bug

* insert break

* update structure content

* update style images

* update image

* update style tab

* style tab updates

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(grid): updated with API docs and example (#3136)

* docs(grid): updated with API docs and example

* docs(grid): better description

* docs(grid): progressive disclosure and helpers

* fix(typography): fix controls bug (#3130)

* fix(typography): fix controls bug

* chore(typsets): fix mobile typeset controls bug

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Updated outdated links to storybook (#3164)

* Change tab text of typography from "Styling strategies" to "Style strategies" (#3163)

* fix: Change tab text from "Styling strategies" to "Style Strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Change tab text from "Styling strategies" to "Style strategies"

* fix: Update links in page to "Style Strategies"

* fix: Update link in page to "Style strategies"

* fix: rectify verbiage

* fix: fix minor typo

* fix: fix typo

* fix: fix the link to "Style Strategies"

* fix: fix the link to "Style strategies"

* fix: create redirect to "Style strategies"

* Update gatsby-node.js

Co-authored-by: Taylor Jones <[email protected]>

* Update accessibility.mdx (#3143)

* Update accessibility.mdx

updated accessibility content

* Update accessibility.mdx

Made text updates for consistency

* uploading images for accessibility tab

* Update accessibility.mdx

updates to try to make the ask easier to understand

* Update header-accessibility-5.png

alter annotation example

* Added Lauren's images

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* Update src/pages/components/UI-shell-header/accessibility.mdx

Co-authored-by: Lauren Rice <[email protected]>

* chore: output of yarn format

Co-authored-by: Lauren Rice <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>

* Correct verbiage on ibm commerce platform page (#3157)

* Compressed Images (#3162)

Co-authored-by: kodiakhq <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(Theme): update Theme docs with new guidance/usage (#2998)

* docs(Theme): update Theme docs with new guidance/usage

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* Update src/pages/guidelines/themes/code.mdx

Co-authored-by: Anna Gonzales <[email protected]>

* docs(Themes): update docs with PR changes

* chore(number-input): run prettier

* docs(theme): update theme docs for v11

* docs(themes): update overview page for v11

* docs(theme): update overview page, remove tokens

* docs(theme): rephrase notification for elements packages

Co-authored-by: Anna Gonzales <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: Taylor Jones <[email protected]>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* docs(team): removed team page and removed photos from partners (#3170)

* fix(content): brok…

package.json

@@ -42,9 +42,9 @@
     "@carbon/charts-react": "0.55.0",
     "@carbon/elements": "^11.19.0",
     "@carbon/icons-react": "^11.16.0",
-    "@carbon/pictograms": "^12.12.0",
-    "@carbon/pictograms-react": "^11.38.0",
-    "@carbon/react": "^1.22.0",
+    "@carbon/pictograms": "^12.13.0",
+    "@carbon/pictograms-react": "^11.39.0",
+    "@carbon/react": "^1.23.0",
     "@loadable/component": "^5.15.2",
     "@slack/web-api": "^5.11.0",
     "babel-preset-env": "^1.7.0",

src/data/docgen/react-docgen.json

@@ -8573,7 +8573,7 @@
       }
     }
   },
-  "unstable_TreeView": {
+  "TreeView": {
     "description": "",
     "displayName": "TreeView",
     "props": {
@@ -8596,12 +8596,12 @@
         "description": "Array representing all selected node IDs in the tree"
       },
       "size": {
-        "defaultValue": { "value": "'default'", "computed": false },
+        "defaultValue": { "value": "'sm'", "computed": false },
         "type": {
           "name": "enum",
           "value": [
-            { "value": "'default'", "computed": false },
-            { "value": "'compact'", "computed": false }
+            { "value": "'sm'", "computed": false },
+            { "value": "'xs'", "computed": false }
           ]
         },
         "required": false,
@@ -8642,7 +8642,7 @@
       }
     }
   },
-  "unstable_TreeNode": {
+  "TreeNode": {
     "description": "",
     "displayName": "TreeNode",
     "props": {

src/data/nav-items.yaml

@@ -198,6 +198,8 @@
       path: /patterns/empty-states-pattern/
     - title: Filtering
       path: /patterns/filtering/
+    - title: Fluid styles
+      path: /patterns/fluid-styles/
     - title: Forms
       path: /patterns/forms-pattern/
     - title: Global header

src/pages/all-about-carbon/releases.mdx

@@ -15,22 +15,22 @@ planned for Carbon’s future.
 ## Resources
 
 <Row className="resource-card-group">
-<Column colMd={4} colLg={4} noGutterSm>
-  <ResourceCard
-    subTitle="Changelog"
-    href="https://github.com/carbon-design-system/carbon/releases">
-    <MdxIcon name="github" />
-  </ResourceCard>
-</Column>
-<Column colMd={4} colLg={4} noGutterSm>
-  <ResourceCard
-    subTitle="Roadmap"
-    href="https://app.zenhub.com/workspaces/system-squad-593830641344b813db10934d/roadmap">
-
-![ZenHub icon](images/z-icon.svg)
-
-  </ResourceCard>
-</Column>
+  <Column colMd={4} colLg={4} noGutterSm>
+    <ResourceCard
+      subTitle="Changelog"
+      href="https://github.com/carbon-design-system/carbon/releases"
+    >
+      <MdxIcon name="github" />
+    </ResourceCard>
+  </Column>
+  <Column colMd={4} colLg={4} noGutterSm>
+    <ResourceCard
+      subTitle="Roadmap"
+      href="https://github.com/orgs/carbon-design-system/projects/51/views/1"
+    >
+      <MdxIcon name="github" />
+    </ResourceCard>
+  </Column>
 </Row>
 
 ## Releases

src/pages/components/button/usage.mdx

@@ -323,20 +323,20 @@ button locations include:
 | _Right-justified_ | Inline notifications, inline field buttons and data tables, progressive forms, wizards, and single-button dialogs                                               |
 | _Full-span_       | Dialogs, side panels, and small tiles; currently Carbon does not offer a way to implement full-span buttons in code, without an override, they max out at 320px |
 
-#### Fluid versus fixed buttons
+#### Fluid versus default buttons
 
 Button alignment is also closely related to whether the button is treated as a
-fixed or a fluid element within a layout. When we say “fluid”, we mean that the
-button becomes a part of a larger, compound component by bleeding to two or more
-edges of its container. Rather than defining the a fluid button’s width in
+default or a fluid element within a layout. When we say “fluid”, we mean that
+the button becomes a part of a larger, compound component by bleeding to two or
+more edges of its container. Rather than defining the a fluid button’s width in
 columns or mini units, its width is defined as a percentage (often 50%) of the
-container’s width. Also, as a general rule, fluid buttons are never left-aligned
-in a layout or a container—they’re always either right-aligned, or span the full
-width of the container.
+container’s width. Also, as a general rule, fluid primary buttons are never
+left-aligned in a layout or a container—they’re always either right-aligned, or
+span the full width of the container.
 
 Fluid components like button never exist in isolation. As you can see in the
 examples above, they are always part of another component, like modal or form.
-Other fluid components include tiles and most recently,
+Other fluid components include tiles and most recently, form inputs such as
 [text inputs](/components/text-input/usage).
 
 <Row>
@@ -384,15 +384,20 @@ recommended feature to improve accessibility.
 </Column>
 </Row>
 
-#### Using the grid
+#### Fluid-width default buttons
 
-By default the container’s width is set to the size of the text label with 64px
-fixed padding on the right side and 16px fixed padding on the left. However,
-when possible set the button container’s relative position to the responsive
-layout grid and match button width to the other elements on the page. Ideally,
-when using groups of related buttons (not including ghost buttons), they should
-all be the same width. See [button groups](#Button-groups) below for more
-detailed information.
+The default button’s width is set to the size of the text label with 64px fixed
+padding on the right side and 16px fixed padding on the left. However, there is
+a hybrid scenario where a floating default-style button can span a designated
+number of columns on the responsive column grid, giving it a fluid width. These
+are called "fluid-width default buttons."
+
+Fluid-width default buttons are always preferable to fixed-width default buttons
+in a layout. When possible set the default button container’s relative position
+to the responsive layout grid and match button width to the width of other
+elements on the page. Ideally, when using groups of related buttons (not
+including ghost buttons), they should all be the same width. See button groups
+below for more detailed information.
 
 <Row>
 <Column colLg={8}>
@@ -523,15 +528,15 @@ button groups are also common in products, to save real estate in narrow columns
 and occasionally side panels. In these instances, the primary button is always
 on top and the secondary or tertiary button is below.
 
-Generally, when designers stack buttons, they tend to use the fixed buttons.
-However, stacked fluid buttons are also an option in desktop side panels with
-especially long calls to action. _Note: experimenting with stacked fluid buttons
-would require an override to the existing code._
+Generally, when designers stack buttons, they tend to use the hybrid fluid
+buttons. However, stacked fluid buttons are also an option in desktop side
+panels with especially long calls to action. Note: experimenting with stacked
+fluid buttons would require an override to the existing code.
 
 <Row>
 <Column colLg={12}>
 
-![Fluid and fixed stacked button group examples](images/button_usage_24.png)
+![Fluid and default stacked button group examples](images/button_usage_24.png)
 
 </Column>
 </Row>

src/pages/components/content-switcher/accessibility.mdx

@@ -2,90 +2,111 @@
 title: Content switcher
 description:
   Content switchers manipulate the content shown following an exclusive or
-  “either/or” pattern. It is used to toggle between two or more content sections
+  "either/or" pattern. It is used to toggle between two or more content sections
   within the same space on screen.
 tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 ---
 
 <PageDescription>
 
-The content switcher React Carbon component has been tested against the latest
-[W3C Web Content Accessibility Guidelines (WCAG) 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/)
-and violations have been identified as high priority issues. This document will
-be updated when these accessibility issues are resolved.
+Design annotations are needed for specific instances shown below, but for the
+standard content switcher component, Carbon already incorporates accessibility.
 
 </PageDescription>
 
 <AnchorLinks>
-  <AnchorLink>Accessibility considerations</AnchorLink>
-  <AnchorLink>Resources</AnchorLink>
-  <AnchorLink>Accessibility testing</AnchorLink>
+  <AnchorLink>What Carbon provides</AnchorLink>
+  <AnchorLink>Design recommendations</AnchorLink>
+  <AnchorLink>Development considerations</AnchorLink>
 </AnchorLinks>
 
-## Accessibility considerations
+## What Carbon provides
 
-1. Each content switcher tab must have a unique title that clearly describes the
-   content panel. This is particularly helpful for users of assistive
-   technologies so they have the necessary information to efficiently navigate
-   the content.
-2. Carbon components should be used to create the content that displays within
-   each content panel.
-3. Content authors need to ensure the content that is added to the tab panel is
-   accessible. For example, if you add an image to the panel you need to include
-   alternative text to pass accessibility testing.
+Carbon bakes keyboard operation into its components, improving the experience of
+blind users and others who operate via the keyboard. Carbon incorporates many
+other accessibility considerations, some of which are described below.
 
-## Resources
+### Keyboard interactions
 
-- [W3C WAI-ARIA Tab Design Pattern](https://www.w3.org/TR/wai-aria-practices-1.1/#tabpanel)
-  covers the usage of ARIA names, state and roles, as well as the expected
-  keyboard interactions.
-- [IBM Accessibility Requirements](https://www.ibm.com/able/requirements/requirements/):
+Like tabs, content switchers can be automatic or manual. In both instances, the
+content switcher takes one tab stop, and arrow keys are used to navigate between
+content tabs.
 
-  - [1.3.1 Info and Relationships](https://www.ibm.com/able/requirements/requirements/#1_3_1)
-    (WCAG Success Criteria
-    [1.3.1](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships))
-  - [1.3.2 Meaningful Sequence](https://www.ibm.com/able/requirements/requirements/#1_3_2)
-    (WCAG Success Criteria
-    [1.3.2](https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence))
+<Row>
+<Column colLg={8}>
+
+![A user tabs to the content switcher then changes the selection with left and right arrow keys. Pressing tab again moves focus to a link inside the section's content.](images/content-switcher-accessibility-1.png)
+
+<Caption>
+  Manual and automatic content switchers have the same basic keyboard
+  interaction.
+</Caption>
+
+</Column>
+</Row>
+
+Automatic and manual switchers differ in how they are activated. The following
+illustration shows what will happen for each variant when a right arrow key is
+pressed with the All content tab selected and focused.
+
+For automatic switchers, focus and selection are synchronized. When the user
+arrows to a tab, it is selected and the content section under the switcher is
+updated in real time.
+
+Manual switchers allow the user to arrow between the content tabs without
+updating the content section underneath. When the user right arrows, the All
+content tab remains selected while focus moves to the Read tab. In order to
+select the Read tab (and update the content section under the switcher) the user
+would press `Enter` or `Space`.
+
+<Row>
+<Column colLg={8}>
 
-## Accessibility testing
+![Two variants of a content switcher with tabs called All, Read and Unread. In the first, the Read tab is selected and focused. In the second the All tab is selected and the Read tab has a focus indicator](images/content-switcher-accessibility-2.png)
 
-Automated, manual and screen reader accessibility verification test has been
-performed on the Content Switcher React Carbon Component.
-[WCAG 2.1 Level A and AA success criteria](https://www.w3.org/TR/WCAG21/) issues
-have been identified and the list of open accessibility violations is available
-in the Carbon Component GitHub repository.
+<Caption>
+  Arrows keys alone update the selected tab in an automatic content switcher.
+  The Space and Enter keys are used to select a content tab after arrowing to it
+  in a manual variant.
+</Caption>
 
-### Automated test
+</Column>
+</Row>
+
+## Design recommendations
+
+### Indicate which variant to implement
+
+The automatic and manual switchers are visually indistinguishable in a
+wireframe, so designers should annotate which variant the team has decided to
+implement. Since the choice largely concerns technical considerations about
+potential latency when updating the content section’s information, architects or
+developers should be involved in the discussion.
 
 <Row>
-  <Column noGutterSm>
-    <StructuredListWrapper>
-      <StructuredListHead>
-        <StructuredListRow head>
-          <StructuredListCell head>
-            Automated test environment
-          </StructuredListCell>
-          <StructuredListCell head>Results</StructuredListCell>
-        </StructuredListRow>
-      </StructuredListHead>
-      <StructuredListBody>
-        <StructuredListRow>
-          <StructuredListCell>
-            - macOS Mojave version 10.14.2 with VoiceOver
-            <br />
-            - Chrome version 77.0.3865.90
-            <br />
-            - Dynamic Assessment Plugin (DAP) version 1.8.0.0 - IBM
-            Accessibility WCAG 2.1 Sept. 2019 Ruleset
-            <br />- Carbon React version 7.7.1
-          </StructuredListCell>
-          <StructuredListCell>
-            <strong>DAP test:</strong>
-            <br />- Violations
-          </StructuredListCell>
-        </StructuredListRow>
-      </StructuredListBody>
-    </StructuredListWrapper>
-  </Column>
+<Column colLg={8}>
+
+![Two content switchers, one with a pink annotation reading "auto", the other with an annotation "manual"](images/content-switcher-accessibility-3.png)
+
+<Caption>
+  Annotate whether the switcher should be implemented as automatic or manual.
+</Caption>
+
+</Column>
 </Row>
+
+## Development considerations
+
+Keep these considerations in mind if you are modifying Carbon or creating a
+custom component.
+
+- The Content switcher is implemented as a `tablist`, with each content tab
+  implemented as a `<button>` with a role of `tab`.
+- The selected content tab has attributes `aria-selected="true"` and
+  `tabindex="0"`. All other tabs have these attribute values set to `"false"`
+  and `"-1"`.
+- See the
+  [ARIA authoring practices guidance for tabs](https://w3c.github.io/aria-practices/#tabpanel)
+  for more considerations.
+- For accessibility considerations for manual content switchers, see
+  [Deciding when to make selection automatically follow focus](https://w3c.github.io/aria-practices/#kbd_selection_follows_focus).