@carbon/ibm-products 2.68.0 → 2.69.0-rc.0

package/css/index-full-carbon.css

@@ -3083,10 +3083,6 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-block-end: 0;
 }
 
-/* One or two values
-  * - width (first value)
-  * - min-width (optional second value)
-*/
 @keyframes side-panel-entrance-reduced {
   0% {
     opacity: 0;
@@ -3179,11 +3175,21 @@ p.c4p--about-modal__copyright-text:first-child {
   /* if the title does not scroll then we have a child scrolling section. */
   grid-template-rows: auto 1fr auto; /* titles content and actions */
   inset-block-start: 3rem;
+  max-inline-size: 100%;
+  min-inline-size: 16rem;
   transform: translateX(0);
   transition-behavior: allow-discrete;
   transition-duration: 150ms;
   transition-property: display, opacity, transform;
 }
+.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
+  grid-template-columns: 0 1fr;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
+    transition: all 150ms linear;
+  }
+}
 @starting-style {
   .c4p--side-panel {
     opacity: 0;
@@ -3191,36 +3197,28 @@ p.c4p--about-modal__copyright-text:first-child {
     transform: translateX(var(--panel-transform));
   }
 }
+@media (min-width: 42rem) {
+  .c4p--side-panel {
+    max-inline-size: 75vw;
+  }
+}
 .c4p--side-panel.c4p--side-panel--xs {
-  /* any value is single value list */
-  inline-size: 16rem;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 16rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--sm {
-  /* any value is single value list */
-  inline-size: 20rem;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 20rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--md {
-  /* any value is single value list */
-  inline-size: 30rem;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 30rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--lg {
-  /* any value is single value list */
-  inline-size: 40rem;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 40rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--xl {
-  /* any value is single value list */
-  inline-size: 65rem;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 65rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--2xl {
-  /* any value is single value list */
-  inline-size: 40rem;
-  min-inline-size: 75%;
-  max-inline-size: 100%;
+  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 80rem), 100%);
 }
 .c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement {
   animation: side-panel-entrance-right 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
@@ -3289,10 +3287,55 @@ p.c4p--about-modal__copyright-text:first-child {
   border-inline-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
   inset-inline-start: 0;
 }
+.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer {
+  grid-column: 2;
+  inset-inline-start: 0;
+}
+.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer::before {
+  inset-inline-start: 0;
+}
+.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
+  grid-template-columns: 1fr 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
+    transition: all 150ms linear;
+  }
+}
 .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator {
   border-color: transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
 }
+.c4p--side-panel .clabs__resizer--vertical::before {
+  position: absolute;
+  z-index: -1;
+  background-color: transparent;
+  block-size: 100%;
+  content: "";
+  inline-size: 0.125rem;
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.c4p--side-panel:hover .clabs__resizer--vertical::before {
+  background-color: var(--cds-button-secondary-hover, #474747);
+}
+.c4p--side-panel .clabs__resizer {
+  background-color: transparent;
+  grid-row: span 4/span 3;
+  inset-inline-start: -0.25rem;
+}
+.c4p--side-panel .clabs__resizer--vertical::after {
+  position: absolute;
+  z-index: 10;
+  block-size: 100%;
+  content: "";
+  inline-size: 0.5rem;
+  inset-inline-start: -0.125rem;
+}
+.c4p--side-panel .clabs__resizer:hover, .c4p--side-panel .clabs__resizer:focus {
+  background-color: var(--cds-border-interactive, #0f62fe);
+}
 .c4p--side-panel .c4p--side-panel__header {
   --c4p--side-panel--title-padding-bottom: 1rem;
   position: sticky;
@@ -3542,11 +3585,6 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button {
   block-size: var(--c4p--side-panel--actions-height);
 }
-.c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm {
-  /* any value is single value list */
-  inline-size: 16rem;
-  max-inline-size: 100%;
-}
 
 .c4p--side-panel .cds--text-input,
 .c4p--side-panel .cds--text-area,
@@ -3610,6 +3648,49 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
 }
 
+.clabs__resizer {
+  position: relative;
+  flex: none;
+  background-color: var(--cds-border-subtle-01, #c6c6c6);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .clabs__resizer:hover {
+    background-color: var(--cds-border-interactive, #0f62fe);
+    transition: background-color 150ms;
+  }
+}
+.clabs__resizer:focus {
+  background-color: var(--cds-border-interactive, #0f62fe);
+  outline: none;
+}
+.clabs__resizer:active {
+  background-color: var(--cds-border-interactive, #0f62fe);
+}
+.clabs__resizer:focus:not(:focus-visible) {
+  box-shadow: none;
+  outline: none;
+}
+.clabs__resizer--horizontal {
+  block-size: 0.25rem;
+  cursor: ns-resize;
+}
+.clabs__resizer--vertical {
+  cursor: ew-resize;
+  inline-size: 0.25rem;
+}
+
+.sr-only {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  block-size: 1px;
+  clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
+  white-space: nowrap;
+}
+
 .c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
   padding-inline-end: calc(20% - 1rem);
 }
@@ -4850,12 +4931,6 @@ p.c4p--about-modal__copyright-text:first-child {
   display: flex;
   flex-direction: row;
   flex-grow: 1;
-  overflow-x: auto;
-}
-@supports (overflow-inline: auto) {
-  .c4p--add-select__columns {
-    overflow-inline: auto;
-  }
 }
 .c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
   margin-inline-start: 0.5rem;
@@ -4887,7 +4962,6 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--add-select__column {
-  overflow: auto;
   flex: 0 0 20rem;
   padding: 1rem;
   border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -4896,8 +4970,15 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--add-select__column-search-bar {
   display: flex;
 }
-.c4p--add-select__column-search-bar label {
-  display: none;
+.c4p--add-select__column-search-bar .cds--btn {
+  border-block-end: 1px solid var(--cds-border-strong-01, #8d8d8d);
+}
+.c4p--add-select__column .cds--popover--tab-tip.cds--popover--open .cds--btn {
+  background: var(--cds-layer);
+}
+.c4p--add-select__column-filter-popover.cds--popover-content {
+  padding: 1rem;
+  min-inline-size: 10rem;
 }
 .c4p--add-select__column-sort-filter {
   display: flex;
@@ -5083,11 +5164,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-block: 0;
 }
 
-.c4p--add-select + div .cds--tooltip,
-.c4p--add-select + div .cds--overflow-menu-options {
-  z-index: 9000;
-}
-
 @keyframes notifications-panel-fade-in {
   0% {
     opacity: 0;
@@ -8548,6 +8624,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-layer-active-01: #6f6f6f;
   --cds-layer-active-02: #8d8d8d;
   --cds-layer-active-03: #393939;
+  --cds-layer-background-01: #262626;
+  --cds-layer-background-02: #393939;
+  --cds-layer-background-03: #525252;
   --cds-layer-hover-01: #474747;
   --cds-layer-hover-02: #636363;
   --cds-layer-hover-03: #5e5e5e;
@@ -8848,6 +8927,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -8983,6 +9063,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-layer-active-01: #525252;
   --cds-layer-active-02: #6f6f6f;
   --cds-layer-active-03: #8d8d8d;
+  --cds-layer-background-01: #161616;
+  --cds-layer-background-02: #262626;
+  --cds-layer-background-03: #393939;
   --cds-layer-hover-01: #333333;
   --cds-layer-hover-02: #474747;
   --cds-layer-hover-03: #636363;
@@ -9283,6 +9366,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -12785,6 +12869,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-layer-active-01: #525252;
   --cds-layer-active-02: #6f6f6f;
   --cds-layer-active-03: #8d8d8d;
+  --cds-layer-background-01: #161616;
+  --cds-layer-background-02: #262626;
+  --cds-layer-background-03: #393939;
   --cds-layer-hover-01: #333333;
   --cds-layer-hover-02: #474747;
   --cds-layer-hover-03: #636363;
@@ -13086,6 +13173,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-true: ;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -13590,6 +13678,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-layer-active-01: #525252;
   --cds-layer-active-02: #6f6f6f;
   --cds-layer-active-03: #8d8d8d;
+  --cds-layer-background-01: #161616;
+  --cds-layer-background-02: #262626;
+  --cds-layer-background-03: #393939;
   --cds-layer-hover-01: #333333;
   --cds-layer-hover-02: #474747;
   --cds-layer-hover-03: #636363;
@@ -13891,6 +13982,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-true: ;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -14401,6 +14493,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-layer-active-01: #c6c6c6;
   --cds-layer-active-02: #c6c6c6;
   --cds-layer-active-03: #c6c6c6;
+  --cds-layer-background-01: #f4f4f4;
+  --cds-layer-background-02: #ffffff;
+  --cds-layer-background-03: #f4f4f4;
   --cds-layer-hover-01: #e8e8e8;
   --cds-layer-hover-02: #e8e8e8;
   --cds-layer-hover-03: #e8e8e8;
@@ -14702,6 +14797,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-true: ;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -14812,6 +14908,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-layer-active-01: #525252;
   --cds-layer-active-02: #6f6f6f;
   --cds-layer-active-03: #8d8d8d;
+  --cds-layer-background-01: #161616;
+  --cds-layer-background-02: #262626;
+  --cds-layer-background-03: #393939;
   --cds-layer-hover-01: #333333;
   --cds-layer-hover-02: #474747;
   --cds-layer-hover-03: #636363;
@@ -15113,6 +15212,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-true: ;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19004,6 +19104,7 @@ em {
 :root {
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19021,6 +19122,7 @@ em {
 .cds--layer-one {
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19038,6 +19140,7 @@ em {
 .cds--layer-two {
   --cds-layer: var(--cds-layer-02, #ffffff);
   --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-02, #f4f4f4);
   --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
@@ -19055,6 +19158,7 @@ em {
 .cds--layer-three {
   --cds-layer: var(--cds-layer-03, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-03, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
@@ -19069,6 +19173,18 @@ em {
   --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
 }
 
+.cds--layer-one.cds--layer__with-background {
+  background-color: var(--cds-layer-background);
+}
+
+.cds--layer-two.cds--layer__with-background {
+  background-color: var(--cds-layer-background);
+}
+
+.cds--layer-three.cds--layer__with-background {
+  background-color: var(--cds-layer-background);
+}
+
 .cds--white {
   background-color: var(--cds-background);
   color: var(--cds-text-primary);
@@ -19167,6 +19283,9 @@ em {
   --cds-layer-active-01: #c6c6c6;
   --cds-layer-active-02: #c6c6c6;
   --cds-layer-active-03: #c6c6c6;
+  --cds-layer-background-01: #ffffff;
+  --cds-layer-background-02: #f4f4f4;
+  --cds-layer-background-03: #ffffff;
   --cds-layer-hover-01: #e8e8e8;
   --cds-layer-hover-02: #e8e8e8;
   --cds-layer-hover-03: #e8e8e8;
@@ -19213,6 +19332,7 @@ em {
   --cds-toggle-off: #8d8d8d;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19299,6 +19419,9 @@ em {
   --cds-status-blue: #0043ce;
   --cds-status-purple: #8a3ffc;
   --cds-status-gray: #6f6f6f;
+  --cds-content-switcher-background: #e0e0e0;
+  --cds-content-switcher-background-hover: #d1d1d1;
+  --cds-content-switcher-selected: #ffffff;
 }
 
 .cds--g10 {
@@ -19399,6 +19522,9 @@ em {
   --cds-layer-active-01: #c6c6c6;
   --cds-layer-active-02: #c6c6c6;
   --cds-layer-active-03: #c6c6c6;
+  --cds-layer-background-01: #f4f4f4;
+  --cds-layer-background-02: #ffffff;
+  --cds-layer-background-03: #f4f4f4;
   --cds-layer-hover-01: #e8e8e8;
   --cds-layer-hover-02: #e8e8e8;
   --cds-layer-hover-03: #e8e8e8;
@@ -19445,6 +19571,7 @@ em {
   --cds-toggle-off: #8d8d8d;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19531,6 +19658,9 @@ em {
   --cds-status-blue: #0043ce;
   --cds-status-purple: #8a3ffc;
   --cds-status-gray: #6f6f6f;
+  --cds-content-switcher-background: #e0e0e0;
+  --cds-content-switcher-background-hover: #d1d1d1;
+  --cds-content-switcher-selected: #ffffff;
 }
 
 .cds--g90 {
@@ -19631,6 +19761,9 @@ em {
   --cds-layer-active-01: #6f6f6f;
   --cds-layer-active-02: #8d8d8d;
   --cds-layer-active-03: #393939;
+  --cds-layer-background-01: #262626;
+  --cds-layer-background-02: #393939;
+  --cds-layer-background-03: #525252;
   --cds-layer-hover-01: #474747;
   --cds-layer-hover-02: #636363;
   --cds-layer-hover-03: #5e5e5e;
@@ -19677,6 +19810,7 @@ em {
   --cds-toggle-off: #8d8d8d;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19762,6 +19896,9 @@ em {
   --cds-status-blue: #4589ff;
   --cds-status-purple: #a56eff;
   --cds-status-gray: #8d8d8d;
+  --cds-content-switcher-background: rgba(0, 0, 0, 0);
+  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
+  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
 }
 
 .cds--g100 {
@@ -19862,6 +19999,9 @@ em {
   --cds-layer-active-01: #525252;
   --cds-layer-active-02: #6f6f6f;
   --cds-layer-active-03: #8d8d8d;
+  --cds-layer-background-01: #161616;
+  --cds-layer-background-02: #262626;
+  --cds-layer-background-03: #393939;
   --cds-layer-hover-01: #333333;
   --cds-layer-hover-02: #474747;
   --cds-layer-hover-03: #636363;
@@ -19908,6 +20048,7 @@ em {
   --cds-toggle-off: #6f6f6f;
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
   --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
   --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
@@ -19993,6 +20134,9 @@ em {
   --cds-status-blue: #4589ff;
   --cds-status-purple: #a56eff;
   --cds-status-gray: #8d8d8d;
+  --cds-content-switcher-background: rgba(0, 0, 0, 0);
+  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
+  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
 }
 
 .cds--accordion {
@@ -20825,6 +20969,7 @@ li.cds--accordion__item--disabled:last-of-type {
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
   max-inline-size: 18rem;
+  overflow-wrap: break-word;
 }
 
 .cds--icon-tooltip {
@@ -22810,6 +22955,11 @@ a.cds--overflow-menu-options__btn::before {
   margin-inline-end: 0.25rem;
 }
 
+.cds--breadcrumb--sm .cds--breadcrumb-item .cds--link {
+  justify-content: center;
+  min-inline-size: 0.75rem;
+}
+
 .cds--breadcrumb-item .cds--link:visited {
   color: var(--cds-link-primary, #0f62fe);
 }
@@ -24895,6 +25045,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 {
@@ -27378,8 +27534,15 @@ fieldset[disabled] .cds--form__helper-text {
   --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));
   display: flex;
   justify-content: space-evenly;
+  border-radius: 0.25rem;
   block-size: var(--cds-layout-size-height-local);
   inline-size: 100%;
+  outline: 0.0625rem solid var(--cds-border-inverse, #161616);
+  outline-offset: -0.0625rem;
+}
+
+.cds--content-switcher:has(.cds--content-switcher-btn:disabled) {
+  outline-color: var(--cds-border-disabled, #c6c6c6);
 }
 
 .cds--content-switcher-btn {
@@ -27401,7 +27564,6 @@ fieldset[disabled] .cds--form__helper-text {
   color: var(--cds-text-secondary, #525252);
   text-align: start;
   text-decoration: none;
-  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
   white-space: nowrap;
 }
 .cds--content-switcher-btn html {
@@ -27423,6 +27585,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--content-switcher-btn::after {
   position: absolute;
   display: block;
+  border-radius: 0.25rem;
   background-color: var(--cds-layer-selected-inverse, #161616);
   block-size: 100%;
   content: "";
@@ -27431,23 +27594,16 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: 0;
   transform: scaleY(0);
   transform-origin: bottom;
-  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-@media (prefers-reduced-motion: reduce) {
-  .cds--content-switcher-btn::after {
-    transition: none;
-  }
 }
 .cds--content-switcher-btn:disabled::after {
   display: none;
 }
 .cds--content-switcher-btn:focus {
-  z-index: 3;
-  border-color: var(--cds-focus, #0f62fe);
-  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
+  border: 0;
 }
 .cds--content-switcher-btn:focus::after {
-  clip-path: inset(3px 3px 3px 3px);
+  border-radius: 0.25rem;
+  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
 }
 .cds--content-switcher-btn:hover {
   color: var(--cds-text-primary, #161616);
@@ -27466,8 +27622,25 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--content-switcher-btn:disabled:hover {
   cursor: not-allowed;
 }
-.cds--content-switcher-btn:disabled:first-child, .cds--content-switcher-btn:disabled:last-child {
-  border-color: var(--cds-border-disabled, #c6c6c6);
+
+.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
+  display: block;
+  border-radius: 0.25rem;
+  block-size: 100%;
+  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
+  content: "";
+  inline-size: 100%;
+}
+.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
+  background-color: var(--cds-focus-inset, #ffffff);
+  transform: scaleY(1);
+}
+.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
+  border-radius: 0;
+  background-color: var(--cds-layer-hover);
+  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
+  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
+  box-shadow: none;
 }
 
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
@@ -27478,22 +27651,20 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
   border-end-start-radius: 0.25rem;
-  border-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-start-start-radius: 0.25rem;
+  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
 }
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {
-  border-color: var(--cds-border-disabled, #c6c6c6);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  box-shadow: none;
 }
 
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
   border-end-end-radius: 0.25rem;
-  border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-start-end-radius: 0.25rem;
+  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
 }
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {
-  border-color: var(--cds-border-disabled, #c6c6c6);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  box-shadow: none;
 }
 
 .cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected,
@@ -27501,6 +27672,11 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child {
   border: 0;
 }
+.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before,
+.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child:disabled::before,
+.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child:disabled::before {
+  display: none;
+}
 
 .cds--content-switcher-btn::before {
   position: absolute;
@@ -27514,7 +27690,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-of-type::before {
-  display: none;
+  background-color: transparent;
 }
 
 .cds--content-switcher-btn:focus::before,
@@ -27538,7 +27714,6 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--content-switcher__icon {
   fill: var(--cds-icon-secondary, #525252);
-  transition: fill 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .cds--content-switcher__icon + span {
@@ -27558,13 +27733,36 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-primary, #161616);
 }
 
+.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
+.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
+.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
+.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
+  z-index: 0;
+  border-radius: 0;
+  block-size: 100%;
+  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
+  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
+  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
+  content: "";
+  inline-size: 100%;
+}
+.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
+  background-color: var(--cds-focus-inset, #ffffff);
+  transform: scaleY(1);
+}
+
 .cds--content-switcher-btn.cds--content-switcher--selected {
   z-index: 3;
-  background-color: var(--cds-layer-selected-inverse, #161616);
   color: var(--cds-text-inverse, #ffffff);
 }
+.cds--content-switcher-btn.cds--content-switcher--selected:hover {
+  background-color: transparent;
+}
 .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
-  background-color: var(--cds-layer-selected-disabled, #8d8d8d);
+  background-color: var(--cds-button-disabled, #c6c6c6);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 .cds--content-switcher-btn.cds--content-switcher--selected::after {
@@ -27584,28 +27782,37 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--content-switcher--icon-only {
   justify-content: flex-start;
+  inline-size: fit-content;
+}
+
+.cds--content-switcher--icon-only .cds--content-switcher-btn {
+  align-items: center;
+  padding: 0;
+  transition: none;
+}
+.cds--content-switcher--icon-only .cds--content-switcher-btn:focus {
+  box-shadow: none;
+}
+
+.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:first-of-type::before {
+  background-color: transparent;
 }
 
 .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {
   border-end-start-radius: 0.25rem;
-  border-inline-start: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-start-start-radius: 0.25rem;
-}
-
-.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher--selected[disabled],
-.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher--selected[disabled] {
-  border-color: var(--cds-layer-selected-disabled, #8d8d8d);
+  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
 }
 
 .cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {
   border-end-end-radius: 0.25rem;
-  border-inline-end: 0.0625rem solid var(--cds-border-inverse, #161616);
   border-start-end-radius: 0.25rem;
+  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
 }
 
-.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn.cds--content-switcher--selected,
-.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn.cds--content-switcher--selected {
-  border-color: var(--cds-background, #ffffff);
+.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn[disabled],
+.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn[disabled] {
+  box-shadow: none;
 }
 
 .cds--content-switcher--lg .cds--content-switcher-btn {
@@ -27618,6 +27825,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--content-switcher--icon-only .cds--content-switcher-btn svg {
+  z-index: 1;
   fill: var(--cds-icon-primary, #161616);
 }
 
@@ -27630,23 +27838,14 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 2rem;
 }
 
-.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-of-type .cds--content-switcher-btn::before {
-  display: none;
-}
-
 .cds--content-switcher-btn:focus::before,
 .cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
-.cds--content-switcher-btn:hover::before,
-.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
+.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):not(:focus)::before,
 .cds--content-switcher--selected::before,
 .cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
   background-color: transparent;
 }
 
-.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] {
-  border-color: var(--cds-border-inverse, #161616);
-}
-
 .cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
@@ -27660,6 +27859,190 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-border-subtle);
 }
 
+.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
+.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
+.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
+.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
+  z-index: 0;
+  border-radius: 0;
+  block-size: 100%;
+  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
+  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
+  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
+  content: "";
+  inline-size: 100%;
+}
+.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
+  background-color: var(--cds-focus-inset, #ffffff);
+  transform: scaleY(1);
+}
+
+.cds--content-switcher--low-contrast {
+  background-color: var(--cds-content-switcher-background, #e0e0e0);
+  outline-color: var(--cds-border-strong);
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn {
+  border-color: var(--cds-border-strong);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover, .cds--content-switcher--low-contrast .cds--content-switcher-btn:active {
+  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn::before {
+  background-color: var(--cds-border-strong);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn::after {
+  background-color: var(--cds-content-switcher-selected, #ffffff);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled {
+  border-color: var(--cds-border-disabled, #c6c6c6);
+  background-color: transparent;
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover {
+  cursor: not-allowed;
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
+  background: transparent;
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
+  background-color: var(--cds-content-switcher-background, #e0e0e0);
+  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
+  border-color: var(--cds-border-strong);
+  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
+  box-shadow: none;
+}
+
+.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
+  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
+}
+
+.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
+  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
+  border-color: var(--cds-border-strong);
+  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
+  background-color: var(--cds-content-switcher-background, #e0e0e0);
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected {
+  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);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-primary, #161616);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:hover {
+  background-color: transparent;
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected::after {
+  border-radius: 0.25rem;
+  background-color: var(--cds-content-switcher-selected, #ffffff);
+  box-shadow: inset 0 0 0 0.0625rem var(--cds-border-inverse, #161616);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:focus::after {
+  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
+  border: 0.0625rem solid var(--cds-border-disabled, #c6c6c6);
+  border-radius: 0.25rem;
+  background-color: var(--cds-content-switcher-selected, #ffffff);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before {
+  background-color: transparent;
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
+.cds--content-switcher--low-contrast .cds--content-switcher--selected::before,
+.cds--content-switcher--low-contrast .cds--content-switcher--selected + .cds--content-switcher-btn::before {
+  background-color: transparent;
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {
+  background-color: var(--cds-border-disabled, #c6c6c6);
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before {
+  background-color: transparent;
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:not([disabled]) {
+  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn:not([disabled]) {
+  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
+  fill: var(--cds-icon-secondary, #525252);
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn:hover svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected[disabled] svg {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
+  border-color: var(--cds-border-disabled, #c6c6c6);
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered):focus::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered)::before,
+.cds--content-switcher--low-contrast .cds--content-switcher--selected:not(.cds--content-switcher__selected-hovered)::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
+  background-color: transparent;
+}
+
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
+  border-color: var(--cds-border-strong);
+  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
+}
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
+.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
+  background-color: var(--cds-content-switcher-background, #e0e0e0);
+}
+
 .cds--radio-button-group {
   box-sizing: border-box;
   padding: 0;
@@ -29999,25 +30382,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   inline-size: 2rem;
 }
 
-tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
-  position: absolute;
-  background-color: var(--cds-layer-accent);
-  block-size: 0.0625rem;
-  content: "";
-  inline-size: 0.5rem;
-  inset-block-end: -0.0625rem;
-  inset-inline-start: 0;
-}
-
-tr.cds--parent-row.cds--expandable-row:hover td.cds--table-expand + td::after,
-tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td.cds--table-expand + td::after {
-  background-color: var(--cds-layer-hover);
-}
-
-tr.cds--parent-row.cds--data-table--selected td.cds--table-expand + td::after {
-  display: none;
-}
-
 .cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td,
 .cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td {
   border-block-end: 1px solid var(--cds-layer);
@@ -30471,6 +30835,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,
@@ -30484,6 +30854,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;
 }
 
@@ -31325,6 +31696,7 @@ th .cds--table-sort__flex {
   padding: 0;
   border: none;
   background-color: var(--cds-layer);
+  block-size: fit-content;
   color: var(--cds-text-primary, #161616);
   inline-size: 48rem;
   max-block-size: 50%;
@@ -32284,16 +32656,22 @@ button.cds--dropdown-text:focus {
 .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;
   }
@@ -32314,8 +32692,11 @@ button.cds--dropdown-text:focus {
   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;
   }
@@ -35989,6 +36370,8 @@ optgroup.cds--select-optgroup:disabled,
   grid-column: 1/-1;
   grid-row: 1/1;
   margin-block-end: 0.5rem;
+  max-block-size: 50vh;
+  overflow-y: auto;
   padding-block-start: 1rem;
   padding-inline: 1rem 3rem;
 }
@@ -37368,13 +37751,17 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--page-header__content__title-wrapper {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
   gap: 1rem;
+  grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
+  margin-block-end: 1rem;
+  min-block-size: 2.5rem;
 }
 @media (max-width: 41.98rem) {
   .cds--page-header__content__title-wrapper {
+    display: flex;
     flex-direction: column;
+    grid-gap: 1rem;
   }
 }
 
@@ -37388,6 +37775,10 @@ optgroup.cds--select-optgroup:disabled,
   display: flex;
 }
 
+.cds--page-header__content__title-container .cds--definition-term {
+  border-block-end: none;
+}
+
 .cds--page-header__content__contextual-actions {
   display: flex;
 }
@@ -37416,7 +37807,17 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--page-header__content__page-actions {
   display: flex;
-  gap: 1rem;
+  justify-content: right;
+}
+@media (max-width: 41.98rem) {
+  .cds--page-header__content__page-actions {
+    justify-content: left;
+    margin-block-start: 0;
+  }
+}
+
+.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
+  min-inline-size: 0;
 }
 
 .cds--page-header__content__subtitle {
@@ -37424,7 +37825,7 @@ optgroup.cds--select-optgroup:disabled,
   font-weight: var(--cds-productive-heading-03-font-weight, 400);
   line-height: var(--cds-productive-heading-03-line-height, 1.4);
   letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
-  margin-block-start: 1rem;
+  margin-block-end: 0.5rem;
 }
 
 .cds--page-header__content__body {
@@ -37440,14 +37841,21 @@ optgroup.cds--select-optgroup:disabled,
   margin-block-start: 1rem;
 }
 
+[data-hidden]:not([data-fixed]) {
+  display: none;
+}
+
 .cds--page-header__hero-image {
   display: flex;
   overflow: hidden;
   align-items: center;
+  justify-content: end;
   block-size: 100%;
 }
 
 .cds--page-header__tab-bar {
+  display: grid;
+  padding: 0 1rem;
   border: 1px solid green; /* stylelint-disable-line */
 }
 
@@ -38354,6 +38762,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 {
@@ -41042,13 +41452,11 @@ span.cds--pagination__text.cds--pagination__items-count {
 .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 {