@carbon/ibm-products 2.4.0 → 2.4.1

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 (31) hide show
  1. package/css/index-full-carbon.css +27 -0
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +2 -2
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +16 -0
  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 +27 -0
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +2 -2
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +23 -0
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +2 -2
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/Card/Card.js +11 -1
  18. package/es/components/Card/CardFooter.js +4 -2
  19. package/es/components/Card/CardHeader.js +20 -2
  20. package/es/components/EditUpdateCards/EditUpdateCards.js +66 -4
  21. package/es/components/ProductiveCard/ProductiveCard.js +21 -1
  22. package/lib/components/Card/Card.js +11 -1
  23. package/lib/components/Card/CardFooter.js +4 -2
  24. package/lib/components/Card/CardHeader.js +20 -2
  25. package/lib/components/EditUpdateCards/EditUpdateCards.js +66 -4
  26. package/lib/components/ProductiveCard/ProductiveCard.js +21 -1
  27. package/package.json +2 -2
  28. package/scss/components/Datagrid/_storybook-styles.scss +5 -0
  29. package/scss/components/EditUpdateCards/_edit-update-cards.scss +10 -0
  30. package/scss/components/ProductiveCard/_productive-card.scss +15 -0
  31. package/scss/components/Tearsheet/_tearsheet.scss +6 -0
package/css/index-full-carbon.css CHANGED
@@ -3689,6 +3689,9 @@ p.c4p--about-modal__copyright-text:first-child {
3689
3689
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
3690
3690
  width: 100%;
3691
3691
  }
3692
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
3693
+ height: 5rem;
3694
+ }
3692
3695
  @media (min-width: 42rem) {
3693
3696
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
3694
3697
  width: calc(100% - (2 * 4rem));
@@ -7891,6 +7894,7 @@ button.c4p--add-select__global-filter-toggle--open {
7891
7894
  padding-left: 0.625rem;
7892
7895
  /* stylelint-disable-next-line max-nesting-depth */
7893
7896
  /* stylelint-disable-next-line max-nesting-depth */
7897
+ /* stylelint-disable-next-line max-nesting-depth */
7894
7898
  }
7895
7899
  .c4p--card__productive .c4p--card__actions-header-ghost-button::before {
7896
7900
  position: absolute;
@@ -7907,6 +7911,18 @@ button.c4p--add-select__global-filter-toggle--open {
7907
7911
  .c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
7908
7912
  opacity: 0;
7909
7913
  }
7914
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button {
7915
+ /* stylelint-disable-next-line max-nesting-depth */
7916
+ }
7917
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button::before {
7918
+ opacity: 0;
7919
+ }
7920
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child) {
7921
+ /* stylelint-disable-next-line max-nesting-depth */
7922
+ }
7923
+ .c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child)::before {
7924
+ display: none;
7925
+ }
7910
7926
  .c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
7911
7927
  .c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
7912
7928
  margin-top: 0;
@@ -14218,6 +14234,10 @@ a.cds--side-nav__link--current::before {
14218
14234
  width: 100%;
14219
14235
  }
14220
14236
 
14237
+ .c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
14238
+ height: 5rem;
14239
+ }
14240
+
14221
14241
  @media (min-width: 42rem) {
14222
14242
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
14223
14243
  width: calc(100% - (2 * 4rem));
@@ -14585,6 +14605,10 @@ a.cds--side-nav__link--current::before {
14585
14605
  .c4p--edit-update-cards#c4p--edit-update-cards--edit {
14586
14606
  /* Used id for overriding the SVG path fill */
14587
14607
  }
14608
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button,
14609
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button {
14610
+ color: #ffffff;
14611
+ }
14588
14612
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
14589
14613
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
14590
14614
  background-color: #0050e6;
@@ -14615,6 +14639,9 @@ a.cds--side-nav__link--current::before {
14615
14639
  .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
14616
14640
  background-color: transparent;
14617
14641
  }
14642
+ .c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header-container {
14643
+ align-items: center;
14644
+ }
14618
14645
  .c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
14619
14646
  background-color: #0f62fe;
14620
14647
  color: #ffffff;