@elliemae/ds-dialog 2.0.2 → 2.1.0-rc.3

package/cjs/styles.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var styledSystem = require('styled-system');
+var styledComponents = require('@xstyled/styled-components');
 var utils = require('./utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -50,7 +50,7 @@ const StyledDialogContainer = /*#__PURE__*/styled__default["default"].div.withCo
     theme
   } = _ref6;
   return theme.colors.neutral['000'];
-}, styledSystem.space);
+}, styledComponents.space);
 const DSDialogTitle = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-106vqwv-2"
 })(["font-size:", ";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;"], _ref7 => {
@@ -74,7 +74,7 @@ const DSDialogHeader = /*#__PURE__*/styled__default["default"].div.withConfig({
     theme
   } = _ref9;
   return theme.space.xs;
-}, DSDialogTitle, DSDialogAddon, DSDialogAddon, styledSystem.space);
+}, DSDialogTitle, DSDialogAddon, DSDialogAddon, styledComponents.space);
 const DSDialogSeparator = /*#__PURE__*/styled__default["default"].hr.attrs(() => ({
   'aria-hidden': true
 })).withConfig({
@@ -87,12 +87,12 @@ const DSDialogSeparator = /*#__PURE__*/styled__default["default"].hr.attrs(() =>
 });
 const DSDialogBody = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-106vqwv-6"
-})(["padding:", ";overflow-y:auto;", " ", " ", ""], _ref11 => {
+})(["padding:", ";overflow-y:auto;", " ", " ", " ", ""], _ref11 => {
   let {
     theme
   } = _ref11;
   return theme.space.xs;
-}, styledSystem.layout, styledSystem.space, styledSystem.flexbox);
+}, styledComponents.layout, styledComponents.space, styledComponents.flexboxes, styledComponents.sizing);
 const DSDialogPrimaryMessage = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-106vqwv-7"
 })(["margin:0;"]);
@@ -114,7 +114,7 @@ const DSDialogDefaultLayout = /*#__PURE__*/styled__default["default"].div.withCo
 }, DSDialogSecondaryMessage);
 const DSDialogFooter = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-106vqwv-10"
-})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], _ref14 => {
+})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", " ", ""], _ref14 => {
   let {
     theme
   } = _ref14;
@@ -129,7 +129,7 @@ const DSDialogFooter = /*#__PURE__*/styled__default["default"].div.withConfig({
     theme
   } = _ref16;
   return theme.space.xs;
-}, styledSystem.space, styledSystem.flexbox);
+}, styledComponents.space, styledComponents.flexboxes, styledComponents.sizing);
 
 exports.DSDialogAddon = DSDialogAddon;
 exports.DSDialogBody = DSDialogBody;

package/esm/styles.js

@@ -1,7 +1,7 @@
 import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 import styled from 'styled-components';
 import { createGlobalStyle } from '@elliemae/ds-system';
-import { space, layout, flexbox } from 'styled-system';
+import { space, layout, flexboxes, sizing } from '@xstyled/styled-components';
 import { allSizes } from './utils.js';
 
 var _templateObject;
@@ -78,12 +78,12 @@ const DSDialogSeparator = /*#__PURE__*/styled.hr.attrs(() => ({
 });
 const DSDialogBody = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-6"
-})(["padding:", ";overflow-y:auto;", " ", " ", ""], _ref11 => {
+})(["padding:", ";overflow-y:auto;", " ", " ", " ", ""], _ref11 => {
   let {
     theme
   } = _ref11;
   return theme.space.xs;
-}, layout, space, flexbox);
+}, layout, space, flexboxes, sizing);
 const DSDialogPrimaryMessage = /*#__PURE__*/styled.h3.withConfig({
   componentId: "sc-106vqwv-7"
 })(["margin:0;"]);
@@ -105,7 +105,7 @@ const DSDialogDefaultLayout = /*#__PURE__*/styled.div.withConfig({
 }, DSDialogSecondaryMessage);
 const DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-106vqwv-10"
-})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", ""], _ref14 => {
+})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:flex-end;grid-gap:", ";min-height:", ";padding:0 ", ";", " ", " ", ""], _ref14 => {
   let {
     theme
   } = _ref14;
@@ -120,6 +120,6 @@ const DSDialogFooter = /*#__PURE__*/styled.div.withConfig({
     theme
   } = _ref16;
   return theme.space.xs;
-}, space, flexbox);
+}, space, flexboxes, sizing);
 
 export { DSDialogAddon, DSDialogBody, DSDialogDefaultLayout, DSDialogFooter, DSDialogHeader, DSDialogPrimaryMessage, DSDialogSecondaryMessage, DSDialogSeparator, DSDialogTitle, FixedBody, StyledDialogBackground, StyledDialogContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "2.0.2",
+  "version": "2.1.0-rc.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
   "module": "./esm/index.js",
@@ -64,10 +64,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-props-helpers": "2.0.2",
-    "@elliemae/ds-system": "2.0.2",
-    "react-desc": "~4.1.3",
-    "styled-system": "~5.1.5"
+    "@elliemae/ds-props-helpers": "2.1.0-rc.3",
+    "@elliemae/ds-system": "2.1.0-rc.3",
+    "@xstyled/styled-components": "~3.1.1",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
     "styled-components": "~5.3.3"

package/types/DSDialog.d.ts

@@ -7,7 +7,7 @@ declare const DSDialog: {
         isOpen: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };
-        children: import("react-desc").PropTypesDescValidator;
+        children: import("react-desc").PropTypesDescValue;
         centered: {
             deprecated: import("react-desc").PropTypesDescValidator;
         };

package/types/propTypes.d.ts

@@ -3,7 +3,7 @@ export declare const propTypes: {
     isOpen: {
         deprecated: import("react-desc").PropTypesDescValidator;
     };
-    children: import("react-desc").PropTypesDescValidator;
+    children: import("react-desc").PropTypesDescValue;
     centered: {
         deprecated: import("react-desc").PropTypesDescValidator;
     };

package/types/styles.d.ts

@@ -1,7 +1,6 @@
-import type { StyledDialogContainerT } from './DSDialogInternalTypes';
 export declare const FixedBody: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledDialogContainerT, never>;
+export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
 export declare const DSDialogTitle: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
 export declare const DSDialogAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const DSDialogHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;