@carbon/ibm-products 1.11.2 → 1.14.0

package/scss/components/PageHeader/_page-header.scss

@@ -356,6 +356,9 @@ $right-section-alt-width: 100% - $left-section-alt-width;
     .#{$block-class}__title-row {
       margin-top: 0;
       margin-bottom: 0;
+      transform: translateY(
+        $spacing-01
+      ); // position adjusted for editable title focus outline
 
       @include carbon--breakpoint-up('md') {
         flex-wrap: nowrap; /* assume enough space */
@@ -363,6 +366,7 @@ $right-section-alt-width: 100% - $left-section-alt-width;
 
       &.#{$block-class}__title-row--under-action-bar {
         margin-top: $spacing-05;
+        transform: translateY(0); // Not needed under action bar
       }
 
       + .#{$block-class}__last-row-buffer--active {

package/scss/components/RemoveModal/_remove-modal.scss

@@ -17,15 +17,15 @@
 @mixin remove-modal {
   $block-class: #{$pkg-prefix}--remove-modal;
 
-  .#{$block-class} .bx--modal-footer .bx--btn {
+  .#{$block-class} .#{$carbon-prefix}--modal-footer .#{$carbon-prefix}--btn {
     max-width: none;
   }
 
-  .#{$block-class} .bx--modal-content {
+  .#{$block-class} .#{$carbon-prefix}--modal-content {
     padding-right: $spacing-05;
   }
 
-  .#{$block-class} .bx--modal-close {
+  .#{$block-class} .#{$carbon-prefix}--modal-close {
     display: none;
   }
 

package/scss/components/TagSet/_tag-set.scss

@@ -114,6 +114,7 @@ $block-class-modal: #{$block-class}-modal;
     &.#{$block-class-overflow}__tooltip {
       // removes the min width in Carbon
       min-width: initial;
+      text-align: left;
     }
 
     .#{$block-class-overflow}__show-all-tags-link {
@@ -138,7 +139,7 @@ $block-class-modal: #{$block-class}-modal;
     }
 
     .#{$block-class-overflow}__tag .#{$carbon-prefix}--tag__close-icon {
-      // undo override by .bx--tooltip button
+      // undo override by .#{$carbon-prefix}--tooltip button
       padding: 0;
     }
 

package/scss/components/Tearsheet/_tearsheet.scss

@@ -48,7 +48,6 @@
         background-color $motion-duration motion(entrance, expressive),
         opacity $motion-duration motion(entrance, expressive);
       @media (prefers-reduced-motion: reduce) {
-        // stylelint-disable-next-line carbon/motion-token-use
         transition: none;
       }
     }
@@ -267,7 +266,7 @@
     &.#{$block-class}--wide .#{$block-class}__content {
       background: $ui-background;
 
-      // revert the background colour overridden by bx--modal styles
+      // revert the background color overridden by #{$carbon-prefix}--modal styles
       .#{$prefix}--pagination,
       .#{$prefix}--pagination__control-buttons,
       .#{$prefix}--text-input,
@@ -281,6 +280,10 @@
         background-color: $field-01;
       }
 
+      .#{$prefix}--select--inline .#{$prefix}--select-input {
+        background-color: transparent;
+      }
+
       // and restore the 'light' prop in case light fields are wanted
       .#{$prefix}--text-input--light,
       .#{$prefix}--text-area--light,

package/scss/components/_index.scss

@@ -44,3 +44,4 @@
 @import './OptionsTile/index';
 @import './InlineEdit/index';
 @import './DataSpreadsheet/index';
+@import './Datagrid/index';