@hackclub/design-system - npm Package Compare versions

Comparing version 0.0.1-15 to 0.0.1-16

dist/index.js

@@ -214,2 +214,11 @@ 'use strict';
 
+var _Sheet = require('./Sheet');
+
+Object.defineProperty(exports, 'Sheet', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Sheet).default;
+  }
+});
+
 var _Slider = require('./Slider');
@@ -224,2 +233,11 @@
 
+var _Submit = require('./Submit');
+
+Object.defineProperty(exports, 'Submit', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Submit).default;
+  }
+});
+
 var _Text = require('./Text');
@@ -226,0 +244,0 @@

dist/LargeButton.js

@@ -37,2 +37,3 @@ 'use strict';
   fontSize: 3,
+  m: 0,
   py: 3,
@@ -42,2 +43,5 @@ px: 4
 
+LargeButton.button = LargeButton.withComponent('button');
+LargeButton.input = LargeButton.withComponent('input');
+
 exports.default = LargeButton;

dist/Loading.js

@@ -10,4 +10,4 @@ 'use strict';
 var _templateObject = _taggedTemplateLiteral(['\n  0% {\n    width: 0;\n    height: 0;\n    opacity: 1;\n  }\n  100% {\n    width: 56px; // 64px - 3px border on two sides\n    height: 56px;\n    opacity: 0;\n  }\n'], ['\n  0% {\n    width: 0;\n    height: 0;\n    opacity: 1;\n  }\n  100% {\n    width: 56px; // 64px - 3px border on two sides\n    height: 56px;\n    opacity: 0;\n  }\n']),
-    _templateObject2 = _taggedTemplateLiteral(['\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n'], ['\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n']),
-    _templateObject3 = _taggedTemplateLiteral(['\n  position: absolute;\n  border: 4px solid currentColor;\n  opacity: 1;\n  border-radius: ', ';\n  transform-origin: center;\n  animation: ', ' 0.975s ease-out infinite;\n'], ['\n  position: absolute;\n  border: 4px solid currentColor;\n  opacity: 1;\n  border-radius: ', ';\n  transform-origin: center;\n  animation: ', ' 0.975s ease-out infinite;\n']);
+    _templateObject2 = _taggedTemplateLiteral(['\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n'], ['\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n  border-radius: 50%;\n']),
+    _templateObject3 = _taggedTemplateLiteral(['\n  position: absolute;\n  border: 4px solid currentColor;\n  opacity: 1;\n  border-radius: 50%;\n  transform-origin: center;\n  animation: ', ' 0.975s ease-out infinite;\n'], ['\n  position: absolute;\n  border: 4px solid currentColor;\n  opacity: 1;\n  border-radius: 50%;\n  transform-origin: center;\n  animation: ', ' 0.975s ease-out infinite;\n']);
 
@@ -26,2 +26,6 @@ var _styledComponents = require('styled-components');
 
+var _theme = require('./theme');
+
+var _theme2 = _interopRequireDefault(_theme);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,6 +38,3 @@
 var Base = (0, _styledComponents2.default)(_Box2.default)(_templateObject2);
-var Inner = (0, _styledComponents2.default)(_Box2.default)(_templateObject3, function (_ref) {
-  var theme = _ref.theme;
-  return theme.pill;
-}, animation);
+var Inner = (0, _styledComponents2.default)(_Box2.default)(_templateObject3, animation);
 
@@ -50,2 +51,3 @@ var Loading = function Loading(props) {
 Loading.defaultProps = {
+  theme: _theme2.default,
   color: 'primary'
@@ -52,0 +54,0 @@ };

dist/Text.js

@@ -31,3 +31,3 @@ 'use strict';
 var caps = exports.caps = function caps(props) {
-  return props.caps ? { textTransform: 'uppercase' } : null;
+  return props.caps && { textTransform: 'uppercase' };
 };
@@ -34,0 +34,0 @@

package.json

 {
   "name": "@hackclub/design-system",
-  "version": "0.0.1-15",
+  "version": "0.0.1-16",
   "description": "Hack Club Design System",
@@ -20,3 +20,3 @@ "main": "dist/index.js",
     "lodash": "^4.17.11",
-    "palx": "1.0.1",
+    "palx": "1.0.2",
     "prop-types": "^15.7.2",
@@ -23,0 +23,0 @@ "react": "^16.8.6",

No alert changes

Improved metrics

Total package byte prevSize

3556570

increased by0.11%

Number of package files

98

increased by4.26%

Lines of code

3791

increased by2.6%

Dependency changes

• + Addedpalx@1.0.2(transitive)

• - Removedpalx@1.0.1(transitive)

• Updatedpalx@1.0.2