pcln-design-system - npm Package Compare versions

Comparing version 1.0.0-7 to 1.0.0-8

.storybook/Link.js

@@ -16,1 +16,6 @@ import React from 'react'
   ))
+  .add('Color', () => (
+    <Link color='gray3'>
+      I'm a different color!
+    </Link>
+  ))

dist/Link.js

@@ -7,3 +7,3 @@ 'use strict';
 
-var _templateObject = _taggedTemplateLiteral(['\n  text-decoration: none;\n  color: ', ';\n  &:hover {\n    text-decoration: underline;\n  }\n'], ['\n  text-decoration: none;\n  color: ', ';\n  &:hover {\n    text-decoration: underline;\n  }\n']);
+var _templateObject = _taggedTemplateLiteral(['\n  text-decoration: none;\n  ', '\n  &:hover {\n    text-decoration: underline;\n  }\n'], ['\n  text-decoration: none;\n  ', '\n  &:hover {\n    text-decoration: underline;\n  }\n']);
 
@@ -14,2 +14,8 @@ var _styledComponents = require('styled-components');
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _styledSystem = require('styled-system');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -19,8 +25,14 @@
 
-var Link = _styledComponents2.default.a(_templateObject, function (props) {
-  return props.theme.colors.blue;
-});
+var Link = _styledComponents2.default.a(_templateObject, _styledSystem.color);
 
 Link.displayName = 'Link';
 
+Link.propTypes = {
+  color: _propTypes2.default.string
+};
+
+Link.defaultProps = {
+  color: 'blue'
+};
+
 exports.default = Link;

package.json

 {
   "name": "pcln-design-system",
-  "version": "1.0.0-7",
+  "version": "1.0.0-8",
   "description": "Priceline Design System",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

616816

increased by0.26%

Lines of code

2173

increased by0.56%

No dependency changes