@carbon/ibm-products 2.1.3 → 2.3.0

package/scss/components/DataSpreadsheet/_data-spreadsheet.scss

@@ -56,7 +56,7 @@ $header-cell-background: $layer-accent-01;
 
   .#{$block-class}__th,
   .#{$block-class}__td {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     width: 100%;
     height: 100%;
@@ -117,13 +117,13 @@ $header-cell-background: $layer-accent-01;
     text-align: left;
   }
   .#{$block-class}__th {
-    @include type.type-style('productive-heading-01');
+    @include type.type-style('heading-compact-01');
 
     color: $text-primary;
     text-align: left;
   }
   .#{$block-class}__cell-editor {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
     @include utilities.focus-outline('reset');
 
     position: absolute;
@@ -151,7 +151,7 @@ $header-cell-background: $layer-accent-01;
     }
   }
   .#{$block-class}__cell-editor-ruler {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     position: absolute;
     overflow: hidden;
@@ -167,7 +167,7 @@ $header-cell-background: $layer-accent-01;
     }
   }
   .#{$block-class}__active-cell--highlight {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
     @include set-body-borders();
 
     position: absolute;

package/scss/components/Datagrid/_storybook-styles.scss

@@ -66,13 +66,13 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
 }
 
 .#{$block-class}__side-panel-value {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   padding-left: $spacing-03;
 }
 
 .#{$block-class}__side-panel-section-header {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 
   padding-bottom: $spacing-02;
 }

package/scss/components/EditSidePanel/_edit-side-panel.scss

@@ -32,13 +32,13 @@ $side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;
   }
 
   .#{$block-class}__form-title-text {
-    @include type.type-style('productive-heading-02');
+    @include type.type-style('heading-compact-02');
 
     padding-bottom: $spacing-03;
   }
 
   .#{$block-class}__form-description-text {
-    @include type.type-style('body-long-01');
+    @include type.type-style('body-01');
   }
 
   &.#{$side-panel-block-class}

package/scss/components/EditTearsheet/_edit-tearsheet.scss

@@ -115,14 +115,14 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-edit__form--fi
 
 .#{$block-class} .#{$block-class}__section--subtitle,
 .#{$block-class} .#{$block-class}__form--subtitle {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 
   margin-bottom: $spacing-03;
 }
 
 .#{$block-class} .#{$block-class}__section--description,
 .#{$block-class} .#{$block-class}__form--description {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   margin-bottom: $spacing-06;
 }

package/scss/components/EditTearsheet/_storybook-styles.scss

@@ -16,7 +16,7 @@
 $preview-block-class: #{c4p-settings.$pkg-prefix}--tearsheet-edit-multi-form;
 
 .#{$preview-block-class}__description {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   padding-bottom: $spacing-04;
 }

package/scss/components/ImportModal/_import-modal.scss

@@ -55,7 +55,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--import-modal;
 .#{$block-class} .#{$block-class}__file-drop-header,
 .#{$block-class} .#{$block-class}__label {
   margin-bottom: $spacing-03;
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 }
 
 .#{$block-class}__helper-text {

package/scss/components/NotificationsPanel/_notifications-panel.scss

@@ -82,7 +82,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--notifications-panel;
       color: $text-primary;
     }
     .#{$block-class}__header {
-      @include type.type-style('productive-heading-01');
+      @include type.type-style('heading-compact-01');
 
       margin: 0;
     }
@@ -252,7 +252,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--notifications-panel;
     justify-content: center;
     margin-top: $spacing-13;
     .#{c4p-settings.$pkg-prefix}-subtext {
-      @include type.type-style('body-short-01');
+      @include type.type-style('body-compact-01');
     }
   }
   .#{$block-class}__main-section {

package/scss/components/OptionsTile/_storybook-styles.scss

@@ -18,7 +18,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--options-tile;
 }
 
 .#{$block-class}__content p {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   margin-bottom: $spacing-06;
 }

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

@@ -431,7 +431,7 @@ $right-section-alt-width: 100% - $left-section-alt-width;
   }
 
   .#{$block-class}__title {
-    @include type.type-style('productive-heading-04');
+    @include type.type-style('heading-04');
 
     min-height: $spacing-08;
     overflow-x: hidden;
@@ -538,11 +538,11 @@ $right-section-alt-width: 100% - $left-section-alt-width;
   }
 
   .#{$block-class}__subtitle {
-    @include type.type-style('body-long-01');
+    @include type.type-style('body-01');
   }
 
   .#{$block-class}__available-row {
-    @include type.type-style('body-long-01');
+    @include type.type-style('body-01');
 
     margin-top: $spacing-03;
 
@@ -557,7 +557,7 @@ $right-section-alt-width: 100% - $left-section-alt-width;
 
   .#{$block-class}__available-row * {
     // default content of available row to body-long-01
-    @include type.type-style('body-long-01');
+    @include type.type-style('body-01');
   }
 
   .#{$block-class}__navigation-row {

package/scss/components/Saving/_saving.scss

@@ -26,7 +26,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--saving;
 }
 
 .#{$block-class}__text {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 }
 
 .#{$block-class}__buttons {

package/scss/components/SidePanel/_side-panel.scss

@@ -164,7 +164,7 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
     );
   }
   .#{$block-class}__title-text {
-    @include type.type-style('productive-heading-03');
+    @include type.type-style('heading-03');
     @include setCommonTitleStyles();
 
     position: inherit;
@@ -184,7 +184,7 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
     white-space: nowrap;
   }
   .#{$block-class}__collapsed-title-text {
-    @include type.type-style('productive-heading-02');
+    @include type.type-style('heading-compact-02');
     @include setCommonTitleStyles();
 
     position: absolute;
@@ -194,7 +194,7 @@ $action-set-block-class: #{c4p-settings.$pkg-prefix}--action-set;
     transform: translateY(var(--#{$block-class}--collapsed-title-y-position));
   }
   .#{$block-class}__subtitle-text {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     overflow: hidden;
     padding: 0 $spacing-09 $spacing-05 $spacing-05;

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

@@ -145,7 +145,7 @@ $block-class-modal: #{$_block-class}-modal;
 
   .#{$block-class-overflow}__tag-item,
   .#{$block-class-overflow}__tag-item .#{$carbon-prefix}--tag {
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     display: block;
     overflow: hidden;

package/scss/components/Tearsheet/_tearsheet.scss

@@ -183,7 +183,7 @@ $motion-duration: $duration-moderate-02;
 
   &.#{$block-class}--wide
     .#{$carbon-prefix}--modal-header__heading.#{$block-class}__heading {
-    @include type.type-style('productive-heading-04');
+    @include type.type-style('heading-04');
   }
 
   .#{$block-class}__header-description {
@@ -191,7 +191,7 @@ $motion-duration: $duration-moderate-02;
     overflow: hidden;
     max-width: 100%;
     margin-top: $spacing-05;
-    @include type.type-style('body-short-01');
+    @include type.type-style('body-compact-01');
 
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;

package/scss/components/UserProfileImage/_user-profile-image.scss

@@ -128,12 +128,12 @@ $theme-keys: map-keys($themes);
 
 .#{$block-class}--xl {
   @include size('xl');
-  @include type.type-style('productive-heading-04');
+  @include type.type-style('heading-04');
 }
 
 .#{$block-class}--lg {
   @include size('lg');
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 }
 
 .#{$block-class}--md {