@roo-ui/components - npm Package Compare versions

Comparing version 0.9.1 to 0.9.3

CHANGELOG.md

@@ -6,2 +6,24 @@ # Change Log
 
+<a name="0.9.3"></a>
+## [0.9.3](https://github.com/hooroo/roo-ui/compare/v0.9.1...v0.9.3) (2018-05-14)
+
+
+### Bug Fixes
+
+* only transition the button background ([#18](https://github.com/hooroo/roo-ui/issues/18)) ([2476a92](https://github.com/hooroo/roo-ui/commit/2476a92))
+
+
+
+
+<a name="0.9.2"></a>
+## [0.9.2](https://github.com/hooroo/roo-ui/compare/v0.9.1...v0.9.2) (2018-05-14)
+
+
+### Bug Fixes
+
+* only transition the button background ([#18](https://github.com/hooroo/roo-ui/issues/18)) ([2476a92](https://github.com/hooroo/roo-ui/commit/2476a92))
+
+
+
+
 <a name="0.9.1"></a>
@@ -8,0 +30,0 @@ ## [0.9.1](https://github.com/hooroo/roo-ui/compare/v0.9.0...v0.9.1) (2018-05-13)

dist/Button/Button.js

@@ -5,3 +5,3 @@ Object.defineProperty(exports, "__esModule", {
 
-var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  margin: 0;\n  padding: ', ' ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  letter-spacing: ', ';\n  line-height: ', ';\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  border: ', ';\n  border-color: transparent;\n  border-radius: ', ';\n  outline: 0;\n  transition: ', ';\n  cursor: pointer;\n  appearance: none;\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n  }\n\n  &:focus {\n    box-shadow: ', ';\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n\n  ', '\n\n  ', '\n'], ['\n  display: inline-block;\n  margin: 0;\n  padding: ', ' ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  letter-spacing: ', ';\n  line-height: ', ';\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  border: ', ';\n  border-color: transparent;\n  border-radius: ', ';\n  outline: 0;\n  transition: ', ';\n  cursor: pointer;\n  appearance: none;\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n  }\n\n  &:focus {\n    box-shadow: ', ';\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n\n  ', '\n\n  ', '\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  margin: 0;\n  padding: ', ' ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  letter-spacing: ', ';\n  line-height: ', ';\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  border: ', ';\n  border-color: transparent;\n  border-radius: ', ';\n  outline: 0;\n  transition: background-color ', ';\n  cursor: pointer;\n  appearance: none;\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n  }\n\n  &:focus {\n    box-shadow: ', ';\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n\n  ', '\n\n  ', '\n'], ['\n  display: inline-block;\n  margin: 0;\n  padding: ', ' ', ';\n  font-size: ', ';\n  font-weight: ', ';\n  letter-spacing: ', ';\n  line-height: ', ';\n  text-align: center;\n  text-decoration: none;\n  text-transform: uppercase;\n  border: ', ';\n  border-color: transparent;\n  border-radius: ', ';\n  outline: 0;\n  transition: background-color ', ';\n  cursor: pointer;\n  appearance: none;\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  &:hover:not(:disabled) {\n    background-color: ', ';\n  }\n\n  &:focus {\n    box-shadow: ', ';\n  }\n\n  &:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n  }\n\n  ', '\n\n  ', '\n']),
     _templateObject2 = _taggedTemplateLiteral(['\n    border-radius: ', ';\n  '], ['\n    border-radius: ', ';\n  ']),
@@ -34,3 +34,3 @@ _templateObject3 = _taggedTemplateLiteral(['\n    width: 100%;\n  '], ['\n    width: 100%;\n  ']);
 
-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) {
+var Button = (0, _styledComponents2['default'])(_cleanTag2['default'].button)(_templateObject, (0, _styledSystem.themeGet)('space.3'), (0, _styledSystem.themeGet)('space.6'), (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));
@@ -37,0 +37,0 @@ }, (0, _styledSystem.themeGet)('shadows.focus'), function (props) {

dist/Card/Card.story.js

@@ -24,3 +24,3 @@ var _react = require('react');
     _.Box,
-    { p: 5, bg: 'grey.3' },
+    { p: 6, bg: 'grey.3' },
     _react2['default'].createElement(
@@ -27,0 +27,0 @@ _Card2['default'],

package.json

 {
   "name": "@roo-ui/components",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "main": "dist/index.js",
@@ -15,3 +15,3 @@ "publishConfig": {
     "@roo-ui/test-utils": "^0.7.0",
-    "@roo-ui/themes": "^0.8.1"
+    "@roo-ui/themes": "^0.9.3"
   },
@@ -18,0 +18,0 @@ "peerDependencies": {

src/Button/Button.js

@@ -13,3 +13,3 @@ import styled, { css } from 'styled-components';
   margin: 0;
-  padding: ${themeGet('space.3')} ${themeGet('space.5')};
+  padding: ${themeGet('space.3')} ${themeGet('space.6')};
   font-size: ${themeGet('fontSizes.base')};
@@ -26,3 +26,3 @@ font-weight: ${themeGet('fontWeights.bold')};
   outline: 0;
-  transition: ${themeGet('transitions.default')};
+  transition: background-color ${themeGet('transitions.default')};
   cursor: pointer;
@@ -29,0 +29,0 @@ appearance: none;

src/Card/Card.story.js

@@ -12,3 +12,3 @@ import React from 'react';
   .add('default', () => (
-    <Box p={5} bg="grey.3">
+    <Box p={6} bg="grey.3">
       <Card>
@@ -15,0 +15,0 @@ Hello world

No alert changes

Improved metrics

Total package byte prevSize

138771

0.61%

No dependency changes