@carbon/ibm-products 2.42.1-canary.7 → 2.43.0

package/css/index.css

@@ -23245,7 +23245,7 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   overflow-y: auto;
 }
 
-.c4p--condition-builder__content-container * {
+.c4p--condition-builder__condition-wrapper * {
   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 > .conditionBlockWrapper .c4p--condition-builder__connector-button {
+.c4p--condition-builder__condition-builder__group.hoveredConnector .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block .c4p--condition-builder__connector-button {
   background-color: var(--cds-layer-hover);
 }
 
@@ -23410,10 +23410,6 @@ c4p--condition-builder__item-time {
   padding-left: 0.5rem;
 }
 
-.c4p--condition-builder__conditionWrapper {
-  display: flex;
-}
-
 .c4p--condition-builder__multiselectSelectionStatusContainer {
   display: flex;
   align-items: center;
@@ -23433,6 +23429,258 @@ 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;
 }
@@ -23453,13 +23701,20 @@ c4p--condition-builder__item-time {
   display: inline-flex;
 }
 
-[role=row]:focus {
+.c4p--condition-builder [role=row] {
+  position: relative;
+  outline: none;
+}
+
+.c4p--condition-builder [role=row]:focus::after {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-offset: 0;
+  position: absolute;
+  content: "";
+  inset: 0;
 }
 @media screen and (prefers-contrast) {
-  [role=row]:focus {
+  .c4p--condition-builder [role=row]:focus::after {
     outline-style: dotted;
   }
 }
@@ -23483,6 +23738,24 @@ 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;
 }
@@ -23506,9 +23779,29 @@ 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 {