@carbon/ibm-products 2.43.2-canary.78 → 2.43.2-canary.81

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.78+f83daec98",
+  "version": "2.43.2-canary.81+1b5cdaf01",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.20.0",
-    "@carbon/ibm-products-styles": "^2.41.0-rc.0",
+    "@carbon/ibm-products-styles": "^2.39.1-canary.91+1b5cdaf01",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -114,11 +114,11 @@
     "@carbon/grid": "^11.22.0",
     "@carbon/layout": "^11.21.0",
     "@carbon/motion": "^11.17.0",
-    "@carbon/react": "^1.55.0",
-    "@carbon/themes": "^11.34.0",
+    "@carbon/react": "^1.60.3",
+    "@carbon/themes": "^11.37.1",
     "@carbon/type": "^11.26.0",
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "f83daec98d4e886974a0f472caffb193d6b0d49c"
+  "gitHead": "1b5cdaf01d8c95acfed93d1c3dee03af7afa093f"
 }

package/scss/components/ConditionBuilder/_condition-builder.scss

@@ -69,3 +69,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 .#{$block-class}__group-separator {
   margin-top: $spacing-02;
 }
+.#{$block-class}__add-group,
+.#{$block-class}__group-separator {
+  width: fit-content;
+}

package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss

@@ -67,7 +67,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   pointer-events: none;
   transition: all $duration-moderate-02 motion(exit, expressive);
 }
-.#{$block-class}__connector-disabled {
+.#{$block-class}__connector--disabled {
   display: flex;
   min-width: $spacing-10;
   align-items: center;
@@ -75,3 +75,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   color: $text-helper;
   padding-inline: $spacing-03;
 }
+.#{$block-class}__condition-wrapper
+  > .#{$block-class}__condition-block:last-child
+  > .#{$block-class}__groupConnector {
+  margin-bottom: 0;
+}

package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss

@@ -18,7 +18,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   @include type-style('body-01');
 }
 
-.#{$block-class}__item__content {
+.#{$block-class}__popover-content-wrapper {
   overflow: auto;
   min-width: $spacing-07 + $spacing-13;
   max-width: $spacing-13 + $spacing-13;

package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss

@@ -5,8 +5,10 @@
 // LICENSE file in the root directory of this source tree.
 //
 
+// stylelint-disable carbon/layout-token-use
+
 @use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/spacing';
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/type/scss/font-family';
 @use '@carbon/layout' as *;
@@ -24,8 +26,8 @@
 
 .#{variables.$block-class}__customize-columns-tearsheet--actions
   input[role='searchbox'] {
-  height: $spacing-09;
-  padding-left: $spacing-09;
+  height: spacing.$spacing-09;
+  padding-left: spacing.$spacing-09;
   border-bottom: 1px solid $background-active;
 }
 
@@ -63,8 +65,8 @@
   z-index: 1;
   top: 0;
   display: flex;
-  height: $spacing-09;
-  padding-left: $spacing-08;
+  height: spacing.$spacing-09;
+  padding-left: spacing.$spacing-08;
   border-bottom: 1px solid $layer-active;
   background-color: $layer;
 

package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss

@@ -9,7 +9,7 @@
 
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/layout/scss/convert' as *;
-@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/spacing';
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/layout' as *;
 
@@ -25,7 +25,7 @@ $action-set-height: to-rem(64px);
 
 .#{variables.$block-class}-filter-flyout {
   position: absolute;
-  top: $spacing-09;
+  top: spacing.$spacing-09;
   right: 0;
   display: none;
   /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
@@ -53,7 +53,8 @@ $action-set-height: to-rem(64px);
 }
 
 .#{variables.$block-class}-filter-flyout__inner-container {
-  padding: $spacing-05 $spacing-05 $spacing-09 $spacing-05;
+  padding: spacing.$spacing-05 spacing.$spacing-05 spacing.$spacing-09
+    spacing.$spacing-05;
 }
 
 .#{variables.$block-class}-filter-flyout__inner-container::before {
@@ -74,7 +75,7 @@ $action-set-height: to-rem(64px);
   display: block;
   @include type-style('heading-compact-01');
 
-  margin-bottom: $spacing-06;
+  margin-bottom: spacing.$spacing-06;
 }
 
 .#{variables.$block-class}-filter-flyout__filters {