@carbon/ibm-products 2.1.0 → 2.1.2

package/css/index-full-carbon.css

@@ -1004,8 +1004,33 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--button-menu {
   min-width: 160px;
 }
+.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: var(--cds-button-primary, #0f62fe);
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: var(--cds-button-tertiary, #0f62fe);
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
+  background-color: var(--cds-button-tertiary-hover, #0050e6);
+}
+.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
+  background-color: transparent;
+}
+.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
+  background-color: var(--cds-layer-hover);
+}
 .c4p--button-menu .c4p--button-menu__trigger {
+  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);
+  display: flex;
   width: 100%;
+  align-items: center;
+  justify-content: space-between;
   padding: 0 1rem;
 }
 
@@ -2917,7 +2942,6 @@ p.c4p--about-modal__copyright-text:first-child {
   --c4p--side-panel--collapsed-title-y-position: 1rem;
   --c4p--side-panel--label-text-height: 0;
   position: fixed;
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   top: 3rem;
   height: calc(100% - 3rem);
@@ -3323,7 +3347,6 @@ p.c4p--about-modal__copyright-text:first-child {
 
 .c4p--side-panel__overlay {
   position: fixed;
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 6000;
   width: 100%;
   height: 100%;
@@ -3463,7 +3486,6 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--tearsheet.c4p--tearsheet {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9001;
   align-items: flex-end;
   color: var(--cds-text-primary, #161616);
@@ -3472,7 +3494,6 @@ p.c4p--about-modal__copyright-text:first-child {
   --c4p--tearsheet--stacking-scale-factor-double: 0.9;
 }
 .c4p--tearsheet.is-visible {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
   transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -3483,17 +3504,14 @@ p.c4p--about-modal__copyright-text:first-child {
   }
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.33);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8998;
   background-color: rgba(22, 22, 22, 0.11);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.25);
 }
@@ -3542,11 +3560,13 @@ p.c4p--about-modal__copyright-text:first-child {
   padding: 1.5rem 2rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
   padding: 1rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 .c4p--tearsheet .c4p--tearsheet__header-content {
   display: flex;
@@ -3637,10 +3657,13 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__main {
   display: flex;
   flex-direction: row;
-  background-color: var(--cds-layer);
+  background-color: var(--cds-background, #ffffff);
   grid-column: 1/-1;
   grid-row: 1/-1;
 }
+.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
+  background-color: var(--cds-layer);
+}
 .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
   border-right: none;
   border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -4262,6 +4285,9 @@ c4p--card__icon:active {
   display: flex;
   align-items: center;
 }
+.c4p--add-select__selections-form-control-wrapper--radio {
+  cursor: pointer;
+}
 .c4p--add-select__selections-form-control-label-wrapper {
   display: flex;
   margin-left: 1rem;
@@ -4741,6 +4767,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -6997,7 +7031,6 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8000;
 }
 
@@ -7163,7 +7196,6 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: flex-end;
 }
 
-/* stylelint-disable-next-line function-no-unknown */
 @keyframes background-appear {
   from {
     /* stylelint-disable-next-line carbon/theme-token-use */
@@ -8549,6 +8581,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -8934,6 +8974,14 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-spacing-02: 2vw;
   --cds-fluid-spacing-03: 5vw;
   --cds-fluid-spacing-04: 10vw;
+  --cds-caption-01-font-size: 0.75rem;
+  --cds-caption-01-font-weight: 400;
+  --cds-caption-01-line-height: 1.33333;
+  --cds-caption-01-letter-spacing: 0.32px;
+  --cds-caption-02-font-size: 0.875rem;
+  --cds-caption-02-font-weight: 400;
+  --cds-caption-02-line-height: 1.28572;
+  --cds-caption-02-letter-spacing: 0.32px;
   --cds-label-01-font-size: 0.75rem;
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
@@ -10058,13 +10106,6 @@ button.c4p--add-select__global-filter-toggle--open {
   overscroll-behavior: none;
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020 - 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
 .c4p--datagrid__table-toolbar > section {
   z-index: 2;
   overflow: visible;
@@ -10536,11 +10577,6 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100%;
 }
 
-.cds--body--with-modal-open .c4p--datagrid__grid-container {
-  overflow: hidden;
-  height: 100vh;
-}
-
 .c4p--datagrid .cds--modal {
   width: 100%;
 }
@@ -10581,6 +10617,10 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer-accent);
 }
 
+.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
+  padding: 0;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -11011,6 +11051,13 @@ button.c4p--add-select__global-filter-toggle--open {
   grid-template-columns: 1fr 1fr;
 }
 
+.c4p--datagrid-filter-flyout__trigger.cds--btn {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
+}
+
 .c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
   position: relative;
   background-color: var(--cds-layer-02, #ffffff);
@@ -11134,6 +11181,10 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .cds--btn.c4p--datagrid-filter-panel-open-button {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
   border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
   border-bottom: none;
 }
@@ -11662,7 +11713,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
   display: none;
 }
-.c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
+.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
   left: 0.125rem;
   width: 112px;
 }
@@ -13689,6 +13740,16 @@ a.cds--side-nav__link--current::before {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
+
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;
 }
@@ -13777,7 +13838,6 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--tearsheet.c4p--tearsheet {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9001;
   align-items: flex-end;
   color: var(--cds-text-primary, #161616);
@@ -13787,7 +13847,6 @@ a.cds--side-nav__link--current::before {
 }
 
 .c4p--tearsheet.is-visible {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 9000;
   align-items: flex-end;
   transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -13799,19 +13858,16 @@ a.cds--side-nav__link--current::before {
   }
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.33);
 }
 
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8998;
   background-color: rgba(22, 22, 22, 0.11);
 }
 
 .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
-  /* stylelint-disable-next-line function-no-unknown */
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.25);
 }
@@ -13872,12 +13928,14 @@ a.cds--side-nav__link--current::before {
   padding: 1.5rem 2rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
   padding: 1rem;
   border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
+  background-color: var(--cds-layer);
 }
 
 .c4p--tearsheet .c4p--tearsheet__header-content {
@@ -13988,11 +14046,15 @@ a.cds--side-nav__link--current::before {
 .c4p--tearsheet .c4p--tearsheet__main {
   display: flex;
   flex-direction: row;
-  background-color: var(--cds-layer);
+  background-color: var(--cds-background, #ffffff);
   grid-column: 1/-1;
   grid-row: 1/-1;
 }
 
+.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
+  background-color: var(--cds-layer);
+}
+
 .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
   border-right: none;
   border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -27241,7 +27303,8 @@ optgroup.cds--select-optgroup:disabled,
   border-color: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"] {
+.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
+.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -27555,7 +27618,8 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"] {
+.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
+.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -27880,7 +27944,8 @@ optgroup.cds--select-optgroup:disabled,
   border-color: var(--cds-support-warning, #f1c21b);
 }
 
-.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"] {
+.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
+.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
   fill: #000000;
   opacity: 1;
 }
@@ -29229,7 +29294,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   pointer-events: auto;
 }
 
-.cds--popover--open .cds--popover-content {
+.cds--popover--open > .cds--popover > .cds--popover-content {
   display: block;
 }
 
@@ -29239,7 +29304,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   content: "";
 }
 
-.cds--popover--open .cds--popover-content::before {
+.cds--popover--open > .cds--popover > .cds--popover-content::before {
   display: block;
 }
 
@@ -29251,10 +29316,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   will-change: transform;
 }
 
-.cds--popover--open.cds--popover--caret .cds--popover-caret {
+.cds--popover--open > .cds--popover > .cds--popover-caret {
   display: block;
 }
 
+.cds--popover--tab-tip .cds--popover .cds--popover-caret {
+  display: none;
+}
+
 .cds--popover--bottom .cds--popover-content {
   bottom: 0;
   left: 50%;
@@ -31164,11 +31233,42 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
+  padding: 1rem;
+  margin-top: -0.5rem;
+  margin-right: -1rem;
+  margin-left: -1rem;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
+  background-color: inherit;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
+  width: 24px;
+  height: 24px;
+  padding: 0.25rem;
+  margin: -0.25rem;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
+  background-color: var(--cds-layer-accent-hover);
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
+  background-color: var(--cds-layer-hover);
+}
+.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
 .cds--tabs .cds--tabs__nav-item--icon {
   display: flex;
   align-items: center;
   padding-left: 0.5rem;
 }
+.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
+  padding: 0.25rem;
+  margin: -0.25rem;
+  cursor: pointer;
+  line-height: 0;
+  pointer-events: auto;
+}
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
   padding-left: 1rem;
 }
@@ -31259,7 +31359,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   border-bottom: 2px solid var(--cds-border-strong);
   color: var(--cds-text-primary, #161616);
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
   background-color: var(--cds-layer-accent-hover);
   color: var(--cds-text-primary, #161616);
 }
@@ -31676,6 +31776,26 @@ span.cds--pagination__text.cds--pagination__items-count {
   padding: 1rem;
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+}
+
+.cds--tile--clickable .cds--tile--icon,
+.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
+  position: absolute;
+  right: 1rem;
+  bottom: 1rem;
+}
+
+.cds--tile--clickable .cds--tile--icon {
+  fill: var(--cds-icon-interactive, #0f62fe);
+}
+
+.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
+  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
+  display: none;
 }
 
 .cds--tile--selectable {
@@ -31907,7 +32027,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--disabled.cds--tile--is-selected {
-  border-color: var(--cds-button-disabled, #c6c6c6);
+  border-color: var(--cds-border-disabled, #c6c6c6);
 }
 
 .cds--tile--disabled .cds--tile__checkmark svg {
@@ -32693,12 +32813,11 @@ a.cds--header__menu-item[aria-current=page],
 a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__menu-item--current::after {
   position: absolute;
-  top: 0;
-  right: 0;
   bottom: -2px;
-  left: 0;
-  width: 100%;
-  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
+  left: -2px;
+  width: calc(100% + 4px);
+  height: 3px;
+  background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
 }
 
@@ -32709,15 +32828,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
 
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
-  bottom: 0;
+  top: -2px;
   left: -2px;
-  border-bottom: none;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  width: 3px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
-  left: 0;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  top: -2px;
+  left: -2px;
+  width: 5px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 
 a.cds--header__menu-item[aria-current=page]:focus,
@@ -32777,6 +32900,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
+  background-color: var(--cds-layer-selected);
+}
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
 .cds--header__menu .cds--header__menu-item {
   height: 3rem;
 }
@@ -33276,6 +33406,15 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
   color: var(--cds-text-primary, #161616);
 }
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
 
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;
@@ -33606,12 +33745,11 @@ a.cds--header__menu-item[aria-current=page],
 a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__menu-item--current::after {
   position: absolute;
-  top: 0;
-  right: 0;
   bottom: -2px;
-  left: 0;
-  width: 100%;
-  border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
+  left: -2px;
+  width: calc(100% + 4px);
+  height: 3px;
+  background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
 }
 
@@ -33622,15 +33760,19 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
 
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
-  bottom: 0;
+  top: -2px;
   left: -2px;
-  border-bottom: none;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  width: 3px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
 .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
-  left: 0;
-  border-left: 3px solid var(--cds-border-interactive, #0f62fe);
+  top: -2px;
+  left: -2px;
+  width: 5px;
+  height: calc(100% + 4px);
+  background-color: var(--cds-border-interactive, #0f62fe);
 }
 
 a.cds--header__menu-item[aria-current=page]:focus,
@@ -33690,6 +33832,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
+  background-color: var(--cds-layer-selected);
+}
+.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
 .cds--header__menu .cds--header__menu-item {
   height: 3rem;
 }
@@ -34189,6 +34338,15 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
   color: var(--cds-text-primary, #161616);
 }
+.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
+  background-color: var(--cds-layer-selected-hover);
+}
+
+.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
+.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
+  width: 3px;
+  height: calc(100% + 4px);
+}
 
 .cds--side-nav .cds--header__menu a.cds--header__menu-item {
   height: inherit;