@seed-design/design-token - npm Package Compare versions

Comparing version 1.0.0-beta.4 to 1.0.0-beta.5

lib/vars/semantic/color.d.ts

 export declare const onPrimary = "var(--seed-semantic-color-on-primary)";
-export declare const overlayLow = "var(--seed-semantic-color-overlay-low)";
-export declare const overlayDim = "var(--seed-semantic-color-overlay-dim)";
-export declare const onPrimaryOverlay50 = "var(--seed-semantic-color-on-primary-overlay-50)";
-export declare const onPrimaryOverlay200 = "var(--seed-semantic-color-on-primary-overlay-200)";
 export declare const primary = "var(--seed-semantic-color-primary)";
@@ -16,2 +12,4 @@ export declare const primaryLow = "var(--seed-semantic-color-primary-low)";
 export declare const dangerLow = "var(--seed-semantic-color-danger-low)";
+export declare const overlayLow = "var(--seed-semantic-color-overlay-low)";
+export declare const overlayDim = "var(--seed-semantic-color-overlay-dim)";
 export declare const paperSheet = "var(--seed-semantic-color-paper-sheet)";
@@ -31,3 +29,4 @@ export declare const paperDialog = "var(--seed-semantic-color-paper-dialog)";
 export declare const grayPressed = "var(--seed-semantic-color-gray-pressed)";
-export declare const grayActive = "var(--seed-semantic-color-gray-active)";
+export declare const onPrimaryOverlay50 = "var(--seed-semantic-color-on-primary-overlay-50)";
+export declare const onPrimaryOverlay200 = "var(--seed-semantic-color-on-primary-overlay-200)";
 export declare const onPrimaryLowOverlay50 = "var(--seed-semantic-color-on-primary-low-overlay-50)";
@@ -45,1 +44,2 @@ export declare const onPrimaryLowOverlay100 = "var(--seed-semantic-color-on-primary-low-overlay-100)";
 export declare const inkTextLow = "var(--seed-semantic-color-ink-text-low)";
+export declare const grayActive = "var(--seed-semantic-color-gray-active)";

lib/vars/static/fontWeight.d.ts

@@ -0,2 +1,2 @@
+export declare const regular = "var(--seed-static-font-weight-regular)";
 export declare const bold = "var(--seed-static-font-weight-bold)";
-export declare const regular = "var(--seed-static-font-weight-regular)";

lib/vars/static/index.d.ts

 export * as color from './color';
 export * as fontWeight from './fontWeight';
-export * as letterSpacing from './letterSpacing';

package.json

 {
   "name": "@seed-design/design-token",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "sideEffects": false,
@@ -5,0 +5,0 @@ "repository": {

src/vars/scale/dimension.ts

@@ -18,2 +18,2 @@ export const fontSize10 = 'var(--seed-scale-dimension-font-size-10)';
 export const fontSize1200 = 'var(--seed-scale-dimension-font-size-1200)';
-export const fontSize1300 = 'var(--seed-scale-dimension-font-size-1300)';
+export const fontSize1300 = 'var(--seed-scale-dimension-font-size-1300)';

src/vars/semantic/color.ts

 export const onPrimary = 'var(--seed-semantic-color-on-primary)';
-export const overlayLow = 'var(--seed-semantic-color-overlay-low)';
-export const overlayDim = 'var(--seed-semantic-color-overlay-dim)';
-export const onPrimaryOverlay50 = 'var(--seed-semantic-color-on-primary-overlay-50)';
-export const onPrimaryOverlay200 = 'var(--seed-semantic-color-on-primary-overlay-200)';
 export const primary = 'var(--seed-semantic-color-primary)';
@@ -16,2 +12,4 @@ export const primaryLow = 'var(--seed-semantic-color-primary-low)';
 export const dangerLow = 'var(--seed-semantic-color-danger-low)';
+export const overlayLow = 'var(--seed-semantic-color-overlay-low)';
+export const overlayDim = 'var(--seed-semantic-color-overlay-dim)';
 export const paperSheet = 'var(--seed-semantic-color-paper-sheet)';
@@ -31,3 +29,4 @@ export const paperDialog = 'var(--seed-semantic-color-paper-dialog)';
 export const grayPressed = 'var(--seed-semantic-color-gray-pressed)';
-export const grayActive = 'var(--seed-semantic-color-gray-active)';
+export const onPrimaryOverlay50 = 'var(--seed-semantic-color-on-primary-overlay-50)';
+export const onPrimaryOverlay200 = 'var(--seed-semantic-color-on-primary-overlay-200)';
 export const onPrimaryLowOverlay50 = 'var(--seed-semantic-color-on-primary-low-overlay-50)';
@@ -44,2 +43,3 @@ export const onPrimaryLowOverlay100 = 'var(--seed-semantic-color-on-primary-low-overlay-100)';
 export const inkText = 'var(--seed-semantic-color-ink-text)';
-export const inkTextLow = 'var(--seed-semantic-color-ink-text-low)';
+export const inkTextLow = 'var(--seed-semantic-color-ink-text-low)';
+export const grayActive = 'var(--seed-semantic-color-gray-active)';

src/vars/semantic/typography.ts

 export const h1 = {
-  fontSize: 'var(--seed-semantic-typography-h1-dimension)',
+  fontSize: 'var(--seed-semantic-typography-h1-font-size)',
   fontWeight: 'var(--seed-semantic-typography-h1-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-h1-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h1-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-h1-letter-spacing)',
 };
 
 export const h2 = {
-  fontSize: 'var(--seed-semantic-typography-h2-dimension)',
+  fontSize: 'var(--seed-semantic-typography-h2-font-size)',
   fontWeight: 'var(--seed-semantic-typography-h2-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-h2-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h2-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-h2-letter-spacing)',
 };
 
 export const h3 = {
-  fontSize: 'var(--seed-semantic-typography-h3-dimension)',
+  fontSize: 'var(--seed-semantic-typography-h3-font-size)',
   fontWeight: 'var(--seed-semantic-typography-h3-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-h3-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h3-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-h3-letter-spacing)',
 };
 
 export const h4 = {
-  fontSize: 'var(--seed-semantic-typography-h4-dimension)',
+  fontSize: 'var(--seed-semantic-typography-h4-font-size)',
   fontWeight: 'var(--seed-semantic-typography-h4-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-h4-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-h4-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-h4-letter-spacing)',
 };
 
 export const title1Bold = {
-  fontSize: 'var(--seed-semantic-typography-title1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title1-bold-letter-spacing)',
 };
 
 export const title1Regular = {
-  fontSize: 'var(--seed-semantic-typography-title1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title1-regular-letter-spacing)',
 };
 
 export const title2Bold = {
-  fontSize: 'var(--seed-semantic-typography-title2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title2-bold-letter-spacing)',
 };
 
 export const title2Regular = {
-  fontSize: 'var(--seed-semantic-typography-title2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title2-regular-letter-spacing)',
 };
 
 export const title3Bold = {
-  fontSize: 'var(--seed-semantic-typography-title3-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title3-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title3-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title3-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title3-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title3-bold-letter-spacing)',
 };
 
 export const title3Regular = {
-  fontSize: 'var(--seed-semantic-typography-title3-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-title3-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-title3-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-title3-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-title3-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-title3-regular-letter-spacing)',
 };
 
 export const subtitle1Bold = {
-  fontSize: 'var(--seed-semantic-typography-subtitle1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-subtitle1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-subtitle1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-subtitle1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-subtitle1-bold-letter-spacing)',
 };
 
 export const subtitle1Regular = {
-  fontSize: 'var(--seed-semantic-typography-subtitle1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-subtitle1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-subtitle1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-subtitle1-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-subtitle1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-subtitle1-regular-letter-spacing)',
 };
 
 export const subtitle2Bold = {
-  fontSize: 'var(--seed-semantic-typography-subtitle2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-subtitle2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-subtitle2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-subtitle2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-subtitle2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-subtitle2-bold-letter-spacing)',
 };
 
 export const subtitle2Regular = {
-  fontSize: 'var(--seed-semantic-typography-subtitle2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-subtitle2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-subtitle2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-subtitle2-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-subtitle2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-subtitle2-regular-letter-spacing)',
 };
 
 export const bodyL1Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-l1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-l1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-l1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-l1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-l1-bold-letter-spacing)',
 };
 
 export const bodyL1Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-l1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-l1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-l1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-l1-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-body-l1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-l1-regular-letter-spacing)',
 };
 
 export const bodyL2Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-l2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-l2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-l2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-l2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-l2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-l2-bold-letter-spacing)',
 };
 
 export const bodyL2Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-l2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-l2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-l2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-l2-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-body-l2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-l2-regular-letter-spacing)',
 };
 
 export const bodyM1Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-m1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-m1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-m1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-m1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-m1-bold-letter-spacing)',
 };
 
 export const bodyM1Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-m1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-m1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-m1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-m1-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-body-m1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-m1-regular-letter-spacing)',
 };
 
 export const bodyM2Bold = {
-  fontSize: 'var(--seed-semantic-typography-body-m2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-m2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-m2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-m2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-body-m2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-m2-bold-letter-spacing)',
 };
 
 export const bodyM2Regular = {
-  fontSize: 'var(--seed-semantic-typography-body-m2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-body-m2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-body-m2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-body-m2-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-body-m2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-body-m2-regular-letter-spacing)',
 };
 
 export const caption1Bold = {
-  fontSize: 'var(--seed-semantic-typography-caption1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-caption1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-caption1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-caption1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-caption1-bold-letter-spacing)',
 };
 
 export const caption1Regular = {
-  fontSize: 'var(--seed-semantic-typography-caption1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-caption1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-caption1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-caption1-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-caption1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-caption1-regular-letter-spacing)',
 };
 
 export const caption2Bold = {
-  fontSize: 'var(--seed-semantic-typography-caption2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-caption2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-caption2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-caption2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-caption2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-caption2-bold-letter-spacing)',
 };
 
 export const caption2Regular = {
-  fontSize: 'var(--seed-semantic-typography-caption2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-caption2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-caption2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-caption2-regular-line-height)',
-  letterSpacing:
-    'var(--seed-semantic-typography-caption2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-caption2-regular-letter-spacing)',
 };
 
 export const label1Bold = {
-  fontSize: 'var(--seed-semantic-typography-label1-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label1-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label1-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label1-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label1-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label1-bold-letter-spacing)',
 };
 
 export const label1Regular = {
-  fontSize: 'var(--seed-semantic-typography-label1-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label1-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label1-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label1-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label1-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label1-regular-letter-spacing)',
 };
 
 export const label2Bold = {
-  fontSize: 'var(--seed-semantic-typography-label2-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label2-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label2-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label2-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label2-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label2-bold-letter-spacing)',
 };
 
 export const label2Regular = {
-  fontSize: 'var(--seed-semantic-typography-label2-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label2-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label2-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label2-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label2-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label2-regular-letter-spacing)',
 };
 
 export const label3Bold = {
-  fontSize: 'var(--seed-semantic-typography-label3-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label3-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label3-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label3-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label3-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label3-bold-letter-spacing)',
 };
 
 export const label3Regular = {
-  fontSize: 'var(--seed-semantic-typography-label3-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label3-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label3-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label3-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label3-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label3-regular-letter-spacing)',
 };
 
 export const label4Bold = {
-  fontSize: 'var(--seed-semantic-typography-label4-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label4-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label4-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label4-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label4-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label4-bold-letter-spacing)',
 };
 
 export const label4Regular = {
-  fontSize: 'var(--seed-semantic-typography-label4-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label4-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label4-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label4-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label4-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label4-regular-letter-spacing)',
 };
 
 export const label5Bold = {
-  fontSize: 'var(--seed-semantic-typography-label5-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label5-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label5-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label5-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label5-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label5-bold-letter-spacing)',
 };
 
 export const label5Regular = {
-  fontSize: 'var(--seed-semantic-typography-label5-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label5-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label5-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label5-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label5-regular-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label5-regular-letter-spacing)',
 };
 
 export const label6Bold = {
-  fontSize: 'var(--seed-semantic-typography-label6-bold-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label6-bold-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label6-bold-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label6-bold-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label6-bold-letter-spacing)'
+  letterSpacing: 'var(--seed-semantic-typography-label6-bold-letter-spacing)',
 };
 
 export const label6Regular = {
-  fontSize: 'var(--seed-semantic-typography-label6-regular-dimension)',
+  fontSize: 'var(--seed-semantic-typography-label6-regular-font-size)',
   fontWeight: 'var(--seed-semantic-typography-label6-regular-font-weight)',
   lineHeight: 'var(--seed-semantic-typography-label6-regular-line-height)',
-  letterSpacing: 'var(--seed-semantic-typography-label6-regular-letter-spacing)'
-};
+  letterSpacing: 'var(--seed-semantic-typography-label6-regular-letter-spacing)',
+};

src/vars/static/fontWeight.ts

@@ -1,2 +0,2 @@
-export const bold = 'var(--seed-static-font-weight-bold)';
 export const regular = 'var(--seed-static-font-weight-regular)';
+export const bold = 'var(--seed-static-font-weight-bold)';

src/vars/static/index.ts

 export * as color from './color';
 export * as fontWeight from './fontWeight';
-export * as letterSpacing from './letterSpacing';

No alert changes

Worsened metrics

Total package byte prevSize

175378

decreased by-0.16%

Lines of code

1147

decreased by-0.95%

No dependency changes