carbon-addons-iot-react 4.1.9 → 4.1.11

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

@@ -1651,6 +1651,12 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
   fill: var(--cds-icon-primary, #161616);
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .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: ButtonText;
+  }
+}
 
 .cds--text-input--invalid,
 .cds--text-input--warning {
@@ -6647,7 +6653,7 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 }
 .cds--btn--tertiary:disabled, .cds--btn--tertiary:hover:disabled, .cds--btn--tertiary:focus:disabled, .cds--btn--tertiary.cds--btn--disabled, .cds--btn--tertiary.cds--btn--disabled:hover, .cds--btn--tertiary.cds--btn--disabled:focus {
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 
@@ -6687,7 +6693,7 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 .cds--btn--ghost:disabled, .cds--btn--ghost:hover:disabled, .cds--btn--ghost:focus:disabled, .cds--btn--ghost.cds--btn--disabled, .cds--btn--ghost.cds--btn--disabled:hover, .cds--btn--ghost.cds--btn--disabled:focus {
   border-color: transparent;
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--btn--ghost:not([disabled]) svg {
@@ -6810,7 +6816,7 @@ html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
 }
 .cds--btn--danger--tertiary:disabled, .cds--btn--danger--tertiary:hover:disabled, .cds--btn--danger--tertiary:focus:disabled, .cds--btn--danger--tertiary.cds--btn--disabled, .cds--btn--danger--tertiary.cds--btn--disabled:hover, .cds--btn--danger--tertiary.cds--btn--disabled:focus {
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--btn--danger--ghost {
@@ -8809,6 +8815,11 @@ a.cds--overflow-menu-options__btn::before {
   color: var(--cds-link-primary-hover, #0043ce);
 }
 
+.cds--breadcrumb-item .cds--link:active,
+.cds--breadcrumb-item .cds--link:visited:active:hover {
+  color: var(--cds-text-primary, #161616);
+}
+
 .cds--breadcrumb-item::after {
   color: var(--cds-text-primary, #161616);
   content: "/";
@@ -8845,17 +8856,29 @@ a.cds--overflow-menu-options__btn::before {
 .cds--breadcrumb-item .cds--overflow-menu {
   position: relative;
   block-size: 1.125rem;
-  inline-size: 1.25rem;
+  inline-size: 1rem;
 }
 .cds--breadcrumb-item .cds--overflow-menu:focus {
+  border: none;
+  box-shadow: none;
   outline: 1px solid var(--cds-focus, #0f62fe);
+  outline-offset: 0;
 }
 .cds--breadcrumb-item .cds--overflow-menu:hover {
   background: transparent;
 }
+.cds--breadcrumb-item .cds--overflow-menu:hover::after {
+  background: var(--cds-link-primary-hover, #0043ce);
+}
+.cds--breadcrumb-item .cds--overflow-menu:active::after {
+  background: var(--cds-text-primary, #161616);
+}
+.cds--breadcrumb-item .cds--overflow-menu:focus::after, .cds--breadcrumb-item .cds--overflow-menu:hover::after {
+  opacity: 1;
+}
 .cds--breadcrumb-item .cds--overflow-menu::after {
   position: absolute;
-  background: var(--cds-link-primary-hover, #0043ce);
+  background: var(--cds-focus, #0f62fe);
   block-size: 1px;
   content: "";
   inline-size: 0.75rem;
@@ -8869,14 +8892,6 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
-.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
-  inline-size: 1rem;
-}
-
-.cds--breadcrumb-item .cds--overflow-menu:hover::after {
-  opacity: 1;
-}
-
 .cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
   background: transparent;
   box-shadow: none;
@@ -8892,6 +8907,10 @@ a.cds--overflow-menu-options__btn::before {
   fill: var(--cds-link-primary-hover, #0043ce);
 }
 
+.cds--breadcrumb-item .cds--overflow-menu:active .cds--overflow-menu__icon {
+  fill: var(--cds-text-primary, #161616);
+}
+
 .cds--breadcrumb-menu-options:focus {
   outline: none;
 }
@@ -8913,6 +8932,20 @@ a.cds--overflow-menu-options__btn::before {
   inset-inline-start: initial;
 }
 
+.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
+  min-block-size: 1.125rem;
+  padding-inline: 0;
+}
+
+.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
+  block-size: 1rem;
+  inline-size: 1rem;
+  min-block-size: 1rem;
+}
+.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
+  transform: translateY(3px);
+}
+
 .cds--breadcrumb.cds--skeleton .cds--link {
   position: relative;
   padding: 0;
@@ -8944,11 +8977,6 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
-.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
-  min-block-size: 1.125rem;
-  padding-inline: 0;
-}
-
 .cds--link {
   box-sizing: border-box;
   padding: 0;
@@ -22735,16 +22763,22 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
 .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
   inline-size: -webkit-fill-available;
   padding-inline-start: 1rem;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
 }
 .cds--file__selected-file .cds--file-filename-tooltip {
   inline-size: -webkit-fill-available;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
@@ -22765,8 +22799,11 @@ html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-
   outline: inherit;
   text-overflow: ellipsis;
   white-space: nowrap;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-button {
     inline-size: -moz-available;
   }
@@ -31872,6 +31909,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--progress--space-equal .cds--progress-text {
   overflow: hidden;
+  padding: 0.125rem;
+  margin: -0.125rem;
 }
 
 .cds--progress-label {
@@ -36906,6 +36945,12 @@ th .cds--table-sort__flex {
   margin-block-start: 0.8125rem;
 }
 
+.cds--table-sort__header .cds--ai-label,
+.cds--table-sort__header .cds--slug,
+.cds--table-sort__header .cds--table-header-label--decorator-inner {
+  display: none;
+}
+
 .cds--table-sort__header--slug .cds--table-sort__icon,
 .cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
 .cds--table-sort__header--ai-label .cds--table-sort__icon,
@@ -36919,6 +36964,7 @@ th .cds--table-sort__flex {
 .cds--table-sort__header--ai-label .cds--slug,
 .cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
 .cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
+  display: block;
   margin-inline-end: 0.5rem;
 }
 
@@ -40024,13 +40070,11 @@ html[dir=rtl] .cds--tile__checkmark {
 .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch::after,
 .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch::after {
   display: block;
-  border: 2px solid var(--cds-focus, #0f62fe);
   border-radius: 1rem;
-  block-size: calc(100% + 0.375rem);
+  block-size: 100%;
   content: "";
-  inline-size: calc(100% + 0.375rem);
-  margin-block-start: -0.1875rem;
-  margin-inline-start: -0.1875rem;
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
 }
 
 .cds--toggle__switch--checked {