@elliemae/ds-system 3.12.0-rc.0 → 3.12.0-rc.1

package/dist/cjs/index.js

@@ -26,9 +26,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   ThemeContext: () => import_styled_components.ThemeContext,
+  XStyledWrapper: () => import_xStyledWrapper.XStyledWrapper,
   position: () => import_system.position,
   themeProviderHOC: () => import_themeProviderHOC.themeProviderHOC,
-  typography: () => import_system.typography
+  typography: () => import_system.typography,
+  xStyledCommonProps: () => import_xStyledWrapper.xStyledCommonProps
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
@@ -40,7 +42,7 @@ __reExport(src_exports, require("./arithmetic"), module.exports);
 __reExport(src_exports, require("./th"), module.exports);
 __reExport(src_exports, require("./theme"), module.exports);
 __reExport(src_exports, require("./ds-styled"), module.exports);
-__reExport(src_exports, require("./xStyledWrapper"), module.exports);
+var import_xStyledWrapper = require("./xStyledWrapper");
 var import_themeProviderHOC = require("./themeProviderHOC");
 var import_system = require("@xstyled/system");
 var import_styled_components = require("@xstyled/styled-components");

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './globalStyles';\nexport * from './spaceUtilities';\nexport * from './mobileUtilities';\nexport * from './utils';\nexport * from './arithmetic';\nexport * from './th';\nexport * from './theme';\nexport * from './ds-styled';\nexport * from './xStyledWrapper';\n\nexport { themeProviderHOC } from './themeProviderHOC';\nexport { position, typography } from '@xstyled/system';\nexport { ThemeContext } from '@xstyled/styled-components';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,2BAAd;AACA,wBAAc,6BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,oBAHd;AAIA,wBAAc,yBAJd;AAKA,wBAAc,iBALd;AAMA,wBAAc,oBANd;AAOA,wBAAc,wBAPd;AAQA,wBAAc,6BARd;AAUA,8BAAiC;AACjC,oBAAqC;AACrC,+BAA6B;",
+  "sourcesContent": ["export * from './globalStyles';\nexport * from './spaceUtilities';\nexport * from './mobileUtilities';\nexport * from './utils';\nexport * from './arithmetic';\nexport * from './th';\nexport * from './theme';\nexport * from './ds-styled';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper';\n\nexport { themeProviderHOC } from './themeProviderHOC';\nexport { position, typography } from '@xstyled/system';\nexport { ThemeContext } from '@xstyled/styled-components';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,2BAAd;AACA,wBAAc,6BADd;AAEA,wBAAc,8BAFd;AAGA,wBAAc,oBAHd;AAIA,wBAAc,yBAJd;AAKA,wBAAc,iBALd;AAMA,wBAAc,oBANd;AAOA,wBAAc,wBAPd;AAQA,4BAAmD;AAEnD,8BAAiC;AACjC,oBAAqC;AACrC,+BAA6B;",
   "names": []
 }

package/dist/cjs/xStyledWrapper.js

@@ -25,11 +25,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var xStyledWrapper_exports = {};
 __export(xStyledWrapper_exports, {
   XStyledWrapper: () => XStyledWrapper,
-  default: () => xStyledWrapper_default
+  default: () => xStyledWrapper_default,
+  xStyledCommonProps: () => xStyledCommonProps
 });
 module.exports = __toCommonJS(xStyledWrapper_exports);
 var React = __toESM(require("react"));
 var import__ = require(".");
+var import_system = require("@xstyled/system");
 const XStyledWrapper = (0, import__.styled)("div")`
   ${import__.layout}
   ${import__.space}
@@ -40,5 +42,6 @@ const XStyledWrapper = (0, import__.styled)("div")`
   ${import__.flexboxes}
   ${import__.color}
 `;
+const xStyledCommonProps = (0, import_system.compose)(import__.background, import__.borders, import__.sizing, import__.space, import__.boxShadows, import__.flexboxes, import__.layout, import__.color);
 var xStyledWrapper_default = XStyledWrapper;
 //# sourceMappingURL=xStyledWrapper.js.map

package/dist/cjs/xStyledWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/xStyledWrapper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled, background, borders, sizing, space, boxShadows, flexboxes, layout, color } from '.';\nimport type {} from '@xstyled/util';\nimport type {} from '@xstyled/system';\n\nexport const XStyledWrapper = styled('div')`\n  ${layout}\n  ${space}\n  ${sizing}\n  ${background}\n  ${borders}\n  ${boxShadows}\n  ${flexboxes}\n  ${color}\n`;\n\nexport default XStyledWrapper;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,eAAiG;AAI1F,MAAM,qBAAiB,iBAAO,KAAK;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,IAAO,yBAAQ;",
+  "sourcesContent": ["import { styled, background, borders, sizing, space, boxShadows, flexboxes, layout, color } from '.';\nimport type {} from '@xstyled/util';\nimport type {} from '@xstyled/system';\nimport { compose } from '@xstyled/system';\n\nexport const XStyledWrapper = styled('div')`\n  ${layout}\n  ${space}\n  ${sizing}\n  ${background}\n  ${borders}\n  ${boxShadows}\n  ${flexboxes}\n  ${color}\n`;\n\nexport const xStyledCommonProps = compose(background, borders, sizing, space, boxShadows, flexboxes, layout, color);\n\nexport default XStyledWrapper;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,eAAiG;AAGjG,oBAAwB;AAEjB,MAAM,qBAAiB,iBAAO,KAAK;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,yBAAqB,uBAAQ,qBAAY,kBAAS,iBAAQ,gBAAO,qBAAY,oBAAW,iBAAQ,cAAK;AAElH,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/index.js

@@ -7,14 +7,16 @@ export * from "./arithmetic";
 export * from "./th";
 export * from "./theme";
 export * from "./ds-styled";
-export * from "./xStyledWrapper";
+import { xStyledCommonProps, XStyledWrapper } from "./xStyledWrapper";
 import { themeProviderHOC } from "./themeProviderHOC";
 import { position, typography } from "@xstyled/system";
 import { ThemeContext } from "@xstyled/styled-components";
 export {
   ThemeContext,
+  XStyledWrapper,
   position,
   themeProviderHOC,
-  typography
+  typography,
+  xStyledCommonProps
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './globalStyles';\nexport * from './spaceUtilities';\nexport * from './mobileUtilities';\nexport * from './utils';\nexport * from './arithmetic';\nexport * from './th';\nexport * from './theme';\nexport * from './ds-styled';\nexport * from './xStyledWrapper';\n\nexport { themeProviderHOC } from './themeProviderHOC';\nexport { position, typography } from '@xstyled/system';\nexport { ThemeContext } from '@xstyled/styled-components';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,wBAAwB;AACjC,SAAS,UAAU,kBAAkB;AACrC,SAAS,oBAAoB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './globalStyles';\nexport * from './spaceUtilities';\nexport * from './mobileUtilities';\nexport * from './utils';\nexport * from './arithmetic';\nexport * from './th';\nexport * from './theme';\nexport * from './ds-styled';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper';\n\nexport { themeProviderHOC } from './themeProviderHOC';\nexport { position, typography } from '@xstyled/system';\nexport { ThemeContext } from '@xstyled/styled-components';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,oBAAoB,sBAAsB;AAEnD,SAAS,wBAAwB;AACjC,SAAS,UAAU,kBAAkB;AACrC,SAAS,oBAAoB;",
   "names": []
 }

package/dist/esm/xStyledWrapper.js

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { styled, background, borders, sizing, space, boxShadows, flexboxes, layout, color } from ".";
+import { compose } from "@xstyled/system";
 const XStyledWrapper = styled("div")`
   ${layout}
   ${space}
@@ -10,9 +11,11 @@ const XStyledWrapper = styled("div")`
   ${flexboxes}
   ${color}
 `;
+const xStyledCommonProps = compose(background, borders, sizing, space, boxShadows, flexboxes, layout, color);
 var xStyledWrapper_default = XStyledWrapper;
 export {
   XStyledWrapper,
-  xStyledWrapper_default as default
+  xStyledWrapper_default as default,
+  xStyledCommonProps
 };
 //# sourceMappingURL=xStyledWrapper.js.map

package/dist/esm/xStyledWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/xStyledWrapper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, background, borders, sizing, space, boxShadows, flexboxes, layout, color } from '.';\nimport type {} from '@xstyled/util';\nimport type {} from '@xstyled/system';\n\nexport const XStyledWrapper = styled('div')`\n  ${layout}\n  ${space}\n  ${sizing}\n  ${background}\n  ${borders}\n  ${boxShadows}\n  ${flexboxes}\n  ${color}\n`;\n\nexport default XStyledWrapper;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,SAAS,QAAQ,OAAO,YAAY,WAAW,QAAQ,aAAa;AAI1F,MAAM,iBAAiB,OAAO,KAAK;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,IAAO,yBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, background, borders, sizing, space, boxShadows, flexboxes, layout, color } from '.';\nimport type {} from '@xstyled/util';\nimport type {} from '@xstyled/system';\nimport { compose } from '@xstyled/system';\n\nexport const XStyledWrapper = styled('div')`\n  ${layout}\n  ${space}\n  ${sizing}\n  ${background}\n  ${borders}\n  ${boxShadows}\n  ${flexboxes}\n  ${color}\n`;\n\nexport const xStyledCommonProps = compose(background, borders, sizing, space, boxShadows, flexboxes, layout, color);\n\nexport default XStyledWrapper;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,YAAY,SAAS,QAAQ,OAAO,YAAY,WAAW,QAAQ,aAAa;AAGjG,SAAS,eAAe;AAEjB,MAAM,iBAAiB,OAAO,KAAK;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,qBAAqB,QAAQ,YAAY,SAAS,QAAQ,OAAO,YAAY,WAAW,QAAQ,KAAK;AAElH,IAAO,yBAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "3.12.0-rc.0",
+  "version": "3.12.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [
@@ -98,14 +98,14 @@
   "devDependencies": {
     "@elliemae/pui-theme": "~2.6.0",
     "@testing-library/jest-dom": "~5.16.4",
-    "styled-components": "~5.3.5"
+    "styled-components": "~5.3.6"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "^2.6.0",
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.5"
+    "styled-components": "~5.3.6"
   },
   "scripts": {
     "test": "node ../../scripts/testing/test.mjs",