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

package/cjs/MobileCard/Card.js

@@ -1,142 +1,181 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var GroupItem = require('@elliemae/ds-shared/GroupContext/GroupItem');
-var dsGrid = require('@elliemae/ds-grid');
-var StyledCard = require('./StyledCard.js');
-var ExpandChevron = require('./ExpandChevron.js');
-var useHeight = require('./useHeight.js');
-var ExpandableRegion = require('./ExpandableRegion.js');
-var props = require('./props.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
-
-const TitleEllipsis = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-10tpzm8-0"
-})(["", ""], dsSystem.truncate());
-const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-10tpzm8-1"
-})(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], styledComponents.space, dsSystem.truncate(), props => props.theme.fontWeights.semibold, props => dsSystem.toMobile(props.theme.fontSizes.title[600]), dsSystem.color('neutral', 800));
-const Detail = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-10tpzm8-2"
-})(["", " ", " font-size:", ";font-weight:", ";"], styledComponents.space, dsSystem.truncate(), props => dsSystem.toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
-const SubText = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-10tpzm8-3"
-})(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), dsSystem.truncate(), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
-const SubTextWrap = /*#__PURE__*/styled__default["default"].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;"], dsSystem.truncate(), props => dsSystem.border(props.theme.colors.neutral['300']), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.toMobile(props.theme.fontSizes.subTitle[400]), dsSystem.color('neutral', 500), props => props.theme.fontWeights.regular);
-const LeftIcon = /*#__PURE__*/styled__default["default"](dsGrid.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__default["default"].div.withConfig({
-  componentId: "sc-10tpzm8-6"
-})(["display:flex;align-items:center;", ""], dsSystem.truncate());
-
-const MobileCard = _ref => {
-  var _TitleEllipsis, _SubText, _Grid;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Card_exports = {};
+__export(Card_exports, {
+  DSMobileCardWithSchema: () => DSMobileCardWithSchema,
+  default: () => Card_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+var import_ds_system = require("@elliemae/ds-system");
+var import_GroupItem = __toESM(require("@elliemae/ds-shared/GroupContext/GroupItem"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_StyledCard = require("./StyledCard");
+var import_ExpandChevron = require("./ExpandChevron");
+var import_useHeight = require("./useHeight");
+var import_ExpandableRegion = require("./ExpandableRegion");
+var import_props = require("./props");
+const TitleEllipsis = import_styled_components.default.div`
+  ${(0, import_ds_system.truncate)()}
+`;
+const Title = import_styled_components.default.div`
+  ${import_styled_components2.space}
+  ${(0, import_ds_system.truncate)()}
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[600])};
+  width: 100%;
+  ${(0, import_ds_system.color)("neutral", 800)}
+`;
+const Detail = import_styled_components.default.span`
+  ${import_styled_components2.space}
+  ${(0, import_ds_system.truncate)()}
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[500])};
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+`;
+const SubText = import_styled_components.default.span`
+  margin-top: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};
+  ${(0, import_ds_system.truncate)()}
+  &:nth-child(2) {
+    padding-left: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.s)};
+  }
+`;
+const SubTextWrap = import_styled_components.default.div`
+  ${(0, import_ds_system.truncate)()}
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
+  margin-top: 6px;
+  margin-bottom: 2px;
+  padding-bottom: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
+  font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.subTitle[400])};
+  ${(0, import_ds_system.color)("neutral", 500)}
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  display: flex;
+  justify-content: space-between;
+`;
+const LeftIcon = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  & > span {
+    height: ${(props) => props.halfM};
+    width: ${(props) => props.halfM};
+  }
 
-  let {
-    children,
-    height = 'm',
-    leftAddOn,
-    leftProp,
-    rightProp,
-    subText,
-    subIcons,
-    details,
-    theme,
-    expandable = false,
-    expandedContent,
-    value,
-    cardContent
-  } = _ref;
-  const subTextRef = React.useRef(null);
-  const subTextHeight = useHeight.useHeight(subTextRef);
+  & > span > svg,
+  svg:not([fill]) {
+    height: ${(props) => props.halfM};
+    width: ${(props) => props.halfM};
+  }
+`;
+const CenterWrap = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  ${(0, import_ds_system.truncate)()}
+`;
+const MobileCard = ({
+  children,
+  height = "m",
+  leftAddOn,
+  leftProp,
+  rightProp,
+  subText,
+  subIcons,
+  details,
+  theme,
+  expandable = false,
+  expandedContent,
+  value,
+  cardContent
+}) => {
+  const subTextRef = (0, import_react.useRef)(null);
+  const subTextHeight = (0, import_useHeight.useHeight)(subTextRef);
   const isJustChildren = !(subText || subIcons || details);
-  const halfM = dsSystem.op('/', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);
-  return /*#__PURE__*/_jsx__default["default"](GroupItem__default["default"], {
-    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__default["default"](StyledCard.StyledCard, {
+  const halfM = (0, import_ds_system.op)("/", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), 2);
+  return /* @__PURE__ */ import_react.default.createElement(import_GroupItem.default, {
+    render: (context = {}) => {
+      const { activeValue, onChange } = context;
+      const selected = activeValue !== void 0 && (activeValue === value || activeValue?.length && activeValue?.includes(value));
+      return /* @__PURE__ */ import_react.default.createElement(import_StyledCard.StyledCard, {
         "data-testid": "card-wrapper",
-        minHeight: height === 'm' ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)
-      }, void 0, expandable && /*#__PURE__*/_jsx__default["default"](ExpandChevron.ExpandChevron, {
+        minHeight: height === "m" ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl)
+      }, expandable && /* @__PURE__ */ import_react.default.createElement(import_ExpandChevron.ExpandChevron, {
         isExpanded: selected,
-        onClick: e => {
+        onClick: (e) => {
           e.stopPropagation();
-          onChange({
-            target: {
-              value
-            }
-          });
+          onChange({ target: { value } });
         },
-        align: subText || subIcons ? 'top' : 'center'
-      }), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+        align: subText || subIcons ? "top" : "center"
+      }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
         pb: (subText || subIcons) && subTextHeight,
-        cols: ['auto', 'auto'],
+        cols: ["auto", "auto"],
         alignItems: "center"
-      }, void 0, leftProp && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-      }, void 0, leftProp), leftAddOn && /*#__PURE__*/_jsx__default["default"](LeftIcon, {
-        ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-        halfM: halfM
-      }, void 0, leftAddOn)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        pl: !leftAddOn ? dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xs),
-        pr: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
+      }, leftProp && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
+      }, leftProp), leftAddOn && /* @__PURE__ */ import_react.default.createElement(LeftIcon, {
+        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+        halfM
+      }, leftAddOn)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+        pl: !leftAddOn ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xs),
+        pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
         width: "100%"
-      }, void 0, /*#__PURE__*/_jsx__default["default"](CenterWrap, {}, void 0, /*#__PURE__*/_jsx__default["default"](Title, {
+      }, /* @__PURE__ */ import_react.default.createElement(CenterWrap, null, /* @__PURE__ */ import_react.default.createElement(Title, {
         pt: !isJustChildren && halfM,
         "data-testid": "card-title"
-      }, void 0, _TitleEllipsis || (_TitleEllipsis = /*#__PURE__*/_jsx__default["default"](TitleEllipsis, {}, void 0, children)), details && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+      }, /* @__PURE__ */ import_react.default.createElement(TitleEllipsis, null, children), details && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
         "data-testid": "card-details",
-        cols: details.map(() => 'min-content'),
+        cols: details.map(() => "min-content"),
         mb: !(subText || subIcons) && halfM || 0,
-        pt: dsSystem.op('/', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
-      }, void 0, details.map((d, i) => /*#__PURE__*/_jsx__default["default"](Detail, {}, i, d, i < details.length - 1 && /*#__PURE__*/_jsx__default["default"](Detail, {
-        px: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)
-      }, void 0, "\u2022"))))), rightProp && rightProp.map((prop, i) => /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-        ml: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-      }, i, prop))), subIcons && /*#__PURE__*/jsxRuntime.jsxs(SubTextWrap, {
-        ref: subTextRef,
-        children: [_SubText || (_SubText = /*#__PURE__*/_jsx__default["default"](SubText, {}, void 0, subIcons)), subText && subText[1] && /*#__PURE__*/_jsx__default["default"](SubText, {
-          "data-testid": "card-subText"
-        }, void 0, subText[1])]
-      }), subText && !subIcons && /*#__PURE__*/jsxRuntime.jsx(SubTextWrap, {
-        ref: subTextRef,
-        children: subText.map((s, i) => /*#__PURE__*/_jsx__default["default"](SubText, {
-          "data-testid": "card-subText"
-        }, i, s))
-      }), /*#__PURE__*/_jsx__default["default"](ExpandableRegion.ExpandableRegion, {
+        pt: (0, import_ds_system.op)("/", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs), 2)
+      }, details.map((d, i) => /* @__PURE__ */ import_react.default.createElement(Detail, {
+        key: i
+      }, d, i < details.length - 1 && /* @__PURE__ */ import_react.default.createElement(Detail, {
+        px: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs)
+      }, "\u2022"))))), rightProp && rightProp.map((prop, i) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+        key: i
+      }, prop))), subIcons && /* @__PURE__ */ import_react.default.createElement(SubTextWrap, {
+        ref: subTextRef
+      }, /* @__PURE__ */ import_react.default.createElement(SubText, null, subIcons), subText && subText[1] && /* @__PURE__ */ import_react.default.createElement(SubText, {
+        "data-testid": "card-subText"
+      }, subText[1])), subText && !subIcons && /* @__PURE__ */ import_react.default.createElement(SubTextWrap, {
+        ref: subTextRef
+      }, subText.map((s, i) => /* @__PURE__ */ import_react.default.createElement(SubText, {
+        "data-testid": "card-subText",
+        key: i
+      }, s))), /* @__PURE__ */ import_react.default.createElement(import_ExpandableRegion.ExpandableRegion, {
         show: selected,
         content: expandedContent
-      }), cardContent && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, cardContent)))));
+      }), cardContent && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, cardContent)));
     }
   });
 };
-
-const DSMobileCardWithSchema = reactDesc.describe(MobileCard);
-DSMobileCardWithSchema.propTypes = props.cardPropsTypes;
-var MobileCard$1 = dsSystem.withTheme(MobileCard);
-
-exports.DSMobileCardWithSchema = DSMobileCardWithSchema;
-exports["default"] = MobileCard$1;
+MobileCard.propTypes = import_props.cardPropsTypes;
+const DSMobileCardWithSchema = (0, import_react_desc.describe)(MobileCard);
+DSMobileCardWithSchema.propTypes = import_props.cardPropsTypes;
+var Card_default = (0, import_ds_system.withTheme)(MobileCard);
+module.exports = __toCommonJS(Card_exports);
+//# sourceMappingURL=Card.js.map

package/cjs/MobileCard/Card.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/Card.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/MobileCard/CardIcons.js

@@ -1,38 +1,107 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var CardIcons_exports = {};
+__export(CardIcons_exports, {
+  SubIcons: () => SubIcons
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const CardIconsWrapper = (0, import_styled_components.default)(import_ds_grid.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;
 
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('react');
-var styled = require('styled-components');
-var dsGrid = require('@elliemae/ds-grid');
+    & * {
+      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;
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+    & * {
+      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;
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+    & * {
+      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;
 
-const CardIconsWrapper = /*#__PURE__*/styled__default["default"](dsGrid.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__default["default"](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__default["default"](Icon, {
-    className: "icon-color-".concat(colors[i] || 'muted')
-  }, i)));
+    & * {
+      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__ */ import_react.default.createElement(CardIconsWrapper, {
+  cols: icons.map(() => "12px"),
+  gutter: "6px",
+  height: "14px",
+  "data-testid": "card-subIcons"
+}, icons.map((Icon, i) => /* @__PURE__ */ import_react.default.createElement(Icon, {
+  key: i,
+  className: `icon-color-${colors[i] || "muted"}`
+})));
+SubIcons.propTypes = {
+  icons: import_prop_types.default.arrayOf(import_prop_types.default.func),
+  colors: import_prop_types.default.arrayOf(import_prop_types.default.oneOf(["muted", "warn", "error", "success", "primary"]))
 };
-
-exports.SubIcons = SubIcons;
+module.exports = __toCommonJS(CardIcons_exports);
+//# sourceMappingURL=CardIcons.js.map

package/cjs/MobileCard/CardIcons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/CardIcons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,mBAAmB,sCAAO;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,mDAAC,kBAAD;AAAA,EAAkB,MAAM,MAAM,IAAI,MAAM;AAAA,EAAS,QAAO;AAAA,EAAM,QAAO;AAAA,EAAO,eAAY;AAAA,GACrF,MAAM,IAAI,CAAC,MAAM,MAEhB,mDAAC,MAAD;AAAA,EAAM,KAAK;AAAA,EAAG,WAAW,cAAc,OAAO,MAAM;AAAA;AAK1D,SAAS,YAAY;AAAA,EAInB,OAAO,0BAAU,QAAQ,0BAAU;AAAA,EAInC,QAAQ,0BAAU,QAAQ,0BAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW;AAAA;",
+  "names": []
+}

package/cjs/MobileCard/ExpandChevron.js

@@ -1,35 +1,59 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var dsIcons = require('@elliemae/ds-icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const ChevronWrap = /*#__PURE__*/styled__default["default"].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;
-  const Chevron = isExpanded ? dsIcons.ChevronDown : dsIcons.ChevronRight;
-  return /*#__PURE__*/_jsx__default["default"](ChevronWrap, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ExpandChevron_exports = {};
+__export(ExpandChevron_exports, {
+  ExpandChevron: () => ExpandChevron
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_icons = require("@elliemae/ds-icons");
+const ChevronWrap = import_styled_components.default.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 ? import_ds_icons.ChevronDown : import_ds_icons.ChevronRight;
+  return /* @__PURE__ */ import_react.default.createElement(ChevronWrap, {
     "data-testid": "ds-card-expand-chevron",
-    align: align
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Chevron, {
+    align
+  }, /* @__PURE__ */ import_react.default.createElement(Chevron, {
     size: "s",
-    color: ['brand-primary', 800],
-    onClick: onClick
+    color: ["brand-primary", 800],
+    onClick
   }));
 };
-
-exports.ExpandChevron = ExpandChevron;
+ExpandChevron.propTypes = {
+  isExpanded: import_prop_types.default.bool,
+  onClick: import_prop_types.default.func.isRequired,
+  align: import_prop_types.default.string.isRequired
+};
+module.exports = __toCommonJS(ExpandChevron_exports);
+//# sourceMappingURL=ExpandChevron.js.map

package/cjs/MobileCard/ExpandChevron.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/ExpandChevron.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,+BAAmB;AACnB,sBAA0C;AAE1C,MAAM,cAAc,iCAAO;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,8BAAc;AAC3C,SACE,mDAAC,aAAD;AAAA,IAAa,eAAY;AAAA,IAAyB;AAAA,KAChD,mDAAC,SAAD;AAAA,IAAS,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA,IAAM;AAAA;AAAA;AAKvD,cAAc,YAAY;AAAA,EAIxB,YAAY,0BAAU;AAAA,EAItB,SAAS,0BAAU,KAAK;AAAA,EAIxB,OAAO,0BAAU,OAAO;AAAA;",
+  "names": []
+}