@carbon/ibm-products 2.43.2-canary.116 → 2.43.2-canary.118

package/css/index-full-carbon.css

@@ -21531,7 +21531,8 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   background-color: var(--cds-layer);
 }
 .c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper:not(.c4p--condition-builder__group-preview) > :nth-child(1) .c4p--condition-builder__button,
-.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper:not(.c4p--condition-builder__group-preview) > :nth-child(2) .c4p--condition-builder__button {
+.c4p--condition-builder__tree .c4p--condition-builder__condition-wrapper:not(.c4p--condition-builder__group-preview) > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
+.c4p--condition-builder__add-condition-sub-group) {
   /* stylelint-disable-next-line carbon/theme-token-use */
   box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
 }
@@ -21550,23 +21551,37 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   margin-left: auto;
 }
 
-.c4p--condition-builder__add-condition-sub-group-wrapper {
+.c4p--condition-builder__add-button-wrapper > :nth-child(1) {
   z-index: -1;
-  width: 0;
+  opacity: 0;
   pointer-events: none;
+  /* stylelint-disable-next-line carbon/layout-token-use */
   transform: translateX(-100%);
-  transition: transform cubic-bezier(0.2, 0, 1, 0.9) 110ms;
+  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.c4p--condition-builder__add-button-wrapper > :nth-child(2) {
+  z-index: -1;
+  opacity: 0;
+  pointer-events: none;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  transform: translateX(-200%);
+  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.c4p--condition-builder__add-condition-sub-group-wrapper--show {
+.c4p--condition-builder__condition-block:focus-within:first-child .c4p--condition-builder__add-button-wrapper > span,
+.c4p--condition-builder__condition--interacting .c4p--condition-builder__add-button-wrapper > span {
   z-index: 0;
-  width: auto;
+  opacity: 1;
   pointer-events: all;
   transform: translateX(0);
+  /* stylelint-disable-next-line carbon/motion-easing-use */
+  transition: transform cubic-bezier(0.2, 0, 1, 0.9) 110ms;
 }
 
 .c4p--condition-builder__invalid-input {
   display: flex;
+  direction: rtl;
 }
 
 .c4p--condition-builder__invalid-input > svg {
@@ -21609,15 +21624,8 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 
 .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
 .c4p--condition-builder__connector-button,
-.c4p--condition-builder__add-button) {
-  background-color: var(--cds-tag-background-red, #ffd7d9);
-  color: var(--cds-tag-color-red, #750e13);
-}
-
-.c4p--condition-builder__subgroup_deletionPreview .c4p--condition-builder__group {
-  /* stylelint-disable max-nesting-depth */
-}
-.c4p--condition-builder__subgroup_deletionPreview .c4p--condition-builder__group button {
+.c4p--condition-builder__add-button,
+.c4p--condition-builder__add-condition-sub-group) {
   background-color: var(--cds-tag-background-red, #ffd7d9);
   color: var(--cds-tag-color-red, #750e13);
 }