@elliemae/ds-grid 2.1.0-rc.0 → 2.1.0-rc.1

package/cjs/Grid.js

@@ -26,7 +26,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
+const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -40,7 +40,9 @@ const Grid = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
     className,
     justify,
     gutter,
-    wrap
+    wrap,
+    width,
+    height
   } = props,
         rest = _objectWithoutProperties__default["default"](props, _excluded);
 
@@ -71,7 +73,9 @@ const Grid = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
     rows: rows,
     wrap: wrap,
     childNumber: React__default["default"].Children.count(children),
-    ref: ref
+    ref: ref,
+    w: width,
+    h: height
   }, rest), {}, {
     children: renderChildren
   }));

package/cjs/GridItem.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 var dsSystem = require('@elliemae/ds-system');
 var styles = require('./utils/styles.js');
 
@@ -24,6 +24,6 @@ const GridItem = /*#__PURE__*/styled__default["default"].div.withConfig({
     gutter
   } = _ref2;
   return dsSystem.mapGap(gutter);
-}, styledSystem.grid, styledSystem.flexbox, styledSystem.justifyContent, styledSystem.space, styledSystem.height, styledSystem.width, styles.manageCols, styles.manageRows, styles.manageSpan);
+}, styledComponents.grids, styledComponents.flexboxes, styledComponents.sizing, styledComponents.space, styledComponents.height, styledComponents.width, styles.manageCols, styles.manageRows, styles.manageSpan);
 
 exports.GridItem = GridItem;

package/esm/Grid.js

@@ -16,7 +16,7 @@ import { GridItem } from './GridItem.js';
 import { defaultProps } from './defaultProps.js';
 import { jsx } from 'react/jsx-runtime';
 
-const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
+const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -30,7 +30,9 @@ const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
     className,
     justify,
     gutter,
-    wrap
+    wrap,
+    width,
+    height
   } = props,
         rest = _objectWithoutProperties(props, _excluded);
 
@@ -61,7 +63,9 @@ const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
     rows: rows,
     wrap: wrap,
     childNumber: React.Children.count(children),
-    ref: ref
+    ref: ref,
+    w: width,
+    h: height
   }, rest), {}, {
     children: renderChildren
   }));

package/esm/GridItem.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { grid, flexbox, justifyContent, space, height, width } from 'styled-system';
+import { grids, flexboxes, sizing, space, height, width } from '@xstyled/styled-components';
 import { mapGap } from '@elliemae/ds-system';
 import { manageCols, manageRows, manageSpan } from './utils/styles.js';
 
@@ -16,6 +16,6 @@ const GridItem = /*#__PURE__*/styled.div.withConfig({
     gutter
   } = _ref2;
   return mapGap(gutter);
-}, grid, flexbox, justifyContent, space, height, width, manageCols, manageRows, manageSpan);
+}, grids, flexboxes, sizing, space, height, width, manageCols, manageRows, manageSpan);
 
 export { GridItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "2.1.0-rc.0",
+  "version": "2.1.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "module": "./esm/index.js",
@@ -60,7 +60,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-system": "2.1.0-rc.0",
+    "@elliemae/ds-system": "2.1.0-rc.1",
+    "@xstyled/styled-components": "~3.1.1",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {