Skip to content

feat(code-connect): add support for cds-button#22295

Merged
riddhybansal merged 3 commits into
carbon-design-system:mainfrom
maradwan26:button-wc-code-connect
May 22, 2026
Merged

feat(code-connect): add support for cds-button#22295
riddhybansal merged 3 commits into
carbon-design-system:mainfrom
maradwan26:button-wc-code-connect

Conversation

@maradwan26

Copy link
Copy Markdown
Contributor

Closes #22255

Adds Figma Code Connect support for cds-button. Also fixes a small bug in React where the 2xl size would not show in Code Connect panel.

Updates @figma/code-connect to the latest version 1.4.5

Changelog

New

  • Added a new code connect file for cds-button

Changed

  • Fixed a type for the 2xl size in the React version

Testing / Reviewing

Link: https://www.figma.com/design/NwXsMCCoMg1po4KK2oUK3o/Code-connect-demo---Carbon-Design-System?node-id=219-60349&m=dev

Screenshot 2026-05-19 at 3 12 07 PM

PR Checklist

As the author of this PR, before marking ready for review, confirm you:

  • Reviewed every line of the diff
  • [ ] Updated documentation and storybook examples
  • [ ] Wrote passing tests that cover this change
  • [ ] Addressed any impact on accessibility (a11y)
  • [ ] Tested for cross-browser consistency
  • Validated that this code is ready for review and status checks should pass

@maradwan26 maradwan26 requested a review from a team as a code owner May 19, 2026 19:21
@maradwan26 maradwan26 added the area: code-connect Issues relating to Figma Code Connect label May 19, 2026
@maradwan26 maradwan26 changed the title Button wc code connect feat(code-connect): add support for cds-button May 19, 2026
@netlify

netlify Bot commented May 19, 2026

Copy link
Copy Markdown

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 8a52526
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-react/deploys/6a0f41bbf571440007cbb0f8
😎 Deploy Preview https://deploy-preview-22295--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented May 19, 2026

Copy link
Copy Markdown

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit 8a52526
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-web-components/deploys/6a0f41bbfce5b80008e21b97
😎 Deploy Preview https://deploy-preview-22295--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented May 19, 2026

Copy link
Copy Markdown

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 8a52526
🔍 Latest deploy log https://app.netlify.com/projects/carbon-elements/deploys/6a0f41bb012afe0008a52352
😎 Deploy Preview https://deploy-preview-22295--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov

codecov Bot commented May 19, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 95.49%. Comparing base (55d8f6c) to head (8a52526).

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #22295      +/-   ##
==========================================
- Coverage   95.52%   95.49%   -0.03%     
==========================================
  Files         582      582              
  Lines       50441    50441              
  Branches     6801     6801              
==========================================
- Hits        48182    48171      -11     
- Misses       2126     2137      +11     
  Partials      133      133              
Flag Coverage Δ
main-packages 89.19% <ø> (ø)
web-components 98.07% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@heloiselui heloiselui left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, just need to resolve the conflicts.

@riddhybansal riddhybansal added this pull request to the merge queue May 22, 2026
Merged via the queue into carbon-design-system:main with commit 054231e May 22, 2026
40 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: code-connect Issues relating to Figma Code Connect status: one more review 👀

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Code Connect: Web Components - Button

3 participants