react-interface - npm Package Compare versions

Comparing version 0.8.34 to 0.9.0

es/components/Box/index.js

@@ -7,4 +7,5 @@ var _templateObject = _taggedTemplateLiteralLoose(['\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n'], ['\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n  ', '\n']);
 import { Box } from 'grid-styled';
-import { borderRadius, borderColor, borderWidth, space, color, width, justifyContent, alignItems, flexDirection, flex } from 'styled-system';
+import { borderRadius, borderColor, borderWidth, space, color, width, justifyContent, alignItems, flexDirection } from 'styled-system';
+import { flex } from '../../utils/styled-system-enhancers';
 
 export default Box.extend(_templateObject, borderRadius, borderColor, borderWidth, color, space, width, flex, flexDirection, alignItems, justifyContent);

es/components/Icon/index.js

 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  ", ";\n  ", ";\n\n  svg {\n    stroke: ", ";\n  }\n"], ["\n  display: inline-block;\n  ", ";\n  ", ";\n\n  svg {\n    stroke: ", ";\n  }\n"]);
+var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  ", "\n  ", "\n  ", "\n\n  svg {\n    stroke: ", ";\n  }\n"], ["\n  display: inline-flex;\n  ", "\n  ", "\n  ", "\n\n  svg {\n    stroke: ", ";\n  }\n"]);
 
@@ -11,3 +11,3 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 import styled from "styled-components";
-import { space, width } from "styled-system";
+import { space, width, alignSelf } from "styled-system";
 import * as feathers from "react-feather";
@@ -24,3 +24,3 @@ import { Caret } from "../../icons";
 
-var Wrapper = styled.div(_templateObject, space, width, function (props) {
+var Wrapper = styled.div(_templateObject, space, width, alignSelf, function (props) {
   return props.theme.colors[props.color] || props.color;
@@ -27,0 +27,0 @@ });

es/components/index.js

@@ -11,2 +11,4 @@ import Button from "./Button";
 import Select from "./Select";
+import Notification from "./Notification";
+import Text from "./Text";
 import { Menu, MenuItem, MenuHeader, MenuDivider } from "./Menu";
@@ -16,2 +18,2 @@ import { Table, TBody, THead, Header, Row, Cell } from "./FlexTable";
 
-export { Button, Title, Paragraph, Pre, Expand, Menu, MenuItem, MenuHeader, MenuDivider, Table, TBody, THead, Header, Row, Cell, Box, Flex, Icon, Checkbox, Popover, Select };
+export { Button, Title, Paragraph, Pre, Expand, Menu, MenuItem, MenuHeader, MenuDivider, Table, TBody, THead, Header, Row, Cell, Box, Flex, Icon, Checkbox, Popover, Select, Notification, Text };

es/index.js

 import { Flex } from 'grid-styled';
 
+// Grid components
+export { Flex } from 'grid-styled';
+import _Box from './components/Box';
+export { _Box as Box };
+
+// Components
+
 import _Button from './components/Button';
@@ -15,4 +22,2 @@ export { _Button as Button };
 export { _Icon as Icon };
-import _Box from './components/Box';
-export { _Box as Box };
 import _Checkbox from './components/Checkbox';
@@ -24,5 +29,6 @@ export { _Checkbox as Checkbox };
 export { _Select as Select };
-
-export { Flex } from 'grid-styled';
-
+import _Notification from './components/Notification';
+export { _Notification as Notification };
+import _Text from './components/Text';
+export { _Text as Text };
 import _Menu from './components/Menu/Menu';
@@ -29,0 +35,0 @@ export { _Menu as Menu };

lib/components/Box/index.js

@@ -15,2 +15,4 @@ 'use strict';
 
+var _styledSystemEnhancers = require('../../utils/styled-system-enhancers');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -20,3 +22,3 @@
 
-exports.default = _gridStyled.Box.extend(_templateObject, _styledSystem.borderRadius, _styledSystem.borderColor, _styledSystem.borderWidth, _styledSystem.color, _styledSystem.space, _styledSystem.width, _styledSystem.flex, _styledSystem.flexDirection, _styledSystem.alignItems, _styledSystem.justifyContent);
+exports.default = _gridStyled.Box.extend(_templateObject, _styledSystem.borderRadius, _styledSystem.borderColor, _styledSystem.borderWidth, _styledSystem.color, _styledSystem.space, _styledSystem.width, _styledSystemEnhancers.flex, _styledSystem.flexDirection, _styledSystem.alignItems, _styledSystem.justifyContent);
 module.exports = exports['default'];

lib/components/Icon/index.js

@@ -7,3 +7,3 @@ "use strict";
 
-var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  ", ";\n  ", ";\n\n  svg {\n    stroke: ", ";\n  }\n"], ["\n  display: inline-block;\n  ", ";\n  ", ";\n\n  svg {\n    stroke: ", ";\n  }\n"]);
+var _templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  ", "\n  ", "\n  ", "\n\n  svg {\n    stroke: ", ";\n  }\n"], ["\n  display: inline-flex;\n  ", "\n  ", "\n  ", "\n\n  svg {\n    stroke: ", ";\n  }\n"]);
 
@@ -42,3 +42,3 @@ var _react = require("react");
 
-var Wrapper = _styledComponents2.default.div(_templateObject, _styledSystem.space, _styledSystem.width, function (props) {
+var Wrapper = _styledComponents2.default.div(_templateObject, _styledSystem.space, _styledSystem.width, _styledSystem.alignSelf, function (props) {
   return props.theme.colors[props.color] || props.color;
@@ -45,0 +45,0 @@ });

lib/components/index.js

 "use strict";
 
 exports.__esModule = true;
-exports.Select = exports.Popover = exports.Checkbox = exports.Icon = exports.Flex = exports.Box = exports.Cell = exports.Row = exports.Header = exports.THead = exports.TBody = exports.Table = exports.MenuDivider = exports.MenuHeader = exports.MenuItem = exports.Menu = exports.Expand = exports.Pre = exports.Paragraph = exports.Title = exports.Button = undefined;
+exports.Text = exports.Notification = exports.Select = exports.Popover = exports.Checkbox = exports.Icon = exports.Flex = exports.Box = exports.Cell = exports.Row = exports.Header = exports.THead = exports.TBody = exports.Table = exports.MenuDivider = exports.MenuHeader = exports.MenuItem = exports.Menu = exports.Expand = exports.Pre = exports.Paragraph = exports.Title = exports.Button = undefined;
 
@@ -46,2 +46,10 @@ var _Button = require("./Button");
 
+var _Notification = require("./Notification");
+
+var _Notification2 = _interopRequireDefault(_Notification);
+
+var _Text = require("./Text");
+
+var _Text2 = _interopRequireDefault(_Text);
+
 var _Menu = require("./Menu");
@@ -75,2 +83,4 @@
 exports.Popover = _Popover2.default;
-exports.Select = _Select2.default;
+exports.Select = _Select2.default;
+exports.Notification = _Notification2.default;
+exports.Text = _Text2.default;

lib/index.js

 'use strict';
 
 exports.__esModule = true;
-exports.Theme = exports.Cell = exports.Row = exports.Header = exports.THead = exports.TBody = exports.Table = exports.MenuDivider = exports.MenuHeader = exports.MenuItem = exports.Menu = exports.Flex = exports.Select = exports.Popover = exports.Checkbox = exports.Box = exports.Icon = exports.Expand = exports.Pre = exports.Paragraph = exports.Title = exports.Button = undefined;
+exports.Theme = exports.Cell = exports.Row = exports.Header = exports.THead = exports.TBody = exports.Table = exports.MenuDivider = exports.MenuHeader = exports.MenuItem = exports.Menu = exports.Text = exports.Notification = exports.Select = exports.Popover = exports.Checkbox = exports.Icon = exports.Expand = exports.Pre = exports.Paragraph = exports.Title = exports.Button = exports.Box = exports.Flex = undefined;
 
@@ -15,2 +15,6 @@ var _gridStyled = require('grid-styled');
 
+var _Box2 = require('./components/Box');
+
+var _Box3 = _interopRequireDefault(_Box2);
+
 var _Button2 = require('./components/Button');
@@ -40,6 +44,2 @@
 
-var _Box2 = require('./components/Box');
-
-var _Box3 = _interopRequireDefault(_Box2);
-
 var _Checkbox2 = require('./components/Checkbox');
@@ -57,2 +57,10 @@
 
+var _Notification2 = require('./components/Notification');
+
+var _Notification3 = _interopRequireDefault(_Notification2);
+
+var _Text2 = require('./components/Text');
+
+var _Text3 = _interopRequireDefault(_Text2);
+
 var _Menu2 = require('./components/Menu/Menu');
@@ -104,2 +112,6 @@
 
+exports.Box = _Box3.default;
+
+// Components
+
 exports.Button = _Button3.default;
@@ -111,6 +123,7 @@ exports.Title = _Title3.default;
 exports.Icon = _Icon3.default;
-exports.Box = _Box3.default;
 exports.Checkbox = _Checkbox3.default;
 exports.Popover = _Popover3.default;
 exports.Select = _Select3.default;
+exports.Notification = _Notification3.default;
+exports.Text = _Text3.default;
 exports.Menu = _Menu3.default;
@@ -117,0 +130,0 @@ exports.MenuItem = _MenuItem3.default;

package.json

 {
   "name": "react-interface",
-  "version": "0.8.34",
+  "version": "0.9.0",
   "description": "react-interface React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

143939

increased by7.8%

Number of package files

92

increased by6.98%

Lines of code

2895

increased by7.86%

No dependency changes