Skip to content

Commit

Permalink
Sync carbon-platform branch (#3417)
Browse files Browse the repository at this point in the history
* 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 <josefinanoemi4@gmail.com>
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] <support@github.com>

* chore(format):  run yarn format

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>
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 <43969356+laurenmrice@users.noreply.github.com>

* update calendar images

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: jnm2377 <jnm2377@users.noreply.github.com>

* Compressed Images (#3106)

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

* Compressed Images (#3060)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
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 <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: Josefina Mancilla <josefinanoemi4@gmail.com>
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 <40970507+dakahn@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* updated-overview-image

* fix: format and add to nav

* Update code.mdx

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: Josefina Mancilla <josefinanoemi4@gmail.com>

* 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 <38994122+Akshat55@users.noreply.github.com>

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

ok thx

Co-authored-by: Akshat Patel <38994122+Akshat55@users.noreply.github.com>

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

ok thx

Co-authored-by: Akshat Patel <38994122+Akshat55@users.noreply.github.com>

Co-authored-by: Akshat Patel <38994122+Akshat55@users.noreply.github.com>
Co-authored-by: D.A. Kahn <40970507+dakahn@users.noreply.github.com>
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 <tw15egan@gmail.com>

* 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 <40970507+dakahn@users.noreply.github.com>
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 <kodiakhq@users.noreply.github.com>

* 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 <dakahn@protonmail.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

* image and content updates

* Update usage.mdx

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* Notification for Tile (#3126)

* Notification for Tile

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>

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

* Compressed Images (#3131)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>

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

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

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>
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 <tay1orjones@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* chore: output of yarn format

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>

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

* Compressed Images (#3162)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
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 <abbeyhrt@users.noreply.github.com>

* 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 <tw15egan@gmail.com>

* Compressed Images (#3184)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <agonz@us.ibm.com>

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <tw15egan@gmail.com>
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 <kodiakhq@users.noreply.github.com>

* 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 <aledavila@users.noreply.github.com>
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 <adavila91@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

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

Co-authored-by: aledavila <aledavila@users.noreply.github.com>
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 <matt.rosno@gmail.com>

* chore(formatting): output of yarn:format

Co-authored-by: Matt Rosno <matt.rosno@gmail.com>
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 <taylor.jones826@gmail.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* Compressed Images (#3217)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <tay1orjones@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

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

Co-authored-by: tw15egan <tw15egan@users.noreply.github.com>
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 <tw15egan@users.noreply.github.com>
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 <taylor.jones826@gmail.com>
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 <tw15egan@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3230)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <tw15egan@gmail.com>
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 <tw15egan@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>
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 <kodiakhq@users.noreply.github.com>

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>
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] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
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 <tw15egan@gmail.com>

* Compressed Images (#3255)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <taylor.jones826@gmail.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

* feat: add sass faq (#3228)

* feat: add sass faq

* address review feedback

Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

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

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>
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 <tw15egan@gmail.com>

* Compressed Images (#3283)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* Compressed Images (#3278)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <alison.joseph@us.ibm.com>

* update: filter pattern images (#3280)

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
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 <agonz@us.ibm.com>

* fix: formatting

* Update style.mdx

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* update images

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
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 <alisonjoseph@users.noreply.github.com>
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 <alisonjoseph@users.noreply.github.com>

* 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] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
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 <kodiakhq@users.noreply.github.com>
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] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
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 <aledavila@users.noreply.github.com>
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 <tw15egan@gmail.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>

* update with notification

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>
Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

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

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

* Compressed Images (#3307)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* Apply suggestions for typos

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* chore(format): fix format error

* Update the select doc

* update select doc

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

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Compressed Images (#3316)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <anna.gonzales3@gmail.com>

* update images

Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>

* Compressed Images (#3321)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* Compressed Images (#3323)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* typo fix (#3324)

* typo fix

unnecessary parenthesis

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

Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>
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 <alison.joseph@us.ibm.com>
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 <alison.joseph@us.ibm.com>
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 <taylor.jones826@gmail.com>

* 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 <taylor.jones826@gmail.com>

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

Co-authored-by: tw15egan <tw15egan@users.noreply.github.com>

* 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] <support@github.com>

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

* Compressed Images (#3340)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <taylor.jones826@gmail.com>

* Compressed Images (#3349)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

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

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

I altered a bit, but addressed

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* Update accessibility.mdx

fixed typo introduced by my inline edit

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
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 <tay1orjones@users.noreply.github.com>

* 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 <kodiakhq@users.noreply.github.com>

* [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 <tw15egan@gmail.com>
Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com>

* Update .kodiak.toml (#3374)

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

Co-authored-by: aledavila <aledavila@users.noreply.github.com>

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

* Compressed Images (#3378)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <tw15egan@gmail.com>

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

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

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
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 <tw15egan@users.noreply.github.com>
Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>

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

Co-authored-by: tw15egan <tw15egan@users.noreply.github.com>

* Compressed Images (#3395)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

* Apply suggestions from design review

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* fixed-image-names

* update image

* update-placeholder-images

* Update usage.mdx

* remove italic headings

* manually fixed typos from lauren

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>
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 <tay1orjones@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* chore: output of yarn format

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>

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

* Compressed Images (#3162)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
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 <abbeyhrt@users.noreply.github.com>

* 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 <tw15egan@gmail.com>

* Compressed Images (#3184)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>

* 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 <agonz@us.ibm.com>

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <tw15egan@gmail.com>
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 <kodiakhq@users.noreply.github.com>

* 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 <aledavila@users.noreply.github.com>
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 <adavila91@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

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

Co-authored-by: aledavila <aledavila@users.noreply.github.com>
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 <43969356+laurenmrice@users.noreply.github.com>

* Apply suggestions from design review

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* fixed-image-names

* update image

* update-placeholder-images

* Update usage.mdx

* remove italic headings

* manually fixed typos from lauren

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* chore(format):  run yarn format

Co-authored-by: carbon-automation[bot] <103539138+carbon-automation[bot]@users.noreply.github.com>
Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>
Co-authored-by: Alessandra Davila <adavila91@gmail.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>
Co-authored-by: Abhilipsa Sahoo <abhilipsasahoo03@gmail.com>
Co-authored-by: Mike Gower <mikegower@gmail.com>
Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
Co-authored-by: D.A. Kahn <40970507+dakahn@users.noreply.github.com>
Co-authored-by: Eliad Moosavi <theiliad@users.noreply.github.com>
Co-authored-by: abbeyhrt <abbeyhrt@users.noreply.github.com>
Co-authored-by: Michael Zuliani <zuliani@ca.ibm.com>
Co-authored-by: Jan Hassel <jan.hassel@ibm.com>
Co-authored-by: metonym <ericyl.us@gmail.com>
Co-authored-by: Jeff Chew <jeff.chew@gmail.com>
Co-authored-by: aledavila <aledavila@users.noreply.github.com>

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

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

Co-authored-by: tay1orjones <tay1orjones@users.noreply.github.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>

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

Co-authored-by: Anna Gonzales <agonz@us.ibm.com>

* 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 <agonz@us.ibm.com>
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 <tay1orjones@users.noreply.github.com>

* 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 <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

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

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>

* Update src/…
  • Loading branch information
Show file tree
Hide file tree
Showing 175 changed files with 173 additions and 70 deletions.
100 changes: 92 additions & 8 deletions src/data/guidelines/color-tokens.js
Original file line number Diff line number Diff line change
Expand Up @@ -881,8 +881,8 @@ const colorTokens = {
hex: '#e0e0e0',
},
g10: {
name: 'Gray 20',
hex: '#e0e0e0',
name: 'Gray 30',
hex: '#c6c6c6',
},
g90: {
name: 'Gray 70',
Expand All @@ -898,8 +898,8 @@ const colorTokens = {
role: ['Subtle borders paired with $layer-01'],
value: {
white: {
name: 'Gray 20',
hex: '#e0e0e0',
name: 'Gray 30',
hex: '#c6c6c6',
},
g10: {
name: 'Gray 20',
Expand All @@ -923,8 +923,8 @@ const colorTokens = {
hex: '#e0e0e0',
},
g10: {
name: 'Gray 20',
hex: '#e0e0e0',
name: 'Gray 30',
hex: '#c6c6c6',
},
g90: {
name: 'Gray 60',
Expand All @@ -940,8 +940,8 @@ const colorTokens = {
role: ['Subtle borders paired with $layer-03'],
value: {
white: {
name: 'Gray 20',
hex: '#e0e0e0',
name: 'Gray 30',
hex: '#c6c6c6',
},
g10: {
name: 'Gray 20',
Expand Down Expand Up @@ -1095,6 +1095,69 @@ const colorTokens = {
},
},
},
'$border-tile-01': {
role: ['Operable tile indicator paired with $layer-01'],
value: {
white: {
name: 'Gray 30',
hex: '#c6c6c6',
},
g10: {
name: 'Gray 40',
hex: '#a8a8a8',
},
g90: {
name: 'Gray 60',
hex: '#6f6f6f',
},
g100: {
name: 'Gray 70',
hex: '#525252',
},
},
},
'$border-tile-02': {
role: ['Operable tile indicator paired with $layer-02'],
value: {
white: {
name: 'Gray 40',
hex: '#a8a8a8',
},
g10: {
name: 'Gray 30',
hex: '#c6c6c6',
},
g90: {
name: 'Gray 50',
hex: '#8d8d8d',
},
g100: {
name: 'Gray 60',
hex: '#6f6f6f',
},
},
},
'$border-tile-03': {
role: ['Operable tile indicator paired with $layer-03'],
value: {
white: {
name: 'Gray 30',
hex: '#c6c6c6',
},
g10: {
name: 'Gray 40',
hex: '#a8a8a8',
},
g90: {
name: 'Gray 40',
hex: '#a8a8a8',
},
g100: {
name: 'Gray 50',
hex: '#8d8d8d',
},
},
},
'$border-inverse': {
role: ['High contrast border', '4.5:1 AA non-text contrast'],
value: {
Expand Down Expand Up @@ -1526,6 +1589,27 @@ const colorTokens = {
},
},
},
'$icon-interactive': {
role: ['Icons that indicate operability'],
value: {
white: {
name: 'Blue 60',
hex: '#0f62fe',
},
g10: {
name: 'Blue 60',
hex: '#0f62fe',
},
g90: {
name: 'White',
hex: '#ffffff',
},
g100: {
name: 'White',
hex: '#ffffff',
},
},
},
'$icon-inverse': {
role: ['Inverse icon color'],
value: {
Expand Down
Binary file modified src/pages/components/checkbox/images/checkbox-style-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/checkbox/images/checkbox-style-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/checkbox/images/checkbox-usage-8.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 10 additions & 7 deletions src/pages/components/checkbox/style.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -27,15 +27,18 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']

### Interactive states

| Element | Property | Color token |
| ----------------- | ---------- | ---------------- |
| Checkbox:focus | border | `$focus` |
| Label:disabled | text color | `$text-disabled` |
| Checkbox:disabled | border | `$icon-disabled` |
| | background | `$icon-disabled` |
| State | Element | Property | Color token |
| --------- | -------- | ---------- | ---------------- |
| Focus | Checkbox | border | `$focus` |
| Disabled | Label | text color | `$text-disabled` |
| | Checkbox | border | `$icon-disabled` |
| | | background | `$icon-disabled` |
| Read-only | Label | text color | `$text-primary` |
| | Checkbox | border | `$icon-disabled` |
| | | inner fill | `$icon-primary` |

<Row>
<Column colLg={8}>
<Column colLg={12}>

![Checkbox interactive states](images/checkbox-style-2.png)

Expand Down
13 changes: 8 additions & 5 deletions src/pages/components/checkbox/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -261,20 +261,23 @@ option selected.
<Row>
<Column colLg={8}>

![Unselected, selected and indeterminate states of checkbox.](images/checkbox-usage-7.png)
![Unselected, selected, and indeterminate states of checkbox.](images/checkbox-usage-7.png)

</Column>
</Row>

Use the indeterminate state when the checkbox contains a sublist of selections,
some of which are selected, and some unselected. In addition to unselected,
selected, and indeterminate states, checkboxes also have states for focus and
disabled.
selected, and indeterminate states, checkboxes also have states for focus,
disabled, and read-only. When deciding whether to use a disabled or read-only
state for checkboxes, see our
[Read-only states pattern](https://carbondesignsystem.com/patterns/read-only-states-pattern/)
guidance.

<Row>
<Column colLg={8}>
<Column colLg={12}>

![Focus and disabled states of checkbox.](images/checkbox-usage-8.png)
![Focus, disabled, and read-only states of checkbox.](images/checkbox-usage-8.png)

</Column>
</Row>
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/date-picker/images/date-picker-anatomy.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/date-picker/images/date-picker-style-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/date-picker/images/time-picker-anatomy.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/date-picker/images/time-picker-style-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/dropdown/images/dropdown-style-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/dropdown/images/dropdown-style-1b.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/dropdown/images/dropdown-style-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/dropdown/images/dropdown-style-2b.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/pages/components/dropdown/images/dropdown-style-3.png
Binary file modified src/pages/components/dropdown/images/dropdown-style-3b.png
Binary file modified src/pages/components/dropdown/images/dropdown-style-5.png
Binary file modified src/pages/components/dropdown/images/dropdown-style-5b.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-1-fluid.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-1.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-10a.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-10b.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-10d.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-10e.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-10f.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-11c.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-3-fluid.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-4-do.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-4-dont.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-7a.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-8a.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-8b.png
Binary file modified src/pages/components/dropdown/images/dropdown-usage-9a.png
Binary file modified src/pages/components/form/images/form-style-1.png
Binary file modified src/pages/components/form/images/form-style-4.png
Binary file modified src/pages/components/form/images/form-usage-1-fluid.png
Binary file modified src/pages/components/form/images/form-usage-1.png
Binary file modified src/pages/components/form/images/form-usage-2.png
Binary file modified src/pages/components/form/images/form-usage-3-do.png
Binary file modified src/pages/components/form/images/form-usage-3-dont.png
Binary file modified src/pages/components/form/images/form-usage-4-do.png
Binary file modified src/pages/components/form/images/form-usage-4-dont.png
Binary file modified src/pages/components/form/images/form-usage-5.png
Binary file modified src/pages/components/form/images/form-usage-5b.png
Binary file modified src/pages/components/form/images/form-usage-6.png
Binary file modified src/pages/components/form/images/form-usage-7.png
Binary file modified src/pages/components/form/images/form-usage-8.png
Binary file modified src/pages/components/form/images/form-usage-optional.png
Binary file modified src/pages/components/form/images/form-usage-required.png
Binary file modified src/pages/components/form/images/form-usage-states-fixed.png
Binary file modified src/pages/components/form/images/form-usage-states-fluid.png
6 changes: 3 additions & 3 deletions src/pages/components/notification/code.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ usage documentation, see the Storybooks for each framework below.
<Column colLg={4} colMd={4} noGutterSm>
<ResourceCard
subTitle="React"
href="https://react.carbondesignsystem.com/?path=/story/components-notifications--toast"
href="https://react.carbondesignsystem.com/?path=/story/components-notifications-toast--default"
>

<MdxIcon name="react" />
Expand Down Expand Up @@ -79,7 +79,7 @@ usage documentation, see the Storybooks for each framework below.
}}
links={{
React:
'https://react.carbondesignsystem.com/?path=/story/components-notifications--toast',
'https://react.carbondesignsystem.com/?path=/story/components-notifications-toast--default',
Angular:
'https://angular.carbondesignsystem.com/?path=/story/components-notification--toast',
Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtoastnotification--default',
Expand All @@ -106,7 +106,7 @@ usage documentation, see the Storybooks for each framework below.
}}
links={{
React:
'https://react.carbondesignsystem.com/?path=/story/components-notifications--inline',
'https://react.carbondesignsystem.com/?path=/story/components-notifications-inline--default',
Angular:
'https://angular.carbondesignsystem.com/?path=/story/components-notification--basic',
Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvinlinenotification--default',
Expand Down
4 changes: 2 additions & 2 deletions src/pages/components/notification/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ although some product teams also support banners and notification centers.
}}
links={{
React:
'https://react.carbondesignsystem.com/?path=/story/components-notifications--toast',
'https://react.carbondesignsystem.com/?path=/story/components-notifications-toast--default',
Angular:
'https://angular.carbondesignsystem.com/?path=/story/components-notification--toast',
Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvtoastnotification--default',
Expand All @@ -111,7 +111,7 @@ although some product teams also support banners and notification centers.
}}
links={{
React:
'https://react.carbondesignsystem.com/?path=/story/components-notifications--inline',
'https://react.carbondesignsystem.com/?path=/story/components-notifications-inline--default',
Angular:
'https://angular.carbondesignsystem.com/?path=/story/components-notification--basic',
Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvinlinenotification--default',
Expand Down
Diff not rendered.
40 changes: 23 additions & 17 deletions src/pages/components/number-input/style.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -45,25 +45,31 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']

### Interactive states

| Element | Property | Color token |
| ----------------- | ----------------------- | ------------------- |
| Controls:hover | background-color | `field-hover` \* |
| Field:focus | border | `$focus` |
| Controls:focus | border | `$focus` |
| Field:invalid | border | `$support-error` |
| Error icon | svg | `$support-error` |
| Error message | text color | `$text-error` |
| Warning icon | svg | `support-warning` |
| Warning message | text color | `text-primary` |
| Label:disabled | text color | `$text-disabled` |
| Field:disabled | background-color | `$field` \* |
| | border-bottom (default) | transparent |
| | border-bottom (fluid) | `$border-subtle` \* |
| Number:disabled | text color | `$text-disabled` |
| Controls:disabled | svg color | `$icon-disabled` |
| State | Element | Property | Color token |
| --------- | --------------- | -------------------------- | ------------------- |
| Hover | Controls | background-color | `field-hover` \* |
| Focus | Field | border | `$focus` |
| | Controls | border | `$focus` |
| Invalid | Field | border | `$support-error` |
| | Error icon | svg | `$support-error` |
| | Error message | text color | `$text-error` |
| Warning | Warning icon | svg | `support-warning` |
| | Warning message | text color | `text-primary` |
| Disabled | Label | text color | `$text-disabled` |
| | Field | background-color | `$field` \* |
| | | border-bottom (default) | transparent |
| | | border-bottom (fluid) | `$border-subtle` \* |
| | Number | text color | `$text-disabled` |
| | Controls | svg color | `$icon-disabled` |
| Read-only | Field | background-color (default) | transparent |
| | | background-color (fluid) | `$field` \* |
| | | border-bottom | `$border-subtle` \* |
| | Number | text color (default) | `$text-primary` |
| | | text color (fluid) | `$text-secondary` |
| | Controls | svg color | `$icon-disabled` |

<Row>
<Column colLg={12}>
<Column colLg={8}>

<Tabs>

Expand Down
27 changes: 14 additions & 13 deletions src/pages/components/number-input/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -264,21 +264,22 @@ Label, numeric value, and helper text should be short and not exceed two lines.
### States

The number input has a series of states for both field and controls elements:
**enabled**, **hover**, **focus**, **error**, **warning**, and **disabled**.

| State | When to use |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| _Enabled_ | When the number input is live but a user is not directly interacting with it. This is commonly referred to as the default or normal state of the component. An enabled number input field should contain a default value. |
| _Hover_ | When a user's mouse cursor is hovering over the field or the button controls. |
| _Focus_ | When a user tabs to or clicks on the number input, the field or controls become focused, indicating the user has successfully navigated to the component. |
| _Error_ | When the required number input has not been filled in. It can also be triggered due to a system error. This state requires a user response before data can be submitted or saved. |
| _Warning_ | When you need to call the user's attention to an exception condition. The condition might not be an error but can cause problems if not resolved. |
| _Disabled_ | When the user is not allowed to interact with the number input due to either permissions, dependencies, or pre-requisites. The disabled state completely removes the interactive function from a component. The styling is not subject to WCAG contrast compliance. |
| _Skeleton_ | Use on an initial page load to indicate that the number input has not yet fully loaded. |
| _Read-only_ | _Coming soon!_ |
**enabled**, **hover**, **focus**, **error**, **warning**, **disabled**, and
**read-only**.

| State | When to use |
| ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| _Enabled_ | When the number input is live but a user is not directly interacting with it. This is commonly referred to as the default or normal state of the component. An enabled number input field should contain a default value. |
| _Hover_ | When a user's mouse cursor is hovering over the field or the button controls. |
| _Focus_ | When a user tabs to or clicks on the number input, the field or controls become focused, indicating the user has successfully navigated to the component. |
| _Error_ | When the required number input has not been filled in. It can also be triggered due to a system error. This state requires a user response before data can be submitted or saved. |
| _Warning_ | When you need to call the user's attention to an exception condition. The condition might not be an error but can cause problems if not resolved. |
| _Disabled_ | When the user cannot interact with a component and all interactive functions have been removed. Unlike read-only states, disabled states are not focusable, are not read by screen readers, and do not need to pass visual contrast, making them inaccessible if they need to be interpreted. |
| _Skeleton_ | Use on an initial page load to indicate that the number input has not yet fully loaded. |
| _Read-only_ | When the user can review but not modify the component. This state removes all interactive functions like the disabled state but can still be focusable, accessible by screen readers, and passes visual contrast for readability. |

<Row>
<Column colLg={12}>
<Column colLg={8}>

<Tabs>

Expand Down
19 changes: 11 additions & 8 deletions src/pages/components/radio-button/style.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,24 +20,27 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
<Row>
<Column colLg={8}>

![Radiob button states](images/radio-button-style-1.png)
![Radio button states](images/radio-button-style-1.png)

</Column>
</Row>

### Interactive colors

| Element | Property | Color token |
| --------------------- | ---------- | ---------------- |
| Radio button:focus | border | `$focus` |
| Label:disabled | text color | `$text-disabled` |
| Label:disabled | text color | `$text-disabled` |
| Radio button:disabled | border | `$icon-disabled` |
| State | Element | Property | Color token |
| --------- | ------------ | ---------- | ---------------- |
| Focus | Radio button | border | `$focus` |
| Disabled | Label | text color | `$text-disabled` |
| | Radio button | border | `$icon-disabled` |
| | | inner fill | `$icon-disabled` |
| Read-only | Label | text color | `$text-primary` |
| | Radio button | border | `$icon-disabled` |
| | | inner fill | `$icon-primary` |

<Row>
<Column colLg={8}>

![Radiob button interactive states](images/radio-button-style-2.png)
![Radio button interactive states](images/radio-button-style-2.png)

</Column>
</Row>
Expand Down
17 changes: 10 additions & 7 deletions src/pages/components/radio-button/usage.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -270,26 +270,29 @@ For further content guidance, see Carbon's

### States

The radio button input allows for two states: unselected and selected. The
default view of a radio button is having at least one radio button preselected.
Only one radio button should be selected at a time. When a user chooses a new
item, the previous choice is automatically deselected.
The radio button input allows for two states: **unselected** and **selected**.
The default view of a radio button is having at least one radio button
preselected. Only one radio button should be selected at a time. When a user
chooses a new item, the previous choice is automatically deselected.

<Row>
<Column colLg={8}>

![Examples of selected and unselected radio buttons](images/radio-button-usage-7.png)
![Examples of unselected and selected radio buttons](images/radio-button-usage-7.png)

</Column>
</Row>

In addition to unselected and selected states, radio buttons also have states
for focus and disabled.
for focus, disabled, and read-only. When deciding whether to use a disabled or
read-only state for radio buttons, see our
[Read-only states pattern](https://carbondesignsystem.com/patterns/read-only-states-pattern/)
guidance.

<Row>
<Column colLg={8}>

![Examples of focus states and disabled states](images/radio-button-usage-8.png)
![Examples of focus, disabled, and read-only states](images/radio-button-usage-8.png)

</Column>
</Row>
Expand Down
Binary file modified src/pages/components/search/images/search-anatomy-fixed.png
Binary file modified src/pages/components/search/images/search-anatomy-fluid.png
Binary file modified src/pages/components/search/images/search-click-area-fixed.png
Binary file modified src/pages/components/search/images/search-click-area-fluid.png
Binary file modified src/pages/components/search/images/search-sizes-fixed.png
Binary file modified src/pages/components/search/images/search-sizes-fluid.png
Binary file modified src/pages/components/search/images/search-style-1.png
Binary file modified src/pages/components/search/images/search-style-fixed-2.png
Binary file modified src/pages/components/search/images/search-style-fixed-3a.png
Binary file modified src/pages/components/search/images/search-style-fixed-3b.png
Binary file modified src/pages/components/search/images/search-style-fixed-3c.png
Binary file modified src/pages/components/search/images/search-style-fluid-2.png
Binary file modified src/pages/components/search/images/search-style-fluid-3a.png
Binary file modified src/pages/components/search/images/search-styles.png
Binary file modified src/pages/components/select/images/select-anatomy-fixed.png
Binary file modified src/pages/components/select/images/select-anatomy-fluid.png
Binary file modified src/pages/components/select/images/select-sizes-fixed.png
Binary file modified src/pages/components/select/images/select-sizes-fluid.png
Binary file modified src/pages/components/select/images/select-states-fixed.png
Binary file modified src/pages/components/select/images/select-states-fluid.png
Binary file modified src/pages/components/select/images/select-style-color-fixed.png
Binary file modified src/pages/components/select/images/select-style-color-fluid.png
Binary file modified src/pages/components/select/images/select-styles.png
Binary file modified src/pages/components/tooltip/images/tooltip-accessibility-1.png
Binary file modified src/pages/patterns/fluid-styles/images/fluid-pattern-form.png
Binary file modified src/pages/patterns/fluid-styles/images/form-usage-4-do.png
Binary file modified src/pages/patterns/fluid-styles/images/form-usage-4-dont.png

0 comments on commit 5f5fd88

Please sign in to comment.