carbon-addons-iot-react 4.2.1 → 4.2.3

package/css/carbon-addons-iot-react.css

@@ -5500,6 +5500,11 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
 }
 
+.cds--popover--border .cds--popover > .cds--popover-content {
+  outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
+  outline-offset: -1px;
+}
+
 .cds--popover--caret {
   --cds-popover-offset: 0.625rem;
 }
@@ -5552,6 +5557,10 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   display: block;
 }
 
+.cds--popover--background-token__background .cds--popover-content {
+  background-color: var(--cds-background, #f4f4f4);
+}
+
 .cds--popover-content::before {
   position: absolute;
   display: none;
@@ -5567,9 +5576,31 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   position: absolute;
   z-index: 6000;
   display: none;
-  background-color: var(--cds-popover-background-color, var(--cds-layer));
   will-change: transform;
 }
+.cds--popover-caret::after,
+.cds--popover--auto-align.cds--popover-caret::after {
+  position: absolute;
+  display: block;
+  background-color: var(--cds-popover-background-color, var(--cds-layer));
+  content: "";
+}
+.cds--popover-caret::before,
+.cds--popover--auto-align.cds--popover-caret::before {
+  position: absolute;
+  display: none;
+  background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
+  content: "";
+}
+
+.cds--popover--background-token__background .cds--popover-caret::after {
+  background-color: var(--cds-background, #f4f4f4);
+}
+
+.cds--popover--border .cds--popover-caret::before,
+.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
+  display: block;
+}
 
 .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
   display: block;
@@ -5613,22 +5644,6 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
-.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: 0;
-}
-
-.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: auto;
-}
-
-.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: 0;
-}
-
 [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: calc(50% - var(--cds-popover-offset, 0rem));
@@ -5651,12 +5666,39 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
 .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
-  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
   inset-block-end: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, var(--cds-popover-offset, 0rem));
 }
+.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: 1px;
+  inset-inline-start: 0.5px;
+}
 
 [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
@@ -5671,10 +5713,37 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .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);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
 }
+.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: 1px;
+  inset-inline-start: 0.5px;
+}
 
 .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
@@ -5728,12 +5797,39 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .cds--popover--top-right > .cds--popover > .cds--popover-caret,
 .cds--popover--top-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
-  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
   inset-block-start: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
+.cds--popover--top > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: -1px;
+  inset-inline-start: 0.5px;
+}
 
 [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,
@@ -5748,11 +5844,38 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .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);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
 }
 
+.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: -1px;
+  inset-inline-start: 0.5px;
+}
+
 .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-start: 100%;
@@ -5799,12 +5922,20 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
-  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
   inset-block-start: 50%;
   inset-inline-start: 100%;
   transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
 }
+.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
 
 [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,
@@ -5815,16 +5946,81 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   inset-inline-start: initial;
 }
 
+.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
 .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);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
 }
 
+.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  margin-inline-start: 1px;
+}
+[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 0;
+}
+
 .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
   inset-inline-end: 100%;
@@ -5871,12 +6067,20 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
-  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
   inset-block-start: 50%;
   inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
+.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
 
 [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,
@@ -5887,15 +6091,80 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   inset-inline-start: 100%;
 }
 
+.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
 .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);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+
+.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
 }
+.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  margin-inline-start: -1px;
+}
+[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 0;
+}
 
 .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
   border-radius: 0;
@@ -10166,6 +10435,7 @@ html[dir=rtl] .iot--data-state-grid > *:first-child {
 .cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
   inset-inline-end: 1rem;
   transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  inset-inline-end: 2.5rem;
 }
 
 .cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--tile--inner-decorator > *,
@@ -31018,6 +31288,10 @@ html[dir=rtl] .cds--number .cds--number__controls {
   padding-right: unset;
   padding-left: 2rem;
 }
+.page-title-bar-header-right .cds--content-switcher-btn,
+.page-title-bar-header-right .cds--content-switcher .cds--btn--primary {
+  margin-left: 0;
+}
 .page-title-bar-header-right .cds--btn--primary {
   margin-left: 0.5rem;
 }
@@ -31744,6 +32018,8 @@ html[dir=rtl] .cds--number .cds--number__controls {
   justify-content: space-between;
   background-color: var(--cds-layer);
   border-block-start: 1px solid var(--cds-border-subtle);
+  container-name: pagination;
+  container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
   overflow-x: auto;
@@ -31753,7 +32029,7 @@ html[dir=rtl] .cds--number .cds--number__controls {
 .cds--pagination *::after {
   box-sizing: inherit;
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination {
     overflow: initial;
   }
@@ -31761,7 +32037,7 @@ html[dir=rtl] .cds--number .cds--number__controls {
     display: flex;
   }
 }
-@media (max-width: 41.98rem) {
+@container pagination (max-width: 42rem) {
   .cds--pagination .cds--pagination__left > *,
   .cds--pagination .cds--pagination__right > * {
     display: none;
@@ -31802,6 +32078,12 @@ html[dir=rtl] .cds--number .cds--number__controls {
   line-height: 2.5rem;
   min-inline-size: auto;
 }
+@-moz-document url-prefix() {
+  .cds--pagination .cds--select-input {
+    padding-inline-end: 1rem;
+    text-overflow: clip;
+  }
+}
 
 .cds--pagination .cds--select--inline .cds--select-input {
   padding-inline: 1rem 2.25rem;
@@ -31878,13 +32160,13 @@ html[dir=rtl] .cds--number .cds--number__controls {
 .cds--pagination__left {
   padding: 0 1rem 0 0;
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination__left {
     padding: 0 1rem;
   }
 }
 
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--pagination__text {
     display: inline-block;
   }
@@ -32021,6 +32303,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-layer);
   border-block-end: 1px solid transparent;
   border-block-start: 1px solid var(--cds-border-subtle);
+  container-name: pagination;
+  container-type: inline-size;
   inline-size: 100%;
   min-block-size: 2.5rem;
 }
@@ -32034,7 +32318,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   margin: 0 1rem;
   color: var(--cds-text-secondary, #525252);
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--unstable-pagination__text {
     display: inline-block;
   }
@@ -32165,7 +32449,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-block-start: 50%;
   transform: translateY(-50%);
 }
-@media (min-width: 42rem) {
+@container pagination (min-width: 42rem) {
   .cds--unstable-pagination__page-selector .cds--select__arrow,
   .cds--unstable-pagination__page-sizer .cds--select__arrow {
     inset-inline-end: 1rem;
@@ -39764,10 +40048,6 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   }
 }
 
-.cds--tab-content--interactive:focus {
-  outline: none;
-}
-
 .cds--tabs.cds--skeleton {
   cursor: default;
   pointer-events: none;