@carbon/ibm-products 2.2.0 → 2.3.0

package/css/index-full-carbon.css

@@ -77,8 +77,6 @@
 .cds--copy-btn {
   position: relative;
   display: flex;
-  width: 2.5rem;
-  height: 2.5rem;
   align-items: center;
   justify-content: center;
   padding: 0;
@@ -488,11 +486,13 @@
   transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
+.cds--btn > .cds--snippet__icon {
+  margin-block-start: 0;
+}
+
 .cds--copy-btn {
   display: flex;
   overflow: visible;
-  width: 2.5rem;
-  height: 2.5rem;
   align-items: center;
   justify-content: center;
   padding: 0;
@@ -535,16 +535,13 @@
   right: 0;
 }
 
-.cds--snippet--inline.cds--btn--md.cds--btn--icon-only {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-.cds--snippet--inline.cds--btn--md {
-  min-height: 1.25rem;
+.cds--snippet--inline.cds--btn {
+  width: initial;
+  height: 1.25rem;
+  padding-inline: 0;
 }
 
-.cds--snippet--inline.cds--btn--primary:hover {
+.cds--snippet--inline.cds--btn.cds--btn--primary:hover {
   color: var(--cds-text-primary, #161616);
 }
 
@@ -553,12 +550,8 @@
   right: 0.5rem;
 }
 
-.cds--snippet--multi .cds--copy-btn.cds--btn--md {
+.cds--snippet--multi .cds--copy-btn {
   z-index: 10;
-  width: 2rem;
-  height: 2rem;
-  min-height: 2rem;
-  padding: 0;
 }
 
 .cds--snippet-btn--expand {
@@ -1004,8 +997,33 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--button-menu {
   min-width: 160px;
 }
+.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: var(--cds-button-primary, #0f62fe);
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: var(--cds-button-tertiary, #0f62fe);
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
+  background-color: var(--cds-button-tertiary-hover, #0050e6);
+}
+.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: transparent;
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
+  background-color: var(--cds-layer-hover);
+}
 .c4p--button-menu .c4p--button-menu__trigger {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: flex;
   width: 100%;
+  align-items: center;
+  justify-content: space-between;
   padding: 0 1rem;
 }
 
@@ -2706,18 +2724,18 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-full-page .c4p--create-full-page__step-subtitle {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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: 0.5rem;
 }
 
 .c4p--create-full-page .c4p--create-full-page__step-description {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   margin-bottom: 1.5rem;
 }
 
@@ -2806,10 +2824,10 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-full-page .c4p--create-full-page__step-title {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
   margin-bottom: 1rem;
 }
 
@@ -2867,27 +2885,27 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-modal__title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
   margin-bottom: 0.25rem;
 }
 
 .c4p--create-modal__subtitle {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   margin-bottom: 0.5rem;
   color: var(--cds-text-secondary, #525252);
 }
 
 .c4p--create-modal__description {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   padding-right: calc(20% - 1rem);
   margin: 0.5rem 0 1rem 0;
 }
@@ -2905,6 +2923,157 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-bottom: 0;
 }
 
+:root {
+  --cds-layout-size-height-xs: 1.5rem;
+  --cds-layout-size-height-sm: 2rem;
+  --cds-layout-size-height-md: 2.5rem;
+  --cds-layout-size-height-lg: 3rem;
+  --cds-layout-size-height-xl: 4rem;
+  --cds-layout-size-height-2xl: 5rem;
+  --cds-layout-size-height-min: 0px;
+  --cds-layout-size-height-max: 999999999px;
+  --cds-layout-density-padding-inline-condensed: 0.5rem;
+  --cds-layout-density-padding-inline-normal: 1rem;
+  --cds-layout-density-padding-inline-min: 0px;
+  --cds-layout-density-padding-inline-max: 999999999px;
+}
+
+.cds--layout--size-xs {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-xs {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
+}
+
+.cds--layout-constraint--size\:min-xs {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
+}
+
+.cds--layout-constraint--size\:max-xs {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
+}
+
+.cds--layout--size-sm {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-sm {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
+}
+
+.cds--layout-constraint--size\:min-sm {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
+}
+
+.cds--layout-constraint--size\:max-sm {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
+}
+
+.cds--layout--size-md {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-md {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
+}
+
+.cds--layout-constraint--size\:min-md {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
+}
+
+.cds--layout-constraint--size\:max-md {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
+}
+
+.cds--layout--size-lg {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-lg {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
+}
+
+.cds--layout-constraint--size\:min-lg {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
+}
+
+.cds--layout-constraint--size\:max-lg {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
+}
+
+.cds--layout--size-xl {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-xl {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
+}
+
+.cds--layout-constraint--size\:min-xl {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
+}
+
+.cds--layout-constraint--size\:max-xl {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
+}
+
+.cds--layout--size-2xl {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-2xl {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
+}
+
+.cds--layout-constraint--size\:min-2xl {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout-constraint--size\:max-2xl {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout--density-condensed {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density\:default-condensed {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
+}
+
+.cds--layout-constraint--density\:min-condensed {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout-constraint--density\:max-condensed {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout--density-normal {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density\:default-normal {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
+}
+
+.cds--layout-constraint--density\:min-normal {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
+.cds--layout-constraint--density\:max-normal {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
 .c4p--side-panel__container {
   --c4p--side-panel--subtitle-opacity: 1;
   --c4p--side-panel--title-container-height: 0;
@@ -2917,7 +3086,6 @@ p.c4p--about-modal__copyright-text:first-child {
   --c4p--side-panel--collapsed-title-y-position: 1rem;
   --c4p--side-panel--label-text-height: 0;
   position: fixed;
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   top: 3rem;
   height: calc(100% - 3rem);
@@ -3096,10 +3264,10 @@ p.c4p--about-modal__copyright-text:first-child {
   top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
 }
 .c4p--side-panel__container .c4p--side-panel__title-text {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
   display: -webkit-box;
   overflow: hidden;
   padding-right: 3rem;
@@ -3124,10 +3292,10 @@ p.c4p--about-modal__copyright-text:first-child {
   white-space: nowrap;
 }
 .c4p--side-panel__container .c4p--side-panel__collapsed-title-text {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
   display: -webkit-box;
   overflow: hidden;
   padding-right: 3rem;
@@ -3139,10 +3307,10 @@ p.c4p--about-modal__copyright-text:first-child {
   transform: translateY(var(--c4p--side-panel--collapsed-title-y-position));
 }
 .c4p--side-panel__container .c4p--side-panel__subtitle-text {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   overflow: hidden;
   padding: 0 3rem 1rem 1rem;
   -webkit-box-orient: vertical;
@@ -3323,7 +3491,6 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .c4p--side-panel__overlay {
   position: fixed;
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 6000;
   width: 100%;
   height: 100%;
@@ -3418,18 +3585,18 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-side-panel__form-title-text {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
   padding-bottom: 0.5rem;
 }
 
 .c4p--create-side-panel__form-description-text {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 
 .c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
@@ -3437,18 +3604,18 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-side-panel__title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
   margin-bottom: 0.25rem;
 }
 
 .c4p--create-side-panel__subtitle {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   margin-bottom: 0.5rem;
   color: var(--cds-text-secondary, #525252);
 }
@@ -3463,7 +3630,6 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--tearsheet.c4p--tearsheet {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9001;
   align-items: flex-end;
   color: var(--cds-text-primary, #161616);
@@ -3472,7 +3638,6 @@ p.c4p--about-modal__copyright-text:first-child {
   --c4p--tearsheet--stacking-scale-factor-double: 0.9;
 }
 .c4p--tearsheet.is-visible {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
   transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -3483,17 +3648,14 @@ p.c4p--about-modal__copyright-text:first-child {
   }
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.33);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8998;
   background-color: rgba(22, 22, 22, 0.11);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.25);
 }
@@ -3542,11 +3704,13 @@ p.c4p--about-modal__copyright-text:first-child {
   padding: 1.5rem 2rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
   padding: 1rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 .c4p--tearsheet .c4p--tearsheet__header-content {
   display: flex;
@@ -3566,20 +3730,20 @@ p.c4p--about-modal__copyright-text:first-child {
   display: none;
 }
 .c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
 }
 .c4p--tearsheet .c4p--tearsheet__header-description {
   display: -webkit-box;
   overflow: hidden;
   max-width: 100%;
   margin-top: 1rem;
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   word-break: break-word;
@@ -3637,10 +3801,13 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__main {
   display: flex;
   flex-direction: row;
-  background-color: var(--cds-layer);
+  background-color: var(--cds-background, #ffffff);
   grid-column: 1/-1;
   grid-row: 1/-1;
 }
+.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
+  background-color: var(--cds-layer);
+}
 .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
   border-right: none;
   border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -3774,19 +3941,19 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
 .c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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: 0.5rem;
 }
 
 .c4p--tearsheet-create .c4p--tearsheet-create__section--description,
 .c4p--tearsheet-create .c4p--tearsheet-create__step--description {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   margin-bottom: 1.5rem;
 }
 
@@ -3830,18 +3997,18 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
   padding-bottom: 0.5rem;
 }
 
 .c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 
 .c4p--empty-state {
@@ -4178,10 +4345,10 @@ c4p--card__icon:active {
 .c4p--import-modal .c4p--import-modal__file-drop-header,
 .c4p--import-modal .c4p--import-modal__label {
   margin-bottom: 0.5rem;
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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);
 }
 
 .c4p--import-modal__helper-text {
@@ -4262,6 +4429,9 @@ c4p--card__icon:active {
   display: flex;
   align-items: center;
 }
+.c4p--add-select__selections-form-control-wrapper--radio {
+  cursor: pointer;
+}
 .c4p--add-select__selections-form-control-label-wrapper {
   display: flex;
   margin-left: 1rem;
@@ -4312,10 +4482,10 @@ c4p--card__icon:active {
   border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
 }
 .c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
 }
 
 .c4p--add-select__sidebar-title {
@@ -4347,10 +4517,10 @@ c4p--card__icon:active {
 }
 
 .c4p--add-select .c4p--add-select__sidebar-item-body {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   margin-bottom: 1rem;
 }
 
@@ -4491,24 +4661,24 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
 }
 
 .c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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);
 }
 
 .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);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 
 .c4p--add-select__selections .cds--list-box__menu {
@@ -4542,10 +4712,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .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);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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);
 }
 
 .c4p--add-select .cds--modal-container--sm .cds--modal-content p {
@@ -4741,6 +4911,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -4989,7 +5167,7 @@ button.c4p--add-select__global-filter-toggle--open {
   top: 3rem;
   right: 0;
   overflow: auto;
-  min-width: 22.75rem;
+  min-width: 20rem;
   max-width: 22.75rem;
   min-height: 38.5rem;
   max-height: 38.5rem;
@@ -5026,10 +5204,10 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-text-primary, #161616);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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: 0;
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__time-section-label {
@@ -5198,10 +5376,10 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 10rem;
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__main-section {
   min-height: 498px;
@@ -6997,7 +7175,6 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8000;
 }
 
@@ -7107,10 +7284,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item,
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item .cds--tag {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: block;
   overflow: hidden;
   min-width: initial;
@@ -7163,7 +7340,6 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: flex-end;
 }
 
-/* stylelint-disable-next-line function-no-unknown */
 @keyframes background-appear {
   from {
     /* stylelint-disable-next-line carbon/theme-token-use */
@@ -7470,10 +7646,10 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 .c4p--page-header .c4p--page-header__title {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
   min-height: 2.5rem;
   overflow-x: hidden;
   text-overflow: ellipsis;
@@ -7573,16 +7749,16 @@ button.c4p--add-select__global-filter-toggle--open {
   height: 1rem;
 }
 .c4p--page-header .c4p--page-header__subtitle {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 .c4p--page-header .c4p--page-header__available-row {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   margin-top: 0.5rem;
 }
 .c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
@@ -7592,10 +7768,10 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 1rem;
 }
 .c4p--page-header .c4p--page-header__available-row * {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 .c4p--page-header .c4p--page-header__navigation-row {
   flex-wrap: wrap-reverse;
@@ -7768,10 +7944,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--saving__text {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 
 .c4p--saving__buttons {
@@ -8549,6 +8725,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -8934,6 +9118,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -9369,19 +9561,19 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--user-profile-image--xl {
   width: 4rem;
   height: 4rem;
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
 }
 
 .c4p--user-profile-image--lg {
   width: 2rem;
   height: 2rem;
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 
 .c4p--user-profile-image--md {
@@ -9424,17 +9616,17 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-bottom: 1rem;
 }
 .c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
   padding-bottom: 0.5rem;
 }
 .c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
 }
 .c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
   display: none;
@@ -9819,10 +10011,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   width: 100%;
   height: 100%;
   padding: 0 0.5rem;
@@ -9877,18 +10069,18 @@ button.c4p--add-select__global-filter-toggle--open {
   text-align: left;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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);
   color: var(--cds-text-primary, #161616);
   text-align: left;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: absolute;
@@ -9920,10 +10112,10 @@ button.c4p--add-select__global-filter-toggle--open {
   outline-offset: -2px;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   position: absolute;
   overflow: hidden;
   width: fit-content;
@@ -9937,10 +10129,10 @@ button.c4p--add-select__global-filter-toggle--open {
   outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   position: absolute;
@@ -10058,13 +10250,6 @@ button.c4p--add-select__global-filter-toggle--open {
   overscroll-behavior: none;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020 - 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
 .c4p--datagrid__table-toolbar > section {
   z-index: 2;
   overflow: visible;
@@ -10536,11 +10721,6 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100%;
 }
 
-.cds--body--with-modal-open .c4p--datagrid__grid-container {
-  overflow: hidden;
-  height: 100vh;
-}
-
 .c4p--datagrid .cds--modal {
   width: 100%;
 }
@@ -10581,6 +10761,18 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer-accent);
 }
 
+.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
+  padding: 0;
+}
+
+.c4p--datagrid .cds--action-list .cds--btn {
+  align-items: center;
+}
+
+.c4p--datagrid .cds--action-list .cds--btn__icon {
+  margin-top: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -11011,6 +11203,13 @@ button.c4p--add-select__global-filter-toggle--open {
   grid-template-columns: 1fr 1fr;
 }
 
+.c4p--datagrid-filter-flyout__trigger.cds--btn {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
+}
+
 .c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
   position: relative;
   background-color: var(--cds-layer-02, #ffffff);
@@ -11134,6 +11333,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .cds--btn.c4p--datagrid-filter-panel-open-button {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
   border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
   border-bottom: none;
 }
@@ -11662,7 +11865,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
   display: none;
 }
-.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
+.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
   left: 0.125rem;
   width: 112px;
 }
@@ -13282,7 +13485,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   width: 0;
 }
 
-.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
 .cds--side-nav--expanded {
   width: 16rem;
 }
@@ -13689,6 +13891,16 @@ a.cds--side-nav__link--current::before {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
+
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;
 }
@@ -13707,6 +13919,157 @@ a.cds--side-nav__link--current::before {
     fill: ButtonText;
   }
 }
+:root {
+  --cds-layout-size-height-xs:1.5rem;
+  --cds-layout-size-height-sm:2rem;
+  --cds-layout-size-height-md:2.5rem;
+  --cds-layout-size-height-lg:3rem;
+  --cds-layout-size-height-xl:4rem;
+  --cds-layout-size-height-2xl:5rem;
+  --cds-layout-size-height-min:0px;
+  --cds-layout-size-height-max:999999999px;
+  --cds-layout-density-padding-inline-condensed:0.5rem;
+  --cds-layout-density-padding-inline-normal:1rem;
+  --cds-layout-density-padding-inline-min:0px;
+  --cds-layout-density-padding-inline-max:999999999px;
+}
+
+.cds--layout--size-xs {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-xs {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
+}
+
+.cds--layout-constraint--size\:min-xs {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);
+}
+
+.cds--layout-constraint--size\:max-xs {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);
+}
+
+.cds--layout--size-sm {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-sm {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
+}
+
+.cds--layout-constraint--size\:min-sm {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);
+}
+
+.cds--layout-constraint--size\:max-sm {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);
+}
+
+.cds--layout--size-md {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-md {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
+}
+
+.cds--layout-constraint--size\:min-md {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);
+}
+
+.cds--layout-constraint--size\:max-md {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);
+}
+
+.cds--layout--size-lg {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-lg {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
+}
+
+.cds--layout-constraint--size\:min-lg {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);
+}
+
+.cds--layout-constraint--size\:max-lg {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);
+}
+
+.cds--layout--size-xl {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-xl {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
+}
+
+.cds--layout-constraint--size\:min-xl {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);
+}
+
+.cds--layout-constraint--size\:max-xl {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);
+}
+
+.cds--layout--size-2xl {
+  --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);
+  --cds-layout-size-height:var(--cds-layout-size-height-context);
+}
+
+.cds--layout-constraint--size\:default-2xl {
+  --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
+}
+
+.cds--layout-constraint--size\:min-2xl {
+  --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout-constraint--size\:max-2xl {
+  --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout--density-condensed {
+  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density\:default-condensed {
+  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
+}
+
+.cds--layout-constraint--density\:min-condensed {
+  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout-constraint--density\:max-condensed {
+  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout--density-normal {
+  --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);
+  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density\:default-normal {
+  --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
+}
+
+.cds--layout-constraint--density\:min-normal {
+  --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
+.cds--layout-constraint--density\:max-normal {
+  --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
 .c4p--action-set {
   align-items: stretch;
   justify-content: flex-end;
@@ -13777,7 +14140,6 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--tearsheet.c4p--tearsheet {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9001;
   align-items: flex-end;
   color: var(--cds-text-primary, #161616);
@@ -13787,7 +14149,6 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--tearsheet.is-visible {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
   transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -13799,19 +14160,16 @@ a.cds--side-nav__link--current::before {
   }
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.33);
 }
 
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8998;
   background-color: rgba(22, 22, 22, 0.11);
 }
 
 .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.25);
 }
@@ -13872,12 +14230,14 @@ a.cds--side-nav__link--current::before {
   padding: 1.5rem 2rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
   padding: 1rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 
 .c4p--tearsheet .c4p--tearsheet__header-content {
@@ -13903,10 +14263,10 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
 }
 
 .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -13914,10 +14274,10 @@ a.cds--side-nav__link--current::before {
   overflow: hidden;
   max-width: 100%;
   margin-top: 1rem;
-  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);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   word-break: break-word;
@@ -13988,11 +14348,15 @@ a.cds--side-nav__link--current::before {
 .c4p--tearsheet .c4p--tearsheet__main {
   display: flex;
   flex-direction: row;
-  background-color: var(--cds-layer);
+  background-color: var(--cds-background, #ffffff);
   grid-column: 1/-1;
   grid-row: 1/-1;
 }
 
+.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
+  background-color: var(--cds-layer);
+}
+
 .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
   border-right: none;
   border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -14188,19 +14552,19 @@ a.cds--side-nav__link--current::before {
 
 .c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
 .c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
-  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
-  font-weight: var(--cds-productive-heading-01-font-weight, 600);
-  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  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: 0.5rem;
 }
 
 .c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
 .c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   margin-bottom: 1.5rem;
 }
 
@@ -14340,6 +14704,14 @@ video {
   vertical-align: baseline;
 }
 
+button,
+select,
+input,
+textarea {
+  border-radius: 0;
+  font-family: inherit;
+}
+
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
@@ -15977,6 +16349,8 @@ em {
 }
 
 .cds--accordion {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -16022,11 +16396,10 @@ em {
   position: relative;
   display: flex;
   width: 100%;
-  min-height: 2.5rem;
+  min-height: var(--cds-layout-size-height-local);
   flex-direction: row-reverse;
-  align-items: flex-start;
+  align-items: center;
   justify-content: flex-start;
-  padding: 0.625rem 0;
   margin: 0;
   color: var(--cds-text-primary, #161616);
   cursor: pointer;
@@ -16064,16 +16437,6 @@ em {
   }
 }
 
-.cds--accordion--lg .cds--accordion__heading {
-  min-height: 3rem;
-  align-items: center;
-}
-
-.cds--accordion--sm .cds--accordion__heading {
-  min-height: 2rem;
-  padding: 0.3125rem 0;
-}
-
 .cds--accordion__heading[disabled] {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
@@ -16102,7 +16465,7 @@ li.cds--accordion__item--disabled:last-of-type {
   width: 1rem;
   height: 1rem;
   flex: 0 0 1rem;
-  margin: 2px 1rem 0 0;
+  margin: 0 var(--cds-layout-density-padding-inline-local) 0 0;
   fill: var(--cds-icon-primary, #161616);
   transform: rotate(-270deg) /*rtl:ignore*/;
   transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -16116,14 +16479,13 @@ li.cds--accordion__item--disabled:last-of-type {
   z-index: 1;
   width: 100%;
   padding-right: 1rem;
-  margin: 0 0 0 1rem;
+  margin: 0 0 0 var(--cds-layout-density-padding-inline-local);
   text-align: left;
 }
 
 .cds--accordion__content {
   display: none;
-  padding-right: 1rem;
-  padding-left: 1rem;
+  padding-inline: var(--cds-layout-density-padding-inline-local);
   transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
 }
 @media (min-width: 480px) {
@@ -16148,7 +16510,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--accordion--start .cds--accordion__arrow {
-  margin: 2px 0 0 1rem;
+  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--accordion--start .cds--accordion__title {
@@ -16156,7 +16518,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--accordion--start .cds--accordion__content {
-  margin-left: 2rem;
+  margin-left: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
 }
 
 .cds--accordion__item--collapsing .cds--accordion__content,
@@ -16592,6 +16954,15 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--btn {
+  --cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
+  --temp-1lh: (
+    var(--cds-body-compact-01-line-height, 1.28572) * 1em
+  );
+  --temp-padding-block-max: calc(
+    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
+      0.0625rem
+  );
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -16607,15 +16978,16 @@ li.cds--accordion__item--disabled:last-of-type {
   display: inline-flex;
   width: max-content;
   max-width: 20rem;
-  min-height: 3rem;
+  height: var(--cds-layout-size-height-local);
   flex-shrink: 0;
-  align-items: center;
   justify-content: space-between;
-  padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
   margin: 0;
   border-radius: 0;
   cursor: pointer;
   outline: none;
+  padding-block-start: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
+  padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
   text-align: left;
   text-decoration: none;
   transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -16635,10 +17007,12 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 .cds--btn .cds--btn__icon {
   position: absolute;
-  right: 1rem;
+  top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  right: var(--cds-layout-density-padding-inline-local);
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
+  margin-block-start: 0.0625rem;
 }
 
 .cds--btn::-moz-focus-inner {
@@ -16741,7 +17115,7 @@ li.cds--accordion__item--disabled:last-of-type {
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-link-primary, #0f62fe);
-  padding: calc(0.875rem - 3px) 1rem;
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--ghost:hover {
   background-color: var(--cds-layer-hover);
@@ -16773,19 +17147,19 @@ li.cds--accordion__item--disabled:last-of-type {
   color: var(--cds-text-on-color-disabled, #8d8d8d);
   outline: none;
 }
-.cds--btn--ghost.cds--btn--sm {
-  padding: calc(0.375rem - 3px) 1rem;
-}
-.cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
-  padding: calc(0.675rem - 3px) 1rem;
-}
 .cds--btn--ghost:not([disabled]) svg {
   fill: var(--cds-icon-primary, #161616);
 }
 
 .cds--btn--icon-only {
-  padding-right: 0.9375rem;
-  padding-left: 0.9375rem;
+  width: var(--cds-layout-size-height-local);
+  height: var(--cds-layout-size-height-local);
+  justify-content: center;
+  padding: 0;
+  padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+}
+.cds--btn--icon-only > :first-child {
+  margin-block-start: 0.0625rem;
 }
 .cds--btn--icon-only .cds--btn__icon {
   position: static;
@@ -16817,15 +17191,12 @@ li.cds--accordion__item--disabled:last-of-type {
   cursor: not-allowed;
 }
 
-.cds--btn--field.cds--btn--icon-only,
-.cds--btn--md.cds--btn--icon-only {
-  padding-right: 0.6875rem;
-  padding-left: 0.6875rem;
+.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
+  cursor: not-allowed;
 }
 
-.cds--btn--sm.cds--btn--icon-only {
-  padding-right: 0.4375rem;
-  padding-left: 0.4375rem;
+.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
+  pointer-events: none;
 }
 
 .cds--btn--danger {
@@ -16897,7 +17268,7 @@ li.cds--accordion__item--disabled:last-of-type {
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-button-danger-secondary, #da1e28);
-  padding: calc(0.875rem - 3px) 1rem;
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--danger--ghost:hover {
   background-color: var(--cds-button-danger-hover, #b81921);
@@ -16926,46 +17297,12 @@ li.cds--accordion__item--disabled:last-of-type {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
-.cds--btn--danger--ghost.cds--btn--sm {
-  padding: calc(0.375rem - 3px) 1rem;
-}
-.cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
-  padding: calc(0.675rem - 3px) 1rem;
-}
-
-.cds--btn--sm {
-  min-height: 2rem;
-  padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
-}
-
-.cds--btn--2xl:not(.cds--btn--icon-only) {
-  align-items: baseline;
-  padding-top: 1rem;
-  padding-right: 4rem;
-  padding-left: 1rem;
-  min-height: 5rem;
-}
-
-.cds--btn--xl:not(.cds--btn--icon-only) {
-  align-items: baseline;
-  padding-top: 1rem;
-  padding-right: 4rem;
-  padding-left: 1rem;
-  min-height: 4rem;
-}
-
-.cds--btn--field,
-.cds--btn--md {
-  min-height: 2.5rem;
-  padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
-}
 
 .cds--btn--expressive {
   font-size: var(--cds-body-compact-02-font-size, 1rem);
   font-weight: var(--cds-body-compact-02-font-weight, 400);
   line-height: var(--cds-body-compact-02-line-height, 1.375);
   letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
-  min-height: 3rem;
 }
 
 .cds--btn--icon-only.cds--btn--expressive {
@@ -17266,6 +17603,7 @@ input[data-invalid] ~ .cds--form-requirement,
 .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
 .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
 .cds--time-picker--invalid ~ .cds--form-requirement,
+.cds--time-picker--warning ~ .cds--form-requirement,
 .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
@@ -17655,6 +17993,8 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--text-input {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -17662,8 +18002,8 @@ fieldset[disabled] .cds--form__helper-text {
   outline: 2px solid transparent;
   outline-offset: -2px;
   width: 100%;
-  height: 2.5rem;
-  padding: 0 1rem;
+  height: var(--cds-layout-size-height-local);
+  padding: 0 var(--cds-layout-density-padding-inline-local);
   border: none;
   border-bottom: 1px solid var(--cds-border-strong);
   background-color: var(--cds-field);
@@ -17700,14 +18040,6 @@ fieldset[disabled] .cds--form__helper-text {
   display: none;
 }
 
-.cds--text-input--lg {
-  height: 3rem;
-}
-
-.cds--text-input--sm {
-  height: 2rem;
-}
-
 .cds--password-input {
   padding-right: 2.5rem;
 }
@@ -18251,6 +18583,10 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--tag {
+  --cds-layout-size-height-xs: 1.125rem;
+  --cds-layout-size-height-sm: 1.125rem;
+  --cds-layout-size-height-md: 1.5rem;
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
   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);
@@ -18260,16 +18596,25 @@ fieldset[disabled] .cds--form__helper-text {
   display: inline-flex;
   min-width: 2rem;
   max-width: 100%;
-  min-height: 1.5rem;
+  min-height: var(--cds-layout-size-height-local);
   align-items: center;
   justify-content: center;
-  padding: 0.25rem 0.5rem;
   margin: 0.25rem;
   border-radius: 0.9375rem;
   cursor: default;
+  padding-inline: 0.5rem;
   vertical-align: middle;
   word-break: break-word;
 }
+.cds--layout--size-xs .cds--tag {
+  --cds-layout-size-height: var(--cds-layout-size-height-xs);
+}
+.cds--layout--size-sm .cds--tag {
+  --cds-layout-size-height: var(--cds-layout-size-height-sm);
+}
+.cds--layout--size-md .cds--tag {
+  --cds-layout-size-height: var(--cds-layout-size-height-md);
+}
 .cds--tag.cds--tag--interactive:hover,
 .cds--tag .cds--tag__close-icon:hover {
   background-color: var(--cds-tag-hover-gray, #c6c6c6);
@@ -18440,8 +18785,8 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag__close-icon {
   display: flex;
-  width: 1.5rem;
-  height: 1.5rem;
+  width: var(--cds-layout-size-height-local);
+  height: var(--cds-layout-size-height-local);
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
@@ -18495,18 +18840,11 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--tag--sm {
-  min-height: 1.125rem;
-  padding: 0 0.5rem;
-}
-
 .cds--tag--sm.cds--tag--filter {
   padding-right: 0;
 }
 
 .cds--tag--sm .cds--tag__close-icon {
-  width: 1.125rem;
-  height: 1.125rem;
   margin-left: 0.3125rem;
 }
 
@@ -19415,13 +19753,23 @@ fieldset[disabled] .cds--form__helper-text {
   transform: rotate(180deg);
 }
 
+.cds--contained-list {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
+}
+
+.cds--contained-list > ul {
+  padding: 0;
+  margin: 0;
+}
+
 .cds--contained-list__header {
   position: sticky;
   z-index: 1;
   top: 0;
   display: flex;
   align-items: center;
-  padding-inline: 1rem;
+  padding-inline: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--contained-list__label {
@@ -19431,7 +19779,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--contained-list .cds--search {
   position: sticky;
   z-index: 1;
-  top: 48px;
+  top: var(--cds-layout-size-height-local);
 }
 .cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
   background-color: var(--cds-field);
@@ -19470,46 +19818,6 @@ fieldset[disabled] .cds--form__helper-text {
   outline: none;
 }
 
-.cds--contained-list--on-page.cds--contained-list--sm .cds--contained-list__header {
-  height: 2rem;
-}
-
-.cds--contained-list--sm .cds--contained-list-item__content,
-.cds--contained-list--sm .cds--contained-list-item--clickable .cds--contained-list-item__content {
-  min-height: 2rem;
-  padding: calc(0.5rem - 0.125rem) 1rem;
-}
-
-.cds--contained-list--on-page.cds--contained-list--md .cds--contained-list__header {
-  height: 2.5rem;
-}
-
-.cds--contained-list--md .cds--contained-list-item__content,
-.cds--contained-list--md .cds--contained-list-item--clickable .cds--contained-list-item__content {
-  min-height: 2.5rem;
-  padding: calc(0.75rem - 0.125rem) 1rem;
-}
-
-.cds--contained-list--on-page.cds--contained-list--lg .cds--contained-list__header {
-  height: 3rem;
-}
-
-.cds--contained-list--lg .cds--contained-list-item__content,
-.cds--contained-list--lg .cds--contained-list-item--clickable .cds--contained-list-item__content {
-  min-height: 3rem;
-  padding: calc(1rem - 0.125rem) 1rem;
-}
-
-.cds--contained-list--on-page.cds--contained-list--xl .cds--contained-list__header {
-  height: 4rem;
-}
-
-.cds--contained-list--xl .cds--contained-list-item__content,
-.cds--contained-list--xl .cds--contained-list-item--clickable .cds--contained-list-item__content {
-  min-height: 4rem;
-  padding: calc(1.5rem - 0.125rem) 1rem;
-}
-
 .cds--contained-list--on-page + .cds--contained-list--on-page {
   margin-block-start: 1rem;
 }
@@ -19519,6 +19827,7 @@ fieldset[disabled] .cds--form__helper-text {
   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);
+  height: var(--cds-layout-size-height-local);
   border-bottom: 1px solid var(--cds-border-subtle);
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
@@ -19544,12 +19853,17 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--contained-list-item {
   position: relative;
+  list-style: none;
 }
 
 .cds--contained-list-item:not(:first-of-type) {
   margin-top: -1px;
 }
 
+.cds--contained-list-item__content {
+  box-sizing: border-box;
+}
+
 .cds--contained-list-item--clickable .cds--contained-list-item__content {
   box-sizing: border-box;
   padding: 0;
@@ -19580,10 +19894,15 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--contained-list-item__content,
 .cds--contained-list-item--clickable .cds--contained-list-item__content {
+  --temp-1lh: (
+    var(--cds-body-01-line-height, 1.42857) * 1em
+  );
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+  min-height: var(--cds-layout-size-height-local);
+  padding: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);
   color: var(--cds-text-primary, #161616);
 }
 
@@ -19598,8 +19917,8 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
-  right: 1rem;
-  left: 1rem;
+  right: var(--cds-layout-density-padding-inline-local);
+  left: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
@@ -19667,20 +19986,14 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--content-switcher {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   display: flex;
   width: 100%;
-  height: 2.5rem;
+  height: var(--cds-layout-size-height-local);
   justify-content: space-evenly;
 }
 
-.cds--content-switcher--sm {
-  height: 2rem;
-}
-
-.cds--content-switcher--lg {
-  height: 3rem;
-}
-
 .cds--content-switcher-btn {
   font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
   outline: 2px solid transparent;
@@ -19692,9 +20005,6 @@ fieldset[disabled] .cds--form__helper-text {
   position: relative;
   display: inline-flex;
   overflow: hidden;
-  width: 100%;
-  align-items: center;
-  padding: 0.5rem 1rem;
   border: none;
   border-top: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);
@@ -19772,6 +20082,12 @@ fieldset[disabled] .cds--form__helper-text {
   border-color: var(--cds-border-disabled, #c6c6c6);
 }
 
+.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
+  width: 100%;
+  align-items: center;
+  padding: 0.5rem var(--cds-layout-density-padding-inline-local);
+}
+
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
   border-left: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-bottom-left-radius: 0.25rem;
@@ -20059,6 +20375,34 @@ fieldset[disabled] .cds--form__helper-text {
   vertical-align: middle;
 }
 
+.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
+  padding-top: 0.5rem;
+}
+.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
+  padding-top: 0.8125rem;
+}
+.cds--data-table.cds--data-table--top-aligned-body td {
+  vertical-align: top;
+}
+
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
+  padding-top: 0.5rem;
+}
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
+  padding-top: 0.8125rem;
+}
+.cds--data-table.cds--data-table--top-aligned-header th {
+  vertical-align: top;
+}
+
 .cds--data-table th[align=right],
 .cds--data-table td[align=right] {
   text-align: right;
@@ -20339,7 +20683,8 @@ tr.cds--data-table--selected:last-of-type td {
   height: calc(100% + 1px);
 }
 
-.cds--data-table.cds--data-table--xs .cds--table-column-checkbox {
+.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
+.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
   padding-top: 0;
   padding-bottom: 0;
 }
@@ -20361,12 +20706,14 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--sm td,
-.cds--data-table--sm tbody tr th {
+.cds--data-table--sm tbody tr th,
+.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
   padding-top: 0.4375rem;
   padding-bottom: 0.375rem;
 }
 
-.cds--data-table.cds--data-table--sm .cds--table-column-checkbox {
+.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
+.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
   padding-top: 0.1875rem;
   padding-bottom: 0.1875rem;
 }
@@ -20381,7 +20728,8 @@ tr.cds--data-table--selected:last-of-type td {
   height: 2.5rem;
 }
 
-.cds--data-table--md .cds--table-header-label {
+.cds--data-table--md .cds--table-header-label,
+.cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
   padding-top: 0.4375rem;
   padding-bottom: 0.4375rem;
 }
@@ -20392,7 +20740,8 @@ tr.cds--data-table--selected:last-of-type td {
   padding-bottom: 0.375rem;
 }
 
-.cds--data-table.cds--data-table--md .cds--table-column-checkbox {
+.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
+.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
   padding-top: 0.1875rem;
   padding-bottom: 0.1875rem;
 }
@@ -20416,6 +20765,7 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--xl td,
 .cds--data-table--xl tbody tr th {
   padding-top: 1rem;
+  padding-bottom: 1rem;
 }
 
 .cds--data-table--xl th,
@@ -21337,6 +21687,25 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   border: 0;
 }
 
+.cds--data-table--top-aligned-body td .cds--table-expand__button,
+.cds--data-table--top-aligned-header th .cds--table-expand__button {
+  height: 2rem;
+  align-items: start;
+  padding-top: 0.5rem;
+}
+
+.cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,
+.cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {
+  height: 1.5rem;
+  padding-top: 0.25rem;
+}
+
+.cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,
+.cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {
+  padding-top: 0.5rem;
+  margin-top: -0.25rem;
+}
+
 .cds--table-expand__button:focus {
   box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
   outline: none;
@@ -21350,7 +21719,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
 
 .cds--data-table--xl .cds--table-expand__button {
   width: 2rem;
-  padding: 0;
 }
 
 tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
@@ -21685,6 +22053,30 @@ th .cds--table-sort__flex {
   justify-content: space-between;
 }
 
+.cds--data-table--top-aligned-header th .cds--table-sort__flex {
+  align-items: start;
+}
+
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
+  padding-top: 1rem;
+}
+
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
+  padding-top: 0.4375rem;
+  padding-bottom: 0.4375rem;
+}
+
+.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
 .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
   /* IE11 workaround for align-items: center and min-height
       https://github.com/philipwalton/flexbugs/issues/231 */
@@ -26521,6 +26913,10 @@ optgroup.cds--select-optgroup:disabled,
   white-space: nowrap;
 }
 
+.cds--menu-item__shortcut {
+  display: flex;
+}
+
 .cds--menu--with-icons > .cds--menu-item,
 .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
 .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
@@ -27241,7 +27637,8 @@ optgroup.cds--select-optgroup:disabled,
   border-color: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"] {
+.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
+.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -27555,7 +27952,8 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"] {
+.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
+.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -27880,7 +28278,8 @@ optgroup.cds--select-optgroup:disabled,
   border-color: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"] {
+.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
+.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -28004,7 +28403,8 @@ optgroup.cds--select-optgroup:disabled,
 
 /* Tertiary action button when not inline (toast) */
 .cds--actionable-notification__action-button.cds--btn--tertiary {
-  padding: 0 1rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
   margin-bottom: 1rem;
   margin-left: calc(2rem + 1.25rem - 0.125rem);
 }
@@ -28216,6 +28616,10 @@ optgroup.cds--select-optgroup:disabled,
   background-color: var(--cds-layer-hover);
 }
 
+.cds--overflow-menu > :first-child {
+  margin-block-start: 0;
+}
+
 .cds--overflow-menu--sm {
   width: 2rem;
   height: 2rem;
@@ -28743,6 +29147,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   box-sizing: inherit;
 }
 
+.cds--pagination__button > svg,
+.cds--btn--ghost.cds--pagination__button > svg {
+  margin-block-start: 0;
+}
+
 .cds--pagination--sm .cds--pagination__button,
 .cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
   width: 2rem;
@@ -29229,7 +29638,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   pointer-events: auto;
 }
 
-.cds--popover--open .cds--popover-content {
+.cds--popover--open > .cds--popover > .cds--popover-content {
   display: block;
 }
 
@@ -29239,7 +29648,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   content: "";
 }
 
-.cds--popover--open .cds--popover-content::before {
+.cds--popover--open > .cds--popover > .cds--popover-content::before {
   display: block;
 }
 
@@ -29251,10 +29660,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   will-change: transform;
 }
 
-.cds--popover--open.cds--popover--caret .cds--popover-caret {
+.cds--popover--open > .cds--popover > .cds--popover-caret {
   display: block;
 }
 
+.cds--popover--tab-tip .cds--popover .cds--popover-caret {
+  display: none;
+}
+
 .cds--popover--bottom .cds--popover-content {
   bottom: 0;
   left: 50%;
@@ -29478,6 +29891,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   fill: var(--cds-icon-primary, #161616);
 }
 
+.cds--progress-bar {
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
+}
+
 .cds--progress-bar__label {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -29486,8 +29903,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: flex;
   min-width: 3rem;
   justify-content: space-between;
-  margin-bottom: 0.5rem;
   color: var(--cds-text-primary, #161616);
+  margin-block-end: 0.5rem;
 }
 
 .cds--progress-bar__label-text {
@@ -29549,7 +29966,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--progress-bar__status-icon {
   flex-shrink: 0;
-  margin-left: 1rem;
+  margin-inline-start: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--progress-bar--finished .cds--progress-bar__bar,
@@ -29586,7 +30003,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
   flex-shrink: 1;
   justify-content: flex-start;
-  margin-right: 0;
+  margin-inline-end: 0;
 }
 
 @keyframes progress-bar-indeterminate {
@@ -29605,7 +30022,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--progress-bar--inline .cds--progress-bar__label {
   flex-shrink: 0;
   margin-bottom: 0;
-  margin-inline-end: 1rem;
+  margin-inline-end: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--progress-bar--inline .cds--progress-bar__track {
@@ -29628,7 +30045,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--progress-bar--indented .cds--progress-bar__label,
 .cds--progress-bar--indented .cds--progress-bar__helper-text {
-  padding-inline: 1rem;
+  padding-inline: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--tooltip {
@@ -30405,11 +30822,10 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--slider__range-label {
-  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
-  font-size: var(--cds-code-02-font-size, 0.875rem);
-  font-weight: var(--cds-code-02-font-weight, 400);
-  line-height: var(--cds-code-02-line-height, 1.42857);
-  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-primary, #161616);
   white-space: nowrap;
 }
@@ -31164,11 +31580,47 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
+  padding: 1rem;
+  margin-top: -0.5rem;
+  margin-right: -1rem;
+  margin-left: -1rem;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
+  background-color: inherit;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
+  width: 24px;
+  height: 24px;
+  padding: 0.25rem;
+  margin: -0.25rem;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
+  background-color: var(--cds-layer-accent-hover);
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
+  background-color: var(--cds-layer-hover);
+}
+.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
 .cds--tabs .cds--tabs__nav-item--icon {
   display: flex;
   align-items: center;
   padding-left: 0.5rem;
 }
+.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
+  padding: 0.25rem;
+  margin: -0.25rem;
+  line-height: 0;
+  pointer-events: auto;
+}
+.cds--tabs .cds--tabs__nav-item--icon-left {
+  display: flex;
+  align-items: center;
+  padding-right: 0.5rem;
+  margin-top: -2px;
+}
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
   padding-left: 1rem;
 }
@@ -31259,7 +31711,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   border-bottom: 2px solid var(--cds-border-strong);
   color: var(--cds-text-primary, #161616);
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
   background-color: var(--cds-layer-accent-hover);
   color: var(--cds-text-primary, #161616);
 }
@@ -31676,6 +32128,26 @@ span.cds--pagination__text.cds--pagination__items-count {
   padding: 1rem;
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+}
+
+.cds--tile--clickable .cds--tile--icon,
+.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
+  position: absolute;
+  right: 1rem;
+  bottom: 1rem;
+}
+
+.cds--tile--clickable .cds--tile--icon {
+  fill: var(--cds-icon-interactive, #0f62fe);
+}
+
+.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
+  display: none;
 }
 
 .cds--tile--selectable {
@@ -31907,7 +32379,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--disabled.cds--tile--is-selected {
-  border-color: var(--cds-button-disabled, #c6c6c6);
+  border-color: var(--cds-border-disabled, #c6c6c6);
 }
 
 .cds--tile--disabled .cds--tile__checkmark svg {
@@ -31935,10 +32407,21 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--time-picker__input {
+  position: relative;
   display: flex;
   flex-direction: column;
 }
 
+.cds--time-picker__error__icon {
+  position: absolute;
+  top: 50%;
+  right: 1rem;
+  display: flex;
+  height: 100%;
+  place-items: center;
+  transform: translateY(-50%);
+}
+
 .cds--time-picker .cds--select-input {
   width: auto;
   min-width: auto;
@@ -31966,6 +32449,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   opacity: 1;
 }
 
+.cds--time-picker__input-field-error {
+  width: 6.175rem;
+}
+
 .cds--time-picker--light .cds--select-input {
   background-color: var(--cds-field-02, #ffffff);
 }
@@ -32506,6 +32993,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--header__action > :first-child {
+  margin-block-start: 0;
+}
+
 .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
 .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
   display: none;
@@ -32693,12 +33184,11 @@ a.cds--header__menu-item[aria-current=page],
 a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__menu-item--current::after {
   position: absolute;
-  top: 0;
-  right: 0;
   bottom: -2px;
-  left: 0;
-  width: 100%;
-  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
+  left: -2px;
+  width: calc(100% + 4px);
+  height: 3px;
+  background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
 }
 
@@ -32709,15 +33199,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
 
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
-  bottom: 0;
+  top: -2px;
   left: -2px;
-  border-bottom: none;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  width: 3px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
-  left: 0;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  top: -2px;
+  left: -2px;
+  width: 5px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 
 a.cds--header__menu-item[aria-current=page]:focus,
@@ -32777,6 +33271,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
+  background-color: var(--cds-layer-selected);
+}
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
 .cds--header__menu .cds--header__menu-item {
   height: 3rem;
 }
@@ -32877,7 +33378,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   width: 0;
 }
 
-.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
 .cds--side-nav--expanded {
   width: 16rem;
 }
@@ -33276,6 +33776,15 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
   color: var(--cds-text-primary, #161616);
 }
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
 
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;
@@ -33419,6 +33928,10 @@ a.cds--side-nav__link--current::before {
   }
 }
 
+.cds--header__action > :first-child {
+  margin-block-start: 0;
+}
+
 .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
 .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
   display: none;
@@ -33606,12 +34119,11 @@ a.cds--header__menu-item[aria-current=page],
 a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__menu-item--current::after {
   position: absolute;
-  top: 0;
-  right: 0;
   bottom: -2px;
-  left: 0;
-  width: 100%;
-  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
+  left: -2px;
+  width: calc(100% + 4px);
+  height: 3px;
+  background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
 }
 
@@ -33622,15 +34134,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
 
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
-  bottom: 0;
+  top: -2px;
   left: -2px;
-  border-bottom: none;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  width: 3px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
-  left: 0;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  top: -2px;
+  left: -2px;
+  width: 5px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 
 a.cds--header__menu-item[aria-current=page]:focus,
@@ -33690,6 +34206,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
+  background-color: var(--cds-layer-selected);
+}
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
 .cds--header__menu .cds--header__menu-item {
   height: 3rem;
 }
@@ -33790,7 +34313,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   width: 0;
 }
 
-.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
 .cds--side-nav--expanded {
   width: 16rem;
 }
@@ -34189,6 +34711,15 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
   color: var(--cds-text-primary, #161616);
 }
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
 
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;