@cloudflare/component-label - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+      <a name="2.0.5"></a>
+## [2.0.5](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.4...@cloudflare/component-label@2.0.5) (2018-07-06)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/component-label
+
       <a name="2.0.4"></a>
@@ -15,3 +23,3 @@ ## [2.0.4](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.3...@cloudflare/component-label@2.0.4) (2018-07-03)
 
-      <a name="2.0.3"></a>
+    <a name="2.0.3"></a>
 ## [2.0.3](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.2...@cloudflare/component-label@2.0.3) (2018-06-29)
@@ -24,3 +32,3 @@
 
-    <a name="2.0.2"></a>
+  <a name="2.0.2"></a>
 
@@ -31,3 +39,3 @@ ## [2.0.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.1...@cloudflare/component-label@2.0.2) (2018-06-29)
 
-  <a name="2.0.1"></a>
+<a name="2.0.1"></a>
 
@@ -34,0 +42,0 @@ ## [2.0.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.0...@cloudflare/component-label@2.0.1) (2018-06-28)

es/index.js

 import Label from './Label';
-
 export { Label };

es/Label.js

 import PropTypes from 'prop-types';
 import { createStyledComponent } from '@cloudflare/style-container';
-
 var typeColors = {
@@ -26,6 +25,4 @@ default: 'gray.4',
     whiteSpace: 'nowrap',
-
     px: 2,
     py: 1,
-
     backgroundColor: typeColors[type]
@@ -35,4 +32,3 @@ };
 
-var Label = createStyledComponent(styles, Label, ['type']);
-
+var Label = createStyledComponent(styles, 'div', ['type']);
 Label.propTypes = {
@@ -42,3 +38,2 @@ type: PropTypes.oneOf(['default', 'info', 'success', 'warning', 'error']).isRequired
 Label.displayName = 'Label';
-
 export default Label;

lib/index.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
-exports.Label = undefined;
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _Label.default;
+  }
+});
 
-var _Label = require('./Label');
+var _Label = _interopRequireDefault(require("./Label"));
 
-var _Label2 = _interopRequireDefault(_Label);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.Label = _Label2.default;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/Label.js

@@ -1,2 +0,2 @@
-'use strict';
+"use strict";
 
@@ -6,12 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
+exports.default = void 0;
 
-var _propTypes = require('prop-types');
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _styleContainer = require("@cloudflare/style-container");
 
-var _styleContainer = require('@cloudflare/style-container');
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const typeColors = {
+var typeColors = {
   default: 'gray.4',
@@ -24,27 +23,28 @@ info: 'blue.4',
 
-const styles = ({ theme, type }) => ({
-  borderRadius: theme.radii[1],
-  color: theme.colors.white,
-  display: 'inline-block',
-  fontSize: 2,
-  fontWeight: 600,
-  lineHeight: theme.lineHeights.solid,
-  textTransform: 'uppercase',
-  userSelect: 'none',
-  verticalAlign: 'baseline',
-  whiteSpace: 'nowrap',
+var styles = function styles(_ref) {
+  var theme = _ref.theme,
+      type = _ref.type;
+  return {
+    borderRadius: theme.radii[1],
+    color: theme.colors.white,
+    display: 'inline-block',
+    fontSize: 2,
+    fontWeight: 600,
+    lineHeight: theme.lineHeights.solid,
+    textTransform: 'uppercase',
+    userSelect: 'none',
+    verticalAlign: 'baseline',
+    whiteSpace: 'nowrap',
+    px: 2,
+    py: 1,
+    backgroundColor: typeColors[type]
+  };
+};
 
-  px: 2,
-  py: 1,
-
-  backgroundColor: typeColors[type]
-});
-
-const Label = (0, _styleContainer.createStyledComponent)(styles, Label, ['type']);
-
+var Label = (0, _styleContainer.createStyledComponent)(styles, 'div', ['type']);
 Label.propTypes = {
-  type: _propTypes2.default.oneOf(['default', 'info', 'success', 'warning', 'error']).isRequired
+  type: _propTypes.default.oneOf(['default', 'info', 'success', 'warning', 'error']).isRequired
 };
 Label.displayName = 'Label';
-
-exports.default = Label;
+var _default = Label;
+exports.default = _default;

package.json

 {
   "name": "@cloudflare/component-label",
   "description": "Cloudflare Label Component",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "main": "lib/index.js",
@@ -6,0 +6,0 @@ "module": "es/index.js",

src/Label.js

@@ -30,3 +30,3 @@ import PropTypes from 'prop-types';
 
-const Label = createStyledComponent(styles, Label, ['type']);
+const Label = createStyledComponent(styles, 'div', ['type']);
 
@@ -33,0 +33,0 @@ Label.propTypes = {

No alert changes

Improved metrics

Total package byte prevSize

17055

increased by2.19%

Lines of code

118

increased by7.27%

No dependency changes