@diana-ui/tokens - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

lib/themes/theme.default.d.ts

@@ -85,3 +85,3 @@ import { FontWeight } from "./theme.default.types";
     typography: {
-        h1: {
+        pageTitle: {
             fontSize: string;
@@ -91,6 +91,4 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
-        h2: {
+        subtitle: {
             fontSize: string;
@@ -100,6 +98,4 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
-        h3: {
+        sectionTitle: {
             fontSize: string;
@@ -109,4 +105,2 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
@@ -119,3 +113,3 @@ buttonText: {
         };
-        description: {
+        bodyHighlight: {
             fontSize: string;
@@ -126,3 +120,3 @@ fontWeight: FontWeight;
         };
-        descriptionMedium: {
+        body: {
             fontSize: string;
@@ -133,3 +127,3 @@ fontWeight: FontWeight;
         };
-        body: {
+        descriptionMedium: {
             fontSize: string;
@@ -140,3 +134,3 @@ fontWeight: FontWeight;
         };
-        label: {
+        description: {
             fontSize: string;
@@ -153,3 +147,3 @@ fontWeight: FontWeight;
         };
-        sectionTitle: {
+        label: {
             fontSize: string;
@@ -160,4 +154,10 @@ fontWeight: FontWeight;
         };
+        notificationsNumbers: {
+            fontSize: string;
+            fontWeight: FontWeight;
+            lineHeight: string;
+            fontFamily: string;
+        };
     };
 };
 export default _default;

lib/themes/theme.default.js

@@ -50,25 +50,19 @@ import { defaultPalette } from "../palettes";
     typography: {
-        h1: {
-            fontSize: "2rem",
+        pageTitle: {
+            fontSize: "43xp",
             fontWeight: FontWeight.BOLD,
             lineHeight: "46px",
-            fontFamily: fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+            fontFamily: fontFamily
         },
-        h2: {
-            fontSize: "1.6rem",
-            fontWeight: FontWeight.REGULAR,
-            lineHeight: "43px",
-            fontFamily: fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+        subtitle: {
+            fontSize: "31xp",
+            fontWeight: FontWeight.MEDIUM,
+            lineHeight: "36px",
+            fontFamily: fontFamily
         },
-        h3: {
-            fontSize: "1.2rem",
-            fontWeight: FontWeight.REGULAR,
-            lineHeight: "39px",
-            fontFamily: fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+        sectionTitle: {
+            fontSize: "21px",
+            fontWeight: FontWeight.MEDIUM,
+            lineHeight: "28px",
+            fontFamily: fontFamily
         },
@@ -81,8 +75,14 @@ buttonText: {
         },
-        description: {
-            fontSize: "15px",
+        bodyHighlight: {
+            fontSize: "18px",
             fontWeight: FontWeight.MEDIUM,
-            lineHeight: "20px",
+            lineHeight: "24px",
             fontFamily: fontFamily
         },
+        body: {
+            fontSize: "15px",
+            fontWeight: FontWeight.REGULAR,
+            lineHeight: "16px",
+            fontFamily: fontFamily
+        },
         descriptionMedium: {
@@ -94,24 +94,24 @@ fontSize: "15px",
         },
-        body: {
-            fontSize: fontSize + "px",
+        description: {
+            fontSize: "15px",
             fontWeight: FontWeight.REGULAR,
-            lineHeight: fontSize + "px",
+            lineHeight: "20px",
             fontFamily: fontFamily
         },
-        label: {
+        labelMedium: {
             fontSize: "0.66rem",
-            fontWeight: FontWeight.REGULAR,
+            fontWeight: FontWeight.MEDIUM,
             lineHeight: "0.66rem",
             fontFamily: fontFamily
         },
-        labelMedium: {
+        label: {
             fontSize: "0.66rem",
-            fontWeight: FontWeight.MEDIUM,
+            fontWeight: FontWeight.REGULAR,
             lineHeight: "0.66rem",
             fontFamily: fontFamily
         },
-        sectionTitle: {
-            fontSize: "21px",
+        notificationsNumbers: {
+            fontSize: "10px",
             fontWeight: FontWeight.MEDIUM,
-            lineHeight: "28px",
+            lineHeight: "10px",
             fontFamily: fontFamily
@@ -118,0 +118,0 @@ }

module/themes/theme.default.d.ts

@@ -85,3 +85,3 @@ import { FontWeight } from "./theme.default.types";
     typography: {
-        h1: {
+        pageTitle: {
             fontSize: string;
@@ -91,6 +91,4 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
-        h2: {
+        subtitle: {
             fontSize: string;
@@ -100,6 +98,4 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
-        h3: {
+        sectionTitle: {
             fontSize: string;
@@ -109,4 +105,2 @@ fontWeight: FontWeight;
             fontFamily: string;
-            marginBlockStart: number;
-            marginBlockEnd: number;
         };
@@ -119,3 +113,3 @@ buttonText: {
         };
-        description: {
+        bodyHighlight: {
             fontSize: string;
@@ -126,3 +120,3 @@ fontWeight: FontWeight;
         };
-        descriptionMedium: {
+        body: {
             fontSize: string;
@@ -133,3 +127,3 @@ fontWeight: FontWeight;
         };
-        body: {
+        descriptionMedium: {
             fontSize: string;
@@ -140,3 +134,3 @@ fontWeight: FontWeight;
         };
-        label: {
+        description: {
             fontSize: string;
@@ -153,3 +147,3 @@ fontWeight: FontWeight;
         };
-        sectionTitle: {
+        label: {
             fontSize: string;
@@ -160,4 +154,10 @@ fontWeight: FontWeight;
         };
+        notificationsNumbers: {
+            fontSize: string;
+            fontWeight: FontWeight;
+            lineHeight: string;
+            fontFamily: string;
+        };
     };
 };
 export default _default;

module/themes/theme.default.js

@@ -50,25 +50,19 @@ import { defaultPalette } from "../palettes";
     typography: {
-        h1: {
-            fontSize: "2rem",
+        pageTitle: {
+            fontSize: "43xp",
             fontWeight: FontWeight.BOLD,
             lineHeight: "46px",
-            fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+            fontFamily
         },
-        h2: {
-            fontSize: "1.6rem",
-            fontWeight: FontWeight.REGULAR,
-            lineHeight: "43px",
-            fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+        subtitle: {
+            fontSize: "31xp",
+            fontWeight: FontWeight.MEDIUM,
+            lineHeight: "36px",
+            fontFamily
         },
-        h3: {
-            fontSize: "1.2rem",
-            fontWeight: FontWeight.REGULAR,
-            lineHeight: "39px",
-            fontFamily,
-            marginBlockStart: 0,
-            marginBlockEnd: 0
+        sectionTitle: {
+            fontSize: "21px",
+            fontWeight: FontWeight.MEDIUM,
+            lineHeight: "28px",
+            fontFamily
         },
@@ -81,8 +75,14 @@ buttonText: {
         },
-        description: {
-            fontSize: "15px",
+        bodyHighlight: {
+            fontSize: "18px",
             fontWeight: FontWeight.MEDIUM,
-            lineHeight: "20px",
+            lineHeight: "24px",
             fontFamily
         },
+        body: {
+            fontSize: "15px",
+            fontWeight: FontWeight.REGULAR,
+            lineHeight: "16px",
+            fontFamily
+        },
         descriptionMedium: {
@@ -94,24 +94,24 @@ fontSize: "15px",
         },
-        body: {
-            fontSize: `${fontSize}px`,
+        description: {
+            fontSize: "15px",
             fontWeight: FontWeight.REGULAR,
-            lineHeight: `${fontSize}px`,
+            lineHeight: "20px",
             fontFamily
         },
-        label: {
+        labelMedium: {
             fontSize: "0.66rem",
-            fontWeight: FontWeight.REGULAR,
+            fontWeight: FontWeight.MEDIUM,
             lineHeight: "0.66rem",
             fontFamily
         },
-        labelMedium: {
+        label: {
             fontSize: "0.66rem",
-            fontWeight: FontWeight.MEDIUM,
+            fontWeight: FontWeight.REGULAR,
             lineHeight: "0.66rem",
             fontFamily
         },
-        sectionTitle: {
-            fontSize: "21px",
+        notificationsNumbers: {
+            fontSize: "10px",
             fontWeight: FontWeight.MEDIUM,
-            lineHeight: "28px",
+            lineHeight: "10px",
             fontFamily
@@ -118,0 +118,0 @@ }

package.json

 {
   "name": "@diana-ui/tokens",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "lib/index.js",
@@ -35,3 +35,3 @@ "module": "module/index.js",
   },
-  "gitHead": "3c9dab24f1e99b7fb8eabbb28b1314bb21612616"
+  "gitHead": "cfc3e13de277b94b9b7c4c9e275dbb79e2846cc1"
 }

themes/theme.default.ts

@@ -52,25 +52,19 @@ import { defaultPalette } from "../palettes";
   typography: {
-    h1: {
-      fontSize: "2rem",
+    pageTitle: {
+      fontSize: "43xp",
       fontWeight: FontWeight.BOLD,
       lineHeight: "46px",
-      fontFamily,
-      marginBlockStart: 0,
-      marginBlockEnd: 0
+      fontFamily
     },
-    h2: {
-      fontSize: "1.6rem",
-      fontWeight: FontWeight.REGULAR,
-      lineHeight: "43px",
-      fontFamily,
-      marginBlockStart: 0,
-      marginBlockEnd: 0
+    subtitle: {
+      fontSize: "31xp",
+      fontWeight: FontWeight.MEDIUM,
+      lineHeight: "36px",
+      fontFamily
     },
-    h3: {
-      fontSize: "1.2rem",
-      fontWeight: FontWeight.REGULAR,
-      lineHeight: "39px",
-      fontFamily,
-      marginBlockStart: 0,
-      marginBlockEnd: 0
+    sectionTitle: {
+      fontSize: "21px",
+      fontWeight: FontWeight.MEDIUM,
+      lineHeight: "28px",
+      fontFamily
     },
@@ -83,8 +77,14 @@ buttonText: {
     },
-    description: {
-      fontSize: "15px",
+    bodyHighlight: {
+      fontSize: "18px",
       fontWeight: FontWeight.MEDIUM,
-      lineHeight: "20px",
+      lineHeight: "24px",
       fontFamily
     },
+    body: {
+      fontSize: "15px",
+      fontWeight: FontWeight.REGULAR,
+      lineHeight: "16px",
+      fontFamily
+    },
     descriptionMedium: {
@@ -96,24 +96,24 @@ fontSize: "15px",
     },
-    body: {
-      fontSize: `${fontSize}px`,
+    description: {
+      fontSize: "15px",
       fontWeight: FontWeight.REGULAR,
-      lineHeight: `${fontSize}px`,
+      lineHeight: "20px",
       fontFamily
     },
-    label: {
+    labelMedium: {
       fontSize: "0.66rem",
-      fontWeight: FontWeight.REGULAR,
+      fontWeight: FontWeight.MEDIUM,
       lineHeight: "0.66rem",
       fontFamily
     },
-    labelMedium: {
+    label: {
       fontSize: "0.66rem",
-      fontWeight: FontWeight.MEDIUM,
+      fontWeight: FontWeight.REGULAR,
       lineHeight: "0.66rem",
       fontFamily
     },
-    sectionTitle: {
-      fontSize: "21px",
+    notificationsNumbers: {
+      fontSize: "10px",
       fontWeight: FontWeight.MEDIUM,
-      lineHeight: "28px",
+      lineHeight: "10px",
       fontFamily
@@ -120,0 +120,0 @@ }

No alert changes

Worsened metrics

Total package byte prevSize

26157

decreased by-0.36%

No dependency changes