@carbon/ibm-products 1.0.0-rc.2 → 1.2.0

package/css/index.css

@@ -13998,6 +13998,9 @@ a.bx--side-nav__link--current::before {
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
   overflow-y: auto;
 }
+.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
+  padding-right: 0;
+}
 .c4p--tearsheet .c4p--tearsheet__influencer--wide {
   flex-basis: 321px;
 }
@@ -14697,69 +14700,6 @@ a.bx--side-nav__link--current::before {
   display: block;
 }
 
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--example-component {
-  display: flex;
-  justify-content: flex-end;
-  --c4p--example-component--border-color: transparent;
-}
-
-.c4p--example-component.c4p--example-component--boxed-set {
-  border: 10px solid var(--c4p--example-component--border-color);
-}
-
-.c4p--example-component.c4p--example-component--shadow-set {
-  margin: var(--cds-spacing-04, 0.75rem);
-  box-shadow: 0 0 10px var(--c4p--example-component--border-color);
-}
-
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -15391,6 +15331,7 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--card__icon {
+  color: inherit;
   cursor: pointer;
 }
 
@@ -18870,6 +18811,7 @@ a.bx--side-nav__link--current::before {
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 .c4p--button-set-with-overflow.c4p--button-set-with-overflow {
   display: flex;
+  width: 100%;
 }
 .c4p--button-set-with-overflow .c4p--button-set-with-overflow__space {
   position: relative;
@@ -18901,6 +18843,16 @@ a.bx--side-nav__link--current::before {
     background-color: var(--to-color);
   }
 }
+@keyframes background-and-shadow-appear {
+  from {
+    background-color: var(--from-color);
+    box-shadow: 0 1px 0 var(--from-color);
+  }
+  to {
+    background-color: var(--to-color);
+    box-shadow: 0 1px 0 var(--to-color-shadow);
+  }
+}
 .c4p--page-header.c4p--page-header {
   /* Bleed class for the background */
   position: sticky;
@@ -18928,16 +18880,16 @@ a.bx--side-nav__link--current::before {
 .c4p--page-header::before {
   --from-color: var(--cds-ui-background, #ffffff);
   --to-color: var(--cds-ui-01, #f4f4f4);
+  --to-color-shadow: var(--cds-ui-03, #e0e0e0);
   position: absolute;
   top: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100%;
-  animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
+  animation: background-and-shadow-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
   content: "";
   z-index: -1;
-  box-shadow: 0 1px 0 var(--cds-ui-03, #e0e0e0);
 }
 .c4p--page-header .c4p--page-header--width--xl {
   padding-right: var(--cds-spacing-07, 2rem);
@@ -19067,6 +19019,7 @@ a.bx--side-nav__link--current::before {
 .c4p--page-header .c4p--page-header__action-bar-column--background::before {
   --from-color: var(--cds-ui-background, #ffffff);
   --to-color: var(--cds-ui-01, #f4f4f4);
+  --to-color-shadow: var(--cds-ui-03, #e0e0e0);
   position: absolute;
   top: 0;
   left: 0;
@@ -19237,6 +19190,7 @@ a.bx--side-nav__link--current::before {
 .c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions::before {
   --from-color: var(--cds-ui-background, #ffffff);
   --to-color: var(--cds-ui-01, #f4f4f4);
+  --to-color-shadow: var(--cds-ui-03, #e0e0e0);
   position: absolute;
   top: 0;
   left: 0;
@@ -19246,6 +19200,14 @@ a.bx--side-nav__link--current::before {
   animation: background-appear 1000ms calc(-1000ms * var(--c4p--page-header--background-opacity)) linear paused forwards;
   content: "";
 }
+.c4p--page-header .c4p--page-header__page-actions-content {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  justify-content: flex-end;
+}
 .c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions--in-breadcrumb {
   opacity: 0;
   visibility: hidden;
@@ -19267,10 +19229,10 @@ a.bx--side-nav__link--current::before {
   height: var(--cds-spacing-05, 1rem);
 }
 .c4p--page-header .c4p--page-header__subtitle {
-  font-size: var(--cds-body-long-02-font-size, 1rem);
-  font-weight: var(--cds-body-long-02-font-weight, 400);
-  line-height: var(--cds-body-long-02-line-height, 1.5);
-  letter-spacing: var(--cds-body-long-02-letter-spacing, 0);
+  font-size: var(--cds-body-long-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-long-01-font-weight, 400);
+  line-height: var(--cds-body-long-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
 }
 .c4p--page-header .c4p--page-header__available-row {
   font-size: var(--cds-body-long-01-font-size, 0.875rem);
@@ -19466,6 +19428,9 @@ a.bx--side-nav__link--current::before {
   justify-content: space-between;
   border-top: 1px solid var(--cds-ui-03, #e0e0e0);
 }
+.c4p--card__productive .c4p--card__footer .bx--btn svg {
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
 .c4p--card__productive .c4p--card__footer-no-button {
   justify-content: flex-end;
 }