@hixme-ui/container - npm Package Compare versions

Comparing version 1.15.3 to 1.16.5

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  background: ', ';\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'], ['\n  background: ', ';\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', ';\n']);
 
@@ -148,6 +148,9 @@ var _styledComponents = require('styled-components');
 }, function (_ref13) {
-  var heavyShadow = _ref13.heavyShadow;
+  var opacity = _ref13.opacity;
+  return opacity && 'opacity: ' + opacity + ';';
+}, function (_ref14) {
+  var heavyShadow = _ref14.heavyShadow;
   return heavyShadow && 'box-shadow: 0px 3px 10px 0px ' + _theme.colors.grey100 + ';';
-}, function (_ref14) {
-  var withOutline = _ref14.withOutline;
+}, function (_ref15) {
+  var withOutline = _ref15.withOutline;
   return withOutline && 'outline: 1px solid red;';
@@ -154,0 +157,0 @@ }, getAnimate);

package.json

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

README.md

@@ -16,2 +16,6 @@ # hixme-ui container
 </Container>
+
+<Container flex textCenter opacity='.6'>
+  <p>Flex content goes here</p>
+</Container>
 ```
@@ -153,3 +157,4 @@
 | animate         | bool        | Add animation property to container   |
+| opacity         | number      | Add opacity for container.            |
 
 

src/ContainerBase.js

@@ -86,2 +86,3 @@ import styled from 'styled-components'
   ${({ shadow }) => shadow && `box-shadow: 0 3px 3px ${colors.grey120};`}
+  ${({ opacity }) => opacity && `opacity: ${opacity};`}
   ${({ heavyShadow }) => heavyShadow && `box-shadow: 0px 3px 10px 0px ${colors.grey100};`}
@@ -88,0 +89,0 @@ ${({ withOutline }) => withOutline && 'outline: 1px solid red;'}

No alert changes

Improved metrics

Total package byte prevSize

59044

increased by0.83%

Lines of code

660

increased by0.61%

Number of lines in readme file

159

increased by3.25%

No dependency changes