@roo-ui/components - npm Package Compare versions

Comparing version 0.9.3 to 0.10.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+<a name="0.10.0"></a>
+# [0.10.0](https://github.com/hooroo/roo-ui/compare/v0.9.3...v0.10.0) (2018-05-14)
+
+
+### Features
+
+* add space to link ([#28](https://github.com/hooroo/roo-ui/issues/28)) ([d46c6b5](https://github.com/hooroo/roo-ui/commit/d46c6b5))
+
+
+
+
 <a name="0.9.3"></a>
@@ -8,0 +19,0 @@ ## [0.9.3](https://github.com/hooroo/roo-ui/compare/v0.9.1...v0.9.3) (2018-05-14)

dist/Link/Link.js

@@ -5,3 +5,3 @@ Object.defineProperty(exports, "__esModule", {
 
-var _templateObject = _taggedTemplateLiteral(['\n  cursor: pointer;\n  text-decoration: none;\n  color: ', ';\n\n  &:hover {\n    color: ', ';\n  }\n\n  &:focus {\n    outline: ', ' ', ';\n  }\n\n  ', '\n  ', '\n  ', '\n\n  ', '\n'], ['\n  cursor: pointer;\n  text-decoration: none;\n  color: ', ';\n\n  &:hover {\n    color: ', ';\n  }\n\n  &:focus {\n    outline: ', ' ', ';\n  }\n\n  ', '\n  ', '\n  ', '\n\n  ', '\n']),
+var _templateObject = _taggedTemplateLiteral(['\n  cursor: pointer;\n  text-decoration: none;\n  display: inline-block;\n  color: ', ';\n\n  &:hover {\n    color: ', ';\n  }\n\n  &:focus {\n    outline: ', ' ', ';\n  }\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  ', '\n'], ['\n  cursor: pointer;\n  text-decoration: none;\n  display: inline-block;\n  color: ', ';\n\n  &:hover {\n    color: ', ';\n  }\n\n  &:focus {\n    outline: ', ' ', ';\n  }\n\n  ', '\n  ', '\n  ', '\n  ', '\n\n  ', '\n']),
     _templateObject2 = _taggedTemplateLiteral(['\n    &, &:hover {\n      text-decoration: underline;\n      color: inherit;\n    }\n  '], ['\n    &, &:hover {\n      text-decoration: underline;\n      color: inherit;\n    }\n  ']);
@@ -27,7 +27,7 @@
 
-var Link = (0, _styledComponents2['default'])(_cleanTag2['default'].a)(_templateObject, (0, _styledSystem.themeGet)('colors.ui.link'), (0, _styledSystem.themeGet)('colors.ui.linkHover'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('colors.brand.secondary'), _styledSystem.color, _styledSystem.hover, _styledSystem.fontWeight, function (props) {
+var Link = (0, _styledComponents2['default'])(_cleanTag2['default'].a)(_templateObject, (0, _styledSystem.themeGet)('colors.ui.link'), (0, _styledSystem.themeGet)('colors.ui.linkHover'), (0, _styledSystem.themeGet)('borders.2'), (0, _styledSystem.themeGet)('colors.brand.secondary'), _styledSystem.color, _styledSystem.hover, _styledSystem.fontWeight, _styledSystem.space, function (props) {
   return props.inline && (0, _styledComponents.css)(_templateObject2);
 });
 
-Link.propTypes = Object.assign({}, _styledSystem.color.propTypes, _styledSystem.hover.propTypes, _styledSystem.fontWeight.propTypes, {
+Link.propTypes = Object.assign({}, _styledSystem.color.propTypes, _styledSystem.hover.propTypes, _styledSystem.fontWeight.propTypes, _styledSystem.space.propTypes, {
   inline: _propTypes2['default'].bool
@@ -34,0 +34,0 @@ });

package.json

 {
   "name": "@roo-ui/components",
-  "version": "0.9.3",
+  "version": "0.10.0",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "publishConfig": {

src/Link/Link.js

 import PropTypes from 'prop-types';
 import styled, { css } from 'styled-components';
 import tag from 'clean-tag';
-import { color, hover, fontWeight, themeGet } from 'styled-system';
+import { color, hover, fontWeight, themeGet, space } from 'styled-system';
 
@@ -9,2 +9,3 @@ const Link = styled(tag.a)`
   text-decoration: none;
+  display: inline-block;
   color: ${themeGet('colors.ui.link')};
@@ -23,2 +24,3 @@
   ${fontWeight}
+  ${space}
 
@@ -37,2 +39,3 @@ ${props => props.inline && css`
   ...fontWeight.propTypes,
+  ...space.propTypes,
   inline: PropTypes.bool,
@@ -39,0 +42,0 @@ };

src/Link/README.md

@@ -42,2 +42,2 @@ # Link
 
-This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for [color](https://github.com/jxnblk/styled-system#color-responsive), [hover](https://github.com/jxnblk/styled-system#hover), or [font weight](https://github.com/jxnblk/styled-system#typography).
+This component can be customized with [styled-system](https://github.com/jxnblk/styled-system) by passing props for [color](https://github.com/jxnblk/styled-system#color-responsive), [space](https://github.com/jxnblk/styled-system, [hover](https://github.com/jxnblk/styled-system#hover), or [font weight](https://github.com/jxnblk/styled-system#typography).

No alert changes

Improved metrics

Total package byte prevSize

139646

0.63%

Lines of code

2607

0.12%

No dependency changes