styled-typography - npm Package Compare versions

Comparing version 1.0.0-rc1 to 1.0.0-rc2

dist/index.d.ts

 /// <reference types="react" />
 import { HeadingProps, TextProps, LinkProps } from "./types";
+export declare const GlobalTypeStyles: import("styled-components").GlobalStyleComponent<(Record<string, any> & import("./types").TypeProps & import("react").HTMLProps<HTMLParagraphElement>) | (Record<string, any> & import("./types").TypeProps & import("react").HTMLProps<HTMLDivElement>) | (Record<string, any> & import("./types").TypeProps & import("react").HTMLProps<HTMLAnchorElement>), import("styled-components").DefaultTheme>;
 export declare const Heading: import("styled-components").StyledComponent<"div", any, HeadingProps, never>;
@@ -9,1 +10,3 @@ export declare const Text: import("styled-components").StyledComponent<"p", any, TextProps, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;
+export { TypographyProps, defaultTheme } from "./utils";
+export * from "./types";

dist/index.js

 "use strict";
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
 const styled_components_1 = require("styled-components");
 const utils_1 = require("./utils");
+exports.GlobalTypeStyles = styled_components_1.createGlobalStyle `
+	body {
+		color: ${utils_1.getFontColor(utils_1.TextType.Body)};
+		font-family: ${utils_1.getFontFamily(utils_1.TextType.Body)};
+		font-size: ${utils_1.getFontSize(utils_1.TextType.Body)};
+		font-weight: ${utils_1.getFontWeight(utils_1.TextType.Body)};
+		font-style: ${utils_1.getFontStyle(utils_1.TextType.Body)};
+		line-height: ${utils_1.getLineHeight(utils_1.TextType.Body)};
+	}
+`;
 /* istanbul ignore next */
@@ -10,41 +23,44 @@ exports.Heading = styled_components_1.default("div").attrs(({ level }) => ({
 })) `
-  color: ${utils_1.getFontColor(utils_1.TextType.Heading)};
-  font-family: ${utils_1.getFontFamily(utils_1.TextType.Heading)};
-  font-size: ${utils_1.getFontSize(utils_1.TextType.Heading)};
-  font-weight: ${utils_1.getFontWeight(utils_1.TextType.Heading)};
-  font-style: ${utils_1.getFontStyle(utils_1.TextType.Heading)};
-  line-height: ${utils_1.getLineHeight(utils_1.TextType.Heading)};
-  ${utils_1.getExtras(utils_1.TextType.Heading)}
+	color: ${utils_1.getFontColor(utils_1.TextType.Heading)};
+	font-family: ${utils_1.getFontFamily(utils_1.TextType.Heading)};
+	font-size: ${utils_1.getFontSize(utils_1.TextType.Heading)};
+	font-weight: ${utils_1.getFontWeight(utils_1.TextType.Heading)};
+	font-style: ${utils_1.getFontStyle(utils_1.TextType.Heading)};
+	line-height: ${utils_1.getLineHeight(utils_1.TextType.Heading)};
+	${utils_1.getExtras(utils_1.TextType.Heading)}
 `;
 /* istanbul ignore next */
 exports.Text = styled_components_1.default("p") `
-  color: ${utils_1.getFontColor(utils_1.TextType.Body)};
-  font-family: ${utils_1.getFontFamily(utils_1.TextType.Body)};
-  font-size: ${utils_1.getFontSize(utils_1.TextType.Body)};
-  font-weight: ${utils_1.getFontWeight(utils_1.TextType.Body)};
-  font-style: ${utils_1.getFontStyle(utils_1.TextType.Body)};
-  line-height: ${utils_1.getLineHeight(utils_1.TextType.Body)};
-  ${utils_1.getExtras(utils_1.TextType.Body)}
+	color: ${utils_1.getFontColor(utils_1.TextType.Body)};
+	font-family: ${utils_1.getFontFamily(utils_1.TextType.Body)};
+	font-size: ${utils_1.getFontSize(utils_1.TextType.Body)};
+	font-weight: ${utils_1.getFontWeight(utils_1.TextType.Body)};
+	font-style: ${utils_1.getFontStyle(utils_1.TextType.Body)};
+	line-height: ${utils_1.getLineHeight(utils_1.TextType.Body)};
+	${utils_1.getExtras(utils_1.TextType.Body)}
 `;
 /* istanbul ignore next */
 exports.Span = styled_components_1.default(exports.Text).attrs(() => ({ as: "span" })) `
-  color: ${utils_1.getFontColor(utils_1.TextType.Span)};
-  font-family: ${utils_1.getFontFamily(utils_1.TextType.Span)};
-  font-size: ${utils_1.getFontSize(utils_1.TextType.Span)};
-  font-weight: ${utils_1.getFontWeight(utils_1.TextType.Span)};
-  font-style: ${utils_1.getFontStyle(utils_1.TextType.Span)};
-  line-height: ${utils_1.getLineHeight(utils_1.TextType.Span)};
-  ${utils_1.getExtras(utils_1.TextType.Span)}
+	color: ${utils_1.getFontColor(utils_1.TextType.Span)};
+	font-family: ${utils_1.getFontFamily(utils_1.TextType.Span)};
+	font-size: ${utils_1.getFontSize(utils_1.TextType.Span)};
+	font-weight: ${utils_1.getFontWeight(utils_1.TextType.Span)};
+	font-style: ${utils_1.getFontStyle(utils_1.TextType.Span)};
+	line-height: ${utils_1.getLineHeight(utils_1.TextType.Span)};
+	${utils_1.getExtras(utils_1.TextType.Span)}
 `;
 /* istanbul ignore next */
 exports.Link = styled_components_1.default("a") `
-  display: inline-block;
-  color: ${utils_1.getFontColor(utils_1.TextType.Link)};
-  font-family: ${utils_1.getFontFamily(utils_1.TextType.Link)};
-  font-size: ${utils_1.getFontSize(utils_1.TextType.Link)};
-  font-weight: ${utils_1.getFontWeight(utils_1.TextType.Link)};
-  font-style: ${utils_1.getFontStyle(utils_1.TextType.Link)};
-  line-height: ${utils_1.getLineHeight(utils_1.TextType.Link)};
-  ${utils_1.getExtras(utils_1.TextType.Link)}
+	display: inline-block;
+	color: ${utils_1.getFontColor(utils_1.TextType.Link)};
+	font-family: ${utils_1.getFontFamily(utils_1.TextType.Link)};
+	font-size: ${utils_1.getFontSize(utils_1.TextType.Link)};
+	font-weight: ${utils_1.getFontWeight(utils_1.TextType.Link)};
+	font-style: ${utils_1.getFontStyle(utils_1.TextType.Link)};
+	line-height: ${utils_1.getLineHeight(utils_1.TextType.Link)};
+	${utils_1.getExtras(utils_1.TextType.Link)}
 `;
+var utils_2 = require("./utils");
+exports.defaultTheme = utils_2.defaultTheme;
+__export(require("./types"));
 //# sourceMappingURL=index.js.map

dist/utils.js

@@ -78,4 +78,4 @@ "use strict";
     const { extra } = exports.getTheme(props);
-    return exports.getDefault(type, extra.body, extra.heading, extra.span, extra.link) || ``;
+    return (exports.getDefault(type, extra.body, extra.heading, extra.span, extra.link) || ``);
 };
 //# sourceMappingURL=utils.js.map

package.json

 {
   "name": "styled-typography",
-  "version": "1.0.0-rc1",
+  "version": "1.0.0-rc2",
   "description": "Typograpy components for react and styled-components",
@@ -50,7 +50,5 @@ "main": "./dist/index.js",
     "chai": "^4.2.0",
-    "husky": "^2.4.1",
-    "lint-staged": "^8.2.1",
     "mocha": "^6.1.4",
     "nyc": "^14.1.1",
-    "prettier": "^1.18.2",
+    "react": "^16.8.6",
     "styled-components": "^4.3.1",
@@ -67,3 +65,4 @@ "ts-node": "^8.3.0",
     "statements": 100
-  }
+  },
+  "gitHead": "e03705514e93efc0341cf387922761889f9daae4"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

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

38387

increased by82.26%

Dev dependency count

12

decreased by-14.29%

Number of package files

15

increased by50%

Lines of code

518

increased by76.19%

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

4

increased byInfinity%

Worsened metrics

Number of low quality alerts

3

increased by50%

No dependency changes