@carbon/ibm-products 2.0.0-rc.22 → 2.0.0-rc.24

package/scss/components/Tearsheet/_tearsheet.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2020, 2022
+// Copyright IBM Corp. 2020, 2023
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -224,6 +224,10 @@ $motion-duration: $duration-moderate-02;
     padding-right: $spacing-10;
   }
 
+  &.#{$block-class}--narrow .#{$block-class}__header-description {
+    max-width: 80%;
+  }
+
   .#{$block-class}__header-navigation {
     margin: $spacing-04 0 0;
   }
@@ -266,6 +270,7 @@ $motion-duration: $duration-moderate-02;
   .#{$block-class}__main {
     display: flex;
     flex-direction: row;
+    background-color: $layer;
     grid-column: 1 / -1;
     grid-row: 1 / -1;
   }
@@ -281,9 +286,7 @@ $motion-duration: $duration-moderate-02;
   }
 
   &.#{$block-class}--wide .#{$block-class}__content {
-    background: $background;
-
-    // revert the background color overridden by #{$carbon-prefix}--modal styles
+    // Revert background color overridden by Carbon's modal - https://github.com/carbon-design-system/carbon/blob/main/packages/styles/scss/components/modal/_modal.scss#L54
     .#{$carbon-prefix}--pagination,
     .#{$carbon-prefix}--pagination__control-buttons,
     .#{$carbon-prefix}--text-input,
@@ -294,7 +297,7 @@ $motion-duration: $duration-moderate-02;
     .#{$carbon-prefix}--dropdown-list,
     .#{$carbon-prefix}--number input[type='number'],
     .#{$carbon-prefix}--date-picker__input {
-      background-color: $field-01;
+      background-color: $field;
     }
 
     .#{$carbon-prefix}--select--inline .#{$carbon-prefix}--select-input {