@carbon/ibm-products 2.3.2 → 2.4.0

package/css/index-full-carbon.css

@@ -2943,15 +2943,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-xs {
+.cds--layout-constraint--size__default-xs {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
 }
 
-.cds--layout-constraint--size\:min-xs {
+.cds--layout-constraint--size__min-xs {
   --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
 }
 
-.cds--layout-constraint--size\:max-xs {
+.cds--layout-constraint--size__max-xs {
   --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
 }
 
@@ -2960,15 +2960,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-sm {
+.cds--layout-constraint--size__default-sm {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
 }
 
-.cds--layout-constraint--size\:min-sm {
+.cds--layout-constraint--size__min-sm {
   --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
 }
 
-.cds--layout-constraint--size\:max-sm {
+.cds--layout-constraint--size__max-sm {
   --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
 }
 
@@ -2977,15 +2977,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-md {
+.cds--layout-constraint--size__default-md {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
 }
 
-.cds--layout-constraint--size\:min-md {
+.cds--layout-constraint--size__min-md {
   --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
 }
 
-.cds--layout-constraint--size\:max-md {
+.cds--layout-constraint--size__max-md {
   --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
 }
 
@@ -2994,15 +2994,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-lg {
+.cds--layout-constraint--size__default-lg {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
 }
 
-.cds--layout-constraint--size\:min-lg {
+.cds--layout-constraint--size__min-lg {
   --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
 }
 
-.cds--layout-constraint--size\:max-lg {
+.cds--layout-constraint--size__max-lg {
   --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
 }
 
@@ -3011,15 +3011,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-xl {
+.cds--layout-constraint--size__default-xl {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
 }
 
-.cds--layout-constraint--size\:min-xl {
+.cds--layout-constraint--size__min-xl {
   --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
 }
 
-.cds--layout-constraint--size\:max-xl {
+.cds--layout-constraint--size__max-xl {
   --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
 }
 
@@ -3028,15 +3028,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-2xl {
+.cds--layout-constraint--size__default-2xl {
   --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
 }
 
-.cds--layout-constraint--size\:min-2xl {
+.cds--layout-constraint--size__min-2xl {
   --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
 }
 
-.cds--layout-constraint--size\:max-2xl {
+.cds--layout-constraint--size__max-2xl {
   --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
 }
 
@@ -3045,15 +3045,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--layout-constraint--density\:default-condensed {
+.cds--layout-constraint--density__default-condensed {
   --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
 }
 
-.cds--layout-constraint--density\:min-condensed {
+.cds--layout-constraint--density__min-condensed {
   --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
-.cds--layout-constraint--density\:max-condensed {
+.cds--layout-constraint--density__max-condensed {
   --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
@@ -3062,15 +3062,15 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--layout-constraint--density\:default-normal {
+.cds--layout-constraint--density__default-normal {
   --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
 }
 
-.cds--layout-constraint--density\:min-normal {
+.cds--layout-constraint--density__min-normal {
   --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
-.cds--layout-constraint--density\:max-normal {
+.cds--layout-constraint--density__max-normal {
   --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
@@ -11865,14 +11865,19 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
   display: none;
 }
-.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
-  left: 0.125rem;
-  width: 112px;
+
+.c4p--datagrid .c4p--datagrid__row-size-options-container .cds--popover-container .cds--btn--icon-only {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  align-items: center;
+  justify-content: center;
+  padding-top: 0;
 }
 
-.c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
-  left: 0.125rem;
-  width: 112px;
+.c4p--datagrid .c4p--datagrid__row-size-options-container .c4p--datagrid__row-size-dropdown {
+  padding: 1rem;
+  background-color: var(--cds-layer);
 }
 
 .c4p--datagrid__datagridWrap-simple {
@@ -13939,15 +13944,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-xs {
+.cds--layout-constraint--size__default-xs {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
 }
 
-.cds--layout-constraint--size\:min-xs {
+.cds--layout-constraint--size__min-xs {
   --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);
 }
 
-.cds--layout-constraint--size\:max-xs {
+.cds--layout-constraint--size__max-xs {
   --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);
 }
 
@@ -13956,15 +13961,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-sm {
+.cds--layout-constraint--size__default-sm {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
 }
 
-.cds--layout-constraint--size\:min-sm {
+.cds--layout-constraint--size__min-sm {
   --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);
 }
 
-.cds--layout-constraint--size\:max-sm {
+.cds--layout-constraint--size__max-sm {
   --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);
 }
 
@@ -13973,15 +13978,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-md {
+.cds--layout-constraint--size__default-md {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
 }
 
-.cds--layout-constraint--size\:min-md {
+.cds--layout-constraint--size__min-md {
   --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);
 }
 
-.cds--layout-constraint--size\:max-md {
+.cds--layout-constraint--size__max-md {
   --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);
 }
 
@@ -13990,15 +13995,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-lg {
+.cds--layout-constraint--size__default-lg {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
 }
 
-.cds--layout-constraint--size\:min-lg {
+.cds--layout-constraint--size__min-lg {
   --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);
 }
 
-.cds--layout-constraint--size\:max-lg {
+.cds--layout-constraint--size__max-lg {
   --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);
 }
 
@@ -14007,15 +14012,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-xl {
+.cds--layout-constraint--size__default-xl {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
 }
 
-.cds--layout-constraint--size\:min-xl {
+.cds--layout-constraint--size__min-xl {
   --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);
 }
 
-.cds--layout-constraint--size\:max-xl {
+.cds--layout-constraint--size__max-xl {
   --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);
 }
 
@@ -14024,15 +14029,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-size-height:var(--cds-layout-size-height-context);
 }
 
-.cds--layout-constraint--size\:default-2xl {
+.cds--layout-constraint--size__default-2xl {
   --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
 }
 
-.cds--layout-constraint--size\:min-2xl {
+.cds--layout-constraint--size__min-2xl {
   --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);
 }
 
-.cds--layout-constraint--size\:max-2xl {
+.cds--layout-constraint--size__max-2xl {
   --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);
 }
 
@@ -14041,15 +14046,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--layout-constraint--density\:default-condensed {
+.cds--layout-constraint--density__default-condensed {
   --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
 }
 
-.cds--layout-constraint--density\:min-condensed {
+.cds--layout-constraint--density__min-condensed {
   --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
-.cds--layout-constraint--density\:max-condensed {
+.cds--layout-constraint--density__max-condensed {
   --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
@@ -14058,15 +14063,15 @@ a.cds--side-nav__link--current::before {
   --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--layout-constraint--density\:default-normal {
+.cds--layout-constraint--density__default-normal {
   --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
 }
 
-.cds--layout-constraint--density\:min-normal {
+.cds--layout-constraint--density__min-normal {
   --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
-.cds--layout-constraint--density\:max-normal {
+.cds--layout-constraint--density__max-normal {
   --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
@@ -17159,6 +17164,7 @@ li.cds--accordion__item--disabled:last-of-type {
   padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
 }
 .cds--btn--icon-only > :first-child {
+  min-width: 1rem;
   margin-block-start: 0.0625rem;
 }
 .cds--btn--icon-only .cds--btn__icon {
@@ -18955,7 +18961,15 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box--expanded {
-  border-bottom-color: var(--cds-border-subtle);
+  border-bottom-color: var(--cds-border-subtle-01, #c6c6c6);
+}
+
+.cds--layer-two .cds--list-box--expanded {
+  border-bottom-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--list-box--expanded {
+  border-bottom-color: var(--cds-border-subtle-03, #c6c6c6);
 }
 
 .cds--list-box--expanded:hover {
@@ -19378,6 +19392,7 @@ fieldset[disabled] .cds--form__helper-text {
   z-index: 9100;
   right: 0;
   left: 0;
+  display: none;
   width: 100%;
   background-color: var(--cds-layer);
   overflow-y: auto;
@@ -19392,9 +19407,10 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
-.cds--list-box .cds--list-box__field[aria-expanded=false] + .cds--list-box__menu {
+.cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
   display: none;
   max-height: 0;
+  visibility: hidden;
 }
 
 .cds--list-box--expanded .cds--list-box__menu {
@@ -19450,7 +19466,15 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
-  border-top-color: var(--cds-border-subtle);
+  border-top-color: var(--cds-border-subtle-01, #c6c6c6);
+}
+
+.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
+  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
+  border-top-color: var(--cds-border-subtle-03, #c6c6c6);
 }
 
 .cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option {
@@ -19461,12 +19485,24 @@ fieldset[disabled] .cds--form__helper-text {
   color: var(--cds-text-primary, #161616);
 }
 
-.cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
-  border-top-color: transparent;
+.cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-01, #c6c6c6);
 }
 
-.cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-border-subtle);
+.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-03, #c6c6c6);
+}
+
+.cds--layer-two .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-03, #c6c6c6);
 }
 
 .cds--list-box__menu-item__option {
@@ -19478,7 +19514,7 @@ fieldset[disabled] .cds--form__helper-text {
   padding: 0.6875rem 0;
   padding-right: 1.5rem;
   border-top: 1px solid transparent;
-  border-top-color: var(--cds-border-subtle);
+  border-top-color: var(--cds-border-subtle-01, #c6c6c6);
   border-bottom: 1px solid transparent;
   margin: 0 1rem;
   color: var(--cds-text-secondary, #525252);
@@ -19540,12 +19576,24 @@ fieldset[disabled] .cds--form__helper-text {
   border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-border-subtle);
+.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
+.cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-01, #c6c6c6);
 }
 
-.cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-border-subtle);
+.cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
+.cds--layer-two .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
+.cds--layer-three .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-03, #c6c6c6);
+}
+
+.cds--list-box__menu-item--active + .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
+.cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
+  border-top-color: transparent;
 }
 
 .cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {
@@ -19558,10 +19606,15 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__menu-item--highlighted {
-  border-color: transparent;
-  background-color: var(--cds-layer-selected);
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
   color: var(--cds-text-primary, #161616);
 }
+@media screen and (prefers-contrast) {
+  .cds--list-box__menu-item--highlighted {
+    outline-style: dotted;
+  }
+}
 
 .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
 .cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {
@@ -19942,11 +19995,8 @@ fieldset[disabled] .cds--form__helper-text {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   content: "";
+  inset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
@@ -21330,7 +21380,8 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--action-list .cds--btn {
-  padding: calc(0.875rem - 3px) 1rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
   color: var(--cds-text-on-color, #ffffff);
   white-space: nowrap;
 }
@@ -25661,35 +25712,26 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--search--fluid .cds--search-magnifier-icon {
-  top: auto;
-  right: 1rem;
-  bottom: 0.8125rem;
-  left: auto;
+  inset: auto 1rem 0.8125rem auto;
   transform: none;
 }
 
 .cds--search--fluid .cds--search-close {
-  top: auto;
-  right: 3rem;
-  bottom: 0;
-  left: auto;
   width: 2.5rem;
   height: 2.5rem;
   border: none;
+  inset: auto 3rem 0 auto;
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
 .cds--search--fluid .cds--search-close::before {
   position: absolute;
-  top: auto;
-  right: -0.0625rem;
-  bottom: 0.875rem;
-  left: auto;
   display: block;
   width: 0.0625rem;
   height: 1rem;
   background: var(--cds-border-subtle);
   content: "";
+  inset: auto -0.0625rem 0.875rem auto;
 }
 
 .cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
@@ -26185,8 +26227,8 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--text-area--fluid div.cds--label {
-  right: 1rem;
-  left: initial;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .cds--text-area--fluid .cds--text-area {
@@ -26992,6 +27034,15 @@ optgroup.cds--select-optgroup:disabled,
 .cds--modal .cds--number__rule-divider {
   background-color: var(--cds-border-subtle-02, #e0e0e0);
 }
+.cds--modal .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+.cds--modal .cds--list-box__menu-item:hover .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-layer-hover);
+}
+.cds--modal .cds--list-box__menu-item--active:hover .cds--list-box__menu-item__option {
+  border-top-color: var(--cds-layer-selected-hover);
+}
 .cds--modal .cds--text-input--fluid .cds--text-input,
 .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
 .cds--modal .cds--text-area--fluid .cds--text-area,
@@ -29618,11 +29669,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--popover {
   position: absolute;
   z-index: 6000;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   filter: var(--cds-popover-drop-shadow, none);
+  inset: 0;
   pointer-events: none;
 }
 
@@ -29942,10 +29990,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   animation-duration: 1400ms;
   animation-iteration-count: infinite;
   animation-name: progress-bar-indeterminate;
@@ -29954,6 +29998,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-position-x: 0%;
   background-size: 200% 100%;
   content: "";
+  inset: 0;
 }
 
 .cds--progress-bar__helper-text {
@@ -31380,6 +31425,20 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,
+.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon {
+  margin-left: auto;
+}
+
 .cds--tabs {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -32040,11 +32099,12 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile {
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
   position: relative;
   display: block;
   min-width: 8rem;
   min-height: 4rem;
-  padding: 1rem;
+  padding: var(--cds-layout-density-padding-inline-local);
   background-color: var(--cds-layer);
   outline: 2px solid transparent;
   outline-offset: -2px;
@@ -32125,7 +32185,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--clickable.cds--link--disabled,
 .cds--tile--clickable:hover.cds--link--disabled {
   display: block;
-  padding: 1rem;
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
@@ -32134,8 +32193,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--clickable .cds--tile--icon,
 .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
   position: absolute;
-  right: 1rem;
-  bottom: 1rem;
+  right: var(--cds-layout-density-padding-inline-local);
+  bottom: var(--cds-layout-density-padding-inline-local);
 }
 
 .cds--tile--clickable .cds--tile--icon {
@@ -32151,14 +32210,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tile--selectable {
-  padding-right: 3rem;
   border: 1px solid transparent;
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
 }
 
 .cds--tile__checkmark {
   position: absolute;
-  top: 1rem;
-  right: 1rem;
+  top: var(--cds-layout-density-padding-inline-local);
+  right: var(--cds-layout-density-padding-inline-local);
   height: 1rem;
   border: none;
   background: transparent;
@@ -32188,8 +32247,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   right: 0;
   bottom: 0;
   display: flex;
-  width: 3rem;
-  height: 3rem;
+  width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
+  height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   align-items: center;
   justify-content: center;
 }
@@ -32229,8 +32288,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   right: 0;
   bottom: 0;
   display: flex;
-  width: 3rem;
-  height: 3rem;
+  width: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
+  height: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
   align-items: center;
   justify-content: center;
 }
@@ -32639,8 +32698,7 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle:active .cds--toggle__switch {
+.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
   box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
 }
 
@@ -32740,13 +32798,72 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-  .cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
-  .cds--toggle:active .cds--toggle__switch {
+  .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
 
+.cds--toggle--skeleton {
+  display: flex;
+  align-items: center;
+}
+
+.cds--toggle--skeleton .cds--toggle__skeleton-circle {
+  position: relative;
+  overflow: hidden;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  border-radius: 50%;
+  width: 1.125rem;
+  height: 1.125rem;
+  border-radius: 50%;
+}
+.cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
+  position: absolute;
+  width: 200%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
+    animation: none;
+  }
+}
+
+.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  box-shadow: none;
+  pointer-events: none;
+  width: 1.5rem;
+  height: 0.5rem;
+  margin-left: 0.5rem;
+}
+.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+.cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
+    animation: none;
+  }
+}
+
 .cds--tree {
   overflow: hidden;
 }
@@ -32993,6 +33110,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--header__global .cds--popover {
+  z-index: 8001;
+}
+
 .cds--header__action > :first-child {
   margin-block-start: 0;
 }
@@ -33928,6 +34049,10 @@ a.cds--side-nav__link--current::before {
   }
 }
 
+.cds--header__global .cds--popover {
+  z-index: 8001;
+}
+
 .cds--header__action > :first-child {
   margin-block-start: 0;
 }