@carbon/ibm-products 2.4.0 → 2.4.1

Sign up to get free protection for your applications and to get access to all the features.
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;