@cloudflare/component-label - npm Package Compare versions

Comparing version 2.0.27 to 2.0.28

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+      <a name="2.0.28"></a>
+## [2.0.28](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.27...@cloudflare/component-label@2.0.28) (2018-10-05)
+
+
+
+
+**Note:** Version bump only for package @cloudflare/component-label
+
       <a name="2.0.27"></a>
@@ -15,3 +23,3 @@ ## [2.0.27](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.26...@cloudflare/component-label@2.0.27) (2018-10-03)
 
-      <a name="2.0.26"></a>
+    <a name="2.0.26"></a>
 
@@ -22,3 +30,3 @@ ## [2.0.26](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.25...@cloudflare/component-label@2.0.26) (2018-10-02)
 
-    <a name="2.0.25"></a>
+  <a name="2.0.25"></a>
 
@@ -29,3 +37,3 @@ ## [2.0.25](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.24...@cloudflare/component-label@2.0.25) (2018-09-27)
 
-  <a name="2.0.24"></a>
+<a name="2.0.24"></a>
 
@@ -32,0 +40,0 @@ ## [2.0.24](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-label@2.0.23...@cloudflare/component-label@2.0.24) (2018-09-26)

es/Label.js

@@ -15,11 +15,12 @@ import PropTypes from 'prop-types';
   return {
+    alignItems: 'center',
     borderRadius: theme.radii[1],
     color: theme.colors.white,
-    display: 'inline-block',
-    fontSize: 2,
+    display: 'inline-flex',
+    fontSize: 1,
     fontWeight: 600,
     lineHeight: theme.lineHeights.solid,
     textTransform: 'uppercase',
+    letterSpacing: '0.05em',
     userSelect: 'none',
-    verticalAlign: 'baseline',
     whiteSpace: 'nowrap',
@@ -26,0 +27,0 @@ px: 2,

lib/Label.js

@@ -26,11 +26,12 @@ "use strict";
   return {
+    alignItems: 'center',
     borderRadius: theme.radii[1],
     color: theme.colors.white,
-    display: 'inline-block',
-    fontSize: 2,
+    display: 'inline-flex',
+    fontSize: 1,
     fontWeight: 600,
     lineHeight: theme.lineHeights.solid,
     textTransform: 'uppercase',
+    letterSpacing: '0.05em',
     userSelect: 'none',
-    verticalAlign: 'baseline',
     whiteSpace: 'nowrap',
@@ -37,0 +38,0 @@ px: 2,

package.json

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

src/Label.js

@@ -13,11 +13,12 @@ import PropTypes from 'prop-types';
 const styles = ({ theme, type }) => ({
+  alignItems: 'center',
   borderRadius: theme.radii[1],
   color: theme.colors.white,
-  display: 'inline-block',
-  fontSize: 2,
+  display: 'inline-flex',
+  fontSize: 1,
   fontWeight: 600,
   lineHeight: theme.lineHeights.solid,
   textTransform: 'uppercase',
+  letterSpacing: '0.05em',
   userSelect: 'none',
-  verticalAlign: 'baseline',
   whiteSpace: 'nowrap',
@@ -24,0 +25,0 @@

No alert changes

Improved metrics

Total package byte prevSize

22752

increased by1.36%

Lines of code

121

increased by2.54%

No dependency changes