@elliemae/ds-system 3.46.0-rc.5 → 3.46.0-rc.7

package/dist/cjs/index.js

@@ -92,6 +92,7 @@ __export(src_exports, {
   position: () => import_system.position,
   themeProviderHOC: () => import_themeProviderHOC.themeProviderHOC,
   typography: () => import_system.typography,
+  useGetLayoutMode: () => import_useGetLayoutMode.useGetLayoutMode,
   xStyledCommonProps: () => import_xStyledWrapper.xStyledCommonProps
 });
 module.exports = __toCommonJS(src_exports);
@@ -110,4 +111,5 @@ var import_styled_components = require("@xstyled/styled-components");
 var import_xStyledWrapper = require("./xStyledWrapper.js");
 var import_HtmlComponents = require("./HtmlComponents.js");
 __reExport(src_exports, require("./mergeRefs.js"), module.exports);
+var import_useGetLayoutMode = require("./useGetLayoutMode.js");
 //# sourceMappingURL=index.js.map

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.js';\nexport * from './spaceUtilities.js';\nexport * from './mobileUtilities.js';\nexport * from './utils.js';\nexport * from './arithmetic.js';\nexport * from './th.js';\nexport * from './theme.js';\nexport * from './styled/index.js';\nexport { position, typography } from '@xstyled/system';\nexport { themeProviderHOC } from './themeProviderHOC.js';\nexport { ThemeContext } from '@xstyled/styled-components';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper.js';\nexport {\n  Address,\n  Article,\n  Aside,\n  Footer,\n  Header,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  Hgroup,\n  Main,\n  Nav,\n  Section,\n  Search,\n  Blockquote,\n  Dd,\n  Div,\n  Dl,\n  Dt,\n  Figcaption,\n  Figure,\n  Hr,\n  Li,\n  Menu,\n  Ol,\n  P,\n  Pre,\n  Ul,\n  A,\n  Abbr,\n  B,\n  Bdi,\n  Bdo,\n  Br,\n  Cite,\n  Code,\n  Data,\n  Dfn,\n  Em,\n  I,\n  Kbd,\n  Mark,\n  Q,\n  Rp,\n  Rt,\n  Ruby,\n  S,\n  Samp,\n  Small,\n  Span,\n  Strong,\n  Sub,\n  Sup,\n  Time,\n  U,\n  Wbr,\n} from './HtmlComponents.js';\nexport * from './mergeRefs.js';\n// styled components uses csstype types internally but doesn't solve the types export correctly\n//  so to fix ts2742 we need to re-export the types from csstype...\nexport type * from 'csstype';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,gCADd;AAEA,wBAAc,iCAFd;AAGA,wBAAc,uBAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,oBALd;AAMA,wBAAc,uBANd;AAOA,wBAAc,8BAPd;AAQA,oBAAqC;AACrC,8BAAiC;AACjC,+BAA6B;AAC7B,4BAAmD;AACnD,4BA2DO;AACP,wBAAc,2BAxEd;",
+  "sourcesContent": ["export * from './globalStyles.js';\nexport * from './spaceUtilities.js';\nexport * from './mobileUtilities.js';\nexport * from './utils.js';\nexport * from './arithmetic.js';\nexport * from './th.js';\nexport * from './theme.js';\nexport * from './styled/index.js';\nexport { position, typography } from '@xstyled/system';\nexport { themeProviderHOC } from './themeProviderHOC.js';\nexport { ThemeContext } from '@xstyled/styled-components';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper.js';\nexport {\n  Address,\n  Article,\n  Aside,\n  Footer,\n  Header,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  Hgroup,\n  Main,\n  Nav,\n  Section,\n  Search,\n  Blockquote,\n  Dd,\n  Div,\n  Dl,\n  Dt,\n  Figcaption,\n  Figure,\n  Hr,\n  Li,\n  Menu,\n  Ol,\n  P,\n  Pre,\n  Ul,\n  A,\n  Abbr,\n  B,\n  Bdi,\n  Bdo,\n  Br,\n  Cite,\n  Code,\n  Data,\n  Dfn,\n  Em,\n  I,\n  Kbd,\n  Mark,\n  Q,\n  Rp,\n  Rt,\n  Ruby,\n  S,\n  Samp,\n  Small,\n  Span,\n  Strong,\n  Sub,\n  Sup,\n  Time,\n  U,\n  Wbr,\n} from './HtmlComponents.js';\nexport * from './mergeRefs.js';\n// styled components uses csstype types internally but doesn't solve the types export correctly\n//  so to fix ts2742 we need to re-export the types from csstype...\nexport type * from 'csstype';\nexport { useGetLayoutMode } from './useGetLayoutMode.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,wBAAc,gCADd;AAEA,wBAAc,iCAFd;AAGA,wBAAc,uBAHd;AAIA,wBAAc,4BAJd;AAKA,wBAAc,oBALd;AAMA,wBAAc,uBANd;AAOA,wBAAc,8BAPd;AAQA,oBAAqC;AACrC,8BAAiC;AACjC,+BAA6B;AAC7B,4BAAmD;AACnD,4BA2DO;AACP,wBAAc,2BAxEd;AA4EA,8BAAiC;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/styled/types.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyStyledComponent,\n  CSSObject,\n  Interpolation,\n  InterpolationFunction,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentPropsWithRef,\n  ThemedStyledProps,\n} from 'styled-components';\nimport type { Theme as PuiTheme } from '@elliemae/pui-theme';\nimport type { ElementType, Ref } from 'react';\nimport type React from 'react';\n\nexport interface Options {\n  name: string | null;\n  slot: string | null;\n}\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\nexport type AnyStyledRef<T extends HTMLElement> =\n  | React.MutableRefObject<T | null>\n  | ((_ref: T | null) => void)\n  | false\n  | null;\n\nexport type StyleArg<T = any> = TemplateStringsArray | CSSObject | InterpolationFunction<T>;\nexport type Expression<T = any> = Interpolation<T>;\nexport type Expressions<T = any> = Array<Expression<T>>;\nexport type PropsWithTheme<T = Record<string, unknown>> = T & { theme: Theme };\n\ntype ComponentInnerRef<T extends ElementType> = T extends new (props: infer P) => React.Component<any, any>\n  ? Ref<InstanceType<T>> | undefined\n  : React.PropsWithRef<React.ComponentProps<T>>['ref'];\n\nexport type StyledComponentInnerRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> =\n  C extends AnyStyledComponent ? ComponentInnerRef<StyledComponentInnerComponent<C>> : ComponentInnerRef<C>;\n\nexport interface ThemedStyledFunctionBase<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = {},\n  A extends keyof any = never,\n> {\n  <U extends object>(\n    first: StyleArg<\n      ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface & InnerRefInterface<C>, T>\n    >,\n    ...rest: Expressions<\n      ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface & InnerRefInterface<C>, T>\n    >\n  ): StyledComponent<C, T, O & U & OwnerInterface & InnerRefInterface<C>, A>;\n}\n\nexport type AttrsFunc<T extends object = Record<string, unknown>> = (\n  props: StyledComponentPropsWithRef<StyledComponentInnerComponent<React.ComponentType<T>>>,\n) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;\n\nexport type InternalAttrsFunc<T extends object = Record<string, unknown>> = (\n  props: StyledComponentPropsWithRef<\n    StyledComponentInnerComponent<React.ComponentType<T & { ref?: AnyStyledRef<HTMLElement> }>>\n  >,\n  meta: {\n    options: Options;\n    displayName: string | null;\n  },\n) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;\n\nexport interface InnerRefInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> {\n  innerRef?: StyledComponentInnerRef<C>;\n  ref?: never;\n}\n\nexport interface OwnerInterface {\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nexport type PartProps = Record<string, unknown> | ((args: object) => Record<string, unknown>) | null | undefined;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyStyledComponent,\n  CSSObject,\n  Interpolation,\n  InterpolationFunction,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentPropsWithRef,\n  ThemedStyledProps,\n} from 'styled-components';\nimport type { Theme as PuiTheme } from '@elliemae/pui-theme';\nimport type { ElementType, Ref } from 'react';\nimport type React from 'react';\n\nexport interface Options {\n  name: string | null;\n  slot: string | null;\n}\n\nexport interface Theme extends PuiTheme {\n  layoutMode?: 'l' | 'm' | 's' | 'xs';\n  components?: {\n    [componentName: string]: {\n      styleOverrides?: CSSObject;\n      variants?: { props: Record<string, { toString: () => string }>; style: CSSObject }[];\n    };\n  };\n}\n\nexport type AnyStyledRef<T extends HTMLElement> =\n  | React.MutableRefObject<T | null>\n  | ((_ref: T | null) => void)\n  | false\n  | null;\n\nexport type StyleArg<T = any> = TemplateStringsArray | CSSObject | InterpolationFunction<T>;\nexport type Expression<T = any> = Interpolation<T>;\nexport type Expressions<T = any> = Array<Expression<T>>;\nexport type PropsWithTheme<T = Record<string, unknown>> = T & { theme: Theme };\n\ntype ComponentInnerRef<T extends ElementType> = T extends new (props: infer P) => React.Component<any, any>\n  ? Ref<InstanceType<T>> | undefined\n  : React.PropsWithRef<React.ComponentProps<T>>['ref'];\n\nexport type StyledComponentInnerRef<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> =\n  C extends AnyStyledComponent ? ComponentInnerRef<StyledComponentInnerComponent<C>> : ComponentInnerRef<C>;\n\nexport interface ThemedStyledFunctionBase<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object,\n  O extends object = {},\n  A extends keyof any = never,\n> {\n  <U extends object>(\n    first: StyleArg<\n      ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface & InnerRefInterface<C>, T>\n    >,\n    ...rest: Expressions<\n      ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface & InnerRefInterface<C>, T>\n    >\n  ): StyledComponent<C, T, O & U & OwnerInterface & InnerRefInterface<C>, A>;\n}\n\nexport type AttrsFunc<T extends object = Record<string, unknown>> = (\n  props: StyledComponentPropsWithRef<StyledComponentInnerComponent<React.ComponentType<T>>>,\n) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;\n\nexport type InternalAttrsFunc<T extends object = Record<string, unknown>> = (\n  props: StyledComponentPropsWithRef<\n    StyledComponentInnerComponent<React.ComponentType<T & { ref?: AnyStyledRef<HTMLElement> }>>\n  >,\n  meta: {\n    options: Options;\n    displayName: string | null;\n  },\n) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;\n\nexport interface InnerRefInterface<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>> {\n  innerRef?: StyledComponentInnerRef<C>;\n  ref?: never;\n}\n\nexport interface OwnerInterface {\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nexport type PartProps = Record<string, unknown> | ((args: object) => Record<string, unknown>) | null | undefined;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/themeProviderHOC.js

@@ -36,7 +36,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_styled_components = require("@xstyled/styled-components");
 var import_theme = require("./theme.js");
 const themeProviderHOC = (Component) => {
-  const WrappedComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, { theme: import_theme.theme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props }) });
+  const WrappedComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled_components.ThemeProvider,
+    {
+      theme: {
+        ...import_theme.theme,
+        layoutMode: "l"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...props })
+    }
+  );
   return WrappedComponent;
 };
 //# sourceMappingURL=themeProviderHOC.js.map

package/dist/cjs/themeProviderHOC.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/themeProviderHOC.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from '@xstyled/styled-components';\nimport { theme } from './theme.js';\n\nexport const themeProviderHOC = <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => {\n  const WrappedComponent: React.ComponentType<T> = (props) => (\n    <ThemeProvider theme={theme}>\n      <Component {...props} />\n    </ThemeProvider>\n  );\n  return WrappedComponent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOjB;AANN,+BAA8B;AAC9B,mBAAsB;AAEf,MAAM,mBAAmB,CAAoC,cAAsC;AACxG,QAAM,mBAA2C,CAAC,UAChD,4CAAC,0CAAc,OAAO,oBACpB,sDAAC,aAAW,GAAG,OAAO,GACxB;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import React from 'react';\nimport { ThemeProvider } from '@xstyled/styled-components';\nimport { theme } from './theme.js';\n\nexport const themeProviderHOC = <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => {\n  const WrappedComponent: React.ComponentType<T> = (props) => (\n    <ThemeProvider\n      theme={{\n        ...theme,\n        layoutMode: 'l',\n      }}\n    >\n      <Component {...props} />\n    </ThemeProvider>\n  );\n  return WrappedComponent;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYjB;AAXN,+BAA8B;AAC9B,mBAAsB;AAEf,MAAM,mBAAmB,CAAoC,cAAsC;AACxG,QAAM,mBAA2C,CAAC,UAChD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MAEA,sDAAC,aAAW,GAAG,OAAO;AAAA;AAAA,EACxB;AAEF,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/useGetLayoutMode.js

@@ -0,0 +1,40 @@
+"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(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGetLayoutMode_exports = {};
+__export(useGetLayoutMode_exports, {
+  useGetLayoutMode: () => useGetLayoutMode
+});
+module.exports = __toCommonJS(useGetLayoutMode_exports);
+var React = __toESM(require("react"));
+var import_styled_components = require("@xstyled/styled-components");
+const useGetLayoutMode = () => {
+  const { layoutMode } = (0, import_styled_components.useTheme)();
+  return layoutMode;
+};
+//# sourceMappingURL=useGetLayoutMode.js.map

package/dist/cjs/useGetLayoutMode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useGetLayoutMode.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useTheme } from '@xstyled/styled-components';\n\nexport const useGetLayoutMode = () => {\n  const { layoutMode } = useTheme();\n  return layoutMode;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAyB;AAElB,MAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,WAAW,QAAI,mCAAS;AAChC,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

@@ -72,6 +72,7 @@ import {
   Wbr
 } from "./HtmlComponents.js";
 export * from "./mergeRefs.js";
+import { useGetLayoutMode } from "./useGetLayoutMode.js";
 export {
   A,
   Abbr,
@@ -136,6 +137,7 @@ export {
   position,
   themeProviderHOC,
   typography,
+  useGetLayoutMode,
   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.js';\nexport * from './spaceUtilities.js';\nexport * from './mobileUtilities.js';\nexport * from './utils.js';\nexport * from './arithmetic.js';\nexport * from './th.js';\nexport * from './theme.js';\nexport * from './styled/index.js';\nexport { position, typography } from '@xstyled/system';\nexport { themeProviderHOC } from './themeProviderHOC.js';\nexport { ThemeContext } from '@xstyled/styled-components';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper.js';\nexport {\n  Address,\n  Article,\n  Aside,\n  Footer,\n  Header,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  Hgroup,\n  Main,\n  Nav,\n  Section,\n  Search,\n  Blockquote,\n  Dd,\n  Div,\n  Dl,\n  Dt,\n  Figcaption,\n  Figure,\n  Hr,\n  Li,\n  Menu,\n  Ol,\n  P,\n  Pre,\n  Ul,\n  A,\n  Abbr,\n  B,\n  Bdi,\n  Bdo,\n  Br,\n  Cite,\n  Code,\n  Data,\n  Dfn,\n  Em,\n  I,\n  Kbd,\n  Mark,\n  Q,\n  Rp,\n  Rt,\n  Ruby,\n  S,\n  Samp,\n  Small,\n  Span,\n  Strong,\n  Sub,\n  Sup,\n  Time,\n  U,\n  Wbr,\n} from './HtmlComponents.js';\nexport * from './mergeRefs.js';\n// styled components uses csstype types internally but doesn't solve the types export correctly\n//  so to fix ts2742 we need to re-export the types from csstype...\nexport type * from 'csstype';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,UAAU,kBAAkB;AACrC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,sBAAsB;AACnD;AAAA,EACE;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;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;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,OACK;AACP,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './globalStyles.js';\nexport * from './spaceUtilities.js';\nexport * from './mobileUtilities.js';\nexport * from './utils.js';\nexport * from './arithmetic.js';\nexport * from './th.js';\nexport * from './theme.js';\nexport * from './styled/index.js';\nexport { position, typography } from '@xstyled/system';\nexport { themeProviderHOC } from './themeProviderHOC.js';\nexport { ThemeContext } from '@xstyled/styled-components';\nexport { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper.js';\nexport {\n  Address,\n  Article,\n  Aside,\n  Footer,\n  Header,\n  H1,\n  H2,\n  H3,\n  H4,\n  H5,\n  H6,\n  Hgroup,\n  Main,\n  Nav,\n  Section,\n  Search,\n  Blockquote,\n  Dd,\n  Div,\n  Dl,\n  Dt,\n  Figcaption,\n  Figure,\n  Hr,\n  Li,\n  Menu,\n  Ol,\n  P,\n  Pre,\n  Ul,\n  A,\n  Abbr,\n  B,\n  Bdi,\n  Bdo,\n  Br,\n  Cite,\n  Code,\n  Data,\n  Dfn,\n  Em,\n  I,\n  Kbd,\n  Mark,\n  Q,\n  Rp,\n  Rt,\n  Ruby,\n  S,\n  Samp,\n  Small,\n  Span,\n  Strong,\n  Sub,\n  Sup,\n  Time,\n  U,\n  Wbr,\n} from './HtmlComponents.js';\nexport * from './mergeRefs.js';\n// styled components uses csstype types internally but doesn't solve the types export correctly\n//  so to fix ts2742 we need to re-export the types from csstype...\nexport type * from 'csstype';\nexport { useGetLayoutMode } from './useGetLayoutMode.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,UAAU,kBAAkB;AACrC,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB,sBAAsB;AACnD;AAAA,EACE;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;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;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,OACK;AACP,cAAc;AAId,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/themeProviderHOC.js

@@ -3,7 +3,16 @@ import { jsx } from "react/jsx-runtime";
 import { ThemeProvider } from "@xstyled/styled-components";
 import { theme } from "./theme.js";
 const themeProviderHOC = (Component) => {
-  const WrappedComponent = (props) => /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+  const WrappedComponent = (props) => /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      theme: {
+        ...theme,
+        layoutMode: "l"
+      },
+      children: /* @__PURE__ */ jsx(Component, { ...props })
+    }
+  );
   return WrappedComponent;
 };
 export {

package/dist/esm/themeProviderHOC.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/themeProviderHOC.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from '@xstyled/styled-components';\nimport { theme } from './theme.js';\n\nexport const themeProviderHOC = <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => {\n  const WrappedComponent: React.ComponentType<T> = (props) => (\n    <ThemeProvider theme={theme}>\n      <Component {...props} />\n    </ThemeProvider>\n  );\n  return WrappedComponent;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACOjB;AANN,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEf,MAAM,mBAAmB,CAAoC,cAAsC;AACxG,QAAM,mBAA2C,CAAC,UAChD,oBAAC,iBAAc,OACb,8BAAC,aAAW,GAAG,OAAO,GACxB;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ThemeProvider } from '@xstyled/styled-components';\nimport { theme } from './theme.js';\n\nexport const themeProviderHOC = <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => {\n  const WrappedComponent: React.ComponentType<T> = (props) => (\n    <ThemeProvider\n      theme={{\n        ...theme,\n        layoutMode: 'l',\n      }}\n    >\n      <Component {...props} />\n    </ThemeProvider>\n  );\n  return WrappedComponent;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACYjB;AAXN,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AAEf,MAAM,mBAAmB,CAAoC,cAAsC;AACxG,QAAM,mBAA2C,CAAC,UAChD;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,MACd;AAAA,MAEA,8BAAC,aAAW,GAAG,OAAO;AAAA;AAAA,EACxB;AAEF,SAAO;AACT;",
   "names": []
 }

package/dist/esm/useGetLayoutMode.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useTheme } from "@xstyled/styled-components";
+const useGetLayoutMode = () => {
+  const { layoutMode } = useTheme();
+  return layoutMode;
+};
+export {
+  useGetLayoutMode
+};
+//# sourceMappingURL=useGetLayoutMode.js.map

package/dist/esm/useGetLayoutMode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/useGetLayoutMode.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useTheme } from '@xstyled/styled-components';\n\nexport const useGetLayoutMode = () => {\n  const { layoutMode } = useTheme();\n  return layoutMode;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AAElB,MAAM,mBAAmB,MAAM;AACpC,QAAM,EAAE,WAAW,IAAI,SAAS;AAChC,SAAO;AACT;",
+  "names": []
+}

package/dist/types/index.d.ts

@@ -13,3 +13,4 @@ export { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper.js';
 export { Address, Article, Aside, Footer, Header, H1, H2, H3, H4, H5, H6, Hgroup, Main, Nav, Section, Search, Blockquote, Dd, Div, Dl, Dt, Figcaption, Figure, Hr, Li, Menu, Ol, P, Pre, Ul, A, Abbr, B, Bdi, Bdo, Br, Cite, Code, Data, Dfn, Em, I, Kbd, Mark, Q, Rp, Rt, Ruby, S, Samp, Small, Span, Strong, Sub, Sup, Time, U, Wbr, } from './HtmlComponents.js';
 export * from './mergeRefs.js';
 export type * from 'csstype';
+export { useGetLayoutMode } from './useGetLayoutMode.js';

package/dist/types/styled/styledObject.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { styledFunction } from './styledFunction.js';
 export type StyledObject = {
     [TTag in keyof JSX.IntrinsicElements]: ReturnType<typeof styledFunction<TTag>>;

package/dist/types/styled/types.d.ts

@@ -7,6 +7,7 @@ export interface Options {
     slot: string | null;
 }
 export interface Theme extends PuiTheme {
+    layoutMode?: 'l' | 'm' | 's' | 'xs';
     components?: {
         [componentName: string]: {
             styleOverrides?: CSSObject;

package/dist/types/useGetLayoutMode.d.ts

@@ -0,0 +1 @@
+export declare const useGetLayoutMode: () => "xs" | "s" | "m" | "l" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "3.46.0-rc.5",
+  "version": "3.46.0-rc.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [
@@ -101,7 +101,7 @@
     "@elliemae/pui-cli": "9.0.0-next.50",
     "@elliemae/pui-theme": "~2.10.0",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.46.0-rc.5"
+    "@elliemae/ds-monorepo-devops": "3.46.0-rc.7"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.10.0",