@carbon/ibm-products 2.26.0 → 2.28.0-alpha.4

package/css/index-full-carbon.css

@@ -2953,6 +2953,7 @@ em {
   --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: #d0e2ff;
   --cds-ai-border-start: #78a9ff;
   --cds-ai-border-strong: #4589ff;
@@ -2961,6 +2962,9 @@ em {
   --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
   --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #b8d3ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #ffffff;
   --cds-background-active: rgba(141, 141, 141, 0.5);
   --cds-background-brand: #0f62fe;
@@ -2985,9 +2989,9 @@ em {
   --cds-border-tile-01: #c6c6c6;
   --cds-border-tile-02: #a8a8a8;
   --cds-border-tile-03: #c6c6c6;
-  --cds-chat-avatar-agent: #161616;
-  --cds-chat-avatar-bot: #0f62fe;
-  --cds-chat-avatar-user: #161616;
+  --cds-chat-avatar-agent: #393939;
+  --cds-chat-avatar-bot: #6f6f6f;
+  --cds-chat-avatar-user: #0f62fe;
   --cds-chat-bubble-agent: #ffffff;
   --cds-chat-bubble-agent-border: #e0e0e0;
   --cds-chat-bubble-user: #e0e0e0;
@@ -3172,6 +3176,7 @@ em {
   --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: #d0e2ff;
   --cds-ai-border-start: #78a9ff;
   --cds-ai-border-strong: #4589ff;
@@ -3180,6 +3185,9 @@ em {
   --cds-ai-gradient-start-01: rgba(242, 244, 248, 0.5);
   --cds-ai-gradient-start-02: rgba(237, 245, 255, 0.5);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #b8d3ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #f4f4f4;
   --cds-background-active: rgba(141, 141, 141, 0.5);
   --cds-background-brand: #0f62fe;
@@ -3204,9 +3212,9 @@ em {
   --cds-border-tile-01: #a8a8a8;
   --cds-border-tile-02: #c6c6c6;
   --cds-border-tile-03: #a8a8a8;
-  --cds-chat-avatar-agent: #161616;
-  --cds-chat-avatar-bot: #0f62fe;
-  --cds-chat-avatar-user: #161616;
+  --cds-chat-avatar-agent: #393939;
+  --cds-chat-avatar-bot: #6f6f6f;
+  --cds-chat-avatar-user: #0f62fe;
   --cds-chat-bubble-agent: #ffffff;
   --cds-chat-bubble-agent-border: #e0e0e0;
   --cds-chat-bubble-user: #e0e0e0;
@@ -3391,6 +3399,7 @@ em {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -3398,6 +3407,9 @@ em {
   --cds-ai-gradient-end: rgba(38, 38, 38, 0);
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #262626;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -3422,9 +3434,9 @@ em {
   --cds-border-tile-01: #6f6f6f;
   --cds-border-tile-02: #8d8d8d;
   --cds-border-tile-03: #a8a8a8;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -3606,6 +3618,7 @@ em {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -3613,6 +3626,9 @@ em {
   --cds-ai-gradient-end: rgba(38, 38, 38, 0);
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -3637,9 +3653,9 @@ em {
   --cds-border-tile-01: #525252;
   --cds-border-tile-02: #6f6f6f;
   --cds-border-tile-03: #8d8d8d;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -4118,7 +4134,7 @@ li.cds--accordion__item--disabled:last-of-type {
   padding-block-start: 100%;
 }
 
-@keyframes hide-feedback {
+@keyframes cds--hide-feedback {
   0% {
     opacity: 1;
     visibility: inherit;
@@ -4128,7 +4144,7 @@ li.cds--accordion__item--disabled:last-of-type {
     visibility: hidden;
   }
 }
-@keyframes show-feedback {
+@keyframes cds--show-feedback {
   0% {
     opacity: 0;
     visibility: hidden;
@@ -4138,7 +4154,7 @@ li.cds--accordion__item--disabled:last-of-type {
     visibility: inherit;
   }
 }
-@keyframes skeleton {
+@keyframes cds--skeleton {
   0% {
     opacity: 0.3;
     transform: scaleX(0);
@@ -5037,7 +5053,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 .cds--btn.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -5509,6 +5525,14 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 /*stylelint-enable */
+.cds--overflow-menu__top-start {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
+}
+
+.cds--overflow-menu__top-end {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
+}
+
 .cds--breadcrumb {
   box-sizing: border-box;
   padding: 0;
@@ -5662,7 +5686,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .cds--breadcrumb.cds--skeleton .cds--link::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -5796,6 +5820,60 @@ a.cds--overflow-menu-options__btn::before {
   margin-inline-start: 0.5rem;
 }
 
+.cds--chat-btn {
+  border-radius: 1.5rem;
+}
+
+.cds--chat-btn.cds--btn--md {
+  border-radius: 1.25rem;
+}
+
+.cds--chat-btn.cds--btn--sm {
+  border-radius: 1rem;
+}
+
+.cds--chat-btn--quick-action {
+  align-items: center;
+  border: 1px solid var(--cds-link-primary, #0f62fe);
+}
+
+.cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
+  border-color: transparent;
+  background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
+
+.cds--chat-btn--quick-action.cds--btn--ghost:focus {
+  border-color: var(--cds-focus, #0f62fe);
+  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
+}
+
+.cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
+  border-color: var(--cds-focus, #0f62fe);
+  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
+}
+
+.cds--chat-btn--quick-action[disabled],
+.cds--chat-btn--quick-action[disabled]:hover {
+  border-color: var(--cds-button-disabled, #c6c6c6);
+  color: var(--cds-button-disabled, #c6c6c6);
+}
+
+.cds--chat-btn--quick-action--selected,
+.cds--chat-btn--quick-action--selected[disabled],
+.cds--chat-btn--quick-action--selected[disabled]:hover {
+  border-color: transparent;
+  background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--chat-btn--quick-action--selected:hover {
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--chat-btn.cds--skeleton {
+  overflow: hidden;
+}
+
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
@@ -5945,7 +6023,7 @@ textarea:-webkit-autofill:focus {
 }
 .cds--label.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -6364,7 +6442,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--checkbox-label-text.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -6509,10 +6587,10 @@ fieldset[disabled] .cds--form__helper-text {
   border: none;
 }
 .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
-  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
+  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
 }
 .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
-  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
+  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
 }
 
 .cds--copy-btn svg {
@@ -6665,12 +6743,12 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
 .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
-  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) hide-feedback;
+  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
 }
 
 .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
 .cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
-  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
+  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
 }
 
 .cds--snippet--inline code {
@@ -7099,7 +7177,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--snippet.cds--skeleton span::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -7361,7 +7439,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility.cds--tooltip--visible::before, .cds--text-input--password__visibility.cds--tooltip--visible::after, .cds--text-input--password__visibility:hover::before, .cds--text-input--password__visibility:hover::after, .cds--text-input--password__visibility:focus::before, .cds--text-input--password__visibility:focus::after {
   opacity: 1;
 }
-@keyframes tooltip-fade {
+@keyframes cds--tooltip-fade {
   from {
     opacity: 0;
   }
@@ -7381,7 +7459,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, .cds--text-input--password__visibility:hover .cds--assistive-text,
 .cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, .cds--text-input--password__visibility:focus .cds--assistive-text,
 .cds--text-input--password__visibility:focus + .cds--assistive-text, .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
-  animation: tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {
   overflow: hidden;
@@ -7558,7 +7636,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--skeleton.cds--text-input::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -8041,7 +8119,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--tag.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -9223,19 +9301,28 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--combo-button__container--sm .cds--combo-button__primary-action {
-  min-inline-size: 9.9375rem;
+  min-inline-size: 7.9375rem;
 }
 
 .cds--combo-button__container--md .cds--combo-button__primary-action {
-  min-inline-size: 9.4375rem;
+  min-inline-size: 7.4375rem;
 }
 
 .cds--combo-button__container--lg .cds--combo-button__primary-action {
-  min-inline-size: 8.9375rem;
+  min-inline-size: 6.9375rem;
 }
 
 .cds--combo-button__primary-action .cds--btn {
   inline-size: 100%;
+  max-inline-size: 14.9375rem;
+  min-inline-size: 6.9375rem;
+}
+
+.cds--combo-button__primary-action button {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .cds--combo-button__trigger svg {
@@ -9246,6 +9333,18 @@ fieldset[disabled] .cds--form__helper-text {
   transform: rotate(180deg);
 }
 
+.cds--combo-button__top {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
+.cds--combo-button__top-start {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
+.cds--combo-button__top-end {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
 .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));
@@ -9997,7 +10096,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--radio-button__label.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -10784,20 +10883,67 @@ tr.cds--data-table--selected:last-of-type td {
   padding-inline-end: 0;
 }
 
-.cds--data-table tbody tr:has(> .cds--table-column-slug--active) {
-  background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
-  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
+tr.cds--data-table--slug-row,
+tr.cds--data-table--slug-row + .cds--expandable-row {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
   background-attachment: fixed;
 }
 
+.cds--data-table--slug-row {
+  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
+}
+
+.cds--data-table tbody tr.cds--data-table--slug-row:hover td,
+tr.cds--data-table--slug-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
+tr.cds--data-table--slug-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
+tr.cds--data-table--slug-row.cds--expandable-row--hover > td,
+tr.cds--data-table--selected.cds--data-table--slug-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
+  background-color: transparent;
+}
+
+.cds--data-table tbody tr.cds--data-table--slug-row:hover,
+tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
+tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
+tr.cds--expandable-row--hover.cds--data-table--slug-row,
+tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--slug-row {
+  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
+}
+
+tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
+.cds--data-table--selected.cds--data-table--slug-row,
+tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row {
+  background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
+}
+
+tr.cds--data-table--slug-row.cds--data-table--selected td,
+tr.cds--data-table--slug-row.cds--data-table--selected:hover td,
+tbody tr.cds--data-table--slug-row:hover td,
+tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
+  border-block-end-color: var(--cds-border-subtle);
+}
+
+tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
+  border-block-end: 1px solid var(--cds-layer-selected);
+}
+
+tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type {
+  border-block-end: 1px solid transparent;
+}
+
 .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
 .cds--data-table thead th:has(> .cds--table-header-label--slug) {
-  background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
-  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
+  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
 }
 
 .cds--table-column-slug .cds--slug {
   position: absolute;
+  z-index: 2;
   transform: translateY(-50%);
 }
 
@@ -10811,10 +10957,24 @@ th .cds--table-header-label.cds--table-header-label--slug {
 }
 
 th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
-  margin-inline-start: 0.5rem;
+  margin-inline-start: auto;
+}
+
+th.cds--table-sort__header--slug,
+th:has(.cds--table-header-label--slug) {
+  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
+}
+
+td.cds--table-cell--column-slug {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+}
+
+tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
+  border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
   .cds--data-table-content {
     outline: 1px solid transparent;
   }
@@ -11157,7 +11317,7 @@ th .cds--table-header-label.cds--table-header-label--slug .cds--slug {
 .cds--search--md.cds--skeleton .cds--search-input::before,
 .cds--search--sm.cds--skeleton .cds--search-input::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -11855,17 +12015,19 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
   transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-tbody:has(> tr.cds--parent-row--slug) > tr.cds--expandable-row[data-child-row] td,
+tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
 tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
   padding-inline-start: 5.5rem;
 }
 
-tbody:has(> tr.cds--parent-row--slug):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
+tbody:has(> tr.cds--data-table--slug-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
   padding-inline-start: 7.5rem;
 }
 
 tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
   max-block-size: 100%;
+  padding-block: 1rem;
+  padding-block-end: 1.5rem;
 }
 
 .cds--parent-row.cds--expandable-row > td,
@@ -12151,8 +12313,8 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   border-block-end: 1px solid transparent;
 }
 
-.cds--parent-row--slug td,
-.cds--data-table tr.cds--parent-row--slug:hover td {
+.cds--data-table--slug-row td,
+.cds--data-table tr.cds--data-table--slug-row:hover td {
   border-block-start: 1px solid transparent;
 }
 
@@ -12197,7 +12359,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 .cds--data-table.cds--skeleton th span::before,
 .cds--data-table.cds--skeleton td span::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -12250,7 +12412,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 }
 .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -12281,7 +12443,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 }
 .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -12499,9 +12661,14 @@ th .cds--table-sort__flex {
   margin-block-start: 0.8125rem;
 }
 
+.cds--table-sort__header--slug .cds--table-sort__icon,
+.cds--table-sort__header--slug .cds--table-sort__icon-unsorted {
+  margin-inline-end: 0.5rem;
+  margin-inline-start: auto;
+}
+
 .cds--table-sort__header--slug .cds--slug {
-  margin-inline-end: auto;
-  margin-inline-start: 0.5rem;
+  margin-inline-end: 0.5rem;
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -13274,7 +13441,7 @@ th .cds--table-sort__flex {
 .cds--date-picker.cds--skeleton input::before,
 .cds--date-picker__input.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -13309,7 +13476,7 @@ th .cds--table-sort__flex {
 }
 .cds--date-picker.cds--skeleton .cds--label::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -13779,7 +13946,7 @@ button.cds--dropdown-text:focus {
 .cds--dropdown-v2.cds--skeleton::before,
 .cds--dropdown.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -13837,7 +14004,7 @@ button.cds--dropdown-text:focus {
   animation-duration: 690ms;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
-  animation-name: rotate;
+  animation-name: cds--rotate;
   animation-timing-function: linear;
   block-size: 5.5rem;
   inline-size: 5.5rem;
@@ -13849,7 +14016,7 @@ button.cds--dropdown-text:focus {
 }
 .cds--loading svg circle {
   animation-duration: 10ms;
-  animation-name: init-stroke;
+  animation-name: cds--init-stroke;
   animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
 }
 @media screen and (prefers-reduced-motion: reduce) {
@@ -13878,13 +14045,13 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--loading--stop {
-  animation: rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
+  animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
 }
 .cds--loading--stop svg circle {
   animation-delay: 700ms;
   animation-duration: 700ms;
   animation-fill-mode: forwards;
-  animation-name: stroke-end;
+  animation-name: cds--stroke-end;
   animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
 }
 @media screen and (prefers-reduced-motion: reduce) {
@@ -13937,7 +14104,7 @@ button.cds--dropdown-text:focus {
   display: none;
 }
 
-@keyframes rotate {
+@keyframes cds--rotate {
   0% {
     transform: rotate(0deg);
   }
@@ -13945,18 +14112,18 @@ button.cds--dropdown-text:focus {
     transform: rotate(360deg);
   }
 }
-@keyframes rotate-end-p1 {
+@keyframes cds--rotate-end-p1 {
   100% {
     transform: rotate(360deg);
   }
 }
-@keyframes rotate-end-p2 {
+@keyframes cds--rotate-end-p2 {
   100% {
     transform: rotate(-360deg);
   }
 }
 /* Stroke animations */
-@keyframes init-stroke {
+@keyframes cds--init-stroke {
   0% {
     stroke-dashoffset: 276.4608;
   }
@@ -13964,7 +14131,7 @@ button.cds--dropdown-text:focus {
     stroke-dashoffset: 52.527552;
   }
 }
-@keyframes stroke-end {
+@keyframes cds--stroke-end {
   0% {
     stroke-dashoffset: 52.527552;
   }
@@ -14053,6 +14220,7 @@ button.cds--dropdown-text:focus {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: no-drop;
   text-decoration: none;
+  transition: none;
 }
 .cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -15543,7 +15711,7 @@ button.cds--dropdown-text:focus {
 }
 .cds--number.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -16130,7 +16298,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 .cds--select.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -16491,7 +16659,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 .cds--text-area.cds--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -17030,7 +17198,7 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 50%;
 }
 
-@keyframes stroke {
+@keyframes prefix--stroke {
   100% {
     stroke-dashoffset: 0;
   }
@@ -17073,7 +17241,7 @@ optgroup.cds--select-optgroup:disabled,
 .cds--inline-loading__checkmark {
   animation-duration: 250ms;
   animation-fill-mode: forwards;
-  animation-name: stroke;
+  animation-name: cds--stroke;
   fill: none;
   stroke: var(--cds-interactive, #0f62fe);
   stroke-dasharray: 12;
@@ -17227,6 +17395,18 @@ optgroup.cds--select-optgroup:disabled,
   transform: rotate(180deg);
 }
 
+.cds--menu-button__top {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
+.cds--menu-button__top-start {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
+.cds--menu-button__top-end {
+  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
+}
+
 .cds--modal {
   position: fixed;
   z-index: 9000;
@@ -17527,52 +17707,13 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--modal-scroll-content {
   border-block-end: 2px solid transparent;
+  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 > *:last-child {
   padding-block-end: 1.5rem;
 }
 
-.cds--modal-content--overflow-indicator {
-  position: absolute;
-  background: var(--cds-layer);
-  block-size: 3rem;
-  grid-column: 1/-1;
-  grid-row: 2/-2;
-  inline-size: calc(100% - 1rem);
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  pointer-events: none;
-}
-.cds--modal-content--overflow-indicator::before {
-  position: absolute;
-  background-image: linear-gradient(to bottom, transparent, var(--cds-layer));
-  block-size: 2rem;
-  content: "";
-  inline-size: 100%;
-  inset-block-start: -32px;
-  pointer-events: none;
-}
-
-@media not all and (min-resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .cds--modal-content--overflow-indicator {
-      background-image: linear-gradient(to bottom, rgba(var(--cds-layer), 0), var(--cds-layer));
-    }
-  }
-}
-.cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {
-  margin: 0 2px 2px;
-}
-
-@media screen and (-ms-high-contrast: active) {
-  .cds--modal-scroll-content > *:last-child {
-    padding-block-end: 0;
-  }
-  .cds--modal-content--overflow-indicator {
-    display: none;
-  }
-}
 .cds--modal-footer {
   display: flex;
   justify-content: flex-end;
@@ -17644,14 +17785,20 @@ optgroup.cds--select-optgroup:disabled,
   margin: 0;
 }
 
+.cds--modal--slug.cds--modal {
+  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
+}
+
 .cds--modal--slug .cds--modal-container {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
+  border: 1px solid transparent;
   background-color: var(--cds-layer);
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
 }
 
-.cds--modal--slug .cds--modal-container:has(.cds--btn-set:not(.cds--modal-footer--three-button) > button:not(:only-child)) {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
-  background-color: var(--cds-layer);
+.cds--modal--slug .cds--modal-container:has(.cds--modal-footer) {
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
+  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
 }
 
 .cds--modal--slug .cds--slug {
@@ -17660,13 +17807,22 @@ optgroup.cds--select-optgroup:disabled,
   inset-inline-end: 0;
 }
 
+.cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
+  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-header > .cds--slug:has(+ .cds--modal-close-button),
 .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
 .cds--modal--slug .cds--modal-container-body > .cds--slug {
   inset-inline-end: 3rem;
 }
 
-/* stylelint-disable */
+.cds--modal--slug .cds--modal-content--overflow-indicator::before,
+.cds--modal--slug .cds--modal-content--overflow-indicator {
+  display: none;
+}
+
+/* stylelint-disable no-duplicate-selectors */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--modal-close__icon {
     fill: ButtonText;
@@ -17680,7 +17836,7 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-/* stylelint-enable */
+/* stylelint-enable no-duplicate-selectors */
 .cds--inline-notification {
   position: relative;
   display: flex;
@@ -19509,7 +19665,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   position: absolute;
   animation-duration: 1400ms;
   animation-iteration-count: infinite;
-  animation-name: progress-bar-indeterminate;
+  animation-name: cds--progress-bar-indeterminate;
   animation-timing-function: linear;
   background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
   background-position-x: 0%;
@@ -19519,7 +19675,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 [dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
-  animation-name: progress-bar-indeterminate-rtl;
+  animation-name: cds--progress-bar-indeterminate-rtl;
 }
 
 .cds--progress-bar__helper-text {
@@ -19572,7 +19728,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   margin-inline-end: 0;
 }
 
-@keyframes progress-bar-indeterminate {
+@keyframes cds--progress-bar-indeterminate {
   0% {
     background-position-x: 25%;
   }
@@ -19580,7 +19736,7 @@ span.cds--pagination__text.cds--pagination__items-count {
     background-position-x: -105%;
   }
 }
-@keyframes progress-bar-indeterminate-rtl {
+@keyframes cds--progress-bar-indeterminate-rtl {
   0% {
     background-position-x: -105%;
   }
@@ -19884,7 +20040,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--progress.cds--skeleton .cds--progress-label::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -19953,6 +20109,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-start: 0;
 }
 
+@keyframes ai-skeleton-animation {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
 .cds--icon--skeleton {
   position: relative;
   padding: 0;
@@ -19971,7 +20135,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--icon--skeleton::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -20001,7 +20165,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--skeleton__placeholder::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -20032,7 +20196,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--skeleton__text::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -20049,6 +20213,37 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 1.5rem;
 }
 
+.cds--skeleton__text--ai,
+.cds--skeleton__placeholder--ai,
+.cds--skeleton__icon--ai {
+  overflow: hidden;
+  background: var(--cds-ai-skeleton-background, #b8d3ff);
+}
+
+.cds--skeleton__text--ai::before,
+.cds--skeleton__placeholder--ai::before,
+.cds--skeleton__icon--ai::before {
+  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
+  background: linear-gradient(to right, rgba(0, 17, 65, 0) 0%, rgba(0, 17, 65, 0.5) 50%, rgba(0, 17, 65, 0) 100%);
+}
+
+.cds--skeleton__placeholder--ai::before,
+.cds--skeleton__icon--ai::before {
+  inline-size: 200%;
+}
+
+.cds--skeleton__placeholder--ai {
+  border-radius: 0.5rem;
+}
+
+.cds--skeleton__text--ai {
+  border-radius: 1rem;
+}
+
+.cds--skeleton__icon--ai {
+  border-radius: 0.125rem;
+}
+
 .cds--slider-container {
   position: relative;
   display: flex;
@@ -20420,7 +20615,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -20834,7 +21029,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--slug.cds--slug--enabled .cds--slug-content {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, #ffffff), var(--cds-background, #ffffff)) border-box;
+  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
   border: 1px solid transparent;
   border-radius: 0.5rem;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), -40px 30px 100px -25px var(--cds-slug-callout-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-slug-callout-shadow-outer-02, rgba(0, 0, 0, 0.1));
@@ -21306,7 +21501,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--structured-list.cds--skeleton span::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -21816,7 +22011,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -22118,10 +22313,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
-.cds--tile-content__above-the-fold {
-  display: block;
-}
-
 .cds--tile-content__below-the-fold {
   display: block;
   opacity: 0;
@@ -22229,13 +22420,13 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--slug.cds--tile {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-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.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
 }
 
 .cds--tile--slug.cds--tile--expandable:hover {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
 }
 
 .cds--tile--slug.cds--tile--selectable::before,
@@ -22611,7 +22802,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -22642,7 +22833,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
   position: absolute;
-  animation: 3000ms ease-in-out skeleton infinite;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
   block-size: 100%;
   content: "";
@@ -26160,7 +26351,8 @@ a.cds--side-nav__link--current::before {
   padding-top: 0.5rem;
 }
 .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) border-box;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
 }
 .c4p--side-panel .c4p--side-panel__inner-content.c4p--side-panel--scrolls {
   padding-top: 1rem;
@@ -26202,7 +26394,7 @@ a.cds--side-nav__link--current::before {
   height: 2.5rem;
 }
 .c4p--side-panel .c4p--side-panel__slug-and-close {
-  position: fixed;
+  position: absolute;
   z-index: 10; /* must be higher than title container border bottom */
   top: 0;
   right: 0;
@@ -26287,6 +26479,11 @@ a.cds--side-nav__link--current::before {
   inset: 0;
 }
 
+.c4p--side-panel--has-slug + .c4p--side-panel__overlay {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
+}
+
 .c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
   padding-right: calc(20% - 1rem);
 }
@@ -26365,6 +26562,13 @@ a.cds--side-nav__link--current::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 {
+  border: 1px solid transparent;
+  border-bottom: 0;
+  /* override carbon ai removing background gradient */
+  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+}
 .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
 }
@@ -26462,8 +26666,11 @@ a.cds--side-nav__link--current::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 {
-  padding-right: 4rem;
+.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 {
+  padding-right: 5rem;
+}
+.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
+  margin-right: 3rem;
 }
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
   max-width: 80%;
@@ -26516,6 +26723,10 @@ a.cds--side-nav__link--current::before {
   overflow: auto;
   flex-grow: 1;
 }
+.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
+  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
+}
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
@@ -26554,6 +26765,9 @@ a.cds--side-nav__link--current::before {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
   background: var(--cds-background, #ffffff);
 }
+.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
+  inset-inline-end: 0;
+}
 
 @keyframes step-content-entrance {
   0% {
@@ -26983,7 +27197,7 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--card--has-slug {
-  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-background, #ffffff)), var(--cds-layer, var(--cds-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.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
 }
@@ -27616,6 +27830,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -27624,6 +27839,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-gradient-start-02: transparent;
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -27648,9 +27866,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-tile-01: #525252;
   --cds-border-tile-02: #6f6f6f;
   --cds-border-tile-03: #8d8d8d;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -31342,6 +31560,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -31350,6 +31569,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-gradient-start-02: transparent;
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #262626;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -31374,9 +31596,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-tile-01: #6f6f6f;
   --cds-border-tile-02: #8d8d8d;
   --cds-border-tile-03: #a8a8a8;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -31836,6 +32058,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -31844,6 +32067,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-gradient-start-02: transparent;
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -31868,9 +32094,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-tile-01: #525252;
   --cds-border-tile-02: #6f6f6f;
   --cds-border-tile-03: #8d8d8d;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -33271,16 +33497,41 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid th.c4p--datagrid__with-slug {
-  background-image: linear-gradient(180deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 100%, transparent 100%);
-  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
 }
 
-.c4p--datagrid .cds--data-table tbody tr:has(> .c4p--datagrid__table-row-ai-enabled) {
-  background-image: linear-gradient(90deg, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
-  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
+.c4p--datagrid th.c4p--datagrid__with-slug,
+.c4p--datagrid td.c4p--datagrid__slug--cell {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row + .c4p--datagrid__expanded-row {
+  background: linear-gradient(to right, var(--cds-ai-aura-start-table, rgba(69, 137, 255, 0.15)) 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__slug--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__slug--row:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected:hover,
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--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__slug--row {
+  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.4)) 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__slug--row td {
+  background-color: transparent;
+}
+
+.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected {
+  background: linear-gradient(to right, var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
+}
+
 .c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
   margin-left: 0.5rem;
 }
@@ -33820,6 +34071,9 @@ 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 {
+  border: none;
+}
 
 .c4p--datagrid .c4p--datagrid__table-row-ai-spacer,
 .c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
@@ -36516,7 +36770,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   white-space: nowrap;
 }
 
-@keyframes hide-feedback {
+@keyframes cds--hide-feedback {
   0% {
     opacity: 1;
     visibility: inherit;
@@ -36526,7 +36780,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     visibility: hidden;
   }
 }
-@keyframes show-feedback {
+@keyframes cds--show-feedback {
   0% {
     opacity: 0;
     visibility: hidden;
@@ -36536,7 +36790,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     visibility: inherit;
   }
 }
-@keyframes skeleton {
+@keyframes cds--skeleton {
   0% {
     opacity: 0.3;
     transform: scaleX(0);
@@ -37423,6 +37677,14 @@ 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 {
+  border: 1px solid transparent;
+  border-bottom: 0;
+  /* override carbon ai removing background gradient */
+  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+}
+
 .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
 }
@@ -37542,8 +37804,12 @@ 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 {
-  padding-right: 4rem;
+.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 {
+  padding-right: 5rem;
+}
+
+.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
+  margin-right: 3rem;
 }
 
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
@@ -37609,6 +37875,11 @@ a.cds--side-nav__link--current::before {
   flex-grow: 1;
 }
 
+.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__main {
+  background: linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-background, #ffffff)), var(--cds-background, var(--cds-background, #ffffff))) border-box;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
+}
+
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
@@ -37653,6 +37924,10 @@ a.cds--side-nav__link--current::before {
   background: var(--cds-background, #ffffff);
 }
 
+.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug {
+  inset-inline-end: 0;
+}
+
 @keyframes influencer-menu-entrance {
   0% {
     opacity: 0;
@@ -38163,6 +38438,7 @@ a.cds--side-nav__link--current::before {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -38171,6 +38447,9 @@ a.cds--side-nav__link--current::before {
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-gradient-start-02: transparent;
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -38195,9 +38474,9 @@ a.cds--side-nav__link--current::before {
   --cds-border-tile-01: #525252;
   --cds-border-tile-02: #6f6f6f;
   --cds-border-tile-03: #8d8d8d;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -39031,6 +39310,7 @@ a.cds--side-nav__link--current::before {
   --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
   --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
   --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
+  --cds-ai-aura-start-table: rgba(69, 137, 255, 0.15);
   --cds-ai-border-end: rgba(166, 200, 255, 0.24);
   --cds-ai-border-start: #4589ff;
   --cds-ai-border-strong: #78a9ff;
@@ -39039,6 +39319,9 @@ a.cds--side-nav__link--current::before {
   --cds-ai-gradient-start-01: rgba(208, 226, 255, 0.2);
   --cds-ai-gradient-start-02: transparent;
   --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
+  --cds-ai-skeleton-background: #0053ff;
+  --cds-ai-skeleton-element-background: #001141;
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -39063,9 +39346,9 @@ a.cds--side-nav__link--current::before {
   --cds-border-tile-01: #525252;
   --cds-border-tile-02: #6f6f6f;
   --cds-border-tile-03: #8d8d8d;
-  --cds-chat-avatar-agent: #f4f4f4;
-  --cds-chat-avatar-bot: #4589ff;
-  --cds-chat-avatar-user: #f4f4f4;
+  --cds-chat-avatar-agent: #c6c6c6;
+  --cds-chat-avatar-bot: #8d8d8d;
+  --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
   --cds-chat-bubble-agent-border: #525252;
   --cds-chat-bubble-user: #393939;
@@ -39579,6 +39862,157 @@ a.cds--side-nav__link--current::before {
   display: none;
 }
 
+.c4p--big-numbers__label {
+  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);
+  display: block;
+  margin: 0;
+  color: var(--cds-text-secondary, #525252);
+}
+
+.c4p--big-numbers__value {
+  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: 0;
+}
+
+.c4p--big-numbers__total {
+  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--big-numbers__total,
+.c4p--big-numbers__percentage-mark {
+  margin-top: auto;
+  margin-bottom: 0.25rem;
+}
+
+.c4p--big-numbers__info {
+  vertical-align: top;
+}
+
+.c4p--big-numbers__trend {
+  margin-top: 0.5rem;
+  vertical-align: top;
+}
+
+.c4p--big-numbers__row {
+  display: flex;
+}
+
+.c4p--big-numbers__info {
+  padding-left: 0.5rem;
+}
+
+.c4p--big-numbers__percentage {
+  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--big-numbers__percentage-mark {
+  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--big-numbers--lg .c4p--big-numbers__value,
+.c4p--big-numbers--lg .c4p--big-numbers__percentage {
+  font-size: var(--cds-heading-06-font-size, 2.625rem);
+  font-weight: var(--cds-heading-06-font-weight, 300);
+  line-height: var(--cds-heading-06-line-height, 1.199);
+  letter-spacing: var(--cds-heading-06-letter-spacing, 0);
+}
+
+.c4p--big-numbers--lg .c4p--big-numbers__total,
+.c4p--big-numbers--lg .c4p--big-numbers__percentage-mark {
+  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--big-numbers--xl .c4p--big-numbers__label {
+  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--big-numbers--xl .c4p--big-numbers__value,
+.c4p--big-numbers--xl .c4p--big-numbers__percentage {
+  font-size: var(--cds-heading-07-font-size, 3.375rem);
+  font-weight: var(--cds-heading-07-font-weight, 300);
+  line-height: var(--cds-heading-07-line-height, 1.19);
+  letter-spacing: var(--cds-heading-07-letter-spacing, 0);
+}
+
+.c4p--big-numbers--xl .c4p--big-numbers__total,
+.c4p--big-numbers--xl .c4p--big-numbers__percentage-mark {
+  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--big-numbers--xl .c4p--big-numbers__trend {
+  margin-top: 0.75rem;
+}
+
+.c4p--big-numbers-skeleton {
+  width: 4rem;
+}
+
+.c4p--big-numbers-skeleton__label {
+  height: 0.75rem;
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+.c4p--big-numbers-skeleton__value {
+  /* stylelint-disable-next-line declaration-no-important */
+  height: 2.5rem !important;
+  margin: 0;
+}
+
+.c4p--big-numbers-skeleton--lg {
+  width: 5rem;
+}
+
+.c4p--big-numbers-skeleton--xl {
+  width: 6rem;
+}
+
+.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__label {
+  height: 0.75rem;
+}
+
+.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__value {
+  /* stylelint-disable-next-line declaration-no-important */
+  height: 3rem !important;
+}
+
+.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__label {
+  height: 0.75rem;
+}
+
+.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__value {
+  /* stylelint-disable-next-line declaration-no-important */
+  height: 4rem !important;
+}
+
+.c4p--big-numbers .c4p--big-numbers__tooltip-trigger:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+
 .c4p--truncated-list__list {
   /* stylelint-disable-next-line carbon/motion-duration-use */
   transition: height 240ms cubic-bezier(0.2, 0, 1, 0.9);
@@ -39879,11 +40313,11 @@ a.cds--side-nav__link--current::before {
 .c4p--full-page-error__error-svg-container {
   display: flex;
   height: 100%;
-  margin: 0.5rem 0.5rem 5rem 0.5rem;
+  padding: 0.5rem 0.5rem 5rem 0.5rem;
 }
 @media (min-width: 42rem) {
   .c4p--full-page-error__error-svg-container {
-    margin: auto 0.5rem 5rem 0.5rem;
+    padding: auto 0.5rem 5rem 0.5rem;
   }
 }
 
@@ -39962,6 +40396,68 @@ a.cds--side-nav__link--current::before {
   position: absolute;
 }
 
+.c4p--string-formatter {
+  display: inline-block;
+  text-align: left;
+}
+
+.c4p--string-formatter--content {
+  display: inline-block;
+  text-align: left;
+}
+
+.c4p--string-formatter--truncate {
+  display: -webkit-box;
+  overflow: hidden;
+  max-width: 80ch;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+
+.c4p--string-formatter__tooltip > button {
+  border-width: 0;
+  color: currentColor;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+}
+
+.cds--popover {
+  max-width: 1rem;
+  margin: 0 auto;
+}
+
+.c4p--string-formatter .cds--popover-content {
+  max-inline-size: 20rem;
+}
+
+.c4p--string-formatter .cds--popover--left .cds--popover,
+.c4p--string-formatter .cds--popover--left-bottom .cds--popover,
+.c4p--string-formatter .cds--popover--left-top .cds--popover {
+  margin: 0;
+}
+
+.c4p--string-formatter .cds--popover--right .cds--popover,
+.c4p--string-formatter .cds--popover--right-bottom .cds--popover,
+.c4p--string-formatter .cds--popover--right-top .cds--popover {
+  margin-right: 0;
+  margin-left: auto;
+}
+
+.c4p--string-formatter .cds--popover--top .cds--popover-caret,
+.c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
+.c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
+  /* stylelint-disable-next-line declaration-no-important */
+  inset-block-start: -1px !important;
+}
+
+.c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
+.c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
+.c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
+  /* stylelint-disable-next-line declaration-no-important */
+  inset-block-end: -1px !important;
+}
+
 .c4p--user-avatar {
   position: relative;
   display: flex;
@@ -39971,10 +40467,15 @@ a.cds--side-nav__link--current::before {
   justify-content: center;
   border: 0.5px solid transparent;
   border-radius: 100%;
+  color: var(--cds-text-inverse, #ffffff);
   outline: none;
   outline-offset: 3px;
 }
 
+.c4p--user-avatar svg {
+  color: var(--cds-icon-inverse, #ffffff);
+}
+
 .c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
   outline: 2px solid var(--cds-focus, #0f62fe);
 }
@@ -39987,4 +40488,40 @@ a.cds--side-nav__link--current::before {
   background-color: #0072c3;
 }
 
+.c4p--user-avatar--xl {
+  width: 4rem;
+  height: 4rem;
+  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-avatar--lg {
+  width: 3rem;
+  height: 3rem;
+  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--user-avatar--md {
+  width: 2rem;
+  height: 2rem;
+  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-avatar--sm {
+  width: 1.5rem;
+  height: 1.5rem;
+  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);
+}
+
 /*# sourceMappingURL=index-full-carbon.css.map */