@elliemae/ds-mobile 3.16.0-next.1 → 3.16.0-next.11

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSelectList/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileSelectList';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "sourcesContent": ["export * from './MobileSelectList.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,kCAAd;",
   "names": []
 }

package/dist/cjs/MobileSelectList/styled.js

@@ -40,9 +40,8 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_MobileTouchable = require("../MobileTouchable");
-var import_MobileListItem = require("../MobileListItem");
+var import_MobileTouchable = require("../MobileTouchable/index.js");
+var import_MobileListItem = require("../MobileListItem/index.js");
 const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   background: ${(props) => props.theme.colors.neutral["000"]};
   z-index: ${(props) => props.zIndex};
@@ -54,10 +53,10 @@ const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   height: 100%;
 `;
 const HeaderContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  border-bottom: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  border-bottom: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
 `;
 const Footer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
-  border-top: ${(props) => (0, import_ds_system2.border)(props.theme.colors.neutral["300"])};
+  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
 `;
 const ListContainer = import_ds_system.styled.div`
   & ${import_MobileTouchable.DSMobileTouchable}:last-child ${import_MobileListItem.DSMobileListItem} {

package/dist/cjs/MobileSelectList/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSelectList/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { border } from '@elliemae/ds-system';\nimport { DSMobileTouchable } from '../MobileTouchable';\nimport { DSMobileListItem } from '../MobileListItem';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCC;AAlCxB,oBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,IAAAA,oBAAuB;AACvB,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,mBACvB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,aAAS,yBAAO,mBAAI;AAAA,gBACjB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,4CAAC,6BAAW,SAAS,OAAO,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AAC/F,MAAM,UAAU,4CAAC,6BAAW,SAAO,MAAC,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AACtF,MAAM,eAAe,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,GAAG,GAAG;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import React from 'react';\nimport { noop } from 'lodash';\nimport { styled, border } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCheckbox } from '@elliemae/ds-form';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { DSMobileTouchable } from '../MobileTouchable/index.js';\nimport { DSMobileListItem } from '../MobileListItem/index.js';\n\nexport const StyledContainer = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  width: 100%;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n`;\n\nexport const HeaderContainer = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const Footer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nexport const ListContainer = styled.div`\n  & ${DSMobileTouchable}:last-child ${DSMobileListItem} {\n    border: none;\n  }\n`;\n\nexport const checkbox = <DSCheckbox checked={false} onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const checked = <DSCheckbox checked onChange={noop} style={{ pointerEvents: 'none' }} />;\nexport const selectedMark = <Checkmark color={['brand-primary', 600]} />;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCC;AAjCxB,oBAAqB;AACrB,uBAA+B;AAC/B,qBAAqB;AACrB,qBAA2B;AAC3B,sBAA0B;AAC1B,6BAAkC;AAClC,4BAAiC;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,mBACvB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG/D,MAAM,aAAS,yBAAO,mBAAI;AAAA,gBACjB,CAAC,cAAU,yBAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAG5D,MAAM,gBAAgB,wBAAO;AAAA,MAC9B,uDAAgC;AAAA;AAAA;AAAA;AAK/B,MAAM,WAAW,4CAAC,6BAAW,SAAS,OAAO,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AAC/F,MAAM,UAAU,4CAAC,6BAAW,SAAO,MAAC,UAAU,oBAAM,OAAO,EAAE,eAAe,OAAO,GAAG;AACtF,MAAM,eAAe,4CAAC,6BAAU,OAAO,CAAC,iBAAiB,GAAG,GAAG;",
+  "names": []
 }

package/dist/cjs/MobileSeparator/Separator.js

@@ -30,7 +30,7 @@ __export(Separator_exports, {
 module.exports = __toCommonJS(Separator_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
 const Separator = (0, import_ds_system.styled)(import_ds_grid.Grid)`
@@ -51,14 +51,14 @@ const MobileSeparator = ({ color = ["neutral", "800"], direction = "horizontal",
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, { ...styles });
 };
 const mobileSeparatorProps = {
-  type: import_ds_utilities.PropTypes.oneOf(["solid", "dashed"]).description("Style type of separator").defaultValue("solid"),
-  direction: import_ds_utilities.PropTypes.oneOf(["vertical", "horizontal"]).description("Direction of the separator").defaultValue("horizontal"),
-  color: import_ds_utilities.PropTypes.array.description("Color of the separator").defaultValue(["neutral", "800"]),
-  margin: import_ds_utilities.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Margin of the separator").defaultValue("xs")
+  type: import_ds_props_helpers.PropTypes.oneOf(["solid", "dashed"]).description("Style type of separator").defaultValue("solid"),
+  direction: import_ds_props_helpers.PropTypes.oneOf(["vertical", "horizontal"]).description("Direction of the separator").defaultValue("horizontal"),
+  color: import_ds_props_helpers.PropTypes.array.description("Color of the separator").defaultValue(["neutral", "800"]),
+  margin: import_ds_props_helpers.PropTypes.oneOf(["xxs", "xs", "s", "m", "l", "xl", "xxl"]).description("Margin of the separator").defaultValue("xs")
 };
 MobileSeparator.propTypes = mobileSeparatorProps;
 MobileSeparator.displayName = "MobileSeparator";
-const MobileSeparatorWithSchema = (0, import_ds_utilities.describe)(MobileSeparator);
+const MobileSeparatorWithSchema = (0, import_ds_props_helpers.describe)(MobileSeparator);
 MobileSeparatorWithSchema.propTypes = mobileSeparatorProps;
 var Separator_default = MobileSeparator;
 //# sourceMappingURL=Separator.js.map

package/dist/cjs/MobileSeparator/Separator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSeparator/Separator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\nMobileSeparator.displayName = 'MobileSeparator';\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBd;AApBT,0BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,cAAc;AAAA,IACf,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,4CAAC,aAAW,GAAG,QAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,8BAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,8BAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,8BAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,8BAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,8BAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Separator = styled(Grid)`\n  border-top: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n  border-left: ${({ theme, color, borderType }) => `${theme.colors[color[0]][color[1]]} 1px ${borderType}`};\n`;\n\nconst MobileSeparator = ({ color = ['neutral', '800'], direction = 'horizontal', type = 'solid', margin = 'xs' }) => {\n  const orientation = direction === 'vertical' ? 'height' : 'width';\n  const xORy = direction === 'vertical' ? 'mx' : 'my';\n  const styles = {\n    width: 0,\n    height: 0,\n    [orientation]: '100%',\n    [xORy]: margin,\n    borderType: type,\n    color,\n  };\n  return <Separator {...styles} />;\n};\n\nconst mobileSeparatorProps = {\n  type: PropTypes.oneOf(['solid', 'dashed']).description('Style type of separator').defaultValue('solid'),\n  direction: PropTypes.oneOf(['vertical', 'horizontal'])\n    .description('Direction of the separator')\n    .defaultValue('horizontal'),\n  color: PropTypes.array.description('Color of the separator').defaultValue(['neutral', '800']),\n  margin: PropTypes.oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'])\n    .description('Margin of the separator')\n    .defaultValue('xs'),\n};\n\nMobileSeparator.propTypes = mobileSeparatorProps;\nMobileSeparator.displayName = 'MobileSeparator';\nconst MobileSeparatorWithSchema = describe(MobileSeparator);\nMobileSeparatorWithSchema.propTypes = mobileSeparatorProps;\n\nexport { MobileSeparatorWithSchema };\nexport default MobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBd;AApBT,8BAAoC;AACpC,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA,iBAC5E,CAAC,EAAE,OAAO,OAAO,WAAW,MAAM,GAAG,MAAM,OAAO,MAAM,IAAI,MAAM,WAAW;AAAA;AAG9F,MAAM,kBAAkB,CAAC,EAAE,QAAQ,CAAC,WAAW,KAAK,GAAG,YAAY,cAAc,OAAO,SAAS,SAAS,KAAK,MAAM;AACnH,QAAM,cAAc,cAAc,aAAa,WAAW;AAC1D,QAAM,OAAO,cAAc,aAAa,OAAO;AAC/C,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,CAAC,cAAc;AAAA,IACf,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,EACF;AACA,SAAO,4CAAC,aAAW,GAAG,QAAQ;AAChC;AAEA,MAAM,uBAAuB;AAAA,EAC3B,MAAM,kCAAU,MAAM,CAAC,SAAS,QAAQ,CAAC,EAAE,YAAY,yBAAyB,EAAE,aAAa,OAAO;AAAA,EACtG,WAAW,kCAAU,MAAM,CAAC,YAAY,YAAY,CAAC,EAClD,YAAY,4BAA4B,EACxC,aAAa,YAAY;AAAA,EAC5B,OAAO,kCAAU,MAAM,YAAY,wBAAwB,EAAE,aAAa,CAAC,WAAW,KAAK,CAAC;AAAA,EAC5F,QAAQ,kCAAU,MAAM,CAAC,OAAO,MAAM,KAAK,KAAK,KAAK,MAAM,KAAK,CAAC,EAC9D,YAAY,yBAAyB,EACrC,aAAa,IAAI;AACtB;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;AAGtC,IAAO,oBAAQ;",
   "names": []
 }

package/dist/cjs/MobileSeparator/index.js

@@ -29,6 +29,6 @@ __export(MobileSeparator_exports, {
 });
 module.exports = __toCommonJS(MobileSeparator_exports);
 var React = __toESM(require("react"));
-var import_Separator = __toESM(require("./Separator"));
+var import_Separator = __toESM(require("./Separator.js"));
 var MobileSeparator_default = import_Separator.default;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileSeparator/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import DSMobileSeparator, { MobileSeparatorWithSchema } from './Separator';\n\nexport { MobileSeparatorWithSchema };\nexport default DSMobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import DSMobileSeparator, { MobileSeparatorWithSchema } from './Separator.js';\n\nexport { MobileSeparatorWithSchema };\nexport default DSMobileSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA6D;AAG7D,IAAO,0BAAQ,iBAAAA;",
   "names": ["DSMobileSeparator"]
 }

package/dist/cjs/MobileTimePicker/Input.js

@@ -30,9 +30,8 @@ module.exports = __toCommonJS(Input_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
-const StyledInput = import_ds_system2.styled.input`
-  input[type=time]& {   
+const StyledInput = import_ds_system.styled.input`
+  input[type='time']& {
     -webkit-appearance: none;
     -moz-appearance: none;
     -webkit-tap-highlight-color: transparent;
@@ -54,7 +53,8 @@ const StyledInput = import_ds_system2.styled.input`
     border: solid 1px ${(props) => props.theme.colors.neutral[200]};
   }
 
-  input[type=time]&:active, input[type=time]&:focus {
+  input[type='time']&:active,
+  input[type='time']&:focus {
     ${(props) => (0, import_ds_system.focus)(props.theme.colors.brand[700])}
   }
 
@@ -63,7 +63,9 @@ const StyledInput = import_ds_system2.styled.input`
     content: '${(props) => props.value === "" ? props.placeholder : props["data-displayvalue"]}';
   }
 
-  input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {
+  input[type='time']&::-webkit-datetime-edit,
+  input[type='time']&::-webkit-inner-spin-button,
+  input[type='time']&::-webkit-clear-button {
     -webkit-appearance: none;
     display: none;
   }

package/dist/cjs/MobileTimePicker/Input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTimePicker/Input.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type=time]& {   \n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${props => props.theme.colors.neutral['000']};\n    padding: 0 ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${props => props.theme.colors.neutral[200]};\n  }\n\n  input[type=time]&:active, input[type=time]&:focus {\n    ${props => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${props =>\n      props.value === ''\n        ? props.theme.colors.neutral['500']\n        : props.theme.colors.neutral['800']};\n    content: '${props =>\n      props.value === '' ? props.placeholder : props['data-displayvalue']}';\n  }\n\n  input[type=time]&::-webkit-datetime-edit, input[type=time]&::-webkit-inner-spin-button, input[type=time]&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => (\n  <StyledInput ref={innerRef} {...props} />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+CrB;AA9CF,uBAAgD;AAChD,IAAAA,oBAAuB;AAEvB,MAAM,cAAc,yBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,eAAS,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjD,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACrC,eAAS,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAG/C,WAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,MAItD,eAAS,wBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIrC,WACP,MAAM,UAAU,KACZ,MAAM,MAAM,OAAO,QAAQ,SAC3B,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACrB,WACV,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MACzC,4CAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import React from 'react';\nimport { focus, __UNSAFE_SPACE_TO_DIMSUM, styled } from '@elliemae/ds-system';\n\nconst StyledInput = styled.input`\n  input[type='time']& {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    -webkit-tap-highlight-color: transparent;\n    appearance: none;\n    color: transparent;\n\n    white-space: nowrap;\n    position: relative;\n    height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l)};\n    width: 100%;\n    max-width: calc(100% - 32px);\n    outline: none;\n    box-sizing: border-box;\n    display: flex;\n    background: ${(props) => props.theme.colors.neutral['000']};\n    padding: 0 ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n    z-index: 1;\n    border-radius: 2px;\n    border: solid 1px ${(props) => props.theme.colors.neutral[200]};\n  }\n\n  input[type='time']&:active,\n  input[type='time']&:focus {\n    ${(props) => focus(props.theme.colors.brand[700])}\n  }\n\n  &:before {\n    color: ${(props) => (props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'])};\n    content: '${(props) => (props.value === '' ? props.placeholder : props['data-displayvalue'])}';\n  }\n\n  input[type='time']&::-webkit-datetime-edit,\n  input[type='time']&::-webkit-inner-spin-button,\n  input[type='time']&::-webkit-clear-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n`;\n\nexport const Input = ({ innerRef, ...props }) => <StyledInput ref={innerRef} {...props} />;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4C0B;AA3CjD,uBAAwD;AAExD,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAUb,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMnD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,iBACvC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA,wBAGjD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,MAKxD,CAAC,cAAU,wBAAM,MAAM,MAAM,OAAO,MAAM,IAAI;AAAA;AAAA;AAAA;AAAA,aAIvC,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,MAAM,OAAO,QAAQ,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA,gBAC7F,CAAC,UAAW,MAAM,UAAU,KAAK,MAAM,cAAc,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpE,MAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,MAAM,4CAAC,eAAY,KAAK,UAAW,GAAG,OAAO;",
+  "names": []
 }

package/dist/cjs/MobileTimePicker/MobileTimePicker.js

@@ -31,12 +31,12 @@ module.exports = __toCommonJS(MobileTimePicker_exports);
 var 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_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_icon = require("@elliemae/ds-icon");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_form = require("@elliemae/ds-form");
-var import_Input = require("./Input");
+var import_Input = require("./Input.js");
 const DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {
   const inputRef = (0, import_react.useRef)(null);
   const valueArr = value.split(":");
@@ -102,14 +102,14 @@ DSMobileTimePicker.defaultProps = {
   value: ""
 };
 const pickerProps = {
-  disabled: import_ds_utilities.PropTypes.bool.description("disabled prop, defaults to false"),
-  tabIndex: import_ds_utilities.PropTypes.number.description("focus order HTML property, 0 as default"),
-  placeholder: import_ds_utilities.PropTypes.string.description("HH : MM am as default"),
-  onChange: import_ds_utilities.PropTypes.func.description("onChange handler, receives change event as first argument"),
-  value: import_ds_utilities.PropTypes.string.description("HH:MM string representing the time or empty string")
+  disabled: import_ds_props_helpers.PropTypes.bool.description("disabled prop, defaults to false"),
+  tabIndex: import_ds_props_helpers.PropTypes.number.description("focus order HTML property, 0 as default"),
+  placeholder: import_ds_props_helpers.PropTypes.string.description("HH : MM am as default"),
+  onChange: import_ds_props_helpers.PropTypes.func.description("onChange handler, receives change event as first argument"),
+  value: import_ds_props_helpers.PropTypes.string.description("HH:MM string representing the time or empty string")
 };
 DSMobileTimePicker.propTypes = pickerProps;
 DSMobileTimePicker.displayName = "DSMobileTimePicker";
-const DSMobileTimePickerWithSchema = (0, import_ds_utilities.describe)(DSMobileTimePicker).description("Time picker for mobile & tablet");
+const DSMobileTimePickerWithSchema = (0, import_ds_props_helpers.describe)(DSMobileTimePicker).description("Time picker for mobile & tablet");
 DSMobileTimePickerWithSchema.propTypes = pickerProps;
 //# sourceMappingURL=MobileTimePicker.js.map

package/dist/cjs/MobileTimePicker/MobileTimePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTimePicker/MobileTimePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  const valueArr = value.split(':');\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const displayValue = useMemo(() => {\n    if (!value || !valueArr[0] || !valueArr[1]) return '';\n    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n    return `${h} : ${valueArr[1]} ${ampm}`;\n  }, [value]);\n\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Time Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<RecentDocuments />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        innerRef={inputRef}\n        type=\"time\"\n        data-testid=\"ds-mobile-time-picker\"\n        aria-label=\"Time Picker Input Mask\"\n        disabled={disabled}\n        placeholder={placeholder}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileTimePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'HH : MM am',\n  value: '',\n};\n\nconst pickerProps = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n  /**\n   * HH : MM am as default\n   */\n  placeholder: PropTypes.string.description('HH : MM am as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * HH:MM string representing the time or empty string\n   */\n  value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\nDSMobileTimePicker.displayName = 'DSMobileTimePicker';\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCP;AApChB,mBAAkD;AAClD,0BAAoC;AACpC,qBAA6B;AAC7B,sBAAgC;AAChC,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,eAAW,qBAAO,IAAI;AAC5B,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,CAAC,SAAS,CAAC,SAAS,MAAM,CAAC,SAAS;AAAI,aAAO;AACnD,UAAM,OAAO,SAAS,MAAM,KAAK,OAAO;AACxC,UAAM,IAAI,SAAS,KAAK,KAAK,SAAS,KAAK,KAAK,SAAS;AAEzD,WAAO,GAAG,OAAO,SAAS,MAAM;AAAA,EAClC,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,UACvD;AAAA,UACA,MAAM,4CAAC,mCAAgB;AAAA,UACvB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA,UACnB,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,8BAAU,KAAK,YAAY,kCAAkC;AAAA,EAIvE,UAAU,8BAAU,OAAO,YAAY,yCAAyC;AAAA,EAIhF,aAAa,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAIjE,UAAU,8BAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,8BAAU,OAAO,YAAY,oDAAoD;AAC1F;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,8BAAS,kBAAkB,EAAE,YAAY,iCAAiC;AAE/G,6BAA6B,YAAY;",
+  "sourcesContent": ["import React, { useRef, useMemo, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { DSInputGroup } from '@elliemae/ds-form';\nimport { Input } from './Input.js';\n\nconst DSMobileTimePicker = ({ disabled, value, tabIndex, placeholder, onChange }) => {\n  const inputRef = useRef(null);\n  const valueArr = value.split(':');\n  useEffect(() => {\n    /*\n      necessary if value is being set in mount, \n      otherwise the clear won't work on the first click\n      [SEE input onChange comment]\n    */\n    if (inputRef.current) {\n      inputRef.current.defaultValue = '';\n    }\n  }, [inputRef.current]);\n  const displayValue = useMemo(() => {\n    if (!value || !valueArr[0] || !valueArr[1]) return '';\n    const ampm = valueArr[0] >= 12 ? 'pm' : 'am';\n    const h = valueArr[0] > 12 ? valueArr[0] - 12 : valueArr[0];\n\n    return `${h} : ${valueArr[1]} ${ampm}`;\n  }, [value]);\n\n  return (\n    <DSInputGroup\n      rightAddon={\n        <DSButton\n          aria-label=\"Time Picker Button\"\n          color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n          disabled={disabled}\n          icon={<RecentDocuments />}\n          type=\"button\"\n          buttonType=\"secondary\"\n          onClick={() => {\n            inputRef.current.focus();\n            inputRef.current.click();\n          }}\n        />\n      }\n    >\n      <Input\n        innerRef={inputRef}\n        type=\"time\"\n        data-testid=\"ds-mobile-time-picker\"\n        aria-label=\"Time Picker Input Mask\"\n        disabled={disabled}\n        placeholder={placeholder}\n        tabIndex={tabIndex}\n        value={value}\n        data-displayvalue={displayValue}\n        onChange={(e) => {\n          // https://github.com/facebook/react/issues/8938#issuecomment-360573204\n          const { target } = e.nativeEvent;\n          function iosClearDefault() {\n            target.defaultValue = '';\n          }\n          window.setTimeout(iosClearDefault, 0);\n          onChange(e);\n        }}\n      />\n    </DSInputGroup>\n  );\n};\n\nDSMobileTimePicker.defaultProps = {\n  disabled: false,\n  tabIndex: 0,\n  placeholder: 'HH : MM am',\n  value: '',\n};\n\nconst pickerProps = {\n  /**\n   * defaults to false\n   */\n  disabled: PropTypes.bool.description('disabled prop, defaults to false'),\n  /**\n   * 0 as default\n   */\n  tabIndex: PropTypes.number.description('focus order HTML property, 0 as default'),\n  /**\n   * HH : MM am as default\n   */\n  placeholder: PropTypes.string.description('HH : MM am as default'),\n  /**\n   * onChange handler, receives change event as first argument\n   */\n  onChange: PropTypes.func.description('onChange handler, receives change event as first argument'),\n  /**\n   * HH:MM string representing the time or empty string\n   */\n  value: PropTypes.string.description('HH:MM string representing the time or empty string'),\n};\n\nDSMobileTimePicker.propTypes = pickerProps;\nDSMobileTimePicker.displayName = 'DSMobileTimePicker';\nconst DSMobileTimePickerWithSchema = describe(DSMobileTimePicker).description('Time picker for mobile & tablet');\n\nDSMobileTimePickerWithSchema.propTypes = pickerProps;\n\nexport { DSMobileTimePicker, DSMobileTimePickerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoCP;AApChB,mBAAkD;AAClD,8BAAoC;AACpC,qBAA6B;AAC7B,sBAAgC;AAChC,uBAAqB;AACrB,qBAA6B;AAC7B,mBAAsB;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,eAAW,qBAAO,IAAI;AAC5B,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,8BAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,CAAC,SAAS,CAAC,SAAS,MAAM,CAAC,SAAS;AAAI,aAAO;AACnD,UAAM,OAAO,SAAS,MAAM,KAAK,OAAO;AACxC,UAAM,IAAI,SAAS,KAAK,KAAK,SAAS,KAAK,KAAK,SAAS;AAEzD,WAAO,GAAG,OAAO,SAAS,MAAM;AAAA,EAClC,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YACE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,UACvD;AAAA,UACA,MAAM,4CAAC,mCAAgB;AAAA,UACvB,MAAK;AAAA,UACL,YAAW;AAAA,UACX,SAAS,MAAM;AACb,qBAAS,QAAQ,MAAM;AACvB,qBAAS,QAAQ,MAAM;AAAA,UACzB;AAAA;AAAA,MACF;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,cAAW;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAmB;AAAA,UACnB,UAAU,CAAC,MAAM;AAEf,kBAAM,EAAE,OAAO,IAAI,EAAE;AACrB,qBAAS,kBAAkB;AACzB,qBAAO,eAAe;AAAA,YACxB;AACA,mBAAO,WAAW,iBAAiB,CAAC;AACpC,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,kCAAU,KAAK,YAAY,kCAAkC;AAAA,EAIvE,UAAU,kCAAU,OAAO,YAAY,yCAAyC;AAAA,EAIhF,aAAa,kCAAU,OAAO,YAAY,uBAAuB;AAAA,EAIjE,UAAU,kCAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,kCAAU,OAAO,YAAY,oDAAoD;AAC1F;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,mCAA+B,kCAAS,kBAAkB,EAAE,YAAY,iCAAiC;AAE/G,6BAA6B,YAAY;",
   "names": ["DSButton"]
 }

package/dist/cjs/MobileTimePicker/index.js

@@ -22,5 +22,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileTimePicker_exports = {};
 module.exports = __toCommonJS(MobileTimePicker_exports);
 var React = __toESM(require("react"));
-__reExport(MobileTimePicker_exports, require("./MobileTimePicker"), module.exports);
+__reExport(MobileTimePicker_exports, require("./MobileTimePicker.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTimePicker/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileTimePicker';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,+BAAd;",
+  "sourcesContent": ["export * from './MobileTimePicker.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,kCAAd;",
   "names": []
 }

package/dist/cjs/MobileTouchable/MobileTouchable.js

@@ -34,7 +34,6 @@ var import_lodash = require("lodash");
 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_system2 = require("@elliemae/ds-system");
 const StyledContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   cursor: pointer;
   background: ${(props) => props.touching ? props.theme.colors.brand["100"] : props.theme.colors.neutral["000"]};
@@ -70,5 +69,5 @@ MobileTouchable.propTypes = {
   theme: import_prop_types.default.any,
   dataTestid: import_prop_types.default.string
 };
-const DSMobileTouchable = (0, import_ds_system2.withTheme)(MobileTouchable);
+const DSMobileTouchable = (0, import_ds_system.withTheme)(MobileTouchable);
 //# sourceMappingURL=MobileTouchable.js.map

package/dist/cjs/MobileTouchable/MobileTouchable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTouchable/MobileTouchable.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { withTheme } from '@elliemae/ds-system';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAxBJ,mBAA6C;AAC7C,oBAAqB;AACrB,wBAAsB;AACtB,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAA0B;AAE1B,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1G,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,KACG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,CAAC;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,kBAAAC,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,OAAO,kBAAAA,QAAU;AAAA,EACjB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,wBAAoB,6BAAU,eAAe;",
-  "names": ["import_ds_system", "PropTypes"]
+  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { noop } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { styled, withTheme } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledContainer = styled(Grid)`\n  cursor: pointer;\n  background: ${(props) => (props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000'])};\n`;\n\nconst MobileTouchable = ({\n  children,\n  onClick = noop,\n  theme,\n  dataTestid = 'mobile-touchable',\n  render,\n  ...gridProps\n}) => {\n  const [touching, setTouching] = useState(false);\n  const handleStart = useCallback(() => setTouching(true));\n  const handleEnd = useCallback(() => setTouching(false));\n  return (\n    <StyledContainer\n      {...gridProps}\n      touching={touching}\n      onClick={onClick}\n      onTouchStart={handleStart}\n      onTouchEnd={handleEnd}\n      data-testid={dataTestid}\n    >\n      {children || render(gridProps)}\n    </StyledContainer>\n  );\n};\n\nMobileTouchable.propTypes = {\n  onClick: PropTypes.func,\n  children: PropTypes.any,\n  render: PropTypes.func,\n  theme: PropTypes.any,\n  dataTestid: PropTypes.string,\n};\n\nconst DSMobileTouchable = withTheme(MobileTouchable);\n\nexport { DSMobileTouchable };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAvBJ,mBAA6C;AAC7C,oBAAqB;AACrB,wBAAsB;AACtB,uBAAkC;AAClC,qBAAqB;AAErB,MAAM,sBAAkB,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1G,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,KACG;AACL,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,kBAAc,0BAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,gBAAY,0BAAY,MAAM,YAAY,KAAK,CAAC;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAa;AAAA,MAEZ,sBAAY,OAAO,SAAS;AAAA;AAAA,EAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,kBAAAA,QAAU;AAAA,EACnB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,OAAO,kBAAAA,QAAU;AAAA,EACjB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,wBAAoB,4BAAU,eAAe;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/MobileTouchable/index.js

@@ -22,5 +22,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var MobileTouchable_exports = {};
 module.exports = __toCommonJS(MobileTouchable_exports);
 var React = __toESM(require("react"));
-__reExport(MobileTouchable_exports, require("./MobileTouchable"), module.exports);
+__reExport(MobileTouchable_exports, require("./MobileTouchable.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/MobileTouchable/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './MobileTouchable';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,oCAAc,8BAAd;",
+  "sourcesContent": ["export * from './MobileTouchable.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,oCAAc,iCAAd;",
   "names": []
 }

package/dist/cjs/Modal/Modal.js

@@ -30,13 +30,13 @@ __export(Modal_exports, {
 module.exports = __toCommonJS(Modal_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_lodash = require("lodash");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_system = require("@elliemae/ds-system");
-var import_styled = require("./styled");
+var import_styled = require("./styled.js");
 const Modal = ({
   zIndex = 1,
   title = "",
@@ -142,23 +142,23 @@ const Modal = ({
   ] });
 };
 const modalProps = {
-  isOpen: import_ds_utilities.PropTypes.bool.description("Wheter the modal is open or closed").defaultValue(false),
-  zIndex: import_ds_utilities.PropTypes.number.description("z-index value").defaultValue(1),
-  title: import_ds_utilities.PropTypes.string.description("Modal s title").isRequired,
-  description: import_ds_utilities.PropTypes.string.description("Modal s content").isRequired,
-  onClose: import_ds_utilities.PropTypes.func.description("Function executed when the modal closes"),
-  showSecondaryAction: import_ds_utilities.PropTypes.bool.description("Wheter to show secondary action button or not").defaultValue(true),
-  secondaryActionProps: import_ds_utilities.PropTypes.shape({
-    onClick: import_ds_utilities.PropTypes.func,
-    labelText: import_ds_utilities.PropTypes.string
+  isOpen: import_ds_props_helpers.PropTypes.bool.description("Wheter the modal is open or closed").defaultValue(false),
+  zIndex: import_ds_props_helpers.PropTypes.number.description("z-index value").defaultValue(1),
+  title: import_ds_props_helpers.PropTypes.string.description("Modal s title").isRequired,
+  description: import_ds_props_helpers.PropTypes.string.description("Modal s content").isRequired,
+  onClose: import_ds_props_helpers.PropTypes.func.description("Function executed when the modal closes"),
+  showSecondaryAction: import_ds_props_helpers.PropTypes.bool.description("Wheter to show secondary action button or not").defaultValue(true),
+  secondaryActionProps: import_ds_props_helpers.PropTypes.shape({
+    onClick: import_ds_props_helpers.PropTypes.func,
+    labelText: import_ds_props_helpers.PropTypes.string
   }).description("Secondary action props"),
-  primaryActionProps: import_ds_utilities.PropTypes.shape({
-    onClick: import_ds_utilities.PropTypes.func,
-    labelText: import_ds_utilities.PropTypes.string
+  primaryActionProps: import_ds_props_helpers.PropTypes.shape({
+    onClick: import_ds_props_helpers.PropTypes.func,
+    labelText: import_ds_props_helpers.PropTypes.string
   }).description("Primary action props")
 };
 Modal.propTypes = modalProps;
 Modal.displayName = "Modal";
-const ModalWithSchema = (0, import_ds_utilities.describe)(Modal);
+const ModalWithSchema = (0, import_ds_props_helpers.describe)(Modal);
 ModalWithSchema.propTypes = modalProps;
 //# sourceMappingURL=Modal.js.map

package/dist/cjs/Modal/Modal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Modal/Modal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-utilities';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n  children = undefined,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        {children !== undefined ? (\n          <>{children}</>\n        ) : (\n          <ModalBox\n            maxHeight={`${window.innerHeight * 0.75}px`}\n            rows={[1, '80px']}\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <Grid\n                rows={['auto', 'auto', 1]}\n                style={{\n                  overflow: 'hidden',\n                }}\n              >\n                <ModalIcon>\n                  <WarningTriangle size=\"xxl\" />\n                </ModalIcon>\n                <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n                <ModalDescription\n                  data-testid=\"modal-desc\"\n                  style={{\n                    overflow: 'auto',\n                  }}\n                >\n                  {description}\n                </ModalDescription>\n              </Grid>\n            </Grid>\n            <Grid pt=\"24px\">\n              <Grid\n                pl=\"xs\"\n                pr=\"xs\"\n                cols={showSecondaryAction ? [1, 1] : [1]}\n                gutter=\"xs\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                style={{\n                  borderTop: `1px solid ${theme.colors.neutral[100]}`,\n                }}\n              >\n                {showSecondaryAction && (\n                  <DSButton\n                    {...secondaryActionProps}\n                    labelText={secondaryActionProps.labelText || ' Cancel'}\n                    buttonType=\"secondary\"\n                    data-testid=\"modal-secondary-btn\"\n                  />\n                )}\n                <DSButton\n                  labelText={primaryActionProps.labelText || ' Accept'}\n                  {...primaryActionProps}\n                  buttonType=\"primary\"\n                  data-testid=\"modal-primary-btn\"\n                />\n              </Grid>\n            </Grid>\n          </ModalBox>\n        )}\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\nModal.displayName = 'Modal';\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { useTheme } from '@elliemae/ds-system';\nimport { ModalPosition, ModalBox, BackShadow, ModalIcon, ModalTitle, ModalDescription, BodyFix } from './styled.js';\n\nconst Modal = ({\n  zIndex = 1,\n  title = '',\n  description = '',\n  onClose = noop,\n  showSecondaryAction = true,\n  secondaryActionProps = {\n    onClick: noop,\n    labelText: 'Cancel',\n  },\n  primaryActionProps = {\n    onClick: noop,\n    labelText: 'Accept',\n  },\n  isOpen = false,\n  children = undefined,\n}) => {\n  const theme = useTheme();\n  if (!isOpen) return null;\n  return (\n    <>\n      <BodyFix isOpen={isOpen} />\n      <BackShadow onClick={onClose} zIndex={zIndex} />\n      <ModalPosition zIndex={zIndex} cols={['auto']}>\n        {children !== undefined ? (\n          <>{children}</>\n        ) : (\n          <ModalBox\n            maxHeight={`${window.innerHeight * 0.75}px`}\n            rows={[1, '80px']}\n            style={{\n              overflow: 'hidden',\n            }}\n          >\n            <Grid\n              pl=\"xs\"\n              pr=\"xs\"\n              style={{\n                overflow: 'hidden',\n              }}\n            >\n              <Grid\n                rows={['auto', 'auto', 1]}\n                style={{\n                  overflow: 'hidden',\n                }}\n              >\n                <ModalIcon>\n                  <WarningTriangle size=\"xxl\" />\n                </ModalIcon>\n                <ModalTitle data-testid=\"modal-title\">{title}</ModalTitle>\n                <ModalDescription\n                  data-testid=\"modal-desc\"\n                  style={{\n                    overflow: 'auto',\n                  }}\n                >\n                  {description}\n                </ModalDescription>\n              </Grid>\n            </Grid>\n            <Grid pt=\"24px\">\n              <Grid\n                pl=\"xs\"\n                pr=\"xs\"\n                cols={showSecondaryAction ? [1, 1] : [1]}\n                gutter=\"xs\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                style={{\n                  borderTop: `1px solid ${theme.colors.neutral[100]}`,\n                }}\n              >\n                {showSecondaryAction && (\n                  <DSButton\n                    {...secondaryActionProps}\n                    labelText={secondaryActionProps.labelText || ' Cancel'}\n                    buttonType=\"secondary\"\n                    data-testid=\"modal-secondary-btn\"\n                  />\n                )}\n                <DSButton\n                  labelText={primaryActionProps.labelText || ' Accept'}\n                  {...primaryActionProps}\n                  buttonType=\"primary\"\n                  data-testid=\"modal-primary-btn\"\n                />\n              </Grid>\n            </Grid>\n          </ModalBox>\n        )}\n      </ModalPosition>\n    </>\n  );\n};\n\nconst modalProps = {\n  isOpen: PropTypes.bool.description('Wheter the modal is open or closed').defaultValue(false),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(1),\n  title: PropTypes.string.description('Modal s title').isRequired,\n  description: PropTypes.string.description('Modal s content').isRequired,\n  onClose: PropTypes.func.description('Function executed when the modal closes'),\n  showSecondaryAction: PropTypes.bool.description('Wheter to show secondary action button or not').defaultValue(true),\n  secondaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Secondary action props'),\n  primaryActionProps: PropTypes.shape({\n    onClick: PropTypes.func,\n    labelText: PropTypes.string,\n  }).description('Primary action props'),\n};\n\nModal.propTypes = modalProps;\nModal.displayName = 'Modal';\nconst ModalWithSchema = describe(Modal);\nModalWithSchema.propTypes = modalProps;\n\nexport { Modal, ModalWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["DSButton"]
 }

package/dist/cjs/Modal/index.js

@@ -29,5 +29,5 @@ __export(Modal_exports, {
 });
 module.exports = __toCommonJS(Modal_exports);
 var React = __toESM(require("react"));
-var import_Modal = require("./Modal");
+var import_Modal = require("./Modal.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Modal/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { Modal, ModalWithSchema } from './Modal';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { Modal, ModalWithSchema } from './Modal.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;",
   "names": []
 }

package/dist/cjs/Modal/styled.js

@@ -36,8 +36,7 @@ module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
-const BodyFix = import_ds_system2.createGlobalStyle`
+const BodyFix = import_ds_system.createGlobalStyle`
     body{
         ${(props) => props.isOpen ? "overflow: hidden;" : ""};
     }

package/dist/cjs/Modal/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Modal/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n    body{\n        ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n    }\n`;\nexport const ModalBox = styled(Grid)`\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  max-height: ${(props) => props.maxHeight};\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  background: ${(props) => props.theme.colors.neutral['000']};\n  position: absolute;\n  top: 12.5%;\n  width: 80%;\n  left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n  padding-top: 24px;\n  justify-content: center;\n  span.em-ds-icon svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning[600]};\n  }\n`;\n\nexport const ModalTitle = styled(Grid)`\n  padding-top: 24px;\n  font-size: 22px;\n  font-weight: 600;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n  padding-top: ${(props) => props.theme.space.xxs};\n  font-size: 16px;\n  font-weight: 400;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAAuB;AACvB,IAAAA,oBAAkC;AAE3B,MAAM,UAAU;AAAA;AAAA,UAEb,CAAC,UAAW,MAAM,SAAS,sBAAsB;AAAA;AAAA;AAGpD,MAAM,eAAW,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,UAAU,MAAM;AAAA;AAAA;AAG1B,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,aAC3B,CAAC,UAAU,MAAM;AAAA,gBACd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,MAAM,iBAAa,yBAAO,mBAAI;AAAA,aACxB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAG1C,MAAM,uBAAmB,yBAAO,mBAAI;AAAA,iBAC1B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,WAGnC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": ["import_ds_system"]
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { styled, createGlobalStyle } from '@elliemae/ds-system';\n\nexport const BodyFix = createGlobalStyle`\n    body{\n        ${(props) => (props.isOpen ? 'overflow: hidden;' : '')};\n    }\n`;\nexport const ModalBox = styled(Grid)`\n  width: 100%;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  max-height: ${(props) => props.maxHeight};\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n`;\nexport const ModalPosition = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  background: ${(props) => props.theme.colors.neutral['000']};\n  position: absolute;\n  top: 12.5%;\n  width: 80%;\n  left: 10%;\n`;\n\nexport const BackShadow = styled(Grid)`\n  z-index: ${(props) => props.zIndex};\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  overflow: hidden;\n`;\n\nexport const ModalIcon = styled(Grid)`\n  padding-top: 24px;\n  justify-content: center;\n  span.em-ds-icon svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.warning[600]};\n  }\n`;\n\nexport const ModalTitle = styled(Grid)`\n  padding-top: 24px;\n  font-size: 22px;\n  font-weight: 600;\n  color: ${(props) => props.theme.colors.neutral[600]};\n  text-align: center;\n`;\nexport const ModalDescription = styled(Grid)`\n  padding-top: ${(props) => props.theme.space.xxs};\n  font-size: 16px;\n  font-weight: 400;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-align: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA0C;AAEnC,MAAM,UAAU;AAAA;AAAA,UAEb,CAAC,UAAW,MAAM,SAAS,sBAAsB;AAAA;AAAA;AAGpD,MAAM,eAAW,yBAAO,mBAAI;AAAA;AAAA,gBAEnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,UAAU,MAAM;AAAA;AAAA;AAG1B,MAAM,oBAAgB,yBAAO,mBAAI;AAAA,aAC3B,CAAC,UAAU,MAAM;AAAA,gBACd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/C,MAAM,iBAAa,yBAAO,mBAAI;AAAA,aACxB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvB,MAAM,gBAAY,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA,WAI1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAG1C,MAAM,uBAAmB,yBAAO,mBAAI;AAAA,iBAC1B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,WAGnC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;",
+  "names": []
 }

package/dist/cjs/PageFilter/PageFilter.js

@@ -32,8 +32,7 @@ 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");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_FullPageContainer = require("../FullPageContainer");
+var import_FullPageContainer = require("../FullPageContainer/index.js");
 const Header = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   border-bottom: 1px solid ${(props) => props.theme.colors.neutral["300"]};
 `;
@@ -79,27 +78,27 @@ const PageFilter = ({
   rightProp = null,
   footerButton = null
 }) => {
-  const theme = (0, import_ds_system2.useTheme)();
+  const theme = (0, import_ds_system.useTheme)();
   const headerDimension = theme.space.l;
   const rows = [headerDimension, 1];
   if (footerButton)
-    rows.push((0, import_ds_system2.op)("*", (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.167));
+    rows.push((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xl), 1.167));
   const cols = ["auto"];
   if (leftProp)
     cols.unshift(headerDimension);
   if (rightProp)
     cols.push(headerDimension);
   const bodyStyle = {
-    maxWidth: (0, import_ds_system2.op)("*", (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)
+    maxWidth: (0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FullPageContainer.DSFullPageContainer, { rows, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Header, { cols, height: headerDimension, children: [
-      leftProp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonSlot, { ml: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s), children: leftProp }),
+      leftProp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonSlot, { ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s), children: leftProp }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { children: [
         breadCrumb && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreadCrumb, { pl: !leftProp && "1rem", children: breadCrumb }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { style: leftProp ? {} : { paddingLeft: "1rem" }, children: pageTitle })
       ] }),
-      rightProp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonSlot, { ml: (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s), children: rightProp })
+      rightProp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonSlot, { ml: (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.s), children: rightProp })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Body, { style: bodyStyle, children }),
     footerButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Footer, { children: footerButton })

package/dist/cjs/PageFilter/PageFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/PageFilter/PageFilter.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkEF;AAjErB,wBAAsB;AACtB,uBAAuB;AACvB,qBAAqB;AACrB,IAAAA,oBAAuD;AACvD,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,4BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI;AAAc,SAAK,SAAK,sBAAG,SAAK,4CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI;AAAU,SAAK,QAAQ,eAAe;AAC1C,MAAI;AAAW,SAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,sBAAG,SAAK,4CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,4CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,4CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA,EAIrB,WAAW,kBAAAC,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,eAAe;",
-  "names": ["import_ds_system", "PropTypes"]
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, useTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer } from '../FullPageContainer/index.js';\n\nconst Header = styled(Grid)`\n  border-bottom: 1px solid ${(props) => props.theme.colors.neutral['300']};\n`;\nconst ButtonSlot = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst Title = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  font-size: 22px;\n`;\nconst BreadCrumb = styled(Grid)`\n  align-items: flex-end;\n  font-size: 16px;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  overflow: auto;\n`;\nconst Footer = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  padding: 0.67rem;\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[300]};\n\n  & > button {\n    flex-grow: 1;\n    margin: 0 0.33rem;\n  }\n`;\n\nconst PageFilter = ({\n  children = null,\n  breadCrumb = null,\n  pageTitle = null,\n  leftProp = null,\n  rightProp = null,\n  footerButton = null,\n}) => {\n  const theme = useTheme();\n  const headerDimension = theme.space.l;\n  const rows = [headerDimension, 1];\n  if (footerButton) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 1.167));\n  const cols = ['auto'];\n  if (leftProp) cols.unshift(headerDimension);\n  if (rightProp) cols.push(headerDimension);\n  const bodyStyle = {\n    maxWidth: op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25),\n  };\n  return (\n    <DSFullPageContainer rows={rows}>\n      <Header cols={cols} height={headerDimension}>\n        {leftProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{leftProp}</ButtonSlot>}\n        <Grid>\n          {breadCrumb && <BreadCrumb pl={!leftProp && '1rem'}>{breadCrumb}</BreadCrumb>}\n          <Title style={leftProp ? {} : { paddingLeft: '1rem' }}>{pageTitle}</Title>\n        </Grid>\n        {rightProp && <ButtonSlot ml={__UNSAFE_SPACE_TO_DIMSUM(theme.space.s)}>{rightProp}</ButtonSlot>}\n      </Header>\n\n      <Body style={bodyStyle}>{children}</Body>\n      {footerButton && <Footer>{footerButton}</Footer>}\n    </DSFullPageContainer>\n  );\n};\n\nPageFilter.propTypes = {\n  /**\n   * Text to render in header title\n   */\n  pageTitle: PropTypes.string,\n  /**\n   * Pass an element to render left. For example a Button with an icon\n   */\n  leftProp: PropTypes.element,\n  /**\n   * Pass an element to render right. For example a Button with an icon\n   */\n  rightProp: PropTypes.element,\n  /**\n   * Pass an element to render in the body section\n   */\n  children: PropTypes.element,\n  /**\n   * Pass a button to render in the footer\n   */\n  footerButton: PropTypes.element,\n  /**\n   * BreadCrumb text\n   */\n  breadCrumb: PropTypes.string,\n};\n\nconst DSPageFilter = PageFilter;\n\nexport { DSPageFilter };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiEF;AAhErB,wBAAsB;AACtB,uBAA+D;AAC/D,qBAAqB;AACrB,+BAAoC;AAEpC,MAAM,aAAS,yBAAO,mBAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,iBAAa,yBAAO,mBAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,WAAO,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,aAAS,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMA,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhE,MAAM,aAAa,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,MAAM;AACJ,QAAM,YAAQ,2BAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI;AAAc,SAAK,SAAK,qBAAG,SAAK,2CAAyB,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC;AACpF,QAAM,OAAO,CAAC,MAAM;AACpB,MAAI;AAAU,SAAK,QAAQ,eAAe;AAC1C,MAAI;AAAW,SAAK,KAAK,eAAe;AACxC,QAAM,YAAY;AAAA,IAChB,cAAU,qBAAG,SAAK,2CAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,6CAAC,gDAAoB,MACnB;AAAA,iDAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,6CAAC,uBACE;AAAA,sBAAc,4CAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,4CAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,4CAAC,cAAW,QAAI,2CAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,4CAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,4CAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA,EAIrB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,WAAW,kBAAAA,QAAU;AAAA,EAIrB,UAAU,kBAAAA,QAAU;AAAA,EAIpB,cAAc,kBAAAA,QAAU;AAAA,EAIxB,YAAY,kBAAAA,QAAU;AACxB;AAEA,MAAM,eAAe;",
+  "names": ["PropTypes"]
 }

package/dist/cjs/PageForm/PageForm.js

@@ -33,20 +33,19 @@ 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_ds_system = require("@elliemae/ds-system");
-var import_ds_system2 = require("@elliemae/ds-system");
-var import_FullPageContainer = require("../FullPageContainer");
+var import_FullPageContainer = require("../FullPageContainer/index.js");
 const Body = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   margin: 0 auto;
   width: 100%;
   @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
-    ${({ theme }) => `width: ${(0, import_ds_system2.op)("*", (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)};`}
+    ${({ theme }) => `width: ${(0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 6.25)};`}
   }
 `;
 const PageForm = ({ header = null, body = null, footer = null }) => {
-  const theme = (0, import_ds_system2.useTheme)();
+  const theme = (0, import_ds_system.useTheme)();
   const rows = [1];
   if (header)
-    rows.unshift((0, import_ds_system2.op)("*", (0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 1.125));
+    rows.unshift((0, import_ds_system.op)("*", (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(theme.space.xxl), 1.125));
   if (footer)
     rows.push(theme.space.l);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FullPageContainer.DSFullPageContainer, { rows, children: [