@elliemae/ds-mobile 3.5.0-rc.9 → 3.6.0-next.0

package/dist/esm/MobileEmtpyState/MobileEmptyState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileEmtpyState/MobileEmptyState.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Search } from '@elliemae/ds-icons';\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n`;\n\nconst Label = styled.p`\n  color: ${(props) => props.theme.colors.neutral['600']};\n  font-size: ${(props) => props.theme.space.xs};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\ninterface EmptyStateT {\n  label: string;\n  Icon: () => JSX.Element;\n}\n\nconst DSMobileEmptyState: React.ComponentType<EmptyStateT> = ({ label = 'No search results found.', Icon }) => (\n  <Wrapper>\n    {Icon ? <Icon /> : <Search size=\"xxl\" color={['neutral', 400]} />}\n    <Label>{label}</Label>\n  </Wrapper>\n);\n\nconst props = {\n  /** empty state label */\n  label: PropTypes.string.description('empty state label'),\n  icon: PropTypes.node.description('empty state icon'),\n};\n\nDSMobileEmptyState.propTypes = props;\nDSMobileEmptyState.displayName = 'DSMobileEmptyState';\nconst DSMobileEmptyStateWithSchema = describe(DSMobileEmptyState);\nDSMobileEmptyStateWithSchema.propTypes = props;\n\nexport { DSMobileEmptyState, DSMobileEmptyStateWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAACC,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,gBAAAD,OAAA,cAAC,eACE,OAAO,gBAAAA,OAAA,cAAC,UAAK,IAAK,gBAAAA,OAAA,cAAC;AAAA,EAAO,MAAK;AAAA,EAAM,OAAO,CAAC,WAAW,GAAG;AAAA,CAAG,GAC/D,gBAAAA,OAAA,cAAC,aAAO,KAAM,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,UAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
-  "names": ["React", "props"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvB,MAAM,QAAQ,OAAO;AAAA,WACV,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,eAClC,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC3B,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA;AAQpD,MAAM,qBAAuD,CAAC,EAAE,QAAQ,4BAA4B,KAAK,MACvG,qBAAC;AAAA,EACE;AAAA,WAAO,oBAAC,QAAK,IAAK,oBAAC;AAAA,MAAO,MAAK;AAAA,MAAM,OAAO,CAAC,WAAW,GAAG;AAAA,KAAG;AAAA,IAC/D,oBAAC;AAAA,MAAO;AAAA,KAAM;AAAA;AAAA,CAChB;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,MAAM,UAAU,KAAK,YAAY,kBAAkB;AACrD;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB;AAChE,6BAA6B,YAAY;",
+  "names": ["props"]
 }

package/dist/esm/MobileFilterbar/Filterbar.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
@@ -23,13 +23,21 @@ const Separator = styled.div`
     margin: 0;
   }
 `;
-const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ React2.createElement(Grid, {
+const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ jsxs(Grid, {
   rows: ["auto", "auto"],
-  "data-testid": "filter-bar-wrapper"
-}, /* @__PURE__ */ React2.createElement(Bar, null, children), /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(MobileSeparator, {
-  margin: "xxs",
-  color: ["neutral", "300"]
-})));
+  "data-testid": "filter-bar-wrapper",
+  children: [
+    /* @__PURE__ */ jsx(Bar, {
+      children
+    }),
+    /* @__PURE__ */ jsx(Separator, {
+      children: /* @__PURE__ */ jsx(MobileSeparator, {
+        margin: "xxs",
+        color: ["neutral", "300"]
+      })
+    })
+  ]
+});
 const filterbarProps = {
   children: PropTypes.element.description("FilterBar Items").isRequired
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/Filterbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport MobileSeparator from '../MobileSeparator';\n\nconst Bar = styled.div`\n  display: flex;\n  overflow: auto;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  & > * {\n    flex-shrink: 0;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst Separator = styled.div`\n  & > * {\n    margin: 0;\n  }\n`;\n\nconst DSMobileFilterbar = ({ children }) => (\n  <Grid rows={['auto', 'auto']} data-testid=\"filter-bar-wrapper\">\n    <Bar>{children}</Bar>\n    <Separator>\n      <MobileSeparator margin=\"xxs\" color={['neutral', '300']} />\n    </Separator>\n  </Grid>\n);\n\nconst filterbarProps = {\n  children: PropTypes.element.description('FilterBar Items').isRequired,\n};\n\nDSMobileFilterbar.propTypes = filterbarProps;\nDSMobileFilterbar.displayName = 'DSMobileFilterbar';\nconst FilterbarWithSchema = describe(DSMobileFilterbar);\nFilterbarWithSchema.propTypes = filterbarProps;\n\nexport { DSMobileFilterbar, FilterbarWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,UAAU,iBAAiB;AACpC,SAAS,gCAAgC;AACzC,SAAS,YAAY;AACrB,OAAO,qBAAqB;AAE5B,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,gBAAAA,OAAA,cAAC;AAAA,EAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,EAAG,eAAY;AAAA,GACxC,gBAAAA,OAAA,cAAC,WAAK,QAAS,GACf,gBAAAA,OAAA,cAAC,iBACC,gBAAAA,OAAA,cAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAC3D,CACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,SAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU,iBAAiB;AACpC,SAAS,gCAAgC;AACzC,SAAS,YAAY;AACrB,OAAO,qBAAqB;AAE5B,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA,sBAGG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,kBAC1C,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU1E,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,oBAAoB,CAAC,EAAE,SAAS,MACpC,qBAAC;AAAA,EAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,EAAG,eAAY;AAAA,EACxC;AAAA,wBAAC;AAAA,MAAK;AAAA,KAAS;AAAA,IACf,oBAAC;AAAA,MACC,8BAAC;AAAA,QAAgB,QAAO;AAAA,QAAM,OAAO,CAAC,WAAW,KAAK;AAAA,OAAG;AAAA,KAC3D;AAAA;AAAA,CACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,UAAU,UAAU,QAAQ,YAAY,iBAAiB,EAAE;AAC7D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,sBAAsB,SAAS,iBAAiB;AACtD,oBAAoB,YAAY;",
+  "names": []
 }

package/dist/esm/MobileFilterbar/FilterbarItem.js

@@ -1,15 +1,16 @@
 import * as React from "react";
-import React2 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__ */ React2.createElement(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);
+  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;ACAvB,OAAOA,YAAW;AAClB,SAAS,UAAU,iBAAiB;AACpC,SAAS,YAAY;AAErB,MAAM,wBAAwB,CAAC,EAAE,UAAU,QAAQ,MACjD,gBAAAA,OAAA,cAAC;AAAA,EAAK,eAAY;AAAA,EAA0B,MAAM,CAAC,aAAa;AAAA,EAAG,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAK;AAAA,EAAS;AAAA,GAChG,QACH;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": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }

package/dist/esm/MobileFilterbar/FilterbarSort.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
@@ -9,15 +9,23 @@ const Separator = styled.div`
     margin-left: 0;
   }
 `;
-const DSMobileFilterbarSort = ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children, /* @__PURE__ */ React2.createElement(Grid, {
-  pb: "xxs",
-  pt: "xxs",
-  cols: ["min-content"]
-}, /* @__PURE__ */ React2.createElement(Separator, null, /* @__PURE__ */ React2.createElement(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;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAAA,OAAA,gBACG,UACD,gBAAAA,OAAA,cAAC;AAAA,EAAK,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAM,CAAC,aAAa;AAAA,GAC1C,gBAAAA,OAAA,cAAC,iBACC,gBAAAA,OAAA,cAAC;AAAA,EAAgB,QAAO;AAAA,EAAM,WAAU;AAAA,EAAW,OAAO,CAAC,WAAW,KAAK;AAAA,CAAG,CAChF,CACF,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;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }

package/dist/esm/MobileFooter/Action.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { styled, typography, color, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
@@ -9,23 +10,30 @@ 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__ */ React2.createElement(Grid, {
+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
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  justifyContent: "center",
-  alignItems: "center"
-}, React2.cloneElement(icon, {
-  "data-testid": "ds-mobile-footer-action-icon",
-  size: !label ? "l" : "m"
-})), label && /* @__PURE__ */ React2.createElement(Grid, {
-  justifyContent: "center"
-}, /* @__PURE__ */ React2.createElement(Label, {
-  fontSize: "11px"
-}, label)));
+  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
+      })
+    })
+  ]
+});
 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;ACEvB,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,gBAAAA,OAAA,cAAC;AAAA,EACC,eAAY;AAAA,EACZ,MAAM,CAAC,MAAM,EAAE,OAAO,QAAQ,gBAAgB,MAAM;AAAA,EACpD,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,GAEA,gBAAAA,OAAA,cAAC;AAAA,EAAK,gBAAe;AAAA,EAAS,YAAW;AAAA,GACtCA,OAAM,aAAa,MAAM;AAAA,EACxB,eAAe;AAAA,EACf,MAAM,CAAC,QAAQ,MAAM;AACvB,CAAC,CACH,GAEC,SACC,gBAAAA,OAAA,cAAC;AAAA,EAAK,gBAAe;AAAA,GACnB,gBAAAA,OAAA,cAAC;AAAA,EAAM,UAAS;AAAA,GAAQ,KAAM,CAChC,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;ACAvB;AAEA,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;",
   "names": ["React"]
 }

package/dist/esm/MobileFooter/Footer.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import { styled } from "@elliemae/ds-system";
 import { border, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
@@ -20,14 +21,17 @@ const MobileFooter = ({ children }) => {
     }
     return childArr.map(() => `${100 / childArr.length}%`);
   };
-  return /* @__PURE__ */ React2.createElement(FooterWrap, null, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: setCols(),
-    gutter: isButtonType ? "xs" : void 0,
-    justifyContent: "center",
-    alignItems: isButtonType ? "center" : void 0
-  }, childArr.map((c, i) => /* @__PURE__ */ React2.createElement(Grid, {
-    key: i
-  }, c))));
+  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))
+    })
+  });
 };
 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;ACEvB,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,gBAAAA,OAAA,cAAC,kBACC,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAM,QAAQ;AAAA,IACd,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,gBAAAA,OAAA,cAAC;AAAA,IAAK,KAAK;AAAA,KAAI,CAAE,CAClB,CACH,CACF;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;ACAvB;AAEA,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;",
   "names": ["React"]
 }

package/dist/esm/MobileFooter/Text.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { textStyle, truncate, color } from "@elliemae/ds-system";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
@@ -9,7 +9,9 @@ const Text = styled.p`
   ${textStyle("body")}
   ${color("neutral", "800")}
 `;
-const DSMobileFooterText = ({ children }) => /* @__PURE__ */ React2.createElement(Text, null, 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;ACEvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC,YAAM,QAAS;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": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAGA,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;",
+  "names": []
 }

package/dist/esm/MobileListItem/MobileListItem.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { describe, PropTypes } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 import { Grid } from "@elliemae/ds-grid";
@@ -27,22 +27,32 @@ const MobileListItem = ({
     cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon)
     cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  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}`
-  }, leftAddon && /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, leftAddon), /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, title)), rightAddon && /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    justifyContent: "center"
-  }, rightAddon));
+    "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;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;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,KAE9B,aAAa,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,SAAU,GACnD,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,gBAAAA,OAAA,cAAC,mBAAa,KAAM,CACtB,GACC,cACC,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,UACH,CAEJ;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": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }

package/dist/esm/MobileListItem/MobileListMultipleItem.js

@@ -1,12 +1,12 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSControlledCheckbox } from "@elliemae/ds-form-checkbox";
 import { useGetGlobalAttributes } from "@elliemae/ds-utilities";
 import { StyledContainer } from "./style";
 const MobileListMultipleItem = (props) => {
   const { title, isSelected } = props;
   const { onClick, ...rest } = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  return /* @__PURE__ */ jsx(StyledContainer, {
     cols: ["auto"],
     minHeight: "40px",
     width: "100%",
@@ -14,14 +14,15 @@ const MobileListMultipleItem = (props) => {
     pr: "16px",
     gutter: "xs",
     alignItems: "center",
-    ...rest
-  }, /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
-    onChange: onClick,
-    device: "mobile",
-    checked: isSelected,
-    label: title,
-    wrapLabel: true
-  }));
+    ...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;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;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,gBAAAA,OAAA,cAAC;AAAA,IAAqB,UAAU;AAAA,IAAS,QAAO;AAAA,IAAS,SAAS;AAAA,IAAY,OAAO;AAAA,IAAO,WAAS;AAAA,GAAC,CACxG;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }

package/dist/esm/MobileListItem/MobileListSeparator.js

@@ -1,26 +1,34 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
 import { useGetGlobalAttributes } from "@elliemae/ds-utilities";
 import { StyledContainer, StyledTitle } from "./style";
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  return /* @__PURE__ */ jsxs(StyledContainer, {
     cols: ["auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ React2.createElement(Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, title)));
+    ...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;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;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,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,gBAAAA,OAAA,cAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,gBAAAA,OAAA,cAAC,mBAAa,KAAM,CACtB,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }

package/dist/esm/MobileListItem/MobileListSingleItem.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
 import { Checkmark } from "@elliemae/ds-icons";
 import { useGetGlobalAttributes } from "@elliemae/ds-utilities";
@@ -7,21 +7,29 @@ import { StyledContainer, StyledTitle } from "./style";
 const MobileListSingleItem = (props) => {
   const { title, isSelected } = props;
   const globalsAttrs = useGetGlobalAttributes(props);
-  return /* @__PURE__ */ React2.createElement(StyledContainer, {
+  return /* @__PURE__ */ jsxs(StyledContainer, {
     cols: ["16px", "auto"],
     height: "40px",
     width: "100%",
     pl: "16px",
     pr: "16px",
     gutter: "xs",
-    ...globalsAttrs
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, isSelected && /* @__PURE__ */ React2.createElement(Checkmark, {
-    color: ["brand-primary", "600"]
-  })), /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, title)));
+    ...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;ACAvB,OAAOA,YAAW;AAClB,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,gBAAAA,OAAA,cAAC;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,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KAAU,cAAc,gBAAAA,OAAA,cAAC;AAAA,IAAU,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAAG,GACxF,gBAAAA,OAAA,cAAC;AAAA,IAAK,YAAW;AAAA,KACf,gBAAAA,OAAA,cAAC,mBAAa,KAAM,CACtB,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
+  "names": []
 }