@roo-ui/components - npm Package Compare versions

Comparing version 0.5.4 to 0.6.1

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+<a name="0.6.1"></a>
+## [0.6.1](https://github.com/hooroo/roo-ui/compare/v0.6.0...v0.6.1) (2018-05-10)
+
+
+
+
+**Note:** Version bump only for package @roo-ui/components
+
 <a name="0.5.4"></a>
@@ -8,0 +16,0 @@ ## [0.5.4](https://github.com/hooroo/roo-ui/compare/v0.5.2...v0.5.4) (2018-05-08)

dist/Button/Button.js

@@ -32,3 +32,3 @@ Object.defineProperty(exports, "__esModule", {
 
-var Button = (0, _styledComponents2['default'])(_cleanTag2['default'].button)(_templateObject, (0, _styledSystem.themeGet)('space.3'), (0, _styledSystem.themeGet)('space.5'), (0, _styledSystem.themeGet)('fontSizes.sm'), (0, _styledSystem.themeGet)('fontWeights.bold'), (0, _styledSystem.themeGet)('letterSpacings.wide'), (0, _styledSystem.themeGet)('lineHeights.normal'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('radii.default'), (0, _styledSystem.themeGet)('transitions.default'), _styledSystem.buttonStyle, _styledSystem.space, _styledSystem.color, _styledSystem.boxShadow, function (props) {
+var Button = (0, _styledComponents2['default'])(_cleanTag2['default'].button)(_templateObject, (0, _styledSystem.themeGet)('space.3'), (0, _styledSystem.themeGet)('space.5'), (0, _styledSystem.themeGet)('fontSizes.base'), (0, _styledSystem.themeGet)('fontWeights.bold'), (0, _styledSystem.themeGet)('letterSpacings.wide'), (0, _styledSystem.themeGet)('lineHeights.normal'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('radii.default'), (0, _styledSystem.themeGet)('transitions.default'), _styledSystem.buttonStyle, _styledSystem.space, _styledSystem.color, _styledSystem.boxShadow, function (props) {
   return (0, _polished.darken)(0.1, getBackground(props));
@@ -35,0 +35,0 @@ }, (0, _styledSystem.themeGet)('shadows.focus'), function (props) {

dist/Heading/Heading.js

@@ -15,3 +15,3 @@ Object.defineProperty(exports, "__esModule", {
   fontWeight: 'bold',
-  fontSize: 'lg'
+  fontSize: 'xl'
 });
@@ -21,3 +21,3 @@
 Heading.h1.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'xxxxl'
+  fontSize: '3xl'
 });
@@ -27,3 +27,3 @@
 Heading.h2.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'xl'
+  fontSize: '2xl'
 });
@@ -33,3 +33,3 @@
 Heading.h3.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'lg',
+  fontSize: 'xl',
   lineHeight: 'loose'
@@ -40,3 +40,3 @@ });
 Heading.h4.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'base',
+  fontSize: 'lg',
   lineHeight: 'loose'
@@ -47,3 +47,3 @@ });
 Heading.h5.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'sm',
+  fontSize: 'base',
   lineHeight: 'loose'
@@ -54,3 +54,3 @@ });
 Heading.h6.defaultProps = Object.assign({}, Heading.defaultProps, {
-  fontSize: 'xs',
+  fontSize: 'sm',
   lineHeight: 'loose'
@@ -57,0 +57,0 @@ });

dist/Input/Input.js

@@ -21,3 +21,3 @@ Object.defineProperty(exports, "__esModule", {
 
-var Input = (0, _styledComponents2['default'])(_cleanTag2['default'].input)(_templateObject, (0, _styledSystem.themeGet)('space.3'), (0, _styledSystem.themeGet)('space.4'), (0, _styledSystem.themeGet)('fontSizes.sm'), (0, _styledSystem.themeGet)('lineHeights.normal'), (0, _styledSystem.themeGet)('colors.grey.1'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('colors.grey.5'), (0, _styledSystem.themeGet)('colors.brand.secondary'), (0, _styledSystem.themeGet)('colors.grey.4'), _styledSystem.space);
+var Input = (0, _styledComponents2['default'])(_cleanTag2['default'].input)(_templateObject, (0, _styledSystem.themeGet)('space.3'), (0, _styledSystem.themeGet)('space.4'), (0, _styledSystem.themeGet)('fontSizes.base'), (0, _styledSystem.themeGet)('lineHeights.normal'), (0, _styledSystem.themeGet)('colors.grey.1'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('colors.grey.5'), (0, _styledSystem.themeGet)('colors.brand.secondary'), (0, _styledSystem.themeGet)('colors.grey.4'), _styledSystem.space);
 
@@ -24,0 +24,0 @@ Input.propTypes = Object.assign({}, _styledSystem.space.propTypes);

dist/Label/Label.js

@@ -36,3 +36,3 @@ Object.defineProperty(exports, "__esModule", {
 Label.defaultProps = {
-  fontSize: 'xs',
+  fontSize: 'sm',
   fontWeight: 'bold',
@@ -39,0 +39,0 @@ color: 'grey.1',

package.json

 {
   "name": "@roo-ui/components",
-  "version": "0.5.4",
+  "version": "0.6.1",
   "main": "dist/index.js",
@@ -13,3 +13,3 @@ "publishConfig": {
     "@roo-ui/test-utils": "^0.5.4",
-    "@roo-ui/themes": "^0.5.4"
+    "@roo-ui/themes": "^0.6.1"
   },
@@ -16,0 +16,0 @@ "peerDependencies": {

src/Button/Button.js

@@ -14,3 +14,3 @@ import styled, { css } from 'styled-components';
   padding: ${themeGet('space.3')} ${themeGet('space.5')};
-  font-size: ${themeGet('fontSizes.sm')};
+  font-size: ${themeGet('fontSizes.base')};
   font-weight: ${themeGet('fontWeights.bold')};
@@ -17,0 +17,0 @@ letter-spacing: ${themeGet('letterSpacings.wide')};

src/Heading/Heading.js

@@ -8,3 +8,3 @@ import Text from '../Text';
   fontWeight: 'bold',
-  fontSize: 'lg',
+  fontSize: 'xl',
 };
@@ -15,3 +15,3 @@
   ...Heading.defaultProps,
-  fontSize: 'xxxxl',
+  fontSize: '3xl',
 };
@@ -22,3 +22,3 @@
   ...Heading.defaultProps,
-  fontSize: 'xl',
+  fontSize: '2xl',
 };
@@ -29,3 +29,3 @@
   ...Heading.defaultProps,
-  fontSize: 'lg',
+  fontSize: 'xl',
   lineHeight: 'loose',
@@ -37,3 +37,3 @@ };
   ...Heading.defaultProps,
-  fontSize: 'base',
+  fontSize: 'lg',
   lineHeight: 'loose',
@@ -45,3 +45,3 @@ };
   ...Heading.defaultProps,
-  fontSize: 'sm',
+  fontSize: 'base',
   lineHeight: 'loose',
@@ -53,3 +53,3 @@ };
   ...Heading.defaultProps,
-  fontSize: 'xs',
+  fontSize: 'sm',
   lineHeight: 'loose',
@@ -56,0 +56,0 @@ };

src/Input/Input.js

@@ -10,3 +10,3 @@ import styled from 'styled-components';
   padding: ${themeGet('space.3')} ${themeGet('space.4')};
-  font-size: ${themeGet('fontSizes.sm')};
+  font-size: ${themeGet('fontSizes.base')};
   line-height: ${themeGet('lineHeights.normal')};
@@ -13,0 +13,0 @@ color: ${themeGet('colors.grey.1')};

src/Label/Label.js

@@ -29,3 +29,3 @@ import PropTypes from 'prop-types';
 Label.defaultProps = {
-  fontSize: 'xs',
+  fontSize: 'sm',
   fontWeight: 'bold',
@@ -32,0 +32,0 @@ color: 'grey.1',

No alert changes

Improved metrics

Total package byte prevSize

117192

increased by0.14%

No dependency changes