@carbon/ibm-products 2.93.0 → 2.94.0

package/css/index.css

@@ -321,6 +321,18 @@
   --cds-popover-background-color: var(--cds-background-inverse, #393939);
   --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
 }
+.cds--popover--high-contrast .cds--popover .cds--skeleton,
+.cds--popover--high-contrast .cds--popover .cds--skeleton__text,
+.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder,
+.cds--popover--high-contrast .cds--popover .cds--icon--skeleton {
+  background: var(--cds-background-inverse-hover, #474747);
+}
+.cds--popover--high-contrast .cds--popover .cds--skeleton::before,
+.cds--popover--high-contrast .cds--popover .cds--skeleton__text::before,
+.cds--popover--high-contrast .cds--popover .cds--skeleton__placeholder::before,
+.cds--popover--high-contrast .cds--popover .cds--icon--skeleton::before {
+  background: var(--cds-background-inverse, #393939);
+}
 
 .cds--popover--drop-shadow .cds--popover {
   filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
@@ -2125,6 +2137,7 @@
   background-color: var(--cds-layer);
   inline-size: 100%;
   max-inline-size: 48rem;
+  min-inline-size: 0;
   display: flex;
   align-items: center;
   block-size: 2.5rem;
@@ -2143,6 +2156,7 @@
   display: flex;
   align-items: center;
   block-size: 100%;
+  min-inline-size: 0;
   overflow-x: auto;
   padding-inline-start: 1rem;
 }
@@ -2180,6 +2194,7 @@
   background-color: var(--cds-layer);
   inline-size: 100%;
   max-inline-size: 48rem;
+  min-inline-size: 0;
   display: flex;
   padding: 1rem;
 }
@@ -2727,7 +2742,7 @@
 }
 
 .cds--modal-content .cds--form--fluid {
-  margin-inline: -2rem;
+  margin-inline: -1rem;
 }
 
 .cds--modal-content > p,
@@ -5257,6 +5272,11 @@ p.c4p--about-modal__copyright-text:first-child {
   outline: none;
 }
 
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--accordion__heading:focus {
+    outline: 2px solid Highlight;
+  }
+}
 .cds--accordion__heading[disabled] {
   background-color: transparent;
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -12673,6 +12693,11 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: translateX(1.5rem);
 }
 
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--toggle__switch--checked {
+    background-color: Highlight;
+  }
+}
 .cds--toggle__text {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
@@ -13919,7 +13944,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--tearsheet .c4p--tearsheet__container {
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - 3rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem));
 }
 .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
   border: 1px solid transparent;
@@ -13932,19 +13957,19 @@ button.c4p--add-select__global-filter-toggle--open {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - 3rem + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - 3rem + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 2 * 1rem);
 }
 .c4p--tearsheet .c4p--tearsheet__container--lower {
-  max-block-size: calc(100% - (3rem + 2.5rem));
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem));
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - (3rem + 2.5rem) + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 2 * 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
   inline-size: 100%;
@@ -15147,6 +15172,11 @@ button.c4p--add-select__global-filter-toggle--open {
   outline-width: 1px;
 }
 
+.cds--file__selected-file--disabled {
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+}
+
 .cds--file__selected-file--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -15268,9 +15298,17 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: transparent;
   block-size: 1.5rem;
   cursor: pointer;
-  fill: var(--cds-icon-primary, #161616);
   inline-size: 1.5rem;
 }
+.cds--file__state-container .cds--file-close svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+.cds--file__state-container .cds--file-close[disabled] {
+  cursor: not-allowed;
+}
+.cds--file__state-container .cds--file-close[disabled] svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
 .cds--file__state-container .cds--file-close:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -15281,10 +15319,6 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
-.cds--file__state-container .cds--file-close svg path {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 .cds--file__state-container .cds--inline-loading__animation {
   margin-inline-end: -0.5rem;
 }
@@ -15739,189 +15773,6 @@ button.c4p--add-select__global-filter-toggle--open {
   inset-block-start: 4.8125rem;
 }
 
-@keyframes ai-skeleton-animation {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-}
-.cds--icon--skeleton {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--cds-skeleton-background, #e8e8e8);
-  box-shadow: none;
-  pointer-events: none;
-}
-.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
-  border: none;
-  cursor: default;
-  outline: none;
-}
-.cds--icon--skeleton::before {
-  position: absolute;
-  animation: 3000ms ease-in-out cds--skeleton infinite;
-  background: var(--cds-skeleton-element, #c6c6c6);
-  block-size: 100%;
-  content: "";
-  inline-size: 100%;
-  inset-inline-start: 0;
-  will-change: transform-origin, transform, opacity;
-}
-@media (prefers-reduced-motion: reduce) {
-  .cds--icon--skeleton::before {
-    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--icon--skeleton {
-  display: inline-block;
-  block-size: 1rem;
-  inline-size: 1rem;
-}
-
-.cds--skeleton__placeholder {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--cds-skeleton-background, #e8e8e8);
-  box-shadow: none;
-  pointer-events: none;
-}
-.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
-  border: none;
-  cursor: default;
-  outline: none;
-}
-.cds--skeleton__placeholder::before {
-  position: absolute;
-  animation: 3000ms ease-in-out cds--skeleton infinite;
-  background: var(--cds-skeleton-element, #c6c6c6);
-  block-size: 100%;
-  content: "";
-  inline-size: 100%;
-  inset-inline-start: 0;
-  will-change: transform-origin, transform, opacity;
-}
-@media (prefers-reduced-motion: reduce) {
-  .cds--skeleton__placeholder::before {
-    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__placeholder {
-  block-size: 6.25rem;
-  inline-size: 6.25rem;
-}
-
-.cds--skeleton__text {
-  position: relative;
-  padding: 0;
-  border: none;
-  background: var(--cds-skeleton-background, #e8e8e8);
-  box-shadow: none;
-  pointer-events: none;
-}
-.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
-  border: none;
-  cursor: default;
-  outline: none;
-}
-.cds--skeleton__text::before {
-  position: absolute;
-  animation: 3000ms ease-in-out cds--skeleton infinite;
-  background: var(--cds-skeleton-element, #c6c6c6);
-  block-size: 100%;
-  content: "";
-  inline-size: 100%;
-  inset-inline-start: 0;
-  will-change: transform-origin, transform, opacity;
-}
-@media (prefers-reduced-motion: reduce) {
-  .cds--skeleton__text::before {
-    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__text {
-  block-size: 1rem;
-  inline-size: 100%;
-  margin-block-end: 0.5rem;
-}
-
-.cds--skeleton__heading {
-  block-size: 1.5rem;
-}
-
-.cds--skeleton__text--ai,
-.cds--skeleton__placeholder--ai,
-.cds--skeleton__icon--ai {
-  overflow: hidden;
-  background: var(--cds-ai-skeleton-background, #d0e2ff);
-}
-
-.cds--skeleton__text--ai::before,
-.cds--skeleton__placeholder--ai::before,
-.cds--skeleton__icon--ai::before {
-  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
-  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
-}
-
-.cds--skeleton__placeholder--ai::before,
-.cds--skeleton__icon--ai::before {
-  inline-size: 200%;
-}
-
-.cds--skeleton__placeholder--ai {
-  border-radius: 0.5rem;
-}
-
-.cds--skeleton__text--ai {
-  border-radius: 1rem;
-}
-
-.cds--skeleton__icon--ai {
-  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--grid {
   margin-inline: auto;
   max-inline-size: 99rem;
@@ -17382,6 +17233,189 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-inline-end: 1rem;
 }
 
+@keyframes ai-skeleton-animation {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+.cds--icon--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  box-shadow: none;
+  pointer-events: none;
+}
+.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+.cds--icon--skeleton::before {
+  position: absolute;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset-inline-start: 0;
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--icon--skeleton::before {
+    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--icon--skeleton {
+  display: inline-block;
+  block-size: 1rem;
+  inline-size: 1rem;
+}
+
+.cds--skeleton__placeholder {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  box-shadow: none;
+  pointer-events: none;
+}
+.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+.cds--skeleton__placeholder::before {
+  position: absolute;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset-inline-start: 0;
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--skeleton__placeholder::before {
+    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__placeholder {
+  block-size: 6.25rem;
+  inline-size: 6.25rem;
+}
+
+.cds--skeleton__text {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  box-shadow: none;
+  pointer-events: none;
+}
+.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+.cds--skeleton__text::before {
+  position: absolute;
+  animation: 3000ms ease-in-out cds--skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
+  content: "";
+  inline-size: 100%;
+  inset-inline-start: 0;
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--skeleton__text::before {
+    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__text {
+  block-size: 1rem;
+  inline-size: 100%;
+  margin-block-end: 0.5rem;
+}
+
+.cds--skeleton__heading {
+  block-size: 1.5rem;
+}
+
+.cds--skeleton__text--ai,
+.cds--skeleton__placeholder--ai,
+.cds--skeleton__icon--ai {
+  overflow: hidden;
+  background: var(--cds-ai-skeleton-background, #d0e2ff);
+}
+
+.cds--skeleton__text--ai::before,
+.cds--skeleton__placeholder--ai::before,
+.cds--skeleton__icon--ai::before {
+  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
+  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
+}
+
+.cds--skeleton__placeholder--ai::before,
+.cds--skeleton__icon--ai::before {
+  inline-size: 200%;
+}
+
+.cds--skeleton__placeholder--ai {
+  border-radius: 0.5rem;
+}
+
+.cds--skeleton__text--ai {
+  border-radius: 1rem;
+}
+
+.cds--skeleton__icon--ai {
+  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;
+  }
+}
 .c4p--action-bar.c4p--action-bar {
   display: block;
 }
@@ -18322,13 +18356,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer);
   padding-block-start: 1.5rem;
 }
-@media (max-width: 41.98rem) {
-  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
-    display: flex;
-    flex-direction: column;
-    grid-gap: 1rem;
-  }
-}
 .c4p--page-header__next .c4p--page-header__content__title-wrapper {
   display: grid;
   gap: 1rem;
@@ -18336,6 +18363,13 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-block-end: 1rem;
   min-block-size: 2.5rem;
 }
+@media (max-width: 41.98rem) {
+  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
+    display: flex;
+    flex-direction: column;
+    grid-gap: 1rem;
+  }
+}
 .c4p--page-header__next .c4p--page-header__content__start {
   display: flex;
   flex-wrap: wrap;
@@ -19774,7 +19808,7 @@ button.c4p--add-select__global-filter-toggle--open {
   border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem)));
   max-inline-size: var(--tearsheet-max-inline-size, 1312px);
 }
 @media (max-width: 41.98rem) {
@@ -19974,7 +20008,7 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem + 0.125rem)) + var(--block-size-change));
   transform: scaleX(var(--scale-factor));
 }
 
@@ -20910,7 +20944,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -20923,6 +20956,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal {
@@ -21524,7 +21558,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -21537,6 +21570,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal__documentation-overflow {
@@ -27354,7 +27388,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -27367,6 +27400,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--decorator--light {
@@ -27944,7 +27978,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -27957,6 +27990,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--decorator--dark {
@@ -31643,7 +31677,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -31656,6 +31689,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--guidebanner {