@carbon/ibm-products 2.0.0-rc.1 → 2.0.0-rc.11

package/css/index-full-carbon.css

@@ -963,14 +963,17 @@
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  height: 4rem;
   align-items: center;
+  margin: 0;
+}
+.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
+  height: 4rem;
   padding-top: 1rem;
   padding-bottom: 2rem;
-  margin: 0;
 }
 
-.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive {
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
   max-width: none;
 }
 
@@ -2533,7 +2536,7 @@
 @media (prefers-reduced-motion: no-preference) {
   .c4p--cascade__element,
 .c4p--cascade__col {
-    /* stylelint-disable-next-line carbon/motion-duration-use -- Carbon animation duration defined above in $animationProps */
+    /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
     animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
     animation-fill-mode: forwards;
     opacity: 0;
@@ -2926,26 +2929,6 @@
   margin-bottom: 0;
 }
 
-@keyframes side-panel-exit-left {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(calc(-1 * 30rem));
-  }
-}
-@keyframes side-panel-exit-right {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-}
 .c4p--side-panel__container {
   --c4p--side-panel--subtitle-opacity: 1;
   --c4p--side-panel--title-container-height: 0;
@@ -2965,8 +2948,6 @@
   box-sizing: border-box;
   background-color: var(--cds-layer-01, #f4f4f4);
   color: var(--cds-text-primary, #161616);
-  transition: transform 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--side-panel__container.c4p--side-panel__container--xs {
   width: 16rem;
@@ -2980,37 +2961,13 @@
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--sm {
   width: 20rem;
   max-width: 100%;
@@ -3023,37 +2980,13 @@
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--md {
   width: 30rem;
   max-width: 100%;
@@ -3066,37 +2999,13 @@
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--lg {
   width: 40rem;
   max-width: 100%;
@@ -3109,37 +3018,13 @@
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--2xl {
   width: 75%;
   max-width: 100%;
@@ -3152,37 +3037,13 @@
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
-  width: 75%;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
-  width: 75%;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
   /* stylelint-disable-next-line max-nesting-depth */
 }
@@ -3315,10 +3176,7 @@
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
   position: fixed;
   z-index: 2;
-  top: calc(
-      var(--c4p--side-panel--title-text-height) +
-        var(--c4p--side-panel--label-text-height) + 3rem
-    );
+  top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
   background-color: var(--cds-layer-01, #f4f4f4);
 }
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
@@ -3333,7 +3191,6 @@
 }
 .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
   position: fixed;
-  top: 3rem;
   height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
 }
 .c4p--side-panel__container .c4p--side-panel__inner-content {
@@ -3354,10 +3211,7 @@
 }
 .c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
   position: fixed;
-  top: calc(
-      var(--c4p--side-panel--title-text-height) +
-        var(--c4p--side-panel--subtitle-container-height) + 3rem
-    );
+  top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
   width: 100%;
   border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
 }
@@ -3382,8 +3236,7 @@
   padding: 0 1rem;
   margin-bottom: 0.5rem;
   background-color: var(--cds-layer-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;
@@ -3514,8 +3367,6 @@
   width: 100%;
   height: 100%;
   background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
-  transition: background-color 240ms;
-  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -3662,7 +3513,7 @@
   /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
-  transition: visibility 0 linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
+  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
 }
 @media (prefers-reduced-motion: reduce) {
   .c4p--tearsheet.is-visible {
@@ -4227,6 +4078,15 @@
   letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
 }
 
+.c4p--filter-summary {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0.5rem;
+  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  background: var(--cds-layer-01, #f4f4f4);
+}
+
 .c4p--http-errors .c4p--http-errors__content {
   position: fixed;
   z-index: 2;
@@ -4444,7 +4304,6 @@
 
 /* stylelint-disable max-nesting-depth */
 .c4p--add-select__selections.cds--structured-list {
-  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
   margin-bottom: 0;
 }
 .c4p--add-select__selections-wrapper {
@@ -4452,8 +4311,11 @@
 }
 .c4p--add-select__selections-cell-wrapper {
   display: flex;
+  height: 3rem;
   align-items: center;
   justify-content: space-between;
+  padding: 0 1rem;
+  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
 }
 .c4p--add-select__selections-cell-title {
   display: block;
@@ -4467,17 +4329,21 @@
   display: block;
   color: var(--cds-text-secondary, #525252);
 }
-.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
+.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,
+.c4p--add-select__selections .cds--structured-list-row:focus-within .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--selected.cds--structured-list-row {
+  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
+  background-color: var(--cds-layer-selected-01, #e0e0e0);
 }
 .c4p--add-select__selections-checkbox {
   display: flex;
@@ -4485,7 +4351,7 @@
 }
 .c4p--add-select__selections-checkbox-label-wrapper {
   display: flex;
-  margin-left: 0.5rem;
+  margin-left: 1rem;
 }
 .c4p--add-select__selections-checkbox-label-text {
   display: flex;
@@ -4503,6 +4369,13 @@
 .c4p--add-select__selections-cell-icon {
   margin-right: 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, #0f62fe);
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
+}
 
 .c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
   color: var(--cds-interactive, #0f62fe);
@@ -4519,10 +4392,21 @@
   align-items: flex-end;
   justify-content: space-between;
 }
+.c4p--add-select__sub-header-multi {
+  padding: 0 1rem;
+}
+
+.c4p--add-select .cds--structured-list-row {
+  border-bottom: 0;
+}
+
+.c4p--add-select .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
+  border-bottom: 0;
+}
 
 .c4p--add-select__sidebar-header {
   display: flex;
-  padding: 1.5rem 1rem 0.5rem 1rem;
+  padding: 2rem 1rem 0.5rem 1rem;
   border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
 }
 .c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
@@ -4548,7 +4432,7 @@
 }
 
 .c4p--add-select__sidebar-body {
-  padding: 1rem;
+  padding: 0 1rem;
 }
 
 .c4p--add-select .c4p--add-select__sidebar-item-header {
@@ -4581,18 +4465,44 @@
 .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: 0.5rem;
+}
+.c4p--add-select__columns .c4p--add-select__selections-row.cds--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 0.5rem;
+}
+.c4p--add-select__columns .c4p--add-select__tags {
+  padding: 0 0.5rem;
+  margin-bottom: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
+  padding: 0;
+}
+.c4p--add-select__columns .c4p--add-select__selections.cds--structured-list {
+  border-top: 0;
+}
 
-.c4p--add-select .c4p--add-select__columns .cds--structured-list-td {
-  height: 0;
-  padding: 0 !important;
+.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
+  padding: 0 1rem;
+}
+
+.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
+  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
 }
 
 .c4p--add-select__column {
   overflow: auto;
-  max-width: 15rem;
-  flex: 1 0 15rem;
+  flex: 0 0 20rem;
   padding: 1rem;
   border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
   border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
@@ -4610,13 +4520,13 @@
   border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
 }
 
-.c4p--add-select__tag-container {
+.c4p--add-select__tags {
   display: flex;
   align-items: center;
   margin-top: 1rem;
   margin-bottom: 0.5rem;
 }
-.c4p--add-select__tag-container-label {
+.c4p--add-select__tags-label {
   margin-right: 0.5rem;
 }
 
@@ -4691,13 +4601,6 @@ button.c4p--add-select__global-filter-toggle--open {
   letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
 }
 
-.c4p--add-select .cds--structured-list-td {
-  height: 3rem;
-  padding-top: 0;
-  padding-bottom: 0;
-  vertical-align: middle;
-}
-
 .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-body {
   font-size: var(--cds-body-short-01-font-size, 0.875rem);
   font-weight: var(--cds-body-short-01-font-weight, 400);
@@ -4705,13 +4608,16 @@ button.c4p--add-select__global-filter-toggle--open {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
 
-.c4p--add-select__tag-container .cds--tag {
+.c4p--add-select__selections .cds--list-box__menu {
+  left: auto;
+}
+
+.c4p--add-select__tags .cds--tag {
   margin: 0;
 }
 
 .c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
-  max-width: 29rem;
-  flex: 0 0 50%;
+  flex-basis: 22.5rem;
 }
 
 .c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
@@ -4723,6 +4629,10 @@ button.c4p--add-select__global-filter-toggle--open {
   flex-direction: column;
 }
 
+.c4p--add-select.c4p--add-select__multi .c4p--action-set.cds--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);
@@ -4763,8 +4673,35 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-left: 0.5rem;
 }
 
-.cds--tooltip,
-.cds--overflow-menu-options {
+.c4p--add-select__multi .c4p--empty-state {
+  max-width: 16rem;
+  margin-top: 3rem;
+}
+
+.c4p--add-select .cds--accordion__arrow {
+  transform: rotate(0deg);
+}
+
+.c4p--add-select .cds--accordion__item--active .cds--accordion__arrow {
+  transform: rotate(90deg);
+}
+
+.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
+  margin: 0 0 0 1rem;
+}
+
+.c4p--add-select .cds--accordion--start .cds--accordion__title {
+  margin: 0 1rem 0 0.5rem;
+}
+
+.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
+  padding-top: 0;
+  padding-bottom: 0;
+  margin-top: 0.5rem;
+}
+
+.c4p--add-select .cds--tooltip,
+.c4p--add-select .cds--overflow-menu-options {
   z-index: 9000;
 }
 
@@ -4909,6 +4846,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -5147,8 +5088,7 @@ button.c4p--add-select__global-filter-toggle--open {
   max-height: 38.5rem;
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #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;
@@ -5222,8 +5162,7 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-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: 0.25rem;
@@ -5336,8 +5275,7 @@ button.c4p--add-select__global-filter-toggle--open {
   margin: 0 auto;
   background-color: var(--cds-layer-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,
@@ -7879,10 +7817,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: 1rem;
 }
 
-.c4p--remove-modal .cds--modal-close {
-  display: none;
-}
-
 .c4p--remove-modal__body {
   padding-right: 20%;
   margin-bottom: 1rem;
@@ -8685,6 +8619,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -9057,6 +8995,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -9818,7 +9760,9 @@ button.c4p--add-select__global-filter-toggle--open {
   display: inline-block;
   overflow: hidden;
   width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
-  max-width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
+  max-width: calc(
+      100% - var(--c4p--inline-edit--toolbar-width) - 1rem
+    );
   min-height: var(--c4p--inline-edit--size);
   /* stylelint-disable-next-line carbon/layout-token-use */
   margin-right: var(--c4p--inline-edit--toolbar-width);
@@ -10021,23 +9965,91 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-support-error, #da1e28);
 }
 
-.c4p--data-spreadsheet {
-  --c4p--data-spreadsheet--total-width: 0;
-  display: inline-block;
-  border-spacing: 0;
-  /* stylelint-disable-next-line max-nesting-depth */
+.c4p--inline-edit-v2 {
+  display: flex;
+  align-items: center;
+  background: transparent;
+  cursor: pointer;
 }
-.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
-  outline: 2px solid var(--cds-link-inverse, #78a9ff);
+
+.c4p--inline-edit-v2-readonly {
+  cursor: not-allowed;
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
-  position: relative;
+
+.c4p--inline-edit-v2:hover {
+  background: var(--cds-field-01, #f4f4f4);
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
-  border-bottom: 0;
+
+.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
+  visibility: visible;
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
-.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
+
+.c4p--inline-edit-v2__btn-edit {
+  visibility: hidden;
+}
+
+.c4p--inline-edit-v2-focused {
+  background: var(--cds-field-01, #f4f4f4);
+  outline: 2px solid var(--cds-focus, #0f62fe);
+}
+
+.c4p--inline-edit-v2__text-input {
+  flex: 1;
+}
+
+.c4p--inline-edit-v2__text-input-label {
+  display: none;
+}
+
+.c4p--inline-edit-v2__warning-icon {
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  margin-right: 0.4375rem;
+  color: var(--cds-support-error, #da1e28);
+}
+
+.c4p--inline-edit-v2__warning-text {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  margin-top: 0.5rem;
+  color: var(--cds-support-error, #da1e28);
+}
+
+.c4p--inline-edit-v2__text-input.cds--text-input {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+}
+
+.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
+.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
+  cursor: not-allowed;
+}
+
+.c4p--inline-edit-v2__text-input.cds--text-input:focus,
+.c4p--inline-edit-v2__text-input.cds--text-input:active {
+  outline: none;
+}
+
+.c4p--data-spreadsheet {
+  --c4p--data-spreadsheet--total-width: 0;
+  display: inline-block;
+  border-spacing: 0;
+  /* stylelint-disable-next-line max-nesting-depth */
+}
+.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
+  outline: 2px solid var(--cds-link-inverse, #78a9ff);
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
+  position: relative;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
+  border-bottom: 0;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
   font-size: var(--cds-body-short-01-font-size, 0.875rem);
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
@@ -10309,6 +10321,11 @@ button.c4p--add-select__global-filter-toggle--open {
   align-items: center;
   color: var(--cds-text-primary, #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;
@@ -10325,6 +10342,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.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
+.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--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.cds--table-column-checkbox {
   display: flex;
   height: 100%;
@@ -10384,9 +10406,12 @@ button.c4p--add-select__global-filter-toggle--open {
   height: 100%;
   overflow-x: auto;
 }
-.c4p--datagrid__grid-container .c4p--datagrid__table-simple {
-  overflow: hidden;
+.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
+  display: flex;
+  overflow: auto;
   max-height: 100%;
+  flex-direction: column;
+  background-color: var(--cds-layer-01, #f4f4f4);
 }
 .c4p--datagrid__grid-container .c4p--datagrid__head {
   display: flex;
@@ -10417,6 +10442,12 @@ button.c4p--add-select__global-filter-toggle--open {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: initial;
+}
 .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
   display: flex;
   overflow: hidden;
@@ -10468,10 +10499,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;
@@ -10511,6 +10538,12 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__head-hidden-select-all {
   padding-right: 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-layer-accent-01, #e0e0e0);
+}
 
 .c4p--datagrid__simple-body {
   position: relative;
@@ -10534,15 +10567,6 @@ button.c4p--add-select__global-filter-toggle--open {
   min-width: 0 !important;
 }
 
-.c4p--datagrid__table-simple::-webkit-scrollbar {
-  width: 6px;
-  background-color: var(--cds-background, #ffffff);
-}
-
-.c4p--datagrid__table-simple::-webkit-scrollbar-thumb {
-  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
-}
-
 .c4p--datagrid__sticky.c4p--datagrid__simple-body {
   overflow: auto;
 }
@@ -10604,8 +10628,22 @@ button.c4p--add-select__global-filter-toggle--open {
   max-height: 100%;
 }
 
-.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
-  border-left: 1px solid var(--cds-button-primary, #0f62fe);
+.c4p--datagrid__carbon-row-expanded {
+  position: relative;
+}
+.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
+  position: absolute;
+  z-index: 2;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: var(--c4p--datagrid--row-height);
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  left: calc(
+      var(--c4p--datagrid--indicator-offset-amount) + 1rem
+    );
+  width: 1px;
+  height: var(--c4p--datagrid--indicator-height);
+  border-left: 1px solid var(--cds-background-brand, #0f62fe);
+  content: "";
 }
 
 .c4p--datagrid .cds--data-table-header {
@@ -10652,6 +10690,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
   position: absolute;
+  top: 0;
   left: 0;
   width: 0.25rem;
   height: 100%;
@@ -10690,10 +10729,70 @@ button.c4p--add-select__global-filter-toggle--open {
   margin: 0;
 }
 
+.c4p--datagrid .c4p--button-menu {
+  height: 3rem;
+}
+
+.c4p--datagrid .c4p--datagrid__row-size-button {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
+  width: 10px;
+  height: 7px;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
+  background: var(--cds-layer);
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+}
+
+.c4p--datagrid__virtualScrollContainer {
+  width: 100%;
+}
+
+.cds--body--with-modal-open .c4p--datagrid__grid-container {
+  overflow: hidden;
+  height: 100vh;
+}
+
+.c4p--datagrid .cds--modal {
+  width: 100%;
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
+  flex-shrink: 0;
+  background-color: var(--cds-interactive, #0f62fe);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
+  fill: var(--cds-background, #ffffff);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+
+.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
+  background-color: transparent;
+}
+
+.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
+  position: absolute;
+}
+
 /*
 * 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.
 */
@@ -10704,6 +10803,33 @@ button.c4p--add-select__global-filter-toggle--open {
   border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
 }
 
+.c4p--datagrid .c4p--datagrid__expander-icon {
+  transition: transform 70ms cubic-bezier(0.2, 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;
+}
+
+.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
+  position: relative;
+}
+
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: -1px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--cds-border-subtle);
+  content: "";
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -10832,14 +10958,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, rgba(22, 22, 22, 0.5));
+  display: flex;
+  align-items: center;
+  border-left: 1px solid var(--cds-layer-accent-01, #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, 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-layer-accent-01, #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: 2.5rem;
 }
 
 .c4p--datagrid__sticky-noShadow {
@@ -10855,6 +11003,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
@@ -10877,6 +11031,18 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-bottom: 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-layer-selected-disabled, #8d8d8d);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -10888,21 +11054,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: 3rem;
   flex-flow: row;
-  margin-bottom: 1.5rem;
+  background-color: var(--cds-field-02, #ffffff);
+}
+
+.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
+  height: 3rem;
+  padding-left: 2.5rem;
+  border-bottom: none;
 }
 
 .c4p--datagrid__customize-columns-modal--actions > button {
@@ -10910,6 +11085,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__customize-columns-instructions {
+  padding-left: 1rem;
   margin-bottom: 1.5rem;
   font-size: var(--cds-body-long-01-font-size, 0.875rem);
   font-weight: var(--cds-body-long-01-font-weight, 400);
@@ -10923,6 +11099,36 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: auto;
 }
 
+.c4p--datagrid__customize-columns-select-all {
+  display: flex;
+  height: 3rem;
+  align-items: center;
+  padding-left: 2.5rem;
+  border-bottom: 1px solid var(--cds-layer-active);
+  background-color: var(--cds-layer-01, #f4f4f4);
+}
+
+.c4p--datagrid__customize-columns-select-all:hover {
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
+}
+
+.c4p--datagrid__customize-columns-select-all-selected {
+  display: flex;
+  height: 3rem;
+  align-items: center;
+  padding-left: 2.5rem;
+  border-bottom: 1px solid var(--cds-layer-active);
+  background-color: var(--cds-layer-selected-01, #e0e0e0);
+}
+
+.c4p--datagrid__customize-columns-select-all-selected:hover {
+  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
+}
+
+.c4p--datagrid .c4p--datagrid__customize-columns-modal .cds--modal-content {
+  margin-bottom: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -10931,7 +11137,6 @@ button.c4p--add-select__global-filter-toggle--open {
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
 .c4p--datagrid__row-size-dropdown {
-  position: absolute;
   padding: 1rem;
   background-color: var(--cds-background, #ffffff);
   box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
@@ -10942,91 +11147,593 @@ button.c4p--add-select__global-filter-toggle--open {
   box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
 }
 
+.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  left: -4px;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
-* (c) Copyright IBM Corp. 2021
+* (c) Copyright IBM Corp. 2022
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
-th.c4p--datagrid__select-all-toggle-on,
-td.c4p--datagrid__select-all-toggle-on {
-  /* stylelint-disable-next-line declaration-no-important */
-  width: 4.5rem !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  min-width: initial !important;
-  box-sizing: border-box;
-  flex: 0 0 auto;
+.c4p--datagrid-filter-flyout__container {
+  position: relative;
 }
 
-th.c4p--datagrid__select-all-toggle-on {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.c4p--datagrid-filter-flyout {
+  position: absolute;
+  top: 3rem;
+  right: 0;
+  display: none;
+  width: 40.125rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout--open {
+  display: grid;
+}
+
+.c4p--datagrid-filter-flyout--batch {
+  min-height: 21.625rem;
+  grid-template-rows: 1fr 3rem;
+}
+
+.c4p--datagrid-filter-flyout--instant {
+  min-height: 17.625rem;
+  grid-template-rows: 1fr;
+}
+
+.c4p--datagrid-filter-flyout__inner-container {
+  padding: 1rem 1rem 3rem 1rem;
+}
+
+.c4p--datagrid-filter-flyout__inner-container::before {
+  position: absolute;
+  top: -0.4375rem;
+  right: 1px;
+  display: block;
+  width: 2.875rem;
+  height: 0.9375rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  content: "";
+}
+
+.c4p--datagrid-filter-flyout__title {
+  display: block;
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  margin-bottom: 1.5rem;
+}
+
+.c4p--datagrid-filter-flyout__filters {
+  display: grid;
+  gap: 1rem 2rem;
+  grid-template-columns: 1fr 1fr;
+}
+
+.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
+  position: relative;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout .cds--fieldset {
+  margin-bottom: 0;
+}
+
+/*
+* 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.
+*/
+th.c4p--datagrid__select-all-toggle-on,
+td.c4p--datagrid__select-all-toggle-on {
+  /* stylelint-disable-next-line declaration-no-important */
+  width: 4.5rem !important;
+  /* stylelint-disable-next-line declaration-no-important */
+  min-width: initial !important;
+  box-sizing: border-box;
+  flex: 0 0 auto;
+}
+
+th.c4p--datagrid__select-all-toggle-on {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+th.c4p--datagrid__select-all-toggle-on.button {
+  margin-left: 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 .c4p--datagrid__expanded-row-content {
+  position: relative;
+  padding: 1rem 1rem 1.5rem 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% - 3rem);
+  height: 1px;
+  background-color: var(--cds-layer-accent);
+  content: "";
+}
+
+.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--cds-layer-accent);
+  content: "";
+}
+
+.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
+  padding: 0.5rem;
+  padding-right: 0;
+}
+
+.c4p--datagrid__row-expander.cds--btn {
+  display: flex;
+  width: 2rem;
+  height: 2rem;
+  min-height: 2rem;
+  justify-content: center;
+  padding: 0;
+}
+.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
+  fill: var(--cds-layer-selected-inverse, #161616);
+}
+
+/*
+* 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__draggable-handleStyle {
+  display: flex;
+  align-items: center;
+  margin-right: 0.5rem;
+  cursor: grab;
+}
+
+.c4p--datagrid__draggable-handleStyle.disabled {
+  pointer-events: none;
+}
+
+svg.c4p--datagrid__draggable-handleStyle.disable {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.c4p--datagrid__draggable-handleHolder {
+  display: flex;
+  height: 3rem;
+  padding-left: 1rem;
+  border-bottom: 1px solid var(--cds-layer-active);
+  background-color: var(--cds-layer);
+}
+
+.c4p--datagrid__draggable-handleHolder:hover {
+  background-color: var(--cds-layer-hover);
+}
+
+.c4p--datagrid__draggable-handleHolder-selected {
+  display: flex;
+  height: 3rem;
+  padding-left: 1rem;
+  border-bottom: 1px solid var(--cds-layer-active);
+  background-color: var(--cds-layer-selected);
+}
+
+.c4p--datagrid__draggable-handleHolder-selected:hover {
+  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+}
+
+.c4p--datagrid__draggable-handleHolder-isOver {
+  border: 2px dashed var(--cds-focus, #0f62fe);
+  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+}
+
+.c4p--datagrid__draggable-handleHolder-droppable {
+  display: flex;
+  width: 100%;
+}
+
+.c4p--datagrid__draggable-handleHolder-grabbed {
+  background-color: var(--cds-highlight, #d0e2ff);
+  color: var(--cds-text-primary, #161616);
+}
+
+.c4p--datagrid__shared-ui--assistive-text {
+  position: absolute;
+  overflow: hidden;
+  width: 0;
+  height: 0;
+  padding: 0;
+  border: 0;
+  clip: rect(0 0 0 0);
+  text-transform: none;
+  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 .cds--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .cds--date-picker__input {
+  height: 1.5rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::after {
+  height: calc(1.5rem - 0.25rem);
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .cds--date-picker__input {
+  height: 2rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::after {
+  height: calc(2rem - 0.25rem);
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .cds--date-picker__input {
+  height: 2.5rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::after {
+  height: calc(2.5rem - 0.25rem);
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .cds--date-picker__input {
+  height: 3rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::after {
+  height: calc(3rem - 0.25rem);
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--text-input,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number input[type=number],
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
+.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .cds--date-picker__input {
+  height: 4rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::before,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::after {
+  height: calc(4rem - 0.25rem);
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box {
+  max-height: none;
+}
+
+.c4p--datagrid {
+  --c4p--datagrid--grid-header-height: 0;
+}
+
+.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: 1rem;
+  color: var(--cds-text-secondary, #525252);
+  cursor: pointer;
+  outline: 0;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
+  height: 1rem;
+  padding-right: 1rem;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
+  padding-left: 0;
+  cursor: default;
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
+  height: 1rem;
+  fill: var(--cds-icon-secondary, #525252);
+}
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
+  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', 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-layer-active);
+  color: var(--cds-text-primary, #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-primary, #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-layer-active);
+  color: var(--cds-text-primary, #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: 0.125rem solid var(--cds-focus, #0f62fe);
+  outline-offset: calc(-1 * 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-button-disabled, #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: 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: 3rem;
+}
+
+.c4p--datagrid__inline-edit--outer-cell-button .cds--text-input,
+.c4p--datagrid__inline-edit--outer-cell-button .cds--number input[type=number] {
+  height: 3rem;
+}
+
+.c4p--datagrid__inline-edit-button-icon {
+  position: absolute;
+  right: 1rem;
+}
+
+.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit {
+  position: relative;
+  padding: 0;
+}
+.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
+  padding-left: 1rem;
+}
+.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .cds--number input[type=number] {
+  min-width: auto;
+  padding-right: 1rem;
+}
+
+.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
+  padding-bottom: 1rem;
+  padding-left: 1rem;
+}
+
+.c4p--datagrid__inline-edit--select.cds--dropdown,
+.c4p--datagrid__inline-edit--date .cds--date-picker {
+  width: inherit;
+}
+
+.c4p--datagrid__inline-edit--select.cds--dropdown,
+.c4p--datagrid__inline-edit--date .cds--date-picker.cds--date-picker--single .cds--date-picker__input {
+  width: 100%;
+  height: 3rem;
+  max-height: none;
+}
+
+.c4p--datagrid__inline-edit--date .cds--date-picker-container {
+  width: inherit;
+}
+
+.c4p--datagrid__inline-edit--date.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
+  overflow: hidden;
+  width: 100%;
+  max-width: none;
+  padding-right: 2rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-hover-active td {
+  border-top-color: var(--cds-layer-hover);
+  background-color: var(--cds-layer-hover);
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active::before {
+  position: absolute;
+  z-index: 2;
+  bottom: 0;
+  left: 0;
+  width: 2px;
+  height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
+  background-color: var(--cds-link-inverse, #78a9ff);
+  content: "";
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active::after {
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  bottom: 0;
+  width: 2px;
+  height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
+  background-color: var(--cds-link-inverse, #78a9ff);
+  content: "";
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  right: 0;
+  left: 0;
+  width: var(--c4p--datagrid--grid-width);
+  height: 2px;
+  background-color: var(--cds-link-inverse, #78a9ff);
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
+  height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
+  outline: 2px solid var(--cds-link-inverse, #78a9ff);
+  outline-offset: -2px;
+}
+
+.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
+  padding-top: 0.125rem;
+}
+
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
+  position: absolute;
+  z-index: 3;
+  top: calc(100% - 0.125rem);
+  width: 100%;
+  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
+  margin: 0;
+  background-color: var(--cds-layer-01, #f4f4f4);
+  outline: 0.125rem solid var(--cds-support-error, #da1e28);
+  outline-offset: calc(-1 * 0.125rem);
 }
 
-th.c4p--datagrid__select-all-toggle-on.button {
-  margin-left: 0.125rem;
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box[data-invalid]:focus-within ~ .cds--form-requirement {
+  outline: 0.125rem solid var(--cds-focus, #0f62fe);
 }
 
-.c4p--datagrid__expanded-row-content {
-  padding: 1rem 1rem 1.5rem 4rem;
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box__invalid-icon,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input__invalid-icon,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
+  z-index: 4;
+  top: calc(100% + 0.75rem + 0.125rem);
+  right: 0.5rem;
 }
 
-/*
-* 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__draggable-handleStyle {
-  display: flex;
-  align-items: center;
-  margin-right: 0.5rem;
-  cursor: grab;
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
+  top: calc(100% + 0.25rem + 0.125rem);
 }
 
-.c4p--datagrid__draggable-handleStyle.disabled {
-  pointer-events: none;
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
+  position: absolute;
+  top: 0;
+  left: 0.125rem;
+  width: calc(100% - (0.125rem * 2));
+  height: 0.125rem;
+  background-color: var(--cds-layer-01, #f4f4f4);
+  content: "";
 }
 
-svg.c4p--datagrid__draggable-handleStyle.disable {
-  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+.c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
+  position: absolute;
+  top: 0.125rem;
+  left: 0.5rem;
+  width: calc(100% - (0.5rem * 2));
+  height: 1px;
+  background-color: var(--cds-layer-accent-01, #e0e0e0);
+  content: "";
 }
 
-.c4p--datagrid__draggable-handleHolder {
-  display: flex;
-  height: 2rem;
-  padding-left: 0.25rem;
-  margin-bottom: 0.5rem;
-  background: var(--cds-layer-02, #ffffff);
-}
-.c4p--datagrid__draggable-handleHolder.c4p--datagrid__draggable-handleHolder-isOver {
-  border: 2px dashed var(--cds-focus, #0f62fe);
-  background-color: var(--cds-highlight, #d0e2ff);
+.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
+  background-color: var(--cds-layer-accent-01, #e0e0e0);
 }
-
-.c4p--datagrid__draggable-handleHolder-droppable {
-  display: flex;
-  width: 100%;
+.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
+  background-color: transparent;
 }
 
-.c4p--datagrid__draggable-handleHolder--grabbed {
-  background-color: var(--cds-highlight, #d0e2ff);
-  color: var(--cds-text-primary, #161616);
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input:focus,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__control-btn:focus {
+  outline-color: var(--cds-support-error, #da1e28);
 }
 
-.c4p--datagrid__shared-ui--assistive-text {
-  position: absolute;
-  overflow: hidden;
-  width: 0;
-  height: 0;
-  padding: 0;
-  border: 0;
-  clip: rect(0 0 0 0);
-  text-transform: none;
-  white-space: nowrap;
+.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
+  background-color: var(--cds-support-error, #da1e28);
 }
 
 /*
@@ -11036,6 +11743,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
+/* stylelint-disable max-nesting-depth */
 .c4p--datagrid__datagridWrap {
   display: block;
   width: 100%;
@@ -11043,6 +11751,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
   display: none;
 }
+.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
+  left: 0.125rem;
+  width: 112px;
+}
 
 .c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
   left: 0.125rem;
@@ -11051,7 +11763,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__datagridWrap-simple {
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   flex-direction: column;
@@ -12768,6 +13479,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -13095,14 +13807,18 @@ a.cds--side-nav__link--current::before {
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  height: 4rem;
   align-items: center;
+  margin: 0;
+}
+
+.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
+  height: 4rem;
   padding-top: 1rem;
   padding-bottom: 2rem;
-  margin: 0;
 }
 
-.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive {
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
   max-width: none;
 }
 
@@ -13163,7 +13879,7 @@ a.cds--side-nav__link--current::before {
   /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
-  transition: visibility 0 linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
+  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -13581,6 +14297,45 @@ a.cds--side-nav__link--current::before {
   margin-bottom: 1rem;
 }
 
+/* stylelint-disable max-nesting-depth */
+.c4p--edit-update-cards#c4p--edit-update-cards--edit {
+  /* Used id for overriding the SVG path fill */
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
+  background-color: #0050e6;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
+  box-shadow: none;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
+  fill: #ffffff;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
+  background-color: transparent;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
+  background-color: #0f62fe;
+  color: #ffffff;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
+  animation-duration: 700ms;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: rotate;
+  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
+  background-color: transparent;
+}
+.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
+  background-color: #0f62fe;
+  color: #ffffff;
+}
+
 html,
 body,
 div,
@@ -15055,6 +15810,10 @@ em {
   --cds-button-secondary-hover: #5e5e5e;
   --cds-button-tertiary-hover: #f4f4f4;
   --cds-button-disabled: rgba(141, 141, 141, 0.3);
+  --cds-notification-background-error: #393939;
+  --cds-notification-background-success: #393939;
+  --cds-notification-background-info: #393939;
+  --cds-notification-background-warning: #393939;
   --cds-notification-action-tertiary-inverse: #0f62fe;
   --cds-notification-action-tertiary-inverse-active: #002d9c;
   --cds-notification-action-tertiary-inverse-hover: #0050e6;
@@ -15219,6 +15978,10 @@ em {
   --cds-button-secondary-hover: #5e5e5e;
   --cds-button-tertiary-hover: #f4f4f4;
   --cds-button-disabled: rgba(141, 141, 141, 0.3);
+  --cds-notification-background-error: #262626;
+  --cds-notification-background-success: #262626;
+  --cds-notification-background-info: #262626;
+  --cds-notification-background-warning: #262626;
   --cds-notification-action-tertiary-inverse: #0f62fe;
   --cds-notification-action-tertiary-inverse-active: #002d9c;
   --cds-notification-action-tertiary-inverse-hover: #0050e6;
@@ -15296,6 +16059,7 @@ em {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: flex;
@@ -16399,12 +17163,61 @@ li.cds--accordion__item--disabled:last-of-type {
   margin-bottom: 0;
 }
 
-.cds--label .cds--tooltip__trigger {
+.cds--label + .cds--tooltip {
+  position: relative;
+  top: 0.2rem;
+  left: 0.5rem;
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
 }
+.cds--label + .cds--tooltip .cds--tooltip__trigger *,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
+  border: 0;
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
+  fill: var(--cds-icon-secondary, #525252);
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--label + .cds--toggletip {
+  top: 0.2rem;
+  left: 0.5rem;
+}
 
 .cds--label.cds--skeleton {
   position: relative;
@@ -16446,7 +17259,7 @@ input[data-invalid]:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
 .cds--list-box[data-invalid]:not(:focus),
-.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
+.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
 }
@@ -16457,7 +17270,7 @@ input[data-invalid]:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
 .cds--list-box[data-invalid]:not(:focus),
-.cds--combo-box[data-invalid] .cds--text-input:not(:focus) {
+.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
     outline-style: dotted;
   }
 }
@@ -16668,8 +17481,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true]::before {
   border: none;
   border-width: 1px;
   background-color: var(--cds-icon-primary, #161616);
@@ -16680,8 +17492,7 @@ fieldset[disabled] .cds--form__helper-text {
   transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
 }
 
-.cds--checkbox:indeterminate + .cds--checkbox-label::after,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::after {
+.cds--checkbox:indeterminate + .cds--checkbox-label::after {
   top: 0.6875rem;
   width: 0.5rem;
   border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
@@ -16693,8 +17504,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-label__focus::before,
 .cds--checkbox:checked:focus + .cds--checkbox-label::before,
 .cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
-.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed].cds--checkbox-label__focus::before {
+.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1px;
 }
@@ -16712,8 +17522,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked:disabled + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
   background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -17192,6 +18001,9 @@ fieldset[disabled] .cds--form__helper-text {
   z-index: 1;
   top: 0.8125rem;
   left: 1rem;
+  display: flex;
+  height: 1rem;
+  align-items: center;
   margin: 0;
 }
 
@@ -17210,12 +18022,12 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--form--fluid .cds--text-input--invalid,
-.cds--form--fluid .cds--text-input--warn {
+.cds--form--fluid .cds--text-input--warning {
   border-bottom: none;
 }
 
 .cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,
-.cds--form--fluid .cds--text-input--warn + .cds--text-input__divider {
+.cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {
   display: block;
   border-style: solid;
   border-color: var(--cds-border-subtle);
@@ -17227,13 +18039,13 @@ fieldset[disabled] .cds--form__helper-text {
   top: 5rem;
 }
 
-.cds--form--fluid .cds--text-input-wrapper--light {
-  background: var(--cds-field-02, #ffffff);
+.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
+.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
+  outline: none;
 }
 
-.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
+.cds--form--fluid .cds--text-input__field-wrapper--warning {
+  border-bottom: 1px solid var(--cds-border-strong);
 }
 
 .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
@@ -17246,16 +18058,23 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
-.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus {
+.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
+.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
 }
 @media screen and (prefers-contrast) {
-  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus {
+  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
+.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
     outline-style: dotted;
   }
 }
 
+.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
+.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
+  outline: none;
+}
+
 .cds--text-input-wrapper.cds--text-input-wrapper--inline {
   flex-flow: row wrap;
 }
@@ -17856,6 +18675,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: inline-flex;
@@ -17947,6 +18767,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: absolute;
   right: 1rem;
   display: flex;
@@ -17991,6 +18812,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: absolute;
   top: 50%;
   /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
@@ -18646,6 +19468,16 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-secondary, #525252);
 }
+@media (min-width: 42rem) {
+  .cds--data-table-header__description {
+    max-width: 50ch;
+  }
+}
+@media (min-width: 66rem) {
+  .cds--data-table-header__description {
+    max-width: 80ch;
+  }
+}
 
 .cds--data-table {
   width: 100%;
@@ -19445,6 +20277,7 @@ tr.cds--data-table--selected:last-of-type td {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 3rem;
@@ -19476,6 +20309,7 @@ tr.cds--data-table--selected:last-of-type td {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 3rem;
@@ -19973,6 +20807,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   display: inline-flex;
   width: 100%;
   height: calc(100% + 1px);
@@ -20277,6 +21112,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   display: flex;
   width: 100%;
   min-height: 100%;
@@ -22212,6 +23048,106 @@ button.cds--dropdown-text:focus {
 }
 
 /* stylelint-enable */
+.cds--text-input--fluid.cds--text-input-wrapper {
+  position: relative;
+  height: 100%;
+  background: var(--cds-field);
+  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--text-input--fluid .cds--label {
+  position: absolute;
+  z-index: 1;
+  top: 0.8125rem;
+  left: 1rem;
+  display: flex;
+  height: 1rem;
+  align-items: center;
+  margin: 0;
+}
+
+.cds--text-input--fluid .cds--form__helper-text {
+  display: none;
+}
+
+.cds--text-input--fluid .cds--text-input {
+  min-height: 4rem;
+  padding: 2rem 1rem 0.8125rem;
+}
+
+.cds--text-input__divider,
+.cds--text-input--fluid .cds--text-input__divider {
+  display: none;
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid],
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
+  display: block;
+}
+
+.cds--text-input--fluid input[data-invalid] {
+  outline: none;
+}
+
+.cds--text-input--fluid .cds--form-requirement {
+  padding: 0.5rem 2.5rem 0.5rem 1rem;
+  margin: 0;
+}
+
+.cds--text-input--fluid .cds--text-input--invalid,
+.cds--text-input--fluid .cds--text-input--warning {
+  border-bottom: none;
+}
+
+.cds--text-input--fluid .cds--text-input--invalid + .cds--text-input__divider,
+.cds--text-input--fluid .cds--text-input--warning + .cds--text-input__divider {
+  display: block;
+  border-style: solid;
+  border-color: var(--cds-border-subtle);
+  border-bottom: none;
+  margin: 0 1rem;
+}
+
+.cds--text-input--fluid .cds--text-input__invalid-icon {
+  top: 5rem;
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
+  outline: none;
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
+  border-bottom: 1px solid var(--cds-border-strong);
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
+  outline: 2px solid var(--cds-support-error, #da1e28);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
+    outline-style: dotted;
+  }
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
+    outline-style: dotted;
+  }
+}
+
+.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
+.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
+  outline: none;
+}
+
 @keyframes stroke {
   100% {
     stroke-dashoffset: 0;
@@ -22900,7 +23836,7 @@ button.cds--dropdown-text:focus {
   padding-left: 0;
 }
 
-.cds--multi-select--filterable.cds--list-box--disabled:hover .cds--text-input {
+.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
   background-color: var(--cds-field);
 }
 
@@ -22914,6 +23850,10 @@ button.cds--dropdown-text:focus {
   background-color: transparent;
 }
 
+.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
+  visibility: hidden;
+}
+
 .cds--inline-notification {
   position: relative;
   display: flex;
@@ -24143,6 +25083,7 @@ button.cds--dropdown-text:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: inline-flex;
@@ -24484,6 +25425,7 @@ button.cds--dropdown-text:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   outline: 2px solid transparent;
   outline-offset: -2px;
@@ -25611,6 +26553,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: relative;
   display: block;
   min-width: 3rem;
@@ -25953,13 +26896,13 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--left-top .cds--popover-content {
   top: -50%;
   right: 100%;
-  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)));
 }
 
 .cds--popover--left-bottom .cds--popover-content {
   right: 100%;
   bottom: -50%;
-  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)));
 }
 
 .cds--popover--left .cds--popover-content::before,
@@ -26178,6 +27121,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   border-bottom: 1px dotted var(--cds-border-strong);
   border-radius: 0;
@@ -26397,6 +27341,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   text-align: left;
@@ -26868,6 +27813,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: absolute;
@@ -27805,6 +28751,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 2.5rem;
@@ -27955,6 +28902,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   outline: 2px solid transparent;
   outline-offset: -2px;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -28473,6 +29421,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: absolute;
   right: 0;
@@ -28735,6 +29684,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   align-items: center;
@@ -28856,7 +29806,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
+.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
   box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
 }
 
@@ -28931,7 +29881,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle__button:active + .cds--toggle__label .cds--toggle__switch {
+.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
     color: Highlight;
     outline: 1px solid Highlight;
   }
@@ -28992,6 +29942,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   min-height: 2rem;
   flex: 1;
   align-items: center;
+  padding-top: 0.4375rem;
+  padding-bottom: 0.4375rem;
 }
 .cds--tree-node__label:hover {
   background-color: var(--cds-layer-hover-01, #e8e8e8);
@@ -29026,7 +29978,10 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tree-parent-node__toggle {
-  padding: 0;
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  padding: 0.0625rem 0;
   border: 0;
   margin-right: 0.5rem;
 }
@@ -29050,6 +30005,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tree-node__icon {
   min-width: 1rem;
   min-height: 1rem;
+  align-self: flex-start;
+  margin-top: 0.0625rem;
   margin-right: 0.5rem;
   fill: var(--cds-icon-secondary, #525252);
 }
@@ -29082,6 +30039,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tree--xs .cds--tree-node__label {
   min-height: 1.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 
 .cds--content {
@@ -29129,6 +30088,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: inline-flex;
   width: 3rem;
@@ -29625,6 +30585,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -30036,6 +30997,7 @@ a.cds--side-nav__link--current::before {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: inline-flex;
   width: 3rem;
@@ -30532,6 +31494,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);