fix: update type and theme tokens (#3144)

* fix(Token): update type and theme tokens * fix(Token): update type theme tokens in patterns * chore(TokenUpate): revert toolbar test * chore(Token): snapshot updated
carbon-design-system · Jun 21, 2023 · 36a0615 · 36a0615
1 parent f2da565
commit 36a0615
Show file tree

Hide file tree

Showing 22 changed files with 194 additions and 194 deletions.
diff --git a/packages/ibm-products/src/__tests__/__snapshots__/styles.test.js.snap b/packages/ibm-products/src/__tests__/__snapshots__/styles.test.js.snap
diff --git a/packages/ibm-products/src/components/AddSelect/_add-select.scss b/packages/ibm-products/src/components/AddSelect/_add-select.scss
@@ -145,7 +145,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
   border-bottom: 1px solid $layer-accent-01;
 
   .#{$block-class}__sidebar-title {
-    @include type.type-style('productive-heading-02');
+    @include type.type-style('heading-compact-02');
   }
 }
 
@@ -177,7 +177,7 @@ $tearsheet-class: #{$pkg-prefix}--tearsheet;
 }
 
 .#{$block-class} .#{$block-class}__sidebar-item-body {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   margin-bottom: $spacing-05;
 }
@@ -342,15 +342,15 @@ button.#{$block-class}__global-filter-toggle {
 }
 
 .#{$block-class}__meta-panel p.#{$block-class}__meta-panel-title {
-  @include type.type-style('productive-heading-03');
+  @include type.type-style('heading-03');
 }
 
 .#{$block-class}__meta-panel p.#{$block-class}__meta-panel-entry-title {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 }
 
 .#{$block-class}__meta-panel p.#{$block-class}__meta-panel-entry-body {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 }
 
 // overrides
@@ -391,7 +391,7 @@ button.#{$block-class}__global-filter-toggle {
 }
 
 .#{$block-class} .#{$block-class}__items-label {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 }
 
 .#{$block-class}

diff --git a/packages/ibm-products/src/components/CreateFullPage/_create-full-page.scss b/packages/ibm-products/src/components/CreateFullPage/_create-full-page.scss
@@ -41,13 +41,13 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
 }
 
 .#{$block-class} .#{$block-class}__step-subtitle {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 
   margin-bottom: $spacing-03;
 }
 
 .#{$block-class} .#{$block-class}__step-description {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   margin-bottom: $spacing-06;
 }
@@ -139,7 +139,7 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
 }
 
 .#{$block-class} .#{$block-class}__step-title {
-  @include type.type-style('productive-heading-04');
+  @include type.type-style('heading-04');
 
   margin-bottom: $spacing-05;
 }

diff --git a/packages/ibm-products/src/components/CreateModal/_create-modal.scss b/packages/ibm-products/src/components/CreateModal/_create-modal.scss
@@ -46,20 +46,20 @@
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal__title {
-  @include type.type-style('productive-heading-03');
+  @include type.type-style('heading-03');
 
   margin-bottom: $spacing-02;
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal__subtitle {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   margin-bottom: $spacing-03;
   color: $text-secondary;
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal__description {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   padding-right: calc(20% - #{$spacing-05});
   margin: $spacing-03 0 $spacing-05 0;

diff --git a/packages/ibm-products/src/components/CreateSidePanel/_create-side-panel.scss b/packages/ibm-products/src/components/CreateSidePanel/_create-side-panel.scss
@@ -56,13 +56,13 @@ $side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;
 }
 
 .#{$create-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;
 }
 
 .#{$create-side-panel-block-class}__form-description-text {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 }
 
 .#{$create-side-panel-block-class}.#{$side-panel-block-class}
@@ -71,13 +71,13 @@ $side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;
 }
 
 .#{$create-side-panel-block-class}__title {
-  @include type.type-style('productive-heading-03');
+  @include type.type-style('heading-03');
 
   margin-bottom: $spacing-02;
 }
 
 .#{$create-side-panel-block-class}__subtitle {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   margin-bottom: $spacing-03;
   color: $text-secondary;

diff --git a/packages/ibm-products/src/components/CreateTearsheet/_create-tearsheet.scss b/packages/ibm-products/src/components/CreateTearsheet/_create-tearsheet.scss
@@ -133,7 +133,7 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
   .#{$create-tearsheet-block-class}__section--subtitle,
 .#{$create-tearsheet-block-class}
   .#{$create-tearsheet-block-class}__step--subtitle {
-  @include type.type-style('productive-heading-01');
+  @include type.type-style('heading-compact-01');
 
   margin-bottom: $spacing-03;
 }
@@ -142,7 +142,7 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
   .#{$create-tearsheet-block-class}__section--description,
 .#{$create-tearsheet-block-class}
   .#{$create-tearsheet-block-class}__step--description {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 
   margin-bottom: $spacing-06;
 }

diff --git a/packages/ibm-products/src/components/CreateTearsheet/_storybook-styles.scss b/packages/ibm-products/src/components/CreateTearsheet/_storybook-styles.scss
@@ -13,7 +13,7 @@
 $preview-block-class: #{c4p-settings.$pkg-prefix}--tearsheet-create-multi-step;
 
 .#{$preview-block-class}__description {
-  @include type.type-style('body-short-01');
+  @include type.type-style('body-compact-01');
 
   padding-bottom: $spacing-04;
 }

diff --git a/packages/ibm-products/src/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss b/packages/ibm-products/src/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss
@@ -51,11 +51,11 @@ $block-class: #{c4p-settings.$pkg-prefix}--create-tearsheet-narrow;
 }
 
 .#{$block-class} .#{$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} .#{$block-class}__form-description-text {
-  @include type.type-style('body-long-01');
+  @include type.type-style('body-01');
 }
diff --git a/packages/ibm-products/src/components/DataSpreadsheet/_data-spreadsheet.scss b/packages/ibm-products/src/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;

diff --git a/packages/ibm-products/src/components/Datagrid/_storybook-styles.scss b/packages/ibm-products/src/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;
 }

diff --git a/packages/ibm-products/src/components/EditSidePanel/_edit-side-panel.scss b/packages/ibm-products/src/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}

diff --git a/packages/ibm-products/src/components/EditTearsheet/_edit-tearsheet.scss b/packages/ibm-products/src/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;
 }

diff --git a/packages/ibm-products/src/components/EditTearsheet/_storybook-styles.scss b/packages/ibm-products/src/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;
 }

diff --git a/packages/ibm-products/src/components/ImportModal/_import-modal.scss b/packages/ibm-products/src/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 {

diff --git a/packages/ibm-products/src/components/NotificationsPanel/_notifications-panel.scss b/packages/ibm-products/src/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 {

diff --git a/packages/ibm-products/src/components/OptionsTile/_storybook-styles.scss b/packages/ibm-products/src/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;
 }

diff --git a/packages/ibm-products/src/components/PageHeader/_page-header.scss b/packages/ibm-products/src/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 {

diff --git a/packages/ibm-products/src/components/Saving/_saving.scss b/packages/ibm-products/src/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 {

diff --git a/packages/ibm-products/src/components/SidePanel/_side-panel.scss b/packages/ibm-products/src/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;

diff --git a/packages/ibm-products/src/components/TagSet/_tag-set.scss b/packages/ibm-products/src/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;

diff --git a/packages/ibm-products/src/components/Tearsheet/_tearsheet.scss b/packages/ibm-products/src/components/Tearsheet/_tearsheet.scss
@@ -183,15 +183,15 @@ $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 {
     display: -webkit-box;
     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;