@carbon/ibm-products 2.87.1 → 2.88.0

package/css/index-full-carbon.css

@@ -8072,7 +8072,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb__actions {
   display: inline-flex;
-  flex: 1 1 0%;
+  flex: 0 0 auto;
   justify-content: flex-end;
   min-inline-size: 75%;
 }
@@ -8100,6 +8100,24 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
   display: flex;
+  flex-wrap: nowrap;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
+  display: block;
+  overflow: hidden;
+  inline-size: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media (max-width: 65.98rem) {
+  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
+    inline-size: 75%;
+  }
+}
+@media (max-width: 41.98rem) {
+  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
+    inline-size: 25%;
+  }
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow-item {
   display: none;
@@ -15940,6 +15958,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-background, #ffffff);
 }
 .c4p--interstitial-screen--progress {
+  overflow: auto;
   margin-block-end: 0.75rem;
 }
 .c4p--interstitial-screen__carousel {
@@ -15960,9 +15979,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
   position: relative;
   background-color: var(--cds-background, #ffffff);
   margin-block-end: 0 !important;
-  min-block-size: 3rem;
   padding-block-start: 1.5rem;
-  padding-inline-start: 2rem !important;
+  padding-inline-start: 2rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--interstitial-screen--internal-header {
+    padding-inline: 1rem;
+  }
 }
 .c4p--interstitial-screen--internal-header:empty {
   min-block-size: 0;
@@ -15997,25 +16020,43 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-block-start: 0;
 }
 .c4p--interstitial-screen--footer {
-  display: flex;
-  box-sizing: initial;
-  flex-direction: row;
-  justify-content: flex-end;
   background: var(--cds-background, #ffffff);
   border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   inline-size: 100%;
 }
-.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,
-.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,
-.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn {
-  inline-size: 18.75%;
-  min-inline-size: 12.5rem;
-  padding-block-end: 2rem;
+@media (max-width: 41.98rem) {
+  .c4p--interstitial-screen--footer {
+    block-size: auto;
+  }
 }
-.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
-  flex-grow: 1 !important;
-  max-inline-size: none;
-  padding-inline-start: 2rem;
+.c4p--interstitial-screen--footer .cds--btn-set {
+  display: flex;
+  justify-content: flex-end;
+  inline-size: 100%;
+}
+@media (max-width: 41.98rem) {
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn,
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
+    flex: 1 1 0;
+    inline-size: auto;
+    max-inline-size: none;
+    min-inline-size: 0;
+  }
+}
+@media (min-width: 42rem) {
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn {
+    flex-shrink: 0;
+    inline-size: 15rem;
+    max-inline-size: 15rem;
+  }
+  .c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
+    flex: 1 1 auto;
+    max-inline-size: none;
+  }
 }
 .c4p--interstitial-screen--footer .cds--inline-loading {
   position: absolute;