@elliemae/ds-mobile 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/esm/MobileFilterbar/FilterbarItem.js

@@ -2,15 +2,7 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { Grid } from "@elliemae/ds-grid";
-const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ jsx(Grid, {
-  "data-testid": "filter-bar-item-wrapper",
-  cols: ["min-content"],
-  pr: "xxs",
-  pt: "xxs",
-  role: "button",
-  onClick,
-  children
-});
+const DSMobileFilterbarItem = ({ children, onClick }) => /* @__PURE__ */ jsx(Grid, { "data-testid": "filter-bar-item-wrapper", cols: ["min-content"], pr: "xxs", pt: "xxs", role: "button", onClick, children });
 const filterbarItemProps = {
   children: PropTypes.element.description("FilterBar Items").isRequired,
   onClick: PropTypes.func.description("Function executed when clicking filterbar item")

package/dist/esm/MobileFilterbar/FilterbarItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/FilterbarItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSMobileFilterbarItem = ({ children, onClick }) => (\n  <Grid data-testid=\"filter-bar-item-wrapper\" cols={['min-content']} pr=\"xxs\" pt=\"xxs\" role=\"button\" onClick={onClick}>\n    {children}\n  </Grid>\n);\nconst filterbarItemProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n  onClick: PropTypes.func.description('Function executed when clicking filterbar item'),\n};\n\nDSMobileFilterbarItem.propTypes = filterbarItemProps;\nDSMobileFilterbarItem.displayName = 'DSMobileFilterbarItem';\nconst FilterbarItemWithSchema = describe(DSMobileFilterbarItem);\nFilterbarItemWithSchema.propTypes = filterbarItemProps;\n\nexport { DSMobileFilterbarItem, FilterbarItemWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKrB;AAJF,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,QAAQ,MACjD,oBAAC;AAAA,EAAK,eAAY;AAAA,EAA0B,MAAM,CAAC,aAAa;AAAA,EAAG,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,EAChG;AAAA,CACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACKrB;AAJF,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,QAAQ,MACjD,oBAAC,QAAK,eAAY,2BAA0B,MAAM,CAAC,aAAa,GAAG,IAAG,OAAM,IAAG,OAAM,MAAK,UAAS,SAChG,UACH;AAEF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,gDAAgD;AACtF;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/MobileFilterbar/FilterbarSort.js

@@ -9,23 +9,10 @@ const Separator = styled.div`
     margin-left: 0;
   }
 `;
-const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ jsxs(Fragment, {
-  children: [
-    children,
-    /* @__PURE__ */ jsx(Grid, {
-      pb: "xxs",
-      pt: "xxs",
-      cols: ["min-content"],
-      children: /* @__PURE__ */ jsx(Separator, {
-        children: /* @__PURE__ */ jsx(MobileSeparator, {
-          margin: "xxs",
-          direction: "vertical",
-          color: ["neutral", "300"]
-        })
-      })
-    })
-  ]
-});
+const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  children,
+  /* @__PURE__ */ jsx(Grid, { pb: "xxs", pt: "xxs", cols: ["min-content"], children: /* @__PURE__ */ jsx(Separator, { children: /* @__PURE__ */ jsx(MobileSeparator, { margin: "xxs", direction: "vertical", color: ["neutral", "300"] }) }) })
+] });
 const filterbarSortProps = {
   children: PropTypes.element.description("FilterBar Sort Item").isRequired
 };

package/dist/esm/MobileFilterbar/FilterbarSort.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/FilterbarSort.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Separator = styled.div`\n  & > * {\n    margin-left: 0;\n  }\n`;\n\nconst DSMobileFilterbarSort = ({ children }) => (\n  <>\n    {children}\n    <Grid pb=\"xxs\" pt=\"xxs\" cols={['min-content']}>\n      <Separator>\n        <MobileSeparator margin=\"xxs\" direction=\"vertical\" color={['neutral', '300']} />\n      </Separator>\n    </Grid>\n  </>\n);\n\nconst filterbarSortProps = {\n  children: PropTypes.element.description('FilterBar Sort Item').isRequired,\n};\n\nDSMobileFilterbarSort.propTypes = filterbarSortProps;\nDSMobileFilterbarSort.displayName = 'DSMobileFilterbarSort';\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACarB,mBAIM,KAJN;AAZF,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,OAAO,qBAAqB;AAE5B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,SAAS,MACxC;AAAA,EACG;AAAA;AAAA,IACD,oBAAC;AAAA,MAAK,IAAG;AAAA,MAAM,IAAG;AAAA,MAAM,MAAM,CAAC,aAAa;AAAA,MAC1C,8BAAC;AAAA,QACC,8BAAC;AAAA,UAAgB,QAAO;AAAA,UAAM,WAAU;AAAA,UAAW,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,OAChF;AAAA,KACF;AAAA;AAAA,CACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACarB,mBAIM,KAJN;AAZF,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,OAAO,qBAAqB;AAE5B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,SAAS,MACxC,iCACG;AAAA;AAAA,EACD,oBAAC,QAAK,IAAG,OAAM,IAAG,OAAM,MAAM,CAAC,aAAa,GAC1C,8BAAC,aACC,8BAAC,mBAAgB,QAAO,OAAM,WAAU,YAAW,OAAO,CAAC,WAAW,KAAK,GAAG,GAChF,GACF;AAAA,GACF;AAGF,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,qBAAqB,EAAE;AACjE;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,0BAA0B,SAAS,qBAAqB;AAC9D,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/MobileFooter/Action.js

@@ -10,30 +10,23 @@ const Label = styled.span`
   padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
   padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);
 `;
-const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ jsxs(Grid, {
-  "data-testid": "ds-mobile-footer-action",
-  rows: ["auto"].concat(label ? "min-content" : "none"),
-  justifyContent: "center",
-  role: "button",
-  onClick,
-  children: [
-    /* @__PURE__ */ jsx(Grid, {
-      justifyContent: "center",
-      alignItems: "center",
-      children: React2.cloneElement(icon, {
+const DSMobileFooterAction = ({ label, icon, onClick }) => /* @__PURE__ */ jsxs(
+  Grid,
+  {
+    "data-testid": "ds-mobile-footer-action",
+    rows: ["auto"].concat(label ? "min-content" : "none"),
+    justifyContent: "center",
+    role: "button",
+    onClick,
+    children: [
+      /* @__PURE__ */ jsx(Grid, { justifyContent: "center", alignItems: "center", children: React2.cloneElement(icon, {
         "data-testid": "ds-mobile-footer-action-icon",
         size: !label ? "l" : "m"
-      })
-    }),
-    label && /* @__PURE__ */ jsx(Grid, {
-      justifyContent: "center",
-      children: /* @__PURE__ */ jsx(Label, {
-        fontSize: "11px",
-        children: label
-      })
-    })
-  ]
-});
+      }) }),
+      label && /* @__PURE__ */ jsx(Grid, { justifyContent: "center", children: /* @__PURE__ */ jsx(Label, { fontSize: "11px", children: label }) })
+    ]
+  }
+);
 const actionProps = {
   label: PropTypes.string.description("Action label"),
   icon: PropTypes.element.description("Action icon"),

package/dist/esm/MobileFooter/Action.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/Action.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jest/valid-describe */\n/* eslint-disable jest/valid-title */\nimport React from 'react';\nimport { styled, typography, color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\n\nconst Label = styled.span`\n  ${typography}\n  ${color('neutral', '800')}\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  padding-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} / 2);\n`;\n\nconst DSMobileFooterAction = ({ label, icon, onClick }) => (\n  <Grid\n    data-testid=\"ds-mobile-footer-action\"\n    rows={['auto'].concat(label ? 'min-content' : 'none')}\n    justifyContent=\"center\"\n    role=\"button\"\n    onClick={onClick}\n  >\n    <Grid justifyContent=\"center\" alignItems=\"center\">\n      {React.cloneElement(icon, {\n        'data-testid': 'ds-mobile-footer-action-icon',\n        size: !label ? 'l' : 'm',\n      })}\n    </Grid>\n\n    {label && (\n      <Grid justifyContent=\"center\">\n        <Label fontSize=\"11px\">{label}</Label>\n      </Grid>\n    )}\n  </Grid>\n);\n\nconst actionProps = {\n  /** Action label */\n  label: PropTypes.string.description('Action label'),\n  /** Action icon */\n  icon: PropTypes.element.description('Action icon'),\n  /** onClick callback */\n  onClick: PropTypes.func.description('onClick callback'),\n};\n\nDSMobileFooterAction.propTypes = actionProps;\nDSMobileFooterAction.displayName = 'DSMobileFooterAction';\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACerB,SAOE,KAPF;AAbF,OAAOA,YAAW;AAClB,SAAS,QAAQ,YAAY,OAAO,gCAAgC;AACpE,SAAS,YAAY;AACrB,SAAS,UAAU,iBAAiB;AAEpC,MAAM,QAAQ,OAAO;AAAA,IACjB;AAAA,IACA,MAAM,WAAW,KAAK;AAAA,oBACN,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,QAAQ,MACnD,qBAAC;AAAA,EACC,eAAY;AAAA,EACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,EACpD,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,EAEA;AAAA,wBAAC;AAAA,MAAK,gBAAe;AAAA,MAAS,YAAW;AAAA,MACtC,UAAAA,OAAM,aAAa,MAAM;AAAA,QACxB,eAAe;AAAA,QACf,MAAM,CAAC,QAAQ,MAAM;AAAA,MACvB,CAAC;AAAA,KACH;AAAA,IAEC,SACC,oBAAC;AAAA,MAAK,gBAAe;AAAA,MACnB,8BAAC;AAAA,QAAM,UAAS;AAAA,QAAQ;AAAA,OAAM;AAAA,KAChC;AAAA;AAAA,CAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,UAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,UAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACerB,SAOE,KAPF;AAbF,OAAOA,YAAW;AAClB,SAAS,QAAQ,YAAY,OAAO,gCAAgC;AACpE,SAAS,YAAY;AACrB,SAAS,UAAU,iBAAiB;AAEpC,MAAM,QAAQ,OAAO;AAAA,IACjB;AAAA,IACA,MAAM,WAAW,KAAK;AAAA,oBACN,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA,sBACvD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAG/E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,QAAQ,MACnD;AAAA,EAAC;AAAA;AAAA,IACC,eAAY;AAAA,IACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,IACpD,gBAAe;AAAA,IACf,MAAK;AAAA,IACL;AAAA,IAEA;AAAA,0BAAC,QAAK,gBAAe,UAAS,YAAW,UACtC,UAAAA,OAAM,aAAa,MAAM;AAAA,QACxB,eAAe;AAAA,QACf,MAAM,CAAC,QAAQ,MAAM;AAAA,MACvB,CAAC,GACH;AAAA,MAEC,SACC,oBAAC,QAAK,gBAAe,UACnB,8BAAC,SAAM,UAAS,QAAQ,iBAAM,GAChC;AAAA;AAAA;AAEJ;AAGF,MAAM,cAAc;AAAA,EAElB,OAAO,UAAU,OAAO,YAAY,cAAc;AAAA,EAElD,MAAM,UAAU,QAAQ,YAAY,aAAa;AAAA,EAEjD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AACxD;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB,EAAE,YAAY,sBAAsB;AACxG,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/esm/MobileFooter/Footer.js

@@ -21,17 +21,16 @@ const MobileFooter = ({ children }) => {
     }
     return childArr.map(() => `${100 / childArr.length}%`);
   };
-  return /* @__PURE__ */ jsx(FooterWrap, {
-    children: /* @__PURE__ */ jsx(Grid, {
+  return /* @__PURE__ */ jsx(FooterWrap, { children: /* @__PURE__ */ jsx(
+    Grid,
+    {
       cols: setCols(),
       gutter: isButtonType ? "xs" : void 0,
       justifyContent: "center",
       alignItems: isButtonType ? "center" : void 0,
-      children: childArr.map((c, i) => /* @__PURE__ */ jsx(Grid, {
-        children: c
-      }, i))
-    })
-  });
+      children: childArr.map((c, i) => /* @__PURE__ */ jsx(Grid, { children: c }, i))
+    }
+  ) });
 };
 const footerProps = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/Footer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACmCb;AAjCV,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,QAAQ,gCAAgC;AACjD,SAAS,YAAY;AACrB,OAAO,cAAc;AACrB,SAAS,UAAU,iBAAiB;AACpC,SAAS,0BAA0B;AAEnC,MAAM,aAAa,OAAO,IAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,QAAQ,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM;AACrC,QAAM,WAAWA,OAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,sBAAsB,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,oBAAC;AAAA,IACC,8BAAC;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe,OAAO;AAAA,MAC9B,gBAAe;AAAA,MACf,YAAY,eAAe,WAAW;AAAA,MAErC,mBAAS,IAAI,CAAC,GAAG,MAEhB,oBAAC;AAAA,QAAc;AAAA,SAAJ,CAAM,CAClB;AAAA,KACH;AAAA,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACmCb;AAjCV,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,QAAQ,gCAAgC;AACjD,SAAS,YAAY;AACrB,OAAO,cAAc;AACrB,SAAS,UAAU,iBAAiB;AACpC,SAAS,0BAA0B;AAEnC,MAAM,aAAa,OAAO,IAAI;AAAA,sBACR,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,IAAI;AAAA,YACrD,CAAC,UAAU,QAAQ,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAG5E,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM;AACrC,QAAM,WAAWA,OAAM,SAAS,QAAQ,QAAQ;AAChD,QAAM,eAAe,SAAS,GAAG,SAAS,sBAAsB,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,oBAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ;AAAA,MACd,QAAQ,eAAe,OAAO;AAAA,MAC9B,gBAAe;AAAA,MACf,YAAY,eAAe,WAAW;AAAA,MAErC,mBAAS,IAAI,CAAC,GAAG,MAEhB,oBAAC,QAAc,eAAJ,CAAM,CAClB;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AACF;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AACpD,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
   "names": ["React"]
 }

package/dist/esm/MobileFooter/Text.js

@@ -9,9 +9,7 @@ const Text = styled.p`
   ${textStyle("body")}
   ${color("neutral", "800")}
 `;
-const DSMobileFooterText = ({ children }) => /* @__PURE__ */ jsx(Text, {
-  children
-});
+const DSMobileFooterText = ({ children }) => /* @__PURE__ */ jsx(Text, { children });
 const props = {
   children: PropTypes.string.isRequired.description("Children")
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/Text.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;ACcsB;AAX7C,SAAS,cAAc;AACvB,SAAS,WAAW,UAAU,aAAa;AAC3C,SAAS,UAAU,iBAAiB;AAEpC,MAAM,OAAO,OAAO;AAAA;AAAA,IAEhB,SAAS;AAAA,IACT,UAAU,MAAM;AAAA,IAChB,MAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAM;AAAA,CAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,UAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACcsB;AAX7C,SAAS,cAAc;AACvB,SAAS,WAAW,UAAU,aAAa;AAC3C,SAAS,UAAU,iBAAiB;AAEpC,MAAM,OAAO,OAAO;AAAA;AAAA,IAEhB,SAAS;AAAA,IACT,UAAU,MAAM;AAAA,IAChB,MAAM,WAAW,KAAK;AAAA;AAG1B,MAAM,qBAAqB,CAAC,EAAE,SAAS,MAAM,oBAAC,QAAM,UAAS;AAE7D,MAAM,QAAQ;AAAA,EACZ,UAAU,UAAU,OAAO,WAAW,YAAY,UAAU;AAC9D;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/MobileListItem/MobileListItem.js

@@ -27,32 +27,23 @@ const MobileListItem = ({
     cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon)
     cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /* @__PURE__ */ jsxs(StyledContainer, {
-    cols,
-    height: "40px",
-    width: "100%",
-    pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-    gutter: "xs",
-    "data-testid": `${dataTestid}--${value}`,
-    children: [
-      leftAddon && /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: leftAddon
-      }),
-      /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ jsx(StyledTitle, {
-          children: title
-        })
-      }),
-      rightAddon && /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        justifyContent: "center",
-        children: rightAddon
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    StyledContainer,
+    {
+      cols,
+      height: "40px",
+      width: "100%",
+      pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      gutter: "xs",
+      "data-testid": `${dataTestid}--${value}`,
+      children: [
+        leftAddon && /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: leftAddon }),
+        /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: /* @__PURE__ */ jsx(StyledTitle, { children: title }) }),
+        rightAddon && /* @__PURE__ */ jsx(Grid, { alignItems: "center", justifyContent: "center", children: rightAddon })
+      ]
+    }
+  );
 };
 const DSMobileListItem = withTheme(MobileListItem);
 const listItemProps = {

package/dist/esm/MobileListItem/MobileListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/MobileListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;AC6BnB,SASgB,KAThB;AA5BJ,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,QAAQ,UAAU,WAAW,gCAAgC;AAEtE,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,OAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,SAAS;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,QAAQ,yBAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,KAAK,yBAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE,qBAAC;AAAA,IACC;AAAA,IACA,QAAO;AAAA,IACP,OAAM;AAAA,IACN,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,IAC1C,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,IAE9B;AAAA,mBAAa,oBAAC;AAAA,QAAK,YAAW;AAAA,QAAU;AAAA,OAAU;AAAA,MACnD,oBAAC;AAAA,QAAK,YAAW;AAAA,QACf,8BAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA,MACC,cACC,oBAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QACtC;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,MAAM,mBAAmB,UAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,UAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,UAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,qBAAqB,SAAS,cAAc;AAClD,mBAAmB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;AC6BnB,SASgB,KAThB;AA5BJ,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,QAAQ,UAAU,WAAW,gCAAgC;AAEtE,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBACnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAEtE,MAAM,cAAc,OAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,SAAS;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,QAAQ,yBAAyB,MAAM,MAAM,CAAC,CAAC;AACnE,MAAI;AAAY,SAAK,KAAK,yBAAyB,MAAM,MAAM,CAAC,CAAC;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAO;AAAA,MACP,OAAM;AAAA,MACN,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,MAC1C,QAAO;AAAA,MACP,eAAa,GAAG,eAAe;AAAA,MAE9B;AAAA,qBAAa,oBAAC,QAAK,YAAW,UAAU,qBAAU;AAAA,QACnD,oBAAC,QAAK,YAAW,UACf,8BAAC,eAAa,iBAAM,GACtB;AAAA,QACC,cACC,oBAAC,QAAK,YAAW,UAAS,gBAAe,UACtC,sBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,mBAAmB,UAAU,cAAc;AAEjD,MAAM,gBAAgB;AAAA,EACpB,WAAW,UAAU,QAAQ,YAAY,4BAA4B;AAAA,EACrE,YAAY,UAAU,QAAQ,YAAY,6BAA6B;AAAA,EACvE,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE;AAAA,EACpD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,YAAY,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,kBAAkB;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,EAAE;AACxC;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,qBAAqB,SAAS,cAAc;AAClD,mBAAmB,YAAY;",
   "names": []
 }

package/dist/esm/MobileListItem/MobileListMultipleItem.js

@@ -6,23 +6,20 @@ import { StyledContainer } from "./style";
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ jsx(StyledContainer, {
-    cols: ["auto"],
-    minHeight: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    alignItems: "center",
-    ...rest,
-    children: /* @__PURE__ */ jsx(DSControlledCheckbox, {
-      onChange: onClick,
-      device: "mobile",
-      checked: isSelected,
-      label: title,
-      wrapLabel: true
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    StyledContainer,
+    {
+      cols: ["auto"],
+      minHeight: "40px",
+      width: "100%",
+      pl: "16px",
+      pr: "16px",
+      gutter: "xs",
+      alignItems: "center",
+      ...rest,
+      children: /* @__PURE__ */ jsx(DSControlledCheckbox, { onChange: onClick, device: "mobile", checked: isSelected, label: title, wrapLabel: true })
+    }
+  );
 };
 export {
   MobileListMultipleItem

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/MobileListMultipleItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBjB;AAvBN,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAEvC,SAAS,uBAAuB;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,IAAI,uBAAuB,KAAK;AACzD,SACE,oBAAC;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,8BAAC;AAAA,MAAqB,UAAU;AAAA,MAAS,QAAO;AAAA,MAAS,SAAS;AAAA,MAAY,OAAO;AAAA,MAAO,WAAS;AAAA,KAAC;AAAA,GACxG;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACwBjB;AAvBN,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAEvC,SAAS,uBAAuB;AAMzB,MAAM,yBAAuE,CAAC,UAAU;AAC7F,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,EAAE,YAAY,KAAK,IAAI,uBAAuB,KAAK;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,MAAM;AAAA,MACb,WAAU;AAAA,MACV,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACP,YAAW;AAAA,MACV,GAAG;AAAA,MAEJ,8BAAC,wBAAqB,UAAU,SAAS,QAAO,UAAS,SAAS,YAAY,OAAO,OAAO,WAAS,MAAC;AAAA;AAAA,EACxG;AAEJ;",
   "names": []
 }

package/dist/esm/MobileListItem/MobileListSeparator.js

@@ -6,29 +6,10 @@ import { StyledContainer, StyledTitle } from "./style";
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ jsxs(StyledContainer, {
-    cols: ["auto"],
-    height: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    ...globalsAttrs,
-    children: [
-      /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: isSelected && /* @__PURE__ */ jsx(Checkmark, {
-          color: ["brand-primary", "600"]
-        })
-      }),
-      /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ jsx(StyledTitle, {
-          children: title
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(StyledContainer, { cols: ["auto"], height: "40px", width: "100%", pl: "16px", pr: "16px", gutter: "xs", ...globalsAttrs, children: [
+    /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: isSelected && /* @__PURE__ */ jsx(Checkmark, { color: ["brand-primary", "600"] }) }),
+    /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: /* @__PURE__ */ jsx(StyledTitle, { children: title }) })
+  ] });
 };
 export {
   MobileListSingleItem

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/MobileListSeparator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACUnB,SAC2C,KAD3C;AATJ,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,SAAS,iBAAiB,mBAAmB;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,eAAe,uBAAuB,KAAK;AACjD,SACE,qBAAC;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,0BAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,oBAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,oBAAC;AAAA,QAAK,YAAW;AAAA,QACf,8BAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACUnB,SAC2C,KAD3C;AATJ,SAAS,YAAY;AACrB,SAAS,8BAA8B;AAEvC,SAAS,iBAAiB,mBAAmB;AAEtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,eAAe,uBAAuB,KAAK;AACjD,SACE,qBAAC,mBAAgB,MAAM,CAAC,MAAM,GAAG,QAAO,QAAO,OAAM,QAAO,IAAG,QAAO,IAAG,QAAO,QAAO,MAAM,GAAG,cAC9F;AAAA,wBAAC,QAAK,YAAW,UAAU,wBAAc,oBAAC,aAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,IACxF,oBAAC,QAAK,YAAW,UACf,8BAAC,eAAa,iBAAM,GACtB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/MobileListItem/MobileListSingleItem.js

@@ -7,29 +7,22 @@ import { StyledContainer, StyledTitle } from "./style";
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ jsxs(StyledContainer, {
-    cols: ["16px", "auto"],
-    height: "40px",
-    width: "100%",
-    pl: "16px",
-    pr: "16px",
-    gutter: "xs",
-    ...globalsAttrs,
-    children: [
-      /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: isSelected && /* @__PURE__ */ jsx(Checkmark, {
-          color: ["brand-primary", "600"]
-        })
-      }),
-      /* @__PURE__ */ jsx(Grid, {
-        alignItems: "center",
-        children: /* @__PURE__ */ jsx(StyledTitle, {
-          children: title
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    StyledContainer,
+    {
+      cols: ["16px", "auto"],
+      height: "40px",
+      width: "100%",
+      pl: "16px",
+      pr: "16px",
+      gutter: "xs",
+      ...globalsAttrs,
+      children: [
+        /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: isSelected && /* @__PURE__ */ jsx(Checkmark, { color: ["brand-primary", "600"] }) }),
+        /* @__PURE__ */ jsx(Grid, { alignItems: "center", children: /* @__PURE__ */ jsx(StyledTitle, { children: title }) })
+      ]
+    }
+  );
 };
 export {
   MobileListSingleItem

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/MobileListSingleItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACenB,SAS2C,KAT3C;AAdJ,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AAEvC,SAAS,iBAAiB,mBAAmB;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,eAAe,uBAAuB,KAAK;AACjD,SACE,qBAAC;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,0BAAC;AAAA,QAAK,YAAW;AAAA,QAAU,wBAAc,oBAAC;AAAA,UAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG;AAAA,OAAG;AAAA,MACxF,oBAAC;AAAA,QAAK,YAAW;AAAA,QACf,8BAAC;AAAA,UAAa;AAAA,SAAM;AAAA,OACtB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACenB,SAS2C,KAT3C;AAdJ,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,8BAA8B;AAEvC,SAAS,iBAAiB,mBAAmB;AAMtC,MAAM,uBAAmE,CAAC,UAAU;AACzF,QAAM,EAAE,OAAO,WAAW,IAAI;AAC9B,QAAM,eAAe,uBAAuB,KAAK;AACjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,QAAO;AAAA,MACP,OAAM;AAAA,MACN,IAAG;AAAA,MACH,IAAG;AAAA,MACH,QAAO;AAAA,MACN,GAAG;AAAA,MAEJ;AAAA,4BAAC,QAAK,YAAW,UAAU,wBAAc,oBAAC,aAAU,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,QACxF,oBAAC,QAAK,YAAW,UACf,8BAAC,eAAa,iBAAM,GACtB;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }