@carbon/ibm-products 2.52.0 → 2.53.0

package/css/index.css

@@ -435,8 +435,7 @@
 .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-start: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   transform: translateY(-100%);
 }
 
@@ -513,8 +512,7 @@
 .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
-  inset-inline-end: 0;
-  inset-inline-start: 0;
+  inset-inline: 0 0;
   transform: translateY(100%);
 }
 
@@ -584,8 +582,7 @@
 .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
   transform: translateX(-100%);
 }
@@ -657,8 +654,7 @@
 .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-end: 0;
   transform: translateX(100%);
 }
@@ -882,8 +878,7 @@
   min-block-size: var(--cds-layout-size-height-local);
   outline: none;
   padding-block: 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);
+  padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
   text-align: start;
   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);
@@ -1055,7 +1050,6 @@
   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;
   min-inline-size: 1rem;
 }
 .cds--btn--icon-only .cds--btn__icon {
@@ -1064,6 +1058,9 @@
 .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
   margin: 0;
 }
+.cds--btn--icon-only.cds--btn--danger--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
+}
 
 .cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
 .cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
@@ -1785,6 +1782,7 @@
 .cds--snippet--inline.cds--btn {
   block-size: 1.25rem;
   inline-size: initial;
+  max-inline-size: unset;
   min-block-size: 1.25rem;
   padding-inline: 0;
 }
@@ -1895,8 +1893,7 @@
 
 .cds--snippet-button .cds--btn--copy__feedback {
   inset-block-start: 3.175rem;
-  inset-inline-end: auto;
-  inset-inline-start: 50%;
+  inset-inline: 50% auto;
 }
 .cds--snippet-button .cds--btn--copy__feedback::before {
   inset-block-start: 0;
@@ -1911,8 +1908,7 @@
 
 .cds--snippet--inline .cds--btn--copy__feedback {
   inset-block-start: calc(100% - 0.25rem);
-  inset-inline-end: auto;
-  inset-inline-start: 50%;
+  inset-inline: 50% auto;
 }
 
 .cds--snippet__overflow-indicator--left,
@@ -2174,10 +2170,8 @@
   grid-column: 1/-1;
   grid-row: 2/-2;
   overflow-y: auto;
-  padding-block-end: 3rem;
-  padding-block-start: 0.5rem;
-  padding-inline-end: 1rem;
-  padding-inline-start: 1rem;
+  padding-block: 0.5rem 3rem;
+  padding-inline: 1rem 1rem;
 }
 .cds--modal-content:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -2190,8 +2184,7 @@
 }
 
 .cds--modal-content .cds--form--fluid {
-  margin-inline-end: -1rem;
-  margin-inline-start: -1rem;
+  margin-inline: -2rem;
 }
 
 .cds--modal-content > p,
@@ -2212,8 +2205,7 @@
   grid-row: 1/1;
   margin-block-end: 0.5rem;
   padding-block-start: 1rem;
-  padding-inline-end: 3rem;
-  padding-inline-start: 1rem;
+  padding-inline: 1rem 3rem;
 }
 
 .cds--modal-header__label {
@@ -2330,7 +2322,7 @@
   mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
 }
 
-.cds--modal-scroll-content:has(.cds--dropdown--autoalign) {
+.cds--modal-scroll-content:has(.cds--autoalign) {
   mask-image: none;
 }
 
@@ -2353,8 +2345,7 @@
   margin: 0;
   block-size: 4rem;
   max-inline-size: none;
-  padding-block-end: 2rem;
-  padding-block-start: 0.875rem;
+  padding-block: 0.875rem 2rem;
 }
 
 .cds--modal-footer--three-button .cds--btn {
@@ -3115,6 +3106,20 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default;
+}
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
 .cds--text-input__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -3531,10 +3536,10 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--inline-loading__text {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  font-size: var(--cds-label-02-font-size, 0.875rem);
+  font-weight: var(--cds-label-02-font-weight, 400);
+  line-height: var(--cds-label-02-line-height, 1.28572);
+  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
   color: var(--cds-text-secondary, #525252);
 }
 
@@ -3735,10 +3740,9 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 .cds--tabs.cds--tabs--vertical .cds--tab--list {
+  overflow: visible auto;
   flex-direction: column;
   inline-size: 100%;
-  overflow-x: visible;
-  overflow-y: auto;
 }
 .cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
   position: absolute;
@@ -3825,39 +3829,36 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--tabs .cds--tab--overflow-nav-button--next {
   position: absolute;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-end: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--next::before {
   position: absolute;
   z-index: 1;
-  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
   block-size: 100%;
   content: "";
   inline-size: 0.5rem;
   inset-inline-start: -0.5rem;
 }
-.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before {
-  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
+.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
+  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
+}
+.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
+  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous {
   position: absolute;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  z-index: 1;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous::before {
   position: absolute;
   z-index: 1;
-  background: var(--cds-background, #ffffff);
   block-size: 100%;
   content: "";
-  inline-size: 2.5rem;
-  inset-inline-end: 0;
-}
-.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before {
-  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
+  inline-size: 0.5rem;
+  inset-inline-end: -0.5rem;
 }
 .cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
   background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
@@ -4191,12 +4192,12 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--tabs .cds--tabs__nav-item--disabled {
   background-color: transparent;
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--tabs .cds--tabs__nav-item--disabled:hover {
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
 }
@@ -4209,7 +4210,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--tabs .cds--tabs__nav-item--disabled:focus,
 .cds--tabs .cds--tabs__nav-item--disabled:active {
-  border-block-end: 2px solid var(--cds-border-disabled, #c6c6c6);
+  border-block-end: 2px solid var(--cds-border-subtle);
   outline: none;
   pointer-events: none;
 }
@@ -4244,22 +4245,6 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs--contained ~ .cds--tab-content {
   background: var(--cds-layer);
 }
-.cds--tabs--contained ~ .cds--tab-content > * {
-  --cds-layer: var(--cds-layer-02, #ffffff);
-  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
-  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
-  --cds-field: var(--cds-field-02, #ffffff);
-  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
-}
 
 .cds--tabs--vertical ~ .cds--tab-content {
   grid-column: 3/-1;
@@ -4747,14 +4732,12 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
-  inset-inline-end: 0;
-  inset-inline-start: auto;
+  inset-inline: auto 0;
 }
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  inset-block-end: 0;
-  inset-block-start: auto;
+  inset-block: auto 0;
 }
 
 .cds--overflow-menu-options--open {
@@ -7747,7 +7730,7 @@ a.cds--overflow-menu-options__btn::before {
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label {
   border-color: transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
@@ -7812,10 +7795,10 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title)::before {
   background-color: transparent;
 }
-.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label {
   --c4p--side-panel--title-padding-right: 4rem;
 }
-.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug {
+.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label {
   --c4p--side-panel--title-padding-right: 5rem;
 }
 .c4p--side-panel .c4p--side-panel__animated-scroll-wrapper {
@@ -7912,7 +7895,7 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--side-panel .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
   padding-top: 0.5rem;
 }
-.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
+.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls {
   background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
@@ -7960,7 +7943,8 @@ a.cds--overflow-menu-options__btn::before {
   width: 2.5rem;
   height: 2.5rem;
 }
-.c4p--side-panel .c4p--side-panel__slug-and-close {
+.c4p--side-panel .c4p--side-panel__slug-and-close,
+.c4p--side-panel .c4p--side-panel__ai-label-and-close {
   position: absolute;
   z-index: 10; /* must be higher than title container border bottom */
   top: 0;
@@ -7969,7 +7953,8 @@ a.cds--overflow-menu-options__btn::before {
   /* stylelint-disable-next-line max-nesting-depth */
 }
 @media (prefers-reduced-motion) {
-  .c4p--side-panel .c4p--side-panel__slug-and-close {
+  .c4p--side-panel .c4p--side-panel__slug-and-close,
+  .c4p--side-panel .c4p--side-panel__ai-label-and-close {
     position: absolute;
   }
 }
@@ -8053,7 +8038,8 @@ a.cds--overflow-menu-options__btn::before {
   inset: 0;
 }
 
-.c4p--side-panel--has-slug + .c4p--side-panel__overlay {
+.c4p--side-panel--has-slug + .c4p--side-panel__overlay,
+.c4p--side-panel--has-ai-label + .c4p--side-panel__overlay {
   /* stylelint-disable-next-line carbon/theme-token-use */
   background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
 }
@@ -8156,7 +8142,7 @@ a.cds--overflow-menu-options__btn::before {
   max-height: calc(100% - 3rem);
   transform: translate3d(0, min(95vh, 500px), 0);
 }
-.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container {
+.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
   border: 1px solid transparent;
   border-bottom: 0;
   /* override carbon ai removing background gradient */
@@ -8260,10 +8246,10 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
   padding: 1.5rem 2rem 0;
 }
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header {
+.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
   padding-inline-end: 5rem;
 }
-.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
+.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
   /* spacing 11 plus additional space for slug/close */
   /* stylelint-disable-next-line carbon/layout-token-use */
   padding-inline-end: calc(8rem);
@@ -8327,7 +8313,7 @@ a.cds--overflow-menu-options__btn::before {
   overflow: auto;
   flex-grow: 1;
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
+.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
   background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
 }
@@ -8369,11 +8355,11 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
   background: var(--cds-background, #ffffff);
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug {
+.c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
   /* stylelint-disable-next-line carbon/theme-token-use */
   --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
 }
-.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
+.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
   inset-inline-end: 0;
   margin-block: 6px;
   margin-inline-end: 1rem;
@@ -8996,8 +8982,7 @@ a.cds--overflow-menu-options__btn::before {
 
 .cds--radio-button-group--label-left .cds--radio-button__appearance,
 .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
-  margin-inline-end: 0;
-  margin-inline-start: 0.5rem;
+  margin-inline: 0.5rem 0;
 }
 
 .cds--radio-button-group--slug legend.cds--label,
@@ -9188,16 +9173,19 @@ a.cds--overflow-menu-options__btn::before {
   right: 1rem;
 }
 
-.c4p--card__header-container--has-slug {
+.c4p--card__header-container--has-slug,
+.c4p--card__header-container--has-ai-label {
   width: 100%;
   padding-right: 2rem;
 }
 
-.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions {
+.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
+.c4p--card__header-container--has-ai-label.c4p--card__header-container--has-actions {
   padding-right: 2.5rem;
 }
 
-.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label {
+.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
+.c4p--card__header-container--has-ai-label.c4p--card__header-container--large-tile-or-label {
   padding-right: 3rem;
 }
 
@@ -9210,13 +9198,15 @@ a.cds--overflow-menu-options__btn::before {
   pointer-events: none;
 }
 
-.c4p--card--has-slug {
+.c4p--card--has-slug,
+.c4p--card--has-ai-label {
   background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
   border: 1px solid transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 
-.c4p--card__clickable.c4p--card--has-slug::before {
+.c4p--card__clickable.c4p--card--has-slug::before,
+.c4p--card__clickable.c4p--card--has-ai-label::before {
   background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
   position: absolute;
   display: block;
@@ -9230,7 +9220,8 @@ a.cds--overflow-menu-options__btn::before {
   transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.c4p--card__clickable.c4p--card--has-slug:hover::before {
+.c4p--card__clickable.c4p--card--has-slug:hover::before,
+.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
   opacity: 1;
 }
 
@@ -10424,7 +10415,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -11198,8 +11189,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
   min-block-size: 1.125rem;
-  padding-inline-end: 0;
-  padding-inline-start: 0;
+  padding-inline: 0 0;
 }
 
 @keyframes ai-skeleton-animation {
@@ -11417,8 +11407,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .cds--tag--filter {
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0;
   padding-inline-end: 0;
 }
 .cds--tag--filter:hover {
@@ -13874,15 +13863,27 @@ button.c4p--add-select__global-filter-toggle--open {
     flex: 1 0 60%;
   }
 }
+.c4p--page-header .c4p--page-header__tooltip {
+  min-width: 0;
+  flex-basis: auto;
+}
+.c4p--page-header .c4p--page-header__tooltip button {
+  border-block-end: none;
+  cursor: default;
+}
+.c4p--page-header .c4p--page-header__titleText {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .c4p--page-header .c4p--page-header__title {
   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);
+  display: flex;
   min-height: 2.5rem;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .c4p--page-header .c4p--page-header__title--editable {
   display: flex;
@@ -15367,7 +15368,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #0043ce;
+  --cds-highlight: #002d9c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -15853,7 +15854,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -17210,6 +17211,7 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-background, #ffffff);
 }
 
+/* This section to be removed after support for slug dropped  - start */
 .c4p--datagrid th.c4p--datagrid__with-slug {
   /* stylelint-disable-next-line carbon/theme-token-use */
   box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
@@ -17250,6 +17252,47 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-left: 0.5rem;
 }
 
+/* This section to be removed after support for slug dropped  - end */
+.c4p--datagrid th.c4p--datagrid__with-ai-label {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
+}
+
+.c4p--datagrid th.c4p--datagrid__with-ai-label,
+.c4p--datagrid td.c4p--datagrid__ai-label--cell {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row + .c4p--datagrid__expanded-row {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+  background-attachment: fixed;
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row {
+  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row td {
+  background-color: transparent;
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
+}
+
+.c4p--datagrid th.c4p--datagrid__with-ai-label .cds--slug {
+  margin-left: 0.5rem;
+}
+
 .c4p--datagrid__grid-container {
   display: block;
   width: 100%;
@@ -17321,7 +17364,8 @@ button.c4p--add-select__global-filter-toggle--open {
   -webkit-line-clamp: 2;
   white-space: initial;
 }
-.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug {
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug,
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--ai-label {
   width: fit-content;
 }
 .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
@@ -17431,6 +17475,9 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
 }
 
+.c4p--datagrid__resizableColumn:hover {
+  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
+}
 .c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
   border-right: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
   background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
@@ -17810,7 +17857,7 @@ button.c4p--add-select__global-filter-toggle--open {
   display: flex;
   align-items: center;
 }
-.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded {
+.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded, .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__ai-label--expanded {
   border: none;
 }
 
@@ -20748,7 +20795,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
@@ -22589,14 +22636,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  inline-size: 100%;
-  list-style: none;
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion *,
 .cds--accordion *::before,
 .cds--accordion *::after {
   box-sizing: inherit;
 }
+.cds--accordion {
+  inline-size: 100%;
+  list-style: none;
+}
 
 .cds--accordion__item {
   display: list-item;
@@ -22616,6 +22666,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .cds--accordion__heading {
+  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -22631,6 +22682,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__heading *,
+.cds--accordion__heading *::before,
+.cds--accordion__heading *::after {
+  box-sizing: inherit;
+}
+.cds--accordion__heading::-moz-focus-inner {
+  border: 0;
+}
+.cds--accordion__heading {
   position: relative;
   display: flex;
   flex-direction: row-reverse;
@@ -22642,15 +22704,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inline-size: 100%;
   min-block-size: var(--cds-layout-size-height-local);
   padding-inline-end: var(--cds-layout-density-padding-inline-local);
-  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
-}
-.cds--accordion__heading *,
-.cds--accordion__heading *::before,
-.cds--accordion__heading *::after {
-  box-sizing: inherit;
-}
-.cds--accordion__heading::-moz-focus-inner {
-  border: 0;
 }
 .cds--accordion__heading:hover {
   background-color: var(--cds-layer-hover);
@@ -22688,12 +22741,15 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--accordion__arrow {
   outline: 2px solid transparent;
   outline-offset: -2px;
+  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__arrow {
   flex: 0 0 1rem;
   block-size: 1rem;
   fill: var(--cds-icon-primary, #161616);
   inline-size: 1rem;
   transform: rotate(-270deg) /*rtl:ignore*/;
-  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .cds--accordion__title {
@@ -22701,6 +22757,9 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
+  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
+}
+.cds--accordion__title {
   z-index: 1;
   inline-size: 100%;
   padding-inline-start: 1rem;
@@ -22878,8 +22937,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 [dir=rtl] .cds--accordion--start .cds--accordion__heading {
-  padding-inline-end: 0;
-  padding-inline-start: var(--cds-layout-density-padding-inline-local);
+  padding-inline: var(--cds-layout-density-padding-inline-local) 0;
 }
 
 [dir=rtl] .cds--accordion--start .cds--accordion__title {
@@ -22943,7 +23001,7 @@ li.cds--accordion__item--disabled:last-of-type {
   display: flex;
   cursor: pointer;
   min-block-size: 1.25rem;
-  padding-block-start: 0.125rem;
+  padding-block-start: 0.0625rem;
   padding-inline-start: 1.25rem;
   user-select: none;
 }
@@ -25032,6 +25090,9 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   /* stylelint-disable-next-line carbon/motion-easing-use */
   transition: transform cubic-bezier(0.2, 0, 1, 0.9) 110ms;
 }
+.c4p--condition-builder__content-container .c4p--condition-builder__condition--interacting .c4p--condition-builder__close-condition-wrapper {
+  z-index: 2;
+}
 
 .c4p--condition-builder__invalid-input {
   display: flex;
@@ -25385,7 +25446,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   --cds-focus: #ffffff;
   --cds-focus-inset: #161616;
   --cds-focus-inverse: #0f62fe;
-  --cds-highlight: #002d9c;
+  --cds-highlight: #001d6c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
   --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;