@carbon/ibm-products 2.52.0 → 2.53.0

package/css/index-without-carbon.css

@@ -3091,7 +3091,7 @@ p.c4p--about-modal__copyright-text:first-child {
   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));
 }
@@ -3156,10 +3156,10 @@ p.c4p--about-modal__copyright-text:first-child {
 .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 {
@@ -3256,7 +3256,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .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));
 }
@@ -3304,7 +3304,8 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
@@ -3313,7 +3314,8 @@ p.c4p--about-modal__copyright-text:first-child {
   /* 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;
   }
 }
@@ -3397,7 +3399,8 @@ p.c4p--about-modal__copyright-text:first-child {
   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));
 }
@@ -3500,7 +3503,7 @@ p.c4p--about-modal__copyright-text:first-child {
   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 */
@@ -3604,10 +3607,10 @@ p.c4p--about-modal__copyright-text:first-child {
 .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);
@@ -3671,7 +3674,7 @@ p.c4p--about-modal__copyright-text:first-child {
   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));
 }
@@ -3713,11 +3716,11 @@ p.c4p--about-modal__copyright-text:first-child {
 .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;
@@ -4128,16 +4131,19 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
 }
 
@@ -4150,13 +4156,15 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
@@ -4170,7 +4178,8 @@ p.c4p--about-modal__copyright-text:first-child {
   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;
 }
 
@@ -4945,7 +4954,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;
@@ -7536,15 +7545,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;
@@ -8606,7 +8627,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;
@@ -9037,7 +9058,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;
@@ -10339,6 +10360,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);
@@ -10379,6 +10401,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%;
@@ -10450,7 +10513,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 {
@@ -10560,6 +10624,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));
@@ -10939,7 +11006,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;
 }
 
@@ -13831,8 +13898,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-secondary, #525252);
   inline-size: 3rem;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
   transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -14067,8 +14133,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 
@@ -14192,8 +14257,7 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block-end: 0;
-  inset-block-start: 0;
+  inset-block: 0 0;
   inset-inline-start: 0;
 }
 
@@ -14624,7 +14688,7 @@ a.cds--side-nav__link--current::before {
   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 */
@@ -14751,11 +14815,11 @@ a.cds--side-nav__link--current::before {
   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);
@@ -14832,7 +14896,7 @@ a.cds--side-nav__link--current::before {
   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));
 }
@@ -14881,12 +14945,12 @@ a.cds--side-nav__link--current::before {
   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;
@@ -15413,7 +15477,7 @@ a.cds--side-nav__link--current::before {
   --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;
@@ -16218,7 +16282,7 @@ a.cds--side-nav__link--current::before {
   --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;
@@ -17544,7 +17608,7 @@ a.cds--side-nav__link--current::before {
   --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;
@@ -19592,8 +19656,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 }
 
 .cds--tag--filter {
-  padding-block-end: 0;
-  padding-block-start: 0;
+  padding-block: 0;
   padding-inline-end: 0;
 }
 .cds--tag--filter:hover {
@@ -21566,6 +21629,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;