@carbon/ibm-products 1.10.0 → 1.11.2

package/css/index-full-carbon.css

@@ -1238,6 +1238,11 @@ em {
 .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger::after {
+    transition: none;
+  }
+}
 .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before, .bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -1423,6 +1428,11 @@ em {
 .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--btn--icon-only--top::before, .bx--tooltip__trigger.bx--btn--icon-only--top::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--top.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -1689,6 +1699,11 @@ em {
 .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--btn--icon-only--right::before, .bx--tooltip__trigger.bx--btn--icon-only--right::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--right.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -1950,6 +1965,11 @@ em {
 .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--btn--icon-only--bottom::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--bottom.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -2214,6 +2234,11 @@ em {
 .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--btn--icon-only--left::before, .bx--tooltip__trigger.bx--btn--icon-only--left::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--btn--icon-only--left.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -2944,6 +2969,11 @@ em {
   transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
   visibility: inherit;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--modal.is-visible {
+    transition: none;
+  }
+}
 .bx--modal .bx--pagination,
 .bx--modal .bx--pagination__control-buttons,
 .bx--modal .bx--text-input,
@@ -3619,6 +3649,11 @@ fieldset[disabled] .bx--form__helper-text {
 .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--text-input--password__visibility::before, .bx--text-input--password__visibility::after {
+    transition: none;
+  }
+}
 .bx--text-input--password__visibility.bx--tooltip--a11y::before, .bx--text-input--password__visibility.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -4092,6 +4127,11 @@ fieldset[disabled] .bx--form__helper-text {
   animation-name: init-stroke;
   animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--loading svg circle {
+    animation: none;
+  }
+}
 
 .bx--loading__svg {
   fill: transparent;
@@ -4122,6 +4162,11 @@ fieldset[disabled] .bx--form__helper-text {
   animation-name: stroke-end;
   animation-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--loading--stop svg circle {
+    animation: none;
+  }
+}
 
 .bx--loading--small {
   width: 1rem;
@@ -7433,6 +7478,11 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
   content: "";
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--overflow-menu-options::after {
+    transition: none;
+  }
+}
 
 .bx--overflow-menu.bx--overflow-menu--open:hover {
   background-color: var(--cds-field-01, #f4f4f4);
@@ -8137,6 +8187,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--top.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -8391,6 +8446,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip__trigger--definition.bx--tooltip--bottom.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -8669,6 +8729,13 @@ a.bx--overflow-menu-options__btn::before {
   pointer-events: none;
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip--icon__top::before, .bx--tooltip--icon__top::after,
+.bx--tooltip--icon__bottom::before,
+.bx--tooltip--icon__bottom::after {
+    transition: none;
+  }
+}
 .bx--tooltip--icon__top::before,
 .bx--tooltip--icon__bottom::before {
   right: 0;
@@ -8850,6 +8917,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip--top::before, .bx--tooltip__trigger.bx--tooltip--top::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--top.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -9116,6 +9188,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip--right::before, .bx--tooltip__trigger.bx--tooltip--right::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--right.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -9377,6 +9454,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip--bottom::before, .bx--tooltip__trigger.bx--tooltip--bottom::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--bottom.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -9641,6 +9723,11 @@ a.bx--overflow-menu-options__btn::before {
 .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tooltip__trigger.bx--tooltip--left::before, .bx--tooltip__trigger.bx--tooltip--left::after {
+    transition: none;
+  }
+}
 .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::before, .bx--tooltip__trigger.bx--tooltip--left.bx--tooltip--a11y::after {
   transition: none;
 }
@@ -10263,6 +10350,11 @@ a.bx--overflow-menu-options__btn::before {
   transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
   will-change: box-shadow;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--toggle__appearance::before {
+    transition: none;
+  }
+}
 .bx--toggle__appearance::after {
   position: absolute;
   top: 0.1875rem;
@@ -10346,6 +10438,11 @@ a.bx--overflow-menu-options__btn::before {
   cursor: not-allowed;
   transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::before, .bx--toggle:disabled + .bx--toggle__label .bx--toggle__appearance::after {
+    transition: none;
+  }
+}
 
 .bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--left,
 .bx--toggle:disabled + .bx--toggle__label .bx--toggle__text--right {
@@ -10442,6 +10539,11 @@ a.bx--overflow-menu-options__btn::before {
   transition: box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9), background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
   will-change: box-shadow;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--toggle__switch::before {
+    transition: none;
+  }
+}
 .bx--toggle__switch::after {
   position: absolute;
   top: 0.1875rem;
@@ -10509,6 +10611,11 @@ a.bx--overflow-menu-options__btn::before {
   cursor: not-allowed;
   transition: 70ms cubic-bezier(0.2, 0, 1, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::before, .bx--toggle-input:disabled + .bx--toggle-input__label > .bx--toggle__switch::after {
+    transition: none;
+  }
+}
 
 .bx--toggle-input:disabled:active + .bx--toggle-input__label > .bx--toggle__switch::before {
   box-shadow: none;
@@ -12429,6 +12536,11 @@ a.bx--side-nav__link--current::before {
   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);
 }
+@media (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet.is-visible {
+    transition: none;
+  }
+}
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
   z-index: 8999;
   background-color: rgba(22, 22, 22, 0.33);
@@ -13853,188 +13965,6 @@ a.bx--side-nav__link--current::before {
   background: var(--cds-ui-02, #ffffff);
 }
 
-@keyframes progress-indeterminate {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  20% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  28% {
-    right: 0;
-    left: auto;
-    width: 100%;
-  }
-  51% {
-    right: 0;
-    left: auto;
-    width: 0%;
-  }
-  58% {
-    right: 0;
-    left: auto;
-    width: 0%;
-  }
-  82% {
-    right: 0;
-    left: auto;
-    width: 100%;
-  }
-  83% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  96% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-}
-@keyframes progress-linear {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-}
-@keyframes progress-stop {
-  0% {
-    right: auto;
-    left: 0;
-    width: 0%;
-  }
-  92% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-  100% {
-    right: auto;
-    left: 0;
-    width: 100%;
-  }
-}
-@keyframes loading-bar-stop {
-  0% {
-    opacity: 1;
-  }
-  92% {
-    opacity: 1;
-  }
-  100% {
-    display: none;
-    opacity: 0;
-  }
-}
-.c4p--loading-bar .c4p--loading-bar__inner {
-  position: relative;
-  width: 100%;
-  height: 8px;
-  padding: 0;
-  border: none;
-  background-color: var(--cds-hover-ui, #e5e5e5);
-  -webkit-box-shadow: none;
-  box-shadow: none;
-  pointer-events: none;
-}
-
-.c4p--loading-bar .c4p--loading-bar__inner:hover,
-.c4p--loading-bar .c4p--loading-bar__inner:focus,
-.c4p--loading-bar .c4p--loading-bar__inner:active {
-  border: none;
-  cursor: default;
-  outline: none;
-}
-
-.c4p--loading-bar__preload {
-  opacity: 0;
-}
-
-.c4p--loading-bar__progress {
-  position: relative;
-  height: 8px;
-  transition: width 720ms cubic-bezier(0.4, 0.14, 0.3, 1);
-}
-
-.c4p--loading-bar__indicator-wrapper {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.c4p--loading-bar__indicator {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  padding-top: var(--cds-spacing-05, 1rem);
-  padding-bottom: var(--cds-spacing-03, 0.5rem);
-  color: var(--cds-text-01, #161616);
-}
-
-.c4p--loading-bar__small {
-  height: 4px;
-}
-
-.c4p--loading-bar__small .c4p--loading-bar__progress {
-  height: 4px;
-}
-
-.c4p--loading-bar__linear-stop {
-  display: none;
-}
-
-.c4p--loading-bar__indefinite-stop {
-  animation: 1800ms ease-in-out loading-bar-stop forwards;
-}
-
-.c4p--loading-bar__stop-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 1800ms ease-in-out progress-stop forwards;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
-}
-
-.c4p--loading-bar__indefinite-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 3000ms ease-in-out progress-indeterminate infinite;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
-}
-
-.c4p--loading-bar__linear-progress:before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0%;
-  height: 100%;
-  animation: 1000ms ease-in-out progress-linear forwards;
-  background-color: var(--cds-interactive-01, #0f62fe);
-  content: "";
-}
-
 .modified-tabs .modified-tabs__tab-label {
   display: flex;
   width: 100%;
@@ -14069,6 +13999,12 @@ a.bx--side-nav__link--current::before {
   cursor: pointer;
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media (prefers-reduced-motion: reduce) {
+  .modified-tabs__tab-new-img,
+.modified-tabs__tab-close {
+    transition: none;
+  }
+}
 
 .modified-tabs__tab-new-icon {
   display: flex;
@@ -14426,6 +14362,18 @@ a.bx--side-nav__link--current::before {
   border-top: 1px solid var(--cds-ui-03, #e0e0e0);
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
 }
+.c4p--add-select__column-search-bar {
+  display: flex;
+}
+.c4p--add-select__column-search-bar label {
+  display: none;
+}
+.c4p--add-select__column-sort-filter {
+  display: flex;
+}
+.c4p--add-select__column .bx--overflow-menu {
+  border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
+}
 
 .c4p--add-select__tag-container {
   display: flex;
@@ -14437,6 +14385,10 @@ a.bx--side-nav__link--current::before {
   margin-right: var(--cds-spacing-03, 0.5rem);
 }
 
+.c4p--add-select__tag-container .bx--tag {
+  margin: 0;
+}
+
 .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
   max-width: 29rem;
   flex: 0 0 50%;
@@ -15077,6 +15029,12 @@ a.bx--side-nav__link--current::before {
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
   transition: transform 240ms ease;
 }
+@media (prefers-reduced-motion: reduce) {
+  .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
+.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .bx--btn__icon {
+    transition: none;
+  }
+}
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-more-button .bx--btn__icon,
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-more-button .bx--btn__icon {
   transform: rotate(0deg);
@@ -15255,6 +15213,11 @@ a.bx--side-nav__link--current::before {
   opacity: 0;
   transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--breadcrumb-item .bx--overflow-menu::after {
+    transition: none;
+  }
+}
 
 .bx--breadcrumb-item .bx--overflow-menu:hover::after {
   opacity: 1;
@@ -15782,6 +15745,9 @@ a.bx--side-nav__link--current::before {
     display: inline-flex;
     vertical-align: middle;
   }
+  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
+    max-width: calc(100% - var(--cds-spacing-07, 2rem));
+  }
 }
 .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
   display: inline-flex;
@@ -15796,8 +15762,9 @@ a.bx--side-nav__link--current::before {
   width: 100%;
   text-overflow: ellipsis;
 }
-.c4p--breadcrumb-with-overflow .bx--link {
-  max-height: 18px;
+
+.c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
+  z-index: 8000;
 }
 
 .bx--search {
@@ -15962,6 +15929,11 @@ a.bx--side-nav__link--current::before {
   content: "";
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--search-close::before {
+    transition: none;
+  }
+}
 .bx--search-close:hover {
   border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
 }
@@ -16454,8 +16426,8 @@ a.bx--side-nav__link--current::before {
   display: none;
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
-  max-width: 75%;
-  flex: 0 1 75%;
+  max-width: 25%;
+  flex: 0 1 25%;
 }
 @media (min-width: 42rem) {
   .c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
@@ -16493,6 +16465,8 @@ a.bx--side-nav__link--current::before {
   visibility: visible;
 }
 .c4p--page-header .c4p--page-header__breadcrumb-column {
+  overflow: hidden;
+  /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
   max-width: 100%;
   flex: 0 0 100%;
 }
@@ -18761,6 +18735,14 @@ a.bx--side-nav__link--current::before {
   width: 100%;
   margin-bottom: 0;
 }
+.c4p--edit-side-panel .c4p--edit-side-panel__actions-container {
+  position: absolute;
+  z-index: 4;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  margin-bottom: 0;
+}
 
 .c4p--options-tile {
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
@@ -18786,7 +18768,7 @@ a.bx--side-nav__link--current::before {
   box-sizing: border-box;
   align-items: center;
   padding-right: var(--cds-spacing-05, 1rem);
-  grid-template-columns: 3rem 1fr 1rem;
+  grid-template-columns: 3rem 1fr 2rem;
 }
 
 .c4p--options-tile__header {
@@ -18795,6 +18777,10 @@ a.bx--side-nav__link--current::before {
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
+.c4p--options-tile__header::-webkit-details-marker {
+  display: none;
+}
+
 .c4p--options-tile__header:hover {
   background-color: var(--cds-hover-ui, #e5e5e5);
 }
@@ -18809,11 +18795,11 @@ a.bx--side-nav__link--current::before {
   }
 }
 
-.c4p--options-tile__title {
+.c4p--options-tile__heading {
   grid-column: 2;
 }
 
-.c4p--options-tile__heading {
+.c4p--options-tile__title {
   font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
   line-height: var(--cds-productive-heading-01-line-height, 1.28572);
@@ -18861,11 +18847,13 @@ a.bx--side-nav__link--current::before {
 .c4p--options-tile__summary-text {
   overflow: hidden;
   height: max-content;
+  padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .c4p--options-tile__chevron {
+  display: block;
   justify-self: center;
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -18936,14 +18924,6 @@ a.bx--side-nav__link--current::before {
   margin-top: var(--cds-spacing-01, 0.125rem);
 }
 
-.c4p--options-tile--lg .c4p--options-tile__summary-text {
-  padding-right: calc(var(--cds-spacing-05, 1rem) + 1rem);
-}
-
-.c4p--options-tile--xl .c4p--options-tile__summary-text {
-  padding-right: calc(var(--cds-spacing-05, 1rem) + 2rem);
-}
-
 @media (prefers-reduced-motion: reduce) {
   .c4p--options-tile__summary,
 .c4p--options-tile__chevron {
@@ -18954,6 +18934,7 @@ a.bx--side-nav__link--current::before {
   --c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
   --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
   --c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
+  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
   position: relative;
   display: inline-block;
   min-width: calc(4 * var(--c4p--inline-edit--size));
@@ -19001,10 +18982,10 @@ a.bx--side-nav__link--current::before {
 .c4p--inline-edit .c4p--inline-edit__input {
   display: inline-block;
   overflow: hidden;
-  width: calc(100% - 2 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
-  max-width: calc(100% - 2 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
+  width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
+  max-width: calc(100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem));
   min-height: var(--c4p--inline-edit--size);
-  margin-right: calc(2 * var(--c4p--inline-edit--size));
+  margin-right: var(--c4p--inline-edit--toolbar-width);
   margin-left: var(--cds-spacing-05, 1rem);
   line-height: var(--c4p--inline-edit--size);
 }
@@ -19012,9 +18993,7 @@ a.bx--side-nav__link--current::before {
   outline: none;
 }
 .c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
-  width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
-  max-width: calc(100% - 3 * var(--c4p--inline-edit--size) - var(--cds-spacing-05, 1rem));
-  margin-right: calc(3 * var(--c4p--inline-edit--size));
+  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
 }
 .c4p--inline-edit .c4p--inline-edit__input::after {
   position: absolute;
@@ -19062,20 +19041,18 @@ a.bx--side-nav__link--current::before {
   visibility: visible;
 }
 .c4p--inline-edit .c4p--inline-edit__after-input-elements {
+  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
-  width: calc(2 * var(--c4p--inline-edit--size));
+  width: var(--c4p--inline-edit--toolbar-width);
   height: 100%;
   justify-content: space-between;
   cursor: text;
 }
 .c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
-  width: calc(3 * var(--c4p--inline-edit--size));
-}
-.c4p--inline-edit .c4p--inline-edit__toolbar--animation {
-  clip-path: polygon(0 0, -100vw 0, -100vw -100vh, 100vw -100vh, 100vw 0, 100% 0, 100% 100%, 100vw 100%, 100vw 100vh, -100vw 100vh, -100vw 100%, 0 100%);
+  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
 }
 .c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
   position: absolute;
@@ -19119,11 +19096,28 @@ a.bx--side-nav__link--current::before {
   border-color: transparent;
 }
 .c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
+  margin-right: 0;
+  transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition-property: margin, padding;
+}
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
+  transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+@media (prefers-reduced-motion: reduce) {
+  .c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
+    transition: none;
+  }
+}
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
+  padding-right: 0;
+  padding-left: 0;
+  border-right: 0;
+  border-left: 0;
   margin-right: calc(-1 * var(--c4p--inline-edit--size));
-  transition: margin-right 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--saveable .c4p--inline-edit__save {
-  margin-right: 0;
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
+  overflow: hidden;
+  width: 0;
 }
 .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
   display: inline-flex;
@@ -19218,7 +19212,7 @@ a.bx--side-nav__link--current::before {
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
   margin: 0;
-  background-color: transparent;
+  background-color: var(--cds-ui-background, #ffffff);
   cursor: cell;
   text-align: left;
 }
@@ -19230,9 +19224,22 @@ a.bx--side-nav__link--current::before {
   color: var(--cds-text-01, #161616);
   text-align: left;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
+  position: absolute;
+  z-index: 4;
+  display: none;
+  padding: 0 var(--cds-spacing-03, 0.5rem);
+  background-color: var(--cds-ui-background, #ffffff);
+  resize: none;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.bx--text-area {
+  min-width: initial;
+  min-height: initial;
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
   position: absolute;
   z-index: 3;
+  display: none;
   border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
   background-color: transparent;
 }
@@ -21969,13 +21976,11 @@ li.bx--accordion__item--disabled:last-of-type {
   color: var(--cds-text-primary, #161616);
 }
 
-.bx--data-table tbody tr:hover td .bx--link,
-.bx--data-table tbody tr:hover th .bx--link {
+.bx--data-table tr:hover .bx--link {
   color: var(--cds-link-secondary, #0043ce);
 }
 
-.bx--data-table tbody tr:hover td .bx--link--disabled,
-.bx--data-table tbody tr:hover th .bx--link--disabled {
+.bx--data-table tr:hover .bx--link--disabled {
   color: var(--cds-disabled-02, #c6c6c6);
 }
 
@@ -22084,7 +22089,7 @@ li.bx--accordion__item--disabled:last-of-type {
   background-color: var(--cds-layer-hover, #e5e5e5);
 }
 
-.bx--data-table--selected .bx--link {
+.bx--data-table--selected .bx--link:not(.bx--link--disabled) {
   color: var(--cds-link-secondary, #0043ce);
 }
 
@@ -22212,6 +22217,17 @@ li.bx--accordion__item--disabled:last-of-type {
   padding-top: var(--cds-spacing-05, 1rem);
 }
 
+tr.bx--data-table--selected:hover .bx--radio-button[disabled] + .bx--radio-button__label,
+tr.bx--data-table--selected:hover .bx--checkbox[disabled] + .bx--checkbox-label,
+tr.bx--data-table--selected:hover .bx--link--disabled {
+  color: var(--cds-disabled-03, #8d8d8d);
+}
+
+tr.bx--data-table--selected:hover .bx--radio-button[disabled] + .bx--radio-button__label .bx--radio-button__appearance,
+tr.bx--data-table--selected:hover .bx--checkbox[disabled] + .bx--checkbox-label:before {
+  border-color: var(--cds-disabled-03, #8d8d8d);
+}
+
 .bx--table-column-radio {
   width: 48px;
 }
@@ -26023,6 +26039,11 @@ button.bx--dropdown-text:focus {
   opacity: 0;
   transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after {
+    transition: none;
+  }
+}
 .bx--pagination-nav__page--active + .bx--pagination-nav__page::after, .bx--pagination-nav__page.bx--pagination-nav__page--active::after {
   left: calc(50% - 0.5rem);
   width: 1rem;
@@ -26081,6 +26102,11 @@ button.bx--dropdown-text:focus {
   opacity: 0;
   transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after {
+    transition: none;
+  }
+}
 .bx--pagination-nav__page--active + .bx--pagination-nav__select-icon-wrapper::after, .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after {
   left: calc(50% - 0.5rem);
   width: 1rem;
@@ -26613,7 +26639,7 @@ span.bx--pagination__text {
   height: 100%;
   background-color: var(--cds-interactive, #0f62fe);
   transform: scaleX(0);
-  transform-origin: 0 50%;
+  transform-origin: 0 center /*rtl:100% center*/;
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
@@ -27193,6 +27219,11 @@ span.bx--pagination__text {
   transform-origin: center;
   transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .bx--tile__chevron svg {
+    transition: none;
+  }
+}
 @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
   .bx--tile__chevron svg {
     fill: ButtonText;