@sdkit/typography - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [1.3.1](http://bitbucket.org/mysuperdispatch/sdkit/compare/@sdkit/typography@1.3.0...@sdkit/typography@1.3.1) (2019-08-07)
+
+**Note:** Version bump only for package @sdkit/typography
+
+
+
+
+
 # [1.3.0](http://bitbucket.org/mysuperdispatch/sdkit/compare/@sdkit/typography@1.2.0...@sdkit/typography@1.3.0) (2019-08-02)
@@ -8,0 +16,0 @@

dist/Text.d.ts

@@ -13,6 +13,8 @@ /// <reference types="react" />
 }
-export declare type TextProps = {
+export declare type TextMixinProps = {
     textType?: TextStyles;
     color?: string;
-} & React.HtmlHTMLAttributes<HTMLSpanElement>;
+};
+export declare const TextMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TextMixinProps, any>>;
+export declare type TextProps = TextMixinProps & React.HtmlHTMLAttributes<HTMLSpanElement>;
 export declare const Text: import("styled-components").StyledComponent<"span", any, {
@@ -19,0 +21,0 @@ textType?: TextStyles | undefined;

dist/Text.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.Text = exports.TextStyles = void 0;
+exports.Text = exports.TextMixin = exports.TextStyles = void 0;
 
@@ -85,3 +85,14 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 };
-const Text = _styledComponents.default.span`
+const TextMixin = _styledComponents.css`
+  color: ${({
+  color
+}) => color};
+  /* Make type rendering look crisper */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  /* Disable auto-enlargement of small text in Safari */
+  text-size-adjust: 100%;
+  /* Enable kerning and optional ligatures */
+  text-rendering: optimizeLegibility;
+
   ${({
@@ -96,4 +107,4 @@ textType = TextStyles.Body
   } = styleValues[textType];
-  return _styledComponents.css`
-      font-family: ${fontFamily}, -apple-system, BlinkMacSystemFont, 'San Francisco',
+  return `
+        font-family: ${fontFamily}, -apple-system, BlinkMacSystemFont, 'San Francisco',
         'Roboto', 'Segoe UI', 'Helvetica Neue', 'Ubuntu', 'Arial', sans-serif;
@@ -108,17 +119,10 @@ font-weight: ${fontWeight};
       `).join('\n')};
-    `;
+          `;
 }};
-
-  color: ${({
-  color
-}) => color};
-  /* Make type rendering look crisper */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  /* Disable auto-enlargement of small text in Safari */
-  text-size-adjust: 100%;
-  /* Enable kerning and optional ligatures */
-  text-rendering: optimizeLegibility;
 `;
+exports.TextMixin = TextMixin;
+const Text = _styledComponents.default.span`
+  ${TextMixin};
+`;
 exports.Text = Text;
 //# sourceMappingURL=Text.js.map

package.json

 {
   "name": "@sdkit/typography",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Typography component",
@@ -13,3 +13,3 @@ "main": "dist/index.js",
   "typings": "dist/index.d.ts",
-  "gitHead": "5cf4f35c6a74c0cac39e3061fde85b5b34abc51e"
+  "gitHead": "69542d4f14d2c255bc5d20a9ef3e3851015cb7ee"
 }

No alert changes

Improved metrics

Total package byte prevSize

13403

increased by5.22%

Lines of code

153

increased by4.08%

No dependency changes