@novalabsxyz/base-theme - npm Package Compare versions

Comparing version 1.0.3-alpha.1 to 1.0.3

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,3 +344,12 @@ h4: {
             fontWeight: number;
+            lineHeight: number;
         };
+        h5: {
+            color: string;
+            fontFamily: string;
+            fontSize: number;
+            letterSpacing: number;
+            fontWeight: number;
+            lineHeight: number;
+        };
         body: {
@@ -337,2 +361,3 @@ color: string;
             fontWeight: number;
+            lineHeight: number;
         };
@@ -345,2 +370,3 @@ legal: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -353,2 +379,3 @@ button: {
             fontWeight: number;
+            lineHeight: number;
         };
@@ -362,5 +389,4 @@ };
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -372,5 +398,4 @@ legalMedium: {
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -382,5 +407,4 @@ legalBold: {
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -391,6 +415,6 @@ h2Light: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -401,6 +425,6 @@ h2Medium: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -411,6 +435,6 @@ h2Bold: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -421,6 +445,6 @@ h3Light: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -431,6 +455,6 @@ h3Medium: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -441,6 +465,6 @@ h3Bold: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -451,6 +475,6 @@ h4Light: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -461,6 +485,6 @@ h4Medium: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
-            letterSpacing: number;
-            paddingTop: number;
         };
@@ -471,51 +495,83 @@ h4Bold: {
             color: string;
+            paddingTop: string;
             fontSize: number;
+            letterSpacing: number;
             lineHeight: number;
+        };
+        bodyLight: {
+            fontFamily: string;
+            fontWeight: number;
+            color: string;
+            fontSize: number;
             letterSpacing: number;
-            paddingTop: number;
+            lineHeight: number;
         };
+        bodyMedium: {
+            fontFamily: string;
+            fontWeight: number;
+            color: string;
+            fontSize: number;
+            letterSpacing: number;
+            lineHeight: number;
+        };
+        bodyBold: {
+            fontFamily: string;
+            fontWeight: number;
+            color: string;
+            fontSize: number;
+            letterSpacing: number;
+            lineHeight: number;
+        };
         h1: {
             color: string;
+            paddingTop: string;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             fontWeight: number;
             textTransform: string;
             letterSpacing: number;
-            paddingTop: number;
+            lineHeight: number;
         };
         h2: {
             color: string;
+            paddingTop: string;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
         h3: {
             color: string;
+            paddingTop: string;
             fontFamily: string;
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
         h4: {
             color: string;
+            paddingTop: string;
             fontFamily: string;
             fontSize: number;
+            letterSpacing: number;
+            fontWeight: number;
             lineHeight: number;
+        };
+        h5: {
+            color: string;
+            paddingTop: string;
+            fontFamily: string;
+            fontSize: 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 +583,5 @@ };
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
@@ -537,6 +592,5 @@ button: {
             fontSize: number;
-            lineHeight: number;
             letterSpacing: number;
-            paddingTop: number;
             fontWeight: number;
+            lineHeight: number;
         };
@@ -570,2 +624,3 @@ };
         '1': number;
+        '1.5': number;
         '2': number;
@@ -572,0 +627,0 @@ '2.5': number;

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,4 +160,13 @@ h3: {
         fontWeight: 500,
+        lineHeight: 26.55,
     },
     h4: {
+        color: palette.gray,
+        fontFamily: NovaFont.regular,
+        fontSize: 13,
+        letterSpacing: -0.54,
+        fontWeight: 500,
+        lineHeight: 11.505,
+    },
+    h5: {
         color: palette.white,
@@ -165,3 +176,4 @@ fontFamily: NovaFont.regular,
         letterSpacing: -0.54,
-        fontWeight: 400,
+        fontWeight: 500,
+        lineHeight: 16.74,
     },
@@ -174,2 +186,3 @@ body: {
         fontWeight: 400,
+        lineHeight: 21.6,
     },
@@ -182,2 +195,3 @@ legal: {
         fontWeight: 400,
+        lineHeight: 16.8,
     },
@@ -190,4 +204,26 @@ 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: '8' }),
+    h2: Object.assign(Object.assign({}, baseTextVariants.h2), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: '4' }),
+    h3: Object.assign(Object.assign({}, baseTextVariants.h3), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: '2.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: '1.5' }),
+    h5: Object.assign(Object.assign({}, baseTextVariants.h5), { color: 'primaryText', 
+        // Need to compensate for glyphy clipping. https://github.com/facebook/react-native/issues/29507
+        paddingTop: '1.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), bodyLight: Object.assign(Object.assign({}, mobileVariants.body), light), bodyMedium: Object.assign(Object.assign({}, mobileVariants.body), medium), bodyBold: Object.assign(Object.assign({}, mobileVariants.body), 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) });
@@ -199,2 +235,3 @@ const baseSpacing = {
     '1': 4,
+    '1.5': 6,
     '2': 8,
@@ -265,69 +302,2 @@ '2.5': 10,
 };
-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
@@ -334,0 +304,0 @@ exports.breakpoints = {

package.json

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

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

53335

increased by3.51%

Lines of code

1065

increased by2.5%

Number of low quality alerts

1

decreased by-50%

No dependency changes