@cloudflare/component-label - npm Package Compare versions

Comparing version 1.0.8 to 1.0.10

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="1.0.10"></a>
+## [1.0.10](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@1.0.8...@cloudflare/component-label@1.0.10) (2018-06-07)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/component-label
+
 <a name="1.0.8"></a>
@@ -8,0 +16,0 @@ ## [1.0.8](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@1.0.6...@cloudflare/component-label@1.0.8) (2018-06-07)

es/index.js

@@ -1,22 +0,8 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelUnstyled = exports.LabelTheme = exports.Label = undefined;
+import LabelUnstyled from './Label';
+import LabelTheme from './LabelTheme';
 
-var _Label = require('./Label');
+import { applyTheme } from '@cloudflare/style-container';
 
-var _Label2 = _interopRequireDefault(_Label);
+var Label = applyTheme(LabelUnstyled, LabelTheme);
 
-var _LabelTheme = require('./LabelTheme');
-
-var _LabelTheme2 = _interopRequireDefault(_LabelTheme);
-
-var _styleContainer = require('@cloudflare/style-container');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Label = (0, _styleContainer.applyTheme)(_Label2.default, _LabelTheme2.default);
-
-exports.Label = Label;
-exports.LabelTheme = _LabelTheme2.default;
-exports.LabelUnstyled = _Label2.default;
+export { Label, LabelTheme, LabelUnstyled };

es/Label.js

@@ -1,19 +0,3 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _styleContainer = require('@cloudflare/style-container');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -25,2 +9,6 @@
 
+import React from 'react';
+import PropTypes from 'prop-types';
+import { createComponent } from '@cloudflare/style-container';
+
 var styles = function styles(props) {
@@ -64,3 +52,3 @@ var theme = props.theme;
 
-      return _react2.default.createElement(
+      return React.createElement(
         'span',
@@ -74,11 +62,11 @@ { className: className },
   return Label;
-}(_react2.default.Component);
+}(React.Component);
 
 Label.propTypes = {
-  className: _propTypes2.default.string,
-  type: _propTypes2.default.oneOf(['default', 'info', 'success', 'warning', 'error']).isRequired,
-  children: _propTypes2.default.node
+  className: PropTypes.string,
+  type: PropTypes.oneOf(['default', 'info', 'success', 'warning', 'error']).isRequired,
+  children: PropTypes.node
 };
 Label.displayName = 'Labe';
 
-exports.default = (0, _styleContainer.createComponent)(styles, Label);
+export default createComponent(styles, Label);

es/LabelTheme.js

@@ -1,6 +0,2 @@
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = function (baseTheme) {
+export default (function (baseTheme) {
   return {
@@ -29,2 +25,2 @@ borderRadius: baseTheme.borderRadius,
   };
-};
+});

lib/index.js

@@ -20,3 +20,3 @@ 'use strict';
 
-var Label = (0, _styleContainer.applyTheme)(_Label2.default, _LabelTheme2.default);
+const Label = (0, _styleContainer.applyTheme)(_Label2.default, _LabelTheme2.default);
 
@@ -23,0 +23,0 @@ exports.Label = Label;

lib/Label.js

@@ -7,4 +7,2 @@ 'use strict';
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
 var _react = require('react');
@@ -22,10 +20,4 @@
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var styles = function styles(props) {
-  var theme = props.theme;
+const styles = props => {
+  const theme = props.theme;
   return {
@@ -47,33 +39,17 @@ borderRadius: theme.borderRadius,
     whiteSpace: theme.whiteSpace,
-    backgroundColor: theme[props.type + 'BackgroundColor']
+    backgroundColor: theme[`${props.type}BackgroundColor`]
   };
 };
 
-var Label = function (_React$Component) {
-  _inherits(Label, _React$Component);
-
-  function Label() {
-    _classCallCheck(this, Label);
-
-    return _possibleConstructorReturn(this, (Label.__proto__ || Object.getPrototypeOf(Label)).apply(this, arguments));
+class Label extends _react2.default.Component {
+  render() {
+    const { children, className } = this.props;
+    return _react2.default.createElement(
+      'span',
+      { className: className },
+      children
+    );
   }
+}
 
-  _createClass(Label, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className;
-
-      return _react2.default.createElement(
-        'span',
-        { className: className },
-        children
-      );
-    }
-  }]);
-
-  return Label;
-}(_react2.default.Component);
-
 Label.propTypes = {
@@ -80,0 +56,0 @@ className: _propTypes2.default.string,

lib/LabelTheme.js

@@ -7,3 +7,3 @@ 'use strict';
 
-exports.default = function (baseTheme) {
+exports.default = baseTheme => {
   return {
@@ -13,3 +13,3 @@ borderRadius: baseTheme.borderRadius,
     display: 'inline-block',
-    fontSize: (parseFloat(baseTheme.fontSize) - 2) / parseFloat(baseTheme.fontSize) + 'rem',
+    fontSize: `${(parseFloat(baseTheme.fontSize) - 2) / parseFloat(baseTheme.fontSize)}rem`,
     fontWeight: baseTheme.weightSemiBold,
@@ -16,0 +16,0 @@ lineHeight: baseTheme.rem,

package.json

 {
   "name": "@cloudflare/component-label",
   "description": "Cloudflare Label Component",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "main": "lib/index.js",
@@ -15,3 +15,3 @@ "module": "es/index.js",
   "dependencies": {
-    "@cloudflare/style-container": "^1.0.8",
+    "@cloudflare/style-container": "^1.0.10",
     "polished": "^1.9.2",
@@ -18,0 +18,0 @@ "prop-types": "^15.6.0"

No alert changes

Worsened metrics

Total package byte prevSize

20989

decreased by-10.61%

Lines of code

240

decreased by-12.73%

Dependency changes

• Updated@cloudflare/style-container@^1.0.10