@nulogy/css - npm Package Compare versions

Comparing version 0.1.2 to 0.1.6

package.json

 {
   "name": "@nulogy/css",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "description": "Global Styles for Nulogy Design System",
@@ -35,6 +35,7 @@ "private": false,
     "styled-components": "^3.2.6",
+    "styled-normalize": "^8.0.0",
     "webpack": "^4.8.3",
     "webpack-cli": "^3.1.0"
   },
-  "gitHead": "64e0af44e478762644e9218f8d6b84688b2f4c94"
+  "gitHead": "045473a0f4a324cb5a4727b44ad159efb37f82ec"
 }

src/index.js

 import { injectGlobal } from 'styled-components';
+import styledNormalize from 'styled-normalize';
 import { loadIBMPlexFont, fontMixins } from "./typography"
 
 injectGlobal`
+${ styledNormalize }
 ${ loadIBMPlexFont }
 
 body {
-  ${ fontMixins["font-family--regular"] }
+  ${ fontMixins["font-family--regular", "line-height--regular"] }
 }
-`
+
+h1, h2, h3, h4 {
+	${ fontMixins["font-weight--medium"]
+}
+`

src/typography.js

@@ -18,3 +18,3 @@ import {css, injectGlobal} from 'styled-components';
   'font-size--section-title': css`font-size: ${font.size.sectionTitle}px`,
-  'font-size--subsection-title': css`font-size: ${font.size.sectionTitle}px`,
+  'font-size--subsection-title': css`font-size: ${font.size.subsectionTitle}px`,
 
@@ -26,5 +26,9 @@ // Family
   // Weight
+  'font-weight--normal': css`font-weight: ${font.weight.normal}`,
+  'font-weight--medium': css`font-weight: ${font.weight.medium}`,
   'font-weight--bold': css`font-weight: ${font.weight.bold}`,
-  'line-height--regular': css`line-height: ${font.lineHeight.smaller}`,
-  'line-height--smaller': css`line-height: ${font.lineHeight.normal}`,
+
+  // Line Height
+  'line-height--regular': css`line-height: ${font.lineHeight.regular}`,
+  'line-height--smaller': css`line-height: ${font.lineHeight.smaller}`,
 }
@@ -31,0 +35,0 @@

src/typography.story.js

@@ -29,3 +29,3 @@ import React from 'react';
       <Specimen className="font-size--section-title" />
-      <Specimen className="font-size--section-title" />
+      <Specimen className="font-size--subsection-title" />
       <Specimen className="font-size--smaller" />
@@ -32,0 +32,0 @@ <Specimen className="font-size--small" />

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

489469

increased by0.16%

Number of package files

11

increased by10%

Lines of code

147

increased by6.52%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

7

increased byInfinity%

Worsened metrics

Dev dependency count

13

increased by8.33%

No dependency changes