@carbon/ibm-products 1.21.0 → 1.23.1

package/css/index-full-carbon.css

@@ -921,7 +921,6 @@ em {
     .bx--snippet__overflow-indicator--left {
       background-image: linear-gradient(to left, rgba(var(--cds-field-01, #f4f4f4), 0), var(--cds-field-01, #f4f4f4));
     }
-
     .bx--snippet__overflow-indicator--right {
       background-image: linear-gradient(to right, rgba(var(--cds-field-01, #f4f4f4), 0), var(--cds-field-01, #f4f4f4));
     }
@@ -3029,6 +3028,9 @@ em {
     width: 48%;
   }
 }
+.bx--modal-container .bx--modal-container-body {
+  display: contents;
+}
 
 .bx--modal-content {
   font-size: var(--cds-body-long-01-font-size, 0.875rem);
@@ -3195,7 +3197,6 @@ em {
   .bx--modal-scroll-content > *:last-child {
     padding-bottom: 0;
   }
-
   .bx--modal-content--overflow-indicator {
     display: none;
   }
@@ -4282,7 +4283,6 @@ fieldset[disabled] .bx--form__helper-text {
     top: 1px;
     right: 0.5rem;
   }
-
   .bx--inline-loading__checkmark {
     animation: none;
     stroke-dasharray: 0;
@@ -5775,94 +5775,76 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
     flex-basis: 0;
     flex-grow: 1;
   }
-
   .bx--col--auto,
 .bx--col-md--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
   }
-
   .bx--col-md-0 {
     display: none;
   }
-
   .bx--col-md-1 {
     display: block;
     max-width: 12.5%;
     flex: 0 0 12.5%;
   }
-
   .bx--col-md-2 {
     display: block;
     max-width: 25%;
     flex: 0 0 25%;
   }
-
   .bx--col-md-3 {
     display: block;
     max-width: 37.5%;
     flex: 0 0 37.5%;
   }
-
   .bx--col-md-4 {
     display: block;
     max-width: 50%;
     flex: 0 0 50%;
   }
-
   .bx--col-md-5 {
     display: block;
     max-width: 62.5%;
     flex: 0 0 62.5%;
   }
-
   .bx--col-md-6 {
     display: block;
     max-width: 75%;
     flex: 0 0 75%;
   }
-
   .bx--col-md-7 {
     display: block;
     max-width: 87.5%;
     flex: 0 0 87.5%;
   }
-
   .bx--col-md-8 {
     display: block;
     max-width: 100%;
     flex: 0 0 100%;
   }
-
   .bx--offset-md-0 {
     margin-left: 0;
   }
-
   .bx--offset-md-1 {
     margin-left: 12.5%;
   }
-
   .bx--offset-md-2 {
     margin-left: 25%;
   }
-
   .bx--offset-md-3 {
     margin-left: 37.5%;
   }
-
   .bx--offset-md-4 {
     margin-left: 50%;
   }
-
   .bx--offset-md-5 {
     margin-left: 62.5%;
   }
-
   .bx--offset-md-6 {
     margin-left: 75%;
   }
-
   .bx--offset-md-7 {
     margin-left: 87.5%;
   }
@@ -6131,174 +6113,140 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
     flex-basis: 0;
     flex-grow: 1;
   }
-
   .bx--col--auto,
 .bx--col-lg--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
   }
-
   .bx--col-lg-0 {
     display: none;
   }
-
   .bx--col-lg-1 {
     display: block;
     max-width: 6.25%;
     flex: 0 0 6.25%;
   }
-
   .bx--col-lg-2 {
     display: block;
     max-width: 12.5%;
     flex: 0 0 12.5%;
   }
-
   .bx--col-lg-3 {
     display: block;
     max-width: 18.75%;
     flex: 0 0 18.75%;
   }
-
   .bx--col-lg-4 {
     display: block;
     max-width: 25%;
     flex: 0 0 25%;
   }
-
   .bx--col-lg-5 {
     display: block;
     max-width: 31.25%;
     flex: 0 0 31.25%;
   }
-
   .bx--col-lg-6 {
     display: block;
     max-width: 37.5%;
     flex: 0 0 37.5%;
   }
-
   .bx--col-lg-7 {
     display: block;
     max-width: 43.75%;
     flex: 0 0 43.75%;
   }
-
   .bx--col-lg-8 {
     display: block;
     max-width: 50%;
     flex: 0 0 50%;
   }
-
   .bx--col-lg-9 {
     display: block;
     max-width: 56.25%;
     flex: 0 0 56.25%;
   }
-
   .bx--col-lg-10 {
     display: block;
     max-width: 62.5%;
     flex: 0 0 62.5%;
   }
-
   .bx--col-lg-11 {
     display: block;
     max-width: 68.75%;
     flex: 0 0 68.75%;
   }
-
   .bx--col-lg-12 {
     display: block;
     max-width: 75%;
     flex: 0 0 75%;
   }
-
   .bx--col-lg-13 {
     display: block;
     max-width: 81.25%;
     flex: 0 0 81.25%;
   }
-
   .bx--col-lg-14 {
     display: block;
     max-width: 87.5%;
     flex: 0 0 87.5%;
   }
-
   .bx--col-lg-15 {
     display: block;
     max-width: 93.75%;
     flex: 0 0 93.75%;
   }
-
   .bx--col-lg-16 {
     display: block;
     max-width: 100%;
     flex: 0 0 100%;
   }
-
   .bx--offset-lg-0 {
     margin-left: 0;
   }
-
   .bx--offset-lg-1 {
     margin-left: 6.25%;
   }
-
   .bx--offset-lg-2 {
     margin-left: 12.5%;
   }
-
   .bx--offset-lg-3 {
     margin-left: 18.75%;
   }
-
   .bx--offset-lg-4 {
     margin-left: 25%;
   }
-
   .bx--offset-lg-5 {
     margin-left: 31.25%;
   }
-
   .bx--offset-lg-6 {
     margin-left: 37.5%;
   }
-
   .bx--offset-lg-7 {
     margin-left: 43.75%;
   }
-
   .bx--offset-lg-8 {
     margin-left: 50%;
   }
-
   .bx--offset-lg-9 {
     margin-left: 56.25%;
   }
-
   .bx--offset-lg-10 {
     margin-left: 62.5%;
   }
-
   .bx--offset-lg-11 {
     margin-left: 68.75%;
   }
-
   .bx--offset-lg-12 {
     margin-left: 75%;
   }
-
   .bx--offset-lg-13 {
     margin-left: 81.25%;
   }
-
   .bx--offset-lg-14 {
     margin-left: 87.5%;
   }
-
   .bx--offset-lg-15 {
     margin-left: 93.75%;
   }
@@ -6567,174 +6515,140 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
     flex-basis: 0;
     flex-grow: 1;
   }
-
   .bx--col--auto,
 .bx--col-xlg--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
   }
-
   .bx--col-xlg-0 {
     display: none;
   }
-
   .bx--col-xlg-1 {
     display: block;
     max-width: 6.25%;
     flex: 0 0 6.25%;
   }
-
   .bx--col-xlg-2 {
     display: block;
     max-width: 12.5%;
     flex: 0 0 12.5%;
   }
-
   .bx--col-xlg-3 {
     display: block;
     max-width: 18.75%;
     flex: 0 0 18.75%;
   }
-
   .bx--col-xlg-4 {
     display: block;
     max-width: 25%;
     flex: 0 0 25%;
   }
-
   .bx--col-xlg-5 {
     display: block;
     max-width: 31.25%;
     flex: 0 0 31.25%;
   }
-
   .bx--col-xlg-6 {
     display: block;
     max-width: 37.5%;
     flex: 0 0 37.5%;
   }
-
   .bx--col-xlg-7 {
     display: block;
     max-width: 43.75%;
     flex: 0 0 43.75%;
   }
-
   .bx--col-xlg-8 {
     display: block;
     max-width: 50%;
     flex: 0 0 50%;
   }
-
   .bx--col-xlg-9 {
     display: block;
     max-width: 56.25%;
     flex: 0 0 56.25%;
   }
-
   .bx--col-xlg-10 {
     display: block;
     max-width: 62.5%;
     flex: 0 0 62.5%;
   }
-
   .bx--col-xlg-11 {
     display: block;
     max-width: 68.75%;
     flex: 0 0 68.75%;
   }
-
   .bx--col-xlg-12 {
     display: block;
     max-width: 75%;
     flex: 0 0 75%;
   }
-
   .bx--col-xlg-13 {
     display: block;
     max-width: 81.25%;
     flex: 0 0 81.25%;
   }
-
   .bx--col-xlg-14 {
     display: block;
     max-width: 87.5%;
     flex: 0 0 87.5%;
   }
-
   .bx--col-xlg-15 {
     display: block;
     max-width: 93.75%;
     flex: 0 0 93.75%;
   }
-
   .bx--col-xlg-16 {
     display: block;
     max-width: 100%;
     flex: 0 0 100%;
   }
-
   .bx--offset-xlg-0 {
     margin-left: 0;
   }
-
   .bx--offset-xlg-1 {
     margin-left: 6.25%;
   }
-
   .bx--offset-xlg-2 {
     margin-left: 12.5%;
   }
-
   .bx--offset-xlg-3 {
     margin-left: 18.75%;
   }
-
   .bx--offset-xlg-4 {
     margin-left: 25%;
   }
-
   .bx--offset-xlg-5 {
     margin-left: 31.25%;
   }
-
   .bx--offset-xlg-6 {
     margin-left: 37.5%;
   }
-
   .bx--offset-xlg-7 {
     margin-left: 43.75%;
   }
-
   .bx--offset-xlg-8 {
     margin-left: 50%;
   }
-
   .bx--offset-xlg-9 {
     margin-left: 56.25%;
   }
-
   .bx--offset-xlg-10 {
     margin-left: 62.5%;
   }
-
   .bx--offset-xlg-11 {
     margin-left: 68.75%;
   }
-
   .bx--offset-xlg-12 {
     margin-left: 75%;
   }
-
   .bx--offset-xlg-13 {
     margin-left: 81.25%;
   }
-
   .bx--offset-xlg-14 {
     margin-left: 87.5%;
   }
-
   .bx--offset-xlg-15 {
     margin-left: 93.75%;
   }
@@ -7003,174 +6917,140 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
     flex-basis: 0;
     flex-grow: 1;
   }
-
   .bx--col--auto,
 .bx--col-max--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
   }
-
   .bx--col-max-0 {
     display: none;
   }
-
   .bx--col-max-1 {
     display: block;
     max-width: 6.25%;
     flex: 0 0 6.25%;
   }
-
   .bx--col-max-2 {
     display: block;
     max-width: 12.5%;
     flex: 0 0 12.5%;
   }
-
   .bx--col-max-3 {
     display: block;
     max-width: 18.75%;
     flex: 0 0 18.75%;
   }
-
   .bx--col-max-4 {
     display: block;
     max-width: 25%;
     flex: 0 0 25%;
   }
-
   .bx--col-max-5 {
     display: block;
     max-width: 31.25%;
     flex: 0 0 31.25%;
   }
-
   .bx--col-max-6 {
     display: block;
     max-width: 37.5%;
     flex: 0 0 37.5%;
   }
-
   .bx--col-max-7 {
     display: block;
     max-width: 43.75%;
     flex: 0 0 43.75%;
   }
-
   .bx--col-max-8 {
     display: block;
     max-width: 50%;
     flex: 0 0 50%;
   }
-
   .bx--col-max-9 {
     display: block;
     max-width: 56.25%;
     flex: 0 0 56.25%;
   }
-
   .bx--col-max-10 {
     display: block;
     max-width: 62.5%;
     flex: 0 0 62.5%;
   }
-
   .bx--col-max-11 {
     display: block;
     max-width: 68.75%;
     flex: 0 0 68.75%;
   }
-
   .bx--col-max-12 {
     display: block;
     max-width: 75%;
     flex: 0 0 75%;
   }
-
   .bx--col-max-13 {
     display: block;
     max-width: 81.25%;
     flex: 0 0 81.25%;
   }
-
   .bx--col-max-14 {
     display: block;
     max-width: 87.5%;
     flex: 0 0 87.5%;
   }
-
   .bx--col-max-15 {
     display: block;
     max-width: 93.75%;
     flex: 0 0 93.75%;
   }
-
   .bx--col-max-16 {
     display: block;
     max-width: 100%;
     flex: 0 0 100%;
   }
-
   .bx--offset-max-0 {
     margin-left: 0;
   }
-
   .bx--offset-max-1 {
     margin-left: 6.25%;
   }
-
   .bx--offset-max-2 {
     margin-left: 12.5%;
   }
-
   .bx--offset-max-3 {
     margin-left: 18.75%;
   }
-
   .bx--offset-max-4 {
     margin-left: 25%;
   }
-
   .bx--offset-max-5 {
     margin-left: 31.25%;
   }
-
   .bx--offset-max-6 {
     margin-left: 37.5%;
   }
-
   .bx--offset-max-7 {
     margin-left: 43.75%;
   }
-
   .bx--offset-max-8 {
     margin-left: 50%;
   }
-
   .bx--offset-max-9 {
     margin-left: 56.25%;
   }
-
   .bx--offset-max-10 {
     margin-left: 62.5%;
   }
-
   .bx--offset-max-11 {
     margin-left: 68.75%;
   }
-
   .bx--offset-max-12 {
     margin-left: 75%;
   }
-
   .bx--offset-max-13 {
     margin-left: 81.25%;
   }
-
   .bx--offset-max-14 {
     margin-left: 87.5%;
   }
-
   .bx--offset-max-15 {
     margin-left: 93.75%;
   }
@@ -11636,6 +11516,7 @@ a.bx--overflow-menu-options__btn::before {
 .c4p--side-panel__container .c4p--side-panel__action-toolbar {
   position: sticky;
   z-index: 4;
+  /* stylelint-disable-next-line carbon/layout-token-use */
   top: var(--c4p--side-panel--title-height);
   display: flex;
   align-items: center;
@@ -12773,7 +12654,7 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
-  animation: 400ms step-content-entrance;
+  animation: step-content-entrance 400ms;
   animation-fill-mode: forwards;
   animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
   opacity: 0;
@@ -16325,6 +16206,9 @@ button.c4p--add-select__global-filter-toggle--open {
   display: inline-flex;
   white-space: nowrap;
 }
+.c4p--tag-set .c4p--tag-set__tag-container--multiline {
+  flex-wrap: wrap;
+}
 .c4p--tag-set .c4p--tag-set__tag-container--hidden {
   position: absolute;
   top: -100vh;
@@ -16447,19 +16331,25 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @keyframes background-appear {
   from {
+    /* stylelint-disable-next-line carbon/theme-token-use */
     background-color: var(--from-color);
   }
   to {
+    /* stylelint-disable-next-line carbon/theme-token-use */
     background-color: var(--to-color);
   }
 }
 @keyframes background-and-shadow-appear {
   from {
+    /* stylelint-disable-next-line carbon/theme-token-use */
     background-color: var(--from-color);
+    /* stylelint-disable-next-line carbon/theme-token-use */
     box-shadow: 0 1px 0 var(--from-color);
   }
   to {
+    /* stylelint-disable-next-line carbon/theme-token-use */
     background-color: var(--to-color);
+    /* stylelint-disable-next-line carbon/theme-token-use */
     box-shadow: 0 1px 0 var(--to-color-shadow);
   }
 }
@@ -16469,9 +16359,9 @@ button.c4p--add-select__global-filter-toggle--open {
   /* z-index used to raise above any position relative content as per Carbon header */
   /* dropped  1 below Carbon header so as not to overlay the side panel */
   z-index: 7999;
+  /* stylelint-disable-next-line carbon/layout-token-use */
   top: var(--c4p--page-header--header-top);
-  display: inline-block;
-  /* cause top/bottom margin to reserve space */
+  display: inline-block; /* cause top/bottom margin to reserve space */
   width: 100%;
   background-color: var(--cds-ui-background, #ffffff);
   color: var(--cds-text-01, #161616);
@@ -16497,6 +16387,7 @@ button.c4p--add-select__global-filter-toggle--open {
   display: block;
   width: 100%;
   height: 100%;
+  /* stylelint-disable-next-line carbon/motion-token-use */
   animation: background-and-shadow-appear 1000ms linear paused forwards;
   animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
   content: "";
@@ -16579,8 +16470,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (min-width: 66rem) {
   .c4p--page-header .c4p--page-header__action-bar-column-content {
-    flex-wrap: nowrap;
-    /* assume enough space */
+    flex-wrap: nowrap; /* assume enough space */
   }
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row .c4p--page-header__page-actions {
@@ -16599,15 +16489,13 @@ button.c4p--add-select__global-filter-toggle--open {
   visibility: visible;
 }
 .c4p--page-header .c4p--page-header__breadcrumb-column {
-  overflow: hidden;
-  /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
+  overflow: hidden; /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
   max-width: 100%;
   flex: 0 0 100%;
 }
 @media (min-width: 42rem) {
   .c4p--page-header .c4p--page-header__breadcrumb-column {
-    overflow: hidden;
-    /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
+    overflow: hidden; /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
   }
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
@@ -16639,6 +16527,7 @@ button.c4p--add-select__global-filter-toggle--open {
   display: block;
   width: 100%;
   height: 100%;
+  /* stylelint-disable-next-line carbon/motion-token-use */
   animation: background-appear 1000ms linear paused forwards;
   animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
   content: "";
@@ -16680,7 +16569,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header .c4p--page-header__breadcrumb-title:not(.c4p--page-header__breadcrumb-title--pre-collapsed) {
   opacity: var(--c4p--page-header--breadcrumb-title-opacity);
   transform: translateY(var(--c4p--page-header--breadcrumb-title-top));
-  /* token linter does not support this form */
   visibility: var(--c4p--page-header--breadcrumb-title-visibility);
 }
 .c4p--page-header .c4p--page-header__breadcrumb-container--hidden .c4p--page-header__breadcrumb-title.c4p--page-header__breadcrumb-title {
@@ -16691,8 +16579,7 @@ button.c4p--add-select__global-filter-toggle--open {
   max-width: var(--c4p--page-header--max-action-bar-width-px);
   flex: 1 1 var(--c4p--page-header--max-action-bar-width-px);
   padding-top: var(--cds-spacing-04, 0.75rem);
-  margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem));
-  /* align with breadcrumb */
+  margin-top: calc(-1 * var(--cds-spacing-04, 0.75rem)); /* align with breadcrumb */
   vertical-align: top;
   white-space: nowrap;
 }
@@ -16703,8 +16590,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (min-width: 42rem) {
   .c4p--page-header .c4p--page-header__title-row {
-    flex-wrap: nowrap;
-    /* assume enough space */
+    flex-wrap: nowrap; /* assume enough space */
   }
 }
 .c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--under-action-bar {
@@ -16820,6 +16706,7 @@ button.c4p--add-select__global-filter-toggle--open {
   display: block;
   width: 100%;
   height: 100%;
+  /* stylelint-disable-next-line carbon/motion-token-use */
   animation: background-appear 1000ms linear paused forwards;
   animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
   content: "";
@@ -16886,8 +16773,7 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
 .c4p--page-header .c4p--page-header__navigation-row .bx--tab-content {
-  display: none;
-  /* need to figure out how to handle the tab content */
+  display: none; /* need to figure out how to handle the tab content */
 }
 .c4p--page-header .c4p--page-header__navigation-tabs {
   margin-left: calc(-1 * var(--cds-spacing-05, 1rem));
@@ -18152,7 +18038,8 @@ button.c4p--add-select__global-filter-toggle--open {
   position: fixed;
   top: var(--cds-spacing-09, 3rem);
   right: 0;
-  width: 40rem;
+  width: 100%;
+  max-width: 40rem;
   height: calc(100vh - var(--cds-spacing-09, 3rem));
   border-left: 1px solid #262626;
   color: var(--cds-text-01, #161616);
@@ -18986,6 +18873,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--options-tile__summary--warn svg path[fill=none] {
+  /* stylelint-disable-next-line carbon/theme-token-use */
   fill: #000000;
 }
 
@@ -19106,6 +18994,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
 }
 .c4p--inline-edit.c4p--inline-edit--invalid {
+  /* stylelint-disable-next-line carbon/theme-token-use */
   outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
   outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
 }
@@ -19115,6 +19004,7 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 .c4p--inline-edit.c4p--inline-edit--editing {
+  /* stylelint-disable-next-line carbon/theme-token-use */
   outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
   outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
   background-color: var(--cds-ui-01, #f4f4f4);
@@ -19130,6 +19020,7 @@ button.c4p--add-select__global-filter-toggle--open {
   width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
   max-width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
   min-height: var(--c4p--inline-edit--size);
+  /* stylelint-disable-next-line carbon/layout-token-use */
   margin-right: var(--c4p--inline-edit--toolbar-width);
   margin-left: var(--cds-spacing-05, 1rem);
   line-height: var(--c4p--inline-edit--size);
@@ -19822,6 +19713,10 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-ui-01, #f4f4f4);
 }
 
+.c4p--datagrid__leftPanel-position {
+  display: inherit;
+}
+
 .c4p--datagrid__datagridWithPanel {
   position: relative;
   display: flex;
@@ -19948,6 +19843,23 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: 0;
 }
 
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2020
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+.c4p--datagrid__center-align-header {
+  width: 100%;
+  text-align: center;
+}
+
+.c4p--datagrid__center-align-cell-renderer.sortDisabled {
+  margin-right: auto;
+  margin-left: auto;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20096,6 +20008,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-left: var(--cds-spacing-01, 0.125rem);
 }
 
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2022
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+.c4p--datagrid__expanded-row-content {
+  padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-10, 4rem);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -25428,12 +25351,10 @@ th .bx--table-sort__flex {
   background-color: var(--cds-field-01, #f4f4f4);
   border: none;
   cursor: default;
-  -moz-appearance: textfield;
-  /* Firefox */
+  -moz-appearance: textfield; /* Firefox */
 }
 .numInputWrapper .numInput::-webkit-outer-spin-button, .numInputWrapper .numInput::-webkit-inner-spin-button {
-  margin: 0;
-  /* <-- Apparently some margin are still there even though it's hidden */
+  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
   -webkit-appearance: none;
 }
 .numInputWrapper .numInput:focus {