@carbon/styles 1.54.0 → 1.55.0-rc.0

package/css/styles.css

@@ -9299,6 +9299,11 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
+.cds--list-box--expanded .cds--combo-box--input--focus.cds--text-input {
+  outline-offset: -0.0625rem;
+  outline-width: 0.0625rem;
+}
+
 .cds--combo-box .cds--list-box__field,
 .cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
 .cds--combo-box.cds--list-box--warning .cds--list-box__field,
@@ -11126,7 +11131,7 @@ tr.cds--data-table--slug-row.cds--parent-row.cds--data-table--selected.cds--expa
 
 .cds--data-table tbody tr.cds--data-table--slug-row:hover,
 tr.cds--data-table--slug-row:hover + .cds--expandable-row[data-child-row],
-tr.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
+tr.cds--data-table--slug-row.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.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
@@ -13882,6 +13887,10 @@ th .cds--table-sort__flex {
   border-block-end-color: var(--cds-border-subtle);
 }
 
+.cds--dropdown--open .cds--list-box__field {
+  outline: none;
+}
+
 .cds--dropdown--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -14982,13 +14991,17 @@ button.cds--dropdown-text:focus {
   }
 }
 
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded) {
+  outline-width: 0.0625rem;
+}
+
 .cds--list-box__wrapper--fluid .cds--list-box__field:focus {
   outline: none;
   outline-offset: 0;
 }
 
-.cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--list-box__menu {
-  inset-block-start: calc(100% + 0.0625rem);
+.cds--list-box__wrapper--fluid:not(.cds--list-box--up) .cds--list-box__menu {
+  inset-block-start: 100%;
 }
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
@@ -15069,7 +15082,7 @@ button.cds--dropdown-text:focus {
   border-color: transparent;
 }
 
-.cds--list-box__wrapper--fluid .cds--list-box--up .cds--list-box__menu {
+.cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu {
   inset-block-end: 4rem;
 }
 
@@ -15184,6 +15197,10 @@ button.cds--dropdown-text:focus {
   inset-inline-end: 1rem;
 }
 
+.cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--combo-box .cds--list-box__menu {
+  inset-block-start: calc(100% + 0.0625rem);
+}
+
 .cds--date-picker--fluid {
   display: inline-flex;
   background: var(--cds-field);
@@ -15545,6 +15562,12 @@ button.cds--dropdown-text:focus {
   }
 }
 
+.cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=""])),
+.cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) {
+  outline-offset: -0.0625rem;
+  outline-width: 0.0625rem;
+}
+
 .cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
 .cds--multi-select.cds--multi-select--selected .cds--list-box__field {
   padding-inline-start: 0;
@@ -15619,6 +15642,10 @@ button.cds--dropdown-text:focus {
   align-items: baseline;
 }
 
+.cds--list-box__wrapper--fluid.cds--multi-select--filterable__wrapper:not(.cds--list-box--up) .cds--list-box__menu {
+  inset-block-start: calc(100% + 0.0625rem);
+}
+
 .cds--number {
   position: relative;
   display: flex;
@@ -16647,24 +16674,47 @@ optgroup.cds--select-optgroup:disabled,
 .cds--select--slug .cds--slug {
   position: absolute;
   inset-block-start: 50%;
-  inset-inline-end: 2.5rem;
+  inset-inline-end: calc(2.5rem + 8px + 1px);
+  margin-block-start: 0.03125rem;
   transform: translateY(-50%);
 }
 
+.cds--select--slug .cds--slug::after,
+.cds--select--slug .cds--slug::before {
+  position: absolute;
+  background-color: var(--cds-border-subtle-01, #c6c6c6);
+  block-size: 1rem;
+  content: "";
+  inline-size: 0.0625rem;
+}
+
+.cds--select--slug .cds--slug::before {
+  display: none;
+  inset-inline-start: calc(-0.5rem - 1px);
+}
+
+.cds--select--slug .cds--slug::after {
+  display: block;
+  inset-inline-end: calc(-0.5rem - 1px);
+}
+
 .cds--select--slug .cds--select-input:not(:has(~ .cds--slug--revert)) {
   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;
 }
 
-.cds--select--slug.cds--select--invalid .cds--select-input,
-.cds--select--slug.cds--select--warning .cds--select-input {
+.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:not(:has(~ .cds--slug--revert)) {
   padding-inline-end: 6rem;
 }
 
-.cds--select--slug.cds--select--invalid .cds--slug,
-.cds--select--slug.cds--select--warning .cds--slug {
-  inset-inline-end: 4rem;
+.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
+  display: block;
+}
+
+.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,
+.cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {
+  inset-inline-end: 5rem;
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -18148,12 +18198,6 @@ optgroup.cds--select-optgroup:disabled,
   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 {
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-}
-
 .cds--modal--slug .cds--modal-content.cds--modal-scroll-content {
   -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
           mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
@@ -18162,6 +18206,8 @@ optgroup.cds--select-optgroup:disabled,
 .cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
 .cds--modal-header > .cds--modal-close-button ~ .cds--slug,
 .cds--modal--slug .cds--modal-container-body > .cds--slug {
+  position: absolute;
+  inset-block-start: 0.625rem;
   inset-inline-end: 3rem;
 }
 
@@ -21336,7 +21382,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .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 {
+.cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
   background: transparent;
   -webkit-clip-path: none;
           clip-path: none;
@@ -21345,27 +21391,43 @@ 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--top-end,
+.cds--popover--top-start,
 .cds--popover--bottom,
 .cds--popover--bottom-right,
 .cds--popover--bottom-left,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end,
 .cds--popover--left,
 .cds--popover--left-top,
 .cds--popover--left-bottom,
+.cds--popover--left-start,
+.cds--popover--left-end,
 .cds--popover--right,
 .cds--popover--right-top,
-.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--right-bottom,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start,
 .cds--popover--bottom,
 .cds--popover--bottom-right,
 .cds--popover--bottom-left,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end,
 .cds--popover--left,
 .cds--popover--left-top,
 .cds--popover--left-bottom,
+.cds--popover--left-start,
+.cds--popover--left-end,
 .cds--popover--right,
 .cds--popover--right-top,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+.cds--popover--right-bottom,
+.cds--popover--right-start,
+.cds--popover--right-end) > .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));
@@ -21381,27 +21443,43 @@ 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--top-end,
+.cds--popover--top-start,
 .cds--popover--bottom,
 .cds--popover--bottom-right,
 .cds--popover--bottom-left,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end,
 .cds--popover--left,
 .cds--popover--left-top,
 .cds--popover--left-bottom,
+.cds--popover--left-start,
+.cds--popover--left-end,
 .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--right-bottom,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
 .cds--popover--top-right,
 .cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start,
 .cds--popover--bottom,
 .cds--popover--bottom-right,
 .cds--popover--bottom-left,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end,
 .cds--popover--left,
 .cds--popover--left-top,
 .cds--popover--left-bottom,
+.cds--popover--left-start,
+.cds--popover--left-end,
 .cds--popover--right,
 .cds--popover--right-top,
-.cds--popover--right-bottom) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+.cds--popover--right-bottom,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   position: absolute;
   display: block;
   background: var(--cds-background, #ffffff);
@@ -21412,19 +21490,27 @@ 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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .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 {
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .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 {
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .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%;
@@ -21436,25 +21522,35 @@ 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--slug-content--with-actions + .cds--popover-caret::after {
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
   display: none;
 }
 
 .cds--slug > .cds--toggletip:is(.cds--popover--right,
 .cds--popover--right-bottom,
-.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-top,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .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 {
+.cds--popover--right-top,
+.cds--popover--right-start,
+.cds--popover--right-end) > .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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
+.cds--popover--right-top,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .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 {
+.cds--popover--right-top,
+.cds--popover--right-start,
+.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   border-end-start-radius: 50%;
   border-start-start-radius: 50%;
   inset-block-start: -0.0625rem;
@@ -21463,19 +21559,27 @@ 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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
+.cds--popover--bottom-right,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .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 {
+.cds--popover--bottom-right,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end) > .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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
+.cds--popover--bottom-right,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .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 {
+.cds--popover--bottom-right,
+.cds--popover--bottom-start,
+.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   block-size: 0.125rem;
   border-start-end-radius: 50%;
   border-start-start-radius: 50%;
@@ -21486,19 +21590,27 @@ 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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
+.cds--popover--left-top,
+.cds--popover--left-start,
+.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .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 {
+.cds--popover--left-top,
+.cds--popover--left-start,
+.cds--popover--left-end) > .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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
+.cds--popover--left-top,
+.cds--popover--left-start,
+.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .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 {
+.cds--popover--left-top,
+.cds--popover--left-start,
+.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   border-end-end-radius: 50%;
   border-start-end-radius: 50%;
   inset-block-start: -0.0625rem;
@@ -21506,42 +21618,62 @@ 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--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 {
+.cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
+.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
+.cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   background: transparent;
 }
 
 .cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end,
 .cds--popover--top,
 .cds--popover--top-right,
-.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--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
+.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end,
 .cds--popover--top,
 .cds--popover--top-right,
-.cds--popover--top-left) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+.cds--popover--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .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--toggletip:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end,
 .cds--popover--top,
 .cds--popover--top-right,
-.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--top-left,
+.cds--popover--top-end,
+.cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
+.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
 .cds--popover--right-bottom,
+.cds--popover--left-end,
+.cds--popover--right-end,
 .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 {
+.cds--popover--top-left,
+.cds--popover--top-start,
+.cds--popover--top-end) > .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--slug.cds--slug--enabled > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
+.cds--slug > .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);
 }