@elliemae/ds-mobile 3.5.0-rc.8 → 3.5.1-rc.1

package/dist/cjs/MobileBanner/MobileBanner.js

@@ -29,7 +29,8 @@ __export(MobileBanner_exports, {
 });
 module.exports = __toCommonJS(MobileBanner_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_icons = require("./utils/icons");
@@ -72,7 +73,7 @@ const DSMobileBanner = ({
   }, [isOpen, current]);
   if (!isAnimating && !isOpen)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBannerContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledBannerContainer, {
     type,
     isOpen,
     isAnimating,
@@ -80,31 +81,55 @@ const DSMobileBanner = ({
     height,
     ...containerProps,
     "data-testid": "ds-mobile-banner-container",
-    role: "alert"
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInnerContainer, {
-    type,
-    isOpen,
-    ref: innerContainerRef,
-    isAnimating
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledIconContainer, {
-    "data-testid": "ds-mobile-banner-icon"
-  }, import_icons.icons[type]), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledContent, {
-    showCloseButton
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, null, label), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitle, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitleText, null, body), actionLinkLabel && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledActionLink, {
-    href: actionLinkHref,
-    "data-testid": "ds-mobile-banner-link",
-    onClick: actionLinkOnClick
-  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButtonContainer, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButton, {
-    "data-testid": "ds-mobile-banner-close-button",
-    buttonType: "icon",
-    onClick: closeButtonOnClick,
-    "aria-label": "Close Banner",
-    innerRef: closeRef,
-    size: "s"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseX, {
-    width: "12px",
-    height: "12px"
-  })))));
+    role: "alert",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledInnerContainer, {
+      type,
+      isOpen,
+      ref: innerContainerRef,
+      isAnimating,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledIconContainer, {
+          "data-testid": "ds-mobile-banner-icon",
+          children: import_icons.icons[type]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledContent, {
+          showCloseButton,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledTitle, {
+              children: label
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledSubTitle, {
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledSubTitleText, {
+                  children: body
+                }),
+                actionLinkLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledActionLink, {
+                  href: actionLinkHref,
+                  "data-testid": "ds-mobile-banner-link",
+                  onClick: actionLinkOnClick,
+                  children: actionLinkLabel
+                })
+              ]
+            })
+          ]
+        }),
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCloseButtonContainer, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledCloseButton, {
+            "data-testid": "ds-mobile-banner-close-button",
+            buttonType: "icon",
+            onClick: closeButtonOnClick,
+            "aria-label": "Close Banner",
+            innerRef: closeRef,
+            size: "s",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseX, {
+              width: "12px",
+              height: "12px"
+            })
+          })
+        })
+      ]
+    })
+  });
 };
 DSMobileBanner.defaultProps = import_defaultProps.defaultProps;
 DSMobileBanner.propTypes = import_propTypes.propTypes;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/MobileBanner/MobileBanner.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport type { MobileBannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledSubTitleText,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            <StyledSubTitleText>{body}</StyledSubTitleText>\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"icon\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              innerRef={closeRef}\n              size=\"s\"\n            >\n              <CloseX width=\"12px\" height=\"12px\" />\n            </StyledCloseButton>\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nDSMobileBanner.displayName = 'DSMobileBanner';\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAAuB;AAEvB,0BAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAWO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuC;AACrC,QAAM,wBAAoB,qBAA8B,IAAI;AAC5D,QAAM,eAAW,qBAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAiB,CAAC;AAE9C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe,IAAI;AAAA;AAChD,qBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,IACvC;AAAA,IACC,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,6BAAAA,QAAA,cAAC;AAAA,IAAqB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,6BAAAA,QAAA,cAAC;AAAA,IAAoB,eAAY;AAAA,KAAyB,mBAAM,KAAM,GACtE,6BAAAA,QAAA,cAAC;AAAA,IAAc;AAAA,KACb,6BAAAA,QAAA,cAAC,iCAAa,KAAM,GACpB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,wCAAoB,IAAK,GACzB,mBACC,6BAAAA,QAAA,cAAC;AAAA,IAAiB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,eACH,CAEJ,CACF,GACC,mBACC,6BAAAA,QAAA,cAAC,gDACC,6BAAAA,QAAA,cAAC;AAAA,IACC,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,UAAU;AAAA,IACV,MAAK;AAAA,KAEL,6BAAAA,QAAA,cAAC;AAAA,IAAO,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO,CACrC,CACF,CAEJ,CACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAoE;AACpE,sBAAuB;AAEvB,0BAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAWO;AAEP,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuC;AACrC,QAAM,wBAAoB,qBAA8B,IAAI;AAC5D,QAAM,eAAW,qBAA8B,IAAI;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAkB,MAAM;AACtD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAC7D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAiB,CAAC;AAE9C,8BAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ,YAAY;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,8BAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe,IAAI;AAAA;AAChD,qBAAe,KAAK;AAAA,EAC3B,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW,MAAM;AAAA,IACvC;AAAA,IACC,GAAG;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,IAEL,uDAAC;AAAA,MAAqB;AAAA,MAAY;AAAA,MAAgB,KAAK;AAAA,MAAmB;AAAA,MACxE;AAAA,oDAAC;AAAA,UAAoB,eAAY;AAAA,UAAyB,6BAAM;AAAA,SAAM;AAAA,QACtE,6CAAC;AAAA,UAAc;AAAA,UACb;AAAA,wDAAC;AAAA,cAAa;AAAA,aAAM;AAAA,YACpB,6CAAC;AAAA,cACC;AAAA,4DAAC;AAAA,kBAAoB;AAAA,iBAAK;AAAA,gBACzB,mBACC,4CAAC;AAAA,kBAAiB,MAAM;AAAA,kBAAgB,eAAY;AAAA,kBAAwB,SAAS;AAAA,kBAClF;AAAA,iBACH;AAAA;AAAA,aAEJ;AAAA;AAAA,SACF;AAAA,QACC,mBACC,4CAAC;AAAA,UACC,sDAAC;AAAA,YACC,eAAY;AAAA,YACZ,YAAW;AAAA,YACX,SAAS;AAAA,YACT,cAAW;AAAA,YACX,UAAU;AAAA,YACV,MAAK;AAAA,YAEL,sDAAC;AAAA,cAAO,OAAM;AAAA,cAAO,QAAO;AAAA,aAAO;AAAA,WACrC;AAAA,SACF;AAAA;AAAA,KAEJ;AAAA,GACF;AAEJ;AAEA,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "names": []
 }

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

@@ -28,25 +28,25 @@ __export(icons_exports, {
 });
 module.exports = __toCommonJS(icons_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 const icons = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SuccessFill, {
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.SuccessFill, {
     color: ["success", 900],
     width: "24px",
     height: "24px"
   }),
-  info: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoFill, {
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.InfoFill, {
     color: ["brand-primary", 600],
     width: "24px",
     height: "24px"
   }),
-  error: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsDetailFill, {
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsDetailFill, {
     color: ["danger", 900],
     width: "24px",
     height: "24px"
   }),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningSquare, {
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningSquare, {
     color: ["warning", 900],
     width: "24px",
     height: "24px"

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;ADAvB,mBAAkB;AAClB,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAO,CAAC,WAAW,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC1E,MAAM,6BAAAA,QAAA,cAAC;AAAA,IAAS,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC1E,OAAO,6BAAAA,QAAA,cAAC;AAAA,IAAiB,OAAO,CAAC,UAAU,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC5E,SAAS,6BAAAA,QAAA,cAAC;AAAA,IAAc,OAAO,CAAC,WAAW,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAC9E;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,4CAAC;AAAA,IAAY,OAAO,CAAC,WAAW,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC1E,MAAM,4CAAC;AAAA,IAAS,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC1E,OAAO,4CAAC;AAAA,IAAiB,OAAO,CAAC,UAAU,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAAA,EAC5E,SAAS,4CAAC;AAAA,IAAc,OAAO,CAAC,WAAW,GAAG;AAAA,IAAG,OAAM;AAAA,IAAO,QAAO;AAAA,GAAO;AAC9E;",
+  "names": []
 }

package/dist/cjs/MobileCard/ActionAddon.js

@@ -28,7 +28,7 @@ __export(ActionAddon_exports, {
 });
 module.exports = __toCommonJS(ActionAddon_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -49,10 +49,10 @@ const Addon = (0, import_ds_system.styled)(import_ds_button.default)`
     border: none !important; /* needed */
   }
 `;
-const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ import_react.default.createElement(Addon, {
+const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Addon, {
   onClick,
   labelText: label,
-  icon: icon || /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, {
+  icon: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {
     color: ["brand-primary", 700]
   })
 });

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;ADAvB,mBAAkB;AAClB,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,6BAAAC,QAAA,cAAC;AAAA,EAAM;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,6BAAAA,QAAA,cAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG;AAAA,CAAI;AAGhH,YAAY,YAAY;AAAA,EAItB,OAAO,kBAAAC,QAAU;AAAA,EAIjB,SAAS,kBAAAA,QAAU;AAAA,EAInB,MAAM,kBAAAA,QAAU;AAClB;",
-  "names": ["Button", "React", "PropTypes"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;AAAA,EAAM;AAAA,EAAkB,WAAW;AAAA,EAAO,MAAM,QAAQ,4CAAC;AAAA,IAAiB,OAAO,CAAC,iBAAiB,GAAG;AAAA,GAAG;AAAA,CAAI;AAGhH,YAAY,YAAY;AAAA,EAItB,OAAO,kBAAAC,QAAU;AAAA,EAIjB,SAAS,kBAAAA,QAAU;AAAA,EAInB,MAAM,kBAAAA,QAAU;AAClB;",
+  "names": ["Button", "PropTypes"]
 }

package/dist/cjs/MobileCard/Card.js

@@ -29,7 +29,8 @@ __export(Card_exports, {
 });
 module.exports = __toCommonJS(Card_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_shared = require("@elliemae/ds-shared");
@@ -111,61 +112,105 @@ const MobileCard = ({
   const subTextHeight = (0, import_useHeight.useHeight)(subTextRef);
   const isJustChildren = !(subText || subIcons || details);
   const halfM = (0, import_ds_system.op)("/", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.m), 2);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.GroupItem, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_shared.GroupItem, {
     render: (context = {}) => {
       const { activeValue, onChange } = context;
       const selected = activeValue !== void 0 && (activeValue === value || activeValue?.length && activeValue?.includes(value));
-      return /* @__PURE__ */ import_react.default.createElement(import_StyledCard.StyledCard, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledCard.StyledCard, {
         "data-testid": "card-wrapper",
-        minHeight: height === "m" ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl)
-      }, expandable && /* @__PURE__ */ import_react.default.createElement(import_ExpandChevron.ExpandChevron, {
-        isExpanded: selected,
-        onClick: (e) => {
-          e.stopPropagation();
-          onChange({ target: { value } });
-        },
-        align: subText || subIcons ? "top" : "center"
-      }), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        pb: (subText || subIcons) && subTextHeight,
-        cols: ["auto", "auto"],
-        alignItems: "center"
-      }, leftProp && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s)
-      }, leftProp), leftAddOn && /* @__PURE__ */ import_react.default.createElement(LeftIcon, {
-        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-        halfM
-      }, leftAddOn)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        pl: !leftAddOn ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xs),
-        pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-        width: "100%"
-      }, /* @__PURE__ */ import_react.default.createElement(CenterWrap, null, /* @__PURE__ */ import_react.default.createElement(Title, {
-        pt: !isJustChildren && halfM,
-        "data-testid": "card-title"
-      }, /* @__PURE__ */ import_react.default.createElement(TitleEllipsis, null, children), details && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        "data-testid": "card-details",
-        cols: details.map(() => "min-content"),
-        mb: !(subText || subIcons) && halfM || 0,
-        pt: (0, import_ds_system.op)("/", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs), 2)
-      }, details.map((d, i) => /* @__PURE__ */ import_react.default.createElement(Detail, {
-        key: i
-      }, d, i < details.length - 1 && /* @__PURE__ */ import_react.default.createElement(Detail, {
-        px: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs)
-      }, "\u2022"))))), rightProp && rightProp.map((prop, i) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
-        key: i
-      }, prop))), subIcons && /* @__PURE__ */ import_react.default.createElement(SubTextWrap, {
-        ref: subTextRef
-      }, /* @__PURE__ */ import_react.default.createElement(SubText, null, subIcons), subText && subText[1] && /* @__PURE__ */ import_react.default.createElement(SubText, {
-        "data-testid": "card-subText"
-      }, subText[1])), subText && !subIcons && /* @__PURE__ */ import_react.default.createElement(SubTextWrap, {
-        ref: subTextRef
-      }, subText.map((s, i) => /* @__PURE__ */ import_react.default.createElement(SubText, {
-        "data-testid": "card-subText",
-        key: i
-      }, s))), /* @__PURE__ */ import_react.default.createElement(import_ExpandableRegion.ExpandableRegion, {
-        show: selected,
-        content: expandedContent
-      }), cardContent && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, cardContent)));
+        minHeight: height === "m" ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl),
+        children: [
+          expandable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ExpandChevron.ExpandChevron, {
+            isExpanded: selected,
+            onClick: (e) => {
+              e.stopPropagation();
+              onChange({ target: { value } });
+            },
+            align: subText || subIcons ? "top" : "center"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            pb: (subText || subIcons) && subTextHeight,
+            cols: ["auto", "auto"],
+            alignItems: "center",
+            children: [
+              leftProp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+                children: leftProp
+              }),
+              leftAddOn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeftIcon, {
+                ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+                halfM,
+                children: leftAddOn
+              })
+            ]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+            pl: !leftAddOn ? (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s) : (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xs),
+            pr: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+            width: "100%",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CenterWrap, {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Title, {
+                    pt: !isJustChildren && halfM,
+                    "data-testid": "card-title",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleEllipsis, {
+                        children
+                      }),
+                      details && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                        "data-testid": "card-details",
+                        cols: details.map(() => "min-content"),
+                        mb: !(subText || subIcons) && halfM || 0,
+                        pt: (0, import_ds_system.op)("/", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs), 2),
+                        children: details.map((d, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Detail, {
+                          children: [
+                            d,
+                            i < details.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Detail, {
+                              px: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxs),
+                              children: "\u2022"
+                            })
+                          ]
+                        }, i))
+                      })
+                    ]
+                  }),
+                  rightProp && rightProp.map((prop, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                    ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s),
+                    children: prop
+                  }, i))
+                ]
+              }),
+              subIcons && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SubTextWrap, {
+                ref: subTextRef,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubText, {
+                    children: subIcons
+                  }),
+                  subText && subText[1] && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubText, {
+                    "data-testid": "card-subText",
+                    children: subText[1]
+                  })
+                ]
+              }),
+              subText && !subIcons && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubTextWrap, {
+                ref: subTextRef,
+                children: subText.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubText, {
+                  "data-testid": "card-subText",
+                  children: s
+                }, i))
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ExpandableRegion.ExpandableRegion, {
+                show: selected,
+                content: expandedContent
+              }),
+              cardContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                children: cardContent
+              })
+            ]
+          })
+        ]
+      });
     }
   });
 };

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

@@ -2,6 +2,6 @@
   "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-utilities';\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`;\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;\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": ["React", "Card"]
+  "mappings": "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",
+  "names": ["Card"]
 }

package/dist/cjs/MobileCard/CardIcons.js

@@ -28,7 +28,7 @@ __export(CardIcons_exports, {
 });
 module.exports = __toCommonJS(CardIcons_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = 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");
@@ -88,15 +88,15 @@ const CardIconsWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
     fill: ${(props) => props.theme.colors.brand[600]};
   }
 `;
-const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ import_react.default.createElement(CardIconsWrapper, {
+const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardIconsWrapper, {
   cols: icons.map(() => "12px"),
   gutter: "6px",
   height: "14px",
-  "data-testid": "card-subIcons"
-}, icons.map((Icon, i) => /* @__PURE__ */ import_react.default.createElement(Icon, {
-  key: i,
-  className: `icon-color-${colors[i] || "muted"}`
-})));
+  "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 = {
   icons: import_prop_types.default.arrayOf(import_prop_types.default.func),
   colors: import_prop_types.default.arrayOf(import_prop_types.default.oneOf(["muted", "warn", "error", "success", "primary"]))

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;ADCvB,mBAAkB;AAClB,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,6BAAAA,QAAA,cAAC;AAAA,EAAiB,MAAM,MAAM,IAAI,MAAM,MAAM;AAAA,EAAG,QAAO;AAAA,EAAM,QAAO;AAAA,EAAO,eAAY;AAAA,GACrF,MAAM,IAAI,CAAC,MAAM,MAEhB,6BAAAA,QAAA,cAAC;AAAA,EAAK,KAAK;AAAA,EAAG,WAAW,cAAc,OAAO,MAAM;AAAA,CAAW,CAChE,CACH;AAGF,SAAS,YAAY;AAAA,EAInB,OAAO,kBAAAC,QAAU,QAAQ,kBAAAA,QAAU,IAAI;AAAA,EAIvC,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
-  "names": ["React", "PropTypes"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,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;AAAA,EAAiB,MAAM,MAAM,IAAI,MAAM,MAAM;AAAA,EAAG,QAAO;AAAA,EAAM,QAAO;AAAA,EAAO,eAAY;AAAA,EACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,4CAAC;AAAA,IAAa,WAAW,cAAc,OAAO,MAAM;AAAA,KAAzC,CAAoD,CAChE;AAAA,CACH;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;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/MobileCard/ExpandChevron.js

@@ -28,7 +28,7 @@ __export(ExpandChevron_exports, {
 });
 module.exports = __toCommonJS(ExpandChevron_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -39,14 +39,15 @@ const ChevronWrap = import_ds_system.styled.div`
 `;
 const ExpandChevron = ({ isExpanded, onClick, align }) => {
   const Chevron = isExpanded ? import_ds_icons.ChevronDown : import_ds_icons.ChevronRight;
-  return /* @__PURE__ */ import_react.default.createElement(ChevronWrap, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronWrap, {
     "data-testid": "ds-card-expand-chevron",
-    align
-  }, /* @__PURE__ */ import_react.default.createElement(Chevron, {
-    size: "s",
-    color: ["brand-primary", 800],
-    onClick
-  }));
+    align,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chevron, {
+      size: "s",
+      color: ["brand-primary", 800],
+      onClick
+    })
+  });
 };
 ExpandChevron.propTypes = {
   isExpanded: import_prop_types.default.bool,

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;ADAvB,mBAAkB;AAClB,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,6BAAAA,QAAA,cAAC;AAAA,IAAY,eAAY;AAAA,IAAyB;AAAA,KAChD,6BAAAA,QAAA,cAAC;AAAA,IAAQ,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,IAAG;AAAA,GAAkB,CACrE;AAEJ;AAEA,cAAc,YAAY;AAAA,EAIxB,YAAY,kBAAAC,QAAU;AAAA,EAItB,SAAS,kBAAAA,QAAU,KAAK;AAAA,EAIxB,OAAO,kBAAAA,QAAU,OAAO;AAC1B;",
-  "names": ["React", "PropTypes"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;AAAA,IAAY,eAAY;AAAA,IAAyB;AAAA,IAChD,sDAAC;AAAA,MAAQ,MAAK;AAAA,MAAI,OAAO,CAAC,iBAAiB,GAAG;AAAA,MAAG;AAAA,KAAkB;AAAA,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA,EAItB,SAAS,kBAAAA,QAAU,KAAK;AAAA,EAIxB,OAAO,kBAAAA,QAAU,OAAO;AAC1B;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/MobileCard/ExpandableRegion.js

@@ -28,7 +28,8 @@ __export(ExpandableRegion_exports, {
 });
 module.exports = __toCommonJS(ExpandableRegion_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+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");
@@ -62,14 +63,16 @@ const ExpandableRegion = ({ show, content }) => {
     if (!show)
       setHide(true);
   };
-  return /* @__PURE__ */ import_react.default.createElement(Region, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Region, {
     hide,
     refHeight: ref?.current?.scrollHeight || 9999,
     onTransitionEnd: hideOnAnimationEnd,
-    animate
-  }, /* @__PURE__ */ import_react.default.createElement(RegionWrapper, {
-    ref
-  }, content));
+    animate,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RegionWrapper, {
+      ref,
+      children: content
+    })
+  });
 };
 ExpandableRegion.propTypes = {
   show: import_prop_types.default.bool,

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

@@ -2,6 +2,6 @@
   "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;ADAvB,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,6BAAAC,QAAA,cAAC;AAAA,IACC;AAAA,IAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB;AAAA,KAEA,6BAAAA,QAAA,cAAC;AAAA,IAAc;AAAA,KAAW,OAAQ,CACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,kBAAAC,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AACrB;",
-  "names": ["import_ds_system", "React", "PropTypes"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,4CAAC;AAAA,IACC;AAAA,IAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,IACzC,iBAAiB;AAAA,IACjB;AAAA,IAEA,sDAAC;AAAA,MAAc;AAAA,MAAW;AAAA,KAAQ;AAAA,GACpC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,kBAAAC,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AACrB;",
+  "names": ["import_ds_system", "PropTypes"]
 }