@elliemae/ds-mobile 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/esm/MobileBanner/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 6px;\n  margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEO,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIrB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,6BAC7B,CAAC,EAAE,MAAM,YAAY,kBAAkB,MAAM;AAAA,0BAChD,CAAC,EAAE,aAAc,SAAS,MAAM;AAAA,IACtD,CAAC,EAAE,aAAa,aAAa,gBAAgB,aAAa;AAAA;AAGvD,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAIjC,MAAM,cAAc,OAAO;AAAA,WACvB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,eAChC,CAAC,EAAE,YAAY,SAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,mBAC/B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,mCAIX,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,iCAKtC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI9D,MAAM,iBAAiB,OAAO;AAAA,eACtB,CAAC,EAAE,YAAY,SAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAG3C,MAAM,sBAAsB,OAAO;AAAA;AAAA,kBAExB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,iBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAGrC,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACrB,CAAC,EAAE,sBAAuB,CAAC,kBAAkB,SAAS;AAAA;AAGjE,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWd,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA,iBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,eAE7B,CAAC,EAAE,YAAY,SAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGtC,MAAM,wBAAwB,OAAO;AAAA;AAAA,YAEhC,CAAC,EAAE,aAAc,SAAS,SAAS;AAAA,IAC3C,CAAC,EAAE,aAAa,QAAQ,aAAa,gBAAgB,aAAa,QAAQ;AAAA;",
-  "names": []
-}

package/dist/esm/MobileBanner/utils/bannerTypes.js

@@ -1,11 +0,0 @@
-import * as React from "react";
-const MOBILE_BANNER_TYPES = {
-  INFO: "info",
-  SUCCESS: "success",
-  WARNING: "warning",
-  ERROR: "error"
-};
-export {
-  MOBILE_BANNER_TYPES
-};
-//# sourceMappingURL=bannerTypes.js.map

package/dist/esm/MobileBanner/utils/bannerTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/MobileBanner/utils/bannerTypes.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const MOBILE_BANNER_TYPES = {\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n} as const;\n"],
-  "mappings": "AAAA;ACAO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA;",
-  "names": []
-}

package/dist/esm/MobileBanner/utils/icons.js

@@ -1,25 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from "@elliemae/ds-icons";
-const icons = {
-  success: /* @__PURE__ */ React2.createElement(SuccessFill, {
-    fill: "#207e56"
-  }),
-  info: /* @__PURE__ */ React2.createElement(InfoFill, {
-    fill: "#1e79c2"
-  }),
-  error: /* @__PURE__ */ React2.createElement(AlertsDetailFill, {
-    width: "24px",
-    height: "24px",
-    fill: "#c64252"
-  }),
-  warning: /* @__PURE__ */ React2.createElement(WarningSquare, {
-    width: "24px",
-    height: "24px",
-    fill: "#d17a00"
-  })
-};
-export {
-  icons
-};
-//# sourceMappingURL=icons.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/MobileBanner/utils/icons.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { AlertsDetailFill, SuccessFill, InfoFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n  success: <SuccessFill fill=\"#207e56\" />,\n  info: <InfoFill fill=\"#1e79c2\" />,\n  error: <AlertsDetailFill width=\"24px\" height=\"24px\" fill=\"#c64252\" />,\n  warning: <WarningSquare width=\"24px\" height=\"24px\" fill=\"#d17a00\" />,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,QAAQ;AAAA,EACnB,SAAS,qCAAC,aAAD;AAAA,IAAa,MAAK;AAAA;AAAA,EAC3B,MAAM,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA;AAAA,EACrB,OAAO,qCAAC,kBAAD;AAAA,IAAkB,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,MAAK;AAAA;AAAA,EACzD,SAAS,qCAAC,eAAD;AAAA,IAAe,OAAM;AAAA,IAAO,QAAO;AAAA,IAAO,MAAK;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,74 +0,0 @@
-import * as React from "react";
-import { kfrm, css } from "@elliemae/ds-system";
-import { MOBILE_BANNER_TYPES } from "./bannerTypes";
-const slideIn = kfrm`
-  0% {
-    transform: translate3d(0, -100%, 0);
-  }
-  100% {
-    transform: translate3d(0, 0, 0);
-  }
-`;
-const slideOut = kfrm`
-  0% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-  60% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-`;
-const spanContainer = (height) => kfrm`
-  0% {
-    height: 0px;
-  }
-  100% {
-    height: ${height}px;
-  }
-`;
-const shrinkContainer = (height) => kfrm`
-  0% {
-    height: ${height}px;
-  }
-  100% {
-    height: 0px;
-  }
-`;
-const handleBorderColor = (type, { colors }) => {
-  switch (type) {
-    case MOBILE_BANNER_TYPES.SUCCESS:
-      return colors.success[900];
-    case MOBILE_BANNER_TYPES.INFO:
-      return colors.brand[600];
-    case MOBILE_BANNER_TYPES.WARNING:
-      return colors.warning[900];
-    case MOBILE_BANNER_TYPES.ERROR:
-      return colors.danger[900];
-  }
-};
-const handleAnimation = (isAnimating, isOpen, height = null) => {
-  if (isAnimating) {
-    if (isOpen) {
-      return css`
-        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;
-      `;
-    } else {
-      return css`
-        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;
-      `;
-    }
-  }
-};
-export {
-  handleAnimation,
-  handleBorderColor,
-  shrinkContainer,
-  slideIn,
-  slideOut,
-  spanContainer
-};
-//# sourceMappingURL=styleHelpers.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/MobileBanner/utils/styleHelpers.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\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"],
-  "mappings": "AAAA;ACAA;AAGA;AAEO,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,aAAqB;AACjF,UAAQ;AAAA,SACD,oBAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,SACnB,oBAAoB;AACvB,aAAO,OAAO,MAAM;AAAA,SACjB,oBAAoB;AACvB,aAAO,OAAO,QAAQ;AAAA,SACnB,oBAAoB;AACvB,aAAO,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,UAAU;AAAA;AAAA,WAE3C;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/MobileCard/ActionAddon.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { ChevronSmallDown } from "@elliemae/ds-icons";
-import Button from "@elliemae/ds-button";
-const Addon = styled(Button)`
-  background-color: transparent;
-  padding-right: 4px;
-  height: 100%;
-  border: none;
-  font-size: 12px;
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  color: ${(props) => props.theme.colors.brand["700"]};
-  cursor: pointer;
-  &:focus,
-  &::after {
-    background-color: transparent;
-    box-shadow: none !important; /* needed */
-    border: none !important; /* needed */
-  }
-`;
-const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ React2.createElement(Addon, {
-  onClick,
-  labelText: label,
-  icon: icon || /* @__PURE__ */ React2.createElement(ChevronSmallDown, {
-    color: ["brand-primary", 700]
-  })
-});
-ActionAddon.propTypes = {
-  label: PropTypes.string,
-  onClick: PropTypes.func,
-  icon: PropTypes.element
-};
-export {
-  ActionAddon
-};
-//# sourceMappingURL=ActionAddon.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileCard/ActionAddon.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { 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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMJ,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,WAC5C,qCAAC,OAAD;AAAA,EAAO;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,qCAAC,kBAAD;AAAA,IAAkB,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAGtG,YAAY,YAAY;AAAA,EAItB,OAAO,UAAU;AAAA,EAIjB,SAAS,UAAU;AAAA,EAInB,MAAM,UAAU;AAAA;",
-  "names": []
-}

package/dist/esm/MobileCard/Card.js

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

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

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

package/dist/esm/MobileCard/CardIcons.js

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

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

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

package/dist/esm/MobileCard/ExpandChevron.js

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

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

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

package/dist/esm/MobileCard/ExpandableRegion.js

@@ -1,52 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useState, useRef } from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { border, truncate } from "@elliemae/ds-system";
-const RegionWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-`;
-const Region = styled.div`
-  display: flex;
-  ${(props) => props.hide ? "visibility: hidden;" : ""}
-  transition: max-height ${(props) => props.animate ? "0.25s" : "0.20s"} linear;
-  max-height: 0;
-  ${(props) => props.animate ? `
-      max-height: ${props.refHeight}px;
-    ` : ""}
-  align-items: center;
-  ${truncate()};
-  border-top: ${(props) => border(props.theme.colors.neutral["300"])};
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-`;
-const ExpandableRegion = ({ show, content }) => {
-  const ref = useRef(null);
-  const [animate, setAnimate] = useState(show);
-  const [hide, setHide] = useState(!show);
-  useEffect(() => {
-    setAnimate(show);
-    if (show)
-      setHide(false);
-  }, [show]);
-  const hideOnAnimationEnd = () => {
-    if (!show)
-      setHide(true);
-  };
-  return /* @__PURE__ */ React2.createElement(Region, {
-    hide,
-    refHeight: ref?.current?.scrollHeight || 9999,
-    onTransitionEnd: hideOnAnimationEnd,
-    animate
-  }, /* @__PURE__ */ React2.createElement(RegionWrapper, {
-    ref
-  }, content));
-};
-ExpandableRegion.propTypes = {
-  show: PropTypes.bool,
-  content: PropTypes.element
-};
-export {
-  ExpandableRegion
-};
-//# sourceMappingURL=ExpandableRegion.js.map

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

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