@elliemae/ds-mobile 3.4.2 → 3.4.3

package/dist/cjs/MobileFooter/Footer.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 Footer_exports = {};
 __export(Footer_exports, {
@@ -26,6 +29,7 @@ __export(Footer_exports, {
 });
 module.exports = __toCommonJS(Footer_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
@@ -47,17 +51,22 @@ const MobileFooter = ({ children }) => {
     }
     return childArr.map(() => `${100 / childArr.length}%`);
   };
-  return /* @__PURE__ */ import_react.default.createElement(FooterWrap, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: setCols(),
-    gutter: isButtonType ? "xs" : void 0,
-    justifyContent: "center",
-    alignItems: isButtonType ? "center" : void 0
-  }, childArr.map((c, i) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    key: i
-  }, c))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterWrap, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      cols: setCols(),
+      gutter: isButtonType ? "xs" : void 0,
+      justifyContent: "center",
+      alignItems: isButtonType ? "center" : void 0,
+      children: childArr.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        children: c
+      }, i))
+    })
+  });
 };
 const footerProps = {
-  children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)]).isRequired.description("Instance of DSButton, DSMobileFooterText or DSMobileFooterAction")
+  children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.element, import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)]).isRequired.description(
+    "Instance of DSButton, DSMobileFooterText or DSMobileFooterAction"
+  )
 };
 MobileFooter.propTypes = footerProps;
 MobileFooter.displayName = "MobileFooter";

package/dist/cjs/MobileFooter/Footer.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport DSButton from '@elliemae/ds-button';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { DSMobileFooterText } from './Text';\n\nconst FooterWrap = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  border-top: ${(props) => border(props.theme.colors.neutral[100])};\n  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};\n`;\n\nconst MobileFooter = ({ children }) => {\n  const childArr = React.Children.toArray(children);\n  const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;\n  const setCols = () => {\n    if (isButtonType) {\n      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];\n    }\n    return childArr.map(() => `${100 / childArr.length}%`);\n  };\n  return (\n    <FooterWrap>\n      <Grid\n        cols={setCols()}\n        gutter={isButtonType ? 'xs' : undefined}\n        justifyContent=\"center\"\n        alignItems={isButtonType ? 'center' : undefined}\n      >\n        {childArr.map((c, i) => (\n          // eslint-disable-next-line react/no-array-index-key\n          <Grid key={i}>{c}</Grid>\n        ))}\n      </Grid>\n    </FooterWrap>\n  );\n};\n\nconst footerProps = {\n  /**\n   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Instance of DSButton, DSMobileFooterText or DSMobileFooterAction',\n  ),\n};\n\nMobileFooter.propTypes = footerProps;\nMobileFooter.displayName = 'MobileFooter';\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,aAAa,6BAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,QAAQ,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,eAAe;AACrC,QAAM,WAAW,qBAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,mDAAC,kBACC,mDAAC;AAAA,IACC,MAAM,QAAQ;AAAA,IACd,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,mDAAC;AAAA,IAAK,KAAK;AAAA,KAAI,CAAE,CAClB,CACH,CACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAClG,kEACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,mBAAkB;AAClB,uBAAuB;AACvB,IAAAA,oBAAiD;AACjD,qBAAqB;AACrB,uBAAqB;AACrB,0BAAoC;AACpC,kBAAmC;AAEnC,MAAM,iBAAa,yBAAO,mBAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,YAAQ,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM;AACrC,QAAM,WAAW,aAAAC,QAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,kCAAsB,SAAS,GAAG,SAAS,iBAAAC;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,KAAK;AAAA,IACxD;AACA,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS,SAAS;AAAA,EACvD;AACA,SACE,4CAAC;AAAA,IACC,sDAAC;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe,OAAO;AAAA,MAC9B,gBAAe;AAAA,MACf,YAAY,eAAe,WAAW;AAAA,MAErC,mBAAS,IAAI,CAAC,GAAG,MAEhB,4CAAC;AAAA,QAAc;AAAA,SAAJ,CAAM,CAClB;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "names": ["import_ds_system", "React", "DSButton"]
 }

package/dist/cjs/MobileFooter/Text.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 Text_exports = {};
 __export(Text_exports, {
@@ -26,7 +29,7 @@ __export(Text_exports, {
 });
 module.exports = __toCommonJS(Text_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -36,7 +39,9 @@ const Text = import_ds_system.styled.p`
   ${(0, import_ds_system2.textStyle)("body")}
   ${(0, import_ds_system2.color)("neutral", "800")}
 `;
-const DSMobileFooterText = ({ children }) => /* @__PURE__ */ import_react.default.createElement(Text, null, children);
+const DSMobileFooterText = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
+  children
+});
 const props = {
   children: import_ds_utilities.PropTypes.string.isRequired.description("Children")
 };

package/dist/cjs/MobileFooter/Text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/Text.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Text = styled.p`\n  margin: auto 0;\n  ${truncate()}\n  ${textStyle('body')}\n  ${color('neutral', '800')}\n`;\n\nconst DSMobileFooterText = ({ children }) => <Text>{children}</Text>;\n\nconst props = {\n  children: PropTypes.string.isRequired.description('Children'),\n};\n\nDSMobileFooterText.propTypes = props;\nDSMobileFooterText.displayName = 'DSMobileFooterText';\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,IAEhB,gCAAS;AAAA,IACT,iCAAU,MAAM;AAAA,IAChB,6BAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,eAAe,mDAAC,YAAM,QAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,kCAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,uBAAuB;AACvB,IAAAA,oBAA2C;AAC3C,0BAAoC;AAEpC,MAAM,OAAO,wBAAO;AAAA;AAAA,QAEhB,4BAAS;AAAA,QACT,6BAAU,MAAM;AAAA,QAChB,yBAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAM;AAAA,CAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,8BAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "names": ["import_ds_system"]
 }

package/dist/cjs/MobileFooter/index.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 MobileFooter_exports = {};
 __export(MobileFooter_exports, {

package/dist/cjs/MobileFooter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileFooter/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import DSMobileFooter, { MobileFooterWithSchema } from './Footer';\nimport { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text';\nimport { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action';\n\nexport {\n  DSMobileFooterText,\n  DSMobileFooterAction,\n  DSMobileFooter,\n  DSMobileFooterActionWithSchema,\n  DSMobileFooterTextWithSchema,\n  MobileFooterWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAuD;AACvD,kBAAiE;AACjE,oBAAqE;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,sCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAuD;AACvD,kBAAiE;AACjE,oBAAqE;",
+  "names": ["DSMobileFooter"]
 }

package/dist/cjs/MobileListItem/MobileListItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 MobileListItem_exports = {};
 __export(MobileListItem_exports, {
@@ -26,7 +29,7 @@ __export(MobileListItem_exports, {
 });
 module.exports = __toCommonJS(MobileListItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -54,29 +57,41 @@ const MobileListItem = ({
     cols.unshift((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
   if (rightAddon)
     cols.push((0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m));
-  return /* @__PURE__ */ import_react.default.createElement(StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledContainer, {
     cols,
     height: "40px",
     width: "100%",
     pl: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
     pr: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
     gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`
-  }, leftAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, leftAddon), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledTitle, null, title)), rightAddon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, rightAddon));
+    "data-testid": `${dataTestid}--${value}`,
+    children: [
+      leftAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: leftAddon
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+          children: title
+        })
+      }),
+      rightAddon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        justifyContent: "center",
+        children: rightAddon
+      })
+    ]
+  });
 };
 const DSMobileListItem = (0, import_ds_system2.withTheme)(MobileListItem);
 const listItemProps = {
   leftAddon: import_ds_utilities.PropTypes.element.description("Element placed at the left"),
   rightAddon: import_ds_utilities.PropTypes.element.description("Element placed at the right"),
   title: import_ds_utilities.PropTypes.string.description("Item s title").isRequired,
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Item s value, used for data-testid attr"),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+    "Item s value, used for data-testid attr"
+  ),
   dataTestid: import_ds_utilities.PropTypes.string.description("ID used for testing").defaultValue("mobile-list-item"),
   theme: import_ds_utilities.PropTypes.object.description("")
 };

package/dist/cjs/MobileListItem/MobileListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\nconst StyledTitle = styled.div`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['800']};\n  ${truncate()}\n`;\n\nconst MobileListItem = ({\n  leftAddon = null,\n  rightAddon = null,\n  title = '',\n  value = '',\n  dataTestid = 'mobile-list-item',\n  theme,\n}) => {\n  const cols = [1];\n  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));\n  return (\n    <StyledContainer\n      cols={cols}\n      height=\"40px\"\n      width=\"100%\"\n      pl={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n      gutter=\"xs\"\n      data-testid={`${dataTestid}--${value}`}\n    >\n      {leftAddon && <Grid alignItems=\"center\">{leftAddon}</Grid>}\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n      {rightAddon && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {rightAddon}\n        </Grid>\n      )}\n    </StyledContainer>\n  );\n};\n\nconst DSMobileListItem = withTheme(MobileListItem);\n\nconst listItemProps = {\n  leftAddon: PropTypes.element.description('Element placed at the left'),\n  rightAddon: PropTypes.element.description('Element placed at the right'),\n  title: PropTypes.string.description('Item s title').isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Item s value, used for data-testid attr',\n  ),\n  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),\n  theme: PropTypes.object.description(''),\n};\n\nMobileListItem.propTypes = listItemProps;\nMobileListItem.displayName = 'MobileListItem';\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,wBAAsE;AAEtE,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,gCAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,QAAQ,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,KAAK,gDAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,mDAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,IAAI,gDAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aAAa,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,SAAU,GACnD,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,mBAAa,KAAM,CACtB,GACC,cACC,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UACH,CAEJ;AAEJ;AAEA,MAAM,mBAAmB,iCAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,yCACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,qBAAqB,kCAAS,cAAc;AAClD,mBAAmB,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAAsE;AAEtE,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,wBAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AACF,MAAM;AACJ,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAW,SAAK,YAAQ,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,SAAK,4CAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,6CAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAI,4CAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,IAE9B;AAAA,mBAAa,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAU;AAAA,OAAU;AAAA,MACnD,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA,MACC,cACC,4CAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QACtC;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,uBAAmB,6BAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,8BAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,8BAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,8BAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,yBAAqB,8BAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "names": ["import_ds_system"]
 }

package/dist/cjs/MobileListItem/MobileListMultipleItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 MobileListMultipleItem_exports = {};
 __export(MobileListMultipleItem_exports, {
@@ -25,14 +28,14 @@ __export(MobileListMultipleItem_exports, {
 });
 module.exports = __toCommonJS(MobileListMultipleItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_style = require("./style");
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledContainer, {
     cols: ["auto"],
     minHeight: "40px",
     width: "100%",
@@ -40,13 +43,14 @@ const MobileListMultipleItem = (props) => {
     pr: "16px",
     gutter: "xs",
     alignItems: "center",
-    ...rest
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_form_checkbox.DSControlledCheckbox, {
-    onChange: onClick,
-    device: "mobile",
-    checked: isSelected,
-    label: title,
-    wrapLabel: true
-  }));
+    ...rest,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_checkbox.DSControlledCheckbox, {
+      onChange: onClick,
+      device: "mobile",
+      checked: isSelected,
+      label: title,
+      wrapLabel: true
+    })
+  });
 };
 //# sourceMappingURL=MobileListMultipleItem.js.map

package/dist/cjs/MobileListItem/MobileListMultipleItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListMultipleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer } from './style';\ninterface MobileListMultipleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListMultipleItem: React.ComponentType<MobileListMultipleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const { onClick, ...rest } = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['auto']}\n      minHeight=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      alignItems=\"center\"\n      {...rest}\n    >\n      <DSControlledCheckbox onChange={onClick} device=\"mobile\" checked={isSelected} label={title} wrapLabel />\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,eAAe;AAC9B,QAAM,EAAE,YAAY,SAAS,gDAAuB,KAAK;AACzD,SACE,mDAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,IACV,GAAG;AAAA,KAEJ,mDAAC;AAAA,IAAqB,UAAU;AAAA,IAAS,QAAO;AAAA,IAAS,SAAS;AAAA,IAAY,OAAO;AAAA,IAAO,WAAS;AAAA,GAAC,CACxG;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,8BAAqC;AACrC,0BAAuC;AAEvC,mBAAgC;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,QAAI,4CAAuB,KAAK;AACzD,SACE,4CAAC;AAAA,IACC,MAAM,CAAC,MAAM;AAAA,IACb,WAAU;AAAA,IACV,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,YAAW;AAAA,IACV,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAqB,UAAU;AAAA,MAAS,QAAO;AAAA,MAAS,SAAS;AAAA,MAAY,OAAO;AAAA,MAAO,WAAS;AAAA,KAAC;AAAA,GACxG;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSeparator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 MobileListSeparator_exports = {};
 __export(MobileListSeparator_exports, {
@@ -25,27 +28,35 @@ __export(MobileListSeparator_exports, {
 });
 module.exports = __toCommonJS(MobileListSeparator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
     cols: ["auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ import_react.default.createElement(Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+    ...globalsAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkmark, {
+          color: ["brand-primary", "600"]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
+          children: title
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=MobileListSeparator.js.map

package/dist/cjs/MobileListItem/MobileListSeparator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSeparator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\n\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer cols={['auto']} height=\"40px\" width=\"100%\" pl=\"16px\" pr=\"16px\" gutter=\"xs\" {...globalsAttrs}>\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,eAAe;AAC9B,QAAM,eAAe,gDAAuB,KAAK;AACjD,SACE,mDAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,IAAM,GAAG;AAAA,KAC9F,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,mDAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,qBAAqB;AACrB,0BAAuC;AAEvC,mBAA6C;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IAAgB,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAO,OAAM;AAAA,IAAO,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,QAAO;AAAA,IAAM,GAAG;AAAA,IAC9F;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/MobileListSingleItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 MobileListSingleItem_exports = {};
 __export(MobileListSingleItem_exports, {
@@ -25,7 +28,7 @@ __export(MobileListSingleItem_exports, {
 });
 module.exports = __toCommonJS(MobileListSingleItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -33,20 +36,28 @@ var import_style = require("./style");
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ import_react.default.createElement(import_style.StyledContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_style.StyledContainer, {
     cols: ["16px", "auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_style.StyledTitle, null, title)));
+    ...globalsAttrs,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, {
+          color: ["brand-primary", "600"]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style.StyledTitle, {
+          children: title
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=MobileListSingleItem.js.map

package/dist/cjs/MobileListItem/MobileListSingleItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/MobileListSingleItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalAttributes } from '@elliemae/ds-utilities';\n\nimport { StyledContainer, StyledTitle } from './style';\ninterface MobileListSingleItemT {\n  title: string;\n  value: string;\n  isSelected: boolean;\n}\nexport const MobileListSingleItem: React.ComponentType<MobileListSingleItemT> = (props) => {\n  const { title, isSelected } = props;\n  const globalsAttrs = useGetGlobalAttributes(props);\n  return (\n    <StyledContainer\n      cols={['16px', 'auto']}\n      height=\"40px\"\n      width=\"100%\"\n      pl=\"16px\"\n      pr=\"16px\"\n      gutter=\"xs\"\n      {...globalsAttrs}\n    >\n      <Grid alignItems=\"center\">{isSelected && <Checkmark color={['brand-primary', '600']} />}</Grid>\n      <Grid alignItems=\"center\">\n        <StyledTitle>{title}</StyledTitle>\n      </Grid>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,eAAe;AAC9B,QAAM,eAAe,gDAAuB,KAAK;AACjD,SACE,mDAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACN,GAAG;AAAA,KAEJ,mDAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,mDAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,mDAAC;AAAA,IAAK,YAAW;AAAA,KACf,mDAAC,gCAAa,KAAM,CACtB,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,qBAAqB;AACrB,sBAA0B;AAC1B,0BAAuC;AAEvC,mBAA6C;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,mBAAe,4CAAuB,KAAK;AACjD,SACE,6CAAC;AAAA,IACC,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACN,GAAG;AAAA,IAEJ;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,4CAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,4CAAC;AAAA,QAAK,YAAW;AAAA,QACf,sDAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/MobileListItem/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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 __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 MobileListItem_exports = {};
 module.exports = __toCommonJS(MobileListItem_exports);

package/dist/cjs/MobileListItem/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './MobileListItem';\nexport * from './MobileListSingleItem';\nexport * from './MobileListMultipleItem';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAc,6BAAd;AACA,mCAAc,mCADd;AAEA,mCAAc,qCAFd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAc,6BAAd;AACA,mCAAc,mCADd;AAEA,mCAAc,qCAFd;",
   "names": []
 }

package/dist/cjs/MobileListItem/style.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 style_exports = {};
 __export(style_exports, {

package/dist/cjs/MobileListItem/style.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileListItem/style.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nexport const StyledTitle = styled.div`\n  font-size: 16px;\n  overflow-wrap: break-word;\n  white-space: pre-wrap;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,kBAAkB,6BAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAEd,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG/C,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }