@dfds-ui/theme - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

cjs/fonts.d.ts

@@ -6,29 +6,42 @@ export declare const fontFamilies: {
 export declare const fontSizes: {
-    heroHeadline: {
-        mobile: string;
-        desktop: string;
+    headline: {
+        hero: {
+            mobile: string;
+            desktop: string;
+        };
+        section: string;
+        sub: string;
+        small: string;
     };
-    sectionHeadline: string;
-    subHeadline: string;
-    smallHeadline: string;
     action: string;
-    largeLabel: string;
-    smallLabel: string;
-    body: string;
-    smallBody: string;
+    label: {
+        small: string;
+        medium: string;
+    };
+    body: {
+        small: string;
+        medium: string;
+    };
     caption: string;
 };
 export declare const lineHeights: {
-    heroHeadline: {
-        mobile: number;
-        desktop: number;
+    headline: {
+        hero: {
+            mobile: number;
+            desktop: number;
+        };
+        section: number;
+        sub: number;
+        small: number;
     };
-    sectionHeadline: number;
-    subHeadline: number;
-    smallHeadline: number;
     action: number;
-    largeLabel: number;
-    smallLabel: number;
-    body: number;
-    smallBody: number;
+    body: {
+        small: number;
+        regular: number;
+        interface: number;
+    };
+    label: {
+        small: number;
+        medium: number;
+    };
     caption: number;
@@ -53,14 +66,20 @@ };
     fontSizes: {
-        heroHeadline: {
-            mobile: string;
-            desktop: string;
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
         };
-        sectionHeadline: string;
-        subHeadline: string;
-        smallHeadline: string;
         action: string;
-        largeLabel: string;
-        smallLabel: string;
-        body: string;
-        smallBody: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
         caption: string;
@@ -80,14 +99,21 @@ };
     lineHeights: {
-        heroHeadline: {
-            mobile: number;
-            desktop: number;
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
         };
-        sectionHeadline: number;
-        subHeadline: number;
-        smallHeadline: number;
         action: number;
-        largeLabel: number;
-        smallLabel: number;
-        body: number;
-        smallBody: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
         caption: number;
@@ -94,0 +120,0 @@ };

cjs/fonts.js

@@ -13,14 +13,20 @@ "use strict";
 const fontSizes = {
-  heroHeadline: {
-    mobile: '32px',
-    desktop: '48px'
+  headline: {
+    hero: {
+      mobile: '32px',
+      desktop: '48px'
+    },
+    section: '28px',
+    sub: '24px',
+    small: '20px'
   },
-  sectionHeadline: '28px',
-  subHeadline: '24px',
-  smallHeadline: '20px',
   action: '16px',
-  largeLabel: '16px',
-  smallLabel: '12px',
-  body: '14px',
-  smallBody: '12px',
+  label: {
+    small: '12px',
+    medium: '16px'
+  },
+  body: {
+    small: '12px',
+    medium: '14px'
+  },
   caption: '10px'
@@ -30,14 +36,21 @@ };
 const lineHeights = {
-  heroHeadline: {
-    mobile: 1.25,
-    desktop: 1.167
+  headline: {
+    hero: {
+      mobile: 1.25,
+      desktop: 1.167
+    },
+    section: 1.286,
+    sub: 1.334,
+    small: 1.4
   },
-  sectionHeadline: 1.286,
-  subHeadline: 1.334,
-  smallHeadline: 1.4,
   action: 1,
-  largeLabel: 1.25,
-  smallLabel: 1.334,
-  body: 1.715,
-  smallBody: 1.334,
+  body: {
+    small: 1.334,
+    regular: 1.715,
+    interface: 1.428
+  },
+  label: {
+    small: 1.334,
+    medium: 1.25
+  },
   caption: 1.6
@@ -44,0 +57,0 @@ };

cjs/theme.d.ts

@@ -65,14 +65,20 @@ declare const theme: {
     fontSizes: {
-        heroHeadline: {
-            mobile: string;
-            desktop: string;
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
         };
-        sectionHeadline: string;
-        subHeadline: string;
-        smallHeadline: string;
         action: string;
-        largeLabel: string;
-        smallLabel: string;
-        body: string;
-        smallBody: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
         caption: string;
@@ -92,14 +98,21 @@ };
     lineHeights: {
-        heroHeadline: {
-            mobile: number;
-            desktop: number;
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
         };
-        sectionHeadline: number;
-        subHeadline: number;
-        smallHeadline: number;
         action: number;
-        largeLabel: number;
-        smallLabel: number;
-        body: number;
-        smallBody: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
         caption: number;
@@ -106,0 +119,0 @@ };

fonts.d.ts

@@ -6,29 +6,42 @@ export declare const fontFamilies: {
 export declare const fontSizes: {
-    heroHeadline: {
-        mobile: string;
-        desktop: string;
+    headline: {
+        hero: {
+            mobile: string;
+            desktop: string;
+        };
+        section: string;
+        sub: string;
+        small: string;
     };
-    sectionHeadline: string;
-    subHeadline: string;
-    smallHeadline: string;
     action: string;
-    largeLabel: string;
-    smallLabel: string;
-    body: string;
-    smallBody: string;
+    label: {
+        small: string;
+        medium: string;
+    };
+    body: {
+        small: string;
+        medium: string;
+    };
     caption: string;
 };
 export declare const lineHeights: {
-    heroHeadline: {
-        mobile: number;
-        desktop: number;
+    headline: {
+        hero: {
+            mobile: number;
+            desktop: number;
+        };
+        section: number;
+        sub: number;
+        small: number;
     };
-    sectionHeadline: number;
-    subHeadline: number;
-    smallHeadline: number;
     action: number;
-    largeLabel: number;
-    smallLabel: number;
-    body: number;
-    smallBody: number;
+    body: {
+        small: number;
+        regular: number;
+        interface: number;
+    };
+    label: {
+        small: number;
+        medium: number;
+    };
     caption: number;
@@ -53,14 +66,20 @@ };
     fontSizes: {
-        heroHeadline: {
-            mobile: string;
-            desktop: string;
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
         };
-        sectionHeadline: string;
-        subHeadline: string;
-        smallHeadline: string;
         action: string;
-        largeLabel: string;
-        smallLabel: string;
-        body: string;
-        smallBody: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
         caption: string;
@@ -80,14 +99,21 @@ };
     lineHeights: {
-        heroHeadline: {
-            mobile: number;
-            desktop: number;
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
         };
-        sectionHeadline: number;
-        subHeadline: number;
-        smallHeadline: number;
         action: number;
-        largeLabel: number;
-        smallLabel: number;
-        body: number;
-        smallBody: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
         caption: number;
@@ -94,0 +120,0 @@ };

fonts.js

@@ -6,29 +6,42 @@ export var fontFamilies = {
 export var fontSizes = {
-  heroHeadline: {
-    mobile: '32px',
-    desktop: '48px'
+  headline: {
+    hero: {
+      mobile: '32px',
+      desktop: '48px'
+    },
+    section: '28px',
+    sub: '24px',
+    small: '20px'
   },
-  sectionHeadline: '28px',
-  subHeadline: '24px',
-  smallHeadline: '20px',
   action: '16px',
-  largeLabel: '16px',
-  smallLabel: '12px',
-  body: '14px',
-  smallBody: '12px',
+  label: {
+    small: '12px',
+    medium: '16px'
+  },
+  body: {
+    small: '12px',
+    medium: '14px'
+  },
   caption: '10px'
 };
 export var lineHeights = {
-  heroHeadline: {
-    mobile: 1.25,
-    desktop: 1.167
+  headline: {
+    hero: {
+      mobile: 1.25,
+      desktop: 1.167
+    },
+    section: 1.286,
+    sub: 1.334,
+    small: 1.4
   },
-  sectionHeadline: 1.286,
-  subHeadline: 1.334,
-  smallHeadline: 1.4,
   action: 1,
-  largeLabel: 1.25,
-  smallLabel: 1.334,
-  body: 1.715,
-  smallBody: 1.334,
+  body: {
+    small: 1.334,
+    regular: 1.715,
+    "interface": 1.428
+  },
+  label: {
+    small: 1.334,
+    medium: 1.25
+  },
   caption: 1.6
@@ -35,0 +48,0 @@ };

package.json

@@ -6,3 +6,3 @@ {
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.14",
   "sideEffects": false,
@@ -16,3 +16,3 @@ "main": "./cjs/index.js",
   },
-  "gitHead": "716723c97a1285bea8d1cf7b124103c7a8ff9691",
+  "gitHead": "9c0b1e90a6e979acf0278056feabaf7824c09ef1",
   "esnext": "",
@@ -19,0 +19,0 @@ "publishConfig": {

theme.d.ts

@@ -65,14 +65,20 @@ declare const theme: {
     fontSizes: {
-        heroHeadline: {
-            mobile: string;
-            desktop: string;
+        headline: {
+            hero: {
+                mobile: string;
+                desktop: string;
+            };
+            section: string;
+            sub: string;
+            small: string;
         };
-        sectionHeadline: string;
-        subHeadline: string;
-        smallHeadline: string;
         action: string;
-        largeLabel: string;
-        smallLabel: string;
-        body: string;
-        smallBody: string;
+        label: {
+            small: string;
+            medium: string;
+        };
+        body: {
+            small: string;
+            medium: string;
+        };
         caption: string;
@@ -92,14 +98,21 @@ };
     lineHeights: {
-        heroHeadline: {
-            mobile: number;
-            desktop: number;
+        headline: {
+            hero: {
+                mobile: number;
+                desktop: number;
+            };
+            section: number;
+            sub: number;
+            small: number;
         };
-        sectionHeadline: number;
-        subHeadline: number;
-        smallHeadline: number;
         action: number;
-        largeLabel: number;
-        smallLabel: number;
-        body: number;
-        smallBody: number;
+        body: {
+            small: number;
+            regular: number;
+            interface: number;
+        };
+        label: {
+            small: number;
+            medium: number;
+        };
         caption: number;
@@ -106,0 +119,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

38762

increased by3.43%

Lines of code

1088

increased by10.57%

No dependency changes