@elliemae/ds-utilities 3.11.0-next.1 → 3.11.0-next.2

package/dist/cjs/props-helpers/xstyledProps/constants.js

@@ -24,6 +24,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
+  backgroundKeys: () => backgroundKeys,
+  borderKeys: () => borderKeys,
+  boxShadowKeys: () => boxShadowKeys,
+  colorKeys: () => colorKeys,
   layoutKeys: () => layoutKeys,
   xstyledKeys: () => xstyledKeys
 });
@@ -81,7 +85,35 @@ const layoutKeys = [
   "overscrollBehavior",
   "objectFit"
 ];
+const borderKeys = [
+  "border",
+  "borderTop",
+  "borderBottom",
+  "borderRight",
+  "borderLeft",
+  "borderColor",
+  "borderTopColor",
+  "borderBottomColor",
+  "borderRightColor",
+  "borderLeftColor",
+  "borderStyle",
+  "borderTopStyle",
+  "borderBottomStyle",
+  "borderRightStyle",
+  "borderLeftStyle",
+  "borderWidth",
+  "borderTopWidth",
+  "borderBottomWidth",
+  "borderRightWidth",
+  "borderLeftWidth",
+  "borderRadius"
+];
+const backgroundKeys = ["backgroundColor", "bg"];
+const colorKeys = ["color"];
+const boxShadowKeys = ["boxShadow"];
 const xstyledKeys = Object.fromEntries(
-  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true])
+  [...spacingKeys, ...sizingKeys, ...layoutKeys, ...borderKeys, ...backgroundKeys, ...colorKeys, ...boxShadowKeys].map(
+    (item) => [item, true]
+  )
 );
 //# sourceMappingURL=constants.js.map

package/dist/cjs/props-helpers/xstyledProps/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/props-helpers/xstyledProps/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['width', 'w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['height', 'h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true]),\n) as Record<string, true>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB,eAAe;AAEvE,MAAM,YAAY,CAAC,SAAS,KAAK,YAAY,QAAQ,YAAY,MAAM;AAEvE,MAAM,aAAa,CAAC,UAAU,KAAK,aAAa,QAAQ,aAAa,MAAM;AAE3E,MAAM,eAAe,CAAC,UAAU;AAEhC,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS;AAChE,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY;AACzD,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,cAAc,OAAO;AAAA,EAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC;AAC3E;",
+  "sourcesContent": ["const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['width', 'w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['height', 'h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const borderKeys = [\n  'border',\n  'borderTop',\n  'borderBottom',\n  'borderRight',\n  'borderLeft',\n  'borderColor',\n  'borderTopColor',\n  'borderBottomColor',\n  'borderRightColor',\n  'borderLeftColor',\n  'borderStyle',\n  'borderTopStyle',\n  'borderBottomStyle',\n  'borderRightStyle',\n  'borderLeftStyle',\n  'borderWidth',\n  'borderTopWidth',\n  'borderBottomWidth',\n  'borderRightWidth',\n  'borderLeftWidth',\n  'borderRadius',\n];\n\nexport const backgroundKeys = ['backgroundColor', 'bg'];\n\nexport const colorKeys = ['color'];\n\nexport const boxShadowKeys = ['boxShadow'];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys, ...borderKeys, ...backgroundKeys, ...colorKeys, ...boxShadowKeys].map(\n    (item) => [item, true],\n  ),\n) as Record<string, true>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB,eAAe;AAEvE,MAAM,YAAY,CAAC,SAAS,KAAK,YAAY,QAAQ,YAAY,MAAM;AAEvE,MAAM,aAAa,CAAC,UAAU,KAAK,aAAa,QAAQ,aAAa,MAAM;AAE3E,MAAM,eAAe,CAAC,UAAU;AAEhC,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS;AAChE,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY;AACzD,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,mBAAmB,IAAI;AAE/C,MAAM,YAAY,CAAC,OAAO;AAE1B,MAAM,gBAAgB,CAAC,WAAW;AAElC,MAAM,cAAc,OAAO;AAAA,EAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,gBAAgB,GAAG,WAAW,GAAG,aAAa,EAAE;AAAA,IAC/G,CAAC,SAAS,CAAC,MAAM,IAAI;AAAA,EACvB;AACF;",
   "names": []
 }

package/dist/cjs/props-helpers/xstyledProps/useGetXstyledProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/props-helpers/xstyledProps/useGetXstyledProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useMemo } from 'react';\nimport type { SizingProps, SpaceProps, LayoutProps } from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants';\n\nexport interface XstyledProps extends SpaceProps, SizingProps, LayoutProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAExB,uBAA4B;AAMrB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,4BAAwB,sBAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,8BAAa;AACtB,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "sourcesContent": ["import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  ColorProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    ColorProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwB;AAUxB,uBAA4B;AAarB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,4BAAwB,sBAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,8BAAa;AACtB,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/props-helpers/xstyledProps/xstyledPropTypes.js

@@ -93,6 +93,31 @@ const xstyledPropTypes = {
   left: xstyledGenericPropType.description(genericDescription).xstyled(),
   visibility: xstyledGenericPropType.description(genericDescription).xstyled(),
   overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),
-  objectFit: xstyledGenericPropType.description(genericDescription).xstyled()
+  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),
+  color: xstyledGenericPropType.description(genericDescription).xstyled(),
+  bg: xstyledGenericPropType.description(genericDescription).xstyled(),
+  backgroundColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  border: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTop: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottom: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeft: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRadius: xstyledGenericPropType.description(genericDescription).xstyled(),
+  boxShadow: xstyledGenericPropType.description(genericDescription).xstyled()
 };
 //# sourceMappingURL=xstyledPropTypes.js.map

package/dist/cjs/props-helpers/xstyledProps/xstyledPropTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/props-helpers/xstyledProps/xstyledPropTypes.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from '../propTypes';\n\n// Based on https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/prop-types/src/index.ts\nconst xstyledGenericPropType = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.string,\n  PropTypes.object,\n  PropTypes.bool,\n]);\n\nconst genericDescription = 'Applies to the root container. For more info read xstyled docs';\n\nexport const xstyledPropTypes = {\n  margin: xstyledGenericPropType.description(genericDescription).xstyled(),\n  m: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  ml: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mx: xstyledGenericPropType.description(genericDescription).xstyled(),\n  my: xstyledGenericPropType.description(genericDescription).xstyled(),\n  padding: xstyledGenericPropType.description(genericDescription).xstyled(),\n  p: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pl: xstyledGenericPropType.description(genericDescription).xstyled(),\n  px: xstyledGenericPropType.description(genericDescription).xstyled(),\n  py: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  w: xstyledGenericPropType.description(genericDescription).xstyled(),\n  width: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  h: xstyledGenericPropType.description(genericDescription).xstyled(),\n  height: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),\n  display: xstyledGenericPropType.description(genericDescription).xstyled(),\n  float: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),\n  container: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),\n  position: xstyledGenericPropType.description(genericDescription).xstyled(),\n  top: xstyledGenericPropType.description(genericDescription).xstyled(),\n  right: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  left: xstyledGenericPropType.description(genericDescription).xstyled(),\n  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),\n  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { PropTypes } from '../propTypes';\n\n// Based on https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/prop-types/src/index.ts\nconst xstyledGenericPropType = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.string,\n  PropTypes.object,\n  PropTypes.bool,\n]);\n\nconst genericDescription = 'Applies to the root container. For more info read xstyled docs';\n\nexport const xstyledPropTypes = {\n  margin: xstyledGenericPropType.description(genericDescription).xstyled(),\n  m: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  ml: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mx: xstyledGenericPropType.description(genericDescription).xstyled(),\n  my: xstyledGenericPropType.description(genericDescription).xstyled(),\n  padding: xstyledGenericPropType.description(genericDescription).xstyled(),\n  p: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pl: xstyledGenericPropType.description(genericDescription).xstyled(),\n  px: xstyledGenericPropType.description(genericDescription).xstyled(),\n  py: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  w: xstyledGenericPropType.description(genericDescription).xstyled(),\n  width: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  h: xstyledGenericPropType.description(genericDescription).xstyled(),\n  height: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),\n  display: xstyledGenericPropType.description(genericDescription).xstyled(),\n  float: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),\n  container: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),\n  position: xstyledGenericPropType.description(genericDescription).xstyled(),\n  top: xstyledGenericPropType.description(genericDescription).xstyled(),\n  right: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  left: xstyledGenericPropType.description(genericDescription).xstyled(),\n  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),\n  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),\n  color: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bg: xstyledGenericPropType.description(genericDescription).xstyled(),\n  backgroundColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  border: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRadius: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxShadow: xstyledGenericPropType.description(genericDescription).xstyled(),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/props-helpers/xstyledProps/constants.js

@@ -51,10 +51,42 @@ const layoutKeys = [
   "overscrollBehavior",
   "objectFit"
 ];
+const borderKeys = [
+  "border",
+  "borderTop",
+  "borderBottom",
+  "borderRight",
+  "borderLeft",
+  "borderColor",
+  "borderTopColor",
+  "borderBottomColor",
+  "borderRightColor",
+  "borderLeftColor",
+  "borderStyle",
+  "borderTopStyle",
+  "borderBottomStyle",
+  "borderRightStyle",
+  "borderLeftStyle",
+  "borderWidth",
+  "borderTopWidth",
+  "borderBottomWidth",
+  "borderRightWidth",
+  "borderLeftWidth",
+  "borderRadius"
+];
+const backgroundKeys = ["backgroundColor", "bg"];
+const colorKeys = ["color"];
+const boxShadowKeys = ["boxShadow"];
 const xstyledKeys = Object.fromEntries(
-  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true])
+  [...spacingKeys, ...sizingKeys, ...layoutKeys, ...borderKeys, ...backgroundKeys, ...colorKeys, ...boxShadowKeys].map(
+    (item) => [item, true]
+  )
 );
 export {
+  backgroundKeys,
+  borderKeys,
+  boxShadowKeys,
+  colorKeys,
   layoutKeys,
   xstyledKeys
 };

package/dist/esm/props-helpers/xstyledProps/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/xstyledProps/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['width', 'w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['height', 'h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys].map((item) => [item, true]),\n) as Record<string, true>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB,eAAe;AAEvE,MAAM,YAAY,CAAC,SAAS,KAAK,YAAY,QAAQ,YAAY,MAAM;AAEvE,MAAM,aAAa,CAAC,UAAU,KAAK,aAAa,QAAQ,aAAa,MAAM;AAE3E,MAAM,eAAe,CAAC,UAAU;AAEhC,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS;AAChE,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY;AACzD,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,cAAc,OAAO;AAAA,EAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC;AAC3E;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const marginKeys = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'm',\n  'mt',\n  'mr',\n  'mb',\n  'ml',\n  'mx',\n  'my',\n];\n\nconst paddingKeys = [\n  'padding',\n  'p',\n  'paddingTop',\n  'pt',\n  'paddingRight',\n  'pr',\n  'paddingBottom',\n  'pb',\n  'paddingLeft',\n  'pl',\n  'px',\n  'py',\n];\n\nconst spaceKeys = ['spaceY', 'spaceX', 'spaceXReverse', 'spaceYReverse'];\n\nconst widthKeys = ['width', 'w', 'maxWidth', 'maxW', 'minWidth', 'minW'];\n\nconst heightKeys = ['height', 'h', 'maxHeight', 'maxH', 'minHeight', 'minH'];\n\nconst maskSizeKeys = ['maskSize'];\n\nconst spacingKeys = [...marginKeys, ...paddingKeys, ...spaceKeys];\nconst sizingKeys = [...widthKeys, ...heightKeys, ...maskSizeKeys];\nexport const layoutKeys = [\n  'display',\n  'float',\n  'boxSizing',\n  'container',\n  'overflow',\n  'overflowX',\n  'overflowY',\n  'zIndex',\n  'position',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'overscrollBehavior',\n  'objectFit',\n];\n\nexport const borderKeys = [\n  'border',\n  'borderTop',\n  'borderBottom',\n  'borderRight',\n  'borderLeft',\n  'borderColor',\n  'borderTopColor',\n  'borderBottomColor',\n  'borderRightColor',\n  'borderLeftColor',\n  'borderStyle',\n  'borderTopStyle',\n  'borderBottomStyle',\n  'borderRightStyle',\n  'borderLeftStyle',\n  'borderWidth',\n  'borderTopWidth',\n  'borderBottomWidth',\n  'borderRightWidth',\n  'borderLeftWidth',\n  'borderRadius',\n];\n\nexport const backgroundKeys = ['backgroundColor', 'bg'];\n\nexport const colorKeys = ['color'];\n\nexport const boxShadowKeys = ['boxShadow'];\n\nexport const xstyledKeys = Object.fromEntries(\n  [...spacingKeys, ...sizingKeys, ...layoutKeys, ...borderKeys, ...backgroundKeys, ...colorKeys, ...boxShadowKeys].map(\n    (item) => [item, true],\n  ),\n) as Record<string, true>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,aAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,YAAY,CAAC,UAAU,UAAU,iBAAiB,eAAe;AAEvE,MAAM,YAAY,CAAC,SAAS,KAAK,YAAY,QAAQ,YAAY,MAAM;AAEvE,MAAM,aAAa,CAAC,UAAU,KAAK,aAAa,QAAQ,aAAa,MAAM;AAE3E,MAAM,eAAe,CAAC,UAAU;AAEhC,MAAM,cAAc,CAAC,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS;AAChE,MAAM,aAAa,CAAC,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY;AACzD,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,mBAAmB,IAAI;AAE/C,MAAM,YAAY,CAAC,OAAO;AAE1B,MAAM,gBAAgB,CAAC,WAAW;AAElC,MAAM,cAAc,OAAO;AAAA,EAChC,CAAC,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,gBAAgB,GAAG,WAAW,GAAG,aAAa,EAAE;AAAA,IAC/G,CAAC,SAAS,CAAC,MAAM,IAAI;AAAA,EACvB;AACF;",
   "names": []
 }

package/dist/esm/props-helpers/xstyledProps/useGetXstyledProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/xstyledProps/useGetXstyledProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { SizingProps, SpaceProps, LayoutProps } from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants';\n\nexport interface XstyledProps extends SpaceProps, SizingProps, LayoutProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAMrB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,aAAa;AACtB,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type {\n  SizingProps,\n  SpaceProps,\n  LayoutProps,\n  BoxShadowProps,\n  BorderProps,\n  BackgroundProps,\n  ColorProps,\n} from '@elliemae/ds-system';\nimport { xstyledKeys } from './constants';\n\nexport interface XstyledProps\n  extends SpaceProps,\n    SizingProps,\n    LayoutProps,\n    BoxShadowProps,\n    BorderProps,\n    BackgroundProps,\n    ColorProps {}\n\ntype PropsWithXstyled<T> = T & XstyledProps;\n\nexport const useGetXstyledProps = <T,>(props: PropsWithXstyled<T>): XstyledProps => {\n  const componentXstyledProps = useMemo(() => {\n    const xstyledPropsObject: Record<string, unknown> = {};\n    Object.entries(props).forEach(([key, value]) => {\n      if (key in xstyledKeys) {\n        xstyledPropsObject[key] = value;\n      }\n    });\n    return xstyledPropsObject;\n  }, [props]);\n\n  return componentXstyledProps as XstyledProps;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAUxB,SAAS,mBAAmB;AAarB,MAAM,qBAAqB,CAAK,UAA6C;AAClF,QAAM,wBAAwB,QAAQ,MAAM;AAC1C,UAAM,qBAA8C,CAAC;AACrD,WAAO,QAAQ,KAAK,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC9C,UAAI,OAAO,aAAa;AACtB,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;",
   "names": []
 }

package/dist/esm/props-helpers/xstyledProps/xstyledPropTypes.js

@@ -64,7 +64,32 @@ const xstyledPropTypes = {
   left: xstyledGenericPropType.description(genericDescription).xstyled(),
   visibility: xstyledGenericPropType.description(genericDescription).xstyled(),
   overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),
-  objectFit: xstyledGenericPropType.description(genericDescription).xstyled()
+  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),
+  color: xstyledGenericPropType.description(genericDescription).xstyled(),
+  bg: xstyledGenericPropType.description(genericDescription).xstyled(),
+  backgroundColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  border: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTop: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottom: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRight: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeft: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftColor: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftStyle: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderTopWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderBottomWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRightWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderLeftWidth: xstyledGenericPropType.description(genericDescription).xstyled(),
+  borderRadius: xstyledGenericPropType.description(genericDescription).xstyled(),
+  boxShadow: xstyledGenericPropType.description(genericDescription).xstyled()
 };
 export {
   xstyledPropTypes

package/dist/esm/props-helpers/xstyledProps/xstyledPropTypes.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/props-helpers/xstyledProps/xstyledPropTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '../propTypes';\n\n// Based on https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/prop-types/src/index.ts\nconst xstyledGenericPropType = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.string,\n  PropTypes.object,\n  PropTypes.bool,\n]);\n\nconst genericDescription = 'Applies to the root container. For more info read xstyled docs';\n\nexport const xstyledPropTypes = {\n  margin: xstyledGenericPropType.description(genericDescription).xstyled(),\n  m: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  ml: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mx: xstyledGenericPropType.description(genericDescription).xstyled(),\n  my: xstyledGenericPropType.description(genericDescription).xstyled(),\n  padding: xstyledGenericPropType.description(genericDescription).xstyled(),\n  p: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pl: xstyledGenericPropType.description(genericDescription).xstyled(),\n  px: xstyledGenericPropType.description(genericDescription).xstyled(),\n  py: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  w: xstyledGenericPropType.description(genericDescription).xstyled(),\n  width: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  h: xstyledGenericPropType.description(genericDescription).xstyled(),\n  height: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),\n  display: xstyledGenericPropType.description(genericDescription).xstyled(),\n  float: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),\n  container: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),\n  position: xstyledGenericPropType.description(genericDescription).xstyled(),\n  top: xstyledGenericPropType.description(genericDescription).xstyled(),\n  right: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  left: xstyledGenericPropType.description(genericDescription).xstyled(),\n  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),\n  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '../propTypes';\n\n// Based on https://github.com/gregberge/xstyled/blob/c0c92b459bb3a5de46d7854be3667861f816baa5/packages/prop-types/src/index.ts\nconst xstyledGenericPropType = PropTypes.oneOfType([\n  PropTypes.number,\n  PropTypes.string,\n  PropTypes.object,\n  PropTypes.bool,\n]);\n\nconst genericDescription = 'Applies to the root container. For more info read xstyled docs';\n\nexport const xstyledPropTypes = {\n  margin: xstyledGenericPropType.description(genericDescription).xstyled(),\n  m: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  marginLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  ml: xstyledGenericPropType.description(genericDescription).xstyled(),\n  mx: xstyledGenericPropType.description(genericDescription).xstyled(),\n  my: xstyledGenericPropType.description(genericDescription).xstyled(),\n  padding: xstyledGenericPropType.description(genericDescription).xstyled(),\n  p: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pt: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pr: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pb: xstyledGenericPropType.description(genericDescription).xstyled(),\n  paddingLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  pl: xstyledGenericPropType.description(genericDescription).xstyled(),\n  px: xstyledGenericPropType.description(genericDescription).xstyled(),\n  py: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceXReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  spaceYReverse: xstyledGenericPropType.description(genericDescription).xstyled(),\n  w: xstyledGenericPropType.description(genericDescription).xstyled(),\n  width: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minW: xstyledGenericPropType.description(genericDescription).xstyled(),\n  h: xstyledGenericPropType.description(genericDescription).xstyled(),\n  height: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maxH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minHeight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  minH: xstyledGenericPropType.description(genericDescription).xstyled(),\n  maskSize: xstyledGenericPropType.description(genericDescription).xstyled(),\n  display: xstyledGenericPropType.description(genericDescription).xstyled(),\n  float: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxSizing: xstyledGenericPropType.description(genericDescription).xstyled(),\n  container: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflow: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowX: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overflowY: xstyledGenericPropType.description(genericDescription).xstyled(),\n  zIndex: xstyledGenericPropType.description(genericDescription).xstyled(),\n  position: xstyledGenericPropType.description(genericDescription).xstyled(),\n  top: xstyledGenericPropType.description(genericDescription).xstyled(),\n  right: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  left: xstyledGenericPropType.description(genericDescription).xstyled(),\n  visibility: xstyledGenericPropType.description(genericDescription).xstyled(),\n  overscrollBehavior: xstyledGenericPropType.description(genericDescription).xstyled(),\n  objectFit: xstyledGenericPropType.description(genericDescription).xstyled(),\n  color: xstyledGenericPropType.description(genericDescription).xstyled(),\n  bg: xstyledGenericPropType.description(genericDescription).xstyled(),\n  backgroundColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  border: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTop: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottom: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRight: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeft: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftColor: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftStyle: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderTopWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderBottomWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRightWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderLeftWidth: xstyledGenericPropType.description(genericDescription).xstyled(),\n  borderRadius: xstyledGenericPropType.description(genericDescription).xstyled(),\n  boxShadow: xstyledGenericPropType.description(genericDescription).xstyled(),\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-utilities",
-  "version": "3.11.0-next.1",
+  "version": "3.11.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Utilities",
   "files": [
@@ -151,7 +151,7 @@
     "typeSafety": true
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.11.0-next.1",
+    "@elliemae/ds-system": "3.11.0-next.2",
     "@elliemae/pui-theme": "~2.6.0",
     "fast-deep-equal": "~3.1.3",
     "hotkeys-js": "~3.9.3",