Update type tokens

tektoncd · Jul 23, 2024 · d5b3e13 · d5b3e13
1 parent eb6134e
commit d5b3e13
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 16 deletions.
diff --git a/.storybook/welcome.scss b/.storybook/welcome.scss
@@ -29,12 +29,12 @@ limitations under the License.
   }
 
   h2 {
-    @include type-style('productive-heading-07');
+    @include type-style('heading-07');
     color: $text-primary;
   }
 
   h2 + p {
-    @include type-style('productive-heading-03');
+    @include type-style('heading-03');
     font-weight: 600;
   }
 
@@ -48,7 +48,7 @@ limitations under the License.
   }
 
   a:not([target="_self"]) {
-    @include type-style('body-short-01');
+    @include type-style('body-compact-01');
     outline: none;
     text-decoration: none;
     transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);

diff --git a/packages/components/src/components/RunHeader/RunHeader.scss b/packages/components/src/components/RunHeader/RunHeader.scss
@@ -15,7 +15,7 @@ limitations under the License.
 @use '@carbon/react/scss/type' as *;
 
 header.tkn--pipeline-run-header {
-  @include type-style('body-short-01');
+  @include type-style('body-compact-01');
   line-height: 1;
   background: $layer;
   margin-block-end: 2em;
@@ -30,7 +30,7 @@ header.tkn--pipeline-run-header {
   }
 
   h1.tkn--run-header--heading {
-    @include type-style('productive-heading-04');
+    @include type-style('heading-04');
     display: flex;
     align-items: baseline;
     block-size: 3rem;

diff --git a/src/containers/About/About.scss b/src/containers/About/About.scss
@@ -42,14 +42,14 @@ limitations under the License.
       }
 
       h1 {
-        @include type-style('productive-heading-04');
+        @include type-style('heading-04');
         color: $text-primary;
         margin-block-start: 2rem;
         margin-block-end: 1rem;
       }
 
       p {
-        @include type-style('body-long-01');
+        @include type-style('body-01');
         color: $text-secondary;
       }
     }
@@ -100,7 +100,7 @@ limitations under the License.
       grid-column: 2 / -1;
 
       h2.tkn--section-title {
-        @include type-style('productive-heading-03');
+        @include type-style('heading-03');
         color: $text-secondary;
       }
     }
@@ -129,7 +129,7 @@ limitations under the License.
     }
 
     h3 {
-      @include type-style('productive-heading-01');
+      @include type-style('heading-01');
       color: $text-primary;
       margin-block-end: 1rem;
     }
@@ -141,7 +141,7 @@ limitations under the License.
     }
 
     dd {
-      @include type-style('body-short-01');
+      @include type-style('body-compact-01');
       color: $text-primary;
       margin-block-end: $spacing-05;
 
@@ -178,7 +178,7 @@ limitations under the License.
       }
 
       p {
-        @include type-style('body-short-01');
+        @include type-style('body-compact-01');
         color: $text-primary;
         margin-block-end: 1rem;
         min-block-size: 2rem;

diff --git a/src/containers/NotFound/NotFound.scss b/src/containers/NotFound/NotFound.scss
@@ -28,14 +28,14 @@ limitations under the License.
   }
 
   h1 {
-    @include type-style('productive-heading-05');
+    @include type-style('heading-05');
     color: $text-primary;
     margin-block-start: $spacing-07;
     margin-block-end: $spacing-05;
   }
 
   p {
-    @include type-style('body-long-01');
+    @include type-style('body-01');
     color: $text-secondary;
   }
 
@@ -52,7 +52,7 @@ limitations under the License.
     }
 
     a {
-      @include type-style('body-short-02');
+      @include type-style('body-compact-02');
     }
   }
 }
diff --git a/src/scss/App.scss b/src/scss/App.scss
@@ -88,7 +88,7 @@ a {
     padding-block-start: $spacing-06;
 
     h1 {
-      @include type-style('productive-heading-04');
+      @include type-style('heading-04');
       margin-block-end: $spacing-06;
     }
 

diff --git a/src/scss/Triggers.scss b/src/scss/Triggers.scss
@@ -27,7 +27,7 @@ limitations under the License.
   }
   .tkn--details {
     li:not(:empty), p:not(:empty) {
-      @include type-style('body-short-02');
+      @include type-style('body-compact-02');
       margin-block-start: $spacing-03;
       span:first-child {
         font-weight: bold;