@hackclub/design-system - npm Package Compare versions

Comparing version 0.0.1-5 to 0.0.1-6

dist/Avatar.js

@@ -9,3 +9,4 @@ 'use strict'
   [
-    '\n  border-radius: 9999px;\n  display: inline-block;\n  width: ',
+    '\n  border-radius: ',
+    ';\n  display: inline-block;\n  width: ',
     ';\n  height: ',
@@ -15,3 +16,4 @@ ';\n'
   [
-    '\n  border-radius: 9999px;\n  display: inline-block;\n  width: ',
+    '\n  border-radius: ',
+    ';\n  display: inline-block;\n  width: ',
     ';\n  height: ',
@@ -51,2 +53,5 @@ ';\n'
   function(props) {
+    return props.theme.pill
+  },
+  function(props) {
     return px(props.size)
@@ -53,0 +58,0 @@ },

dist/Button.js

@@ -65,3 +65,3 @@ 'use strict'
   function(props) {
-    return props.theme.radius
+    return props.theme.pill
   },
@@ -68,0 +68,0 @@ function(props) {

dist/Card.js

@@ -75,3 +75,7 @@ 'use strict'
     border:
-      props.borderWidth + 'px solid ' + props.theme.colors[props.borderColor]
+      props.borderWidth > 0
+        ? props.borderWidth +
+          'px solid ' +
+          props.theme.colors[props.borderColor]
+        : null
   }
@@ -94,3 +98,3 @@ }
   {
-    borderWidth: _propTypes2.default.oneOf([1, 2])
+    borderWidth: _propTypes2.default.oneOf([0, 1, 2])
   }
@@ -103,3 +107,3 @@ )
   borderRadius: 1,
-  borderWidth: 1
+  borderWidth: 0
 }
@@ -106,0 +110,0 @@

dist/IconButton.js

@@ -68,7 +68,4 @@ 'use strict'
   return props.circle
-    ? {
-        borderRadius: '9999px',
-        padding: props.theme.space[props.p || 2] + 'px'
-      }
-    : null
+    ? { padding: props.theme.space[props.p || 2] + 'px' }
+    : { borderRadius: props.theme.radius }
 })
@@ -75,0 +72,0 @@

dist/theme.js

@@ -6,3 +6,3 @@ 'use strict'
 })
-exports.boxShadows = exports.shadowColor = exports.radius = exports.radii = exports.fontWeights = exports.bold = exports.regular = exports.fontSizes = exports.mono = exports.font = exports.space = exports.mediaQueries = exports.breakpoints = exports.cx = exports.colors = exports.brand = exports.grays = exports.palette = undefined
+exports.boxShadows = exports.shadowColor = exports.pill = exports.radius = exports.radii = exports.fontWeights = exports.bold = exports.regular = exports.fontSizes = exports.mono = exports.font = exports.space = exports.mediaQueries = exports.breakpoints = exports.cx = exports.colors = exports.brand = exports.grays = exports.palette = undefined
 
@@ -107,11 +107,12 @@ var _extends =
 })
-var radii = (exports.radii = ['0px', '4px', '8px'])
+var radii = (exports.radii = ['0px', '4px', '8px', '16px', '9999px'])
 var radius = (exports.radius = '4px')
+var pill = (exports.pill = radii[4])
 
 var shadowColor = (exports.shadowColor = 'rgba(0,0,0,0.125)')
 var boxShadows = (exports.boxShadows = [
-  '0 0 4px 0 ' + shadowColor,
-  '0 8px 8px 0 ' + shadowColor,
+  '0 1px 4px 0 ' + shadowColor,
+  '0 4px 8px 0 ' + shadowColor,
   '0 16px 16px 0 ' + shadowColor,
-  '0 32px 32px 0 ' + shadowColor
+  '0 24px 32px 0 ' + shadowColor
 ])
@@ -132,2 +133,3 @@
   radius: radius,
+  pill: pill,
   boxShadows: boxShadows,
@@ -134,0 +136,0 @@ shadowColor: shadowColor,

package.json

 {
   "name": "@hackclub/design-system",
-  "version": "0.0.1-5",
+  "version": "0.0.1-6",
   "description": "Hack Club Design System",
@@ -23,11 +23,11 @@ "main": "dist/index.js",
     "prop-types": "^15.6.0",
-    "styled-components": "^2.4.0",
-    "styled-system": "^1.1.1",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "serve": "^6.4.8"
+    "serve": "^6.4.9",
+    "styled-components": "^3.0.2",
+    "styled-system": "^1.1.1"
   },
   "devDependencies": {
-    "@storybook/addon-info": "v3.3.9",
-    "@storybook/react": "v3.3.9",
+    "@storybook/addon-info": "v3.3.10",
+    "@storybook/react": "v3.3.10",
     "@storybook/storybook-deployer": "^2.2.0",
@@ -40,8 +40,8 @@ "babel-cli": "^6.26.0",
     "babel-preset-stage-0": "^6.24.1",
+    "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
-    "enzyme": "^3.3.0",
+    "jest": "^22.1.4",
+    "jest-styled-components": "^4.11.0-0",
     "material-design-icons": "^3.0.1",
     "prettier": "^1.10.2",
-    "jest": "^22.1.1",
-    "jest-styled-components": "^4.10.0",
     "react-test-renderer": "^16.2.0"
@@ -48,0 +48,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

3540538

increased by8.18%

Number of package files

88

increased by1.15%

Lines of code

3983

increased by0.2%

Dependency changes

• + Addedhoist-non-react-statics@2.5.5(transitive)

• + Addedstyled-components@3.4.10(transitive)

• + Addedstylis-rule-sheet@0.0.10(transitive)

• - Removedhoist-non-react-statics@1.2.0(transitive)

• - Removedis-plain-object@2.0.4(transitive)

• - Removedisobject@3.0.1(transitive)

• - Removedstyled-components@2.4.1(transitive)

• Updatedserve@^6.4.9

• Updatedstyled-components@^3.0.2