@novalabsxyz/base-theme - npm Package Compare versions

Comparing version 1.0.3-alpha.1 to 1.0.4-alpha.0

build/index.d.ts

@@ -208,2 +208,3 @@ export { BaseThemeTypography, BaseThemePalette, BaseThemeBreakpoints, } from './baseThemeTypes';
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -216,2 +217,3 @@ legalMedium: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -224,2 +226,3 @@ legalBold: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -232,2 +235,3 @@ h2Light: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -240,2 +244,3 @@ h2Medium: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -248,2 +253,3 @@ h2Bold: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -256,2 +262,3 @@ h3Light: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -264,2 +271,3 @@ h3Medium: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -272,2 +280,3 @@ h3Bold: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -280,2 +289,3 @@ h4Light: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -288,2 +298,3 @@ h4Medium: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -296,2 +307,3 @@ h4Bold: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -305,2 +317,3 @@ h1: {
             letterSpacing: number;
+            lineHeight: number;
         };
@@ -313,2 +326,3 @@ h2: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -321,2 +335,3 @@ h3: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -329,2 +344,3 @@ h4: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -337,2 +353,3 @@ body: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -345,2 +362,3 @@ legal: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -353,2 +371,3 @@ button: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -362,5 +381,4 @@ };
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -372,5 +390,4 @@ legalMedium: {
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -382,5 +399,4 @@ legalBold: {
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -391,6 +407,6 @@ h2Light: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -401,6 +417,6 @@ h2Medium: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -411,6 +427,6 @@ h2Bold: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -421,6 +437,6 @@ h3Light: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -431,6 +447,6 @@ h3Medium: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -441,6 +457,6 @@ h3Bold: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -451,6 +467,6 @@ h4Light: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -461,6 +477,6 @@ h4Medium: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -471,51 +487,50 @@ h4Bold: {
             color: string;
+            paddingTop: number;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
         h1: {
             color: string;
+            paddingTop: number;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             fontWeight: number;
             textTransform: string;
             letterSpacing: number;
-            paddingTop: number;
+            lineHeight: number;
         };
         h2: {
             color: string;
+            paddingTop: number;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
         h3: {
             color: string;
+            paddingTop: number;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
         h4: {
             color: string;
+            paddingTop: number;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
         body: {
             color: string;
-            fontFamily: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
+            fontFamily: string;
             fontWeight: number;
@@ -527,6 +542,5 @@ };
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
@@ -537,6 +551,5 @@ button: {
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
@@ -543,0 +556,0 @@ };

build/index.js

@@ -142,2 +142,3 @@ "use strict";
         letterSpacing: -4.5,
+        lineHeight: 79.65,
     },
@@ -150,2 +151,3 @@ h2: {
         fontWeight: 500,
+        lineHeight: 35.4,
     },
@@ -158,2 +160,3 @@ h3: {
         fontWeight: 500,
+        lineHeight: 26.55,
     },
@@ -163,5 +166,6 @@ h4: {
         fontFamily: NovaFont.regular,
-        fontSize: 18,
+        fontSize: 13,
         letterSpacing: -0.54,
         fontWeight: 400,
+        lineHeight: 11.505,
     },
@@ -174,2 +178,3 @@ body: {
         fontWeight: 400,
+        lineHeight: 21.6,
     },
@@ -182,2 +187,3 @@ legal: {
         fontWeight: 400,
+        lineHeight: 16.8,
     },
@@ -190,4 +196,23 @@ button: {
         fontWeight: 500,
+        lineHeight: 20,
     },
 };
+let mobileVariants = {
+    h1: Object.assign(Object.assign({}, baseTextVariants.h1), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: 5 }),
+    h2: Object.assign(Object.assign({}, baseTextVariants.h2), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: 5 }),
+    h3: Object.assign(Object.assign({}, baseTextVariants.h3), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: 5 }),
+    h4: Object.assign(Object.assign({}, baseTextVariants.h4), { color: 'secondaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: 5 }),
+    body: Object.assign(Object.assign({}, baseTextVariants.body), { color: 'secondaryText', fontSize: 16, letterSpacing: -0.48, lineHeight: 19.2 }),
+    legal: Object.assign(Object.assign({}, baseTextVariants.legal), { color: 'secondaryText' }),
+    button: Object.assign(Object.assign({}, baseTextVariants.button), { color: 'primaryText' }),
+};
+const mobileTextVariants = Object.assign(Object.assign({}, mobileVariants), { legalLight: Object.assign(Object.assign({}, mobileVariants.legal), light), legalMedium: Object.assign(Object.assign({}, mobileVariants.legal), medium), legalBold: Object.assign(Object.assign({}, mobileVariants.legal), bold), h2Light: Object.assign(Object.assign({}, mobileVariants.h2), light), h2Medium: Object.assign(Object.assign({}, mobileVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, mobileVariants.h2), bold), h3Light: Object.assign(Object.assign({}, mobileVariants.h3), light), h3Medium: Object.assign(Object.assign({}, mobileVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, mobileVariants.h3), bold), h4Light: Object.assign(Object.assign({}, mobileVariants.h4), light), h4Medium: Object.assign(Object.assign({}, mobileVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, mobileVariants.h4), bold) });
 const textVariants = Object.assign(Object.assign({}, baseTextVariants), { legalLight: Object.assign(Object.assign({}, baseTextVariants.legal), light), legalMedium: Object.assign(Object.assign({}, baseTextVariants.legal), medium), legalBold: Object.assign(Object.assign({}, baseTextVariants.legal), bold), h2Light: Object.assign(Object.assign({}, baseTextVariants.h2), light), h2Medium: Object.assign(Object.assign({}, baseTextVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, baseTextVariants.h2), bold), h3Light: Object.assign(Object.assign({}, baseTextVariants.h3), light), h3Medium: Object.assign(Object.assign({}, baseTextVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, baseTextVariants.h3), bold), h4Light: Object.assign(Object.assign({}, baseTextVariants.h4), light), h4Medium: Object.assign(Object.assign({}, baseTextVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, baseTextVariants.h4), bold) });
@@ -264,69 +289,2 @@ const baseSpacing = {
 };
-let mobileVariants = {
-    h1: {
-        color: 'primaryText',
-        fontFamily: PermanentMarkerFont.regular,
-        fontSize: 90,
-        lineHeight: 79.65,
-        fontWeight: 400,
-        textTransform: 'uppercase',
-        letterSpacing: -4.5,
-        paddingTop: baseSpacing[1],
-    },
-    h2: {
-        color: 'primaryText',
-        fontFamily: NovaFont.regular,
-        fontSize: 40,
-        lineHeight: 35.4,
-        letterSpacing: -1.2,
-        paddingTop: baseSpacing[1],
-        fontWeight: 500,
-    },
-    h3: {
-        color: 'primaryText',
-        fontFamily: NovaFont.regular,
-        fontSize: 30,
-        lineHeight: 26.55,
-        letterSpacing: -0.9,
-        paddingTop: baseSpacing[1],
-        fontWeight: 500,
-    },
-    h4: {
-        color: 'primaryText',
-        fontFamily: NovaFont.regular,
-        fontSize: 18,
-        lineHeight: 15.93,
-        letterSpacing: -0.54,
-        paddingTop: baseSpacing[1],
-        fontWeight: 400,
-    },
-    body: {
-        color: 'secondaryText',
-        fontFamily: NovaFont.regular,
-        fontSize: 16,
-        lineHeight: 14.16,
-        letterSpacing: -0.48,
-        paddingTop: baseSpacing[1],
-        fontWeight: 400,
-    },
-    legal: {
-        color: 'secondaryText',
-        fontFamily: NovaFont.regular,
-        fontSize: 14,
-        lineHeight: 12.39,
-        letterSpacing: -0.42,
-        paddingTop: baseSpacing[1],
-        fontWeight: 400,
-    },
-    button: {
-        color: 'primaryText',
-        fontFamily: NovaFont.medium,
-        fontSize: 20,
-        lineHeight: 17.7,
-        letterSpacing: -0.6,
-        paddingTop: baseSpacing[1],
-        fontWeight: 500,
-    },
-};
-const mobileTextVariants = Object.assign(Object.assign({}, mobileVariants), { legalLight: Object.assign(Object.assign({}, mobileVariants.legal), light), legalMedium: Object.assign(Object.assign({}, mobileVariants.legal), medium), legalBold: Object.assign(Object.assign({}, mobileVariants.legal), bold), h2Light: Object.assign(Object.assign({}, mobileVariants.h2), light), h2Medium: Object.assign(Object.assign({}, mobileVariants.h2), medium), h2Bold: Object.assign(Object.assign({}, mobileVariants.h2), bold), h3Light: Object.assign(Object.assign({}, mobileVariants.h3), light), h3Medium: Object.assign(Object.assign({}, mobileVariants.h3), medium), h3Bold: Object.assign(Object.assign({}, mobileVariants.h3), bold), h4Light: Object.assign(Object.assign({}, mobileVariants.h4), light), h4Medium: Object.assign(Object.assign({}, mobileVariants.h4), medium), h4Bold: Object.assign(Object.assign({}, mobileVariants.h4), bold) });
 // breakpoints
@@ -333,0 +291,0 @@ exports.breakpoints = {

package.json

 {
   "name": "@novalabsxyz/base-theme",
-  "version": "1.0.3-alpha.1",
+  "version": "1.0.4-alpha.0",
   "description": "BaseTheme for Novalabs",
@@ -19,3 +19,3 @@ "contributors": [
   },
-  "gitHead": "f7f2cecfb91aaa139c22ff99117e1a1a2ecb3ba0"
+  "gitHead": "f9d3f26ab27eac5c4e1fc47e0c987bead7ccbca3"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

51092

decreased by-0.84%

Lines of code

1010

decreased by-2.79%

No dependency changes