@carbon/ibm-products 1.27.0 → 1.32.0

package/css/index.css

@@ -191,7 +191,7 @@ h1 {
 
 h2 {
   font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 400);
+  font-weight: var(--cds-productive-heading-05-font-weight, 300);
   line-height: var(--cds-productive-heading-05-line-height, 1.25);
   letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
 }
@@ -11113,8 +11113,7 @@ a.bx--overflow-menu-options__btn::before {
   box-sizing: border-box;
   background-color: var(--cds-ui-01, #f4f4f4);
   color: var(--cds-text-01, #161616);
-  transition: transform 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--side-panel__container.c4p--side-panel__container--xs {
   width: 16rem;
@@ -11414,6 +11413,7 @@ a.bx--overflow-menu-options__btn::before {
   background-color: var(--cds-ui-01, #f4f4f4);
   opacity: var(--c4p--side-panel--subtitle-opacity);
   transform: translateY(var(--c4p--side-panel--title-y-position));
+  word-break: break-word;
 }
 .c4p--side-panel__container .c4p--side-panel__label-text {
   font-size: var(--cds-label-01-font-size, 0.75rem);
@@ -11523,8 +11523,7 @@ a.bx--overflow-menu-options__btn::before {
   padding: 0 var(--cds-spacing-05, 1rem);
   margin-bottom: var(--cds-spacing-03, 0.5rem);
   background-color: var(--cds-ui-01, #f4f4f4);
-  transition: transform 150ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
   min-width: 2rem;
@@ -11650,8 +11649,7 @@ a.bx--overflow-menu-options__btn::before {
   width: 100%;
   height: 100%;
   background-color: var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
-  transition: background-color 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -13378,7 +13376,7 @@ a.bx--side-nav__link--current::before {
 
 .c4p--http-errors .c4p--http-errors__title {
   font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 400);
+  font-weight: var(--cds-productive-heading-05-font-weight, 300);
   line-height: var(--cds-productive-heading-05-line-height, 1.25);
   letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
   margin-bottom: var(--cds-spacing-04, 0.75rem);
@@ -14163,7 +14161,6 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--add-select__selections.bx--structured-list {
-  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
   margin-bottom: 0;
 }
 .c4p--add-select__selections-wrapper {
@@ -14171,8 +14168,11 @@ a.bx--side-nav__link--current::before {
 }
 .c4p--add-select__selections-cell-wrapper {
   display: flex;
+  height: 3rem;
   align-items: center;
   justify-content: space-between;
+  padding: 0 var(--cds-spacing-05, 1rem);
+  border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 .c4p--add-select__selections-cell-title {
   display: block;
@@ -14186,17 +14186,20 @@ a.bx--side-nav__link--current::before {
   display: block;
   color: var(--cds-text-02, #525252);
 }
+.c4p--add-select__selections-cell {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
 .c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
   visibility: visible;
 }
 .c4p--add-select__selections-hidden-hover {
   visibility: hidden;
 }
-.c4p--add-select__selections-row-selected {
-  background: #e5e5e5;
-}
-.c4p--add-select__selections-row-selected .c4p--add-select__selections-hidden-hover {
-  visibility: visible;
+.c4p--add-select__selections-row-selectedbx--structured-list-row {
+  border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
+  background-color: var(--cds-selected-ui, #e0e0e0);
 }
 .c4p--add-select__selections-checkbox {
   display: flex;
@@ -14204,7 +14207,7 @@ a.bx--side-nav__link--current::before {
 }
 .c4p--add-select__selections-checkbox-label-wrapper {
   display: flex;
-  margin-left: var(--cds-spacing-03, 0.5rem);
+  margin-left: var(--cds-spacing-05, 1rem);
 }
 .c4p--add-select__selections-checkbox-label-text {
   display: flex;
@@ -14222,6 +14225,13 @@ a.bx--side-nav__link--current::before {
 .c4p--add-select__selections-cell-icon {
   margin-right: var(--cds-spacing-03, 0.5rem);
 }
+.c4p--add-select__selections-row {
+  border-left: 0.125rem solid transparent;
+}
+.c4p--add-select__selections-row-meta-selected {
+  border-left: 0.125rem solid var(--cds-interactive-04, #0f62fe);
+  background-color: var(--cds-hover-row, #e5e5e5);
+}
 
 .c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
   color: var(--cds-interactive-04, #0f62fe);
@@ -14233,15 +14243,31 @@ a.bx--side-nav__link--current::before {
   fill: currentColor;
 }
 
+.c4p--add-select bx--structured-list--selection .c4p--add-select__selections-row-selectedbx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
+  border-bottom: 1px solid var(--cds-hover-selected-ui, #cacaca);
+  background-color: var(--cds-hover-selected-ui, #cacaca);
+}
+
 .c4p--add-select__sub-header {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
 }
+.c4p--add-select__sub-header-multi {
+  padding: 0 var(--cds-spacing-05, 1rem);
+}
+
+.c4p--add-select bx--structured-list-row {
+  border-bottom: 0;
+}
+
+.c4p--add-select bx--structured-list--selection bx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
+  border-bottom: 0;
+}
 
 .c4p--add-select__sidebar-header {
   display: flex;
-  padding: var(--cds-spacing-06, 1.5rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
+  padding: var(--cds-spacing-07, 2rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-03, 0.5rem) var(--cds-spacing-05, 1rem);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 .c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
@@ -14267,7 +14293,7 @@ a.bx--side-nav__link--current::before {
 }
 
 .c4p--add-select__sidebar-body {
-  padding: var(--cds-spacing-05, 1rem);
+  padding: 0 var(--cds-spacing-05, 1rem);
 }
 
 .c4p--add-select .c4p--add-select__sidebar-item-header {
@@ -14300,18 +14326,44 @@ a.bx--side-nav__link--current::before {
 .c4p--add-select__columns {
   display: flex;
   flex-direction: row;
+  flex-grow: 1;
   overflow-x: auto;
 }
+.c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
+  margin-left: var(--cds-spacing-03, 0.5rem);
+}
+.c4p--add-select__columns .c4p--add-select__selections-rowbx--structured-list-row {
+  border-left: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
+  padding: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
+  height: auto;
+  padding: 0 var(--cds-spacing-03, 0.5rem);
+}
+.c4p--add-select__columns .c4p--add-select__tag-container {
+  padding: 0 var(--cds-spacing-03, 0.5rem);
+  margin-bottom: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
+  padding: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selectionsbx--structured-list {
+  border-top: 0;
+}
 
-.c4p--add-select .c4p--add-select__columns .bx--structured-list-td {
-  height: 0;
-  padding: 0 !important;
+.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
+  padding: 0 var(--cds-spacing-05, 1rem);
+}
+
+.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
+  border-top: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
 .c4p--add-select__column {
   overflow: auto;
-  max-width: 15rem;
-  flex: 1 0 15rem;
+  flex: 0 0 20rem;
   padding: var(--cds-spacing-05, 1rem);
   border-top: 1px solid var(--cds-ui-03, #e0e0e0);
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
@@ -14422,8 +14474,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--add-select .c4p--tearsheet__influencer {
-  max-width: 29rem;
-  flex: 0 0 50%;
+  flex-basis: 22.5rem;
 }
 
 .c4p--add-select .c4p--tearsheet__header-description {
@@ -14435,6 +14486,10 @@ button.c4p--add-select__global-filter-toggle--open {
   flex-direction: column;
 }
 
+.c4p--add-select.c4p--add-select__multi .c4p--action-set.bx--btn-set.c4p--action-set--max .c4p--action-set__action-button {
+  max-width: 11.25rem;
+}
+
 .c4p--add-select .c4p--add-select__items-label {
   font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
@@ -14446,13 +14501,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: 0;
 }
 
-.c4p--add-select .bx--structured-list-td {
-  height: var(--cds-layout-04, 3rem);
-  padding-top: 0;
-  padding-bottom: 0;
-  vertical-align: middle;
-}
-
 .c4p--add-select .bx--radio-button__appearance {
   margin: 0 var(--cds-spacing-05, 1rem) 0 0;
 }
@@ -14476,6 +14524,33 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-left: var(--cds-spacing-03, 0.5rem);
 }
 
+.c4p--add-select__multi .c4p--empty-state {
+  max-width: 16rem;
+  margin-top: var(--cds-layout-04, 3rem);
+}
+
+.c4p--add-select .bx--accordion__arrow {
+  transform: rotate(0deg);
+}
+
+.c4p--add-select .bx--accordion__item--active .bx--accordion__arrow {
+  transform: rotate(90deg);
+}
+
+.c4p--add-select bx--accordion--start bx--accordion__arrow {
+  margin: 0 0 0 var(--cds-spacing-05, 1rem);
+}
+
+.c4p--add-select bx--accordion--start bx--accordion__title {
+  margin: 0 var(--cds-spacing-05, 1rem) 0 var(--cds-spacing-03, 0.5rem);
+}
+
+.c4p--add-select bx--accordion__item--active bx--accordion__content {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: var(--cds-spacing-03, 0.5rem);
+}
+
 @keyframes fade-in {
   0% {
     opacity: 0;
@@ -14717,7 +14792,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 400;
+  --cds-productive-heading-05-font-weight: 300;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -14745,7 +14820,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 400;
+  --cds-expressive-heading-05-font-weight: 300;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -14779,7 +14854,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -14823,7 +14898,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 400;
+  --cds-heading-05-font-weight: 300;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -14843,7 +14918,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 400;
+  --cds-fluid-heading-05-font-weight: 300;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -14877,7 +14952,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-spacing-01: 0.125rem;
@@ -14928,8 +15003,7 @@ button.c4p--add-select__global-filter-toggle--open {
   max-height: 38.5rem;
   background-color: var(--cds-ui-background, #ffffff);
   color: var(--cds-text-01, #161616);
-  transition: transform 110ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__header-container {
   position: sticky;
@@ -14994,8 +15068,7 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-ui-background, #ffffff);
   cursor: pointer;
   text-align: left;
-  transition: background-color 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
   margin-bottom: var(--cds-spacing-02, 0.25rem);
@@ -15100,8 +15173,7 @@ button.c4p--add-select__global-filter-toggle--open {
   margin: 0 auto;
   background-color: var(--cds-ui-02, #ffffff);
   content: "";
-  transition: background-color 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
@@ -16893,6 +16965,28 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: calc(-1 * var(--cds-spacing-02, 0.25rem));
   margin-right: var(--cds-spacing-03, 0.5rem);
 }
+.c4p--card__productive .c4p--card__actions-header .bx--btn:hover + .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm::before {
+  opacity: 0;
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm {
+  padding-right: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-03, 0.5rem));
+  padding-left: calc(var(--cds-spacing-01, 0.125rem) + var(--cds-spacing-03, 0.5rem));
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm::before {
+  position: absolute;
+  left: 0;
+  width: 0.05rem;
+  height: var(--cds-spacing-06, 1.5rem);
+  background-color: var(--cds-hover-ui, #e5e5e5);
+  content: "";
+  opacity: 1;
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button.bx--btn--ghost.bx--btn--sm:hover::before {
+  opacity: 0;
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button--only.bx--btn--ghost.bx--btn--sm::before {
+  opacity: 0;
+}
 .c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
 .c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
   margin-top: 0;
@@ -16912,10 +17006,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: var(--cds-spacing-05, 1rem);
 }
 
-.c4p--remove-modal .bx--modal-close {
-  display: none;
-}
-
 .c4p--remove-modal__body {
   padding-right: 20%;
   margin-bottom: var(--cds-spacing-05, 1rem);
@@ -17854,7 +17944,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 400;
+  --cds-productive-heading-05-font-weight: 300;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -17882,7 +17972,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 400;
+  --cds-expressive-heading-05-font-weight: 300;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -17916,7 +18006,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -17960,7 +18050,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 400;
+  --cds-heading-05-font-weight: 300;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -17980,7 +18070,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 400;
+  --cds-fluid-heading-05-font-weight: 300;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -18014,7 +18104,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-spacing-01: 0.125rem;
@@ -18299,7 +18389,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 400;
+  --cds-productive-heading-05-font-weight: 300;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -18327,7 +18417,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 400;
+  --cds-expressive-heading-05-font-weight: 300;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -18361,7 +18451,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -18405,7 +18495,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 400;
+  --cds-heading-05-font-weight: 300;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -18425,7 +18515,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 400;
+  --cds-fluid-heading-05-font-weight: 300;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -18459,7 +18549,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-spacing-01: 0.125rem;
@@ -19223,6 +19313,20 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
   outline: 2px solid var(--cds-inverse-link, #78a9ff);
 }
+.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__active-cell--highlight,
+.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__selection-area--element,
+.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__active-cell--highlight:focus {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  border-color: #82cfff;
+}
+.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__selection-area--element::before {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: #00539a;
+}
+.c4p--data-spreadsheet.c4p--data-spreadsheet__dark .c4p--data-spreadsheet__cell-editor.c4p--data-spreadsheet__cell-editor--active {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  outline-color: #82cfff;
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
   position: relative;
 }
@@ -19352,7 +19456,7 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-left: calc(var(--cds-spacing-03, 0.5rem) - var(--cds-spacing-01, 0.125rem));
   border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
   background-color: var(--cds-field-01, #f4f4f4);
-  color: var(--cds-text-01, #161616);
+  color: var(--cds-text-02, #525252);
   text-align: left;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
@@ -19459,11 +19563,19 @@ button.c4p--add-select__global-filter-toggle--open {
   align-items: center;
   color: var(--cds-text-01, #161616);
 }
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .c4p--datagrid__head-select-all.c4p--datagrid__checkbox-cell.c4p--datagrid__checkbox-cell-sticky-left {
+  position: sticky;
+  z-index: 1;
+  left: 0;
+}
 .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
   align-items: center;
   padding-top: 0;
   padding-bottom: 0;
 }
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell.c4p--datagrid__cell--spacer {
+  padding: 0;
+}
 .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox,
 .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox {
   /* stylelint-disable-next-line carbon/layout-token-use */
@@ -19475,6 +19587,11 @@ button.c4p--add-select__global-filter-toggle--open {
   align-items: center;
   padding-top: 0;
 }
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.bx--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.bx--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
+  position: sticky;
+  left: 0;
+}
 .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.bx--table-column-checkbox {
   display: flex;
   height: 100%;
@@ -19627,10 +19744,6 @@ button.c4p--add-select__global-filter-toggle--open {
   flex: 1 1 auto;
 }
 
-.c4p--datagrid__with-pagination table tr:last-of-type > td {
-  border-bottom: none;
-}
-
 .c4p--datagrid__resizer {
   position: absolute;
   z-index: 1;
@@ -19670,6 +19783,12 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__head-hidden-select-all {
   padding-right: var(--cds-spacing-08, 2.5rem);
 }
+.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
+  position: sticky;
+  z-index: 1;
+  left: 0;
+  background-color: var(--cds-ui-03, #e0e0e0);
+}
 
 .c4p--datagrid__simple-body {
   position: relative;
@@ -19840,10 +19959,19 @@ button.c4p--add-select__global-filter-toggle--open {
   margin: 0;
 }
 
+.c4p--datagrid .c4p--button-menu {
+  height: var(--cds-spacing-09, 3rem);
+}
+
+.c4p--datagrid .c4p--datagrid__table-grid-active {
+  border: 2px solid var(--cds-inverse-link, #78a9ff);
+  outline: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
-* (c) Copyright IBM Corp. 2020 - 2021
+* (c) Copyright IBM Corp. 2020 - 2022
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
@@ -19854,6 +19982,18 @@ button.c4p--add-select__global-filter-toggle--open {
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
+.c4p--datagrid .c4p--datagrid__expander-icon {
+  transition: transform 70ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+
+.c4p--datagrid .c4p--datagrid__expander-icon--open {
+  transform: rotate(90deg);
+}
+
+.c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
+  border-bottom: none;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -19982,14 +20122,36 @@ button.c4p--add-select__global-filter-toggle--open {
   /* stylelint-disable-next-line declaration-no-important */
   position: sticky !important;
   right: 0;
-  box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
+  display: flex;
+  align-items: center;
+  border-left: 1px solid var(--cds-ui-03, #e0e0e0);
 }
 
 .c4p--datagrid__right-sticky-column-header {
   /* stylelint-disable-next-line declaration-no-important */
   position: sticky !important;
   right: 0;
-  box-shadow: -2px 1px 3px var(--cds-overlay-01, rgba(22, 22, 22, 0.5));
+}
+
+.c4p--datagrid__left-sticky-column-cell {
+  /* stylelint-disable-next-line declaration-no-important */
+  position: sticky !important;
+  left: 0;
+  display: flex;
+  align-items: center;
+  border-right: 1px solid var(--cds-ui-03, #e0e0e0);
+}
+
+.c4p--datagrid__left-sticky-column-header {
+  /* stylelint-disable-next-line declaration-no-important */
+  position: sticky !important;
+  z-index: 1;
+  left: 0;
+}
+
+.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
+.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
+  left: var(--cds-spacing-08, 2.5rem);
 }
 
 .c4p--datagrid__sticky-noShadow {
@@ -20005,6 +20167,12 @@ button.c4p--add-select__global-filter-toggle--open {
   right: 6px !important;
 }
 
+.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
+  position: sticky;
+  z-index: 1;
+  left: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20027,6 +20195,18 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-bottom: var(--cds-spacing-03, 0.5rem);
 }
 
+.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
+  cursor: not-allowed;
+}
+
+.c4p--datagrid .c4p--datagrid__disabled-row-action {
+  pointer-events: none;
+}
+
+.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
+  fill: var(--cds-disabled-03, #8d8d8d);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20038,21 +20218,30 @@ button.c4p--add-select__global-filter-toggle--open {
   position: inherit;
   display: flex;
   flex-flow: column;
-  /* stylelint-disable-next-line declaration-no-important */
-  padding-top: 0 !important;
+  padding: 0;
+  margin: 0;
+}
+
+.c4p--datagrid__customize-columns-checkbox-wrapper {
+  margin-bottom: 0;
 }
 
-.c4p--datagrid__customize-columns-checkbox {
+.c4p--datagrid__customize-columns-checkbox-wrapper {
   display: flex;
   justify-content: center;
-  /* stylelint-disable-next-line declaration-no-important */
-  margin-bottom: 0 !important;
 }
 
 .c4p--datagrid__customize-columns-modal--actions {
   display: flex;
+  height: var(--cds-spacing-09, 3rem);
   flex-flow: row;
-  margin-bottom: var(--cds-spacing-06, 1.5rem);
+  background-color: var(--cds-field-02, #ffffff);
+}
+
+.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
+  height: var(--cds-spacing-09, 3rem);
+  padding-left: var(--cds-spacing-08, 2.5rem);
+  border-bottom: none;
 }
 
 .c4p--datagrid__customize-columns-modal--actions > button {
@@ -20060,6 +20249,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__customize-columns-instructions {
+  padding-left: var(--cds-spacing-05, 1rem);
   margin-bottom: var(--cds-spacing-06, 1.5rem);
   font-size: var(--cds-body-long-01-font-size, 0.875rem);
   font-weight: var(--cds-body-long-01-font-weight, 400);
@@ -20073,6 +20263,34 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: auto;
 }
 
+.c4p--datagrid__customize-columns-select-all {
+  display: flex;
+  height: var(--cds-spacing-09, 3rem);
+  padding-left: var(--cds-spacing-08, 2.5rem);
+  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
+  background-color: var(--cds-layer, #f4f4f4);
+}
+
+.c4p--datagrid__customize-columns-select-all:hover {
+  background-color: var(--cds-layer-hover, #e5e5e5);
+}
+
+.c4p--datagrid__customize-columns-select-all-selected {
+  display: flex;
+  height: var(--cds-spacing-09, 3rem);
+  padding-left: var(--cds-spacing-08, 2.5rem);
+  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
+  background-color: var(--cds-layer-selected, #e0e0e0);
+}
+
+.c4p--datagrid__customize-columns-select-all-selected:hover {
+  background-color: var(--cds-hover-selected-ui, #cacaca);
+}
+
+.c4p--datagrid .c4p--datagrid__customize-columns-modal .bx--modal-content {
+  margin-bottom: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20126,6 +20344,32 @@ th.c4p--datagrid__select-all-toggle-on.button {
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
+.c4p--datagrid .c4p--datagrid__expanded-row-content {
+  position: relative;
+  padding: var(--cds-spacing-05, 1rem) var(--cds-spacing-05, 1rem) var(--cds-spacing-06, 1.5rem) var(--cds-spacing-09, 3rem);
+}
+
+.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: -1px;
+  right: 0;
+  width: calc(100% - var(--cds-spacing-09, 3rem));
+  height: 1px;
+  background-color: var(--cds-ui-03, #e0e0e0);
+  content: "";
+}
+
+.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--cds-ui-03, #e0e0e0);
+  content: "";
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20150,14 +20394,31 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__draggable-handleHolder {
   display: flex;
-  height: var(--cds-spacing-07, 2rem);
-  padding-left: var(--cds-spacing-02, 0.25rem);
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
-  background: var(--cds-ui-02, #ffffff);
+  height: var(--cds-spacing-09, 3rem);
+  padding-left: var(--cds-spacing-05, 1rem);
+  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
+  background-color: var(--cds-layer, #f4f4f4);
 }
-.c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
+
+.c4p--datagrid__draggable-handleHolder:hover {
+  background-color: var(--cds-layer-hover, #e5e5e5);
+}
+
+.c4p--datagrid__draggable-handleHolder-selected {
+  display: flex;
+  height: var(--cds-spacing-09, 3rem);
+  padding-left: var(--cds-spacing-05, 1rem);
+  border-bottom: 1px solid var(--cds-layer-active, #c6c6c6);
+  background-color: var(--cds-layer-selected, #e0e0e0);
+}
+
+.c4p--datagrid__draggable-handleHolder-selected:hover {
+  background-color: var(--cds-hover-selected-ui, #cacaca);
+}
+
+.c4p--datagrid__draggable-handleHolder-isOver {
   border: 2px dashed var(--cds-focus, #0f62fe);
-  background-color: var(--cds-highlight, #d0e2ff);
+  background-color: var(--cds-hover-selected-ui, #cacaca);
 }
 
 .c4p--datagrid__draggable-handleHolder-droppable {
@@ -20165,7 +20426,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   width: 100%;
 }
 
-.c4p--datagrid__draggable-handleHolder--grabbed {
+.c4p--datagrid__draggable-handleHolder-grabbed {
   background-color: var(--cds-highlight, #d0e2ff);
   color: var(--cds-text-01, #161616);
 }
@@ -20182,6 +20443,235 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   white-space: nowrap;
 }
 
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2021
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xs,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .bx--date-picker__input {
+  height: 1.5rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .bx--number__control-btn::after {
+  height: 1.25rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xs.bx--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-sm,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .bx--date-picker__input {
+  height: 2rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .bx--number__control-btn::after {
+  height: 1.75rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-sm.bx--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-md,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .bx--date-picker__input {
+  height: 2.5rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .bx--number__control-btn::after {
+  height: 2.25rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-md.bx--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-lg,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .bx--date-picker__input {
+  height: 3rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .bx--number__control-btn::after {
+  height: 2.75rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-lg.bx--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xl,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .bx--date-picker__input {
+  height: 4rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .bx--number__control-btn::after {
+  height: 3.75rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--select.c4p--datagrid__inline-edit--select-xl.bx--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid__inline-edit-cell {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
+
+.c4p--datagrid .c4p--inline-edit__after-input-elements {
+  display: flex;
+  align-items: center;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button {
+  width: 100%;
+  height: calc(100% + 2px);
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: var(--cds-spacing-05, 1rem);
+  color: var(--cds-text-02, #525252);
+  cursor: pointer;
+  outline: 0;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
+  padding-right: var(--cds-spacing-05, 1rem);
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
+  padding-left: 0;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
+  height: var(--cds-spacing-05, 1rem);
+  fill: var(--cds-icon-02, #525252);
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
+  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
+  justify-content: flex-start;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
+  /* stylelint-disable-next-line */
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) .c4p--datagrid__inline-edit-button-icon {
+  display: none;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols):hover .c4p--datagrid__inline-edit-button-icon {
+  display: block;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover {
+  background-color: var(--cds-hover-selected-ui, #cacaca);
+  color: var(--cds-text-01, #161616);
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover .c4p--datagrid__inline-edit-button-icon {
+  fill: var(--cds-icon-01, #161616);
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active:not([data-disabled=true]) {
+  background-color: var(--cds-active-ui, #c6c6c6);
+  color: var(--cds-text-01, #161616);
+  cursor: text;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
+  /* 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));
+}
+@media screen and (prefers-contrast) {
+  .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
+    outline-style: dotted;
+  }
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button--disabled:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
+  color: var(--cds-disabled-02, #c6c6c6);
+  cursor: not-allowed;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label {
+  overflow: hidden;
+  padding-right: var(--cds-spacing-05, 1rem);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label.c4p--datagrid__inline-edit-button-label-with-icon {
+  padding-right: var(--cds-spacing-09, 3rem);
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .bx--text-input,
+.c4p--datagrid__inline-edit--outer-cell-button .bx--number input[type=number] {
+  height: var(--cds-spacing-09, 3rem);
+}
+
+.c4p--datagrid__inline-edit-button-icon {
+  position: absolute;
+  right: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit {
+  position: relative;
+  padding: 0;
+}
+.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
+  padding-left: var(--cds-spacing-05, 1rem);
+}
+.c4p--datagrid__table-with-inline-edit.bx--data-table .c4p--datagrid__cell-inline-edit .bx--number input[type=number] {
+  min-width: auto;
+  padding-right: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
+  padding-bottom: var(--cds-spacing-05, 1rem);
+  padding-left: var(--cds-spacing-05, 1rem);
+}
+
+.c4p--datagrid__inline-edit--select.bx--dropdown,
+.c4p--datagrid__inline-edit--date .bx--date-picker__input {
+  width: inherit;
+  height: var(--cds-spacing-09, 3rem);
+  max-height: none;
+}
+
+.c4p--datagrid__inline-edit--date .bx--date-picker-container {
+  width: inherit;
+}
+
+.c4p--datagrid__inline-edit--date.bx--date-picker.bx--date-picker--single .bx--date-picker__input {
+  overflow: hidden;
+  width: 100%;
+  max-width: none;
+  padding-right: var(--cds-spacing-07, 2rem);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .c4p--datagrid__datagridWrap {
   display: block;
   width: 100%;