@elliemae/ds-mobile 3.57.0-next.7 → 3.57.0-next.9

package/dist/cjs/FullPageContainer/FullPageContainer.js

@@ -33,14 +33,10 @@ __export(FullPageContainer_exports, {
 module.exports = __toCommonJS(FullPageContainer_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_useMobileHeight = require("./useMobileHeight.js");
 const DSFullPageContainer = ({ children, ...props }) => {
   const height = (0, import_useMobileHeight.useMobileHeight)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { height, width: "100%", ...props, children });
 };
-DSFullPageContainer.propTypes = {
-  children: import_prop_types.default.any
-};
 //# sourceMappingURL=FullPageContainer.js.map

package/dist/cjs/FullPageContainer/FullPageContainer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FullPageContainer/FullPageContainer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight.js';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQnB;AAPJ,wBAAsB;AACtB,qBAAqB;AACrB,6BAAgC;AAEhC,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACtD,QAAM,aAAS,wCAAgB;AAC/B,SACE,4CAAC,uBAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,UAAU,kBAAAA,QAAU;AACtB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight.js';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nexport { DSFullPageContainer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWnB;AANJ,qBAAqB;AACrB,6BAAgC;AAEhC,MAAM,sBAAsB,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AACtD,QAAM,aAAS,wCAAgB;AAC/B,SACE,4CAAC,uBAAK,QAAgB,OAAM,QAAQ,GAAG,OACpC,UACH;AAEJ;",
+  "names": []
 }

package/dist/cjs/FullPageContainer/FullPageContainerScroll.js

@@ -33,11 +33,6 @@ __export(FullPageContainerScroll_exports, {
 module.exports = __toCommonJS(FullPageContainerScroll_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_grid = require("@elliemae/ds-grid");
 const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { maxHeight: "100%", style: { overflow: "auto", ...style }, ...props, children });
-DSFullPageContainerScroll.propTypes = {
-  children: import_prop_types.default.any,
-  style: import_prop_types.default.object
-};
 //# sourceMappingURL=FullPageContainerScroll.js.map

package/dist/cjs/FullPageContainer/FullPageContainerScroll.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/FullPageContainer/FullPageContainerScroll.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKrB;AAJF,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,UAAU,GAAG,MAAM,MAClE,4CAAC,uBAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;AAGF,0BAA0B,YAAY;AAAA,EACpC,UAAU,kBAAAA,QAAU;AAAA,EACpB,OAAO,kBAAAA,QAAU;AACnB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nexport { DSFullPageContainerScroll };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AAHF,qBAAqB;AAErB,MAAM,4BAA4B,CAAC,EAAE,QAAQ,CAAC,GAAG,UAAU,GAAG,MAAM,MAClE,4CAAC,uBAAK,WAAU,QAAO,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAM,GAAI,GAAG,OAC/D,UACH;",
+  "names": []
 }

package/dist/cjs/InfiniteLoader/Loader.js

@@ -33,11 +33,7 @@ __export(Loader_exports, {
 module.exports = __toCommonJS(Loader_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_indeterminate_progress_indicator = require("@elliemae/ds-indeterminate-progress-indicator");
 var import_styled = require("./styled.js");
 const Loader = ({ isOpen }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.LoaderBox, { className: isOpen ? "opened" : "", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_indeterminate_progress_indicator.DSIndeterminateProgressIndicator, { processing: true, title: "Loading" }) });
-Loader.propTypes = {
-  isOpen: import_prop_types.default.bool
-};
 //# sourceMappingURL=Loader.js.map

package/dist/cjs/InfiniteLoader/Loader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/InfiniteLoader/Loader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled.js';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n\nLoader.propTypes = {\n  isOpen: PropTypes.bool,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAVJ,wBAAsB;AACtB,iDAAiD;AACjD,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,4CAAC,2BAAU,WAAW,SAAS,WAAW,IACxC,sDAAC,+EAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;AAGF,OAAO,YAAY;AAAA,EACjB,QAAQ,kBAAAA,QAAU;AACpB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable react/no-unused-state */\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { LoaderBox } from './styled.js';\n\ninterface Props {\n  isOpen: boolean;\n}\n\nexport const Loader = ({ isOpen }: Props) => (\n  <LoaderBox className={isOpen ? 'opened' : ''}>\n    <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n  </LoaderBox>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,iDAAiD;AACjD,oBAA0B;AAMnB,MAAM,SAAS,CAAC,EAAE,OAAO,MAC9B,4CAAC,2BAAU,WAAW,SAAS,WAAW,IACxC,sDAAC,+EAAiC,YAAU,MAAC,OAAM,WAAU,GAC/D;",
+  "names": []
 }

package/dist/cjs/LoadingPage/Page.js

@@ -33,11 +33,10 @@ __export(Page_exports, {
 module.exports = __toCommonJS(Page_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
+var import_ds_backdrop = require("@elliemae/ds-backdrop");
 var import_ds_system = require("@elliemae/ds-system");
 var import_lodash_es = require("lodash-es");
-var import_ds_backdrop = require("@elliemae/ds-backdrop");
+var import_react = __toESM(require("react"));
 const LoadingPageLoader = import_ds_system.styled.div`
   ${({ type }) => type === "cover" ? "position: fixed" : "position: absolute"};
 
@@ -77,31 +76,5 @@ const LoadingPage = ({ backdropZIndex, children, loader, loading, type = "fill",
   }
   return injectRefPosition(children);
 };
-LoadingPage.propTypes = {
-  /**
-   * z-index of dimmer background
-   */
-  backdropZIndex: import_prop_types.default.number,
-  /**
-   * Children page to show behind the loader
-   */
-  children: import_prop_types.default.element,
-  /**
-   * Array of elements centrally aligned
-   */
-  loader: import_prop_types.default.arrayOf(import_prop_types.default.element),
-  /**
-   * Show / hide loader
-   */
-  loading: import_prop_types.default.bool,
-  /**
-   * ['cover', 'fill']
-   */
-  type: import_prop_types.default.oneOf(["fill", "cover"]),
-  /**
-   * z-index of loader, should be higher than the backdropZIndex
-   */
-  zIndex: import_prop_types.default.number
-};
 const DSMobileLoadingPage = (0, import_ds_system.withTheme)(LoadingPage);
 //# sourceMappingURL=Page.js.map

package/dist/cjs/LoadingPage/Page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/LoadingPage/Page.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withTheme, styled } from '@elliemae/ds-system';\nimport { get } from 'lodash-es';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <DSBackdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nLoadingPage.propTypes = {\n  /**\n   * z-index of dimmer background\n   */\n  backdropZIndex: PropTypes.number,\n  /**\n   * Children page to show behind the loader\n   */\n  children: PropTypes.element,\n  /**\n   * Array of elements centrally aligned\n   */\n  loader: PropTypes.arrayOf(PropTypes.element),\n  /**\n   * Show / hide loader\n   */\n  loading: PropTypes.bool,\n  /**\n   * ['cover', 'fill']\n   */\n  type: PropTypes.oneOf(['fill', 'cover']),\n  /**\n   * z-index of loader, should be higher than the backdropZIndex\n   */\n  zIndex: PropTypes.number,\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BG;AA7B1B,mBAAmD;AACnD,wBAAsB;AACtB,uBAAkC;AAClC,uBAAoB;AACpB,yBAA2B;AAE3B,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,iCAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAA,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,sBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,gBAAgB,kBAAAC,QAAU;AAAA;AAAA;AAAA;AAAA,EAI1B,UAAU,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIpB,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI3C,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU;AACpB;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
-  "names": ["React", "PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { get } from 'lodash-es';\nimport React, { useEffect, useRef, useState } from 'react';\n\nconst LoadingPageLoader = styled.div`\n  ${({ type }) => (type === 'cover' ? 'position: fixed' : 'position: absolute')};\n\n  z-index: ${(props) => props.zIndex || props.theme.zIndex.loader};\n  top: 25%;\n  left: 15%;\n  width: 70%;\n  height: 75%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst LoadingPage = ({ backdropZIndex, children, loader, loading, type = 'fill', zIndex }) => {\n  const [position, setPosition] = useState(null);\n  const childRef = useRef(null);\n  useEffect(() => {\n    if (childRef && childRef.current) {\n      const style = childRef && window.getComputedStyle(childRef.current);\n      setPosition(style.getPropertyValue('position'));\n    }\n  }, [childRef]);\n\n  const Back = loading && <DSBackdrop type={type} zIndex={backdropZIndex} />;\n  const Loader = loader && loading && (\n    <LoadingPageLoader zIndex={zIndex} type={type} hide={!loading}>\n      {loader}\n    </LoadingPageLoader>\n  );\n\n  const injectRefPosition = (child) =>\n    React.cloneElement(React.Children.only(child), {\n      ref: childRef,\n      children: React.Children.toArray(child.props.children).concat([Loader, Back]),\n      style: {\n        ...get(child, 'props.style', {}),\n        position: position === 'static' ? 'relative' : position,\n      },\n    });\n\n  if (React.Children.count(children) === 0) {\n    return (\n      <>\n        {Loader}\n        {Back}\n      </>\n    );\n  }\n  return injectRefPosition(children);\n};\n\nconst DSMobileLoadingPage = withTheme(LoadingPage);\n\nexport { DSMobileLoadingPage };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCG;AA5B1B,yBAA2B;AAC3B,uBAAkC;AAClC,uBAAoB;AACpB,mBAAmD;AAEnD,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,EAAE,KAAK,MAAO,SAAS,UAAU,oBAAoB,oBAAqB;AAAA;AAAA,aAElE,CAAC,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUjE,MAAM,cAAc,CAAC,EAAE,gBAAgB,UAAU,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM;AAC5F,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,IAAI;AAC7C,QAAM,eAAW,qBAAO,IAAI;AAC5B,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS,SAAS;AAChC,YAAM,QAAQ,YAAY,OAAO,iBAAiB,SAAS,OAAO;AAClE,kBAAY,MAAM,iBAAiB,UAAU,CAAC;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,OAAO,WAAW,4CAAC,iCAAW,MAAY,QAAQ,gBAAgB;AACxE,QAAM,SAAS,UAAU,WACvB,4CAAC,qBAAkB,QAAgB,MAAY,MAAM,CAAC,SACnD,kBACH;AAGF,QAAM,oBAAoB,CAAC,UACzB,aAAAA,QAAM,aAAa,aAAAA,QAAM,SAAS,KAAK,KAAK,GAAG;AAAA,IAC7C,KAAK;AAAA,IACL,UAAU,aAAAA,QAAM,SAAS,QAAQ,MAAM,MAAM,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC;AAAA,IAC5E,OAAO;AAAA,MACL,OAAG,sBAAI,OAAO,eAAe,CAAC,CAAC;AAAA,MAC/B,UAAU,aAAa,WAAW,aAAa;AAAA,IACjD;AAAA,EACF,CAAC;AAEH,MAAI,aAAAA,QAAM,SAAS,MAAM,QAAQ,MAAM,GAAG;AACxC,WACE,4EACG;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SAAO,kBAAkB,QAAQ;AACnC;AAEA,MAAM,0BAAsB,4BAAU,WAAW;",
+  "names": ["React"]
 }

package/dist/cjs/MobileCard/ActionAddon.js

@@ -33,10 +33,9 @@ __export(ActionAddon_exports, {
 module.exports = __toCommonJS(ActionAddon_exports);
 var 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");
 var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_system = require("@elliemae/ds-system");
 const Addon = (0, import_ds_system.styled)(import_ds_button.DSButton)`
   background-color: transparent;
   padding-right: 4px;
@@ -54,18 +53,4 @@ const Addon = (0, import_ds_system.styled)(import_ds_button.DSButton)`
   }
 `;
 const ActionAddon = ({ label, onClick, icon }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Addon, { onClick, labelText: label, icon: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: ["brand-primary", 700] }) });
-ActionAddon.propTypes = {
-  /**
-   * Addon label
-   */
-  label: import_prop_types.default.string,
-  /**
-   * On click callback
-   */
-  onClick: import_prop_types.default.func,
-  /**
-   * Icon to display after the label
-   */
-  icon: import_prop_types.default.element
-};
 //# sourceMappingURL=ActionAddon.js.map

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

@@ -1,7 +1,7 @@
 {
   "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 { DSButton } from '@elliemae/ds-button';\n\nconst Addon = styled(DSButton)`\n  background-color: transparent;\n  padding-right: 4px;\n  height: 100%;\n  border: none;\n  font-size: 12px;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  color: ${(props) => props.theme.colors.brand['700']};\n  cursor: pointer;\n  &:focus,\n  &::after {\n    background-color: transparent;\n    box-shadow: none !important; /* needed */\n    border: none !important; /* needed */\n  }\n`;\n\nexport const ActionAddon = ({ label, onClick, icon }) => (\n  <Addon onClick={onClick} labelText={label} icon={icon || <ChevronSmallDown color={['brand-primary', 700]} />} />\n);\n\nActionAddon.propTypes = {\n  /**\n   * Addon label\n   */\n  label: PropTypes.string,\n  /**\n   * On click callback\n   */\n  onClick: PropTypes.func,\n  /**\n   * Icon to display after the label\n   */\n  icon: PropTypes.element,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBoC;AAvB3D,wBAAsB;AACtB,uBAAuB;AACvB,sBAAiC;AACjC,uBAAyB;AAEzB,MAAM,YAAQ,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMZ,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,4CAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;AAGhH,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,OAAO,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAIjB,SAAS,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAInB,MAAM,kBAAAA,QAAU;AAClB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { DSButton } from '@elliemae/ds-button';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\n\nconst Addon = styled(DSButton)`\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BoC;AAtB3D,uBAAyB;AACzB,sBAAiC;AACjC,uBAAuB;AAEvB,MAAM,YAAQ,yBAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMZ,CAAC,UAAU,MAAM,MAAM,YAAY,QAAQ;AAAA,WACjD,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU9C,MAAM,cAAc,CAAC,EAAE,OAAO,SAAS,KAAK,MACjD,4CAAC,SAAM,SAAkB,WAAW,OAAO,MAAM,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,iBAAiB,GAAG,GAAG,GAAI;",
+  "names": []
 }

package/dist/cjs/MobileCard/CardIcons.js

@@ -36,9 +36,8 @@ var import_jsx_runtime = (
   // eslint-disable-next-line react/no-array-index-key
   require("react/jsx-runtime")
 );
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_system = require("@elliemae/ds-system");
 const CardIconsWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   align-items: center;
   span,
@@ -96,14 +95,4 @@ const CardIconsWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   }
 `;
 const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardIconsWrapper, { cols: icons.map(() => "12px"), gutter: "6px", height: "14px", "data-testid": "card-subIcons", children: icons.map((Icon, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: `icon-color-${colors[i] || "muted"}` }, i)) });
-SubIcons.propTypes = {
-  /**
-   * Array of  Icons
-   */
-  icons: import_prop_types.default.arrayOf(import_prop_types.default.func),
-  /**
-   * Color Types: muted, warn, error, success
-   */
-  colors: import_prop_types.default.arrayOf(import_prop_types.default.oneOf(["muted", "warn", "error", "success", "primary"]))
-};
 //# sourceMappingURL=CardIcons.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/CardIcons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable import/no-unresolved */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst CardIconsWrapper = styled(Grid)`\n  align-items: center;\n  span,\n  svg {\n    width: 12px !important;\n    height: 12px !important;\n  }\n  span.icon-color-muted svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.neutral['600']};\n    }\n  }\n  span.icon-color-warn svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning['600']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.warning['600']};\n    }\n  }\n  span.icon-color-error svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.danger['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.danger['900']};\n    }\n  }\n  span.icon-color-success svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.success['900']};\n    height: 12px !important;\n    width: 12px !important;\n\n    & * {\n      fill: ${(props) => props.theme.colors.success['900']};\n    }\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n  span.icon-color-primary svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const SubIcons = ({ icons = [], colors = [] }) => (\n  <CardIconsWrapper cols={icons.map(() => '12px')} gutter=\"6px\" height=\"14px\" data-testid=\"card-subIcons\">\n    {icons.map((Icon, i) => (\n      // eslint-disable-next-line react/no-array-index-key\n      <Icon key={i} className={`icon-color-${colors[i] || 'muted'}`} />\n    ))}\n  </CardIconsWrapper>\n);\n\nSubIcons.propTypes = {\n  /**\n   * Array of  Icons\n   */\n  icons: PropTypes.arrayOf(PropTypes.func),\n  /**\n   * Color Types: muted, warn, error, success\n   */\n  colors: PropTypes.arrayOf(PropTypes.oneOf(['muted', 'warn', 'error', 'success', 'primary'])),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmEjB;AAAA;AAAA;AAAA;AAjEN,wBAAsB;AACtB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,YAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,4CAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,4CAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,OAAO,MAAhD,CAAoD,CAChE,GACH;AAGF,SAAS,YAAY;AAAA;AAAA;AAAA;AAAA,EAInB,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI;AAAA;AAAA;AAAA;AAAA,EAIvC,QAAQ,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,SAAS,QAAQ,SAAS,WAAW,SAAS,CAAC,CAAC;AAC7F;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/restrict-template-expressions */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuEjB;AAAA;AAAA;AAAA;AAhEN,qBAAqB;AACrB,uBAAuB;AAEvB,MAAM,uBAAmB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKzC,CAAC,UAAU,MAAM,MAAM,OAAO,OAAO,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAK1C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,YAK9C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,YAIxC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC;AAAA;AAAA;AAI7C,MAAM,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,SAAS,CAAC,EAAE,MACjD,4CAAC,oBAAiB,MAAM,MAAM,IAAI,MAAM,MAAM,GAAG,QAAO,OAAM,QAAO,QAAO,eAAY,iBACrF,gBAAM,IAAI,CAAC,MAAM,MAEhB,4CAAC,QAAa,WAAW,cAAc,OAAO,CAAC,KAAK,OAAO,MAAhD,CAAoD,CAChE,GACH;",
+  "names": []
 }

package/dist/cjs/MobileCard/ExpandChevron.js

@@ -33,9 +33,8 @@ __export(ExpandChevron_exports, {
 module.exports = __toCommonJS(ExpandChevron_exports);
 var 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");
+var import_ds_system = require("@elliemae/ds-system");
 const ChevronWrap = import_ds_system.styled.div`
   margin-top: ${(props) => props.align === "top" ? "18px" : "0"};
   align-self: ${(props) => props.align === "top" ? "flex-start" : "center"};
@@ -45,18 +44,4 @@ const ExpandChevron = ({ isExpanded, onClick, align }) => {
   const Chevron = isExpanded ? import_ds_icons.ChevronDown : import_ds_icons.ChevronRight;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronWrap, { "data-testid": "ds-card-expand-chevron", align, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chevron, { size: "s", color: ["brand-primary", 800], onClick }) });
 };
-ExpandChevron.propTypes = {
-  /**
-   * Whether if the chevron is expanded or not
-   */
-  isExpanded: import_prop_types.default.bool,
-  /**
-   * click callback
-   */
-  onClick: import_prop_types.default.func.isRequired,
-  /**
-   * top or center
-   */
-  align: import_prop_types.default.string.isRequired
-};
 //# sourceMappingURL=ExpandChevron.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/ExpandChevron.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\n\nconst ChevronWrap = styled.div`\n  margin-top: ${(props) => (props.align === 'top' ? '18px' : '0')};\n  align-self: ${(props) => (props.align === 'top' ? 'flex-start' : 'center')};\n  margin-left: ${(props) => props.theme.space.xs};\n`;\n\nexport const ExpandChevron = ({ isExpanded, onClick, align }) => {\n  const Chevron = isExpanded ? ChevronDown : ChevronRight;\n  return (\n    <ChevronWrap data-testid=\"ds-card-expand-chevron\" align={align}>\n      <Chevron size=\"s\" color={['brand-primary', 800]} onClick={onClick} />\n    </ChevronWrap>\n  );\n};\n\nExpandChevron.propTypes = {\n  /**\n   * Whether if the chevron is expanded or not\n   */\n  isExpanded: PropTypes.bool,\n  /**\n   * click callback\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * top or center\n   */\n  align: PropTypes.string.isRequired,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADejB;AAdN,wBAAsB;AACtB,uBAAuB;AACvB,sBAA0C;AAE1C,MAAM,cAAc,wBAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS,GAAI;AAAA,gBACjD,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe,QAAS;AAAA,iBAC3D,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAGzC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,8BAAc;AAC3C,SACE,4CAAC,eAAY,eAAY,0BAAyB,OAChD,sDAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;AAEA,cAAc,YAAY;AAAA;AAAA;AAAA;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AAAA;AAAA;AAAA;AAAA,EAItB,SAAS,kBAAAA,QAAU,KAAK;AAAA;AAAA;AAAA;AAAA,EAIxB,OAAO,kBAAAA,QAAU,OAAO;AAC1B;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBjB;AAbN,sBAA0C;AAC1C,uBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA,gBACX,CAAC,UAAW,MAAM,UAAU,QAAQ,SAAS,GAAI;AAAA,gBACjD,CAAC,UAAW,MAAM,UAAU,QAAQ,eAAe,QAAS;AAAA,iBAC3D,CAAC,UAAU,MAAM,MAAM,MAAM,EAAE;AAAA;AAGzC,MAAM,gBAAgB,CAAC,EAAE,YAAY,SAAS,MAAM,MAAM;AAC/D,QAAM,UAAU,aAAa,8BAAc;AAC3C,SACE,4CAAC,eAAY,eAAY,0BAAyB,OAChD,sDAAC,WAAQ,MAAK,KAAI,OAAO,CAAC,iBAAiB,GAAG,GAAG,SAAkB,GACrE;AAEJ;",
+  "names": []
 }

package/dist/cjs/MobileCard/ExpandableRegion.js

@@ -33,9 +33,8 @@ __export(ExpandableRegion_exports, {
 module.exports = __toCommonJS(ExpandableRegion_exports);
 var 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_react = require("react");
 const RegionWrapper = import_ds_system.styled.div`
   width: 100%;
   height: 100%;
@@ -75,8 +74,4 @@ const ExpandableRegion = ({ show, content }) => {
     }
   );
 };
-ExpandableRegion.propTypes = {
-  show: import_prop_types.default.bool,
-  content: import_prop_types.default.element
-};
 //# sourceMappingURL=ExpandableRegion.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/ExpandableRegion.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, 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 innerRef={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n\nExpandableRegion.propTypes = {\n  show: PropTypes.bool,\n  content: PropTypes.element,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDjB;AAjDN,mBAAmD;AACnD,wBAAsB;AACtB,uBAAyC;AAEzC,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,wBAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB,EAAG;AAAA,2BAC7B,CAAC,UAAW,MAAM,UAAU,UAAU,OAAQ;AAAA;AAAA,IAErE,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM,SAAS;AAAA,QAE3B,EAAE;AAAA;AAAA,QAEN,2BAAS,CAAC;AAAA,gBACE,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,iBACnD,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAGpD,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,KAAM,SAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC,KAAM,SAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,sDAAC,iBAAc,UAAU,KAAM,mBAAQ;AAAA;AAAA,EACzC;AAEJ;AAEA,iBAAiB,YAAY;AAAA,EAC3B,MAAM,kBAAAA,QAAU;AAAA,EAChB,SAAS,kBAAAA,QAAU;AACrB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["import { border, styled, truncate } from '@elliemae/ds-system';\nimport { useEffect, useRef, useState } from 'react';\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 innerRef={ref}>{content}</RegionWrapper>\n    </Region>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgDjB;AAhDN,uBAAyC;AACzC,mBAA4C;AAE5C,MAAM,gBAAgB,wBAAO;AAAA;AAAA;AAAA;AAK7B,MAAM,SAAS,wBAAO;AAAA;AAAA,IAElB,CAAC,UAAW,MAAM,OAAO,wBAAwB,EAAG;AAAA,2BAC7B,CAAC,UAAW,MAAM,UAAU,UAAU,OAAQ;AAAA;AAAA,IAErE,CAAC,UACD,MAAM,UACF;AAAA,oBACY,MAAM,SAAS;AAAA,QAE3B,EAAE;AAAA;AAAA,QAEN,2BAAS,CAAC;AAAA,gBACE,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC,CAAC;AAAA,iBACnD,CAAC,UAAU,MAAM,MAAM,YAAY,OAAO;AAAA;AAGpD,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,KAAM,SAAQ,KAAK;AAAA,EACzB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,qBAAqB,MAAM;AAC/B,QAAI,CAAC,KAAM,SAAQ,IAAI;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MAEA,WAAW,KAAK,SAAS,gBAAgB;AAAA,MACzC,iBAAiB;AAAA,MACjB;AAAA,MAEA,sDAAC,iBAAc,UAAU,KAAM,mBAAQ;AAAA;AAAA,EACzC;AAEJ;",
+  "names": []
 }

package/dist/cjs/MobileCard/polishedUtil.js

@@ -0,0 +1,100 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var polishedUtil_exports = {};
+__export(polishedUtil_exports, {
+  rem: () => rem
+});
+module.exports = __toCommonJS(polishedUtil_exports);
+var React = __toESM(require("react"));
+const cssRegex = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
+function stripUnit(value) {
+  if (typeof value !== "string") return value;
+  const matchedValue = value.match(cssRegex);
+  return matchedValue ? parseFloat(value) : value;
+}
+const ERRORS = preval`
+  const fs = require('fs');
+  const md = fs.readFileSync(__dirname + '/errors.md', 'utf8');
+  module.exports = md.split(/^#/gm).slice(1).reduce((errors, str) => {
+    const [, code, message] = str.split(/^.*?(\\d+)\\s*\\n/)
+    errors[code] = message
+    return errors;
+  }, {});
+`;
+function format(...args) {
+  let a = args[0];
+  const b = [];
+  let c;
+  for (c = 1; c < args.length; c += 1) {
+    b.push(args[c]);
+  }
+  b.forEach((d) => {
+    a = a.replace(/%[a-z]/, d);
+  });
+  return a;
+}
+class PolishedError extends Error {
+  constructor(code, ...args) {
+    if (false) {
+      super(
+        `An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#${code} for more information.`
+      );
+    } else {
+      super(format(ERRORS[code], ...args));
+    }
+  }
+}
+function endsWith(string, suffix) {
+  return string.substr(-suffix.length) === suffix;
+}
+const pxtoFactory = (to) => (pxval, base = "16px") => {
+  let newPxval = pxval;
+  let newBase = base;
+  if (typeof pxval === "string") {
+    if (!endsWith(pxval, "px")) {
+      throw new PolishedError(69, to, pxval);
+    }
+    newPxval = stripUnit(pxval);
+  }
+  if (typeof base === "string") {
+    if (!endsWith(base, "px")) {
+      throw new PolishedError(70, to, base);
+    }
+    newBase = stripUnit(base);
+  }
+  if (typeof newPxval === "string") {
+    throw new PolishedError(71, pxval, to);
+  }
+  if (typeof newBase === "string") {
+    throw new PolishedError(72, base, to);
+  }
+  return `${newPxval / newBase}${to}`;
+};
+const rem = pxtoFactory("rem");
+//# sourceMappingURL=polishedUtil.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileCard/polishedUtil.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-call */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable no-var */\n\ndeclare var preval: Function;\nconst cssRegex = /^([+-]?(?:\\d+|\\d*\\.\\d+))([a-z]*|%)$/;\n\n// copying from polished github repostiory at https://github.com/styled-components/polished/blob/main/src/helpers/stripUnit.js\n/**\n * Returns a given CSS value minus its unit of measure.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n *   '--dimension': stripUnit('100px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n *   --dimension: ${stripUnit('100px')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n *   '--dimension': 100\n * }\n */\nfunction stripUnit(value: string | number): string | number {\n  if (typeof value !== 'string') return value;\n  const matchedValue = value.match(cssRegex);\n  return matchedValue ? parseFloat(value) : value;\n}\n\n// copying from polished github repostiory at https://github.com/styled-components/polished/blob/main/src/internalHelpers/_errors.js\n/**\n * Parse errors.md and turn it into a simple hash of code: message\n * @private\n */\nconst ERRORS = preval`\n  const fs = require('fs');\n  const md = fs.readFileSync(__dirname + '/errors.md', 'utf8');\n  module.exports = md.split(/^#/gm).slice(1).reduce((errors, str) => {\n    const [, code, message] = str.split(/^.*?(\\\\d+)\\\\s*\\\\n/)\n    errors[code] = message\n    return errors;\n  }, {});\n`;\n\n/**\n * super basic version of sprintf\n * @private\n */\n// @ts-expect-error - coping polished which is not typed\nfunction format(...args) {\n  let a = args[0];\n  const b = [];\n  let c;\n\n  for (c = 1; c < args.length; c += 1) {\n    b.push(args[c]);\n  }\n\n  b.forEach((d) => {\n    a = a.replace(/%[a-z]/, d);\n  });\n\n  return a;\n}\n\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n * @private\n */\nclass PolishedError extends Error {\n  constructor(code: string | number, ...args: Array<unknown>) {\n    if (process.env.NODE_ENV === 'production') {\n      super(\n        `An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#${code} for more information.`,\n      );\n    } else {\n      super(format(ERRORS[code], ...args));\n    }\n  }\n}\n\n// copied from polished github repostiory at https://github.com/styled-components/polished/blob/main/src/internalHelpers/_endsWith.js\n/**\n * Check if a string ends with something\n * @private\n */\nfunction endsWith(string: string, suffix: string): boolean {\n  return string.substr(-suffix.length) === suffix;\n}\n\n// copied from polished github repostiory at https://github.com/styled-components/polished/blob/main/src/internalHelpers/_pxto.js\n/**\n * Factory function that creates pixel-to-x converters\n * @private\n */\nconst pxtoFactory =\n  (to: string) =>\n  (pxval: string | number, base: string | number = '16px'): string => {\n    let newPxval = pxval;\n    let newBase = base;\n    if (typeof pxval === 'string') {\n      if (!endsWith(pxval, 'px')) {\n        throw new PolishedError(69, to, pxval);\n      }\n      newPxval = stripUnit(pxval);\n    }\n\n    if (typeof base === 'string') {\n      if (!endsWith(base, 'px')) {\n        throw new PolishedError(70, to, base);\n      }\n      newBase = stripUnit(base);\n    }\n\n    if (typeof newPxval === 'string') {\n      throw new PolishedError(71, pxval, to);\n    }\n\n    if (typeof newBase === 'string') {\n      throw new PolishedError(72, base, to);\n    }\n\n    return `${newPxval / newBase}${to}`;\n  };\n\n// copied from polished github repostiory at https://github.com/styled-components/polished/blob/main/src/helpers/rem.js\n/**\n * Convert pixel value to rems. The default base value is 16px, but can be changed by passing a\n * second argument to the function.\n * @function\n * @param {string|number} pxval\n * @param {string|number} [base='16px']\n * @example\n * // Styles as object usage\n * const styles = {\n *   'height': rem('16px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n *   height: ${rem('16px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n *   'height': '1rem'\n * }\n */\nexport const rem: (value: string | number, base?: string | number) => string = pxtoFactory('rem');\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSvB,MAAM,WAAW;AAuBjB,SAAS,UAAU,OAAyC;AAC1D,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAM,eAAe,MAAM,MAAM,QAAQ;AACzC,SAAO,eAAe,WAAW,KAAK,IAAI;AAC5C;AAOA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAef,SAAS,UAAU,MAAM;AACvB,MAAI,IAAI,KAAK,CAAC;AACd,QAAM,IAAI,CAAC;AACX,MAAI;AAEJ,OAAK,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACnC,MAAE,KAAK,KAAK,CAAC,CAAC;AAAA,EAChB;AAEA,IAAE,QAAQ,CAAC,MAAM;AACf,QAAI,EAAE,QAAQ,UAAU,CAAC;AAAA,EAC3B,CAAC;AAED,SAAO;AACT;AAOA,MAAM,sBAAsB,MAAM;AAAA,EAChC,YAAY,SAA0B,MAAsB;AAC1D,QAAI,OAAuC;AACzC;AAAA,QACE,gHAAgH,IAAI;AAAA,MACtH;AAAA,IACF,OAAO;AACL,YAAM,OAAO,OAAO,IAAI,GAAG,GAAG,IAAI,CAAC;AAAA,IACrC;AAAA,EACF;AACF;AAOA,SAAS,SAAS,QAAgB,QAAyB;AACzD,SAAO,OAAO,OAAO,CAAC,OAAO,MAAM,MAAM;AAC3C;AAOA,MAAM,cACJ,CAAC,OACD,CAAC,OAAwB,OAAwB,WAAmB;AAClE,MAAI,WAAW;AACf,MAAI,UAAU;AACd,MAAI,OAAO,UAAU,UAAU;AAC7B,QAAI,CAAC,SAAS,OAAO,IAAI,GAAG;AAC1B,YAAM,IAAI,cAAc,IAAI,IAAI,KAAK;AAAA,IACvC;AACA,eAAW,UAAU,KAAK;AAAA,EAC5B;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,QAAI,CAAC,SAAS,MAAM,IAAI,GAAG;AACzB,YAAM,IAAI,cAAc,IAAI,IAAI,IAAI;AAAA,IACtC;AACA,cAAU,UAAU,IAAI;AAAA,EAC1B;AAEA,MAAI,OAAO,aAAa,UAAU;AAChC,UAAM,IAAI,cAAc,IAAI,OAAO,EAAE;AAAA,EACvC;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,UAAM,IAAI,cAAc,IAAI,MAAM,EAAE;AAAA,EACtC;AAEA,SAAO,GAAG,WAAW,OAAO,GAAG,EAAE;AACnC;AA0BK,MAAM,MAAkE,YAAY,KAAK;",
+  "names": []
+}

package/dist/cjs/MobileCard/useHeight.js

@@ -33,7 +33,7 @@ __export(useHeight_exports, {
 module.exports = __toCommonJS(useHeight_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-var import_polished = require("polished");
+var import_polishedUtil = require("./polishedUtil.js");
 function getCurrentFont() {
   const root = document.querySelector(":root");
   if (!root) return 13;
@@ -48,8 +48,8 @@ function useHeight(ref) {
     setCurrentFont(getCurrentFont());
   }, []);
   (0, import_react.useEffect)(() => {
-    if (ref.current && height !== (0, import_polished.rem)(ref.current.clientHeight, currentFont)) {
-      setHeight((0, import_polished.rem)(ref.current.clientHeight, currentFont));
+    if (ref.current && height !== (0, import_polishedUtil.rem)(ref.current.clientHeight, currentFont)) {
+      setHeight((0, import_polishedUtil.rem)(ref.current.clientHeight, currentFont));
     }
   }, [ref.current, currentFont]);
   return height;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileCard/useHeight.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { rem } from 'polished';\n\nfunction getCurrentFont() {\n  const root = document.querySelector(':root');\n  if (!root) return 13;\n  const fontSize = window.getComputedStyle(root).getPropertyValue('font-size');\n  if (!fontSize) return 13;\n  return Number(fontSize.match(/\\d+/)[0]);\n}\n\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AACpC,sBAAoB;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAEO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,8BAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW,eAAW,qBAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,oBAAU,qBAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\nimport { useEffect, useState } from 'react';\nimport { rem } from './polishedUtil.js';\n\nfunction getCurrentFont() {\n  const root = document.querySelector(':root');\n  if (!root) return 13;\n  const fontSize = window.getComputedStyle(root).getPropertyValue('font-size');\n  if (!fontSize) return 13;\n  // @ts-expect-error - file used to be like this, mobile is deprecated, just leaving as is\n  return Number(fontSize.match(/\\d+/)[0]);\n}\n\n// @ts-expect-error - file used to be like this, mobile is deprecated, just leaving as is\nexport function useHeight(ref) {\n  const [height, setHeight] = useState('0rem');\n  const [currentFont, setCurrentFont] = useState(13);\n  useEffect(() => {\n    setCurrentFont(getCurrentFont());\n  }, []);\n\n  useEffect(() => {\n    if (ref.current && height !== rem(ref.current.clientHeight, currentFont)) {\n      setHeight(rem(ref.current.clientHeight, currentFont));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref.current, currentFont]);\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAoC;AACpC,0BAAoB;AAEpB,SAAS,iBAAiB;AACxB,QAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,WAAW,OAAO,iBAAiB,IAAI,EAAE,iBAAiB,WAAW;AAC3E,MAAI,CAAC,SAAU,QAAO;AAEtB,SAAO,OAAO,SAAS,MAAM,KAAK,EAAE,CAAC,CAAC;AACxC;AAGO,SAAS,UAAU,KAAK;AAC7B,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,MAAM;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,8BAAU,MAAM;AACd,mBAAe,eAAe,CAAC;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,IAAI,WAAW,eAAW,yBAAI,IAAI,QAAQ,cAAc,WAAW,GAAG;AACxE,oBAAU,yBAAI,IAAI,QAAQ,cAAc,WAAW,CAAC;AAAA,IACtD;AAAA,EAEF,GAAG,CAAC,IAAI,SAAS,WAAW,CAAC;AAE7B,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js

@@ -36,9 +36,8 @@ __export(MobileDropdownInput_exports, {
 module.exports = __toCommonJS(MobileDropdownInput_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_system = require("@elliemae/ds-system");
-var import_prop_types = __toESM(require("prop-types"));
 var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_system = require("@elliemae/ds-system");
 const MobileDropdownInput = import_ds_system.styled.input`
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -75,9 +74,6 @@ const CaretWrap = import_ds_system.styled.span`
   align-items: center;
 `;
 const Caret = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CaretWrap, { onClick, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { color: ["brand-primary", "600"] }) });
-Caret.propTypes = {
-  onClick: import_prop_types.default.func.isRequired
-};
 const DSMobileDropdownTriggerInput = ({
   inputProps,
   caretProps,

package/dist/cjs/MobileDropdownMenu/MobileDropdownInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileDropdownMenu/MobileDropdownInput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { styled, focus } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { ChevronDown } from '@elliemae/ds-icons';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nCaret.propTypes = {\n  onClick: PropTypes.func.isRequired,\n};\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CnB;AA5CJ,uBAA8B;AAC9B,wBAAsB;AACtB,sBAA4B;AAErB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,MAI1D,CAAC,cAAU,wBAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAI9C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,4CAAC,aAAU,SACT,sDAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGF,MAAM,YAAY;AAAA,EAChB,SAAS,kBAAAA,QAAU,KAAK;AAC1B;AAEO,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6CAAC,2BAAwB,eAAY,uBACnC;AAAA,8CAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,4CAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
-  "names": ["PropTypes"]
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n//  this is what a legacy 7 year old codebase looks like.\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { focus, styled } from '@elliemae/ds-system';\n\nexport const MobileDropdownInput = styled.input`\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  caret-color: transparent;\n  padding-right: 32px;\n  padding-left: 10px;\n  border-radius: 2px;\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  height: 32px;\n  line-height: 32px;\n  border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n\n  &:active,\n  &:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n`;\n\nexport const MobileDropdownInputWrap = styled.span`\n  position: relative;\n  width: 100%;\n  display: inline-block;\n  height: 32px;\n`;\n\nconst CaretWrap = styled.span`\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  right: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const Caret = ({ onClick }): JSX.Element => (\n  <CaretWrap onClick={onClick}>\n    <ChevronDown color={['brand-primary', '600']} />\n  </CaretWrap>\n);\n\nexport const DSMobileDropdownTriggerInput = ({\n  inputProps,\n  caretProps,\n  selectedItemsText,\n}: {\n  inputProps: Record<string, unknown>;\n  caretProps: Record<string, unknown>;\n  selectedItemsText?: string;\n}): JSX.Element => (\n  <MobileDropdownInputWrap data-testid=\"ds-mobile-ddwn-menu\">\n    <MobileDropdownInput {...inputProps} readOnly value={selectedItemsText ?? inputProps.value} />\n\n    <Caret {...caretProps} />\n  </MobileDropdownInputWrap>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiDnB;AA3CJ,sBAA4B;AAC5B,uBAA8B;AAEvB,MAAM,sBAAsB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA,sBAGtC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,MAI1D,CAAC,cAAU,wBAAM,MAAM,MAAM,OAAO,MAAM,GAAG,CAAC,CAAC;AAAA;AAAA;AAI9C,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9C,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWlB,MAAM,QAAQ,CAAC,EAAE,QAAQ,MAC9B,4CAAC,aAAU,SACT,sDAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAChD;AAGK,MAAM,+BAA+B,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACF,MAKE,6CAAC,2BAAwB,eAAY,uBACnC;AAAA,8CAAC,uBAAqB,GAAG,YAAY,UAAQ,MAAC,OAAO,qBAAqB,WAAW,OAAO;AAAA,EAE5F,4CAAC,SAAO,GAAG,YAAY;AAAA,GACzB;",
+  "names": []
 }