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

package/esm/MobileCard/Group.js

@@ -1,86 +1,76 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React from 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import Group from '@elliemae/ds-shared/GroupContext/Group';
-import { Grid } from '@elliemae/ds-grid';
-import { truncate, __UNSAFE_SPACE_TO_DIMSUM, color, border, withTheme } from '@elliemae/ds-system';
-import { StyledCard } from './StyledCard.js';
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import styled from "styled-components";
+import Group from "@elliemae/ds-shared/GroupContext/Group";
+import { Grid } from "@elliemae/ds-grid";
+import { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { StyledCard as Card } from "./StyledCard";
+const GroupGrid = styled(Grid)`
+  ${Card} {
+    border-top: none;
+  }
 
-const GroupGrid = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-17xukaf-0"
-})(["", "{border-top:none;}", ""], StyledCard, _ref => {
-  let {
-    theme,
-    withTopBorder
-  } = _ref;
-  return withTopBorder ? "border-top: ".concat(border(theme.colors.neutral['100'])) : '';
-});
-const GroupTitle = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-17xukaf-1"
-})(["", ""], truncate());
-const GroupTitleGrid = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-17xukaf-2"
-})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:", ";", " font-weight:", ";background-color:", ";border-top:", ";line-height:", ";@media (min-width:1024px){background-color:", ";border-top:", ";}"], props => props.theme.space.xs, props => "calc(".concat(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), " / 2)"), color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.brand['200'], props => border(props.theme.colors.brand['300']), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), props => props.theme.colors.neutral['080'], props => border(props.theme.colors.neutral['080']));
-
-const MobileCardGroup = _ref2 => {
-  let {
-    children,
-    theme,
-    title,
-    action,
+  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${border(theme.colors.neutral["100"])}` : ""}
+`;
+const GroupTitle = styled.span`
+  ${truncate()}
+`;
+const GroupTitleGrid = styled.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 0 ${(props2) => props2.theme.space.xs};
+  font-size: ${(props2) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props2.theme.space.m)} / 2)`};
+  ${color("neutral", "700")}
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+  background-color: ${(props2) => props2.theme.colors.brand["200"]};
+  border-top: ${(props2) => border(props2.theme.colors.brand["300"])};
+  line-height: ${(props2) => __UNSAFE_SPACE_TO_DIMSUM(props2.theme.space.m)};
+  @media (min-width: 1024px) {
+    background-color: ${(props2) => props2.theme.colors.neutral["080"]};
+    border-top: ${(props2) => border(props2.theme.colors.neutral["080"])};
+  }
+`;
+const MobileCardGroup = ({
+  children,
+  theme,
+  title,
+  action,
+  activeValue,
+  allowMultipleOpen = false,
+  onChange = () => null
+}) => {
+  const rows = !title ? ["auto"] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), "auto"];
+  return /* @__PURE__ */ React2.createElement(Group, {
     activeValue,
-    allowMultipleOpen = false,
-    onChange = () => null
-  } = _ref2;
-  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];
-  return /*#__PURE__*/_jsx(Group, {
-    activeValue: activeValue,
     multiple: allowMultipleOpen,
-    onChange: onChange
-  }, void 0, /*#__PURE__*/_jsx(GroupGrid, {
+    onChange
+  }, /* @__PURE__ */ React2.createElement(GroupGrid, {
     withTopBorder: !title,
-    rows: rows
-  }, void 0, !!title && /*#__PURE__*/_jsx(GroupTitleGrid, {
+    rows
+  }, !!title && /* @__PURE__ */ React2.createElement(GroupTitleGrid, {
     pl: "xxs"
-  }, void 0, /*#__PURE__*/_jsx(GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx(Grid, {}, void 0, React.Children.map(children, (child, idx) => /*#__PURE__*/React.cloneElement(child, {
+  }, /* @__PURE__ */ React2.createElement(GroupTitle, null, title), action), /* @__PURE__ */ React2.createElement(Grid, null, React2.Children.map(children, (child, idx) => React2.cloneElement(child, {
     key: idx,
     value: idx,
     idx
   }), null))));
 };
-
 const props = {
-  theme: PropTypes.object.isRequired.description(''),
-
-  /**
-   * Defines group title
-   */
-  title: PropTypes.string.description(''),
-
-  /**
-   * Pass one or more Mobile Cards to render as a group
-   */
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),
-
-  /**
-   * Group header addon
-   */
-  action: PropTypes.element.description(''),
-
-  /**  */
-  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),
-
-  /**  */
-  allowMultipleOpen: PropTypes.bool.description(''),
-
-  /**  */
-  onChange: PropTypes.func.description('')
+  theme: PropTypes.object.isRequired.description(""),
+  title: PropTypes.string.description(""),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(""),
+  action: PropTypes.element.description(""),
+  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(""),
+  allowMultipleOpen: PropTypes.bool.description(""),
+  onChange: PropTypes.func.description("")
 };
+MobileCardGroup.propTypes = props;
 const DSMobileCardGroupWithSchema = describe(MobileCardGroup);
 DSMobileCardGroupWithSchema.propTypes = props;
-var MobileGroup = withTheme(MobileCardGroup);
-
-export { DSMobileCardGroupWithSchema, MobileGroup as default };
+var Group_default = withTheme(MobileCardGroup);
+export {
+  DSMobileCardGroupWithSchema,
+  Group_default as default
+};
+//# sourceMappingURL=Group.js.map

package/esm/MobileCard/Group.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Group.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport styled from 'styled-components';\nimport Group from '@elliemae/ds-shared/GroupContext/Group';\nimport { Grid } from '@elliemae/ds-grid';\nimport { color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { StyledCard as Card } from './StyledCard';\n\nconst GroupGrid = styled(Grid)`\n  ${Card} {\n    border-top: none;\n  }\n\n  ${({ theme, withTopBorder }) => (withTopBorder ? `border-top: ${border(theme.colors.neutral['100'])}` : '')}\n`;\n\nconst GroupTitle = styled.span`\n  ${truncate()}\n`;\n\nconst GroupTitleGrid = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 0 ${(props) => props.theme.space.xs};\n  font-size: ${(props) => `calc(${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)} / 2)`};\n  ${color('neutral', '700')}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  background-color: ${(props) => props.theme.colors.brand['200']};\n  border-top: ${(props) => border(props.theme.colors.brand['300'])};\n  line-height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  @media (min-width: 1024px) {\n    background-color: ${(props) => props.theme.colors.neutral['080']};\n    border-top: ${(props) => border(props.theme.colors.neutral['080'])};\n  }\n`;\n\nconst MobileCardGroup = ({\n  children,\n  theme,\n  title,\n  action,\n  activeValue,\n  allowMultipleOpen = false,\n  onChange = () => null,\n}) => {\n  const rows = !title ? ['auto'] : [__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 'auto'];\n\n  return (\n    <Group activeValue={activeValue} multiple={allowMultipleOpen} onChange={onChange}>\n      <GroupGrid withTopBorder={!title} rows={rows}>\n        {!!title && (\n          <GroupTitleGrid pl=\"xxs\">\n            <GroupTitle>{title}</GroupTitle>\n            {action}\n          </GroupTitleGrid>\n        )}\n        <Grid>\n          {React.Children.map(\n            children,\n            (child, idx) =>\n              React.cloneElement(child, {\n                key: idx,\n                value: idx,\n                idx,\n              }),\n            null,\n          )}\n        </Grid>\n      </GroupGrid>\n    </Group>\n  );\n};\n\nconst props = {\n  theme: PropTypes.object.isRequired.description(''),\n  /**\n   * Defines group title\n   */\n  title: PropTypes.string.description(''),\n  /**\n   * Pass one or more Mobile Cards to render as a group\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(''),\n  /**\n   * Group header addon\n   */\n  action: PropTypes.element.description(''),\n  /**  */\n  activeValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]).description(''),\n  /**  */\n  allowMultipleOpen: PropTypes.bool.description(''),\n  /**  */\n  onChange: PropTypes.func.description(''),\n};\n\nMobileCardGroup.propTypes = props;\n\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA,IACrB;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,oBAAqB,gBAAgB,eAAe,OAAO,MAAM,OAAO,QAAQ,YAAY;AAAA;AAG1G,MAAM,aAAa,OAAO;AAAA,IACtB;AAAA;AAGJ,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,WAAU,QAAQ,yBAAyB,OAAM,MAAM,MAAM;AAAA,IACzE,MAAM,WAAW;AAAA,iBACJ,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAAC,WAAU,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAAC,WAAU,OAAO,OAAM,MAAM,OAAO,MAAM;AAAA,iBAC1C,CAAC,WAAU,yBAAyB,OAAM,MAAM,MAAM;AAAA;AAAA,wBAE/C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAAC,WAAU,OAAO,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI/D,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AAAA,MACb;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,yBAAyB,MAAM,MAAM,IAAI;AAE3E,SACE,qCAAC,OAAD;AAAA,IAAO;AAAA,IAA0B,UAAU;AAAA,IAAmB;AAAA,KAC5D,qCAAC,WAAD;AAAA,IAAW,eAAe,CAAC;AAAA,IAAO;AAAA,KAC/B,CAAC,CAAC,SACD,qCAAC,gBAAD;AAAA,IAAgB,IAAG;AAAA,KACjB,qCAAC,YAAD,MAAa,QACZ,SAGL,qCAAC,MAAD,MACG,OAAM,SAAS,IACd,UACA,CAAC,OAAO,QACN,OAAM,aAAa,OAAO;AAAA,IACxB,KAAK;AAAA,IACL,OAAO;AAAA,IACP;AAAA,MAEJ;AAAA;AAQZ,MAAM,QAAQ;AAAA,EACZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,WAAW,WAAW,YAAY;AAAA,EAIhH,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAEtC,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,UAAU,YAAY;AAAA,EAEtG,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAE9C,UAAU,UAAU,KAAK,YAAY;AAAA;AAGvC,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,SAAS;AAE7C,4BAA4B,YAAY;AAIxC,IAAO,gBAAQ,UAAU;",
+  "names": []
+}

package/esm/MobileCard/StyledCard.js

@@ -1,8 +1,15 @@
-import styled from 'styled-components';
-import { border } from '@elliemae/ds-system';
-
-const StyledCard = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-28g2t3-0"
-})(["display:flex;align-items:center;height:fit-content;min-height:", ";border:", ";border-bottom:", ";"], props => props.minHeight, props => border(props.theme.colors.neutral['100']), props => border('.5px', props.theme.colors.neutral['500']));
-
-export { StyledCard };
+import * as React from "react";
+import styled from "styled-components";
+import { border } from "@elliemae/ds-system";
+const StyledCard = styled.div`
+  display: flex;
+  align-items: center;
+  height: fit-content;
+  min-height: ${(props) => props.minHeight};
+  border: ${(props) => border(props.theme.colors.neutral["100"])};
+  border-bottom: ${(props) => border(".5px", props.theme.colors.neutral["500"])};
+`;
+export {
+  StyledCard
+};
+//# sourceMappingURL=StyledCard.js.map

package/esm/MobileCard/StyledCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/StyledCard.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\n\nexport const StyledCard = styled.div<{ minHeight: string }>`\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  min-height: ${(props) => props.minHeight};\n  border: ${(props) => border(props.theme.colors.neutral['100'])};\n  border-bottom: ${(props) => border('.5px', props.theme.colors.neutral['500'])};\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,mBACtC,CAAC,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "names": []
+}

package/esm/MobileCard/index.js

@@ -1,11 +1,16 @@
-import MobileCard from './Card.js';
-export { DSMobileCardWithSchema, default } from './Card.js';
-import MobileGroup from './Group.js';
-export { DSMobileCardGroupWithSchema } from './Group.js';
-export { ActionAddon } from './ActionAddon.js';
-export { SubIcons } from './CardIcons.js';
-
+import * as React from "react";
+import MobileCard, { DSMobileCardWithSchema } from "./Card";
+import MobileGroup, { DSMobileCardGroupWithSchema } from "./Group";
+import { ActionAddon } from "./ActionAddon";
 MobileCard.Group = MobileGroup;
 const DSMobileCard = MobileCard;
-
-export { DSMobileCard };
+export * from "./CardIcons";
+var MobileCard_default = MobileCard;
+export {
+  ActionAddon,
+  DSMobileCard,
+  DSMobileCardGroupWithSchema,
+  DSMobileCardWithSchema,
+  MobileCard_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileCard/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import MobileCard, { DSMobileCardWithSchema } from './Card';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group';\nimport { ActionAddon } from './ActionAddon';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\nexport {\n  DSMobileCard,\n  ActionAddon,\n  DSMobileCardWithSchema,\n  DSMobileCardGroupWithSchema,\n};\nexport * from './CardIcons';\nexport default MobileCard;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,WAAW,QAAQ;AACnB,MAAM,eAAe;AAQrB;AACA,IAAO,qBAAQ;",
+  "names": []
+}

package/esm/MobileCard/props.js

@@ -1,58 +1,21 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const cardPropsTypes = {
-  /**
-   * card height
-   */
-  height: PropTypes.oneOf(['s', 'm']).description('card height'),
-
-  /**
-   * Defines mobile card title
-   */
-  children: PropTypes.string.description('Defines mobile card title').isRequired,
-
-  /**
-   * Wheter if the card is expandable or not
-   */
-  expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),
-
-  /**
-   * content to display in expand card section
-   */
-  expandedContent: PropTypes.element.description('content to display in expand card section'),
-
-  /**
-   * Icon to the left of the card. Size is adjusted automatically.
-   */
-  leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),
-
-  /**
-   * Pass an element to render left. For example a Button with an icon
-   */
-  leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon
-   */
-  rightProp: PropTypes.arrayOf(PropTypes.element).description('Pass an array of 1 or 2 elements to render right. For example a Button with an icon'),
-
-  /**
-   * Pass an array of 1 or 2 strings
-   */
-  subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),
-
-  /**
-   * SubIcons component
-   */
-  subIcons: PropTypes.element.description('SubIcons component'),
-
-  /**
-   * Pass an array of 1, 2 or 3 strings
-   */
-  details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),
-  theme: PropTypes.object.description('').isRequired,
-  value: PropTypes.number.description(''),
-  cardContent: PropTypes.node.description('JSX content for the card')
+  height: PropTypes.oneOf(["s", "m"]).description("card height"),
+  children: PropTypes.string.description("Defines mobile card title").isRequired,
+  expandable: PropTypes.bool.description("Wheter if the card is expandable or not"),
+  expandedContent: PropTypes.element.description("content to display in expand card section"),
+  leftAddOn: PropTypes.element.description("Icon to the left of the card. Size is adjusted automatically."),
+  leftProp: PropTypes.element.description("Pass an element to render left. For example a Button with an icon"),
+  rightProp: PropTypes.arrayOf(PropTypes.element).description("Pass an array of 1 or 2 elements to render right. For example a Button with an icon"),
+  subText: PropTypes.arrayOf(PropTypes.string).description("Pass an array of 1 or 2 strings"),
+  subIcons: PropTypes.element.description("SubIcons component"),
+  details: PropTypes.arrayOf(PropTypes.string).description("Pass an array of 1, 2 or 3 strings"),
+  theme: PropTypes.object.description("").isRequired,
+  value: PropTypes.number.description(""),
+  cardContent: PropTypes.node.description("JSX content for the card")
 };
-
-export { cardPropsTypes };
+export {
+  cardPropsTypes
+};
+//# sourceMappingURL=props.js.map

package/esm/MobileCard/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes } from 'react-desc';\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport interface MobileCardProps {\n  children: React.ReactNode | React.ReactNode[];\n  height: 's' | 'm';\n  leftAddOn: JSX.Element | JSX.Element[];\n  leftProp: JSX.Element | JSX.Element[];\n  rightProp: JSX.Element[];\n  subText: string[];\n  subIcons: JSX.Element | JSX.Element[];\n  details: string[];\n  theme: Theme;\n  value: number;\n  expandable: boolean;\n  expandedContent: JSX.Element | JSX.Element[];\n  cardContent: JSX.Element | JSX.Element[];\n}\n\nexport const cardPropsTypes = {\n  /**\n   * card height\n   */\n  height: PropTypes.oneOf(['s', 'm']).description('card height'),\n  /**\n   * Defines mobile card title\n   */\n  children: PropTypes.string.description('Defines mobile card title').isRequired,\n  /**\n   * Wheter if the card is expandable or not\n   */\n  expandable: PropTypes.bool.description('Wheter if the card is expandable or not'),\n  /**\n   * content to display in expand card section\n   */\n  expandedContent: PropTypes.element.description('content to display in expand card section'),\n  /**\n   * Icon to the left of the card. Size is adjusted automatically.\n   */\n  leftAddOn: PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),\n  /**\n   * Pass an array of 1 or 2 elements to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.arrayOf(PropTypes.element).description(\n    'Pass an array of 1 or 2 elements to render right. For example a Button with an icon',\n  ),\n  /**\n   * Pass an array of 1 or 2 strings\n   */\n  subText: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1 or 2 strings'),\n  /**\n   * SubIcons component\n   */\n  subIcons: PropTypes.element.description('SubIcons component'),\n  /**\n   * Pass an array of 1, 2 or 3 strings\n   */\n  details: PropTypes.arrayOf(PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),\n  theme: PropTypes.object.description('').isRequired,\n  value: PropTypes.number.description(''),\n  cardContent: PropTypes.node.description('JSX content for the card'),\n};\n"],
+  "mappings": "AAAA;ACCA;AAmBO,MAAM,iBAAiB;AAAA,EAI5B,QAAQ,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAIhD,UAAU,UAAU,OAAO,YAAY,6BAA6B;AAAA,EAIpE,YAAY,UAAU,KAAK,YAAY;AAAA,EAIvC,iBAAiB,UAAU,QAAQ,YAAY;AAAA,EAI/C,WAAW,UAAU,QAAQ,YAAY;AAAA,EAIzC,UAAU,UAAU,QAAQ,YAAY;AAAA,EAIxC,WAAW,UAAU,QAAQ,UAAU,SAAS,YAC9C;AAAA,EAKF,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAIzD,UAAU,UAAU,QAAQ,YAAY;AAAA,EAIxC,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EACzD,OAAO,UAAU,OAAO,YAAY,IAAI;AAAA,EACxC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,aAAa,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/esm/MobileCard/useHeight.js

@@ -1,13 +1,11 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-import { rem } from 'polished';
-
+import * as React from "react";
+import { useEffect, useState } from "react";
+import { rem } from "polished";
 function getCurrentFont() {
-  return Number(window.getComputedStyle(document.querySelector(':root')).getPropertyValue('font-size').match(/\d+/)[0]);
+  return Number(window.getComputedStyle(document.querySelector(":root")).getPropertyValue("font-size").match(/\d+/)[0]);
 }
-
 function useHeight(ref) {
-  const [height, setHeight] = useState('0rem');
+  const [height, setHeight] = useState("0rem");
   const [currentFont, setCurrentFont] = useState(13);
   useEffect(() => {
     setCurrentFont(getCurrentFont());
@@ -19,5 +17,7 @@ function useHeight(ref) {
   }, [ref.current, currentFont]);
   return height;
 }
-
-export { useHeight };
+export {
+  useHeight
+};
+//# sourceMappingURL=useHeight.js.map

package/esm/MobileCard/useHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/useHeight.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  return Number(\n    window\n      .getComputedStyle(document.querySelector(':root'))\n      .getPropertyValue('font-size')\n      .match(/\\d+/)[0],\n  );\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,0BAA0B;AACxB,SAAO,OACL,OACG,iBAAiB,SAAS,cAAc,UACxC,iBAAiB,aACjB,MAAM,OAAO;AAAA;AAIb,mBAAmB,KAAK;AAC7B,QAAM,CAAC,QAAQ,aAAa,SAAS;AACrC,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,YAAU,MAAM;AACd,mBAAe;AAAA,KACd;AAEH,YAAU,MAAM;AACd,QAAI,IAAI,WAAW,WAAW,IAAI,IAAI,QAAQ,cAAc,cAAc;AACxE,gBAAU,IAAI,IAAI,QAAQ,cAAc;AAAA;AAAA,KAEzC,CAAC,IAAI,SAAS;AAEjB,SAAO;AAAA;",
+  "names": []
+}