@carbon/ibm-products 2.35.0 → 2.36.0-alpha.27

package/css/index.css

@@ -294,10 +294,13 @@
 }
 
 .cds--popover-container {
-  position: relative;
   display: inline-block;
 }
 
+.cds--popover-container:not(.cds--popover--auto-align) {
+  position: relative;
+}
+
 .cds--popover--high-contrast .cds--popover {
   --cds-popover-background-color: var(--cds-background-inverse, #393939);
   --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
@@ -369,7 +372,8 @@
   display: block;
 }
 
-.cds--popover-caret {
+.cds--popover-caret,
+.cds--popover--auto-align.cds--popover-caret {
   position: absolute;
   z-index: 6000;
   display: none;
@@ -381,44 +385,54 @@
   display: block;
 }
 
+.cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  display: block;
+}
+
 .cds--popover--tab-tip > .cds--popover > .cds--popover-caret {
   display: none;
 }
 
-.cds--popover--bottom > .cds--popover > .cds--popover-content {
+.cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom-left > .cds--popover > .cds--popover-content {
+.cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 0;
   inset-inline-start: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-end: 0;
   inset-inline-start: initial;
 }
 
-.cds--popover--bottom-right > .cds--popover > .cds--popover-content {
+.cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 0;
   inset-inline-end: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-start: 0;
 }
 
 .cds--popover--bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
-.cds--popover--bottom-right > .cds--popover > .cds--popover-content::before {
+.cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,
+.cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,
+.cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-start: 0;
   inset-inline-end: 0;
@@ -428,7 +442,9 @@
 
 .cds--popover--bottom > .cds--popover > .cds--popover-caret,
 .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
-.cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
+.cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
+.cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
+.cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -439,44 +455,62 @@
 
 [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
+[dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
   transform: translate(50%, var(--cds-popover-offset, 0rem));
 }
 
-.cds--popover--top > .cds--popover > .cds--popover-content {
+.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--top-left > .cds--popover > .cds--popover-content {
+.cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
   inset-inline-start: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-end: 0;
   inset-inline-start: initial;
 }
 
-.cds--popover--top-right > .cds--popover > .cds--popover-content {
+.cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
   inset-inline-end: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-start: 0;
 }
 
 .cds--popover--top > .cds--popover > .cds--popover-content::before,
 .cds--popover--top-left > .cds--popover > .cds--popover-content::before,
-.cds--popover--top-right > .cds--popover > .cds--popover-content::before {
+.cds--popover--top-start > .cds--popover > .cds--popover-content::before,
+.cds--popover--top-right > .cds--popover > .cds--popover-content::before,
+.cds--popover--top-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
   inset-inline-end: 0;
@@ -486,7 +520,9 @@
 
 .cds--popover--top > .cds--popover > .cds--popover-caret,
 .cds--popover--top-left > .cds--popover > .cds--popover-caret,
-.cds--popover--top-right > .cds--popover > .cds--popover-caret {
+.cds--popover--top-start > .cds--popover > .cds--popover-caret,
+.cds--popover--top-right > .cds--popover > .cds--popover-caret,
+.cds--popover--top-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
@@ -495,40 +531,58 @@
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
 
-[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-caret {
+[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--right > .cds--popover > .cds--popover-content {
+.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), -50%);
 }
 
-.cds--popover--right-top > .cds--popover > .cds--popover-content {
+.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
 }
 
-.cds--popover--right-bottom > .cds--popover > .cds--popover-content {
+.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 50%;
   inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
-[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-content,
-[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-content,
-[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-end: 100%;
   inset-inline-start: initial;
 }
 
 .cds--popover--right > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-top > .cds--popover > .cds--popover-content::before,
-.cds--popover--right-bottom > .cds--popover > .cds--popover-content::before {
+.cds--popover--right-start > .cds--popover > .cds--popover-content::before,
+.cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
+.cds--popover--right-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
   inset-block-start: 0;
@@ -536,9 +590,11 @@
   transform: translateX(-100%);
 }
 
-.cds--popover--right > .cds--popover > .cds--popover-caret,
-.cds--popover--right-top > .cds--popover > .cds--popover-caret,
-.cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
+.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -547,41 +603,59 @@
   transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
 }
 
-[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
+[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   inset-inline-end: 100%;
   inset-inline-start: initial;
 }
 
-.cds--popover--left > .cds--popover > .cds--popover-content {
+.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+
+.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
 }
 
-.cds--popover--left-top > .cds--popover > .cds--popover-content {
+.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
 }
 
-.cds--popover--left-bottom > .cds--popover > .cds--popover-content {
+.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 50%;
   inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
-[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
-[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-content,
-[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-content {
+[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-end: initial;
   inset-inline-start: 100%;
 }
 
 .cds--popover--left > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-top > .cds--popover > .cds--popover-content::before,
-.cds--popover--left-bottom > .cds--popover > .cds--popover-content::before {
+.cds--popover--left-start > .cds--popover > .cds--popover-content::before,
+.cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
+.cds--popover--left-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
   inset-block-start: 0;
@@ -589,9 +663,11 @@
   transform: translateX(100%);
 }
 
-.cds--popover--left > .cds--popover > .cds--popover-caret,
-.cds--popover--left-top > .cds--popover > .cds--popover-caret,
-.cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
+.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
@@ -600,13 +676,25 @@
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
 
-[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-caret,
-[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
+[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   inset-inline-end: initial;
   inset-inline-start: 100%;
 }
 
+.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
+.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+
 .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
   border-radius: 0;
 }
@@ -2354,21 +2442,15 @@
 }
 
 .cds--modal--slug .cds--modal-container {
-  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;
+  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%, 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;
   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));
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 
 .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 {
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
+  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-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-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 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 
 .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
@@ -2378,6 +2460,8 @@
 .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 {
+  position: absolute;
+  inset-block-start: 0.625rem;
   inset-inline-end: 3rem;
 }
 
@@ -3274,7 +3358,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--text-input__field-wrapper--slug .cds--text-input:not(:has(~ .cds--slug--revert)) {
-  background-image: linear-gradient(0deg, 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%);
+  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 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);
   padding-inline-end: 2.5rem;
 }
@@ -3811,43 +3895,125 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item {
   background-color: var(--cds-layer-accent);
-}
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item + .cds--tabs__nav-item {
   box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);
   margin-inline-start: 0;
 }
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected + div + .cds--tabs__nav-item {
+  box-shadow: -0.0625rem 0 0 0 transparent;
+}
 .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
-  background-color: inherit;
+.cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {
+  padding-inline-end: 2.5rem;
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
-  padding: 0.25rem;
-  margin: -0.25rem;
-  block-size: 24px;
-  inline-size: 24px;
+.cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {
+  padding-inline-end: calc(3rem - 1px);
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
-  background-color: var(--cds-layer-accent-hover);
+.cds--tabs .cds--tabs__nav-item--close {
+  position: relative;
+  display: flex;
+  align-items: center;
+  inset-inline-start: calc(-0.75rem - 1px);
+  margin-inline-start: calc(-1.5rem + 1px);
+}
+.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--hidden {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  block-size: 1px;
+  clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
+  visibility: inherit;
+  white-space: nowrap;
+  position: static;
+  inline-size: 0.1875rem;
+}
+.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {
+  display: none;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  inline-size: 100%;
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
+  padding-block: 0.25rem;
+  padding-inline: 0.25rem;
+  pointer-events: auto;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon *,
+.cds--tabs .cds--tabs__nav-item--close-icon *::before,
+.cds--tabs .cds--tabs__nav-item--close-icon *::after {
+  box-sizing: inherit;
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
+.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon svg {
+  block-size: 1rem;
+  fill: var(--cds-text-secondary, #525252);
+  inline-size: 1rem;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon svg:hover {
+  fill: var(--cds-text-primary, #161616);
+}
+.cds--tabs .cds--tabs__nav-item--close-icon:hover {
   background-color: var(--cds-layer-hover);
 }
-.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+.cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
+    outline-style: dotted;
+  }
+}
+.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {
+  fill: var(--cds-text-primary, #161616);
+}
+.cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
+  fill: var(--cds-text-primary, #161616);
+}
+.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {
+  background-color: inherit;
+  cursor: not-allowed;
+}
+.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {
+  fill: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+}
+.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus, .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,
+.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
 }
 .cds--tabs .cds--tabs__nav-item--icon {
   display: flex;
   align-items: center;
   padding-inline-start: 0.5rem;
 }
-.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
-  padding: 0.25rem;
-  margin: -0.25rem;
-  line-height: 0;
-  pointer-events: auto;
-}
 .cds--tabs .cds--tabs__nav-item--icon-left {
   display: flex;
   align-items: center;
@@ -7252,7 +7418,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug {
   border-color: 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));
+  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--side-panel .c4p--side-panel__header {
   --c4p--side-panel--title-padding-bottom: 1rem;
@@ -7416,8 +7582,8 @@ a.cds--overflow-menu-options__btn::before {
   padding-top: 0.5rem;
 }
 .c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls {
-  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));
+  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%, 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));
 }
 .c4p--side-panel .c4p--side-panel__action-toolbar {
   position: sticky;
@@ -7655,7 +7821,7 @@ a.cds--overflow-menu-options__btn::before {
   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));
+  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 .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);
@@ -7822,8 +7988,8 @@ a.cds--overflow-menu-options__btn::before {
   flex-grow: 1;
 }
 .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content {
-  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));
+  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%, 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));
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
@@ -8080,10 +8246,10 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 .cds--link:visited {
-  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
 }
 .cds--link:visited:hover {
-  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
+  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
 }
 
 .cds--link--disabled,
@@ -8703,17 +8869,17 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--card--has-slug {
-  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;
+  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%, 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.2)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.32));
+  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 {
-  background: linear-gradient(to top, 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%) 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, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
+  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;
   block-size: 100%;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.2));
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
   content: "";
   inline-size: 100%;
   inset-block-start: 0;
@@ -9755,21 +9921,22 @@ 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-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #3d4655;
-  --cds-ai-popover-caret-bottom-background: #213250;
-  --cds-ai-popover-caret-bottom-background-actions: #192436;
-  --cds-ai-popover-caret-center: #3f68af;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -9798,7 +9965,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -9866,11 +10033,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -11038,29 +11200,30 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer-hover);
 }
 
-.cds--tag--disabled,
+.cds--tag--disabled:not(.cds--tag--operational),
 .cds--tag--filter.cds--tag--disabled,
 .cds--tag--interactive.cds--tag--disabled {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   box-shadow: none;
+  outline: none;
 }
-.cds--tag--disabled.cds--tag--operational,
+.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
 .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
 .cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
   border: 1px solid var(--cds-layer);
 }
-.cds--tag--disabled.cds--tag--operational:hover,
+.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
 .cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
 .cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
   background-color: var(--cds-layer);
 }
-.cds--tag--disabled .cds--tag__close-icon:hover,
+.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
 .cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
 .cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
   background-color: var(--cds-layer);
 }
-.cds--tag--disabled:hover,
+.cds--tag--disabled:not(.cds--tag--operational):hover,
 .cds--tag--filter.cds--tag--disabled:hover,
 .cds--tag--interactive.cds--tag--disabled:hover {
   cursor: not-allowed;
@@ -14673,21 +14836,22 @@ 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-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #465060;
-  --cds-ai-popover-caret-bottom-background: #2d3f5c;
-  --cds-ai-popover-caret-bottom-background-actions: #253042;
-  --cds-ai-popover-caret-center: #456fb5;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #262626;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -14716,7 +14880,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -14784,11 +14948,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #333333;
   --cds-skeleton-element: #525252;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -15162,21 +15321,22 @@ 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-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #3d4655;
-  --cds-ai-popover-caret-bottom-background: #213250;
-  --cds-ai-popover-caret-bottom-background-actions: #192436;
-  --cds-ai-popover-caret-center: #3f68af;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -15205,7 +15365,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -15273,11 +15433,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -16596,12 +16751,12 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .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%);
+  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__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: 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;
 }
 
@@ -16614,7 +16769,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .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);
+  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__slug--row td {
@@ -16622,7 +16777,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .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);
+  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-slug .cds--slug {
@@ -17335,6 +17490,11 @@ button.c4p--add-select__global-filter-toggle--open {
   margin: 0 calc(-1 * 1rem);
 }
 
+.c4p--datagrid__sortableColumn:hover,
+.c4p--datagrid__sortableColumn:focus-within,
+.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted {
+  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+}
 .c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
 .c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
 .c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
@@ -19562,21 +19722,22 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-ai-aura-end: rgba(255, 255, 255, 0);
   --cds-ai-aura-hover-background: #edf5ff;
   --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
-  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
+  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
   --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-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #78a9ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
   --cds-ai-border-strong: #4589ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
+  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
   --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #d0e2ff;
-  --cds-ai-popover-caret-bottom-background: #ccdbf8;
-  --cds-ai-popover-caret-bottom-background-actions: #d2dcee;
-  --cds-ai-popover-caret-center: #a7c7ff;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.1);
+  --cds-ai-popover-background: #ffffff;
+  --cds-ai-popover-caret-bottom: #78a9ff;
+  --cds-ai-popover-caret-bottom-background: #eaf1ff;
+  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
+  --cds-ai-popover-caret-center: #a0c3ff;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
   --cds-ai-skeleton-background: #d0e2ff;
   --cds-ai-skeleton-element-background: #4589ff;
   --cds-background: #f4f4f4;
@@ -19607,7 +19768,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-avatar-bot: #6f6f6f;
   --cds-chat-avatar-user: #0f62fe;
   --cds-chat-bubble-agent: #ffffff;
-  --cds-chat-bubble-agent-border: #e0e0e0;
+  --cds-chat-bubble-border: #e0e0e0;
   --cds-chat-bubble-user: #e0e0e0;
   --cds-chat-button: #0f62fe;
   --cds-chat-button-active: rgba(141, 141, 141, 0.5);
@@ -19675,11 +19836,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-shadow: rgba(0, 0, 0, 0.3);
   --cds-skeleton-background: #e8e8e8;
   --cds-skeleton-element: #c6c6c6;
-  --cds-slug-background: #525252;
-  --cds-slug-background-hover: #6f6f6f;
-  --cds-slug-gradient: #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #474747;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #8a3ffc;
@@ -20033,21 +20189,22 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --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-aura-start-sm: rgba(69, 137, 255, 0.16);
+  --cds-ai-border-end: #4589ff;
+  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
   --cds-ai-border-strong: #78a9ff;
-  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.32);
-  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.2);
-  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
-  --cds-ai-popover-caret-bottom: #3d4655;
-  --cds-ai-popover-caret-bottom-background: #213250;
-  --cds-ai-popover-caret-bottom-background-actions: #192436;
-  --cds-ai-popover-caret-center: #3f68af;
-  --cds-ai-popover-shadow-outer-01: rgba(0, 45, 156, 0.25);
-  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.65);
-  --cds-ai-skeleton-background: #a6c8ff;
-  --cds-ai-skeleton-element-background: #002d9c;
+  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
+  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
+  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
+  --cds-ai-popover-background: #161616;
+  --cds-ai-popover-caret-bottom: #4589ff;
+  --cds-ai-popover-caret-bottom-background: #202d45;
+  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
+  --cds-ai-popover-caret-center: #4870b5;
+  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
+  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
+  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
+  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
   --cds-background: #161616;
   --cds-background-active: rgba(141, 141, 141, 0.4);
   --cds-background-brand: #0f62fe;
@@ -20076,7 +20233,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-avatar-bot: #8d8d8d;
   --cds-chat-avatar-user: #4589ff;
   --cds-chat-bubble-agent: #262626;
-  --cds-chat-bubble-agent-border: #525252;
+  --cds-chat-bubble-border: #525252;
   --cds-chat-bubble-user: #393939;
   --cds-chat-button: #78a9ff;
   --cds-chat-button-active: rgba(141, 141, 141, 0.4);
@@ -20144,11 +20301,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
-  --cds-slug-background: #c6c6c6;
-  --cds-slug-background-hover: #e0e0e0;
-  --cds-slug-gradient: #8d8d8d linear-gradient(135deg, #f4f4f4 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-gradient-hover: #a8a8a8 linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
-  --cds-slug-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -20978,44 +21130,44 @@ th.c4p--datagrid__select-all-toggle-on.button {
   height: inherit;
 }
 
-.c4p--full-page-error__error-container {
+.c4p--full-page-error__container {
   height: 100%;
   margin: 0 1.5rem;
 }
 @media (max-width: 41.98rem) {
-  .c4p--full-page-error__error-container {
+  .c4p--full-page-error__container {
     margin: 0 0.5rem;
   }
 }
 
-.c4p--full-page-error__error-grid {
+.c4p--full-page-error__grid {
   height: 100%;
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
 
-.c4p--full-page-error__error-column {
+.c4p--full-page-error__column {
   padding: 0;
 }
 @media (min-width: 66rem) {
-  .c4p--full-page-error__error-column {
+  .c4p--full-page-error__column {
     padding: 0 2rem 0 0;
   }
 }
 
-.c4p--full-page-error__error-svg-container {
+.c4p--full-page-error__svg-container {
   display: flex;
   height: 100%;
   padding: 0.5rem 0.5rem 5rem 0.5rem;
 }
 @media (min-width: 42rem) {
-  .c4p--full-page-error__error-svg-container {
+  .c4p--full-page-error__svg-container {
     padding: auto 0.5rem 5rem 0.5rem;
   }
 }
 
-.c4p--full-page-error__error-label,
-.c4p--full-page-error__error-title {
+.c4p--full-page-error__label,
+.c4p--full-page-error__title {
   font-size: 2rem;
   font-weight: 400;
   line-height: 1.25;
@@ -21023,8 +21175,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
   font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
 }
 @media (min-width: 42rem) {
-  .c4p--full-page-error__error-label,
-  .c4p--full-page-error__error-title {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
     font-size: 2.25rem;
     font-weight: 300;
     line-height: 1.22;
@@ -21032,35 +21184,35 @@ th.c4p--datagrid__select-all-toggle-on.button {
   }
 }
 @media (min-width: 66rem) {
-  .c4p--full-page-error__error-label,
-  .c4p--full-page-error__error-title {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
     font-size: 2.625rem;
     line-height: 1.19;
     font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
   }
 }
 @media (min-width: 82rem) {
-  .c4p--full-page-error__error-label,
-  .c4p--full-page-error__error-title {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
     font-size: 3rem;
     line-height: 1.17;
     font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
   }
 }
 @media (min-width: 99rem) {
-  .c4p--full-page-error__error-label,
-  .c4p--full-page-error__error-title {
+  .c4p--full-page-error__label,
+  .c4p--full-page-error__title {
     font-size: 3.75rem;
     font-size: 3.75rem;
   }
 }
 
-.c4p--full-page-error__error-label {
+.c4p--full-page-error__label {
   display: block;
   color: var(--cds-text-error, #da1e28);
 }
 
-.c4p--full-page-error__error-title {
+.c4p--full-page-error__title {
   margin-bottom: 3rem;
 }
 
@@ -21072,11 +21224,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-bottom: 2rem;
 }
 
-.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg {
+.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg {
   width: 100%;
 }
 
-.c4p--full-page-error__error-svg-container svg.c4p--full-page-error__error-svg path {
+.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg path {
   fill: var(--cds-background, #ffffff);
   stroke: var(--cds-border-inverse, #161616);
 }
@@ -21394,133 +21546,181 @@ th.c4p--datagrid__select-all-toggle-on.button {
 
 :root .c4p--user-avatar--order-1-cyan,
 .cds--g10 .c4p--user-avatar--order-1-cyan,
-.cds--white .c4p--user-avatar--order-1-cyan {
+.cds--white .c4p--user-avatar--order-1-cyan,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-1-cyan,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-1-cyan {
   background-color: #0072c3;
 }
 
 :root .c4p--user-avatar--order-2-gray,
 .cds--g10 .c4p--user-avatar--order-2-gray,
-.cds--white .c4p--user-avatar--order-2-gray {
+.cds--white .c4p--user-avatar--order-2-gray,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-2-gray,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-2-gray {
   background-color: #6f6f6f;
 }
 
 :root .c4p--user-avatar--order-3-green,
 .cds--g10 .c4p--user-avatar--order-3-green,
-.cds--white .c4p--user-avatar--order-3-green {
+.cds--white .c4p--user-avatar--order-3-green,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-3-green,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-3-green {
   background-color: #198038;
 }
 
 :root .c4p--user-avatar--order-4-magenta,
 .cds--g10 .c4p--user-avatar--order-4-magenta,
-.cds--white .c4p--user-avatar--order-4-magenta {
+.cds--white .c4p--user-avatar--order-4-magenta,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-4-magenta,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-4-magenta {
   background-color: #d02670;
 }
 
 :root .c4p--user-avatar--order-5-purple,
 .cds--g10 .c4p--user-avatar--order-5-purple,
-.cds--white .c4p--user-avatar--order-5-purple {
+.cds--white .c4p--user-avatar--order-5-purple,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-5-purple,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-5-purple {
   background-color: #8a3ffc;
 }
 
 :root .c4p--user-avatar--order-6-teal,
 .cds--g10 .c4p--user-avatar--order-6-teal,
-.cds--white .c4p--user-avatar--order-6-teal {
+.cds--white .c4p--user-avatar--order-6-teal,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-6-teal,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-6-teal {
   background-color: #007d79;
 }
 
 :root .c4p--user-avatar--order-7-cyan,
 .cds--g10 .c4p--user-avatar--order-7-cyan,
-.cds--white .c4p--user-avatar--order-7-cyan {
+.cds--white .c4p--user-avatar--order-7-cyan,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-7-cyan,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-7-cyan {
   background-color: #003a6d;
 }
 
 :root .c4p--user-avatar--order-8-gray,
 .cds--g10 .c4p--user-avatar--order-8-gray,
-.cds--white .c4p--user-avatar--order-8-gray {
+.cds--white .c4p--user-avatar--order-8-gray,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-8-gray,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-8-gray {
   background-color: #393939;
 }
 
 :root .c4p--user-avatar--order-9-green,
 .cds--g10 .c4p--user-avatar--order-9-green,
-.cds--white .c4p--user-avatar--order-9-green {
+.cds--white .c4p--user-avatar--order-9-green,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-9-green,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-9-green {
   background-color: #044317;
 }
 
 :root .c4p--user-avatar--order-10-magenta,
 .cds--g10 .c4p--user-avatar--order-10-magenta,
-.cds--white .c4p--user-avatar--order-10-magenta {
+.cds--white .c4p--user-avatar--order-10-magenta,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-10-magenta,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-10-magenta {
   background-color: #740937;
 }
 
 :root .c4p--user-avatar--order-11-purple,
 .cds--g10 .c4p--user-avatar--order-11-purple,
-.cds--white .c4p--user-avatar--order-11-purple {
+.cds--white .c4p--user-avatar--order-11-purple,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-11-purple,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-11-purple {
   background-color: #491d8b;
 }
 
 :root .c4p--user-avatar--order-12-teal,
 .cds--g10 .c4p--user-avatar--order-12-teal,
-.cds--white .c4p--user-avatar--order-12-teal {
+.cds--white .c4p--user-avatar--order-12-teal,
+[storybook-carbon-theme=g10] .c4p--user-avatar--order-12-teal,
+[storybook-carbon-theme=white] .c4p--user-avatar--order-12-teal {
   background-color: #004144;
 }
 
 .cds--g90 .c4p--user-avatar--order-1-cyan,
-.cds--g100 .c4p--user-avatar--order-1-cyan {
+.cds--g100 .c4p--user-avatar--order-1-cyan,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-1-cyan,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-1-cyan {
   background-color: #1192e8;
 }
 
 .cds--g90 .c4p--user-avatar--order-2-gray,
-.cds--g100 .c4p--user-avatar--order-2-gray {
+.cds--g100 .c4p--user-avatar--order-2-gray,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-2-gray,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-2-gray {
   background-color: #8d8d8d;
 }
 
 .cds--g90 .c4p--user-avatar--order-3-green,
-.cds--g100 .c4p--user-avatar--order-3-green {
+.cds--g100 .c4p--user-avatar--order-3-green,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-3-green,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-3-green {
   background-color: #24a148;
 }
 
 .cds--g90 .c4p--user-avatar--order-4-magenta,
-.cds--g100 .c4p--user-avatar--order-4-magenta {
+.cds--g100 .c4p--user-avatar--order-4-magenta,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-4-magenta,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-4-magenta {
   background-color: #ee5396;
 }
 
 .cds--g90 .c4p--user-avatar--order-5-purple,
-.cds--g100 .c4p--user-avatar--order-5-purple {
+.cds--g100 .c4p--user-avatar--order-5-purple,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-5-purple,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-5-purple {
   background-color: #a56eff;
 }
 
 .cds--g90 .c4p--user-avatar--order-6-teal,
-.cds--g100 .c4p--user-avatar--order-6-teal {
+.cds--g100 .c4p--user-avatar--order-6-teal,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-6-teal,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-6-teal {
   background-color: #009d9a;
 }
 
 .cds--g90 .c4p--user-avatar--order-7-cyan,
-.cds--g100 .c4p--user-avatar--order-7-cyan {
+.cds--g100 .c4p--user-avatar--order-7-cyan,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-7-cyan,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-7-cyan {
   background-color: #82cfff;
 }
 
 .cds--g90 .c4p--user-avatar--order-8-gray,
-.cds--g100 .c4p--user-avatar--order-8-gray {
+.cds--g100 .c4p--user-avatar--order-8-gray,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-8-gray,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-8-gray {
   background-color: #c6c6c6;
 }
 
 .cds--g90 .c4p--user-avatar--order-9-green,
-.cds--g100 .c4p--user-avatar--order-9-green {
+.cds--g100 .c4p--user-avatar--order-9-green,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-9-green,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-9-green {
   background-color: #6fdc8c;
 }
 
 .cds--g90 .c4p--user-avatar--order-10-magenta,
-.cds--g100 .c4p--user-avatar--order-10-magenta {
+.cds--g100 .c4p--user-avatar--order-10-magenta,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-10-magenta,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-10-magenta {
   background-color: #ffafd2;
 }
 
 .cds--g90 .c4p--user-avatar--order-11-purple,
-.cds--g100 .c4p--user-avatar--order-11-purple {
+.cds--g100 .c4p--user-avatar--order-11-purple,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-11-purple,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-11-purple {
   background-color: #d4bbff;
 }
 
 .cds--g90 .c4p--user-avatar--order-12-teal,
-.cds--g100 .c4p--user-avatar--order-12-teal {
+.cds--g100 .c4p--user-avatar--order-12-teal,
+[storybook-carbon-theme=g90] .c4p--user-avatar--order-12-teal,
+[storybook-carbon-theme=g100] .c4p--user-avatar--order-12-teal {
   background-color: #3ddbd9;
 }
 
@@ -21566,7 +21766,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--user-avatar__photo--xl {
-  position: fixed;
   border-radius: 100%;
   object-fit: fill;
   width: 4rem;
@@ -21574,7 +21773,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--user-avatar__photo--lg {
-  position: fixed;
   border-radius: 100%;
   object-fit: fill;
   width: 3rem;
@@ -21582,7 +21780,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--user-avatar__photo--md {
-  position: fixed;
   border-radius: 100%;
   object-fit: fill;
   width: 2rem;
@@ -21590,7 +21787,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .c4p--user-avatar__photo--sm {
-  position: fixed;
   border-radius: 100%;
   object-fit: fill;
   width: 1.5rem;