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

package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js

@@ -44,36 +44,44 @@ const DSMobileDropdownMenu = ({
     }),
     []
   );
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(DSMobileDropdownTriggerInput, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DSMobileDropdownTriggerInput,
+      {
         inputProps,
         caretProps
-      }),
-      menuOpen ? /* @__PURE__ */ jsx(DSMobileContextMenu, {
+      }
+    ),
+    menuOpen ? /* @__PURE__ */ jsx(
+      DSMobileContextMenu,
+      {
         title,
         open: true,
         onChange: (_, e) => {
           setMenuOpen(false);
         },
         onClickOutside: () => setMenuOpen(false),
-        children: options.map((opt, i) => /* @__PURE__ */ jsx(DSMobileContextMenuItem, {
-          title: opt.label,
-          value: opt.value,
-          isSelected: itemsProps.isItemSelected(opt),
-          onClick: (e) => {
-            setMenuOpen(false);
-            itemsProps.onClick(opt, e);
+        children: options.map((opt, i) => /* @__PURE__ */ jsx(
+          DSMobileContextMenuItem,
+          {
+            title: opt.label,
+            value: opt.value,
+            isSelected: itemsProps.isItemSelected(opt),
+            onClick: (e) => {
+              setMenuOpen(false);
+              itemsProps.onClick(opt, e);
+            },
+            label: itemsProps.label,
+            leftProp: itemsProps.leftProp,
+            isGroup: itemsProps.isGroup,
+            isMulti: itemsProps.isMulti,
+            singleSelect: itemsProps.singleSelect
           },
-          label: itemsProps.label,
-          leftProp: itemsProps.leftProp,
-          isGroup: itemsProps.isGroup,
-          isMulti: itemsProps.isMulti,
-          singleSelect: itemsProps.singleSelect
-        }, "ddwn".concat(`${i}`)))
-      }) : null
-    ]
-  });
+          "ddwn".concat(`${i}`)
+        ))
+      }
+    ) : null
+  ] });
 };
 const props = {
   placeholder: PropTypes.string.description("dropdown menu placeholder"),

package/dist/esm/MobileDropdownMenu/MobileDropdownMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileDropdownMenu/MobileDropdownMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport {\n  DSMobileContextMenu,\n  DSMobileContextMenuItem,\n} from '../MobileContextMenu';\n\nimport { DSMobileDropdownTriggerInput } from './MobileDropdownInput';\ninterface OptionT {\n  label: string;\n  value: string;\n}\ninterface DSMobileDropdownMenuPropsT {\n  placeholder: string;\n  value: string;\n  options: OptionT[];\n  title: string;\n  itemsProps: {\n    label?: string;\n    leftProp?: JSX.Element;\n    isGroup?: boolean;\n    isMulti?: boolean;\n    singleSelect?: boolean;\n    isItemSelected?: (opt: OptionT) => boolean;\n    onClick?: (opt: OptionT, e: any) => void;\n  };\n}\nconst DSMobileDropdownMenu = ({\n  placeholder,\n  options = [],\n  title,\n  value,\n  itemsProps = {\n    label: undefined,\n    leftProp: undefined,\n    isGroup: false,\n    isMulti: false,\n    singleSelect: false,\n    isItemSelected: () => false,\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    onClick: () => {},\n  },\n}: DSMobileDropdownMenuPropsT): JSX.Element => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const inputRef = useRef(null);\n  const inputProps = React.useMemo(\n    () => ({\n      readOnly: true,\n      value,\n      onClick: () => setMenuOpen(true),\n      ref: inputRef,\n      placeholder,\n    }),\n    [value, placeholder],\n  );\n  const caretProps = React.useMemo(\n    () => ({\n      onClick: () => {\n        inputRef.current.focus();\n        setMenuOpen(true);\n      },\n    }),\n    [],\n  );\n  return (\n    <>\n      <DSMobileDropdownTriggerInput\n        inputProps={inputProps}\n        caretProps={caretProps}\n      />\n      {menuOpen ? (\n        <DSMobileContextMenu\n          title={title}\n          open\n          onChange={(_, e) => {\n            setMenuOpen(false);\n          }}\n          onClickOutside={() => setMenuOpen(false)}\n        >\n          {options.map((opt, i) => (\n            <DSMobileContextMenuItem\n              key={'ddwn'.concat(`${i}`)}\n              title={opt.label}\n              value={opt.value}\n              isSelected={itemsProps.isItemSelected(opt)}\n              onClick={(e) => {\n                setMenuOpen(false);\n                itemsProps.onClick(opt, e);\n              }}\n              label={itemsProps.label}\n              leftProp={itemsProps.leftProp}\n              isGroup={itemsProps.isGroup}\n              isMulti={itemsProps.isMulti}\n              singleSelect={itemsProps.singleSelect}\n            />\n          ))}\n        </DSMobileContextMenu>\n      ) : null}\n    </>\n  );\n};\n\nconst props = {\n  /** dropdown menu placeholder */\n  placeholder: PropTypes.string.description('dropdown menu placeholder'),\n  /** context menu menu title */\n  title: PropTypes.string.description('context menu menu title'),\n  /** context menu options / items */\n  options: PropTypes.arrayOf(\n    PropTypes.shape({ value: PropTypes.string, label: PropTypes.string }),\n  ).description('context menu options / items'),\n};\n\nDSMobileDropdownMenu.propTypes = props;\nDSMobileDropdownMenu.displayName = 'DSMobileDropdownMenu';\nconst DSMobileDropdownMenuWithSchema = describe(DSMobileDropdownMenu);\nDSMobileDropdownMenuWithSchema.propTypes = props;\n\nexport { DSMobileDropdownMenu, DSMobileDropdownMenuWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkEnB,mBACE,KADF;AAjEJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QACC;AAAA,QACA;AAAA,OACF;AAAA,MACC,WACC,oBAAC;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB,oBAAC;AAAA,UAEC,OAAO,IAAI;AAAA,UACX,OAAO,IAAI;AAAA,UACX,YAAY,WAAW,eAAe,GAAG;AAAA,UACzC,SAAS,CAAC,MAAM;AACd,wBAAY,KAAK;AACjB,uBAAW,QAAQ,KAAK,CAAC;AAAA,UAC3B;AAAA,UACA,OAAO,WAAW;AAAA,UAClB,UAAU,WAAW;AAAA,UACrB,SAAS,WAAW;AAAA,UACpB,SAAS,WAAW;AAAA,UACpB,cAAc,WAAW;AAAA,WAZpB,OAAO,OAAO,GAAG,GAAG,CAa3B,CACD;AAAA,OACH,IACE;AAAA;AAAA,GACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC;AAAA,EACtE,EAAE,YAAY,8BAA8B;AAC9C;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACkEnB,mBACE,KADF;AAjEJ,OAAOA,UAAS,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oCAAoC;AAoB7C,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,cAAc;AAAA,IACd,gBAAgB,MAAM;AAAA,IAEtB,SAAS,MAAM;AAAA,IAAC;AAAA,EAClB;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,KAAK;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO,WAAW;AAAA,EACrB;AACA,QAAM,aAAaA,OAAM;AAAA,IACvB,OAAO;AAAA,MACL,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,oBAAY,IAAI;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAI;AAAA,QACJ,UAAU,CAAC,GAAG,MAAM;AAClB,sBAAY,KAAK;AAAA,QACnB;AAAA,QACA,gBAAgB,MAAM,YAAY,KAAK;AAAA,QAEtC,kBAAQ,IAAI,CAAC,KAAK,MACjB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,YAAY,WAAW,eAAe,GAAG;AAAA,YACzC,SAAS,CAAC,MAAM;AACd,0BAAY,KAAK;AACjB,yBAAW,QAAQ,KAAK,CAAC;AAAA,YAC3B;AAAA,YACA,OAAO,WAAW;AAAA,YAClB,UAAU,WAAW;AAAA,YACrB,SAAS,WAAW;AAAA,YACpB,SAAS,WAAW;AAAA,YACpB,cAAc,WAAW;AAAA;AAAA,UAZpB,OAAO,OAAO,GAAG,GAAG;AAAA,QAa3B,CACD;AAAA;AAAA,IACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,aAAa,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAErE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAE7D,SAAS,UAAU;AAAA,IACjB,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,OAAO,CAAC;AAAA,EACtE,EAAE,YAAY,8BAA8B;AAC9C;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,iCAAiC,SAAS,oBAAoB;AACpE,+BAA+B,YAAY;",
   "names": ["React"]
 }

package/dist/esm/MobileEmtpyState/MobileEmptyState.js

@@ -15,17 +15,10 @@ const Label = styled.p`
   font-size: ${(props2) => props2.theme.space.xs};
   font-weight: ${(props2) => props2.theme.fontWeights.semibold};
 `;
-const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /* @__PURE__ */ jsxs(Wrapper, {
-  children: [
-    Icon ? /* @__PURE__ */ jsx(Icon, {}) : /* @__PURE__ */ jsx(Search, {
-      size: "xxl",
-      color: ["neutral", 400]
-    }),
-    /* @__PURE__ */ jsx(Label, {
-      children: label
-    })
-  ]
-});
+const DSMobileEmptyState = ({ label = "No search results found.", Icon }) => /* @__PURE__ */ jsxs(Wrapper, { children: [
+  Icon ? /* @__PURE__ */ jsx(Icon, {}) : /* @__PURE__ */ jsx(Search, { size: "xxl", color: ["neutral", 400] }),
+  /* @__PURE__ */ jsx(Label, { children: label })
+] });
 const props = {
   label: PropTypes.string.description("empty state label"),
   icon: PropTypes.node.description("empty state icon")

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;ACyBrB,SACU,KADV;AAxBF,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;",
+  "mappings": "AAAA,YAAY,WAAW;ACyBrB,SACU,KADV;AAxBF,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,WACE;AAAA,SAAO,oBAAC,QAAK,IAAK,oBAAC,UAAO,MAAK,OAAM,OAAO,CAAC,WAAW,GAAG,GAAG;AAAA,EAC/D,oBAAC,SAAO,iBAAM;AAAA,GAChB;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

@@ -23,21 +23,10 @@ const Separator = styled.div`
     margin: 0;
   }
 `;
-const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ jsxs(Grid, {
-  rows: ["auto", "auto"],
-  "data-testid": "filter-bar-wrapper",
-  children: [
-    /* @__PURE__ */ jsx(Bar, {
-      children
-    }),
-    /* @__PURE__ */ jsx(Separator, {
-      children: /* @__PURE__ */ jsx(MobileSeparator, {
-        margin: "xxs",
-        color: ["neutral", "300"]
-      })
-    })
-  ]
-});
+const DSMobileFilterbar = ({ children }) => /* @__PURE__ */ jsxs(Grid, { rows: ["auto", "auto"], "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;AC6BrB,SACE,KADF;AA3BF,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;",
+  "mappings": "AAAA,YAAY,WAAW;AC6BrB,SACE,KADF;AA3BF,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,QAAK,MAAM,CAAC,QAAQ,MAAM,GAAG,eAAY,sBACxC;AAAA,sBAAC,OAAK,UAAS;AAAA,EACf,oBAAC,aACC,8BAAC,mBAAgB,QAAO,OAAM,OAAO,CAAC,WAAW,KAAK,GAAG,GAC3D;AAAA,GACF;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

@@ -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": []
 }