@elliemae/ds-mobile 3.16.0-rc.4 → 3.16.0-rc.6

package/dist/cjs/MobileBanner/utils/icons.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/MobileBanner/utils/icons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n  success: <SuccessFill color={['success', 900]} width=\"24px\" height=\"24px\" />,\n  info: <InfoFill color={['brand-primary', 600]} width=\"24px\" height=\"24px\" />,\n  error: <AlertsDetailFill color={['danger', 900]} width=\"24px\" height=\"24px\" />,\n  warning: <WarningSquare color={['warning', 900]} width=\"24px\" height=\"24px\" />,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIZ;AAHX,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,4CAAC,+BAAY,OAAO,CAAC,WAAW,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC1E,MAAM,4CAAC,4BAAS,OAAO,CAAC,iBAAiB,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC1E,OAAO,4CAAC,oCAAiB,OAAO,CAAC,UAAU,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,SAAS,4CAAC,iCAAc,OAAO,CAAC,WAAW,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAC9E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIZ;AAHX,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,4CAAC,+BAAY,OAAO,CAAC,WAAW,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC1E,MAAM,4CAAC,4BAAS,OAAO,CAAC,iBAAiB,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC1E,OAAO,4CAAC,oCAAiB,OAAO,CAAC,UAAU,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,SAAS,4CAAC,iCAAc,OAAO,CAAC,WAAW,GAAG,GAAG,OAAM,QAAO,QAAO,QAAO;AAC9E;",
   "names": []
 }

package/dist/cjs/MobileBanner/utils/styleHelpers.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,7 +38,7 @@ __export(styleHelpers_exports, {
 module.exports = __toCommonJS(styleHelpers_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_bannerTypes = require("./bannerTypes");
+var import_bannerTypes = require("./bannerTypes.js");
 const slideIn = import_ds_system.kfrm`
   0% {
     transform: translate3d(0, -100%, 0);

package/dist/cjs/MobileBanner/utils/styleHelpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/MobileBanner/utils/styleHelpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from '@elliemae/ds-system';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes';\n\nexport const slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nexport const slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n  switch (type) {\n    case MOBILE_BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case MOBILE_BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case MOBILE_BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case MOBILE_BANNER_TYPES.ERROR:\n      return colors.danger[900];\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    } else {\n      return css`\n        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n      `;\n    }\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAG1B,yBAAoC;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC;AAAA;AAAA;AAIP,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAErC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP,MAAM,oBAAoB,CAAC,MAA0B,EAAE,OAAO,MAAc;AACjF,UAAQ,MAAM;AAAA,IACZ,KAAK,uCAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,IACxB,KAAK,uCAAoB;AACvB,aAAO,OAAO,MAAM;AAAA,IACtB,KAAK,uCAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,IACxB,KAAK,uCAAoB;AACvB,aAAO,OAAO,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI;AAAA;AAAA,IAElD,OAAO;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,MAAM,IAAI;AAAA;AAAA,IAEpD;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from '@elliemae/ds-system';\nimport type { MobileBannerTypesT } from '../index.d';\nimport { MOBILE_BANNER_TYPES } from './bannerTypes.js';\n\nexport const slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nexport const slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nexport const spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nexport const shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (type: MobileBannerTypesT, { colors }): string => {\n  switch (type) {\n    case MOBILE_BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case MOBILE_BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case MOBILE_BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case MOBILE_BANNER_TYPES.ERROR:\n      return colors.danger[900];\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    } else {\n      return css`\n        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n      `;\n    }\n  }\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAG1B,yBAAoC;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAKnC;AAAA;AAAA;AAIP,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAErC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP,MAAM,oBAAoB,CAAC,MAA0B,EAAE,OAAO,MAAc;AACjF,UAAQ,MAAM;AAAA,IACZ,KAAK,uCAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,uCAAoB;AACvB,aAAO,OAAO,MAAM,GAAG;AAAA,IACzB,KAAK,uCAAoB;AACvB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,uCAAoB;AACvB,aAAO,OAAO,OAAO,GAAG;AAAA,EAC5B;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI;AAAA;AAAA,IAElD,OAAO;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,MAAM,IAAI;AAAA;AAAA,IAEpD;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/MobileCard/ActionAddon.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -51,8 +55,17 @@ const Addon = (0, import_ds_system.styled)(import_ds_button.default)`
 `;
 const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Addon, { onClick, labelText: label, icon: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", 700] }) });
 ActionAddon.propTypes = {
+  /**
+   * Addon label
+   */
   label: import_prop_types.default.string,
+  /**
+   * On click callback
+   */
   onClick: import_prop_types.default.func,
+  /**
+   * Icon to display after the label
+   */
   icon: import_prop_types.default.element
 };
 //# sourceMappingURL=ActionAddon.js.map

package/dist/cjs/MobileCard/ActionAddon.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileCard/ActionAddon.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport Button from '@elliemae/ds-button';\n\nconst Addon = styled(Button)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string,\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func,\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBoC;AAvB3D,wBAAsB;AACtB,uBAAuB;AACvB,sBAAiC;AACjC,uBAAmB;AAEnB,MAAM,YAAQ,yBAAO,iBAAAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUxC,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,4CAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;AAGhH,YAAY,YAAY;AAAA,EAItB,OAAO,kBAAAC,QAAU;AAAA,EAIjB,SAAS,kBAAAA,QAAU;AAAA,EAInB,MAAM,kBAAAA,QAAU;AAClB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBoC;AAvB3D,wBAAsB;AACtB,uBAAuB;AACvB,sBAAiC;AACjC,uBAAmB;AAEnB,MAAM,YAAQ,yBAAO,iBAAAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMV,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,WACzC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU7C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,4CAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;AAGhH,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,OAAO,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU;AAClB;",
   "names": ["Button", "PropTypes"]
 }

package/dist/cjs/MobileCard/Card.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,11 +39,11 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_shared = require("@elliemae/ds-shared");
 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");
+var import_StyledCard = require("./StyledCard.js");
+var import_ExpandChevron = require("./ExpandChevron.js");
+var import_useHeight = require("./useHeight.js");
+var import_ExpandableRegion = require("./ExpandableRegion.js");
+var import_props = require("./props.js");
 const TitleEllipsis = import_ds_system.styled.div`
   ${(0, import_ds_system.truncate)()}
 `;

package/dist/cjs/MobileCard/Card.js.map

@@ -1,7 +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 '@elliemae/ds-props-helpers';\nimport {\n  styled,\n  space,\n  color,\n  border,\n  op,\n  truncate,\n  withTheme,\n  __UNSAFE_SPACE_TO_DIMSUM,\n  toMobile,\n} from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\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`;\n\nconst RightIcon = styled(Grid)<{ halfM: string }>`\n  span > svg,\n  span > svg:not([fill]) {\n    fill: #000000;\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                    <RightIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </RightIcon>\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;\nMobileCard.displayName = 'MobileCard';\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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",
+  "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 '@elliemae/ds-props-helpers';\nimport {\n  styled,\n  space,\n  color,\n  border,\n  op,\n  truncate,\n  withTheme,\n  __UNSAFE_SPACE_TO_DIMSUM,\n  toMobile,\n} from '@elliemae/ds-system';\nimport { GroupItem } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\nimport { ExpandChevron } from './ExpandChevron.js';\nimport { useHeight } from './useHeight.js';\nimport { ExpandableRegion } from './ExpandableRegion.js';\nimport type { MobileCardProps } from './props.js';\nimport { cardPropsTypes } from './props.js';\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`;\n\nconst RightIcon = styled(Grid)<{ halfM: string }>`\n  span > svg,\n  span > svg:not([fill]) {\n    fill: #000000;\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                    <RightIcon ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)} key={i}>\n                      {prop}\n                    </RightIcon>\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;\nMobileCard.displayName = 'MobileCard';\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": ["Card"]
 }

package/dist/cjs/MobileCard/CardIcons.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,7 +32,10 @@ __export(CardIcons_exports, {
 });
 module.exports = __toCommonJS(CardIcons_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime = (
+  // eslint-disable-next-line react/no-array-index-key
+  require("react/jsx-runtime")
+);
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
@@ -90,7 +97,13 @@ const CardIconsWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 `;
 const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardIconsWrapper, { cols: icons.map(() => "12px"), gutter: "6px", height: "14px", "data-testid": "card-subIcons", children: icons.map((Icon, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: `icon-color-${colors[i] || "muted"}` }, i)) });
 SubIcons.propTypes = {
+  /**
+   * Array of  Icons
+   */
   icons: import_prop_types.default.arrayOf(import_prop_types.default.func),
+  /**
+   * Color Types: muted, warn, error, success
+   */
   colors: import_prop_types.default.arrayOf(import_prop_types.default.oneOf(["muted", "warn", "error", "success", "primary"]))
 };
 //# sourceMappingURL=CardIcons.js.map

package/dist/cjs/MobileCard/CardIcons.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-system';\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;AAAA;ACAA,YAAuB;ADmEjB;AAjEN,wBAAsB;AACtB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,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,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,4CAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,4CAAC,QAAa,WAAW,cAAc,OAAO,MAAM,aAAzC,CAAoD,CAChE,GACH;AAGF,SAAS,YAAY;AAAA,EAInB,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI;AAAA,EAIvC,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmEjB;AAAA;AAAA;AAAA;AAjEN,wBAAsB;AACtB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKxC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA,YAIvC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAI5C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,4CAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,4CAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,aAAzC,CAAoD,CAChE,GACH;AAGF,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
   "names": ["PropTypes"]
 }

package/dist/cjs/MobileCard/ExpandChevron.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -42,8 +46,17 @@ const ExpandChevron = ({ isExpanded, onClick, align }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronWrap, { "data-testid": "ds-card-expand-chevron", align, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chevron, { size: "s", color: ["brand-primary", 800], onClick }) });
 };
 ExpandChevron.propTypes = {
+  /**
+   * Whether if the chevron is expanded or not
+   */
   isExpanded: import_prop_types.default.bool,
+  /**
+   * click callback
+   */
   onClick: import_prop_types.default.func.isRequired,
+  /**
+   * top or center
+   */
   align: import_prop_types.default.string.isRequired
 };
 //# sourceMappingURL=ExpandChevron.js.map

package/dist/cjs/MobileCard/ExpandChevron.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-system';\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;AAAA;ACAA,YAAuB;ADejB;AAdN,wBAAsB;AACtB,uBAAuB;AACvB,sBAA0C;AAE1C,MAAM,cAAc,wBAAO;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,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,8BAAc;AAC3C,SACE,4CAAC,eAAY,eAAY,0BAAyB,OAChD,sDAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA,EAItB,SAAS,kBAAAA,QAAU,KAAK;AAAA,EAIxB,OAAO,kBAAAA,QAAU,OAAO;AAC1B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,wBAAsB;AACtB,uBAAuB;AACvB,sBAA0C;AAE1C,MAAM,cAAc,wBAAO;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,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,8BAAc;AAC3C,SACE,4CAAC,eAAY,eAAY,0BAAyB,OAChD,sDAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,kBAAAA,QAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,kBAAAA,QAAU,OAAO;AAC1B;",
   "names": ["PropTypes"]
 }

package/dist/cjs/MobileCard/ExpandableRegion.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,7 +36,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
 const RegionWrapper = import_ds_system.styled.div`
   width: 100%;
   height: 100%;
@@ -46,8 +49,8 @@ const Region = import_ds_system.styled.div`
       max-height: ${props.refHeight}px;
     ` : ""}
   align-items: center;
-  ${(0, import_ds_system2.truncate)()};
-  border-top: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  ${(0, import_ds_system.truncate)()};
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
   font-weight: ${(props) => props.theme.fontWeights.regular};
 `;
 const ExpandableRegion = ({ show, content }) => {

package/dist/cjs/MobileCard/ExpandableRegion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/ExpandableRegion.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkDjB;AAlDN,mBAAmD;AACnD,wBAAsB;AACtB,uBAAuB;AACvB,IAAAA,oBAAiC;AAEjC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,wBAAO;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,QAEJ,4BAAS;AAAA,gBACG,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,IAAI;AACtC,8BAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI;AAAM,cAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,sDAAC,iBAAc,KAAW,mBAAQ;AAAA;AAAA,EACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,kBAAAC,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AACrB;",
-  "names": ["import_ds_system", "PropTypes"]
+  "sourcesContent": ["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDjB;AAjDN,mBAAmD;AACnD,wBAAsB;AACtB,uBAAyC;AAEzC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,wBAAO;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,QAEJ,2BAAS;AAAA,gBACG,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,iBAClD,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAG7C,MAAM,mBAAmB,CAAC,EAAE,MAAM,QAAQ,MAA+D;AAC9G,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI;AAE3C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,CAAC,IAAI;AACtC,8BAAU,MAAM;AACd,eAAW,IAAI;AACf,QAAI;AAAM,cAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC;AAAM,cAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,sDAAC,iBAAc,KAAW,mBAAQ;AAAA;AAAA,EACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,kBAAAA,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AACrB;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/MobileCard/Group.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,31 +39,30 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_shared = require("@elliemae/ds-shared");
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_StyledCard = require("./StyledCard");
+var import_StyledCard = require("./StyledCard.js");
 const GroupGrid = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   ${import_StyledCard.StyledCard} {
     border-top: none;
   }
 
-  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${(0, import_ds_system2.border)(theme.colors.neutral["100"])}` : ""}
+  ${({ theme, withTopBorder }) => withTopBorder ? `border-top: ${(0, import_ds_system.border)(theme.colors.neutral["100"])}` : ""}
 `;
 const GroupTitle = import_ds_system.styled.span`
-  ${(0, import_ds_system2.truncate)()}
+  ${(0, import_ds_system.truncate)()}
 `;
 const GroupTitleGrid = import_ds_system.styled.div`
   display: flex;
   justify-content: space-between;
   padding: 0 ${(props2) => props2.theme.space.xs};
-  font-size: ${(props2) => `calc(${(0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)} / 2)`};
-  ${(0, import_ds_system2.color)("neutral", "700")}
+  font-size: ${(props2) => `calc(${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)} / 2)`};
+  ${(0, import_ds_system.color)("neutral", "700")}
   font-weight: ${(props2) => props2.theme.fontWeights.semibold};
   background-color: ${(props2) => props2.theme.colors.brand["200"]};
-  border-top: ${(props2) => (0, import_ds_system2.border)(props2.theme.colors.brand["300"])};
-  line-height: ${(props2) => (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)};
+  border-top: ${(props2) => (0, import_ds_system.border)(props2.theme.colors.brand["300"])};
+  line-height: ${(props2) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props2.theme.space.m)};
   @media (min-width: 1024px) {
     background-color: ${(props2) => props2.theme.colors.neutral["080"]};
-    border-top: ${(props2) => (0, import_ds_system2.border)(props2.theme.colors.neutral["080"])};
+    border-top: ${(props2) => (0, import_ds_system.border)(props2.theme.colors.neutral["080"])};
   }
 `;
 const MobileCardGroup = ({
@@ -71,7 +74,7 @@ const MobileCardGroup = ({
   allowMultipleOpen = false,
   onChange = () => null
 }) => {
-  const rows = !title ? ["auto"] : [(0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), "auto"];
+  const rows = !title ? ["auto"] : [(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), "auto"];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.Group, { activeValue, multiple: allowMultipleOpen, onChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GroupGrid, { withTopBorder: !title, rows, children: [
     !!title && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GroupTitleGrid, { pl: "xxs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupTitle, { children: title }),
@@ -90,16 +93,28 @@ const MobileCardGroup = ({
 };
 const props = {
   theme: import_ds_props_helpers.PropTypes.object.isRequired.description(""),
+  /**
+   * Defines group title
+   */
   title: import_ds_props_helpers.PropTypes.string.description(""),
+  /**
+   * Pass one or more Mobile Cards to render as a group
+   */
   children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.element, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.element)]).isRequired.description(""),
+  /**
+   * Group header addon
+   */
   action: import_ds_props_helpers.PropTypes.element.description(""),
+  /**  */
   activeValue: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.number)]).description(""),
+  /**  */
   allowMultipleOpen: import_ds_props_helpers.PropTypes.bool.description(""),
+  /**  */
   onChange: import_ds_props_helpers.PropTypes.func.description("")
 };
 MobileCardGroup.propTypes = props;
 MobileCardGroup.displayName = "MobileCardGroup";
 const DSMobileCardGroupWithSchema = (0, import_ds_props_helpers.describe)(MobileCardGroup);
 DSMobileCardGroupWithSchema.propTypes = props;
-var Group_default = (0, import_ds_system2.withTheme)(MobileCardGroup);
+var Group_default = (0, import_ds_system.withTheme)(MobileCardGroup);
 //# sourceMappingURL=Group.js.map

package/dist/cjs/MobileCard/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\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;\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDb;AAnDV,mBAAkB;AAClB,8BAAoC;AACpC,uBAAuB;AACvB,uBAAsB;AACtB,qBAAqB;AACrB,IAAAA,oBAA6E;AAC7E,wBAAmC;AAEnC,MAAM,gBAAY,yBAAO,mBAAI;AAAA,IACzB,kBAAAC;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,mBAAe,0BAAO,MAAM,OAAO,QAAQ,MAAM,MAAM;AAAA;AAG1G,MAAM,aAAa,wBAAO;AAAA,QACtB,4BAAS;AAAA;AAGb,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,YAAQ,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,QAC1E,yBAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM;AAAA,gBAC1C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,MAAM,MAAM;AAAA,iBAChD,CAACA,eAAU,4CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,kBAC5C,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,4CAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,4CAAC,0BAAM,aAA0B,UAAU,mBAAmB,UAC5D,uDAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,6CAAC,kBAAe,IAAG,OACjB;AAAA,kDAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,4CAAC,uBACE,uBAAAC,QAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACN,aAAAA,QAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,kCAAU,OAAO,WAAW,YAAY,EAAE;AAAA,EAIjD,OAAO,kCAAU,OAAO,YAAY,EAAE;AAAA,EAItC,UAAU,kCAAU,UAAU,CAAC,kCAAU,SAAS,kCAAU,QAAQ,kCAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA,EAIlH,QAAQ,kCAAU,QAAQ,YAAY,EAAE;AAAA,EAExC,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA,EAExG,mBAAmB,kCAAU,KAAK,YAAY,EAAE;AAAA,EAEhD,UAAU,kCAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,oBAAQ,6BAAU,eAAe;",
-  "names": ["import_ds_system", "Card", "props", "React"]
+  "sourcesContent": ["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled, color, border, withTheme, truncate, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Group } from '@elliemae/ds-shared';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCard as Card } from './StyledCard.js';\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;\nMobileCardGroup.displayName = 'MobileCardGroup';\nconst DSMobileCardGroupWithSchema = describe(MobileCardGroup);\n\nDSMobileCardGroupWithSchema.propTypes = props;\n\nexport { DSMobileCardGroupWithSchema };\n\nexport default withTheme(MobileCardGroup);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDb;AAlDV,mBAAkB;AAClB,8BAAoC;AACpC,uBAAqF;AACrF,uBAAsB;AACtB,qBAAqB;AACrB,wBAAmC;AAEnC,MAAM,gBAAY,yBAAO,mBAAI;AAAA,IACzB,kBAAAA;AAAA;AAAA;AAAA;AAAA,IAIA,CAAC,EAAE,OAAO,cAAc,MAAO,gBAAgB,mBAAe,yBAAO,MAAM,OAAO,QAAQ,KAAK,CAAC,MAAM;AAAA;AAG1G,MAAM,aAAa,wBAAO;AAAA,QACtB,2BAAS;AAAA;AAGb,MAAM,iBAAiB,wBAAO;AAAA;AAAA;AAAA,eAGf,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,eAC7B,CAACA,WAAU,YAAQ,2CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA,QAC1E,wBAAM,WAAW,KAAK;AAAA,iBACT,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,sBAC9B,CAACA,WAAUA,OAAM,MAAM,OAAO,MAAM,KAAK;AAAA,gBAC/C,CAACA,eAAU,yBAAOA,OAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA,iBAChD,CAACA,eAAU,2CAAyBA,OAAM,MAAM,MAAM,CAAC;AAAA;AAAA,wBAEhD,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,kBACjD,CAACA,eAAU,yBAAOA,OAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAIrE,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB,WAAW,MAAM;AACnB,MAAM;AACJ,QAAM,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,KAAC,2CAAyB,MAAM,MAAM,CAAC,GAAG,MAAM;AAEjF,SACE,4CAAC,0BAAM,aAA0B,UAAU,mBAAmB,UAC5D,uDAAC,aAAU,eAAe,CAAC,OAAO,MAC/B;AAAA,KAAC,CAAC,SACD,6CAAC,kBAAe,IAAG,OACjB;AAAA,kDAAC,cAAY,iBAAM;AAAA,MAClB;AAAA,OACH;AAAA,IAEF,4CAAC,uBACE,uBAAAC,QAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,OAAO,QACN,aAAAA,QAAM,aAAa,OAAO;AAAA,QACxB,KAAK;AAAA,QACL,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,MACH;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,OAAO,kCAAU,OAAO,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIjD,OAAO,kCAAU,OAAO,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,UAAU,kCAAU,UAAU,CAAC,kCAAU,SAAS,kCAAU,QAAQ,kCAAU,OAAO,CAAC,CAAC,EAAE,WAAW,YAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIlH,QAAQ,kCAAU,QAAQ,YAAY,EAAE;AAAA;AAAA,EAExC,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,QAAQ,kCAAU,MAAM,CAAC,CAAC,EAAE,YAAY,EAAE;AAAA;AAAA,EAExG,mBAAmB,kCAAU,KAAK,YAAY,EAAE;AAAA;AAAA,EAEhD,UAAU,kCAAU,KAAK,YAAY,EAAE;AACzC;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;AAIxC,IAAO,oBAAQ,4BAAU,eAAe;",
+  "names": ["Card", "props", "React"]
 }

package/dist/cjs/MobileCard/StyledCard.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,13 +33,12 @@ __export(StyledCard_exports, {
 module.exports = __toCommonJS(StyledCard_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
 const StyledCard = import_ds_system.styled.div`
   display: flex;
   align-items: center;
   height: fit-content;
   min-height: ${(props) => props.minHeight};
-  border: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["100"])};
-  border-bottom: ${(props) => (0, import_ds_system2.border)(".5px", props.theme.colors.neutral["500"])};
+  border: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["100"])};
+  border-bottom: ${(props) => (0, import_ds_system.border)(".5px", props.theme.colors.neutral["500"])};
 `;
 //# sourceMappingURL=StyledCard.js.map

package/dist/cjs/MobileCard/StyledCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/StyledCard.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,IAAAA,oBAAuB;AAEhB,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA,mBAC5C,CAAC,cAAU,0BAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import { styled, 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA+B;AAExB,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA,gBAIjB,CAAC,UAAU,MAAM;AAAA,YACrB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA,mBAC5C,CAAC,cAAU,yBAAO,QAAQ,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;",
+  "names": []
 }

package/dist/cjs/MobileCard/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -33,10 +37,10 @@ __export(MobileCard_exports, {
 });
 module.exports = __toCommonJS(MobileCard_exports);
 var React = __toESM(require("react"));
-var import_Card = __toESM(require("./Card"));
-var import_Group = __toESM(require("./Group"));
-var import_ActionAddon = require("./ActionAddon");
-__reExport(MobileCard_exports, require("./CardIcons"), module.exports);
+var import_Card = __toESM(require("./Card.js"));
+var import_Group = __toESM(require("./Group.js"));
+var import_ActionAddon = require("./ActionAddon.js");
+__reExport(MobileCard_exports, require("./CardIcons.js"), module.exports);
 import_Card.default.Group = import_Group.default;
 const DSMobileCard = import_Card.default;
 var MobileCard_default = import_Card.default;

package/dist/cjs/MobileCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAmD;AACnD,mBAAyD;AACzD,yBAA4B;AAW5B,+BAAc,wBAbd;AAIA,YAAAA,QAAW,QAAQ,aAAAC;AACnB,MAAM,eAAe,YAAAD;AASrB,IAAO,qBAAQ,YAAAA;",
+  "sourcesContent": ["import MobileCard, { DSMobileCardWithSchema } from './Card.js';\nimport MobileGroup, { DSMobileCardGroupWithSchema } from './Group.js';\nimport { ActionAddon } from './ActionAddon.js';\n\nMobileCard.Group = MobileGroup;\nconst DSMobileCard = MobileCard;\n\nexport { DSMobileCard, ActionAddon, DSMobileCardWithSchema, DSMobileCardGroupWithSchema };\nexport * from './CardIcons.js';\nexport default MobileCard;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAmD;AACnD,mBAAyD;AACzD,yBAA4B;AAM5B,+BAAc,2BARd;AAIA,YAAAA,QAAW,QAAQ,aAAAC;AACnB,MAAM,eAAe,YAAAD;AAIrB,IAAO,qBAAQ,YAAAA;",
   "names": ["MobileCard", "MobileGroup"]
 }

package/dist/cjs/MobileCard/props.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,17 +34,47 @@ module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 const cardPropsTypes = {
+  /**
+   * card height
+   */
   height: import_ds_props_helpers.PropTypes.oneOf(["s", "m"]).description("card height"),
+  /**
+   * Defines mobile card title
+   */
   children: import_ds_props_helpers.PropTypes.string.description("Defines mobile card title").isRequired,
+  /**
+   * Wheter if the card is expandable or not
+   */
   expandable: import_ds_props_helpers.PropTypes.bool.description("Wheter if the card is expandable or not"),
+  /**
+   * content to display in expand card section
+   */
   expandedContent: import_ds_props_helpers.PropTypes.element.description("content to display in expand card section"),
+  /**
+   * Icon to the left of the card. Size is adjusted automatically.
+   */
   leftAddOn: import_ds_props_helpers.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: import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.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: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("Pass an array of 1 or 2 strings"),
+  /**
+   * SubIcons component
+   */
   subIcons: import_ds_props_helpers.PropTypes.element.description("SubIcons component"),
+  /**
+   * Pass an array of 1, 2 or 3 strings
+   */
   details: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("Pass an array of 1, 2 or 3 strings"),
   theme: import_ds_props_helpers.PropTypes.object.description("").isRequired,
   value: import_ds_props_helpers.PropTypes.number.description(""),