@carbon/styles 1.53.0 → 1.54.0-rc.0

package/css/styles.css

@@ -2762,21 +2762,22 @@ em {
   --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: #d5e5ff;
-  --cds-ai-popover-caret-bottom-background-actions: #dae5f8;
-  --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: #ffffff;
@@ -2807,7 +2808,7 @@ em {
   --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);
@@ -2875,9 +2876,6 @@ em {
   --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-hollow-hover: #474747;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #8a3ffc;
@@ -2986,21 +2984,22 @@ em {
   --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;
@@ -3031,7 +3030,7 @@ em {
   --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);
@@ -3099,9 +3098,6 @@ em {
   --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-hollow-hover: #474747;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #8a3ffc;
@@ -3212,21 +3208,22 @@ 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-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;
@@ -3255,7 +3252,7 @@ em {
   --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);
@@ -3323,9 +3320,6 @@ em {
   --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-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -3435,21 +3429,22 @@ 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-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;
@@ -3478,7 +3473,7 @@ em {
   --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);
@@ -3546,9 +3541,6 @@ em {
   --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-hollow-hover: #b5b5b5;
   --cds-support-caution-major: #ff832b;
   --cds-support-caution-minor: #f1c21b;
   --cds-support-caution-undefined: #a56eff;
@@ -4036,10 +4028,13 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .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);
@@ -4112,7 +4107,8 @@ li.cds--accordion__item--disabled:last-of-type {
   display: block;
 }
 
-.cds--popover-caret {
+.cds--popover-caret,
+.cds--popover--auto-align.cds--popover-caret {
   position: absolute;
   z-index: 6000;
   display: none;
@@ -4124,44 +4120,54 @@ li.cds--accordion__item--disabled:last-of-type {
   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;
@@ -4171,7 +4177,9 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .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);
   -webkit-clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
           clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
@@ -4183,44 +4191,63 @@ li.cds--accordion__item--disabled:last-of-type {
 
 [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);
+  -webkit-clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+          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;
@@ -4230,7 +4257,9 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .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);
   -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
           clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
@@ -4240,40 +4269,59 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
+  -webkit-clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+          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;
@@ -4281,9 +4329,11 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
   -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
           clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
@@ -4293,41 +4343,60 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
+  -webkit-clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+          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;
@@ -4335,9 +4404,11 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
   -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
           clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
@@ -4347,13 +4418,26 @@ li.cds--accordion__item--disabled:last-of-type {
   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);
+  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+          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;
 }
@@ -5605,10 +5689,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,
@@ -7698,7 +7782,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;
 }
@@ -9087,7 +9171,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__wrapper--slug .cds--list-box: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);
 }
 
@@ -9182,11 +9266,11 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
-  inset-inline-end: calc(0.75rem - 4px);
+  inset-inline-end: 0.75rem;
 }
 
 .cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
-  inset-inline-end: calc(0.75rem - 4px);
+  inset-inline-end: 0.75rem;
 }
 
 .cds--combo-box:hover {
@@ -11018,7 +11102,7 @@ tr.cds--data-table--selected:last-of-type td {
 
 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: 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;
 }
 
@@ -11045,14 +11129,14 @@ 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);
+  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);
   background-attachment: fixed;
 }
 
 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);
+  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);
   background-attachment: fixed;
 }
 
@@ -11073,7 +11157,7 @@ tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-
 
 .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: 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%);
 }
 
 .cds--table-column-slug .cds--slug {
@@ -11101,11 +11185,11 @@ th:has(.cds--table-header-label--slug) {
 }
 
 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%);
+  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%);
 }
 
 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%);
+  border-block-start: 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%);
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -11818,8 +11902,9 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   background-color: var(--cds-field-hover);
 }
 
+.cds--toolbar-action[aria-expanded=true],
 .cds--toolbar-action:hover[aria-expanded=true] {
-  background-color: var(--cds-layer);
+  background-color: var(--cds-layer-02, #ffffff);
 }
 
 .cds--toolbar-action[disabled] {
@@ -11864,6 +11949,11 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   max-inline-size: 1rem;
 }
 
+.cds--toolbar-action__menu,
+.cds--toolbar-action__menu.cds--overflow-menu-options::after {
+  background-color: var(--cds-layer-02, #ffffff);
+}
+
 .cds--toolbar-search-container-persistent {
   position: relative;
   block-size: 3rem;
@@ -13596,6 +13686,7 @@ th .cds--table-sort__flex {
 
 .cds--date-picker__input:disabled ~ .cds--date-picker__icon {
   cursor: not-allowed;
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
 .cds--date-picker--range > .cds--date-picker-container:first-child {
@@ -13615,7 +13706,7 @@ th .cds--table-sort__flex {
 }
 
 .cds--date-picker-input__wrapper--slug .cds--date-picker__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: 4rem;
 }
@@ -15368,7 +15459,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--date-picker--fluid .cds--date-picker-input__wrapper--slug: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);
 }
 
@@ -15930,7 +16021,7 @@ button.cds--dropdown-text:focus {
 
 .cds--number__input-wrapper--slug input[type=number]:not(:has(~ .cds--slug--revert)),
 .cds--number__input-wrapper--slug input[type=number]:disabled {
-  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: 7rem;
 }
@@ -16191,7 +16282,7 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--number-input--fluid .cds--number__input-wrapper--slug: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);
 }
 
@@ -16561,7 +16652,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--select--slug .cds--select-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: 4rem;
 }
@@ -16873,7 +16964,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--text-area__wrapper--slug .cds--text-area: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;
 }
@@ -17099,7 +17190,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--text-area--fluid .cds--text-area__wrapper--slug: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);
 }
 
@@ -18046,15 +18137,15 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .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));
+  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--slug {
@@ -21043,142 +21134,85 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--cds-text-inverse, #ffffff);
+  border: 1px solid var(--cds-border-inverse, #161616);
+  background: transparent;
+  color: var(--cds-text-primary, #161616);
   font-weight: 600;
-  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
+  outline: none;
+  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--slug .cds--slug__button--mini {
   height: 1rem;
   width: 1rem;
   font-size: 0.5625rem;
   line-height: 0.75rem;
-  background: var(--cds-slug-background, #525252);
 }
 .cds--slug .cds--slug__button--2xs {
   height: 1.25rem;
   width: 1.25rem;
   font-size: 0.75rem;
   line-height: 1rem;
-  background: var(--cds-slug-background, #525252);
 }
 .cds--slug .cds--slug__button--xs {
   height: 1.5rem;
   width: 1.5rem;
   font-size: 0.75rem;
   line-height: 1rem;
-  background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
 }
 .cds--slug .cds--slug__button--sm {
   height: 2rem;
   width: 2rem;
   font-size: 1rem;
   line-height: 1.3125rem;
-  background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
 }
 .cds--slug .cds--slug__button--md {
   height: 2.5rem;
   width: 2.5rem;
   font-size: 1rem;
   line-height: 1.3125rem;
-  background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
 }
 .cds--slug .cds--slug__button--lg {
   height: 3rem;
   width: 3rem;
   font-size: 1rem;
   line-height: 1.3125rem;
-  background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
 }
 .cds--slug .cds--slug__button--xl {
   height: 4rem;
   width: 4rem;
   font-size: 1.25rem;
   line-height: 1.625rem;
-  background: var(--cds-slug-gradient, #161616 linear-gradient(135deg, #a8a8a8 0%, rgba(255, 255, 255, 0) 100%));
 }
 
 .cds--slug .cds--slug__button:focus {
-  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
-  outline: none;
-}
-
-.cds--slug__text {
-  position: relative;
-  z-index: 1;
-}
-
-.cds--slug__button::before {
-  position: absolute;
-  background: var(--cds-slug-gradient-hover, #161616 linear-gradient(135deg, #d1d1d1 0%, rgba(255, 255, 255, 0) 100%));
-  block-size: 100%;
-  content: "";
-  inline-size: 100%;
-  opacity: 0;
-  transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
-}
-
-.cds--slug__button.cds--slug__button--mini::after,
-.cds--slug__button.cds--slug__button--2xs::after {
-  position: absolute;
-  block-size: 1.5rem;
-  content: "";
-  inline-size: 1.5rem;
-  opacity: 0;
-}
-
-.cds--slug__button:hover::before {
-  opacity: 1;
+  border: 1px solid var(--cds-focus, #0f62fe);
+  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
 }
 
-.cds--slug .cds--slug__button:focus::before {
-  block-size: calc(100% - 6px);
-  inline-size: calc(100% - 6px);
+.cds--slug .cds--slug__button.cds--slug__button--mini:focus,
+.cds--slug .cds--slug__button.cds--slug__button--2xs:focus {
+  box-shadow: none;
 }
 
-.cds--slug__button.cds--slug__button--mini::before,
-.cds--slug__button.cds--slug__button--2xs::before {
-  background: var(--cds-slug-background-hover, #6f6f6f);
+.cds--slug .cds--slug__button:hover {
+  background: var(--cds-border-inverse, #161616);
+  color: var(--cds-text-inverse, #ffffff);
 }
 
-.cds--slug__button.cds--slug__button--mini:focus,
-.cds--slug__button.cds--slug__button--2xs:focus {
+.cds--slug .cds--slug__button:hover:active {
+  background: var(--cds-border-inverse, #161616);
   box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
+  color: var(--cds-text-inverse, #ffffff);
 }
 
-.cds--slug__button.cds--slug__button--mini:focus::before,
-.cds--slug__button.cds--slug__button--2xs:focus::before {
-  block-size: calc(100% - 4px);
-  inline-size: calc(100% - 4px);
-}
-
-.cds--slug__button--hollow.cds--slug__button--sm,
-.cds--slug__button--hollow.cds--slug__button--md,
-.cds--slug__button--hollow.cds--slug__button--lg,
-.cds--slug__button--hollow.cds--slug__button--xl {
-  block-size: 1.5rem;
-  font-size: 0.75rem;
-  inline-size: 1.5rem;
-  line-height: 1rem;
-}
-
-.cds--slug__button--hollow::before {
-  display: none;
-}
-
-.cds--slug .cds--slug__button--hollow {
-  border: 1px solid var(--cds-border-inverse, #161616);
-  background: transparent;
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--slug__button--hollow:hover {
-  border-color: var(--cds-slug-hollow-hover, #474747);
-  color: var(--cds-slug-hollow-hover, #474747);
+.cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
+.cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
+  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
 }
 
-.cds--slug__button--hollow:focus {
-  border-color: var(--cds-focus, #0f62fe);
-  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
+.cds--slug__text {
+  position: relative;
+  z-index: 1;
 }
 
 .cds--slug .cds--slug__button--inline {
@@ -21202,8 +21236,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   box-shadow: none;
 }
 
-.cds--slug .cds--slug__button--inline:hover {
+.cds--slug .cds--slug__button--inline:hover,
+.cds--slug .cds--slug__button--inline:hover:active {
   border-color: var(--cds-icon-secondary, #525252);
+  background: transparent;
+  box-shadow: none;
   color: var(--cds-text-secondary, #525252);
 }
 
@@ -21215,16 +21252,12 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-icon-secondary, #525252);
 }
 
-.cds--slug--hollow .cds--slug__button--inline:hover .cds--slug__text::before {
-  background: transparent;
-  box-shadow: inset 0 0 0 1px var(--cds-icon-secondary, #525252);
-}
-
 .cds--slug__button--inline .cds--slug__text {
   padding-inline-start: 0.5rem;
 }
 
-.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text {
+.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
+.cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
   padding-inline-start: 0.75rem;
 }
 
@@ -21242,20 +21275,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.cds--slug--hollow .cds--slug__text::before {
-  background: transparent;
-  block-size: 0.375rem;
-  box-shadow: inset 0 0 0 1px var(--cds-icon-primary, #161616);
-  inline-size: 0.375rem;
-}
-
-.cds--slug--hollow .cds--slug__button--sm .cds--slug__text,
-.cds--slug--hollow .cds--slug__button--md .cds--slug__text {
-  padding-inline-start: 0.5625rem;
-}
-
 .cds--slug__button--lg .cds--slug__text::before,
-.cds--slug--hollow .cds--slug__button--lg .cds--slug__text::before {
+.cds--slug__button--xl .cds--slug__text::before {
   block-size: 0.5rem;
   inline-size: 0.5rem;
 }
@@ -21294,30 +21315,28 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-size: 0.875rem;
 }
 
-.cds--slug .cds--slug__button--inline-with-content:focus {
+.cds--slug .cds--slug__button--inline-with-content:focus,
+.cds--slug .cds--slug__button--inline-with-content:hover:focus {
   box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
 }
 
-.cds--slug.cds--slug--hollow .cds--toggletip-content {
-  row-gap: 0;
-}
-
-.cds--slug.cds--slug--enabled .cds--slug-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;
+.cds--slug .cds--slug-content {
+  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 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;
   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-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.25)), -60px 80px 60px -45px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.1));
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
   color: var(--cds-text-primary, #161616);
   min-inline-size: 17.5rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip > .cds--popover > .cds--popover-caret {
+.cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
   background: transparent;
   -webkit-clip-path: none;
           clip-path: none;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
+.cds--slug > .cds--toggletip:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left,
 .cds--popover--bottom,
@@ -21328,10 +21347,22 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--left-bottom,
 .cds--popover--right,
 .cds--popover--right-top,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before {
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left,
+.cds--popover--bottom,
+.cds--popover--bottom-right,
+.cds--popover--bottom-left,
+.cds--popover--left,
+.cds--popover--left-top,
+.cds--popover--left-bottom,
+.cds--popover--right,
+.cds--popover--right-top,
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   position: absolute;
   display: block;
-  border: 1px solid var(--cds-ai-border-start, #78a9ff);
+  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
   background: var(--cds-background, #ffffff);
   block-size: 0.75rem;
   -webkit-clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
@@ -21341,7 +21372,19 @@ span.cds--pagination__text.cds--pagination__items-count {
   transform: rotate(45deg);
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
+.cds--slug > .cds--toggletip:is(.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left,
+.cds--popover--bottom,
+.cds--popover--bottom-right,
+.cds--popover--bottom-left,
+.cds--popover--left,
+.cds--popover--left-top,
+.cds--popover--left-bottom,
+.cds--popover--right,
+.cds--popover--right-top,
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left,
 .cds--popover--bottom,
@@ -21352,7 +21395,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--left-bottom,
 .cds--popover--right,
 .cds--popover--right-top,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   position: absolute;
   display: block;
   background: var(--cds-background, #ffffff);
@@ -21361,16 +21404,22 @@ span.cds--pagination__text.cds--pagination__items-count {
   inline-size: 0.125rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
+.cds--slug > .cds--toggletip:is(.cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
+.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   inset-block-end: 0.0625rem;
   transform: rotate(-135deg);
 }
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
+.cds--slug > .cds--toggletip:is(.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
-  background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
+.cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
   block-size: 0.125rem;
   border-end-end-radius: 50%;
   border-end-start-radius: 50%;
@@ -21379,36 +21428,48 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-start: -0.0625rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--top,
+.cds--slug > .cds--toggletip:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
   display: none;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
+.cds--slug > .cds--toggletip:is(.cds--popover--right,
 .cds--popover--right-bottom,
-.cds--popover--right-top) > .cds--popover > .cds--popover-caret::before {
+.cds--popover--right-top) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
+.cds--popover--right-bottom,
+.cds--popover--right-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   inset-inline-start: 0.0625rem;
   transform: rotate(-45deg);
 }
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--right,
+.cds--slug > .cds--toggletip:is(.cds--popover--right,
+.cds--popover--right-bottom,
+.cds--popover--right-top) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
 .cds--popover--right-bottom,
-.cds--popover--right-top) > .cds--popover > .cds--popover-caret::after {
+.cds--popover--right-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   border-end-start-radius: 50%;
   border-start-start-radius: 50%;
   inset-block-start: -0.0625rem;
   inset-inline-start: 0.375rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
+.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
+.cds--popover--bottom-left,
+.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
 .cds--popover--bottom-left,
-.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::before {
+.cds--popover--bottom-right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   inset-block-start: 0.0625rem;
   transform: rotate(45deg);
 }
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--bottom,
+.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
 .cds--popover--bottom-left,
-.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after {
+.cds--popover--bottom-right) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
+.cds--popover--bottom-left,
+.cds--popover--bottom-right) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   block-size: 0.125rem;
   border-start-end-radius: 50%;
   border-start-start-radius: 50%;
@@ -21417,59 +21478,79 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-start: -0.0625rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
+.cds--slug > .cds--toggletip:is(.cds--popover--left,
+.cds--popover--left-bottom,
+.cds--popover--left-top) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
 .cds--popover--left-bottom,
-.cds--popover--left-top) > .cds--popover > .cds--popover-caret::before {
+.cds--popover--left-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   inset-inline-end: 0.0625rem;
   transform: rotate(135deg);
 }
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
+.cds--slug > .cds--toggletip:is(.cds--popover--left,
 .cds--popover--left-bottom,
-.cds--popover--left-top) > .cds--popover > .cds--popover-caret::after {
+.cds--popover--left-top) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
+.cds--popover--left-bottom,
+.cds--popover--left-top) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   border-end-end-radius: 50%;
   border-start-end-radius: 50%;
   inset-block-start: -0.0625rem;
   inset-inline-start: -0.125rem;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
+.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
+.cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   background: transparent;
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
+.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
 .cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before {
-  border-color: var(--cds-ai-popover-caret-bottom, #d0e2ff);
-  background: var(--cds-ai-popover-caret-bottom-background, #d5e5ff);
+.cds--popover--top-left) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
+.cds--popover--right-bottom,
+.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
+  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left-bottom,
+.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
 .cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before {
-  background: var(--cds-ai-popover-caret-bottom-background-actions, #dae5f8);
+.cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
+.cds--popover--right-bottom,
+.cds--popover--top,
+.cds--popover--top-right,
+.cds--popover--top-left) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
+  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
 }
 
-.cds--slug.cds--slug--enabled > .cds--toggletip:is(.cds--popover--left,
-.cds--popover--right) > .cds--popover > .cds--popover-caret::before {
-  border-color: var(--cds-ai-popover-caret-center, #a7c7ff);
+.cds--slug > .cds--toggletip:is(.cds--popover--left,
+.cds--popover--right) > .cds--popover > .cds--popover-caret::before,
+.cds--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
+.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
 }
 
-.cds--slug.cds--slug--enabled .cds--toggletip-content {
+.cds--slug .cds--toggletip-content {
   padding-block-end: 5rem;
   padding-block-start: 1.5rem;
   padding-inline: 1.5rem;
 }
 
-.cds--slug.cds--slug--enabled .cds--slug-content .cds--toggletip-content {
+.cds--slug .cds--slug-content .cds--toggletip-content {
   max-inline-size: 20rem;
 }
 
-.cds--slug.cds--slug--enabled .cds--slug-actions {
+.cds--slug .cds--slug-actions {
   position: absolute;
   justify-content: flex-end;
   -webkit-backdrop-filter: blur(85px);
@@ -21484,12 +21565,12 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-end: 0;
 }
 
-.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn:focus {
+.cds--slug .cds--slug-actions .cds--btn:focus {
   border-color: var(--cds-focus, #0f62fe);
   box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
 }
 
-.cds--slug.cds--slug--enabled .cds--slug-actions .cds--btn--primary {
+.cds--slug .cds--slug-actions .cds--btn--primary {
   order: 1;
   border-end-end-radius: 0.4375rem;
 }
@@ -22709,13 +22790,13 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--slug.cds--tile {
-  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 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
 
 .cds--tile--slug.cds--tile--expandable:hover {
-  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;
 }
 
 .cds--tile--slug.cds--tile--selectable::before,
@@ -22734,8 +22815,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tile--slug.cds--tile--selectable::before,
 .cds--tile--slug.cds--tile--clickable::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;
-  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-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;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
 }
 
 .cds--tile--slug.cds--tile--selectable:hover::before,
@@ -22745,7 +22826,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tile--slug.cds--tile--selectable::after {
   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-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
-  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));
 }
 
 .cds--tile--slug.cds--tile--selectable:hover::after {
@@ -23371,7 +23452,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   will-change: margin-left;
 }
 
-.cds--header ~ .cds--content {
+.cds--header ~ .cds--content,
+div:has(.cds--header) ~ .cds--content {
   margin-block-start: 3rem;
 }
 
@@ -23829,8 +23911,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   inset-block-start: 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
-  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
-  will-change: width;
+  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
+  will-change: inline-size;
 }
 
 .cds--side-nav--ux {
@@ -24399,7 +24481,8 @@ a.cds--side-nav__link--current::before {
   will-change: margin-left;
 }
 
-.cds--header ~ .cds--content {
+.cds--header ~ .cds--content,
+div:has(.cds--header) ~ .cds--content {
   margin-block-start: 3rem;
 }
 
@@ -24857,8 +24940,8 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   inset-block-start: 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
-  transition: width 0.11s cubic-bezier(0.2, 0, 1, 0.9);
-  will-change: width;
+  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
+  will-change: inline-size;
 }
 
 .cds--side-nav--ux {