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

package/esm/MobileCard/Card.js

@@ -1,131 +1,152 @@
-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 { useRef } from 'react';
-import { describe } from 'react-desc';
-import styled from 'styled-components';
-import { space } from '@xstyled/styled-components';
-import { truncate, toMobile, color, __UNSAFE_SPACE_TO_DIMSUM, border, withTheme, op } from '@elliemae/ds-system';
-import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
-import { Grid } from '@elliemae/ds-grid';
-import { StyledCard } from './StyledCard.js';
-import { ExpandChevron } from './ExpandChevron.js';
-import { useHeight } from './useHeight.js';
-import { ExpandableRegion } from './ExpandableRegion.js';
-import { cardPropsTypes } from './props.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from "react";
+import React2, { useRef } from "react";
+import { describe } from "react-desc";
+import styled from "styled-components";
+import { space } from "@xstyled/styled-components";
+import { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
+import GroupItem from "@elliemae/ds-shared/GroupContext/GroupItem";
+import { Grid } from "@elliemae/ds-grid";
+import { StyledCard as Card } from "./StyledCard";
+import { ExpandChevron } from "./ExpandChevron";
+import { useHeight } from "./useHeight";
+import { ExpandableRegion } from "./ExpandableRegion";
+import { cardPropsTypes } from "./props";
+const TitleEllipsis = styled.div`
+  ${truncate()}
+`;
+const Title = styled.div`
+  ${space}
+  ${truncate()}
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};
+  width: 100%;
+  ${color("neutral", 800)}
+`;
+const Detail = styled.span`
+  ${space}
+  ${truncate()}
+  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+`;
+const SubText = styled.span`
+  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
+  ${truncate()}
+  &:nth-child(2) {
+    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
+  }
+`;
+const SubTextWrap = styled.div`
+  ${truncate()}
+  border-top: ${(props) => border(props.theme.colors.neutral["300"])};
+  margin-top: 6px;
+  margin-bottom: 2px;
+  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
+  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};
+  ${color("neutral", 500)}
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  display: flex;
+  justify-content: space-between;
+`;
+const LeftIcon = styled(Grid)`
+  & > span {
+    height: ${(props) => props.halfM};
+    width: ${(props) => props.halfM};
+  }
 
-const TitleEllipsis = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-10tpzm8-0"
-})(["", ""], truncate());
-const Title = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-10tpzm8-1"
-})(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], space, truncate(), props => props.theme.fontWeights.semibold, props => toMobile(props.theme.fontSizes.title[600]), color('neutral', 800));
-const Detail = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-10tpzm8-2"
-})(["", " ", " font-size:", ";font-weight:", ";"], space, truncate(), props => toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
-const SubText = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-10tpzm8-3"
-})(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), truncate(), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
-const SubTextWrap = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-10tpzm8-4"
-})(["", " border-top:", ";margin-top:6px;margin-bottom:2px;padding-bottom:", ";font-size:", ";", " font-weight:", ";display:flex;justify-content:space-between;"], truncate(), props => border(props.theme.colors.neutral['300']), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => toMobile(props.theme.fontSizes.subTitle[400]), color('neutral', 500), props => props.theme.fontWeights.regular);
-const LeftIcon = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-10tpzm8-5"
-})(["& > span{height:", ";width:", ";}& > span > svg,svg:not([fill]){height:", ";width:", ";}"], props => props.halfM, props => props.halfM, props => props.halfM, props => props.halfM);
-const CenterWrap = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-10tpzm8-6"
-})(["display:flex;align-items:center;", ""], truncate());
-
-const MobileCard = _ref => {
-  var _TitleEllipsis, _SubText, _Grid;
-
-  let {
-    children,
-    height = 'm',
-    leftAddOn,
-    leftProp,
-    rightProp,
-    subText,
-    subIcons,
-    details,
-    theme,
-    expandable = false,
-    expandedContent,
-    value,
-    cardContent
-  } = _ref;
+  & > span > svg,
+  svg:not([fill]) {
+    height: ${(props) => props.halfM};
+    width: ${(props) => props.halfM};
+  }
+`;
+const CenterWrap = styled.div`
+  display: flex;
+  align-items: center;
+  ${truncate()}
+`;
+const MobileCard = ({
+  children,
+  height = "m",
+  leftAddOn,
+  leftProp,
+  rightProp,
+  subText,
+  subIcons,
+  details,
+  theme,
+  expandable = false,
+  expandedContent,
+  value,
+  cardContent
+}) => {
   const subTextRef = useRef(null);
   const subTextHeight = useHeight(subTextRef);
   const isJustChildren = !(subText || subIcons || details);
-  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);
-  return /*#__PURE__*/_jsx(GroupItem, {
-    render: function () {
-      let context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      const {
-        activeValue,
-        onChange
-      } = context;
-      const selected = activeValue !== undefined && (activeValue === value || (activeValue === null || activeValue === void 0 ? void 0 : activeValue.length) && (activeValue === null || activeValue === void 0 ? void 0 : activeValue.includes(value)));
-      return /*#__PURE__*/_jsx(StyledCard, {
+  const halfM = op("/", __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);
+  return /* @__PURE__ */ React2.createElement(GroupItem, {
+    render: (context = {}) => {
+      const { activeValue, onChange } = context;
+      const selected = activeValue !== void 0 && (activeValue === value || activeValue?.length && activeValue?.includes(value));
+      return /* @__PURE__ */ React2.createElement(Card, {
         "data-testid": "card-wrapper",
-        minHeight: height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)
-      }, void 0, expandable && /*#__PURE__*/_jsx(ExpandChevron, {
+        minHeight: height === "m" ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)
+      }, expandable && /* @__PURE__ */ React2.createElement(ExpandChevron, {
         isExpanded: selected,
-        onClick: e => {
+        onClick: (e) => {
           e.stopPropagation();
-          onChange({
-            target: {
-              value
-            }
-          });
+          onChange({ target: { value } });
         },
-        align: subText || subIcons ? 'top' : 'center'
-      }), /*#__PURE__*/_jsx(Grid, {
+        align: subText || subIcons ? "top" : "center"
+      }), /* @__PURE__ */ React2.createElement(Grid, {
         pb: (subText || subIcons) && subTextHeight,
-        cols: ['auto', 'auto'],
+        cols: ["auto", "auto"],
         alignItems: "center"
-      }, void 0, leftProp && /*#__PURE__*/_jsx(Grid, {
+      }, leftProp && /* @__PURE__ */ React2.createElement(Grid, {
         ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-      }, void 0, leftProp), leftAddOn && /*#__PURE__*/_jsx(LeftIcon, {
+      }, leftProp), leftAddOn && /* @__PURE__ */ React2.createElement(LeftIcon, {
         ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-        halfM: halfM
-      }, void 0, leftAddOn)), /*#__PURE__*/_jsx(Grid, {
+        halfM
+      }, leftAddOn)), /* @__PURE__ */ React2.createElement(Grid, {
         pl: !leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs),
         pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
         width: "100%"
-      }, void 0, /*#__PURE__*/_jsx(CenterWrap, {}, void 0, /*#__PURE__*/_jsx(Title, {
+      }, /* @__PURE__ */ React2.createElement(CenterWrap, null, /* @__PURE__ */ React2.createElement(Title, {
         pt: !isJustChildren && halfM,
         "data-testid": "card-title"
-      }, void 0, _TitleEllipsis || (_TitleEllipsis = /*#__PURE__*/_jsx(TitleEllipsis, {}, void 0, children)), details && /*#__PURE__*/_jsx(Grid, {
+      }, /* @__PURE__ */ React2.createElement(TitleEllipsis, null, children), details && /* @__PURE__ */ React2.createElement(Grid, {
         "data-testid": "card-details",
-        cols: details.map(() => 'min-content'),
+        cols: details.map(() => "min-content"),
         mb: !(subText || subIcons) && halfM || 0,
-        pt: op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
-      }, void 0, details.map((d, i) => /*#__PURE__*/_jsx(Detail, {}, i, d, i < details.length - 1 && /*#__PURE__*/_jsx(Detail, {
+        pt: op("/", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
+      }, details.map((d, i) => /* @__PURE__ */ React2.createElement(Detail, {
+        key: i
+      }, d, i < details.length - 1 && /* @__PURE__ */ React2.createElement(Detail, {
         px: __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)
-      }, void 0, "\u2022"))))), rightProp && rightProp.map((prop, i) => /*#__PURE__*/_jsx(Grid, {
-        ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-      }, i, prop))), subIcons && /*#__PURE__*/jsxs(SubTextWrap, {
-        ref: subTextRef,
-        children: [_SubText || (_SubText = /*#__PURE__*/_jsx(SubText, {}, void 0, subIcons)), subText && subText[1] && /*#__PURE__*/_jsx(SubText, {
-          "data-testid": "card-subText"
-        }, void 0, subText[1])]
-      }), subText && !subIcons && /*#__PURE__*/jsx(SubTextWrap, {
-        ref: subTextRef,
-        children: subText.map((s, i) => /*#__PURE__*/_jsx(SubText, {
-          "data-testid": "card-subText"
-        }, i, s))
-      }), /*#__PURE__*/_jsx(ExpandableRegion, {
+      }, "\u2022"))))), rightProp && rightProp.map((prop, i) => /* @__PURE__ */ React2.createElement(Grid, {
+        ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+        key: i
+      }, prop))), subIcons && /* @__PURE__ */ React2.createElement(SubTextWrap, {
+        ref: subTextRef
+      }, /* @__PURE__ */ React2.createElement(SubText, null, subIcons), subText && subText[1] && /* @__PURE__ */ React2.createElement(SubText, {
+        "data-testid": "card-subText"
+      }, subText[1])), subText && !subIcons && /* @__PURE__ */ React2.createElement(SubTextWrap, {
+        ref: subTextRef
+      }, subText.map((s, i) => /* @__PURE__ */ React2.createElement(SubText, {
+        "data-testid": "card-subText",
+        key: i
+      }, s))), /* @__PURE__ */ React2.createElement(ExpandableRegion, {
         show: selected,
         content: expandedContent
-      }), cardContent && (_Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}, void 0, cardContent)))));
+      }), cardContent && /* @__PURE__ */ React2.createElement(Grid, null, cardContent)));
     }
   });
 };
-
+MobileCard.propTypes = cardPropsTypes;
 const DSMobileCardWithSchema = describe(MobileCard);
 DSMobileCardWithSchema.propTypes = cardPropsTypes;
-var MobileCard$1 = withTheme(MobileCard);
-
-export { DSMobileCardWithSchema, MobileCard$1 as default };
+var Card_default = withTheme(MobileCard);
+export {
+  DSMobileCardWithSchema,
+  Card_default as default
+};
+//# sourceMappingURL=Card.js.map

package/esm/MobileCard/Card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/Card.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-array-index-key */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useRef } from 'react';\nimport { describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { space } from '@xstyled/styled-components';\nimport { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard';\nimport { ExpandChevron } from './ExpandChevron';\nimport { useHeight } from './useHeight';\nimport { ExpandableRegion } from './ExpandableRegion';\nimport { cardPropsTypes, MobileCardProps } from './props';\n\nconst TitleEllipsis = styled.div`\n  ${truncate()}\n`;\n\nconst Title = styled.div`\n  ${space}\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};\n  width: 100%;\n  ${color('neutral', 800)}\n`;\nconst Detail = styled.span`\n  ${space}\n  ${truncate()}\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\nconst SubText = styled.span`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  ${truncate()}\n  &:nth-child(2) {\n    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  }\n`;\nconst SubTextWrap = styled.div`\n  ${truncate()}\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  margin-top: 6px;\n  margin-bottom: 2px;\n  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};\n  ${color('neutral', 500)}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  display: flex;\n  justify-content: space-between;\n`;\nconst LeftIcon = styled(Grid)<{ halfM: string }>`\n  & > span {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n\n  & > span > svg,\n  svg:not([fill]) {\n    height: ${(props) => props.halfM};\n    width: ${(props) => props.halfM};\n  }\n`;\nconst CenterWrap = styled.div`\n  display: flex;\n  align-items: center;\n  ${truncate()}\n`;\n\nconst MobileCard: React.ComponentType<MobileCardProps> = ({\n  children,\n  height = 'm',\n  leftAddOn,\n  leftProp,\n  rightProp,\n  subText,\n  subIcons,\n  details,\n  theme,\n  expandable = false,\n  expandedContent,\n  value,\n  cardContent,\n}) => {\n  const subTextRef = useRef(null);\n  const subTextHeight = useHeight(subTextRef);\n  const isJustChildren = !(subText || subIcons || details);\n  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);\n\n  return (\n    <GroupItem\n      render={(context = {}) => {\n        const { activeValue, onChange } = context;\n        const selected =\n          activeValue !== undefined && (activeValue === value || (activeValue?.length && activeValue?.includes(value)));\n\n        return (\n          <Card\n            data-testid=\"card-wrapper\"\n            minHeight={\n              height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)\n            }\n          >\n            {expandable && (\n              <ExpandChevron\n                isExpanded={selected}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  onChange({ target: { value } });\n                }}\n                align={subText || subIcons ? 'top' : 'center'}\n              />\n            )}\n            <Grid pb={(subText || subIcons) && subTextHeight} cols={['auto', 'auto']} alignItems=\"center\">\n              {leftProp && <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</Grid>}\n              {leftAddOn && (\n                <LeftIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} halfM={halfM}>\n                  {leftAddOn}\n                </LeftIcon>\n              )}\n            </Grid>\n            <Grid\n              pl={!leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs)}\n              pr={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}\n              width=\"100%\"\n            >\n              <CenterWrap>\n                <Title pt={!isJustChildren && halfM} data-testid=\"card-title\">\n                  <TitleEllipsis>{children}</TitleEllipsis>\n                  {details && (\n                    <Grid\n                      data-testid=\"card-details\"\n                      cols={details.map(() => 'min-content')}\n                      mb={(!(subText || subIcons) && halfM) || 0}\n                      pt={op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)}\n                    >\n                      {details.map((d, i) => (\n                        <Detail key={i}>\n                          {d}\n                          {i < details.length - 1 && <Detail px={__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)}>\u2022</Detail>}\n                        </Detail>\n                      ))}\n                    </Grid>\n                  )}\n                </Title>\n                {rightProp &&\n                  rightProp.map((prop, i) => (\n                    <Grid ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </Grid>\n                  ))}\n              </CenterWrap>\n              {subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  <SubText>{subIcons}</SubText>\n                  {subText && subText[1] && <SubText data-testid=\"card-subText\">{subText[1]}</SubText>}\n                </SubTextWrap>\n              )}\n              {subText && !subIcons && (\n                <SubTextWrap ref={subTextRef}>\n                  {subText.map((s, i) => (\n                    <SubText data-testid=\"card-subText\" key={i}>\n                      {s}\n                    </SubText>\n                  ))}\n                </SubTextWrap>\n              )}\n              <ExpandableRegion show={selected} content={expandedContent} />\n              {cardContent && <Grid>{cardContent}</Grid>}\n            </Grid>\n          </Card>\n        );\n      }}\n    />\n  );\n};\n\nMobileCard.propTypes = cardPropsTypes;\n\nconst DSMobileCardWithSchema = describe(MobileCard);\n\nDSMobileCardWithSchema.propTypes = cardPropsTypes;\n\nexport { DSMobileCardWithSchema };\n\nexport default withTheme(MobileCard);\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/MobileCard/CardIcons.js

@@ -1,29 +1,78 @@
-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';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const CardIconsWrapper = styled(Grid)`
+  align-items: center;
+  span,
+  svg {
+    width: 12px !important;
+    height: 12px !important;
+  }
+  span.icon-color-muted svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.neutral["600"]};
+    height: 12px !important;
+    width: 12px !important;
 
-const CardIconsWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1vqygz1-0"
-})(["align-items:center;span,svg{width:12px !important;height:12px !important;}span.icon-color-muted svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-warn svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-error svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-success svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-primary svg,svg:not([fill]){fill:", ";}span.icon-color-primary svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.neutral['600'], props => props.theme.colors.neutral['600'], props => props.theme.colors.warning['600'], props => props.theme.colors.warning['600'], props => props.theme.colors.danger['900'], props => props.theme.colors.danger['900'], props => props.theme.colors.success['900'], props => props.theme.colors.success['900'], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
-const SubIcons = _ref => {
-  let {
-    icons = [],
-    colors = []
-  } = _ref;
-  return /*#__PURE__*/_jsx(CardIconsWrapper, {
-    cols: icons.map(() => '12px'),
-    gutter: "6px",
-    height: "14px",
-    "data-testid": "card-subIcons"
-  }, void 0, icons.map((Icon, i) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-array-index-key
-  _jsx(Icon, {
-    className: "icon-color-".concat(colors[i] || 'muted')
-  }, i)));
-};
+    & * {
+      fill: ${(props) => props.theme.colors.neutral["600"]};
+    }
+  }
+  span.icon-color-warn svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.warning["600"]};
+    height: 12px !important;
+    width: 12px !important;
+
+    & * {
+      fill: ${(props) => props.theme.colors.warning["600"]};
+    }
+  }
+  span.icon-color-error svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.danger["900"]};
+    height: 12px !important;
+    width: 12px !important;
+
+    & * {
+      fill: ${(props) => props.theme.colors.danger["900"]};
+    }
+  }
+  span.icon-color-success svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.success["900"]};
+    height: 12px !important;
+    width: 12px !important;
 
-export { SubIcons };
+    & * {
+      fill: ${(props) => props.theme.colors.success["900"]};
+    }
+  }
+  span.icon-color-primary svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.brand[600]};
+  }
+  span.icon-color-primary svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.brand[600]};
+  }
+`;
+const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ React2.createElement(CardIconsWrapper, {
+  cols: icons.map(() => "12px"),
+  gutter: "6px",
+  height: "14px",
+  "data-testid": "card-subIcons"
+}, icons.map((Icon, i) => /* @__PURE__ */ React2.createElement(Icon, {
+  key: i,
+  className: `icon-color-${colors[i] || "muted"}`
+})));
+SubIcons.propTypes = {
+  icons: PropTypes.arrayOf(PropTypes.func),
+  colors: PropTypes.arrayOf(PropTypes.oneOf(["muted", "warn", "error", "success", "primary"]))
+};
+export {
+  SubIcons
+};
+//# sourceMappingURL=CardIcons.js.map

package/esm/MobileCard/CardIcons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/CardIcons.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n  align-items: center;\n  span,\n  svg {\n    width: 12px !important;\n    height: 12px !important;\n  }\n  span.icon-color-muted svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.neutral['600']};\n    }\n  }\n  span.icon-color-warn svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.warning['600']};\n    }\n  }\n  span.icon-color-error svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.danger['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.danger['900']};\n    }\n  }\n  span.icon-color-success svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.success['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.success['900']};\n    }\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n  <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n    {icons.map((Icon, i) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n    ))}\n  </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n  /**\n   * Array of  Icons\n   */\n  icons: PropTypes.arrayOf(PropTypes.func),\n  /**\n   * Color Types: muted, warn, error, success\n   */\n  colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,cAKpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,YAIpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIzC,MAAM,WAAW,CAAC,EAAE,QAAQ,IAAI,SAAS,SAC9C,qCAAC,kBAAD;AAAA,EAAkB,MAAM,MAAM,IAAI,MAAM;AAAA,EAAS,QAAO;AAAA,EAAM,QAAO;AAAA,EAAO,eAAY;AAAA,GACrF,MAAM,IAAI,CAAC,MAAM,MAEhB,qCAAC,MAAD;AAAA,EAAM,KAAK;AAAA,EAAG,WAAW,cAAc,OAAO,MAAM;AAAA;AAK1D,SAAS,YAAY;AAAA,EAInB,OAAO,UAAU,QAAQ,UAAU;AAAA,EAInC,QAAQ,UAAU,QAAQ,UAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW;AAAA;",
+  "names": []
+}

package/esm/MobileCard/ExpandChevron.js

@@ -1,26 +1,30 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
-
-const ChevronWrap = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1l0ask2-0"
-})(["margin-top:", ";align-self:", ";margin-left:", ";"], props => props.align === 'top' ? '18px' : '0', props => props.align === 'top' ? 'flex-start' : 'center', props => props.theme.space.xs);
-const ExpandChevron = _ref => {
-  let {
-    isExpanded,
-    onClick,
-    align
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+import { ChevronDown, ChevronRight } from "@elliemae/ds-icons";
+const ChevronWrap = styled.div`
+  margin-top: ${(props) => props.align === "top" ? "18px" : "0"};
+  align-self: ${(props) => props.align === "top" ? "flex-start" : "center"};
+  margin-left: ${(props) => props.theme.space.xs};
+`;
+const ExpandChevron = ({ isExpanded, onClick, align }) => {
   const Chevron = isExpanded ? ChevronDown : ChevronRight;
-  return /*#__PURE__*/_jsx(ChevronWrap, {
+  return /* @__PURE__ */ React2.createElement(ChevronWrap, {
     "data-testid": "ds-card-expand-chevron",
-    align: align
-  }, void 0, /*#__PURE__*/_jsx(Chevron, {
+    align
+  }, /* @__PURE__ */ React2.createElement(Chevron, {
     size: "s",
-    color: ['brand-primary', 800],
-    onClick: onClick
+    color: ["brand-primary", 800],
+    onClick
   }));
 };
-
-export { ExpandChevron };
+ExpandChevron.propTypes = {
+  isExpanded: PropTypes.bool,
+  onClick: PropTypes.func.isRequired,
+  align: PropTypes.string.isRequired
+};
+export {
+  ExpandChevron
+};
+//# sourceMappingURL=ExpandChevron.js.map

package/esm/MobileCard/ExpandChevron.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandChevron.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n  margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n  align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n  margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n  const Chevron = isExpanded ? ChevronDown : ChevronRight;\n  return (\n    <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n      <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n    </ChevronWrap>\n  );\n};\n\nExpandChevron.propTypes = {\n  /**\n   * Whether if the chevron is expanded or not\n   */\n  isExpanded: PropTypes.bool,\n  /**\n   * click callback\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * top or center\n   */\n  align: PropTypes.string.isRequired,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS;AAAA,gBAC7C,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGvC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,YAAY;AAC/D,QAAM,UAAU,aAAa,cAAc;AAC3C,SACE,qCAAC,aAAD;AAAA,IAAa,eAAY;AAAA,IAAyB;AAAA,KAChD,qCAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,IAAM;AAAA;AAAA;AAKvD,cAAc,YAAY;AAAA,EAIxB,YAAY,UAAU;AAAA,EAItB,SAAS,UAAU,KAAK;AAAA,EAIxB,OAAO,UAAU,OAAO;AAAA;",
+  "names": []
+}

package/esm/MobileCard/ExpandableRegion.js

@@ -1,47 +1,52 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useEffect } from 'react';
-import styled from 'styled-components';
-import { truncate, border } from '@elliemae/ds-system';
-import { jsx } from 'react/jsx-runtime';
-
-const RegionWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-mduzz9-0"
-})(["width:100%;height:100%;"]);
-const Region = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-mduzz9-1"
-})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? "\n      max-height: ".concat(props.refHeight, "px;\n    ") : '', truncate(), props => border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
-const ExpandableRegion = _ref => {
-  var _ref$current;
-
-  let {
-    show,
-    content
-  } = _ref;
-  const ref = useRef(null); // triggers transition
-
-  const [animate, setAnimate] = useState(show); // needed to properly handle the transition. Hide after transition ends
-
+import * as React from "react";
+import React2, { useEffect, useState, useRef } from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+import { border, truncate } from "@elliemae/ds-system";
+const RegionWrapper = styled.div`
+  width: 100%;
+  height: 100%;
+`;
+const Region = styled.div`
+  display: flex;
+  ${(props) => props.hide ? "visibility: hidden;" : ""}
+  transition: max-height ${(props) => props.animate ? "0.25s" : "0.20s"} linear;
+  max-height: 0;
+  ${(props) => props.animate ? `
+      max-height: ${props.refHeight}px;
+    ` : ""}
+  align-items: center;
+  ${truncate()};
+  border-top: ${(props) => border(props.theme.colors.neutral["300"])};
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+`;
+const ExpandableRegion = ({ show, content }) => {
+  const ref = useRef(null);
+  const [animate, setAnimate] = useState(show);
   const [hide, setHide] = useState(!show);
   useEffect(() => {
     setAnimate(show);
-    if (show) setHide(false);
+    if (show)
+      setHide(false);
   }, [show]);
-
   const hideOnAnimationEnd = () => {
-    if (!show) setHide(true);
+    if (!show)
+      setHide(true);
   };
-
-  return /*#__PURE__*/_jsx(Region, {
-    hide: hide // needed to handle transition, `auto` max-height isn't supported
-    ,
-    refHeight: (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 9999,
+  return /* @__PURE__ */ React2.createElement(Region, {
+    hide,
+    refHeight: ref?.current?.scrollHeight || 9999,
     onTransitionEnd: hideOnAnimationEnd,
-    animate: animate
-  }, void 0, /*#__PURE__*/jsx(RegionWrapper, {
-    ref: ref,
-    children: content
-  }));
+    animate
+  }, /* @__PURE__ */ React2.createElement(RegionWrapper, {
+    ref
+  }, content));
 };
-
-export { ExpandableRegion };
+ExpandableRegion.propTypes = {
+  show: PropTypes.bool,
+  content: PropTypes.element
+};
+export {
+  ExpandableRegion
+};
+//# sourceMappingURL=ExpandableRegion.js.map

package/esm/MobileCard/ExpandableRegion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ExpandableRegion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { border, truncate } from '@elliemae/ds-system';\n\nconst RegionWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst Region = styled.div<{ hide: boolean; animate: boolean; refHeight: number }>`\n  display: flex;\n  ${(props) => (props.hide ? 'visibility: hidden;' : '')}\n  transition: max-height ${(props) => (props.animate ? '0.25s' : '0.20s')} linear;\n  max-height: 0;\n  ${(props) =>\n    props.animate\n      ? `\n      max-height: ${props.refHeight}px;\n    `\n      : ''}\n  align-items: center;\n  ${truncate()};\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nexport const ExpandableRegion = ({ show, content }: { show: boolean; content: JSX.Element | JSX.Element[] }) => {\n  const ref = useRef<HTMLDivElement>(null);\n  // triggers transition\n  const [animate, setAnimate] = useState(show);\n  // needed to properly handle the transition. Hide after transition ends\n  const [hide, setHide] = useState(!show);\n  useEffect(() => {\n    setAnimate(show);\n    if (show) setHide(false);\n  }, [show]);\n\n  const hideOnAnimationEnd = () => {\n    if (!show) setHide(true);\n  };\n\n  return (\n    <Region\n      hide={hide}\n      // needed to handle transition, `auto` max-height isn't supported\n      refHeight={ref?.current?.scrollHeight || 9999}\n      onTransitionEnd={hideOnAnimationEnd}\n      animate={animate}\n    >\n      <RegionWrapper ref={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,OAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB;AAAA,2BAC1B,CAAC,UAAW,MAAM,UAAU,UAAU;AAAA;AAAA,IAE7D,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM;AAAA,QAElB;AAAA;AAAA,IAEJ;AAAA,gBACY,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA,iBAC5C,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,cAAuE;AAC9G,QAAM,MAAM,OAAuB;AAEnC,QAAM,CAAC,SAAS,cAAc,SAAS;AAEvC,QAAM,CAAC,MAAM,WAAW,SAAS,CAAC;AAClC,YAAU,MAAM;AACd,eAAW;AACX,QAAI;AAAM,cAAQ;AAAA,KACjB,CAAC;AAEJ,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ;AAAA;AAGrB,SACE,qCAAC,QAAD;AAAA,IACE;AAAA,IAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB;AAAA,KAEA,qCAAC,eAAD;AAAA,IAAe;AAAA,KAAW;AAAA;AAKhC,iBAAiB,YAAY;AAAA,EAC3B,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA;",
+  "names": []
+}