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

package/scss/components/CreateTearsheet/_create-tearsheet.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2021
+// Copyright IBM Corp. 2021, 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.
@@ -41,6 +41,11 @@ $tearsheet-divider-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__section
 $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--fieldset;
 
 .#{$create-tearsheet-block-class} .#{$step-block-class}__step--visible-step {
+  padding-right: $spacing-03;
+  padding-left: $spacing-03;
+
+  margin-left: 0;
+
   // stylelint-disable-next-line carbon/motion-easing-use
   animation: step-content-entrance $duration-slow-01;
   animation-fill-mode: forwards;
@@ -53,7 +58,6 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
 }
 
 .#{$step-block-class} .#{c4p-settings.$carbon-prefix}--css-grid {
-  padding-left: 0;
   margin-left: 0;
 }
 
@@ -78,7 +82,8 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
 
 .#{$create-tearsheet-block-class} .#{$create-tearsheet-block-class}__content {
   height: 100%;
-  padding: $spacing-06;
+  padding-top: $spacing-06;
+  padding-bottom: $spacing-06;
   overflow-x: hidden;
 }
 

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

@@ -628,3 +628,7 @@
     padding: 0 $spacing-03;
   }
 }
+
+.#{$block-class} .#{c4p-settings.$pkg-prefix}--datagrid__head-wrap {
+  background-color: $layer-accent;
+}

package/scss/components/Datagrid/styles/_useSortableColumns.scss

@@ -24,7 +24,9 @@
     .#{c4p-settings.$carbon-prefix}--table-sort:focus,
   .#{c4p-settings.$carbon-prefix}--table-header-label
     .#{c4p-settings.$carbon-prefix}--table-sort:active,
-  .#{c4p-settings.$carbon-prefix}--table-header-label button:focus svg {
+  .#{c4p-settings.$carbon-prefix}--table-header-label
+    button:focus
+    .#{$block-class}__sortable-icon {
     /* stylelint-disable-next-line declaration-no-important */
     background: none !important;
     /* stylelint-disable-next-line declaration-no-important */
@@ -54,7 +56,7 @@
   }
   .#{c4p-settings.$carbon-prefix}--table-header-label
     .#{c4p-settings.$carbon-prefix}--table-sort
-    svg {
+    .#{$block-class}__sortable-icon {
     fill: $text-primary;
     opacity: 0;
     visibility: hidden;
@@ -69,7 +71,8 @@
 .#{$block-class}__sortableColumn:hover,
 .#{$block-class}__sortableColumn:focus-within,
 .#{$block-class}__sortableColumn.#{$block-class}__isSorted {
-  .#{c4p-settings.$carbon-prefix}--table-header-label svg {
+  .#{c4p-settings.$carbon-prefix}--table-header-label
+    .#{$block-class}__sortable-icon {
     opacity: 1;
     visibility: visible;
   }

package/scss/components/EmptyStates/_empty-state.scss

@@ -18,8 +18,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--empty-state;
 
   .#{$block-class}__header {
     @include type.type-style('heading-03');
-    // stylelint-disable-next-line carbon/layout-token-use
-    padding-bottom: calc($spacing-01 + $spacing-02);
+
+    padding-bottom: $spacing-03;
     margin: 0;
   }
 

package/scss/components/SidePanel/_side-panel.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.
@@ -314,19 +314,10 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
     margin-bottom: $spacing-03;
     background-color: $layer-01;
     transition: transform $duration-moderate-01 motion(standard);
-    .#{$block-class}__action-toolbar-button {
-      min-width: 2rem;
-      &.#{$block-class}__action-toolbar-icon-only-button {
-        padding: 0;
-        color: $text-primary;
-      }
-      &.#{$block-class}__action-toolbar-icon-only-button svg {
-        margin-left: $spacing-03;
-      }
-      &.#{$block-class}__action-toolbar-leading-button {
-        margin-right: $spacing-03;
-      }
-    }
+  }
+
+  .#{$block-class}__action-toolbar-leading-button {
+    margin-right: $spacing-03;
   }
 
   .#{c4p-settings.$carbon-prefix}--btn.#{$block-class}__navigation-back-button {