@carbon/ibm-products 2.54.0-canary.55 → 2.54.0-canary.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/css/index-full-carbon.css +17 -4
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +1 -1
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +17 -4
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +1 -1
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +17 -4
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +1 -1
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +17 -4
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +1 -1
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Card/Card.d.ts +3 -3
  18. package/es/components/Card/Card.js +10 -9
  19. package/es/components/Card/CardHeader.d.ts +7 -7
  20. package/es/components/Card/CardHeader.js +14 -12
  21. package/es/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
  22. package/es/components/ExpressiveCard/ExpressiveCard.js +5 -5
  23. package/es/components/ProductiveCard/ProductiveCard.d.ts +3 -3
  24. package/es/components/ProductiveCard/ProductiveCard.js +4 -4
  25. package/lib/components/Card/Card.d.ts +3 -3
  26. package/lib/components/Card/Card.js +10 -9
  27. package/lib/components/Card/CardHeader.d.ts +7 -7
  28. package/lib/components/Card/CardHeader.js +14 -12
  29. package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +5 -5
  30. package/lib/components/ExpressiveCard/ExpressiveCard.js +5 -5
  31. package/lib/components/ProductiveCard/ProductiveCard.d.ts +3 -3
  32. package/lib/components/ProductiveCard/ProductiveCard.js +4 -4
  33. package/package.json +3 -3
  34. package/scss/components/Card/_card.scss +19 -5
package/scss/components/Card/_card.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  // LICENSE file in the root directory of this source tree.
6
6
  //
7
7
 
8
- // NOTE: Please do not remove the duplicate `slug` and `ai-label` classes. We need both until slug is fully deprecated
8
+ // NOTE: Please do not remove the duplicate `slug` and `decorator` classes. We need both until slug is fully deprecated
9
9
 
10
10
  // Standard imports.
11
11
  @use '@carbon/styles/scss/theme' as *;
@@ -144,25 +144,39 @@ $block-class: #{c4p-settings.$pkg-prefix}--card;
144
144
  position: relative;
145
145
  }
146
146
 
147
- .#{$block-class} .#{c4p-settings.$carbon-prefix}--slug {
147
+ .#{$block-class} .#{c4p-settings.$carbon-prefix}--slug,
148
+ .#{$block-class} .#{c4p-settings.$carbon-prefix}--ai-label {
148
149
  position: absolute;
149
150
  top: $spacing-05;
150
151
  right: $spacing-05;
151
152
  }
152
153
 
154
+ .#{$block-class}__header__inner-wrapper--decorator {
155
+ position: absolute;
156
+ top: $spacing-05;
157
+ right: $spacing-05;
158
+
159
+ .#{c4p-settings.$carbon-prefix}--slug,
160
+ .#{c4p-settings.$carbon-prefix}--ai-label {
161
+ position: relative;
162
+ top: unset;
163
+ right: unset;
164
+ }
165
+ }
166
+
153
167
  .#{$block-class}__header-container--has-slug,
154
- .#{$block-class}__header-container--has-ai-label {
168
+ .#{$block-class}__header-container--has-decorator {
155
169
  width: 100%;
156
170
  padding-right: $spacing-07;
157
171
  }
158
172
 
159
173
  .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--has-actions,
160
- .#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--has-actions {
174
+ .#{$block-class}__header-container--has-decorator.#{$block-class}__header-container--has-actions {
161
175
  padding-right: $spacing-08;
162
176
  }
163
177
 
164
178
  .#{$block-class}__header-container--has-slug.#{$block-class}__header-container--large-tile-or-label,
165
- .#{$block-class}__header-container--has-ai-label.#{$block-class}__header-container--large-tile-or-label {
179
+ .#{$block-class}__header-container--has-decorator.#{$block-class}__header-container--large-tile-or-label {
166
180
  padding-right: $spacing-09;
167
181
  }
168
182