-
Notifications
You must be signed in to change notification settings - Fork 142
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
chore(cards): rename aiLabel to decorator #6509
chore(cards): rename aiLabel to decorator #6509
Conversation
✅ Deploy Preview for ibm-products-web-components ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for carbon-for-ibm-products ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for ibm-products-web-components ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for carbon-for-ibm-products ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Codecov ReportAttention: Patch coverage is
Additional details and impacted files@@ Coverage Diff @@
## main #6509 +/- ##
==========================================
+ Coverage 79.91% 79.98% +0.06%
==========================================
Files 394 394
Lines 12888 12894 +6
Branches 4267 4273 +6
==========================================
+ Hits 10300 10313 +13
+ Misses 2588 2581 -7
|
…ilabel-to-decorator
…ub.com/sangeethababu9223/ibm-products into chore/card-rename-ailabel-to-decorator
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Made some suggestions to have the default decorator
styles be set without the AI styles and only add them when there’s an --ai-label
or --slug
present, similar to the implementation we see in Core.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we add some tests for decorator?
I've added a basic test case for the decorator. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
@@ -185,7 +199,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--card; | |||
} | |||
|
|||
.#{$block-class}__clickable.#{$block-class}--has-slug::before, | |||
.#{$block-class}__clickable.#{$block-class}--has-ai-label::before { | |||
.#{$block-class}__clickable.#{$block-class}--has-ai-label::before, | |||
.#{$block-class}__clickable.#{$block-class}--has-decorator::before { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
.#{$block-class}__clickable.#{$block-class}--has-decorator::before { | |
.#{$block-class}__clickable.#{$block-class}--has-decorator::before { |
I think for has--decorator
, we don’t want to tie this to the popover styles since this could be separate.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @elycheea,
This is updated.
…ilabel-to-decorator
…ub.com/sangeethababu9223/ibm-products into chore/card-rename-ailabel-to-decorator
6e58e9d
Closes #6452
Rename aiLabel prop to decorator in ExpressiveCard / ProductiveCard
What did you change?
Updated the prop name
aiLabel
in Expressive Card, Productive Card and Card files todecorator
.Updated the card style to only show gradient styling when
AILabel
component is passed.How did you test and verify your work?
Storybook