@elliemae/ds-system 3.11.0-next.3 → 3.11.0-next.5

package/dist/cjs/ds-styled/index.js

@@ -29,8 +29,7 @@ __export(ds_styled_exports, {
   flexboxes: () => import_system.flexboxes,
   fontSize: () => import_system.fontSize,
   grids: () => import_system.grids,
-  layout: () => import_system.layout,
-  space: () => import_system.space
+  layout: () => import_system.layout
 });
 module.exports = __toCommonJS(ds_styled_exports);
 var React = __toESM(require("react"));

package/dist/cjs/ds-styled/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ds-styled/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './styled';\nexport { layout, space, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';\nexport * from './utilities';\nexport * from './types';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,qBAAd;AACA,oBAAmF;AACnF,8BAAc,wBAFd;AAGA,8BAAc,oBAHd;",
+  "sourcesContent": ["export * from './styled';\nexport { layout, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';\nexport * from './utilities';\nexport * from './types';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,qBAAd;AACA,oBAA4E;AAC5E,8BAAc,wBAFd;AAGA,8BAAc,oBAHd;",
   "names": []
 }

package/dist/cjs/ds-styled/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ds-styled/types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyStyledComponent,\n  StyledComponentInnerAttrs,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  CSSObject,\n  StyledComponent,\n  StyledComponentPropsWithRef,\n  ThemedStyledProps,\n  Interpolation,\n  InterpolationFunction,\n  StyledConfig,\n} from 'styled-components';\nimport type { SpaceProps as XstyledSpace, ColorProps as XstyledColor } from '@xstyled/system';\nimport type { Theme as PuiTheme } from '@elliemae/pui-theme';\n\nexport interface Theme extends PuiTheme {\n  components?: {\n    [componentName: string]: {\n      styleOverrides?: CSSObject;\n      variants?: { props: Record<string, { toString: () => string }>; style: CSSObject }[];\n    };\n  };\n}\n\ntype Attrs<P, A extends Partial<P>, T> = ((props: ThemedStyledProps<P, T>) => A) | A;\n\ninterface DSStyledConfig {\n  name: string | null;\n  slot: string | null;\n}\n\ntype ThemedStyledFunctionBase<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = Record<string, unknown>,\n  A extends keyof any = never,\n> = <U extends object>(\n  first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>,\n  ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>>\n) => StyledComponent<C, T, O & U, A>;\n\ninterface ThemedStyledFunction<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = Record<string, unknown>,\n  A extends keyof any = never,\n> extends ThemedStyledFunctionBase<C, T, O, A> {\n  // Fun thing: 'attrs' can also provide a polymorphic 'as' prop\n  // My head already hurts enough so maybe later...\n  attrs<\n    U,\n    NewA extends Partial<StyledComponentPropsWithRef<C> & U> & {\n      [others: string]: any;\n    } = any,\n  >(\n    attrs: Attrs<StyledComponentPropsWithRef<C> & U, NewA, T>,\n  ): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>;\n\n  withConfig: <Props extends O = O>(\n    config: StyledConfig<StyledComponentPropsWithRef<C> & Props>,\n  ) => ThemedStyledFunction<C, T, Props, A>;\n}\n\nexport type DSStyledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n  tag: C,\n  options?: DSStyledConfig,\n) => ThemedStyledFunction<\n  C extends AnyStyledComponent ? StyledComponentInnerComponent<C> : C,\n  Theme,\n  C extends AnyStyledComponent ? StyledComponentInnerOtherProps<C> : unknown,\n  C extends AnyStyledComponent ? StyledComponentInnerAttrs<C> : never\n>;\n\nexport type DSStyledObject = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<keyof JSX.IntrinsicElements, Theme>;\n};\n\nexport type DSStyledFunctionInternal = (\n  ...args: Parameters<ReturnType<DSStyledFunction>>\n) => ReturnType<ReturnType<DSStyledFunction>>;\n\nexport type PropsWithTheme<T = Record<string, unknown>> = { theme: Theme } & T;\n\nexport type ThProps = Required<PropsWithTheme>;\n\nexport type { FlattenSimpleInterpolation, FlattenInterpolation } from 'styled-components';\n\nexport type { LayoutProps, SizingProps, FontSizeProps, PositionProps, BoxShadowProps } from '@xstyled/system';\n\ninterface DummyColorTheme {\n  'neutral-100': true;\n  'neutral-200': true;\n  'neutral-300': true;\n  'neutral-400': true;\n  'neutral-500': true;\n  'neutral-600': true;\n  'neutral-700': true;\n  'neutral-800': true;\n  'neutral-000': true;\n  'neutral-050': true;\n  'neutral-080': true;\n  'brand-100': true;\n  'brand-200': true;\n  'brand-300': true;\n  'brand-400': true;\n  'brand-500': true;\n  'brand-600': true;\n  'brand-700': true;\n  'brand-800': true;\n  'success-300': true;\n  'success-900': true;\n  'warning-400': true;\n  'warning-600': true;\n  'warning-900': true;\n  'danger-200': true;\n  'danger-900': true;\n}\n\n// Redeclaring types as interfaces to prevent TS errors\n\ntype SpacePropsT = XstyledSpace & {\n  [key in keyof XstyledSpace]: keyof Theme['space'];\n};\n\ntype ColorPropsT = XstyledColor & {\n  [key in keyof XstyledColor]: keyof DummyColorTheme;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SpaceProps extends SpacePropsT {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ColorProps extends ColorPropsT {}\n\nexport interface BorderProps {\n  border?: string;\n  borderTop?: string;\n  borderBottom?: string;\n  borderRight?: string;\n  borderLeft?: string;\n  borderColor?: keyof DummyColorTheme;\n  borderTopColor?: keyof DummyColorTheme;\n  borderBottomColor?: keyof DummyColorTheme;\n  borderRightColor?: keyof DummyColorTheme;\n  borderLeftColor?: keyof DummyColorTheme;\n  borderStyle?: string;\n  borderTopStyle?: string;\n  borderBottomStyle?: string;\n  borderRightStyle?: string;\n  borderLeftStyle?: string;\n  borderWidth?: keyof Theme['space'];\n  borderTopWidth?: keyof Theme['space'];\n  borderBottomWidth?: keyof Theme['space'];\n  borderRightWidth?: keyof Theme['space'];\n  borderLeftWidth?: keyof Theme['space'];\n  borderRadius?: keyof Theme['space'];\n}\n\nexport interface BackgroundProps {\n  backgroundColor?: keyof DummyColorTheme;\n  bg?: keyof DummyColorTheme;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyStyledComponent,\n  StyledComponentInnerAttrs,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  CSSObject,\n  StyledComponent,\n  StyledComponentPropsWithRef,\n  ThemedStyledProps,\n  Interpolation,\n  InterpolationFunction,\n  StyledConfig,\n} from 'styled-components';\nimport type { SpaceProps as XstyledSpace, ColorProps as XstyledColor } from '@xstyled/system';\nimport type { Theme as PuiTheme } from '@elliemae/pui-theme';\n\nexport interface Theme extends PuiTheme {\n  components?: {\n    [componentName: string]: {\n      styleOverrides?: CSSObject;\n      variants?: { props: Record<string, { toString: () => string }>; style: CSSObject }[];\n    };\n  };\n}\n\ntype Attrs<P, A extends Partial<P>, T> = ((props: ThemedStyledProps<P, T>) => A) | A;\n\ninterface DSStyledConfig {\n  name: string | null;\n  slot: string | null;\n}\n\ntype ThemedStyledFunctionBase<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = Record<string, unknown>,\n  A extends keyof any = never,\n> = <U extends object>(\n  first:\n    | TemplateStringsArray\n    | CSSObject\n    | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>,\n  ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>>\n) => StyledComponent<C, T, O & U, A>;\n\ninterface ThemedStyledFunction<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = Record<string, unknown>,\n  A extends keyof any = never,\n> extends ThemedStyledFunctionBase<C, T, O, A> {\n  // Fun thing: 'attrs' can also provide a polymorphic 'as' prop\n  // My head already hurts enough so maybe later...\n  attrs<\n    U,\n    NewA extends Partial<StyledComponentPropsWithRef<C> & U> & {\n      [others: string]: any;\n    } = any,\n  >(\n    attrs: Attrs<StyledComponentPropsWithRef<C> & U, NewA, T>,\n  ): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>;\n\n  withConfig: <Props extends O = O>(\n    config: StyledConfig<StyledComponentPropsWithRef<C> & Props>,\n  ) => ThemedStyledFunction<C, T, Props, A>;\n}\n\nexport type DSStyledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(\n  tag: C,\n  options?: DSStyledConfig,\n) => ThemedStyledFunction<\n  C extends AnyStyledComponent ? StyledComponentInnerComponent<C> : C,\n  Theme,\n  C extends AnyStyledComponent ? StyledComponentInnerOtherProps<C> : unknown,\n  C extends AnyStyledComponent ? StyledComponentInnerAttrs<C> : never\n>;\n\nexport type DSStyledObject = {\n  [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<keyof JSX.IntrinsicElements, Theme>;\n};\n\nexport type DSStyledFunctionInternal = (\n  ...args: Parameters<ReturnType<DSStyledFunction>>\n) => ReturnType<ReturnType<DSStyledFunction>>;\n\nexport type PropsWithTheme<T = Record<string, unknown>> = { theme: Theme } & T;\n\nexport type ThProps = Required<PropsWithTheme>;\n\nexport type { FlattenSimpleInterpolation, FlattenInterpolation } from 'styled-components';\n\nexport type { LayoutProps, SizingProps, FontSizeProps, PositionProps, BoxShadowProps } from '@xstyled/system';\n\ninterface DummyColorTheme {\n  'neutral-100': true;\n  'neutral-200': true;\n  'neutral-300': true;\n  'neutral-400': true;\n  'neutral-500': true;\n  'neutral-600': true;\n  'neutral-700': true;\n  'neutral-800': true;\n  'neutral-000': true;\n  'neutral-050': true;\n  'neutral-080': true;\n  'brand-100': true;\n  'brand-200': true;\n  'brand-300': true;\n  'brand-400': true;\n  'brand-500': true;\n  'brand-600': true;\n  'brand-700': true;\n  'brand-800': true;\n  'success-300': true;\n  'success-900': true;\n  'warning-400': true;\n  'warning-600': true;\n  'warning-900': true;\n  'danger-200': true;\n  'danger-900': true;\n}\n\n// Redeclaring types as interfaces to prevent TS errors\ntype SpacePropsT = {\n  [key in keyof XstyledSpace]?: XstyledSpace[key] | keyof Theme['space'];\n};\n\ntype ColorPropsT = {\n  [key in keyof XstyledColor]?: XstyledColor[key] | keyof DummyColorTheme;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface SpaceProps extends SpacePropsT {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ColorProps extends ColorPropsT {}\n\nexport interface BorderProps {\n  border?: string;\n  borderTop?: string;\n  borderBottom?: string;\n  borderRight?: string;\n  borderLeft?: string;\n  borderColor?: keyof DummyColorTheme;\n  borderTopColor?: keyof DummyColorTheme;\n  borderBottomColor?: keyof DummyColorTheme;\n  borderRightColor?: keyof DummyColorTheme;\n  borderLeftColor?: keyof DummyColorTheme;\n  borderStyle?: string;\n  borderTopStyle?: string;\n  borderBottomStyle?: string;\n  borderRightStyle?: string;\n  borderLeftStyle?: string;\n  borderWidth?: keyof Theme['space'];\n  borderTopWidth?: keyof Theme['space'];\n  borderBottomWidth?: keyof Theme['space'];\n  borderRightWidth?: keyof Theme['space'];\n  borderLeftWidth?: keyof Theme['space'];\n  borderRadius?: keyof Theme['space'];\n}\n\nexport interface BackgroundProps {\n  backgroundColor?: keyof DummyColorTheme;\n  bg?: keyof DummyColorTheme;\n}\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/ds-styled/utilities/color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ds-styled/utilities/color.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { style, compose, Theme, Props } from '@xstyled/system';\nimport { th } from '../../th';\nimport type { PropsWithTheme, ThProps } from '../types';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as ThProps)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA6C;AAC7C,gBAAmB;AAGnB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAgB;AACrG;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,kBAAc,qBAAM;AAAA,EACxB,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,YAAQ,uBAAQ,WAAW;",
+  "sourcesContent": ["import { style, compose, Theme, Props } from '@xstyled/system';\nimport { th } from '../../th';\nimport type { ColorProps, PropsWithTheme, ThProps } from '../types';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as ThProps)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style<ColorProps>({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA6C;AAC7C,gBAAmB;AAGnB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,aAAG,MAAM,OAAO,KAAK,EAAE,KAAgB;AACrG;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,kBAAc,qBAAkB;AAAA,EACpC,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,YAAQ,uBAAQ,WAAW;",
   "names": []
 }

package/dist/cjs/ds-styled/utilities/index.js

@@ -29,4 +29,5 @@ __reExport(utilities_exports, require("./helpers"), module.exports);
 __reExport(utilities_exports, require("./magicCssTransform"), module.exports);
 __reExport(utilities_exports, require("./resolvers"), module.exports);
 __reExport(utilities_exports, require("./sizing"), module.exports);
+__reExport(utilities_exports, require("./space"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/ds-styled/utilities/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ds-styled/utilities/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './background';\nexport * from './border';\nexport * from './color';\nexport * from './helpers';\nexport * from './magicCssTransform';\nexport * from './resolvers';\nexport * from './sizing';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,yBAAd;AACA,8BAAc,qBADd;AAEA,8BAAc,oBAFd;AAGA,8BAAc,sBAHd;AAIA,8BAAc,gCAJd;AAKA,8BAAc,wBALd;AAMA,8BAAc,qBANd;",
+  "sourcesContent": ["export * from './background';\nexport * from './border';\nexport * from './color';\nexport * from './helpers';\nexport * from './magicCssTransform';\nexport * from './resolvers';\nexport * from './sizing';\nexport * from './space';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAc,yBAAd;AACA,8BAAc,qBADd;AAEA,8BAAc,oBAFd;AAGA,8BAAc,sBAHd;AAIA,8BAAc,gCAJd;AAKA,8BAAc,wBALd;AAMA,8BAAc,qBANd;AAOA,8BAAc,oBAPd;",
   "names": []
 }

package/dist/cjs/ds-styled/utilities/space.js

@@ -0,0 +1,33 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var space_exports = {};
+__export(space_exports, {
+  space: () => space
+});
+module.exports = __toCommonJS(space_exports);
+var React = __toESM(require("react"));
+var import_system = require("@xstyled/system");
+const space = import_system.space;
+//# sourceMappingURL=space.js.map

package/dist/cjs/ds-styled/utilities/space.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ds-styled/utilities/space.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { space as xstyledSpace, type StyleGenerator } from '@xstyled/system';\nimport type { SpaceProps } from '../types';\n\nexport const space = xstyledSpace as unknown as StyleGenerator<SpaceProps>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAA2D;AAGpD,MAAM,QAAQ,cAAAA;",
+  "names": ["xstyledSpace"]
+}

package/dist/esm/ds-styled/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 export * from "./styled";
-import { layout, space, flexboxes, grids, boxShadow, fontSize } from "@xstyled/system";
+import { layout, flexboxes, grids, boxShadow, fontSize } from "@xstyled/system";
 export * from "./utilities";
 export * from "./types";
 export {
@@ -8,7 +8,6 @@ export {
   flexboxes,
   fontSize,
   grids,
-  layout,
-  space
+  layout
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/ds-styled/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ds-styled/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './styled';\nexport { layout, space, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';\nexport * from './utilities';\nexport * from './types';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,QAAQ,OAAO,WAAW,OAAoB,WAAY,gBAAgB;AACnF,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './styled';\nexport { layout, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';\nexport * from './utilities';\nexport * from './types';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,QAAQ,WAAW,OAAoB,WAAY,gBAAgB;AAC5E,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/ds-styled/utilities/color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ds-styled/utilities/color.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { style, compose, Theme, Props } from '@xstyled/system';\nimport { th } from '../../th';\nimport type { PropsWithTheme, ThProps } from '../types';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as ThProps)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,OAAO,eAA6B;AAC7C,SAAS,UAAU;AAGnB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,GAAG,MAAM,OAAO,KAAK,EAAE,KAAgB;AACrG;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,cAAc,MAAM;AAAA,EACxB,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,QAAQ,QAAQ,WAAW;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { style, compose, Theme, Props } from '@xstyled/system';\nimport { th } from '../../th';\nimport type { ColorProps, PropsWithTheme, ThProps } from '../types';\n\nfunction colorGetter(value: string) {\n  return (props: PropsWithTheme | Props<Theme>): string => `${th.color(value, value)(props as ThProps)}`;\n}\n\ncolorGetter.meta = {};\n\nconst colorStyled = style<ColorProps>({\n  prop: ['color'],\n  css: ['color'],\n  themeGet: colorGetter,\n});\n\nexport const color = compose(colorStyled);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,OAAO,eAA6B;AAC7C,SAAS,UAAU;AAGnB,SAAS,YAAY,OAAe;AAClC,SAAO,CAAC,UAAiD,GAAG,GAAG,MAAM,OAAO,KAAK,EAAE,KAAgB;AACrG;AAEA,YAAY,OAAO,CAAC;AAEpB,MAAM,cAAc,MAAkB;AAAA,EACpC,MAAM,CAAC,OAAO;AAAA,EACd,KAAK,CAAC,OAAO;AAAA,EACb,UAAU;AACZ,CAAC;AAEM,MAAM,QAAQ,QAAQ,WAAW;",
   "names": []
 }

package/dist/esm/ds-styled/utilities/index.js

@@ -6,4 +6,5 @@ export * from "./helpers";
 export * from "./magicCssTransform";
 export * from "./resolvers";
 export * from "./sizing";
+export * from "./space";
 //# sourceMappingURL=index.js.map

package/dist/esm/ds-styled/utilities/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ds-styled/utilities/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './background';\nexport * from './border';\nexport * from './color';\nexport * from './helpers';\nexport * from './magicCssTransform';\nexport * from './resolvers';\nexport * from './sizing';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './background';\nexport * from './border';\nexport * from './color';\nexport * from './helpers';\nexport * from './magicCssTransform';\nexport * from './resolvers';\nexport * from './sizing';\nexport * from './space';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/esm/ds-styled/utilities/space.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { space as xstyledSpace } from "@xstyled/system";
+const space = xstyledSpace;
+export {
+  space
+};
+//# sourceMappingURL=space.js.map

package/dist/esm/ds-styled/utilities/space.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ds-styled/utilities/space.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { space as xstyledSpace, type StyleGenerator } from '@xstyled/system';\nimport type { SpaceProps } from '../types';\n\nexport const space = xstyledSpace as unknown as StyleGenerator<SpaceProps>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,oBAAyC;AAGpD,MAAM,QAAQ;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "3.11.0-next.3",
+  "version": "3.11.0-next.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [