@carbon/ibm-products 2.42.1-canary.26 → 2.42.1-canary.3

package/css/index.css

@@ -23245,7 +23245,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   overflow-y: auto;
 }
 
-.c4p--condition-builder__condition-wrapper * {
+.c4p--condition-builder__content-container * {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
@@ -23371,7 +23371,7 @@ c4p--condition-builder__item-time {
   background-color: var(--cds-layer-hover);
 }
 
-.c4p--condition-builder__condition-builder__group.hoveredConnector .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block .c4p--condition-builder__connector-button {
+.c4p--condition-builder__condition-builder__group.hoveredConnector .c4p--condition-builder__condition-wrapper > .conditionBlockWrapper .c4p--condition-builder__connector-button {
   background-color: var(--cds-layer-hover);
 }
 
@@ -23410,6 +23410,10 @@ c4p--condition-builder__item-time {
   padding-left: 0.5rem;
 }
 
+.c4p--condition-builder__conditionWrapper {
+  display: flex;
+}
+
 .c4p--condition-builder__multiselectSelectionStatusContainer {
   display: flex;
   align-items: center;
@@ -23429,258 +23433,6 @@ c4p--condition-builder__item-time {
   }
 }
 
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #6929c4;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #a56eff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #be95ff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #e8daff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #00539a;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #0072c3;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #1192e8;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #82cfff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #bae6ff;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #005d5d;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #007d79;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #009d9a;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #08bdba;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #9ef0f0;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #9f1853;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #d02670;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ee5396;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ff7eb6;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffafd2;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffd6e8;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #a2191f;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #da1e28;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #fa4d56;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ff8389;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffb3b8;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffd7d9;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #8a3800;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ba4e00;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #eb6200;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ff832b;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffb784;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+6) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #ffd9be;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #684e00;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #8e6a00;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #b28600;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #d2a106;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #f1c21b;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+7) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #fddc69;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #0e6027;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #198038;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #24a148;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #42be65;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
-}
-
-.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(8n+8) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  --c4p--condition-builder__condition-wrapper-color: #a7f0ba;
-}
-
-.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(n+3) {
-  flex-basis: 100%;
-}
-.c4p--condition-builder__tree .c4p--condition-builder__groupConnector {
-  background-color: var(--cds-layer);
-}
-.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(1) .c4p--condition-builder__button,
-.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper > :nth-child(2) .c4p--condition-builder__button {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
-}
-
 .c4p--condition-builder__groupOperatorConnector {
   margin-bottom: 0.25rem;
 }
@@ -23701,20 +23453,13 @@ c4p--condition-builder__item-time {
   display: inline-flex;
 }
 
-.c4p--condition-builder [role=row] {
-  position: relative;
-  outline: none;
-}
-
-.c4p--condition-builder [role=row]:focus::after {
+[role=row]:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  position: absolute;
-  content: "";
-  inset: 0;
+  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
-  .c4p--condition-builder [role=row]:focus::after {
+  [role=row]:focus {
     outline-style: dotted;
   }
 }
@@ -23738,24 +23483,6 @@ c4p--condition-builder__item-time {
   text-wrap: nowrap;
 }
 
-.c4p--condition-builder__group-preview {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.c4p--condition-builder__connector-disabled {
-  display: flex;
-  min-width: 4rem;
-  align-items: center;
-  background-color: var(--cds-layer);
-  color: var(--cds-text-helper, #6f6f6f);
-  padding-inline: 0.5rem;
-}
-
-.c4p--condition-builder {
-  padding: 1.5rem;
-}
-
 .c4p--condition-builder__condition-builder__group {
   display: flex;
 }
@@ -23779,29 +23506,9 @@ c4p--condition-builder__item-time {
 
 .c4p--condition-builder__condition-block {
   display: flex;
-  width: max-content;
   flex-direction: row;
 }
 
-.c4p--condition-builder__content-container {
-  display: flex;
-  flex-direction: column;
-  row-gap: 0.25rem;
-}
-
-.c4p--condition-builder__heading {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-
-.c4p--condition-builder__tree .c4p--condition-builder__actions-container .c4p--condition-builder__condition-wrapper {
-  flex-direction: column;
-}
-
-.c4p--condition-builder__group-separator {
-  margin-top: 0.25rem;
-}
-
 /* stylelint-disable carbon/layout-token-use */
 /* stylelint-disable max-nesting-depth */
 .c4p--card__get-started {