@elliemae/ds-header 2.1.0-rc.0 → 2.1.0-rc.4

package/cjs/Header.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -28,7 +28,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const H = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-hpgkwz-0"
-})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", " ", " ", ""], styledSystem.space, styledSystem.width, styledSystem.height, styledSystem.typography, styledSystem.color);
+})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", ""], styledComponents.space, styledComponents.sizing, styledComponents.typography);
 
 const DSHeader = _ref => {
   let {
@@ -50,9 +50,9 @@ const DSHeader = _ref => {
     fontFamily: fontFamily,
     fontSize: fontSize,
     fontWeight: fontWeight,
-    height: height,
+    h: height,
     lineHeight: lineHeight,
-    width: width,
+    w: width,
     "data-testid": "em-ds-header"
   }, rest), {}, {
     children: text

package/esm/Header.js

@@ -8,7 +8,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
 import 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
-import { space, width, height, typography, color } from 'styled-system';
+import { space, sizing, typography } from '@xstyled/styled-components';
 import { jsx } from 'react/jsx-runtime';
 
 const _excluded = ["color", "fontFamily", "fontSize", "fontWeight", "height", "level", "lineHeight", "text", "width"];
@@ -18,7 +18,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const H = /*#__PURE__*/styled.h3.withConfig({
   componentId: "sc-hpgkwz-0"
-})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", " ", " ", ""], space, width, height, typography, color);
+})(["font-weight:unset;font-size:unset;line-height:unset;margin:0;padding:0;", " ", " ", ""], space, sizing, typography);
 
 const DSHeader = _ref => {
   let {
@@ -40,9 +40,9 @@ const DSHeader = _ref => {
     fontFamily: fontFamily,
     fontSize: fontSize,
     fontWeight: fontWeight,
-    height: height,
+    h: height,
     lineHeight: lineHeight,
-    width: width,
+    w: width,
     "data-testid": "em-ds-header"
   }, rest), {}, {
     children: text

package/package.json

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