Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Decorator Modal #18101

Merged
merged 17 commits into from
Nov 20, 2024
Merged

Decorator Modal #18101

merged 17 commits into from
Nov 20, 2024

Conversation

guidari
Copy link
Contributor

@guidari guidari commented Nov 18, 2024

Closes #17993

Added decorator to Modal

Changelog

New

  • New decorator prop added to Modal component

Changed

  • Deprecated slug prop
  • Update rendering slug to render the decorator component but still set the size if it's an AILabel
  • Updated test file
  • Added an block-size to the style to fix the alignment

Testing / Reviewing

  • Make sure the Modal still work as expected and the one with decorator also works fine

  • Delete Modal with Tooltip

  • Delete Datepicker with Tooltip

Copy link

netlify bot commented Nov 18, 2024

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

Name Link
🔨 Latest commit 0208121
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-web-components/deploys/673b41714cc64500087e8841
😎 Deploy Preview https://deploy-preview-18101--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented Nov 18, 2024

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

Name Link
🔨 Latest commit e7e12d8
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-web-components/deploys/673cf7e333f74f0008d30c61
😎 Deploy Preview https://deploy-preview-18101--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented Nov 18, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 0208121
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/673b417163abd500080d765e
😎 Deploy Preview https://deploy-preview-18101--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented Nov 18, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 0208121
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/673b4171190c4700080ef3ae
😎 Deploy Preview https://deploy-preview-18101--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented Nov 18, 2024

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit e7e12d8
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/673cf7e38936650008b711a9
😎 Deploy Preview https://deploy-preview-18101--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

codecov bot commented Nov 18, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.22%. Comparing base (a968944) to head (e7e12d8).
Report is 7 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main   #18101      +/-   ##
==========================================
+ Coverage   82.21%   82.22%   +0.01%     
==========================================
  Files         404      404              
  Lines       14200    14210      +10     
  Branches     4509     4523      +14     
==========================================
+ Hits        11674    11684      +10     
  Misses       2363     2363              
  Partials      163      163              

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


🚨 Try these New Features:

Copy link

netlify bot commented Nov 18, 2024

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit e7e12d8
🔍 Latest deploy log https://app.netlify.com/sites/v11-carbon-react/deploys/673cf7e2ff1c5200084be19a
😎 Deploy Preview https://deploy-preview-18101--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link
Member

@ariellalgilmore ariellalgilmore left a comment

Choose a reason for hiding this comment

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

Needs some style cleanup... lmk if you want to go over my comments! Double check that the slug property and decorator prop show the same results even though the slug is deprecated now

packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
Copy link
Member

@ariellalgilmore ariellalgilmore left a comment

Choose a reason for hiding this comment

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

Looks great! just need to remove the tooltip modal button and remove the revert on AILabel before merging

packages/styles/scss/components/modal/_modal.scss Outdated Show resolved Hide resolved
@annawen1 annawen1 added this pull request to the merge queue Nov 20, 2024
github-merge-queue bot pushed a commit that referenced this pull request Nov 20, 2024
* feat: added decorator

* fix: fixed styles

* fix: fixed ai style

* test: fixed tests

* fix: delete datepicker decorator example

* fix: fixed styles

* fix: fixed styles

* fix: fixed styles

* fix: yarn format

* fix: merge style with composedmodal

* fix: fixed revert icon

* fix: removed revert from stories

* fix: removed modal stories

* Update packages/styles/scss/components/modal/_modal.scss

Co-authored-by: Ariella Gilmore <[email protected]>

---------

Co-authored-by: Ariella Gilmore <[email protected]>
Merged via the queue into carbon-design-system:main with commit d5bc886 Nov 20, 2024
40 checks passed
@carbon-automation
Copy link
Contributor

Hey there! v11.71.0 was just released that references this issue/PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Decorator: Modal
4 participants