carbon-addons-iot-react 5.6.4 → 5.6.6

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

@@ -393,13 +393,6 @@ textarea:-webkit-autofill:focus {
 }
 
 .cds--label + .cds--tooltip .cds--tooltip__trigger {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -410,6 +403,13 @@ textarea:-webkit-autofill:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -583,10 +583,9 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
 }
 
 .cds--form-requirement {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
   display: none;
   overflow: hidden;
   margin: 0.25rem 0 0;
@@ -800,7 +799,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility + .cds--assistive-text {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -903,13 +902,13 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--password__visibility::before {
   border-width: 0 0.25rem 0.3125rem;
   border-color: transparent transparent var(--cds-background-inverse, #393939);
-  inset-block-end: -0.5rem;
+  inset-block-end: -0.25rem;
   transform: translate(-50%, 100%);
 }
 .cds--text-input--password__visibility::after,
 .cds--text-input--password__visibility .cds--assistive-text,
 .cds--text-input--password__visibility + .cds--assistive-text {
-  inset-block-end: -0.8125rem;
+  inset-block-end: -0.5625rem;
   transform: translate(-50%, 100%);
 }
 
@@ -948,8 +947,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
-  fill: var(--cds-icon-secondary, #525252);
-  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  fill: var(--cds-icon-primary, #161616);
 }
 
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
@@ -962,11 +960,6 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
-.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
-.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 .cds--text-input--invalid,
 .cds--text-input--warning {
   padding-inline-end: 2.5rem;
@@ -2137,13 +2130,6 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__field {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -2154,6 +2140,13 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: relative;
   display: inline-flex;
   overflow: hidden;
@@ -2192,7 +2185,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__field .cds--text-input {
-  padding-inline-end: 5rem;
+  padding-inline-end: 4.375rem;
 }
 
 .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
@@ -2234,13 +2227,6 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__menu-icon {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -2250,6 +2236,13 @@ fieldset[disabled] .cds--form__helper-text {
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: absolute;
   display: flex;
   align-items: center;
@@ -2281,13 +2274,6 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__selection {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -2297,6 +2283,13 @@ fieldset[disabled] .cds--form__helper-text {
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: absolute;
   display: flex;
   align-items: center;
@@ -2429,6 +2422,10 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
+.cds--autoalign .cds--list-box__menu {
+  inset-inline: auto;
+}
+
 .cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
   display: none;
   max-block-size: 0;
@@ -2725,8 +2722,7 @@ fieldset[disabled] .cds--form__helper-text {
   inset-block-end: 3rem;
 }
 
-.cds--list-box input[role=combobox],
-.cds--list-box input[type=text] {
+.cds--list-box .cds--text-input {
   background-color: inherit;
   min-inline-size: 0;
   text-overflow: ellipsis;
@@ -2742,12 +2738,12 @@ fieldset[disabled] .cds--form__helper-text {
   transform: translateY(-50%);
 }
 
+.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
-.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
-.cds--list-box__wrapper--slug .cds--ai-label::before,
-.cds--list-box__wrapper--slug .cds--slug::after,
-.cds--list-box__wrapper--slug .cds--slug::before {
+.cds--list-box__wrapper--slug .cds--slug::after {
   position: absolute;
   background-color: var(--cds-border-subtle-01, #c6c6c6);
   block-size: 1rem;
@@ -2762,14 +2758,23 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug .cds--ai-label::before,
+.cds--list-box__wrapper--slug .cds--slug::before,
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
 .cds--list-box__wrapper--slug .cds--slug::after {
   display: block;
-  inset-block-start: 0;
+  inset-block-start: 0.0625rem;
   inset-inline-end: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--slug--revert::after {
@@ -2798,7 +2803,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
-  padding-inline-end: 6rem;
+  padding-inline-end: 6.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
@@ -2816,7 +2821,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
-  padding-inline-end: 8.8125rem;
+  padding-inline-end: 8.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -2825,7 +2830,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
-  inset-inline-end: 5.1875rem;
+  inset-inline-end: 5.0625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
@@ -2848,11 +2853,15 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-end: calc(4rem + 18px);
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
+  inset-inline-end: calc(4rem + 18px);
+}
+
 .cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
-  inset-inline-end: 7.25rem;
+  inset-inline-end: 7.125rem;
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -4780,7 +4789,7 @@ 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 {
+.cds--popover--border > .cds--popover > .cds--popover-content {
   outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
   outline-offset: -1px;
 }
@@ -4837,7 +4846,7 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   display: block;
 }
 
-.cds--popover--background-token__background .cds--popover-content {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-content {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -4873,7 +4882,7 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   content: "";
 }
 
-.cds--popover--background-token__background .cds--popover-caret::after {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -5470,13 +5479,6 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 }
 
 .cds--popover--tab-tip__button {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -5487,6 +5489,13 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -6024,13 +6033,6 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 }
 
 .cds--definition-term {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -6041,6 +6043,13 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   border-radius: 0;
   border-block-end: 1px dotted var(--cds-border-strong);
   color: var(--cds-text-primary, #161616);
@@ -6569,6 +6578,95 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
   box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
 }
 
+.cds--btn-set--fluid {
+  container-type: inline-size;
+}
+.cds--btn-set--fluid .cds--btn-set__fluid-inner {
+  --flex-direction: row;
+  display: flex;
+  flex-direction: var(--flex-direction);
+  align-items: stretch;
+  justify-content: flex-end;
+  inline-size: 100%;
+}
+.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
+  flex: 0 1 25%;
+  max-inline-size: 14.5rem;
+}
+.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
+  min-inline-size: 11rem;
+}
+.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
+.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
+  flex: 1 1 25%;
+  max-inline-size: none;
+  padding-inline-start: 2rem; /* increased padding when inline */
+}
+@container (width <= 11rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
+    --flex-direction: column;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
+    flex: initial;
+    inline-size: 100%;
+    max-inline-size: none;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
+    padding-inline-start: 1rem;
+  }
+}
+@container (width <= 22rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
+    --flex-direction: column;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
+    flex: initial;
+    inline-size: 100%;
+    max-inline-size: none;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
+    padding-inline-start: 1rem;
+  }
+}
+@container (width <= 33rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
+    --flex-direction: column;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
+    flex: initial;
+    inline-size: 100%;
+    max-inline-size: none;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
+    padding-inline-start: 1rem;
+  }
+}
+@container (width <= 44rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
+    --flex-direction: column;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
+    flex: initial;
+    inline-size: 100%;
+    max-inline-size: none;
+  }
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
+    padding-inline-start: 1rem;
+  }
+}
+@container (width <= 44rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
+    flex-basis: 50%;
+    max-inline-size: none;
+  }
+}
+@container (width <= 33rem) {
+  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
+    flex: 1 1 100%;
+    max-inline-size: none;
+  }
+}
+
 .cds--content-switcher {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
   --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
@@ -7767,13 +7865,6 @@ html[dir=rtl] .cds--list-box__label .iot--icon-dropdown__item {
 
 .cds--accordion__heading {
   transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -7784,6 +7875,13 @@ html[dir=rtl] .cds--list-box__label .iot--icon-dropdown__item {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
 }
 .cds--accordion__heading *,
 .cds--accordion__heading *::before,
@@ -8151,13 +8249,6 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .cds--overflow-menu,
 .cds--overflow-menu__trigger {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -8175,6 +8266,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: relative;
@@ -8872,10 +8970,12 @@ a.cds--overflow-menu-options__btn::before {
   box-sizing: inherit;
 }
 
+.cds--link.cds--link--visited,
 .cds--link.cds--link--visited:visited {
   color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
 }
 
+.cds--link.cds--link--visited:hover,
 .cds--link.cds--link--visited:visited:hover {
   color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
 }
@@ -9524,13 +9624,6 @@ html[dir=rtl] .iot--data-state-grid > *:first-child {
 }
 
 .cds--tile__chevron--interactive {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -9541,6 +9634,13 @@ html[dir=rtl] .iot--data-state-grid > *:first-child {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: absolute;
   display: flex;
   align-items: center;
@@ -10625,6 +10725,15 @@ html[dir=rtl] .iot--data-state-grid > *:first-child {
   padding-inline: 1rem;
 }
 
+.cds--data-table-header.cds--data-table-header__with-decorator {
+  display: flex;
+  justify-content: space-between;
+}
+
+.cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
+  justify-content: flex-end;
+}
+
 .cds--data-table-header__title {
   font-size: var(--cds-heading-03-font-size, 1.25rem);
   font-weight: var(--cds-heading-03-font-weight, 400);
@@ -19142,7 +19251,7 @@ div.iot--card-edit-form--data-item-list .iot--list-item--content--values--value_
 .cds--copy-btn .cds--copy-btn__feedback {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -19308,7 +19417,7 @@ div.iot--card-edit-form--data-item-list .iot--list-item--content--values--value_
 .cds--snippet--inline .cds--copy-btn__feedback {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -22863,10 +22972,9 @@ html[dir=rtl] .cds--date-picker-container .cds--form-requirement {
 
 .cds--file__selected-file--invalid .cds--form-requirement__title,
 .cds--file__selected-file--invalid .cds--form-requirement__supplement {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
   padding: 0 1rem;
 }
 
@@ -22879,10 +22987,9 @@ html[dir=rtl] .cds--date-picker-container .cds--form-requirement {
 }
 
 .cds--file__selected-file--invalid + .cds--form-requirement {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
   display: block;
   overflow: visible;
   padding: 0.5rem 1rem;
@@ -22972,13 +23079,6 @@ html[dir=rtl] .cds--date-picker-container .cds--form-requirement {
 }
 
 .cds--file__drop-container {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -22989,6 +23089,13 @@ html[dir=rtl] .cds--date-picker-container .cds--form-requirement {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -23160,13 +23267,6 @@ div:has(.cds--header) ~ .cds--content {
 }
 
 .cds--header__action {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -23177,6 +23277,13 @@ div:has(.cds--header) ~ .cds--content {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: inline-flex;
   border: 0.0625rem solid transparent;
   block-size: 3rem;
@@ -23712,13 +23819,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 }
 
 .cds--side-nav__submenu {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -23729,6 +23829,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
   line-height: var(--cds-heading-compact-01-line-height, 1.28572);
@@ -24176,13 +24283,6 @@ div:has(.cds--header) ~ .cds--content {
 }
 
 .cds--header__action {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -24193,6 +24293,13 @@ div:has(.cds--header) ~ .cds--content {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: inline-flex;
   border: 0.0625rem solid transparent;
   block-size: 3rem;
@@ -24728,13 +24835,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 }
 
 .cds--side-nav__submenu {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -24745,6 +24845,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
   line-height: var(--cds-heading-compact-01-line-height, 1.28572);
@@ -26140,8 +26247,8 @@ button.iot--overflow-menu-icon.cds--btn--icon-only.cds--tooltip__trigger:hover s
 .cds--modal-container {
   position: fixed;
   display: grid;
+  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   background-color: var(--cds-layer);
-  block-size: 100%;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
   inline-size: 100%;
@@ -26154,7 +26261,6 @@ button.iot--overflow-menu-icon.cds--btn--icon-only.cds--tooltip__trigger:hover s
 @media (min-width: 42rem) {
   .cds--modal-container {
     position: relative;
-    block-size: auto;
     inline-size: 84%;
     max-block-size: 90%;
   }
@@ -26687,6 +26793,7 @@ html[dir=rtl] .iot--image-tile__title {
 .cds--inline-loading {
   display: flex;
   align-items: center;
+  color: var(--cds-text-secondary, #525252);
   inline-size: 100%;
   min-block-size: 2rem;
 }
@@ -26696,7 +26803,6 @@ html[dir=rtl] .iot--image-tile__title {
   font-weight: var(--cds-label-02-font-weight, 400);
   line-height: var(--cds-label-02-line-height, 1.28572);
   letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
-  color: var(--cds-text-secondary, #525252);
 }
 
 .cds--inline-loading__animation {
@@ -28442,6 +28548,14 @@ html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
   box-sizing: inherit;
 }
 
+.cds--menu--border {
+  outline: 1px solid var(--cds-border-subtle);
+}
+
+.cds--menu--background-token__background {
+  background-color: var(--cds-background, #ffffff);
+}
+
 .cds--menu--with-icons {
   min-inline-size: 12rem;
 }
@@ -30024,13 +30138,6 @@ html[dir=rtl] .iot--menu-button__menu .cds--menu-option__info {
 }
 
 .cds--number__control-btn {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -30041,6 +30148,13 @@ html[dir=rtl] .iot--menu-button__menu .cds--menu-option__info {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -31335,6 +31449,7 @@ html[dir=rtl] .cds--number .cds--number__controls {
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: flex;
+  overflow: initial;
   align-items: center;
   justify-content: space-between;
   background-color: var(--cds-layer);
@@ -31343,7 +31458,6 @@ html[dir=rtl] .cds--number .cds--number__controls {
   container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
-  overflow-x: auto;
 }
 .cds--pagination *,
 .cds--pagination *::before,
@@ -31351,9 +31465,6 @@ html[dir=rtl] .cds--number .cds--number__controls {
   box-sizing: inherit;
 }
 @container pagination (min-width: 42rem) {
-  .cds--pagination {
-    overflow: initial;
-  }
   .cds--pagination .cds--pagination__control-buttons {
     display: flex;
   }
@@ -31606,6 +31717,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   transform: translate(0.5rem, -50%);
 }
 
+.cds--pagination .cds--select--inline .cds--select-input[disabled],
+.cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
+  background-color: var(--cds-layer);
+}
+
 .cds--unstable-pagination {
   box-sizing: border-box;
   padding: 0;
@@ -31832,13 +31948,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -31848,6 +31957,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   position: relative;
   display: block;
   padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
@@ -32186,13 +32302,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--progress-step-button {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -32203,6 +32312,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   text-align: start;
 }
@@ -33146,13 +33262,6 @@ html[dir=rtl] .iot--rule-builder-rule--group:after {
 }
 
 .cds--search-close {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -33162,6 +33271,13 @@ html[dir=rtl] .iot--rule-builder-rule--group:after {
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: absolute;
@@ -33406,7 +33522,7 @@ html[dir=rtl] .iot--rule-builder-rule--group:after {
 .cds--search--expandable .cds--search-input {
   padding: 0;
   inline-size: 0;
-  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9), width 0s linear 70ms;
+  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--search--expandable .cds--search-input::-moz-placeholder {
   position: relative;
@@ -33467,6 +33583,15 @@ html[dir=rtl] .iot--rule-builder-rule--group:after {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--search-magnifier-tooltip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cds--search-magnifier-tooltip .cds--search-magnifier {
+  position: relative;
+}
+
 .cds--slider-container {
   position: relative;
   display: flex;
@@ -34951,7 +35076,7 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar-butt
 .iot--table-toolbar__search-tooltip {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   z-index: 6000;
-  padding: 0.1875rem 1rem;
+  padding: 0.5rem 1rem;
   border-radius: 0.125rem;
   background-color: var(--cds-background-inverse, #393939);
   block-size: auto;
@@ -35512,13 +35637,6 @@ html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--ov
 }
 
 .cds--toggletip-button {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -35529,6 +35647,13 @@ html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--ov
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   align-items: center;
 }
@@ -35707,7 +35832,6 @@ html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--ov
 .cds--ai-label__text,
 .cds--slug__text {
   position: relative;
-  z-index: 1;
 }
 
 .cds--ai-label .cds--ai-label__button--inline,
@@ -36996,13 +37120,6 @@ html[dir=ltr] .iot--column-resize-handle {
 }
 
 .cds--table-sort {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -37012,6 +37129,13 @@ html[dir=ltr] .iot--column-resize-handle {
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -37834,13 +37958,6 @@ html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-header {
 }
 
 .cds--overflow-menu.cds--toolbar-action {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -37851,6 +37968,13 @@ html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-header {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   padding: 1rem;
   block-size: 3rem;
@@ -37868,13 +37992,6 @@ html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-header {
 }
 
 .cds--toolbar-action {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -37885,6 +38002,13 @@ html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-header {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   block-size: 3rem;
   cursor: pointer;
@@ -38822,13 +38946,6 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   box-sizing: inherit;
 }
 .cds--tabs .cds--tab--overflow-nav-button {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -38839,6 +38956,13 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -39035,13 +39159,6 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   display: none;
 }
 .cds--tabs .cds--tabs__nav-item--close-icon {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -39052,6 +39169,13 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   block-size: 1.5rem;
   inline-size: 1.5rem;
   padding-block: 0.25rem;
@@ -39126,13 +39250,6 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   padding-inline-start: var(--cds-layout-density-padding-inline-local);
 }
 .cds--tabs .cds--tabs__nav-link {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   display: inline-block;
   padding: 0;
   border: 0;
@@ -39142,6 +39259,13 @@ button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__adv
   background: none;
   cursor: pointer;
   text-align: start;
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   outline: 2px solid transparent;
   outline-offset: -2px;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -41428,6 +41552,10 @@ type .iot--sparkline-chart--wrapper--list > p {
   background-color: var(--cds-layer-active-01, #c6c6c6);
 }
 
+.cds--multi-select {
+  box-sizing: border-box;
+}
+
 .cds--multi-select .cds--list-box__field--wrapper {
   display: inline-flex;
   align-items: center;