@hixme-ui/container - npm Package Compare versions

Comparing version 1.15.0 to 1.15.3

lib/ContainerBase.js

@@ -19,3 +19,3 @@ 'use strict';
 
-var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  background: ', ';\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', ';\n'], ['\n  background: ', ';\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', ';\n']);
+var _templateObject = (0, _taggedTemplateLiteral3.default)(['\n  background: ', ';\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', ';\n'], ['\n  background: ', ';\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', ';\n']);
 
@@ -38,2 +38,6 @@ var _styledComponents = require('styled-components');
 
+var _getBorder = require('./utils/getBorder');
+
+var _getBorder2 = _interopRequireDefault(_getBorder);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -135,22 +139,16 @@
   return noPadding ? 'padding: 0;' : (0, _getPadding2.default)(props);
-}, _getMargin2.default, function (_ref10) {
-  var border = _ref10.border;
-  return border && 'border: ' + border + ';';
+}, _getMargin2.default, _getBorder2.default, function (_ref10) {
+  var dashed = _ref10.dashed;
+  return dashed && 'border: 2px dashed;';
 }, function (_ref11) {
-  var borderColor = _ref11.borderColor;
-  return borderColor && 'border-color: ' + borderColor + ';';
+  var rounded = _ref11.rounded;
+  return rounded && 'border-radius: 6px;';
 }, function (_ref12) {
-  var dashed = _ref12.dashed;
-  return dashed && 'border: 2px dashed;';
+  var shadow = _ref12.shadow;
+  return shadow && 'box-shadow: 0 3px 3px ' + _theme.colors.grey120 + ';';
 }, function (_ref13) {
-  var rounded = _ref13.rounded;
-  return rounded && 'border-radius: 6px;';
+  var heavyShadow = _ref13.heavyShadow;
+  return heavyShadow && 'box-shadow: 0px 3px 10px 0px ' + _theme.colors.grey100 + ';';
 }, function (_ref14) {
-  var shadow = _ref14.shadow;
-  return shadow && 'box-shadow: 0 3px 3px ' + _theme.colors.grey120 + ';';
-}, function (_ref15) {
-  var heavyShadow = _ref15.heavyShadow;
-  return heavyShadow && 'box-shadow: 0px 3px 10px 0px ' + _theme.colors.grey100 + ';';
-}, function (_ref16) {
-  var withOutline = _ref16.withOutline;
+  var withOutline = _ref14.withOutline;
   return withOutline && 'outline: 1px solid red;';
@@ -157,0 +155,0 @@ }, getAnimate);

package.json

 {
   "name": "@hixme-ui/container",
-  "version": "1.15.0",
+  "version": "1.15.3",
   "description": "hixme-ui Container component",
@@ -5,0 +5,0 @@ "publishConfig": {

README.md

@@ -64,2 +64,6 @@ # hixme-ui container
 | borderColor     | string      | Apply CSS border-color properties     |
+| borderTop       | string      | Apply CSS border-top properties       |
+| borderBottom    | string      | Apply CSS border-bottom properties    |
+| borderLeft      | string      | Apply CSS border-left properties      |
+| borderRight     | string      | Apply CSS border-right properties     |
 | dashed          | bool        | Apply 2px, grey dashed border         |
@@ -66,0 +70,0 @@ | rounded         | bool        | Apply 6px, border radius to container |

src/ContainerBase.js

@@ -7,2 +7,3 @@ import styled from 'styled-components'
 import getPadding from './utils/getPadding'
+import getBorder from './utils/getBorder'
 
@@ -82,4 +83,3 @@ const flexKeys = ['flex', 'inlineFlex', 'flexRow', 'flexColumn', 'flexBasis', 'flexGrow', 'flexShrink']
   ${getMargin}
-  ${({ border }) => border && `border: ${border};`}
-  ${({ borderColor }) => borderColor && `border-color: ${borderColor};`}
+  ${getBorder}
   ${({ dashed }) => dashed && 'border: 2px dashed;'}
@@ -86,0 +86,0 @@ ${({ rounded }) => rounded && 'border-radius: 6px;'}

No alert changes

Improved metrics

Total package byte prevSize

58560

increased by5.93%

Number of package files

21

increased by16.67%

Lines of code

656

increased by5.3%

Number of lines in readme file

154

increased by2.67%

No dependency changes