Skip to content

Commit

Permalink
chore: sync v11 with main branch (#2748)
Browse files Browse the repository at this point in the history
* status indicator pattern

* Update index.mdx

Full copy edit and revision.

* copy edits, finalizing names for indicators

* chore: temporarily remove status indicator from sidenav

* docs(support-02): update support-02 value (#2288)

* add button variants to live modal preivew (#2299)

* docs(Modal): update modal live preview

* docs(Modal): add solo button example to code docs

* docs(Modal): update action handler

Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>

* chore(gatsby): remove v3.0 FAST_REFRESH flag (#2336)

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

* comms: All about Carbon additions, edits, deletions (#2338)

* comms: all about carbon additions

* update to the team page

* copyediting pass

* Update src/pages/all-about-carbon/who-uses-carbon.mdx

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

* Update src/pages/all-about-carbon/who-uses-carbon.mdx

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

* Update src/pages/all-about-carbon/who-uses-carbon.mdx

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

* Update src/pages/all-about-carbon/who-uses-carbon.mdx

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

* Update src/pages/all-about-carbon/who-uses-carbon.mdx

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

* Delete why-use-carbon copy.mdx

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

* copy edits to who uses carbon (#2347)

* fix: update Carbon for IBM.com community index links (#2343)

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

* Removed space between paragraphs (#2351)

Removed space between paragraphs in “Overview” and “Carbon is open source” so the copy reads continuously without paragraph breaks. Not needed and disrupting the one thought.

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

* Copy edit: Added “be” to “they can be used” (#2349)

Added “be” to “they can be used” in the “Overview” paragraph

Co-authored-by: TJ Egan <tw15egan@gmail.com>

* fix: minor updates to vue tutorial (#2352)

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

* Update index.mdx (#2361)

typo to fix anchor link from "Actions: The main actions needed to complete or cancel the dialog task. Button groupings change based on modal variant. Use descriptive words for the actions like Add, Delete, Save and avoid vague words like Done or OK."

original line 60: "[Button groupings](/patterns/dialog-pattern#buttons-groups) change based on"
fixed line 60: "[Button groupings](/patterns/dialog-pattern#button-groups) change based on"

* Audit avt1 component demo label text area (#2335)

* testing

* fix(componeent-demo): audit-avt1-component-demo-label-text-area

* fix(componeent-demo): updated label title

* fix: undo change

* fix: remove console log

* Update src/components/ComponentDemo/ComponentDemo.js

Co-authored-by: TJ Egan <tw15egan@gmail.com>

* fix: add label variable

Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): update to v10.36.0 (#2365)

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

* chore: remove references to #carbon-elements channel (#2371)

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

* Update link for github tutorials (#2362)

Previous link gives 404

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

* Compressed Images (#2392)

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

* update to steering committee (#2400)

* chore: format (#2398)

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

* chore(release): v10.37.0 (#2405)

* chore: remove sw

* Update package.json

* Update deploy.yml

* update carbon-charts version/add new demos (#2300)

* update charts version

* fix card

* chore: format

Co-authored-by: emyarod <afw5059@gmail.com>

* Fixes hover-primary-text hex for blue 70 (#2409)

Blue 70 should be #0043ce

Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* chore(release): v10.37.1 (#2415)

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

* feat: add StatusIndicator table component (#2377)

* feat: add StatusIndicator table component

* feat: add other attention yaml entries

* feat: add status and statusExtended paletts

* fix: palette name

* feat: add glyph table

* chore: update theme

* fix: color palette switcher border

* refactor: clean up styles and components

* fix: use object to prevent blurry svgs on safari/ff

* fix: remove SVG filter junk

* feat: twoColumn color palette prop

* fix: dark caution ghost paths

* fix: palette data, caret size, overview paragraph spacing

* Update status-indicators.yaml

* fix: token names, image assets

* fix: add number badge image

* fix: add image url

* Update status-indicators.yaml

* fix: indicator data, checkmark filled, image cols

* Update status-indicators.yaml

* fix: glyph swap

Co-authored-by: jeanservaas <43144260+jeanservaas@users.noreply.github.com>

* fix(code-snippet): fix accessbility duplicate header (#2334)

* testing

* fix(code-snippet): fix accessbility duplicate header

* Update usage.mdx

* fix: overflow content headers

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

* Compressed Images (#2427)

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

* Release/v10.38.0 (#2425)

* testing

* chore(release): v10.38.0

* whoops

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

* fix(Typography): fix issues with inline copy button (#2433)

* docs: add feducation video to v11 page (#2431)

Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>

* add carbon charts slack channel link (#2429)

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

* docs: add Image production guidelines Sketch kit (#2437)

* docs: add image production guidelines sketch kit

-Add sketch kit as a tile

* update: link to sketch cloud

* docs: add steering committee members (#2434)

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

* Update accessibility.mdx

* Update code.mdx

* Status indicator follow-up (#2436)

* fix(CodeSnippet): use token for copy button (#2441)

* fix(CodeSnippet): use token for copy button

* fix(CodeSnippet): set correct hover color

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

* chore(release): v10.39.0 (#2442)

* testing

* chore(release): v10.39.0

* Update usage.mdx

* Compressed Images (#2446)

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

* Add design to codeowners (#2445)

* Release/v10.40.0 rc.0 (#2453)

* testing

* chore(release): smoke test for v10.40.0-rc.0

* v10.40.0 (#2458)

* testing

* chore(release): v10.40.0

* chore(release): v10.40.0

* dark color-scheme value for 2 demo components (#2466)

* update color-scheme for code bar component

* dark color-scheme for the component demo snippet

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

* fix(IconLibrary): fix issue with glyph only icons (#2457)

* fix(IconLibrary): fix issue with glyph only icons

* fix(IconLibrary): change path

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

* demo link list only scrollable if there's overflow (#2462)

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

* update carbon charts to v0.41.92 (#2461)

Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* v10.40.1 (#2469)

* testing

* chore(release): v10.40.1

* whoops

* fix broken dataviz links (#2468)

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

* fix(color): fix v10 color page bugs (#2471)

* testing

* fix(color): fix v10 color page bugs

* fix(color): fix v10 color page bugs v2

* chore: update lockfile (#2479)

* chore: fix carbon-components-react resolutions (#2481)

* fix(dataviz): broken links (#2477)

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

* chore(project): update carbon to v10.41.0 (#2478)

* chore(project): update carbon to v10.41.0-rc.0

* chore(project): update carbon to v10.41.0

* feat(homepage): add beta blog (#2483)

* Compressed Images (#2485)

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

* docs: remove Andrew and Jillian from team page 😔 (#2486)

* style(Meetups): add space to buttons (#2482)

* update carbon charts react to 0.41.101 & d3 to 7.0.0 (#2484)

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

* docs: add new medium article to v11 page (#2498)

* Update code.mdx (#2499)

* Content switcher images (#2492)

* updated images

reuploaded and renamed images

* updated images

updated images with new styles

* fixed bg

fixed usage-1 background color

* fixed broken image

updated broken image

* replaced image

replaces low res usage image for high res

* reuploaded high res image

trouble shooting high res image

* docs(dataviz): add histogram (#2493)

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

* docs(web-components): introduce CDN feature (#2496)

* docs(web-components): introduce CDN feature

Carbon Web Components are now available via CDN links, which can greatly
 reduce the development setup if importing as part of a front-end
 application build/tool chain.

* docs(web-components): adding codesandbox url for CDN

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

* chore(project): update carbon to v10.42.0 (#2505)

* [Don't merge yet] feat: update to gtc v2 and gatsby v3 (#2416)

* chore: update deps

* fix: gatsby v3 migration woes

* chore: fix shadowing issues

* chore: update charts to use gatsby-image

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

* fix(Icons): add additional logic to handle glyph-only icons (#2488)

Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>

* chore: build fresh lock file to resolve build failure (#2509)

* chore: build fresh lock file

* chore: remove gatsby v2 flags

* chore: fix node engine syntax

* fix: component index query

* fix: husky warning

* chore: migrate to Carbon eslint configuration (#2510)

* fix(overflowmenu): fix tabbing order (#2515)

* testing

* fix(overflowmenu): fix tabbing order

* whoops

* Compressed Images (#2524)

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

* docs: add myself to team page 👋 (#2526)

* fix: content guidance links (#2536)

* Term 'light' used instead of 'dark' (#2504)

In the paragraph 
'Dark themes
Gray 90 components are paired with Gray 100 backgrounds to make the Gray 100 Theme and Gray 80 components with Gray 90 backgrounds to make the Gray 90 Theme. Some components, such as buttons and toggles, share the same colors across both light themes.' - term 'light' (word behind the last one) is used and there should be 'dark'.

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

* chore(project): update carbon to v10.43.0 (#2534)

* chore(project): update carbon to v10.43.0-rc.0

* chore(project): update carbon to v10.43.0

* fix(UIShell): update storybook link (#2525)

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

* docs: partners and advisory board updates (#2533)

* fix: update content for design kit

New:
- Added maintainer name and link to bluepages

Changed:
- Updated design kit link

* fix: update content for design kit (#2120)

* fix: update content for design kit

New:
- Added maintainer name and link to bluepages

Changed:
- Updated design kit link

* edit: move maintainer section

* update

* update: images

* chatbot sync

* edits

* update: title content fixes

* update: more title edits

* fix: typo

* docs(dataviz): add tree diagram demos, update network thumbnail (#2543)

* docs(dataviz): add histogram

* docs(dataviz): add tree diagram demos, update network thumbnail

* docs(dataviz): add network diagram demos & tree diagram card (#2502)

* docs(dataviz): add histogram

* docs(dataviz): add network diagram demos & tree diagram card

* update icon

* update game

* update charts to 0.48.4

* remove unnecessary card

* demos(dataviz): add alluvial chart (#2546)

* docs(dataviz): add histogram

* demos(dataviz): add alluvial chart

* fix(overview-page): update image import (#2545)

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

* Compressed Images (#2548)

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

* fix: update link to the new URL of Gatsby theme (#2552)

* chore(project): update carbon to v10.44.0 (#2551)

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

* fix(ClickableTile): fix padding issue (#2521)

Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>

* Updated Optional versus required fields section (#2528)

Updated documentation to include the use of (required) as well as (optional).

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

* update double slider image (#2556)

took out extra image of slider in over section

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

* Update to include required labeling guidance (#2531)

Added guidance for marking form fields required or optional depending on use case, and added Default values sub-section in the Offering Help section.

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

* feat(type): added new styles (#2555)

* feat(type): added new styles

* feat(type): removed zombie

Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>

* chore(project): update carbon to v10.45.0-rc.0 (#2560)

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

* feat(MediumPosts): automates pulling in posts from our Medium account (#2562)

* feat(MediumPosts): ta da

* feat(MediumPosts): added to the latest news section

* feat(MediumPosts): shadow'd component to fix colors

* update charts to 0.50.5 (#2567)

* docs(dataviz): add histogram

* update charts to 0.50.5

* fix(Carbon-Website): update component accessibility links (#2569)

* Compressed Images (#2541)

Co-authored-by: kodiakhq <kodiakhq@users.noreply.github.com>
Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>

* doc: tile component update (#2519)

* doc: tile component update

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

Co-authored-by: TJ Egan <tw15egan@gmail.com>

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

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

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

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

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

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

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

Co-authored-by: tracey king <king.traceyj@gmail.com>

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

Co-authored-by: tracey king <king.traceyj@gmail.com>

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

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

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

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

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

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

* tile-v2-update

* tile-v2-update

* tile-v2-update

* doc-tile-component

* doc-tile-component

* doc-tile-component

* doc-tile-component

* doc-tile-component

* doc-tile-component

Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: tracey king <king.traceyj@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Fix a small typo in documentation (#2586)

Fix the typo in documentation by updating with correct component name.

* doc-tile-update (#2580)

* docs(web-components): adding code links for web components (#2588)

* docs(web-components): adding code links for web components

* fix(components): fixing quotes for web components

* docs(components): adding web components links to usage tabs

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

* Theme-2.1.3 (#2577)

* docs(button): add icon only ghost button (#2589)

* docs(button): add icon only ghost button

* Update style.mdx

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

* docs[designing]: added freehand resource (#2591)

* Update usage.mdx (#2597)

* Update svelte.mdx (#2595)

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

* feat(design-resources): added a11y kit (#2601)

* Compressed Images (#2605)

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

* Remove Mike Abbink from Carbon team page (#2610)

* Remove Mike Abbink from Carbon team page

Remove Mike Abbink from Carbon team page

* removed profile ender thing

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

* chore(Carbon Website): update to v10.47.0 (#2598)

* chore(Carbon Website): update to v10.47.0-rc.0

* chore: update to stable

Co-authored-by: Taylor Jones <taylor.jones826@gmail.com>
Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

* Form image updates for component usage page and pattern page (#2559)

* update images for form usage and patter

Updated:
Component:
• required pattern image
• optional pattern image

Pattern:
• required pattern image
• optional pattern image
• do and don't required form image

* trouble shooting image size

• optional/required images should be 6 columns not 8

• don't image missing

* trouble shooting images

added in caption markdown

* Update index.mdx

added break after when to use on pattern page

* updated capitalization

• updated do/don't capitalization in pattern section

* updated images

reuploaded the images at new sizes

* Update Elements.png

updated element image

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

* docs: add Francine Lucca to Carbon team page (#2611)

Co-authored-by: Vince Picone <vpicone@gmail.com>

* chore: update theme and other dependencies (#2602)

* chore: update theme and other dependencies

* chore: update packages again

Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>

* Update index.mdx (#2604)

* Remove medium post shadowing (#2618)

* Compressed Images (#2626)

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

* Update website deps for v10.47.2 (#2617)

* fix(modal): remove width column from max sizes table

* chore(release): v10.47.2

* fix(deps): force resolutions for carbon packages

* chore: add caret range to resolutions

* chore: regenerate lock file

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

* feat: update csc members (#2627)

Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>

* fix: medium card color on news and articles page (#2620)

* Update index.mdx

* Update src/pages/whats-happening/news-and-articles/index.mdx

Co-authored-by: Vince Picone <vpicone@gmail.com>

Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>
Co-authored-by: Vince Picone <vpicone@gmail.com>

* chore(team): added abbey, alphabetized (#2621)

Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>

* Update to vue.mdx (#2609)

import CarbonComponentsVue from '@carbon/vue'; has wider acceptability (codesandbox.io/NuxtJS) than pointing to index under src folder

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

* [bug]: notification style images (#2630)

* Compressed Images (#2639)

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

* add(kit): Figma (#2645)

* add(kit): Figma

* Update src/pages/designing/kits/axure.mdx

Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>

* Apply suggestions from code review

Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>

* Update figma.mdx

Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>

* [kit]Figma: Add in resource links (#2647)

* Update accessibility.mdx (#2648)

* fix(homepage): add pointer cursor to button (#2651)

* feat(team): add Taylor photo (#2654)

* fix(modal): remove width column from max sizes table

* chore(team): add taylor photo

* docs(typography): fix font family for quotation-02 style (#2657)

* kit(figma): updated guidance (#2659)

* Compressed Images (#2666)

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

* chore: bump theme to 2.1.6 (#2661)

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

* docs(v11): update to include beta articles (#2668)

* docs(v11): update to include beta articles

* Update index.mdx

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

* Compressed Images (#2674)

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

* chore(release): update Carbon to vX.50.0 versions (#2680)

* docs(dataviz): update charts to 0.54.2, update heatmap specs & demo (#2678)

* docs(dataviz): add histogram

* update charts to 0.54.0, add heatmap demo

* remove heatmap design only tag

* update charts to 0.54.0 & update complex charts page

* chore: update gatsby theme (#2684)

* fix: align status indicator table to grid (#2681)

* fix: align status indicator table to grid

* fix: align status indicator table to grid

* fix: align status indicator table to grid

* fix: align status indicator table to grid

* chore(status-indicator): add table layout width to force custom styles

* fix: safari on grid

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

* fix: typo (#2708)

* Replace deprecated layout token with spacing token (#2711)

One of the code examples uses the scss variables `$layout-05` for vertical padding/spacing. 
No mention of the layout token system is made in the tutorial (only the spacing tokens are referenced). 
It seems that the layout tokens are deprecated, and it's a bit confusing for tutorial users to see a rogue example of the layout token with no context or explanation.
Suggest replacing it with $spacing-10 (equivalent rem).

* chore(deps): bump markdown-it from 9.1.0 to 12.3.2 (#2690)

Bumps [markdown-it](https://github.com/markdown-it/markdown-it) from 9.1.0 to 12.3.2.
- [Release notes](https://github.com/markdown-it/markdown-it/releases)
- [Changelog](https://github.com/markdown-it/markdown-it/blob/master/CHANGELOG.md)
- [Commits](markdown-it/markdown-it@9.1.0...12.3.2)

---
updated-dependencies:
- dependency-name: markdown-it
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>

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

* chore(release): update to X.51.0 of carbon dependencies (#2714)

* Update step-1.mdx (#2564)

* Update step-1.mdx

The 'Add upstream remote' step doesn't mention that there is a choice of two (SSH vs HTTPS) until after you've tried SSH - this edit makes the choice clear beforehand

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

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

Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: Alison Joseph <alisonejoseph@Gmail.com>

* fix: tab order on forms page (#2715)

* docs: update partners and team page (#2719)

* [update] figma kit page with themes (#2722)

* [update] figma kit page with themes

* update IDL library content

* fix: links on 2x grid overview page (#2718)

Taking out links in the body paragraphs for Fixed and Fluid grid since they do not link anywhere and there is no respective section to link them to.

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

* docs: update figma kit page with card icons (#2724)

* Merge branch 'main' of https://github.com/cgit pusharbon-design-system/carbon-website into main

* update: content

* update: use svg

* update: alt text and card image type

* update: toggle on image for all themes

* update: order of IDL library content

* Update src/pages/designing/kits/figma.mdx

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

* Update src/pages/designing/kits/figma.mdx

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

* Update src/pages/designing/kits/figma.mdx

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

* fix: closing tags on links

* fix: image code

* Update src/pages/designing/kits/figma.mdx

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

* Update src/pages/designing/kits/figma.mdx

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

* Update src/pages/designing/kits/figma.mdx

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

* Update src/pages/designing/kits/figma.mdx

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

* fix: resource card indentation

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>

* update: image typo (#2725)

* fix(tutorial): correct broken links (#2735)

* docs(typography): fix line-height unit (#2738)

* docs: add carbon mid-fi kit to website (#2741)

* add mid-fi kit resource card

* add notification to figma page

* fix: content

* [doc update] Structured list  (#2717)

* Structured list usage doc update

Update the usage doc for structured list  component with a new template so that it is ready for V11.

* update structured list

* docs: fix broken link in DataTable sizing section (#2728)

* Fix broken link

Fixes a broken link in the DataTable docs under the Sizing section.

* updated link

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

* Compressed Images (#2733)

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

* Compressed Images (#2743)

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

* fix: grid alignment on typography page (#2746)

* fix: grid alignment on typography page

* fix: update padding

Co-authored-by: Jean Servaas <jeanservaas@gmail.com>
Co-authored-by: Jan Child <44503588+janchild@users.noreply.github.com>
Co-authored-by: Jan Child <jan.child@ibm.com>
Co-authored-by: Vince Picone <vpicone@gmail.com>
Co-authored-by: Vince Picone <vp@vincepic.one>
Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: DAK <40970507+dakahn@users.noreply.github.com>
Co-authored-by: Josefina Mancilla <32556167+jnm2377@users.noreply.github.com>
Co-authored-by: Andrea N. Cardona <andreancardona@gmail.com>
Co-authored-by: emyarod <emyarod@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Mike Abbink <32881239+mjabbink@users.noreply.github.com>
Co-authored-by: Lee Chase <leechase@live.com>
Co-authored-by: Chris Connors <35537391+chrisconnors-ibm@users.noreply.github.com>
Co-authored-by: Josh Black <josh@josh.black>
Co-authored-by: Mariusz Mickiewicz <12408951+mariuszmickiewicz@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: natashadecoste <natasha.decoste@gmail.com>
Co-authored-by: emyarod <afw5059@gmail.com>
Co-authored-by: Graham Harper <graham@hrpr.co>
Co-authored-by: jeanservaas <43144260+jeanservaas@users.noreply.github.com>
Co-authored-by: Josefina Mancilla <josefinanoemi4@gmail.com>
Co-authored-by: Matt Rosno <matt.rosno@gmail.com>
Co-authored-by: Scott Strubberg <sstrubberg@protonmail.com>
Co-authored-by: Eliad Moosavi <theiliad@users.noreply.github.com>
Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: Sam Robbins <samrobbinsgb@gmail.com>
Co-authored-by: tracey king <king.traceyj@gmail.com>
Co-authored-by: Jeffrey Chew <jeff.chew@gmail.com>
Co-authored-by: Joe Harvey <51208233+jdharvey-ibm@users.noreply.github.com>
Co-authored-by: esmahh <60038200+esmahh@users.noreply.github.com>
Co-authored-by: Stephane Rodet <s@rodet.org>
Co-authored-by: jjennings7 <48838320+jjennings7@users.noreply.github.com>
Co-authored-by: Abbey Hart <abbeyhrt@gmail.com>
Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
Co-authored-by: thyhmdo <77697351+thyhmdo@users.noreply.github.com>
Co-authored-by: Anna Gonzales <agonz@us.ibm.com>
Co-authored-by: Vamshi Murari <8753696+VamshiMurari@users.noreply.github.com>
Co-authored-by: Anna Gonzales <anna.gonzales3@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: KalyanChakravarthyV <KalyanChakravarthyV@gmail.com>
Co-authored-by: Jan Hassel <hello@janhassel.de>
Co-authored-by: Ale Davila <aledavila@ibm.com>
Co-authored-by: James C <jamesc09102178@gmail.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: NohWayJose <noh.spam.jose@gmail.com>
Co-authored-by: Jan Hassel <jan.hassel@ibm.com>
Co-authored-by: Dennis Kigen <kigen.work@gmail.com>
  • Loading branch information
Show file tree
Hide file tree
Showing 13 changed files with 137 additions and 67 deletions.
2 changes: 1 addition & 1 deletion src/components/TypesetStyle/TypesetExample.js
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ const TypesetExample = (props) => (
// eslint-disable-next-line no-useless-concat
lineHeight: `${`${calculateFluidLineHeight('line-height')}px / `}${
currentBreakpointSpecs['line-height']
}em`,
}rem`,
letterSpacing: currentBreakpointSpecs['letter-spacing']
.toString()
.replace('0.', '.'),
Expand Down
2 changes: 1 addition & 1 deletion src/components/TypesetStyle/typeset-example.scss
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@

.cds--typeset-example-specs {
padding: $spacing-05 $spacing-06;

@include breakpoint('md') {
width: 33.3%;
border-left: 1px solid $gray-20;
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 5 additions & 29 deletions src/pages/all-about-carbon/partners.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -74,31 +74,7 @@ increases the internal and external eminence of Carbon Design System and IBM.
</Column>
</Row>

<h3
class="AutolinkHeader-module--header--1G1tm Markdown-module--h3--Gwbvh"
id="the-committee"
>
The people
<a
class="AutolinkHeader-module--anchor--36UpA AutolinkHeader-module--left-anchor--1SDoO"
href="#the-people"
aria-label="The people permalink"
>
<svg
focusable="false"
preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
width="20"
height="20"
viewBox="0 0 32 32"
aria-hidden="true"
>
<path d="M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"></path>
<path d="M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"></path>
</svg>
</a>
</h3>
### The people

<Row>

Expand Down Expand Up @@ -254,14 +230,14 @@ allocation to support Carbon's work.
![Haidy Francis headshot](/images/team/francis_haidy.png)

</Profile>
<Profile name="Craig Moser" title="Vice President of Design and Usability, AI Applications">
<Profile name="Marc Johlic" title="Product Manager, IBM Accessibility">

![Craig Moser headshot](/images/team/moser_craig.png)
![Marc Johlic headshot](/images/team/johlic_marc.png)

</Profile>
<Profile name="Doug Powell" title="Vice President, Design Program Office, Cloud and Cognitive Software">
<Profile name="Craig Moser" title="Vice President of Design and Usability, AI Applications">

![Doug Powell headshot](/images/team/powell_doug.png)
![Craig Moser headshot](/images/team/moser_craig.png)

</Profile>
<Profile name="Nigel Prentice" title="Design Director, Digital Growth and Commerce">
Expand Down
5 changes: 0 additions & 5 deletions src/pages/all-about-carbon/the-team.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -111,11 +111,6 @@ design and build with them.

![Tracey King headshot](/images/team/king_tracey.png)

</Profile>
<Profile name="Vince Picone" title="Software Developer">

![Vince Picone headshot](/images/team/picone_vince.png)

</Profile>
</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.
37 changes: 27 additions & 10 deletions src/pages/designing/design-resources/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -283,20 +283,37 @@ handoff assets to make sure your designs are accessible for implementation.

## Prototyping tools

### Carbon Mid-Fi Sketch kit

This kit provides designers with a way to visualize concepts and test them out
before committing to high-fidelity designs.

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon Mid-Fi Sketch kit"
href="sketch://add-library/cloud/e888aa99-4d88-46a4-9b33-3a033e7f5ca2"
actionIcon="download"
>
<MdxIcon name="sketch" />
</ResourceCard>
</Column>
</Row>

### Invision Freehand kit

A Carbon wireframe kit for Invision Freehand is available for teams to create
low fidelity wireframes. This kit is maintained by the Cloud PAL community.

#### How to access the kit:

1. Log into [Invision Freehand](https://ibm.invisionapp.com/freehand/) and
create a new freehand.
2. Next, select `Wireframes and flowcharts` from the template window.
3. Select `Wireframe - carbon components` by Kamil Zal.
<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Invision Freehand kit"
href="https://pages.github.ibm.com/cdai-design/cloud-pal/resources/resources/#invision-freehand-kit"
actionIcon="launch">

For more instructions go to
[IBM Cloud PAL](https://pages.github.ibm.com/ibmcloud/pal/resources/resources/#invision-freehand-kit)
_IBMers only_.
![Invision icon](/images/invision.png)

<br />
</ResourceCard>
</Column>
</Row>
78 changes: 67 additions & 11 deletions src/pages/designing/kits/figma.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -15,22 +15,22 @@ contains all resources you need to get started.

<InlineNotification>

**Beta release:** Only the White theme is available in Beta. The other three
themes will be available by the end of year. The beta is also only available to
IBMers at the moment however we are hoping to publish it the the Figma community
in early 2022 for external use.
**Available to IBM only:** the Figma kit is currently only available to IBMers
through a private Figma organization. We are working on getting the kit added to
the Figma open community and expect it to be published at the end of Q1 for
external use.

</InlineNotification>

<AnchorLinks>

<AnchorLink>Get the library</AnchorLink>
<AnchorLink>Get the libraries</AnchorLink>
<AnchorLink>Start designing</AnchorLink>
<AnchorLink>Feedback</AnchorLink>

</AnchorLinks>

## Get the library
## Get the libraries

#### 1. Sign into Figma using IBM SSO

Expand All @@ -40,6 +40,10 @@ libraries.

#### 2. Turn on the theme libraries

There are four Carbon themes, two light (White and Gray 10) and two dark (Gray
90 and Gray 100). Each theme lives in its own Figma library. You can turn on as
many libraries as you’d like.

Inside of a design file, navigate to the **Main menu** panel in the top left of
the toolbar (A). Open the menu and select **Libraries** from the list (B).

Expand All @@ -52,8 +56,8 @@ the toolbar (A). Open the menu and select **Libraries** from the list (B).
</Row>

Then in the Libraries modal that appears, find the team called
`[NEW] IBM Design Systems` (C) and switch the toggle beside
`White theme - Carbon Design System` to on (D).
`[NEW] IBM Design Systems` (C) and switch the toggle beside a themed library,
for example the `White theme - Carbon Design System` to on (D).

<Row>
<Column colLg={8}>
Expand All @@ -63,17 +67,69 @@ Then in the Libraries modal that appears, find the team called
</Column>
</Row>

To preview the library, visit this
[view-only link](https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System?node-id=456%3A14680).
<br />
<br />

To preview the four Carbon themes, visit these view-only links.

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('P0OEN9TS', 0)}
subTitle="White theme"
href="https://www.figma.com/file/Vzz8k68Pqk5HfaTdQOQrGu/White-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)

</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('T7D1HJ3L', 0)}
subTitle="Gray 10 theme"
href="https://www.figma.com/file/i6y80WeotmhmbWxpmcffz7/Gray-10-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)

</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('LYFJTPDE', 0)}
subTitle="Gray 90 theme"
href="https://www.figma.com/file/fCucrHE8tdGDVJX7ODqajd/Gray-90-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)

</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
onClick={() => fathom.trackGoal('3XH0SIBJ', 0)}
subTitle="Gray 100 theme"
href="https://www.figma.com/file/TckQzGe3bNxHPLoRhbXFal/Gray-100-Theme---Carbon-Design-System"
actionIcon="launch">

![Figma icon](/images/figma.svg)

</ResourceCard>
</Column>
</Row>

<br />

#### 3. Turn on the other IBM Design Language libraries 

Under the same team `[NEW] IBM Design Systems` you can also turn on the
following libraries:

- Color styles - IBM Design Language
- Icons and Pictograms - IBM Design Language
- Text styles - IBM Design Language
- Icons - IBM Design Language
- Pictograms - IBM Design Language

## Start designing

Expand Down
24 changes: 24 additions & 0 deletions src/pages/designing/kits/images/figma.svg
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/designing/kits/images/kit-figma-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 4 additions & 2 deletions src/pages/developing/react-tutorial/step-1.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -70,13 +70,15 @@ cd carbon-tutorial
### Add upstream remote

Add a remote called `upstream` so we can eventually submit a pull request once
you have completed this tutorial step.
you have completed this tutorial step. There are two choices: SSH or HTTPS

#### SSH

```bash
git remote add upstream git@github.com:carbon-design-system/carbon-tutorial.git
```

Or, if you prefer to use HTTPS instead of SSH with your remotes:
#### HTTPS

```bash
git remote add upstream https://github.com/carbon-design-system/carbon-tutorial.git
Expand Down
14 changes: 7 additions & 7 deletions src/pages/developing/react-tutorial/step-2.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -254,8 +254,8 @@ import { Breadcrumb, BreadcrumbItem, Button, Tabs, Tab } from '@carbon/react';

Before we can render the tabs, we need to add some props for the component after
the import. These example props came from the
[React Tabs Story](http://react.carbondesignsystem.com/?selectedKind=Tabs) in
Storybook.
[React Tabs Story](https://react.carbondesignsystem.com/?path=/story/components-tabs--default)
in Storybook.

```javascript path=src/content/LandingPage/LandingPage.js
const props = {
Expand Down Expand Up @@ -319,8 +319,8 @@ the expected `grid` > `row` > `col` DOM structure.

</InlineNotification>

Hold up! If you were to run
[DAP](https://www.ibm.com/able/dynamic-assessment-plug-in.html) to check for
Hold up! If you were to run the
[Equal Access Toolkit](https://www.ibm.com/able/toolkit) to check for
accessibility violations, you'd see
`Multiple navigation landmarks must have unique labels specified with aria-label or aria-labelledby`
because both the `Breadcrumb` and `Tabs` components use `<nav>` elements. To
Expand Down Expand Up @@ -594,8 +594,8 @@ baseline, for consistency as well as development ease so `margins` and

```scss path=src/content/LandingPage/_landing-page.scss
.landing-page__tab-content {
padding-top: $layout-05;
padding-bottom: $layout-05;
padding-top: $spacing-10;
padding-bottom: $spacing-10;
}

.landing-page__subheading {
Expand Down Expand Up @@ -746,7 +746,7 @@ export default RepoTable;

This component uses two props, `rows` and `headers`, and returns a Carbon
`DataTable`. As for where the various `Table*` components came from? The
[DataTable story](http://react.carbondesignsystem.com/?selectedKind=DataTable&selectedStory=with%20expansion)
[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage)
in Storybook was used to put together the data table structure.

<InlineNotification>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/developing/react-tutorial/step-4.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -132,7 +132,7 @@ Import `_info.scss` in `app.scss` after all of the `carbon-component` imports.
```

Like our other components, `index.js` will serve as an entrypoint. Since
`Info.js` will export mutliple components, we'll use the `*` wildcard in the
`Info.js` will export multiple components, we'll use the `*` wildcard in the
entrypoint export.

```javascript path=src/components/Info/index.js
Expand Down

0 comments on commit 78517ef

Please sign in to comment.