@carbon/ibm-products 2.99.0 → 2.100.0

package/css/index-full-carbon.css

@@ -8669,6 +8669,11 @@ button.c4p--add-select__global-filter-toggle--open {
   animation: c4p--tearsheet__next--presence-tearsheet__enter 240ms cubic-bezier(0, 0, 0.3, 1);
   opacity: 1;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted) {
+    animation: none;
+  }
+}
 .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
   animation: c4p--tearsheet__next--presence-tearsheet--container__enter 240ms cubic-bezier(0, 0, 0.3, 1);
   transform: translate3d(0, 0, 0);
@@ -8684,6 +8689,11 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting] {
   animation: c4p--tearsheet__next--presence-tearsheet__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting] {
+    animation: none;
+  }
+}
 .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting].c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
   animation: c4p--tearsheet__next--presence-tearsheet--container__exit 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
 }
@@ -8813,19 +8823,46 @@ button.c4p--add-select__global-filter-toggle--open {
   opacity: 1;
   transition: max-block-size 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), margin 240ms cubic-bezier(0, 0, 0.3, 1), padding 240ms cubic-bezier(0, 0, 0.3, 1);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
+  .c4p--tearsheet__next__header-content-wrapper,
+  .cds--modal-close-button,
+  .c4p--tearsheet__next__close-button,
+  .c4p--tearsheet__next__decorator,
+  .excludeFromCollapse) {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-actions,
 .c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content *:not(.c4p--tearsheet__next__content__title-wrapper,
 .c4p--tearsheet__next__header-label) {
   opacity: 1;
   transition: all 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-actions,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content *:not(.c4p--tearsheet__next__content__title-wrapper,
+  .c4p--tearsheet__next__header-label) {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .cds--modal-close {
   transition: all 240ms ease;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .cds--modal-close {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed {
   padding-block-start: 0;
   transition: padding 240ms cubic-bezier(0, 0, 0.3, 1);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
 .c4p--tearsheet__next__header-content-wrapper,
 .cds--modal-close-button,
@@ -8847,9 +8884,28 @@ button.c4p--add-select__global-filter-toggle--open {
   max-block-size: 0;
   opacity: 0;
   pointer-events: none;
-  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
+  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), max-block-size 240ms cubic-bezier(0, 0, 0.3, 1), padding 240ms cubic-bezier(0, 0, 0.3, 1), margin 240ms cubic-bezier(0, 0, 0.3, 1);
   visibility: hidden;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
+  .c4p--tearsheet__next__header-content-wrapper,
+  .cds--modal-close-button,
+  .c4p--tearsheet__next__close-button,
+  .c4p--tearsheet__next__decorator,
+  .excludeFromCollapse),
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions > *:not(.c4p--tearsheet__next__content__header-actions),
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper),
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
+  .c4p--tearsheet__next__header-content-wrapper,
+  .cds--modal-close-button,
+  .c4p--tearsheet__next__close-button,
+  .c4p--tearsheet__next__decorator,
+  .excludeFromCollapse) *,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper) * {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
   font-size: var(--cds-label-02-font-size, 0.875rem);
   font-weight: var(--cds-label-02-font-weight, 400);
@@ -8860,6 +8916,11 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-block-start: 0.25rem;
   transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title > span {
   display: flex;
   align-items: center;
@@ -8883,6 +8944,11 @@ button.c4p--add-select__global-filter-toggle--open {
   inline-size: 2.5rem;
   transition: all 240ms ease;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .cds--modal-close {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__decorator {
   inset-block-start: 0.5rem;
 }
@@ -8894,6 +8960,11 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-block-start: 0.5rem;
   transition: all 240ms ease;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__header-actions {
+    transition: none;
+  }
+}
 @media (max-width: 41.98rem) {
   .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
     display: none;
@@ -8907,6 +8978,15 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-block: 0;
   transition: margin-block 240ms ease;
 }
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__title-wrapper,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions,
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
+    transition: none;
+  }
+}
 .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper {
   min-block-size: 2.5rem;
 }
@@ -10737,17 +10817,17 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--options-tile__header,
 .c4p--options-tile__static-content {
-  display: grid;
   box-sizing: border-box;
   align-items: center;
-  grid-template-columns: 3rem 1fr 0;
   padding-inline-end: 1rem;
 }
 
 .c4p--options-tile__header {
+  display: grid;
   flex-grow: 1;
   background-color: transparent;
   cursor: pointer;
+  grid-template-columns: 3rem 1fr 0;
   inline-size: 100%;
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
@@ -10755,6 +10835,14 @@ button.c4p--add-select__global-filter-toggle--open {
   inline-size: calc(100% - (1rem + 2rem + 1rem));
 }
 
+.c4p--options-tile__static-content {
+  display: flex;
+  padding-inline-start: 1rem;
+}
+.c4p--options-tile__static-content.c4p--options-tile__header--has-toggle {
+  inline-size: calc(100% - (1rem + 2rem + 1rem));
+}
+
 .c4p--options-tile__header::-webkit-details-marker {
   display: none;
 }