@cdssnc/gcui - npm Package Compare versions

Comparing version 0.0.22 to 0.0.23

dist/PhaseBadge/index.js

@@ -28,5 +28,5 @@ 'use strict';
   target: 'eqw3wx00'
-})('line-height:1.8;color:#fff;padding:0.45em 1em;border-radius:0.2em;background-color:', function (props) {
+})('line-height:1.8;color:#fff;border-radius:0.2em;background-color:', function (props) {
   return props.phase === 'alpha' ? '#e8026e' : '#ff5a02';
-}, ';');
+}, ';padding:0.45rem 1rem;');
 var PhaseBadge = function PhaseBadge(_ref) {
@@ -33,0 +33,0 @@ var phase = _ref.phase,

dist/PhaseBanner/index.js

@@ -27,4 +27,4 @@ 'use strict';
 var breakpoints = {
-  xs: 28,
-  small: 32
+  xs: 481,
+  small: 578
 };
@@ -34,3 +34,3 @@
   var prefix = typeof breakpoints[label] === 'string' ? '' : 'max-width:';
-  var suffix = typeof breakpoints[label] === 'string' ? '' : 'em';
+  var suffix = typeof breakpoints[label] === 'string' ? '' : 'px';
   accumulator[label] = function (cls) {
@@ -45,5 +45,5 @@ return (/*#__PURE__*/(0, _reactEmotion.css)('@media screen and (', prefix + breakpoints[label] + suffix, '){', cls, ';}')
   target: 'e1fzwlll0'
-})('display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;padding:0.6rem 4.5rem 0.5rem 4.5rem;min-width:20em;background-color:#000;color:#fff;font:0.694rem sans-serif;', mediaQuery.small( /*#__PURE__*/(0, _reactEmotion.css)('display:block;padding-left:2rem;padding-right:2rem;font-size:0.694rem;')), ';');
+})('display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;padding:0.75rem 4.5rem;min-width:20em;background-color:#000;color:#fff;font:0.694rem sans-serif;', mediaQuery.small( /*#__PURE__*/(0, _reactEmotion.css)('display:block;padding-left:2rem;padding-right:2rem;')), ';');
 
-var message = /*#__PURE__*/(0, _reactEmotion.css)('margin-left:1rem;font-weight:bold;', mediaQuery.small( /*#__PURE__*/(0, _reactEmotion.css)('margin-left:0;display:flex;padding-top:0.4em;font-weight:400;')), ';');
+var message = /*#__PURE__*/(0, _reactEmotion.css)('margin-left:1rem;font-weight:bold;', mediaQuery.small( /*#__PURE__*/(0, _reactEmotion.css)('margin-left:0;display:flex;padding-top:0.9em;font-weight:400;')), ';');
 
@@ -50,0 +50,0 @@ var alphaBetaCheck = function alphaBetaCheck(props, propName, componentName) {

package.json

 {
   "name": "@cdssnc/gcui",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "jsnext:main": "src/index.js",

src/PhaseBadge/index.js

@@ -8,6 +8,6 @@ import React from 'react'
   color: #fff;
-  padding: 0.45em 1em;
   border-radius: 0.2em;
   background-color: ${props =>
     props.phase === 'alpha' ? '#e8026e' : '#ff5a02'};
+  padding: 0.45rem 1rem;
 `
@@ -14,0 +14,0 @@ export const PhaseBadge = ({ phase, ...rest }) => (

src/PhaseBanner/index.js

@@ -7,4 +7,4 @@ import React from 'react'
 const breakpoints = {
-  xs: 28,
-  small: 32,
+  xs: 481,
+  small: 578,
 }
@@ -14,3 +14,3 @@
   let prefix = typeof breakpoints[label] === 'string' ? '' : 'max-width:'
-  let suffix = typeof breakpoints[label] === 'string' ? '' : 'em'
+  let suffix = typeof breakpoints[label] === 'string' ? '' : 'px'
   accumulator[label] = cls =>
@@ -30,3 +30,3 @@ css`
   -ms-flex-align: center;
-  padding: 0.6rem 4.5rem 0.5rem 4.5rem;
+  padding: 0.75rem 4.5rem;
   min-width: 20em;
@@ -40,3 +40,2 @@ background-color: #000;
     padding-right: 2rem;
-    font-size: 0.694rem;
   `)};
@@ -51,3 +50,3 @@ `
     display: flex;
-    padding-top: 0.4em;
+    padding-top: 0.9em;
     font-weight: 400;
@@ -54,0 +53,0 @@ `)};

No alert changes

Worsened metrics

Total package byte prevSize

91667

decreased by-0.07%

Lines of code

1510

decreased by-0.07%

No dependency changes