@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/MobileFilterbar/FilterbarSort.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport styled from 'styled-components';\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;\n\nconst FilterbarSortWithSchema = describe(DSMobileFilterbarSort);\nFilterbarSortWithSchema.propTypes = filterbarSortProps;\n\nexport { DSMobileFilterbarSort, FilterbarSortWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,wBAAwB,CAAC,EAAE,eAC/B,4DACG,UACD,qCAAC,MAAD;AAAA,EAAM,IAAG;AAAA,EAAM,IAAG;AAAA,EAAM,MAAM,CAAC;AAAA,GAC7B,qCAAC,WAAD,MACE,qCAAC,iBAAD;AAAA,EAAiB,QAAO;AAAA,EAAM,WAAU;AAAA,EAAW,OAAO,CAAC,WAAW;AAAA;AAM9E,MAAM,qBAAqB;AAAA,EACzB,UAAU,UAAU,QAAQ,YAAY,uBAAuB;AAAA;AAGjE,sBAAsB,YAAY;AAElC,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/esm/MobileFilterbar/index.js

@@ -1,3 +1,19 @@
-export { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar.js';
-export { DSMobileFilterbarSort, FilterbarSortWithSchema } from './FilterbarSort.js';
-export { DSMobileFilterbarItem, FilterbarItemWithSchema } from './FilterbarItem.js';
+import * as React from "react";
+import { DSMobileFilterbar, FilterbarWithSchema } from "./Filterbar";
+import {
+  DSMobileFilterbarSort,
+  FilterbarSortWithSchema
+} from "./FilterbarSort";
+import {
+  DSMobileFilterbarItem,
+  FilterbarItemWithSchema
+} from "./FilterbarItem";
+export {
+  DSMobileFilterbar,
+  DSMobileFilterbarItem,
+  DSMobileFilterbarSort,
+  FilterbarItemWithSchema,
+  FilterbarSortWithSchema,
+  FilterbarWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileFilterbar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFilterbar/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSMobileFilterbar, FilterbarWithSchema } from './Filterbar';\nimport {\n  DSMobileFilterbarSort,\n  FilterbarSortWithSchema,\n} from './FilterbarSort';\nimport {\n  DSMobileFilterbarItem,\n  FilterbarItemWithSchema,\n} from './FilterbarItem';\nexport {\n  DSMobileFilterbarSort,\n  DSMobileFilterbar,\n  DSMobileFilterbarItem,\n  FilterbarWithSchema,\n  FilterbarSortWithSchema,\n  FilterbarItemWithSchema,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/MobileFooter/Action.js

@@ -1,51 +1,43 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import styled from 'styled-components';
-import { typography } from '@xstyled/styled-components';
-import { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import { PropTypes, describe } from 'react-desc';
-
-const Label = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1op229o-0"
-})(["", " ", " padding-bottom:", ";padding-top:calc(", " / 2);"], typography, color('neutral', '800'), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-
-const DSMobileFooterAction = _ref => {
-  let {
-    label,
-    icon,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    "data-testid": "ds-mobile-footer-action",
-    rows: ['auto'].concat(label ? 'min-content' : 'none'),
-    justifyContent: "center",
-    role: "button",
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    justifyContent: "center",
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/React.cloneElement(icon, {
-    'data-testid': 'ds-mobile-footer-action-icon',
-    size: !label ? 'l' : 'm'
-  })), label && /*#__PURE__*/_jsx(Grid, {
-    justifyContent: "center"
-  }, void 0, /*#__PURE__*/_jsx(Label, {
-    fontSize: "11px"
-  }, void 0, label)));
-};
-
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { typography } from "@xstyled/styled-components";
+import { color, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import { describe, PropTypes } from "react-desc";
+const Label = styled.span`
+  ${typography}
+  ${color("neutral", "800")}
+  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, {
+  "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)));
 const actionProps = {
-  /** Action label */
-  label: PropTypes.string.description('Action label'),
-
-  /** Action icon */
-  icon: PropTypes.element.description('Action icon'),
-
-  /** onClick callback */
-  onClick: PropTypes.func.description('onClick callback')
+  label: PropTypes.string.description("Action label"),
+  icon: PropTypes.element.description("Action icon"),
+  onClick: PropTypes.func.description("onClick callback")
 };
-const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');
+DSMobileFooterAction.propTypes = actionProps;
+const DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description("Mobile footer action");
 DSMobileFooterActionWithSchema.propTypes = actionProps;
-
-export { DSMobileFooterAction, DSMobileFooterActionWithSchema };
+export {
+  DSMobileFooterAction,
+  DSMobileFooterActionWithSchema
+};
+//# sourceMappingURL=Action.js.map

package/esm/MobileFooter/Action.js.map

@@ -0,0 +1,7 @@
+{
+  "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 from 'styled-components';\nimport { typography } from '@xstyled/styled-components';\nimport { color, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst DSMobileFooterActionWithSchema = describe(DSMobileFooterAction).description('Mobile footer action');\nDSMobileFooterActionWithSchema.propTypes = actionProps;\n\nexport { DSMobileFooterAction, DSMobileFooterActionWithSchema };\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA,IACjB;AAAA,IACA,MAAM,WAAW;AAAA,oBACD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,sBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAG5E,MAAM,uBAAuB,CAAC,EAAE,OAAO,MAAM,cAC3C,qCAAC,MAAD;AAAA,EACE,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,QAAQ,gBAAgB;AAAA,EAC9C,gBAAe;AAAA,EACf,MAAK;AAAA,EACL;AAAA,GAEA,qCAAC,MAAD;AAAA,EAAM,gBAAe;AAAA,EAAS,YAAW;AAAA,GACtC,OAAM,aAAa,MAAM;AAAA,EACxB,eAAe;AAAA,EACf,MAAM,CAAC,QAAQ,MAAM;AAAA,KAIxB,SACC,qCAAC,MAAD;AAAA,EAAM,gBAAe;AAAA,GACnB,qCAAC,OAAD;AAAA,EAAO,UAAS;AAAA,GAAQ;AAMhC,MAAM,cAAc;AAAA,EAElB,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,MAAM,UAAU,QAAQ,YAAY;AAAA,EAEpC,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,qBAAqB,YAAY;AAEjC,MAAM,iCAAiC,SAAS,sBAAsB,YAAY;AAClF,+BAA+B,YAAY;",
+  "names": []
+}

package/esm/MobileFooter/Footer.js

@@ -1,55 +1,43 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.constructor.js';
-import 'core-js/modules/esnext.async-iterator.to-array.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.to-array.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React from 'react';
-import styled from 'styled-components';
-import { border, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import DSButton from '@elliemae/ds-button';
-import { PropTypes, describe } from 'react-desc';
-import { DSMobileFooterText } from './Text.js';
-
-const FooterWrap = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-ls5vfg-0"
-})(["background-color:", ";border-top:", ";height:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral[100]), props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), " * 7)"));
-
-const MobileFooter = _ref => {
-  let {
-    children
-  } = _ref;
-  const childArr = React.Children.toArray(children);
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { border, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+import DSButton from "@elliemae/ds-button";
+import { describe, PropTypes } from "react-desc";
+import { DSMobileFooterText } from "./Text";
+const FooterWrap = styled(Grid)`
+  background-color: ${(props) => props.theme.colors.neutral["000"]};
+  border-top: ${(props) => border(props.theme.colors.neutral[100])};
+  height: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)} * 7)`};
+`;
+const MobileFooter = ({ children }) => {
+  const childArr = React2.Children.toArray(children);
   const isButtonType = childArr[0].type === DSMobileFooterText || childArr[0].type === DSButton;
-
   const setCols = () => {
     if (isButtonType) {
-      return childArr.length === 1 ? ['90%'] : ['45%', '45%'];
+      return childArr.length === 1 ? ["90%"] : ["45%", "45%"];
     }
-
-    return childArr.map(() => "".concat(100 / childArr.length, "%"));
+    return childArr.map(() => `${100 / childArr.length}%`);
   };
-
-  return /*#__PURE__*/_jsx(FooterWrap, {}, void 0, /*#__PURE__*/_jsx(Grid, {
+  return /* @__PURE__ */ React2.createElement(FooterWrap, null, /* @__PURE__ */ React2.createElement(Grid, {
     cols: setCols(),
-    gutter: isButtonType ? 'xs' : undefined,
+    gutter: isButtonType ? "xs" : void 0,
     justifyContent: "center",
-    alignItems: isButtonType ? 'center' : undefined
-  }, void 0, childArr.map((c, i) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  _jsx(Grid, {}, i, c))));
+    alignItems: isButtonType ? "center" : void 0
+  }, childArr.map((c, i) => /* @__PURE__ */ React2.createElement(Grid, {
+    key: i
+  }, c))));
 };
-
 const footerProps = {
-  /**
-   * Instance of DSButton, DSMobileFooterText or DSMobileFooterAction
-   */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Instance of DSButton, DSMobileFooterText or DSMobileFooterAction')
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description("Instance of DSButton, DSMobileFooterText or DSMobileFooterAction")
 };
+MobileFooter.propTypes = footerProps;
 const MobileFooterWithSchema = describe(MobileFooter);
 MobileFooterWithSchema.propTypes = footerProps;
-
-export { MobileFooterWithSchema, MobileFooter as default };
+var Footer_default = MobileFooter;
+export {
+  MobileFooterWithSchema,
+  Footer_default as default
+};
+//# sourceMappingURL=Footer.js.map

package/esm/MobileFooter/Footer.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'styled-components';\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 'react-desc';\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;\n\nconst MobileFooterWithSchema = describe(MobileFooter);\nMobileFooterWithSchema.propTypes = footerProps;\n\nexport default MobileFooter;\n\nexport { MobileFooterWithSchema };\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,OAAO;AAAA,sBACJ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC5C,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,YACjD,CAAC,UAAU,QAAQ,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAG1E,MAAM,eAAe,CAAC,EAAE,eAAe;AACrC,QAAM,WAAW,OAAM,SAAS,QAAQ;AACxC,QAAM,eAAe,SAAS,GAAG,SAAS,sBAAsB,SAAS,GAAG,SAAS;AACrF,QAAM,UAAU,MAAM;AACpB,QAAI,cAAc;AAChB,aAAO,SAAS,WAAW,IAAI,CAAC,SAAS,CAAC,OAAO;AAAA;AAEnD,WAAO,SAAS,IAAI,MAAM,GAAG,MAAM,SAAS;AAAA;AAE9C,SACE,qCAAC,YAAD,MACE,qCAAC,MAAD;AAAA,IACE,MAAM;AAAA,IACN,QAAQ,eAAe,OAAO;AAAA,IAC9B,gBAAe;AAAA,IACf,YAAY,eAAe,WAAW;AAAA,KAErC,SAAS,IAAI,CAAC,GAAG,MAEhB,qCAAC,MAAD;AAAA,IAAM,KAAK;AAAA,KAAI;AAAA;AAOzB,MAAM,cAAc;AAAA,EAIlB,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,WAAW,WAAW,YAClG;AAAA;AAIJ,aAAa,YAAY;AAEzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;AAEnC,IAAO,iBAAQ;",
+  "names": []
+}

package/esm/MobileFooter/Text.js

@@ -1,24 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { truncate, textStyle, color } from '@elliemae/ds-system';
-import { PropTypes, describe } from 'react-desc';
-
-const Text = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1v0cqsw-0"
-})(["margin:auto 0;", " ", " ", ""], truncate(), textStyle('body'), color('neutral', '800'));
-
-const DSMobileFooterText = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(Text, {}, void 0, children);
-};
-
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { textStyle, truncate, color } from "@elliemae/ds-system";
+import { describe, PropTypes } from "react-desc";
+const Text = styled.p`
+  margin: auto 0;
+  ${truncate()}
+  ${textStyle("body")}
+  ${color("neutral", "800")}
+`;
+const DSMobileFooterText = ({ children }) => /* @__PURE__ */ React2.createElement(Text, null, children);
 const props = {
-  children: PropTypes.string.isRequired.description('Children')
+  children: PropTypes.string.isRequired.description("Children")
 };
+DSMobileFooterText.propTypes = props;
 const DSMobileFooterTextWithSchema = describe(DSMobileFooterText);
 DSMobileFooterTextWithSchema.propTypes = props;
-
-export { DSMobileFooterText, DSMobileFooterTextWithSchema };
+export {
+  DSMobileFooterText,
+  DSMobileFooterTextWithSchema
+};
+//# sourceMappingURL=Text.js.map

package/esm/MobileFooter/Text.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'styled-components';\nimport { textStyle, truncate, color } from '@elliemae/ds-system';\nimport { describe, PropTypes } from 'react-desc';\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;\n\nconst DSMobileFooterTextWithSchema = describe(DSMobileFooterText);\nDSMobileFooterTextWithSchema.propTypes = props;\n\nexport { DSMobileFooterText, DSMobileFooterTextWithSchema };\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA,IAEhB;AAAA,IACA,UAAU;AAAA,IACV,MAAM,WAAW;AAAA;AAGrB,MAAM,qBAAqB,CAAC,EAAE,eAAe,qCAAC,MAAD,MAAO;AAEpD,MAAM,QAAQ;AAAA,EACZ,UAAU,UAAU,OAAO,WAAW,YAAY;AAAA;AAGpD,mBAAmB,YAAY;AAE/B,MAAM,+BAA+B,SAAS;AAC9C,6BAA6B,YAAY;",
+  "names": []
+}

package/esm/MobileFooter/index.js

@@ -1,3 +1,13 @@
-export { default as DSMobileFooter, MobileFooterWithSchema } from './Footer.js';
-export { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text.js';
-export { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action.js';
+import * as React from "react";
+import DSMobileFooter, { MobileFooterWithSchema } from "./Footer";
+import { DSMobileFooterText, DSMobileFooterTextWithSchema } from "./Text";
+import { DSMobileFooterAction, DSMobileFooterActionWithSchema } from "./Action";
+export {
+  DSMobileFooter,
+  DSMobileFooterAction,
+  DSMobileFooterActionWithSchema,
+  DSMobileFooterText,
+  DSMobileFooterTextWithSchema,
+  MobileFooterWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileFooter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileFooter/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import DSMobileFooter, { MobileFooterWithSchema } from './Footer';\nimport { DSMobileFooterText, DSMobileFooterTextWithSchema } from './Text';\nimport { DSMobileFooterAction, DSMobileFooterActionWithSchema } from './Action';\n\nexport {\n  DSMobileFooterText,\n  DSMobileFooterAction,\n  DSMobileFooter,\n  DSMobileFooterActionWithSchema,\n  DSMobileFooterTextWithSchema,\n  MobileFooterWithSchema,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/esm/MobileListItem/MobileListItem.js

@@ -1,58 +1,64 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, border } from '@elliemae/ds-system';
-
-const StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-n7r3qn-0"
-})(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral['300']));
-const StyledTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-n7r3qn-1"
-})(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], truncate());
-
-const MobileListItem = _ref => {
-  let {
-    leftAddon = null,
-    rightAddon = null,
-    title = '',
-    value = '',
-    dataTestid = 'mobile-list-item',
-    theme
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { border, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+const StyledContainer = styled(Grid)`
+  background: ${(props) => props.theme.colors.neutral["000"]};
+  border-bottom: ${(props) => border(props.theme.colors.neutral["300"])};
+`;
+const StyledTitle = styled.div`
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  font-size: 13px;
+  color: ${(props) => props.theme.colors.neutral["800"]};
+  ${truncate()}
+`;
+const MobileListItem = ({
+  leftAddon = null,
+  rightAddon = null,
+  title = "",
+  value = "",
+  dataTestid = "mobile-list-item",
+  theme
+}) => {
   const cols = [1];
-  if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /*#__PURE__*/_jsx(StyledContainer, {
-    cols: cols,
+  if (leftAddon)
+    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, {
+    cols,
     height: theme.space.m,
     width: "100%",
     pl: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
-    "data-testid": "".concat(dataTestid, "--").concat(value)
-  }, void 0, leftAddon && /*#__PURE__*/_jsx(Grid, {
+    "data-testid": `${dataTestid}--${value}`
+  }, leftAddon && /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, leftAddon), /*#__PURE__*/_jsx(Grid, {
+  }, leftAddon), /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx(Grid, {
+  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, title)), rightAddon && /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, void 0, rightAddon));
+  }, rightAddon));
 };
-
 const DSMobileListItem = withTheme(MobileListItem);
 const listItemProps = {
-  leftAddon: PropTypes.element.description('Element placed at the left'),
-  rightAddon: PropTypes.element.description('Element placed at the right'),
-  title: PropTypes.string.description('Item s title').isRequired,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Item s value, used for data-testid attr'),
-  dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),
-  theme: PropTypes.object.description('')
+  leftAddon: PropTypes.element.description("Element placed at the left"),
+  rightAddon: PropTypes.element.description("Element placed at the right"),
+  title: PropTypes.string.description("Item s title").isRequired,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Item s value, used for data-testid attr"),
+  dataTestid: PropTypes.string.description("ID used for testing").defaultValue("mobile-list-item"),
+  theme: PropTypes.object.description("")
 };
+MobileListItem.propTypes = listItemProps;
 const ListItemWithSchema = describe(MobileListItem);
 ListItemWithSchema.propTypes = listItemProps;
-
-export { DSMobileListItem, ListItemWithSchema };
+export {
+  DSMobileListItem,
+  ListItemWithSchema
+};
+//# sourceMappingURL=MobileListItem.js.map

package/esm/MobileListItem/MobileListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport styled from 'styled-components';\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={theme.space.m}\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 && (\n        <Grid alignItems=\"center\" justifyContent=\"center\">\n          {leftAddon}\n        </Grid>\n      )}\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;\n\nconst ListItemWithSchema = describe(MobileListItem);\nListItemWithSchema.propTypes = listItemProps;\n\nexport { DSMobileListItem, ListItemWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,OAAO;AAAA,gBACf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACnC,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEhE,MAAM,cAAc,OAAO;AAAA,iBACV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,WAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C;AAAA;AAGJ,MAAM,iBAAiB,CAAC;AAAA,EACtB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,MACI;AACJ,QAAM,OAAO,CAAC;AACd,MAAI;AAAW,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AACjE,MAAI;AAAY,SAAK,KAAK,yBAAyB,MAAM,MAAM;AAC/D,SACE,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,OAAM;AAAA,IACN,IAAI,yBAAyB,MAAM,MAAM;AAAA,IACzC,IAAI,yBAAyB,MAAM,MAAM;AAAA,IACzC,QAAO;AAAA,IACP,eAAa,GAAG,eAAe;AAAA,KAE9B,aACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC,YAGL,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,KACf,qCAAC,aAAD,MAAc,SAEf,cACC,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,gBAAe;AAAA,KACtC;AAAA;AAOX,MAAM,mBAAmB,UAAU;AAEnC,MAAM,gBAAgB;AAAA,EACpB,WAAW,UAAU,QAAQ,YAAY;AAAA,EACzC,YAAY,UAAU,QAAQ,YAAY;AAAA,EAC1C,OAAO,UAAU,OAAO,YAAY,gBAAgB;AAAA,EACpD,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA,EAEF,YAAY,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EAC7E,OAAO,UAAU,OAAO,YAAY;AAAA;AAGtC,eAAe,YAAY;AAE3B,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;",
+  "names": []
+}

package/esm/MobileListItem/index.js

@@ -1 +1,3 @@
-export { DSMobileListItem, ListItemWithSchema } from './MobileListItem.js';
+import * as React from "react";
+export * from "./MobileListItem";
+//# sourceMappingURL=index.js.map

package/esm/MobileListItem/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileListItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileListItem';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}