td-stylekit - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

dist/es/Heading/Heading.js

@@ -19,45 +19,45 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
   },
-  title: {
-    fontSize: '1.375rem',
-    lineHeight: '2.875rem',
-    margin: 0
-  },
-  subtitle: {
-    fontSize: '0.875rem',
-    lineHeight: '2rem',
-    margin: 0
-  },
-  h1: function h1(_ref2) {
+  title: function title(_ref2) {
     var theme = _ref2.theme;
     return {
-      fontSize: theme.fontSize[6]
+      fontSize: theme.fontSize[5],
+      lineHeight: '2.875rem',
+      margin: 0
     };
   },
-  h2: function h2(_ref3) {
+  subtitle: function subtitle(_ref3) {
     var theme = _ref3.theme;
     return {
-      fontSize: theme.fontSize[5]
+      fontSize: theme.fontSize[3],
+      lineHeight: '2rem',
+      margin: 0
     };
   },
-  h3: function h3(_ref4) {
+  h1: function h1(_ref4) {
     var theme = _ref4.theme;
     return {
-      fontSize: theme.fontSize[4]
+      fontSize: theme.fontSize[5]
     };
   },
-  h4: function h4(_ref5) {
+  h2: function h2(_ref5) {
     var theme = _ref5.theme;
     return {
-      fontSize: theme.fontSize[3]
+      fontSize: theme.fontSize[4]
     };
   },
-  h5: function h5(_ref6) {
+  h3: function h3(_ref6) {
     var theme = _ref6.theme;
     return {
-      fontSize: theme.fontSize[2]
+      fontSize: theme.fontSize[3]
     };
   },
-  h6: function h6(_ref7) {
+  h4: function h4(_ref7) {
     var theme = _ref7.theme;
     return {
+      fontSize: theme.fontSize[2]
+    };
+  },
+  h5: function h5(_ref8) {
+    var theme = _ref8.theme;
+    return {
       fontSize: theme.fontSize[1]
@@ -68,6 +68,6 @@ };
 
-var propToTag = function propToTag(_ref8) {
-  var title = _ref8.title,
-      subtitle = _ref8.subtitle,
-      props = _objectWithoutProperties(_ref8, ['title', 'subtitle']);
+var propToTag = function propToTag(_ref9) {
+  var title = _ref9.title,
+      subtitle = _ref9.subtitle,
+      props = _objectWithoutProperties(_ref9, ['title', 'subtitle']);
 
@@ -91,15 +91,14 @@ var tag = Object.keys(props).filter(function (prop) {
 
-var Heading = function Heading(_ref9) {
-  var h1 = _ref9.h1,
-      h2 = _ref9.h2,
-      h3 = _ref9.h3,
-      h4 = _ref9.h4,
-      h5 = _ref9.h5,
-      h6 = _ref9.h6,
-      tag = _ref9.tag,
-      title = _ref9.title,
-      subtitle = _ref9.subtitle,
-      props = _objectWithoutProperties(_ref9, ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'tag', 'title', 'subtitle']);
+var Heading = function Heading(_ref10) {
+  var h1 = _ref10.h1,
+      h2 = _ref10.h2,
+      h3 = _ref10.h3,
+      h4 = _ref10.h4,
+      h5 = _ref10.h5,
+      tag = _ref10.tag,
+      title = _ref10.title,
+      subtitle = _ref10.subtitle,
+      props = _objectWithoutProperties(_ref10, ['h1', 'h2', 'h3', 'h4', 'h5', 'tag', 'title', 'subtitle']);
 
-  var visualTag = propToTag({ h1: h1, h2: h2, h3: h3, h4: h4, h5: h5, h6: h6, title: title, subtitle: subtitle });
+  var visualTag = propToTag({ h1: h1, h2: h2, h3: h3, h4: h4, h5: h5, title: title, subtitle: subtitle });
   var Element = glamorous(tag || visualTag, {
@@ -106,0 +105,0 @@ propsAreCssOverrides: true

dist/es/index.js

@@ -10,2 +10,3 @@ import Box from './Box';
 import Text from './Text';
+import Toggle from './Toggle';
 import ThemeProvider, { theme } from './ThemeProvider';
@@ -15,2 +16,2 @@ import UserAvatar from './UserAvatar';
 
-export { Box, Button, Column, Heading, Icon, Link, Paragraph, Row, Text, theme, ThemeProvider, UserAvatar, View };
+export { Box, Button, Column, Heading, Icon, Link, Paragraph, Row, Text, Toggle, theme, ThemeProvider, UserAvatar, View };

dist/es/ThemeProvider/ThemeProvider.js

@@ -6,3 +6,3 @@ import React from 'react';
 export var theme = {
-  space: [0, '0.25rem', '0.5rem', '0.75rem', '1rem', '1.25rem', '1.5rem', '2rem'],
+  space: [0, '0.25rem', '0.5rem', '0.75rem', '1rem', '1.25rem', '1.5rem', '1.75rem', '2rem'],
   color: {
@@ -46,3 +46,3 @@ Primary: '#3397BB',
   },
-  fontSize: ['0.625rem', '0.75rem', '0.875rem', '1rem', '1.25rem', '1.5rem', '2rem'],
+  fontSize: ['0.625rem', '0.75rem', '0.875rem', '1rem', '1.25rem', '1.5rem'],
   lineHeight: [0, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2],
@@ -49,0 +49,0 @@ radius: [0, '0.125rem', '0.25rem', '0.5rem'],

package.json

 {
   "name": "td-stylekit",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "main": "dist/es/index.js",
@@ -15,3 +15,5 @@ "module": "dist/es/index.js",
     "docs:build": "build-storybook --config-dir .storybook --static-dir docs/assets --output-dir dist-docs/storybook && cp docs/index.html dist-docs/index.html",
-    "lint": "eslint --ignore-path .gitignore ."
+    "lint": "eslint --ignore-path .gitignore .",
+    "format": "prettier --write --ignore-path .gitignore '**/*.{js,json}'",
+    "precommit": "lint-staged"
   },
@@ -64,7 +66,11 @@ "dependencies": {
     "glow": "^1.2.2",
+    "husky": "^0.14.3",
     "jest": "21.2.1",
     "jest-glamor-react": "^3.3.0",
+    "lint-staged": "^6.1.1",
     "marksy": "^5.0.0",
+    "prettier": "^1.10.2",
     "raf": "^3.4.0",
     "react": "^16.2.0",
+    "react-annotation": "^1.1.1",
     "react-dev-utils": "^4.2.1",
@@ -119,3 +125,9 @@ "react-dom": "^16.2.0",
     "singleQuote": true
+  },
+  "lint-staged": {
+    "*.{js,json}": [
+      "prettier --write",
+      "git add"
+    ]
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

383718

increased by4.61%

Number of package files

38

increased by5.56%

Lines of code

1529

increased by11.93%

Worsened metrics

Dev dependency count

48

increased by9.09%

No dependency changes