@carbon/styles 1.86.1 → 1.88.0-rc.0

package/css/styles.css

@@ -4642,10 +4642,6 @@ li.cds--accordion__item--disabled:last-of-type {
   overflow-wrap: break-word;
 }
 
-.cds--tooltip-content--multiline {
-  padding: var(--cds-tooltip-padding-inline, 1rem);
-}
-
 .cds--icon-tooltip {
   --cds-tooltip-padding-block: 0.125rem;
   --cds-popover-caret-width: 0.5rem;
@@ -4919,11 +4915,12 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--btn--icon-only {
+  align-items: center;
   justify-content: center;
   padding: 0;
   block-size: var(--cds-layout-size-height-local);
   inline-size: var(--cds-layout-size-height-local);
-  padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  padding-block-start: 0;
 }
 .cds--btn--icon-only > :first-child {
   min-inline-size: 1rem;
@@ -5128,6 +5125,15 @@ li.cds--accordion__item--disabled:last-of-type {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--btn.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--btn.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--btn-set {
   display: flex;
@@ -6261,7 +6267,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 .cds--overflow-menu:hover,
 .cds--overflow-menu__trigger:hover {
-  background-color: var(--cds-layer-hover);
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
 }
 
 .cds--overflow-menu > :first-child {
@@ -6357,14 +6363,14 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--overflow-menu-options--light {
-  background-color: var(--cds-layer);
+  background-color: var(--cds-layer-hover);
 }
 .cds--overflow-menu-options--light::after {
   background-color: var(--cds-layer);
 }
 
 .cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
-  background-color: var(--cds-layer);
+  background-color: var(--cds-layer-hover);
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
@@ -6804,6 +6810,15 @@ a.cds--overflow-menu-options__btn::before {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--breadcrumb.cds--skeleton .cds--link {
+    background: CanvasText;
+  }
+  .cds--breadcrumb.cds--skeleton .cds--link::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--link {
   box-sizing: border-box;
@@ -7157,6 +7172,15 @@ textarea:-webkit-autofill:focus {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--label.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--label.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 input[type=number],
 input[type=text].cds--number {
@@ -7292,7 +7316,7 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
   line-height: var(--cds-helper-text-01-line-height, 1.33333);
   letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
   z-index: 0;
-  color: var(--cds-text-secondary, #525252);
+  color: var(--cds-text-helper, #6f6f6f);
   inline-size: 100%;
   margin-block-start: 0.25rem;
   opacity: 1;
@@ -7625,6 +7649,15 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--checkbox-label-text.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--checkbox-label-text.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--checkbox--inline {
   position: relative;
@@ -8349,14 +8382,12 @@ fieldset[disabled] .cds--form__helper-text {
   background-image: linear-gradient(to right, transparent, var(--cds-layer));
 }
 
-@media not all and (min-resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .cds--snippet__overflow-indicator--left {
-      background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
-    }
-    .cds--snippet__overflow-indicator--right {
-      background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
-    }
+@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+  .cds--snippet__overflow-indicator--left {
+    background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
+  }
+  .cds--snippet__overflow-indicator--right {
+    background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
   }
 }
 .cds--snippet--multi.cds--skeleton {
@@ -8399,6 +8430,15 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--snippet.cds--skeleton span {
+    background: CanvasText;
+  }
+  .cds--snippet.cds--skeleton span::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--snippet.cds--skeleton span:first-child {
   margin: 0;
 }
@@ -8879,6 +8919,15 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--skeleton.cds--text-input {
+    background: CanvasText;
+  }
+  .cds--skeleton.cds--text-input::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--form--fluid .cds--text-input-wrapper {
   position: relative;
@@ -9568,6 +9617,15 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--tag.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--tag.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--tag.cds--skeleton.cds--tag--operational {
   border: 1px solid var(--cds-skeleton-background, #e8e8e8);
 }
@@ -9580,11 +9638,9 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
 }
-@media not all and (min-resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .cds--tag.cds--skeleton {
-      transform: translateZ(0);
-    }
+@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+  .cds--tag.cds--skeleton {
+    transform: translateZ(0);
   }
 }
 
@@ -11982,6 +12038,15 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--radio-button__label.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--radio-button__label.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
   display: none;
@@ -13282,6 +13347,19 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--search--lg.cds--skeleton .cds--search-input,
+  .cds--search--md.cds--skeleton .cds--search-input,
+  .cds--search--sm.cds--skeleton .cds--search-input {
+    background: CanvasText;
+  }
+  .cds--search--lg.cds--skeleton .cds--search-input::before,
+  .cds--search--md.cds--skeleton .cds--search-input::before,
+  .cds--search--sm.cds--skeleton .cds--search-input::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder {
   color: transparent;
 }
@@ -14338,6 +14416,17 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--data-table.cds--skeleton th span,
+  .cds--data-table.cds--skeleton td span {
+    background: CanvasText;
+  }
+  .cds--data-table.cds--skeleton th span::before,
+  .cds--data-table.cds--skeleton td span::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--data-table.cds--skeleton tr:hover td {
   border-color: var(--cds-border-subtle);
@@ -14391,6 +14480,15 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--data-table-container.cds--skeleton .cds--data-table-header__title {
+    background: CanvasText;
+  }
+  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--data-table-container.cds--skeleton .cds--data-table-header__description {
   position: relative;
@@ -14423,6 +14521,15 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--data-table-container.cds--skeleton .cds--data-table-header__description {
+    background: CanvasText;
+  }
+  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--data-table--sort th,
 .cds--data-table th[aria-sort] {
@@ -15436,6 +15543,17 @@ th .cds--table-sort__flex {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--date-picker.cds--skeleton input,
+  .cds--date-picker__input.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--date-picker.cds--skeleton input::before,
+  .cds--date-picker__input.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--date-picker.cds--skeleton input::-moz-placeholder, .cds--date-picker__input.cds--skeleton::-moz-placeholder {
   color: transparent;
 }
@@ -15474,6 +15592,15 @@ th .cds--table-sort__flex {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--date-picker.cds--skeleton .cds--label {
+    background: CanvasText;
+  }
+  .cds--date-picker.cds--skeleton .cds--label::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--dialog {
   position: fixed;
@@ -16218,6 +16345,17 @@ button.cds--dropdown-text:focus {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--dropdown-v2.cds--skeleton,
+  .cds--dropdown.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--dropdown-v2.cds--skeleton::before,
+  .cds--dropdown.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--dropdown .cds--list-box__field {
@@ -16335,12 +16473,10 @@ button.cds--dropdown-text:focus {
   stroke-dashoffset: -22;
 }
 
-@media not all and (resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    circle.cds--loading__background {
-      stroke-dasharray: 265;
-      stroke-dashoffset: 0;
-    }
+@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+  circle.cds--loading__background {
+    stroke-dasharray: 265;
+    stroke-dashoffset: 0;
   }
 }
 .cds--loading-overlay {
@@ -17061,6 +17197,15 @@ button.cds--dropdown-text:focus {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
+    background: CanvasText;
+  }
+  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
   position: relative;
@@ -17095,6 +17240,15 @@ button.cds--dropdown-text:focus {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
+    background: CanvasText;
+  }
+  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,
@@ -18265,6 +18419,15 @@ button.cds--dropdown-text:focus {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--number.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--number.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--number.cds--skeleton input[type=number],
 .cds--number.cds--skeleton input[type=text] {
   display: none;
@@ -18907,6 +19070,15 @@ optgroup.cds--select-optgroup:disabled,
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--select.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--select.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--select.cds--skeleton .cds--select-input {
   display: none;
@@ -19227,10 +19399,6 @@ optgroup.cds--select-optgroup:disabled,
   background-color: var(--cds-field-02, #ffffff);
 }
 
-.cds--text-area--invalid {
-  padding-inline-end: 2.5rem;
-}
-
 .cds--text-area__wrapper {
   --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));
   position: relative;
@@ -19270,9 +19438,6 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 1px;
 }
 
-.cds--form-item {
-  position: relative;
-}
 .cds--form-item:has(.cds--text-area__wrapper--cols) {
   inline-size: -moz-fit-content;
   inline-size: fit-content;
@@ -19386,6 +19551,15 @@ optgroup.cds--select-optgroup:disabled,
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--text-area.cds--skeleton {
+    background: CanvasText;
+  }
+  .cds--text-area.cds--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 .cds--text-area.cds--skeleton::-moz-placeholder {
   color: transparent;
 }
@@ -19400,11 +19574,6 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 100%;
 }
 
-.cds--form-requirement {
-  position: absolute;
-  inset-block-start: 100%;
-}
-
 .cds--text-area--fluid .cds--text-area__wrapper {
   position: relative;
   flex-direction: column;
@@ -20243,7 +20412,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--menu-button__container {
-  display: inline-block;
+  display: contents;
 }
 
 .cds--menu-button__trigger:not(.cds--btn--ghost) {
@@ -21572,6 +21741,19 @@ optgroup.cds--select-optgroup:disabled,
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--actionable-notification__caption {
+  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);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-inverse, #ffffff);
+  padding-block-start: 1.5rem;
+}
+
+.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
+  color: var(--cds-text-primary, #161616);
+}
+
 /* Ghost action button when inline */
 .cds--actionable-notification__action-button.cds--btn--ghost {
   block-size: 2rem;
@@ -23059,6 +23241,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--progress.cds--skeleton .cds--progress-label {
+    background: CanvasText;
+  }
+  .cds--progress.cds--skeleton .cds--progress-label::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
   margin-block-start: 0.0625rem;
@@ -23228,6 +23419,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--icon--skeleton {
+    background: CanvasText;
+  }
+  .cds--icon--skeleton::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--skeleton__placeholder {
   position: relative;
@@ -23259,6 +23459,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--skeleton__placeholder {
+    background: CanvasText;
+  }
+  .cds--skeleton__placeholder::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--skeleton__text {
   position: relative;
@@ -23291,6 +23500,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--skeleton__text {
+    background: CanvasText;
+  }
+  .cds--skeleton__text::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--skeleton__heading {
   block-size: 1.5rem;
@@ -23327,6 +23545,18 @@ span.cds--pagination__text.cds--pagination__items-count {
   border-radius: 0.125rem;
 }
 
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--skeleton__text--ai,
+  .cds--skeleton__placeholder--ai,
+  .cds--skeleton__icon--ai {
+    background: CanvasText;
+  }
+  .cds--skeleton__text--ai::before,
+  .cds--skeleton__placeholder--ai::before,
+  .cds--skeleton__icon--ai::before {
+    background: Canvas;
+  }
+}
 .cds--slider-container {
   position: relative;
   display: flex;
@@ -23727,6 +23957,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--slider-container.cds--skeleton .cds--slider__range-label {
+    background: CanvasText;
+  }
+  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--slider-container.cds--skeleton .cds--slider__track {
   cursor: default;
@@ -24062,6 +24301,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--structured-list.cds--skeleton span {
+    background: CanvasText;
+  }
+  .cds--structured-list.cds--skeleton span::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {
   inline-size: 5%;
@@ -24319,20 +24567,18 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
 }
-@media not all and (resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .cds--tabs .cds--tabs__overflow-indicator--left {
-      background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
-    }
-    .cds--tabs .cds--tabs__overflow-indicator--right {
-      background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
-    }
-    .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
-      background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
-    }
-    .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
-      background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
-    }
+@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+  .cds--tabs .cds--tabs__overflow-indicator--left {
+    background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
+  }
+  .cds--tabs .cds--tabs__overflow-indicator--right {
+    background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
+  }
+  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
+    background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
+  }
+  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
+    background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
   }
 }
 .cds--tabs .cds--tabs__nav-item-label-wrapper {
@@ -24801,6 +25047,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--tabs.cds--skeleton .cds--tabs__nav-link span {
+    background: CanvasText;
+  }
+  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
@@ -25111,11 +25366,9 @@ span.cds--pagination__text.cds--pagination__items-count {
   transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
   visibility: inherit;
 }
-@media not all and (resolution >= 0.001dpcm) {
-  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
-    .cds--tile--is-expanded .cds--tile-content__below-the-fold {
-      overflow-y: auto;
-    }
+@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
+  .cds--tile--is-expanded .cds--tile-content__below-the-fold {
+    overflow-y: auto;
   }
 }
 
@@ -25668,6 +25921,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--toggle--skeleton .cds--toggle__skeleton-circle {
+    background: CanvasText;
+  }
+  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
   position: relative;
@@ -25700,6 +25962,15 @@ span.cds--pagination__text.cds--pagination__items-count {
     animation: none;
   }
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
+    background: CanvasText;
+  }
+  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
+    background: Canvas;
+    forced-color-adjust: none;
+  }
+}
 
 [dir=rtl] .cds--toggle__switch--checked::before {
   transform: translateX(-1.5rem);