@carbon/ibm-products 1.36.0 → 1.38.0

package/css/index-without-carbon.css

@@ -348,7 +348,7 @@
 }
 @media (prefers-reduced-motion: no-preference) {
   .c4p--cascade__element,
-.c4p--cascade__col {
+  .c4p--cascade__col {
     animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
     animation-fill-mode: forwards;
     opacity: 0;
@@ -503,9 +503,9 @@
 
 @media (prefers-reduced-motion) {
   .c4p--create-influencer__side-nav-opening,
-.c4p--create-influencer__progress-indicator-opening,
-.c4p--create-influencer__side-nav-closing,
-.c4p--create-influencer__progress-indicator-closing {
+  .c4p--create-influencer__progress-indicator-opening,
+  .c4p--create-influencer__side-nav-closing,
+  .c4p--create-influencer__progress-indicator-closing {
     animation: none;
     opacity: 1;
   }
@@ -2036,6 +2036,14 @@
   letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
 }
 
+.c4p--filter-summary {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: var(--cds-spacing-03, 0.5rem);
+  background: var(--cds-ui-01, #f4f4f4);
+}
+
 .c4p--http-errors .c4p--http-errors__content {
   position: fixed;
   z-index: 2;
@@ -2064,7 +2072,7 @@
 
 .c4p--http-errors .c4p--http-errors__title {
   font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 300);
+  font-weight: var(--cds-productive-heading-05-font-weight, 400);
   line-height: var(--cds-productive-heading-05-line-height, 1.25);
   letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
   margin-bottom: var(--cds-spacing-04, 0.75rem);
@@ -2238,7 +2246,7 @@
 }
 @media (prefers-reduced-motion: reduce) {
   .modified-tabs__tab-new-img,
-.modified-tabs__tab-close {
+  .modified-tabs__tab-close {
     transition: none;
   }
 }
@@ -2267,6 +2275,70 @@
   padding: 0;
 }
 
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p2 {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+/* Stroke animations */
+@keyframes init-stroke {
+  0% {
+    stroke-dashoffset: 276.4608;
+  }
+  100% {
+    stroke-dashoffset: 52.527552;
+  }
+}
+@keyframes stroke-end {
+  0% {
+    stroke-dashoffset: 52.527552;
+  }
+  100% {
+    stroke-dashoffset: 276.4608;
+  }
+}
+@keyframes stroke {
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes collapse-accordion {
+  0% {
+    height: 100%;
+    opacity: 1;
+    visibility: inherit;
+  }
+  100% {
+    height: 0;
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+@keyframes expand-accordion {
+  0% {
+    height: 0;
+    opacity: 0;
+    visibility: hidden;
+  }
+  100% {
+    height: 100%;
+    opacity: 1;
+    visibility: inherit;
+  }
+}
 .c4p--add-select__header {
   padding: var(--cds-spacing-05, 1rem);
   padding-bottom: 0;
@@ -2308,13 +2380,14 @@
   flex-direction: column;
   justify-content: center;
 }
-.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
+.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
+.c4p--add-select__selections .bx--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
   visibility: visible;
 }
 .c4p--add-select__selections-hidden-hover {
   visibility: hidden;
 }
-.c4p--add-select__selections-row-selectedbx--structured-list-row {
+.c4p--add-select__selections-row--selected.bx--structured-list-row {
   border-bottom: 1px solid var(--cds-selected-ui, #e0e0e0);
   background-color: var(--cds-selected-ui, #e0e0e0);
 }
@@ -2345,7 +2418,7 @@
 .c4p--add-select__selections-row {
   border-left: 0.125rem solid transparent;
 }
-.c4p--add-select__selections-row-meta-selected {
+.c4p--add-select__selections-row-meta--selected {
   border-left: 0.125rem solid var(--cds-interactive-04, #0f62fe);
   background-color: var(--cds-hover-row, #e5e5e5);
 }
@@ -2360,11 +2433,6 @@
   fill: currentColor;
 }
 
-.c4p--add-select bx--structured-list--selection .c4p--add-select__selections-row-selectedbx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
-  border-bottom: 1px solid var(--cds-hover-selected-ui, #cacaca);
-  background-color: var(--cds-hover-selected-ui, #cacaca);
-}
-
 .c4p--add-select__sub-header {
   display: flex;
   align-items: flex-end;
@@ -2374,11 +2442,8 @@
   padding: 0 var(--cds-spacing-05, 1rem);
 }
 
-.c4p--add-select bx--structured-list-row {
-  border-bottom: 0;
-}
-
-.c4p--add-select bx--structured-list--selection bx--structured-list-row:hover:not(bx--structured-list-row--header-row):not(bx--structured-list-row--selected) {
+.c4p--add-select .bx--structured-list-row,
+.c4p--add-select .c4p--add-select__selections.bx--structured-list--selection .bx--structured-list-row:hover:not(.bx--structured-list-row--header-row):not(.bx--structured-list-row--selected) {
   border-bottom: 0;
 }
 
@@ -2449,7 +2514,7 @@
 .c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
   margin-left: var(--cds-spacing-03, 0.5rem);
 }
-.c4p--add-select__columns .c4p--add-select__selections-rowbx--structured-list-row {
+.c4p--add-select__columns .c4p--add-select__selections-row.bx--structured-list-row {
   border-left: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
@@ -2459,14 +2524,14 @@
   height: auto;
   padding: 0 var(--cds-spacing-03, 0.5rem);
 }
-.c4p--add-select__columns .c4p--add-select__tag-container {
+.c4p--add-select__columns .c4p--add-select__tags {
   padding: 0 var(--cds-spacing-03, 0.5rem);
   margin-bottom: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
   padding: 0;
 }
-.c4p--add-select__columns .c4p--add-select__selectionsbx--structured-list {
+.c4p--add-select__columns .c4p--add-select__selections.bx--structured-list {
   border-top: 0;
 }
 
@@ -2498,13 +2563,13 @@
   border-bottom: 1px solid var(--cds-ui-04, #8d8d8d);
 }
 
-.c4p--add-select__tag-container {
+.c4p--add-select__tags {
   display: flex;
   align-items: center;
   margin-top: var(--cds-spacing-05, 1rem);
   margin-bottom: var(--cds-spacing-03, 0.5rem);
 }
-.c4p--add-select__tag-container-label {
+.c4p--add-select__tags-label {
   margin-right: var(--cds-spacing-03, 0.5rem);
 }
 
@@ -2586,7 +2651,11 @@ button.c4p--add-select__global-filter-toggle--open {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
 
-.c4p--add-select__tag-container .bx--tag {
+.c4p--add-select__selections .bx--list-box__menu {
+  left: auto;
+}
+
+.c4p--add-select__tags .bx--tag {
   margin: 0;
 }
 
@@ -2643,7 +2712,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--add-select__multi .c4p--empty-state {
   max-width: 16rem;
-  margin-top: var(--cds-layout-04, 3rem);
+  margin-top: var(--cds-spacing-09, 3rem);
 }
 
 .c4p--add-select .bx--accordion__arrow {
@@ -2654,15 +2723,15 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: rotate(90deg);
 }
 
-.c4p--add-select bx--accordion--start bx--accordion__arrow {
+.c4p--add-select .bx--accordion--start .bx--accordion__arrow {
   margin: 0 0 0 var(--cds-spacing-05, 1rem);
 }
 
-.c4p--add-select bx--accordion--start bx--accordion__title {
+.c4p--add-select .bx--accordion--start .bx--accordion__title {
   margin: 0 var(--cds-spacing-05, 1rem) 0 var(--cds-spacing-03, 0.5rem);
 }
 
-.c4p--add-select bx--accordion__item--active bx--accordion__content {
+.c4p--add-select .bx--accordion__item--active .bx--accordion__content {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: var(--cds-spacing-03, 0.5rem);
@@ -2909,7 +2978,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 300;
+  --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -2937,7 +3006,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 300;
+  --cds-expressive-heading-05-font-weight: 400;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -3015,7 +3084,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 300;
+  --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -3035,7 +3104,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 300;
+  --cds-fluid-heading-05-font-weight: 400;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -3256,7 +3325,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @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 {
+  .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;
   }
 }
@@ -3418,7 +3487,7 @@ button.c4p--add-select__global-filter-toggle--open {
     display: none;
   }
   .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
-.c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
+  .c4p--breadcrumb-with-overflow .bx--breadcrumb-item:last-child {
     display: inline-flex;
     vertical-align: middle;
   }
@@ -3920,12 +3989,6 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: translateY(-2px);
   vertical-align: middle;
 }
-.c4p--page-header .c4p--page-header__title-wrapper {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
-}
 .c4p--page-header .c4p--page-header__page-actions {
   flex: 0 0 100%;
   margin-top: var(--cds-spacing-05, 1rem);
@@ -4285,6 +4348,70 @@ button.c4p--add-select__global-filter-toggle--open {
     stroke-dashoffset: 0;
   }
 }
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p1 {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes rotate-end-p2 {
+  100% {
+    transform: rotate(-360deg);
+  }
+}
+/* Stroke animations */
+@keyframes init-stroke {
+  0% {
+    stroke-dashoffset: 276.4608;
+  }
+  100% {
+    stroke-dashoffset: 52.527552;
+  }
+}
+@keyframes stroke-end {
+  0% {
+    stroke-dashoffset: 52.527552;
+  }
+  100% {
+    stroke-dashoffset: 276.4608;
+  }
+}
+@keyframes stroke {
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+@keyframes collapse-accordion {
+  0% {
+    height: 100%;
+    opacity: 1;
+    visibility: inherit;
+  }
+  100% {
+    height: 0;
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+@keyframes expand-accordion {
+  0% {
+    height: 0;
+    opacity: 0;
+    visibility: hidden;
+  }
+  100% {
+    height: 100%;
+    opacity: 1;
+    visibility: inherit;
+  }
+}
 @keyframes rotating {
   0% {
     transform: scaleY(-1) rotate(360deg);
@@ -4316,7 +4443,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4327,7 +4454,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4338,7 +4465,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4349,7 +4476,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4360,7 +4487,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4371,7 +4498,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4382,7 +4509,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4393,7 +4520,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4404,7 +4531,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4415,7 +4542,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4426,7 +4553,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4437,7 +4564,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4448,7 +4575,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4459,7 +4586,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4470,7 +4597,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4481,7 +4608,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4493,7 +4620,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4505,7 +4632,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4528,7 +4655,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4539,7 +4666,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4550,7 +4677,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4561,7 +4688,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4572,7 +4699,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4583,7 +4710,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4594,7 +4721,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4605,7 +4732,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4616,7 +4743,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4627,7 +4754,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4638,7 +4765,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4649,7 +4776,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4660,7 +4787,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4671,7 +4798,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4682,7 +4809,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4693,7 +4820,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4704,7 +4831,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4715,7 +4842,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4727,7 +4854,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4739,7 +4866,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -4762,7 +4889,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -4773,7 +4900,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .bx--btn.bx--btn--icon-only.bx--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -5115,7 +5242,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 300;
+  --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -5143,7 +5270,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 300;
+  --cds-expressive-heading-05-font-weight: 400;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -5221,7 +5348,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 300;
+  --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -5241,7 +5368,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 300;
+  --cds-fluid-heading-05-font-weight: 400;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -5560,7 +5687,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-04-line-height: 1.28572;
   --cds-productive-heading-04-letter-spacing: 0;
   --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 300;
+  --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
   --cds-productive-heading-06-font-size: 2.625rem;
@@ -5588,7 +5715,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-expressive-heading-04-line-height: 1.28572;
   --cds-expressive-heading-04-letter-spacing: 0;
   --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 300;
+  --cds-expressive-heading-05-font-weight: 400;
   --cds-expressive-heading-05-line-height: 1.25;
   --cds-expressive-heading-05-letter-spacing: 0;
   --cds-expressive-heading-06-font-size: 2rem;
@@ -5666,7 +5793,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-04-line-height: 1.28572;
   --cds-heading-04-letter-spacing: 0;
   --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 300;
+  --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
   --cds-heading-06-font-size: 2.625rem;
@@ -5686,7 +5813,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-heading-04-line-height: 1.28572;
   --cds-fluid-heading-04-letter-spacing: 0;
   --cds-fluid-heading-05-font-size: 2rem;
-  --cds-fluid-heading-05-font-weight: 300;
+  --cds-fluid-heading-05-font-weight: 400;
   --cds-fluid-heading-05-line-height: 1.25;
   --cds-fluid-heading-05-letter-spacing: 0;
   --cds-fluid-heading-06-font-size: 2rem;
@@ -6243,7 +6370,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (prefers-reduced-motion: reduce) {
   .c4p--options-tile__summary,
-.c4p--options-tile__chevron {
+  .c4p--options-tile__chevron {
     transition: none;
   }
 }