@carbon/styles 1.53.1 → 1.54.0

package/css/styles.css

@@ -4028,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);
@@ -4104,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;
@@ -4116,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;
@@ -4163,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%);
@@ -4175,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;
@@ -4222,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%);
@@ -4232,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;
@@ -4273,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%);
@@ -4285,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;
@@ -4327,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%);
@@ -4339,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;
 }
@@ -5597,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,
@@ -9174,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 {
@@ -10388,11 +10480,11 @@ fieldset[disabled] .cds--form__helper-text {
   color: var(--cds-text-primary, #161616);
 }
 
-.cds--data-table tr:hover .cds--link {
+.cds--data-table tr + :not(.cds--popover-container):hover .cds--link {
   color: var(--cds-link-secondary, #0043ce);
 }
 
-.cds--data-table tr:hover .cds--link--disabled {
+.cds--data-table tr + :not(.cds--popover-container):hover .cds--link--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -11810,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] {
@@ -11856,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;
@@ -13588,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 {
@@ -18928,6 +19027,12 @@ optgroup.cds--select-optgroup:disabled,
   opacity: 1;
 }
 
+.cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
+.cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
+  fill: #000000;
+  opacity: 1;
+}
+
 .cds--actionable-notification__details {
   display: flex;
   flex-grow: 1;
@@ -21230,7 +21335,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   min-inline-size: 17.5rem;
 }
 
-.cds--slug > .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;
@@ -21247,7 +21353,19 @@ 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, rgba(166, 200, 255, 0.64));
@@ -21271,7 +21389,19 @@ 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-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,
+.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::after {
   position: absolute;
   display: block;
   background: var(--cds-background, #ffffff);
@@ -21282,13 +21412,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .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--toggletip:is(.cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover > .cds--popover-caret::after {
+.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-content > .cds--popover-caret::after {
   background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
   block-size: 0.125rem;
   border-end-end-radius: 50%;
@@ -21306,13 +21442,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .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--toggletip: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-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-content > .cds--popover-caret::after {
   border-end-start-radius: 50%;
   border-start-start-radius: 50%;
   inset-block-start: -0.0625rem;
@@ -21321,13 +21463,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--slug > .cds--toggletip: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-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-content > .cds--popover-caret::before {
   inset-block-start: 0.0625rem;
   transform: rotate(45deg);
 }
 .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%;
@@ -21338,13 +21486,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--slug > .cds--toggletip: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-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-content > .cds--popover-caret::before {
   inset-inline-end: 0.0625rem;
   transform: rotate(135deg);
 }
 .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;
@@ -21352,7 +21506,9 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-caret::after {
+.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;
 }
 
@@ -21360,7 +21516,12 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover--right-bottom,
 .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--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);
 }
@@ -21369,12 +21530,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 .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 {
+.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--toggletip:is(.cds--popover--left,
-.cds--popover--right) > .cds--popover > .cds--popover-caret::before {
+.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);
 }
 
@@ -21662,7 +21830,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--structured-list-svg {
   display: inline-block;
-  fill: transparent;
   transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
   vertical-align: top;
 }
@@ -21672,6 +21839,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   fill: var(--cds-icon-primary, #161616);
 }
 
+.cds--structured-list-svg {
+  fill: transparent;
+}
+
 .cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
   inline-size: 8%;
 }
@@ -23290,7 +23461,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;
 }
 
@@ -23748,8 +23920,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 {
@@ -24318,7 +24490,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;
 }
 
@@ -24776,8 +24949,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 {