Skip to content

feat(v11): add Carbon v11 support#345

Merged
motou merged 1 commit into
basefrom
feat/upgrade-to-carbon-v11
Jun 17, 2026
Merged

feat(v11): add Carbon v11 support#345
motou merged 1 commit into
basefrom
feat/upgrade-to-carbon-v11

Conversation

@motou

@motou motou commented Jun 17, 2026

Copy link
Copy Markdown
Collaborator

Closes #158

This PR adds full support for Carbon Design System v11 (cds-- prefix) alongside the existing v10 (bx--) support. Pages running v10, v11, or both simultaneously are all handled correctly.

Changelog

Component detection

  • Added carbon-v11.js library using @carbon/react — 63 v11 React components detected via cds-- selectors
  • Added carbon-web-components-v11.js using @carbon/web-components v2 — 85 cds- custom elements
  • Added cloud-cognitive-v11.js using @carbon/ibm-products v2 — 104 IBM Products components
  • Added ibmdotcom-v11.js using @carbon/ibmdotcom-web-components v2 — 74 IBM.com components
  • Component-list now ships 10 libraries / 875 components total (up from 7 / ~500)
  • All v11 libraries carry a version: 'v11' tag; inventory labels render as e.g. "Carbon for IBM Products (v11) :: Tearsheet"

Color Specs panel

  • isCarbonV11Context() walks the DOM to detect cds-- ancestor classes
  • v11 elements resolve against @carbon/themes v11 token names (background, layer-01, etc.)
  • v10 elements continue resolving against v10 token names (ui-01, text-01, etc.)

Popup header

  • Page validation detects bx-- and cds-- presence independently
  • A blue version tag (v10, v11, or v10+v11) appears in the popup header

Dependencies

  • v10 packages kept unchanged; v11 packages added as npm aliases (@carbon/themes-v11, @carbon/ibm-products-v2, @carbon/ibmdotcom-web-components-v2) to avoid conflicts
  • Fixed a pre-existing bug in componentList.js where Object.assign was merging the whole library object instead of .components

Libraries in dist/index.json

Library Version Components
Carbon (React) v10 191
Carbon (React) v11 63
Carbon Web Components v10 41
Carbon Web Components v11 85
Carbon for IBM Products v10 70
Carbon for IBM Products v11 104
Carbon for IBM.com v10 74
Carbon for IBM.com v11 74
IBM Security v10 68
Cloud PAL 23

@motou motou self-assigned this Jun 17, 2026
@motou
motou merged commit 963a68d into base Jun 17, 2026
4 checks passed
@motou
motou deleted the feat/upgrade-to-carbon-v11 branch June 17, 2026 15:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support Carbon v11

1 participant