@carbon/ibm-products 2.40.0 → 2.40.1-canary.11

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

@@ -15,41 +15,41 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   @include type-style('body-01');
 }
 
-.#{$block-class}__condition-builder-item__content {
+.#{$block-class}__item__content {
   overflow: auto;
   min-width: $spacing-07 + $spacing-13;
   max-width: $spacing-13 + $spacing-13;
   max-height: $spacing-13 + $spacing-13 + $spacing-07;
 }
 
-.#{$block-class}__condition-builder-item__title {
+.#{$block-class}__item__title {
   @include type-style('heading-01');
 
   padding: $spacing-05;
 }
 
-.#{$block-class}__condition-builder-item-option__search {
+.#{$block-class}__item-option__search {
   padding-block-end: $spacing-05;
   padding-inline: $spacing-05;
 }
 
-.#{$block-class}__condition-builder-item-option__option {
+.#{$block-class}__item-option__option {
   height: 2rem;
   cursor: pointer;
   padding-inline: $spacing-05;
 }
 
-.#{$block-class}__condition-builder-item-option__option:hover {
+.#{$block-class}__item-option__option:hover {
   background-color: $layer-hover;
 }
 
-.#{$block-class}__condition-builder-item-option__option-content {
+.#{$block-class}__item-option__option-content {
   display: flex;
   height: 100%;
   align-items: center;
 }
 
-.#{$block-class}__condition-builder-item-option__option-label {
+.#{$block-class}__item-option__option-label {
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -58,51 +58,51 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   white-space: nowrap;
 }
 
-.#{$block-class}__condition-builder-item-option
+.#{$block-class}__item-option
   > ul[aria-multiSelectable='true']
-  .#{$block-class}__condition-builder-item-option__option-label {
+  .#{$block-class}__item-option__option-label {
   justify-content: center;
 }
 
-.#{$block-class}__condition-builder-item-option__option:not(:first-of-type)
-  .#{$block-class}__condition-builder-item-option__option-content {
+.#{$block-class}__item-option__option:not(:first-of-type)
+  .#{$block-class}__item-option__option-content {
   border-block-start: 0.0625rem solid $border-subtle;
 }
 
-.#{$block-class}__condition-builder-item-option__option:hover
-  .#{$block-class}__condition-builder-item-option__option-content,
-.#{$block-class}__condition-builder-item-option__option[aria-selected='true']
-  .#{$block-class}__condition-builder-item-option__option-content,
-.#{$block-class}__condition-builder-item-option__option:hover
-  + .#{$block-class}__condition-builder-item-option__option
-  .#{$block-class}__condition-builder-item-option__option-content,
-.#{$block-class}__condition-builder-item-option__option[aria-selected='true']
-  + .#{$block-class}__condition-builder-item-option__option
-  .#{$block-class}__condition-builder-item-option__option-content {
+.#{$block-class}__item-option__option:hover
+  .#{$block-class}__item-option__option-content,
+.#{$block-class}__item-option__option[aria-selected='true']
+  .#{$block-class}__item-option__option-content,
+.#{$block-class}__item-option__option:hover
+  + .#{$block-class}__item-option__option
+  .#{$block-class}__item-option__option-content,
+.#{$block-class}__item-option__option[aria-selected='true']
+  + .#{$block-class}__item-option__option
+  .#{$block-class}__item-option__option-content {
   border-block-start-color: transparent;
 }
 
-.#{$block-class}__condition-builder-item-option__option[aria-selected='true'] {
+.#{$block-class}__item-option__option[aria-selected='true'] {
   background-color: $layer-selected;
 }
 
-.#{$block-class}__condition-builder-item-option__option[aria-selected='true']:hover {
+.#{$block-class}__item-option__option[aria-selected='true']:hover {
   background-color: $layer-selected-hover;
 }
 
-.#{$block-class}__condition-builder-item-date,
-.#{$block-class}__condition-builder-item-text,
-.#{$block-class}__condition-builder-item-number,
-#{$block-class}__condition-builder-item-time {
+.#{$block-class}__item-date,
+.#{$block-class}__item-text,
+.#{$block-class}__item-number,
+#{$block-class}__item-time {
   padding-block-end: $spacing-05;
   padding-inline: $spacing-05;
 }
 
-.#{$block-class}__condition-builder-checkmark {
+.#{$block-class}__checkmark {
   margin-left: auto;
 }
 
-.#{$block-class}__condition-builder-button {
+.#{$block-class}__button {
   @include utilities.button-reset();
 
   display: inline-flex;
@@ -115,7 +115,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   padding-inline: $spacing-03;
   white-space: nowrap;
 }
-.#{$block-class}__condition-builder-button:hover {
+.#{$block-class}__button:hover {
   background-color: $layer-hover;
 }
 .#{$block-class}__condition-builder__group.hoveredConnector
@@ -125,7 +125,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   background-color: $layer-hover;
 }
 
-.#{$block-class}__condition-builder-button:focus {
+.#{$block-class}__button:focus {
   @include focus-outline.focus-outline('outline');
 
   content: '';
@@ -162,7 +162,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   }
 }
 
-.#{$block-class}__condition-builder-item-option__option:focus {
+.#{$block-class}__item-option__option:focus {
   @include focus-outline.focus-outline('outline');
 }
 // .#{$block-class}__tree {
@@ -174,10 +174,10 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 //   }
 //   .#{$block-class}__condition-wrapper
 //     > :nth-child(1)
-//     .#{$block-class}__condition-builder-button,
+//     .#{$block-class}__button,
 //   .#{$block-class}__condition-wrapper
 //     > :nth-child(2)
-//     .#{$block-class}__condition-builder-button {
+//     .#{$block-class}__button {
 //     box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
 //   }
 // }

package/scss/components/Datagrid/styles/_datagrid.scss

@@ -394,7 +394,8 @@
   background: transparent;
 }
 
-.#{$block-class}__empty-state .#{$block-class}__table-simple td {
+.#{$block-class}__empty-state .#{$block-class}__table-simple td,
+.#{$block-class}__empty-state .#{$block-class}__table-virtual-scroll td {
   padding: $spacing-11;
 }
 

package/scss/components/Datagrid/styles/_useStickyColumn.scss

@@ -16,7 +16,7 @@
   right: 0;
   display: flex;
   align-items: center;
-  border-left: 1px solid $layer-active-02;
+  border-left: 1px solid $border-subtle;
 }
 
 .#{variables.$block-class}__right-sticky-column-header {
@@ -31,7 +31,7 @@
   left: 0;
   display: flex;
   align-items: center;
-  border-right: 1px solid $layer-active-02;
+  border-right: 1px solid $border-subtle;
 }
 
 .#{variables.$block-class}__left-sticky-column-header {
@@ -39,11 +39,11 @@
   position: sticky !important;
   z-index: 1;
   left: 0;
-  border-right: 1px solid $layer-active-02;
+  border-right: 1px solid $border-subtle;
 }
 
 .#{variables.$block-class}__right-sticky-column-header {
-  border-left: 1px solid $layer-active-02;
+  border-left: 1px solid $border-subtle;
 }
 
 .#{variables.$block-class}__left-sticky-column-cell.#{variables.$block-class}__left-sticky-column-cell--with-extra-select-column,

package/scss/components/TagOverflow/_tag-overflow.scss

@@ -68,6 +68,11 @@ $block-class-modal: #{$block-class}-modal;
   max-width: $spacing-09;
 }
 
+.#{c4p-settings.$carbon-prefix}--popover
+  .#{c4p-settings.$carbon-prefix}--popover-content {
+  white-space: normal;
+}
+
 .#{$block-class-overflow} {
   display: inline-block;
   vertical-align: bottom;
@@ -139,8 +144,6 @@ $block-class-modal: #{$block-class}-modal;
     margin: 0;
     background-color: inherit;
     color: inherit;
-    text-overflow: ellipsis;
-    white-space: nowrap;
   }
 
   .#{$block-class-overflow}__tag

package/scss/components/_index-with-carbon.scss

@@ -77,3 +77,4 @@
 @use './FilterPanel/index-with-carbon' as *;
 @use './ConditionBuilder/index-with-carbon' as *;
 @use './GetStartedCard/index-with-carbon' as *;
+@use './Guidebanner/index-with-carbon' as *;