@elliemae/ds-mobile 3.12.0-rc.2 → 3.12.0-rc.21

package/dist/esm/MobileTimePicker/MobileTimePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTimePicker/MobileTimePicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACoCP;AApChB,SAAgB,QAAQ,SAAS,iBAAiB;AAClD,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,eAAe,QAAQ,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,oBAAC;AAAA,IACC,YACE,oBAAC;AAAA,MACC,cAAW;AAAA,MACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,MACvD;AAAA,MACA,MAAM,oBAAC,mBAAgB;AAAA,MACvB,MAAK;AAAA,MACL,YAAW;AAAA,MACX,SAAS,MAAM;AACb,iBAAS,QAAQ,MAAM;AACvB,iBAAS,QAAQ,MAAM;AAAA,MACzB;AAAA,KACF;AAAA,IAGF,8BAAC;AAAA,MACC,UAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,qBAAmB;AAAA,MACnB,UAAU,CAAC,MAAM;AAEf,cAAM,EAAE,OAAO,IAAI,EAAE;AACrB,iBAAS,kBAAkB;AACzB,iBAAO,eAAe;AAAA,QACxB;AACA,eAAO,WAAW,iBAAiB,CAAC;AACpC,iBAAS,CAAC;AAAA,MACZ;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,mBAAmB,eAAe;AAAA,EAChC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT;AAEA,MAAM,cAAc;AAAA,EAIlB,UAAU,UAAU,KAAK,YAAY,kCAAkC;AAAA,EAIvE,UAAU,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAIhF,aAAa,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAIjE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,oDAAoD;AAC1F;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB,EAAE,YAAY,iCAAiC;AAE/G,6BAA6B,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACoCP;AApChB,SAAgB,QAAQ,SAAS,iBAAiB;AAClD,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,OAAO,cAAc;AACrB,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAEtB,MAAM,qBAAqB,CAAC,EAAE,UAAU,OAAO,UAAU,aAAa,SAAS,MAAM;AACnF,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,YAAU,MAAM;AAMd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,eAAe;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,CAAC;AACrB,QAAM,eAAe,QAAQ,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;AAAA;AAAA,UACC,cAAW;AAAA,UACX,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,UACvD;AAAA,UACA,MAAM,oBAAC,mBAAgB;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,UAAU,KAAK,YAAY,kCAAkC;AAAA,EAIvE,UAAU,UAAU,OAAO,YAAY,yCAAyC;AAAA,EAIhF,aAAa,UAAU,OAAO,YAAY,uBAAuB;AAAA,EAIjE,UAAU,UAAU,KAAK,YAAY,2DAA2D;AAAA,EAIhG,OAAO,UAAU,OAAO,YAAY,oDAAoD;AAC1F;AAEA,mBAAmB,YAAY;AAC/B,mBAAmB,cAAc;AACjC,MAAM,+BAA+B,SAAS,kBAAkB,EAAE,YAAY,iCAAiC;AAE/G,6BAA6B,YAAY;",
   "names": []
 }

package/dist/esm/MobileTouchable/MobileTouchable.js

@@ -21,15 +21,18 @@ const MobileTouchable = ({
   const [touching, setTouching] = useState(false);
   const handleStart = useCallback(() => setTouching(true));
   const handleEnd = useCallback(() => setTouching(false));
-  return /* @__PURE__ */ jsx(StyledContainer, {
-    ...gridProps,
-    touching,
-    onClick,
-    onTouchStart: handleStart,
-    onTouchEnd: handleEnd,
-    "data-testid": dataTestid,
-    children: children || render(gridProps)
-  });
+  return /* @__PURE__ */ jsx(
+    StyledContainer,
+    {
+      ...gridProps,
+      touching,
+      onClick,
+      onTouchStart: handleStart,
+      onTouchEnd: handleEnd,
+      "data-testid": dataTestid,
+      children: children || render(gridProps)
+    }
+  );
 };
 MobileTouchable.propTypes = {
   onClick: PropTypes.func,

package/dist/esm/MobileTouchable/MobileTouchable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileTouchable/MobileTouchable.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,UAAU,mBAAmB;AAC7C,SAAS,YAAY;AACrB,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAE1B,MAAM,kBAAkB,OAAO,IAAI;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,IAAI,SAAS,KAAK;AAC9C,QAAM,cAAc,YAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,YAAY,YAAY,MAAM,YAAY,KAAK,CAAC;AACtD,SACE,oBAAC;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,eAAa;AAAA,IAEZ,sBAAY,OAAO,SAAS;AAAA,GAC/B;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AACxB;AAEA,MAAM,oBAAoB,UAAU,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;ACwBnB;AAxBJ,SAAgB,UAAU,mBAAmB;AAC7C,SAAS,YAAY;AACrB,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAE1B,MAAM,kBAAkB,OAAO,IAAI;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,IAAI,SAAS,KAAK;AAC9C,QAAM,cAAc,YAAY,MAAM,YAAY,IAAI,CAAC;AACvD,QAAM,YAAY,YAAY,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,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,YAAY,UAAU;AACxB;AAEA,MAAM,oBAAoB,UAAU,eAAe;",
   "names": []
 }

package/dist/esm/Modal/Modal.js

@@ -27,91 +27,89 @@ const Modal = ({
   const theme = useTheme();
   if (!isOpen)
     return null;
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(BodyFix, {
-        isOpen
-      }),
-      /* @__PURE__ */ jsx(BackShadow, {
-        onClick: onClose,
-        zIndex
-      }),
-      /* @__PURE__ */ jsx(ModalPosition, {
-        zIndex,
-        cols: ["auto"],
-        children: children !== void 0 ? /* @__PURE__ */ jsx(Fragment, {
-          children
-        }) : /* @__PURE__ */ jsxs(ModalBox, {
-          maxHeight: `${window.innerHeight * 0.75}px`,
-          rows: [1, "80px"],
-          style: {
-            overflow: "hidden"
-          },
-          children: [
-            /* @__PURE__ */ jsx(Grid, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(BodyFix, { isOpen }),
+    /* @__PURE__ */ jsx(BackShadow, { onClick: onClose, zIndex }),
+    /* @__PURE__ */ jsx(ModalPosition, { zIndex, cols: ["auto"], children: children !== void 0 ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsxs(
+      ModalBox,
+      {
+        maxHeight: `${window.innerHeight * 0.75}px`,
+        rows: [1, "80px"],
+        style: {
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Grid,
+            {
               pl: "xs",
               pr: "xs",
               style: {
                 overflow: "hidden"
               },
-              children: /* @__PURE__ */ jsxs(Grid, {
-                rows: ["auto", "auto", 1],
-                style: {
-                  overflow: "hidden"
-                },
-                children: [
-                  /* @__PURE__ */ jsx(ModalIcon, {
-                    children: /* @__PURE__ */ jsx(WarningTriangle, {
-                      size: "xxl"
-                    })
-                  }),
-                  /* @__PURE__ */ jsx(ModalTitle, {
-                    "data-testid": "modal-title",
-                    children: title
-                  }),
-                  /* @__PURE__ */ jsx(ModalDescription, {
-                    "data-testid": "modal-desc",
-                    style: {
-                      overflow: "auto"
-                    },
-                    children: description
-                  })
-                ]
-              })
-            }),
-            /* @__PURE__ */ jsx(Grid, {
-              pt: "24px",
-              children: /* @__PURE__ */ jsxs(Grid, {
-                pl: "xs",
-                pr: "xs",
-                cols: showSecondaryAction ? [1, 1] : [1],
-                gutter: "xs",
-                justifyContent: "center",
-                alignItems: "center",
-                style: {
-                  borderTop: `1px solid ${theme.colors.neutral[100]}`
-                },
-                children: [
-                  showSecondaryAction && /* @__PURE__ */ jsx(DSButton, {
+              children: /* @__PURE__ */ jsxs(
+                Grid,
+                {
+                  rows: ["auto", "auto", 1],
+                  style: {
+                    overflow: "hidden"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(ModalIcon, { children: /* @__PURE__ */ jsx(WarningTriangle, { size: "xxl" }) }),
+                    /* @__PURE__ */ jsx(ModalTitle, { "data-testid": "modal-title", children: title }),
+                    /* @__PURE__ */ jsx(
+                      ModalDescription,
+                      {
+                        "data-testid": "modal-desc",
+                        style: {
+                          overflow: "auto"
+                        },
+                        children: description
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(Grid, { pt: "24px", children: /* @__PURE__ */ jsxs(
+            Grid,
+            {
+              pl: "xs",
+              pr: "xs",
+              cols: showSecondaryAction ? [1, 1] : [1],
+              gutter: "xs",
+              justifyContent: "center",
+              alignItems: "center",
+              style: {
+                borderTop: `1px solid ${theme.colors.neutral[100]}`
+              },
+              children: [
+                showSecondaryAction && /* @__PURE__ */ jsx(
+                  DSButton,
+                  {
                     ...secondaryActionProps,
                     labelText: secondaryActionProps.labelText || " Cancel",
                     buttonType: "secondary",
                     "data-testid": "modal-secondary-btn"
-                  }),
-                  /* @__PURE__ */ jsx(DSButton, {
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DSButton,
+                  {
                     labelText: primaryActionProps.labelText || " Accept",
                     ...primaryActionProps,
                     buttonType: "primary",
                     "data-testid": "modal-primary-btn"
-                  })
-                ]
-              })
-            })
-          ]
-        })
-      })
-    ]
-  });
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ) })
+  ] });
 };
 const modalProps = {
   isOpen: PropTypes.bool.description("Wheter the modal is open or closed").defaultValue(false),

package/dist/esm/Modal/Modal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Modal/Modal.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/PageFilter/PageFilter.js

@@ -63,44 +63,18 @@ const PageFilter = ({
   const bodyStyle = {
     maxWidth: op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)
   };
-  return /* @__PURE__ */ jsxs(DSFullPageContainer, {
-    rows,
-    children: [
-      /* @__PURE__ */ jsxs(Header, {
-        cols,
-        height: headerDimension,
-        children: [
-          leftProp && /* @__PURE__ */ jsx(ButtonSlot, {
-            ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-            children: leftProp
-          }),
-          /* @__PURE__ */ jsxs(Grid, {
-            children: [
-              breadCrumb && /* @__PURE__ */ jsx(BreadCrumb, {
-                pl: !leftProp && "1rem",
-                children: breadCrumb
-              }),
-              /* @__PURE__ */ jsx(Title, {
-                style: leftProp ? {} : { paddingLeft: "1rem" },
-                children: pageTitle
-              })
-            ]
-          }),
-          rightProp && /* @__PURE__ */ jsx(ButtonSlot, {
-            ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-            children: rightProp
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Body, {
-        style: bodyStyle,
-        children
-      }),
-      footerButton && /* @__PURE__ */ jsx(Footer, {
-        children: footerButton
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(DSFullPageContainer, { rows, children: [
+    /* @__PURE__ */ jsxs(Header, { cols, height: headerDimension, children: [
+      leftProp && /* @__PURE__ */ jsx(ButtonSlot, { ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s), children: leftProp }),
+      /* @__PURE__ */ jsxs(Grid, { children: [
+        breadCrumb && /* @__PURE__ */ jsx(BreadCrumb, { pl: !leftProp && "1rem", children: breadCrumb }),
+        /* @__PURE__ */ jsx(Title, { style: leftProp ? {} : { paddingLeft: "1rem" }, children: pageTitle })
+      ] }),
+      rightProp && /* @__PURE__ */ jsx(ButtonSlot, { ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s), children: rightProp })
+    ] }),
+    /* @__PURE__ */ jsx(Body, { style: bodyStyle, children }),
+    footerButton && /* @__PURE__ */ jsx(Footer, { children: footerButton })
+  ] });
 };
 PageFilter.propTypes = {
   pageTitle: PropTypes.string,

package/dist/esm/PageFilter/PageFilter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageFilter/PageFilter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACkEF,cACb,YADa;AAjErB,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,IAAI,UAAU,gCAAgC;AACvD,SAAS,2BAA2B;AAEpC,MAAM,SAAS,OAAO,IAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,SAAS,OAAO,IAAI;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,QAAQ,SAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI;AAAc,SAAK,KAAK,GAAG,KAAK,yBAAyB,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,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,qBAAC;AAAA,IAAoB;AAAA,IACnB;AAAA,2BAAC;AAAA,QAAO;AAAA,QAAY,QAAQ;AAAA,QACzB;AAAA,sBAAY,oBAAC;AAAA,YAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,YAAI;AAAA,WAAS;AAAA,UAChF,qBAAC;AAAA,YACE;AAAA,4BAAc,oBAAC;AAAA,gBAAW,IAAI,CAAC,YAAY;AAAA,gBAAS;AAAA,eAAW;AAAA,cAChE,oBAAC;AAAA,gBAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO;AAAA,gBAAI;AAAA,eAAU;AAAA;AAAA,WACpE;AAAA,UACC,aAAa,oBAAC;AAAA,YAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC;AAAA,YAAI;AAAA,WAAU;AAAA;AAAA,OACpF;AAAA,MAEA,oBAAC;AAAA,QAAK,OAAO;AAAA,QAAY;AAAA,OAAS;AAAA,MACjC,gBAAgB,oBAAC;AAAA,QAAQ;AAAA,OAAa;AAAA;AAAA,GACzC;AAEJ;AAEA,WAAW,YAAY;AAAA,EAIrB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AACxB;AAEA,MAAM,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;ACkEF,cACb,YADa;AAjErB,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,IAAI,UAAU,gCAAgC;AACvD,SAAS,2BAA2B;AAEpC,MAAM,SAAS,OAAO,IAAI;AAAA,6BACG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEnE,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAK1B,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA,WAGnB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAEjD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKxB,MAAM,SAAS,OAAO,IAAI;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,QAAQ,SAAS;AACvB,QAAM,kBAAkB,MAAM,MAAM;AACpC,QAAM,OAAO,CAAC,iBAAiB,CAAC;AAChC,MAAI;AAAc,SAAK,KAAK,GAAG,KAAK,yBAAyB,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,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA,EACnE;AACA,SACE,qBAAC,uBAAoB,MACnB;AAAA,yBAAC,UAAO,MAAY,QAAQ,iBACzB;AAAA,kBAAY,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,oBAAS;AAAA,MAChF,qBAAC,QACE;AAAA,sBAAc,oBAAC,cAAW,IAAI,CAAC,YAAY,QAAS,sBAAW;AAAA,QAChE,oBAAC,SAAM,OAAO,WAAW,CAAC,IAAI,EAAE,aAAa,OAAO,GAAI,qBAAU;AAAA,SACpE;AAAA,MACC,aAAa,oBAAC,cAAW,IAAI,yBAAyB,MAAM,MAAM,CAAC,GAAI,qBAAU;AAAA,OACpF;AAAA,IAEA,oBAAC,QAAK,OAAO,WAAY,UAAS;AAAA,IACjC,gBAAgB,oBAAC,UAAQ,wBAAa;AAAA,KACzC;AAEJ;AAEA,WAAW,YAAY;AAAA,EAIrB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,WAAW,UAAU;AAAA,EAIrB,UAAU,UAAU;AAAA,EAIpB,cAAc,UAAU;AAAA,EAIxB,YAAY,UAAU;AACxB;AAEA,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/PageForm/PageForm.js

@@ -19,25 +19,11 @@ const PageForm = ({ header = null, body = null, footer = null }) => {
     rows.unshift(op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));
   if (footer)
     rows.push(theme.space.l);
-  return /* @__PURE__ */ jsxs(DSFullPageContainer, {
-    rows,
-    children: [
-      header && /* @__PURE__ */ jsx(Grid, {
-        children: header
-      }),
-      /* @__PURE__ */ jsx(Grid, {
-        style: { overflow: "hidden" },
-        children: /* @__PURE__ */ jsx(DSFullPageContainerScroll, {
-          children: /* @__PURE__ */ jsx(Body, {
-            children: body
-          })
-        })
-      }),
-      footer && /* @__PURE__ */ jsx(Grid, {
-        children: footer
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(DSFullPageContainer, { rows, children: [
+    header && /* @__PURE__ */ jsx(Grid, { children: header }),
+    /* @__PURE__ */ jsx(Grid, { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(DSFullPageContainerScroll, { children: /* @__PURE__ */ jsx(Body, { children: body }) }) }),
+    footer && /* @__PURE__ */ jsx(Grid, { children: footer })
+  ] });
 };
 PageForm.propTypes = {
   header: PropTypes.element,

package/dist/esm/PageForm/PageForm.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageForm/PageForm.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM, useTheme } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageForm = ({ header = null, body = null, footer = null }) => {\n  const theme = useTheme();\n  const rows = [1];\n  if (header) rows.unshift(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 1.125));\n  if (footer) rows.push(theme.space.l);\n  return (\n    <DSFullPageContainer rows={rows}>\n      {header && <Grid>{header}</Grid>}\n      <Grid style={{ overflow: 'hidden' }}>\n        <DSFullPageContainerScroll>\n          <Body>{body}</Body>\n        </DSFullPageContainerScroll>\n      </Grid>\n      {footer && <Grid>{footer}</Grid>}\n    </DSFullPageContainer>\n  );\n};\n\nPageForm.propTypes = {\n  header: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageForm = PageForm;\nconst DSMobilePageForm = DSPageForm;\n\nexport { DSPageForm, DSMobilePageForm };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBnB,SACa,KADb;AApBJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,0BAA0B,gBAAgB;AACvD,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAQ,SAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,qBAAC;AAAA,IAAoB;AAAA,IAClB;AAAA,gBAAU,oBAAC;AAAA,QAAM;AAAA,OAAO;AAAA,MACzB,oBAAC;AAAA,QAAK,OAAO,EAAE,UAAU,SAAS;AAAA,QAChC,8BAAC;AAAA,UACC,8BAAC;AAAA,YAAM;AAAA,WAAK;AAAA,SACd;AAAA,OACF;AAAA,MACC,UAAU,oBAAC;AAAA,QAAM;AAAA,OAAO;AAAA;AAAA,GAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
+  "mappings": "AAAA,YAAY,WAAW;ACqBnB,SACa,KADb;AApBJ,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,0BAA0B,gBAAgB;AACvD,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,OAAO,MAAM,SAAS,KAAK,MAAM;AAClE,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,CAAC,CAAC;AACf,MAAI;AAAQ,SAAK,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,KAAK,CAAC;AAClF,MAAI;AAAQ,SAAK,KAAK,MAAM,MAAM,CAAC;AACnC,SACE,qBAAC,uBAAoB,MAClB;AAAA,cAAU,oBAAC,QAAM,kBAAO;AAAA,IACzB,oBAAC,QAAK,OAAO,EAAE,UAAU,SAAS,GAChC,8BAAC,6BACC,8BAAC,QAAM,gBAAK,GACd,GACF;AAAA,IACC,UAAU,oBAAC,QAAM,kBAAO;AAAA,KAC3B;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;AACnB,MAAM,mBAAmB;",
   "names": []
 }

package/dist/esm/PageList/PageList.js

@@ -19,26 +19,13 @@ const DSMobilePageList = withTheme(
     rows.push(1);
     if (footer)
       rows.push("56px");
-    return /* @__PURE__ */ jsxs(DSFullPageContainer, {
-      rows,
-      children: [
-        header ? /* @__PURE__ */ jsx(Grid, {
-          children: header
-        }) : null,
-        pageTitle ? /* @__PURE__ */ jsx(PageTitleWrapper, {
-          children: pageTitle
-        }) : null,
-        filterBar ? /* @__PURE__ */ jsx(Grid, {
-          children: filterBar
-        }) : null,
-        /* @__PURE__ */ jsx(DSFullPageContainerScroll, {
-          children: body
-        }),
-        footer && /* @__PURE__ */ jsx(Grid, {
-          children: footer
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(DSFullPageContainer, { rows, children: [
+      header ? /* @__PURE__ */ jsx(Grid, { children: header }) : null,
+      pageTitle ? /* @__PURE__ */ jsx(PageTitleWrapper, { children: pageTitle }) : null,
+      filterBar ? /* @__PURE__ */ jsx(Grid, { children: filterBar }) : null,
+      /* @__PURE__ */ jsx(DSFullPageContainerScroll, { children: body }),
+      footer && /* @__PURE__ */ jsx(Grid, { children: footer })
+    ] });
   }
 );
 DSMobilePageList.propTypes = {

package/dist/esm/PageList/PageList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = [];\n    if (header) rows.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (pageTitle) rows.push('auto');\n    if (filterBar) rows.push(op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83));\n    rows.push(1);\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header ? <Grid>{header}</Grid> : null}\n        {pageTitle ? <PageTitleWrapper>{pageTitle}</PageTitleWrapper> : null}\n        {filterBar ? <Grid>{filterBar}</Grid> : null}\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACY,KADZ;AAnBN,OAAO,eAAe;AACtB,SAAS,QAAQ,IAAI,WAAW,gCAAgC;AAChE,SAAS,YAAY;AACrB,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAKpC,MAAM,mBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI;AAAQ,WAAK,KAAK,yBAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI;AAAW,WAAK,KAAK,MAAM;AAC/B,QAAI;AAAW,WAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI;AAAQ,WAAK,KAAK,MAAM;AAC5B,WACE,qBAAC;AAAA,MAAoB;AAAA,MAClB;AAAA,iBAAS,oBAAC;AAAA,UAAM;AAAA,SAAO,IAAU;AAAA,QACjC,YAAY,oBAAC;AAAA,UAAkB;AAAA,SAAU,IAAsB;AAAA,QAC/D,YAAY,oBAAC;AAAA,UAAM;AAAA,SAAU,IAAU;AAAA,QACxC,oBAAC;AAAA,UAA2B;AAAA,SAAK;AAAA,QAChC,UAAU,oBAAC;AAAA,UAAM;AAAA,SAAO;AAAA;AAAA,KAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;",
+  "mappings": "AAAA,YAAY,WAAW;ACoBjB,SACY,KADZ;AAnBN,OAAO,eAAe;AACtB,SAAS,QAAQ,IAAI,WAAW,gCAAgC;AAChE,SAAS,YAAY;AACrB,SAAS,qBAAqB,iCAAiC;AAE/D,MAAM,mBAAmB,OAAO,IAAI;AAAA;AAAA;AAKpC,MAAM,mBAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM;AAC5F,UAAM,OAAO,CAAC;AACd,QAAI;AAAQ,WAAK,KAAK,yBAAyB,MAAM,MAAM,GAAG,CAAC;AAC/D,QAAI;AAAW,WAAK,KAAK,MAAM;AAC/B,QAAI;AAAW,WAAK,KAAK,GAAG,KAAK,yBAAyB,MAAM,MAAM,EAAE,GAAG,IAAI,CAAC;AAChF,SAAK,KAAK,CAAC;AACX,QAAI;AAAQ,WAAK,KAAK,MAAM;AAC5B,WACE,qBAAC,uBAAoB,MAClB;AAAA,eAAS,oBAAC,QAAM,kBAAO,IAAU;AAAA,MACjC,YAAY,oBAAC,oBAAkB,qBAAU,IAAsB;AAAA,MAC/D,YAAY,oBAAC,QAAM,qBAAU,IAAU;AAAA,MACxC,oBAAC,6BAA2B,gBAAK;AAAA,MAChC,UAAU,oBAAC,QAAM,kBAAO;AAAA,OAC3B;AAAA,EAEJ;AACF;AAEA,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,aAAa;",
   "names": []
 }

package/dist/esm/PageSearch/PageSearch.js

@@ -23,31 +23,11 @@ const DSMobilePageSearch = withTheme(
       op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),
       1
     ];
-    return /* @__PURE__ */ jsxs(Grid, {
-      rows,
-      height: "100%",
-      children: [
-        /* @__PURE__ */ jsx(Grid, {
-          children: /* @__PURE__ */ jsx(HeaderContainer, {
-            children: pageTitle
-          })
-        }),
-        /* @__PURE__ */ jsx(Grid, {
-          children: /* @__PURE__ */ jsx(SearchContainer, {
-            children: searchHeader
-          })
-        }),
-        /* @__PURE__ */ jsx(Grid, {
-          height: "100%",
-          style: { overflow: "hidden" },
-          children: /* @__PURE__ */ jsx(Grid, {
-            height: "100%",
-            style: { overflow: "auto" },
-            children: body
-          })
-        })
-      ]
-    });
+    return /* @__PURE__ */ jsxs(Grid, { rows, height: "100%", children: [
+      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(HeaderContainer, { children: pageTitle }) }),
+      /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(SearchContainer, { children: searchHeader }) }),
+      /* @__PURE__ */ jsx(Grid, { height: "100%", style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx(Grid, { height: "100%", style: { overflow: "auto" }, children: body }) })
+    ] });
   }
 );
 DSMobilePageSearch.propTypes = {

package/dist/esm/PageSearch/PageSearch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2BjB,SAEI,KAFJ;AA1BN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,IAAI,WAAW,gCAAgC;AAExD,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAGtE,MAAM,qBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,MACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,qBAAC;AAAA,MAAK;AAAA,MAAY,QAAO;AAAA,MACvB;AAAA,4BAAC;AAAA,UACC,8BAAC;AAAA,YAAiB;AAAA,WAAU;AAAA,SAC9B;AAAA,QACA,oBAAC;AAAA,UACC,8BAAC;AAAA,YAAiB;AAAA,WAAa;AAAA,SACjC;AAAA,QACA,oBAAC;AAAA,UAAK,QAAO;AAAA,UAAO,OAAO,EAAE,UAAU,SAAS;AAAA,UAC9C,8BAAC;AAAA,YAAK,QAAO;AAAA,YAAO,OAAO,EAAE,UAAU,OAAO;AAAA,YAC3C;AAAA,WACH;AAAA,SACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,eAAe;",
+  "mappings": "AAAA,YAAY,WAAW;AC2BjB,SAEI,KAFJ;AA1BN,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,IAAI,WAAW,gCAAgC;AAExD,MAAM,SAAS,OAAO,IAAI;AAAA;AAAA,gBAEV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAGtE,MAAM,qBAAqB;AAAA,EACzB,CAAC;AAAA,IACC,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,OAAO;AAAA,IACP;AAAA,EACF,MAAM;AACJ,UAAM,OAAO;AAAA,MACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD,GAAG,KAAK,yBAAyB,MAAM,MAAM,CAAC,GAAG,IAAI;AAAA,MACrD;AAAA,IACF;AACA,WACE,qBAAC,QAAK,MAAY,QAAO,QACvB;AAAA,0BAAC,QACC,8BAAC,mBAAiB,qBAAU,GAC9B;AAAA,MACA,oBAAC,QACC,8BAAC,mBAAiB,wBAAa,GACjC;AAAA,MACA,oBAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,SAAS,GAC9C,8BAAC,QAAK,QAAO,QAAO,OAAO,EAAE,UAAU,OAAO,GAC3C,gBACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AACpB;AAEA,MAAM,eAAe;",
   "names": []
 }

package/dist/esm/PageSummary/PageSummary.js

@@ -20,32 +20,14 @@ const PageSummary = ({
   actions = null,
   actionsZIndex = 1,
   bodySecondary = null
-}) => /* @__PURE__ */ jsxs(DSFullPageContainer, {
-  children: [
-    header && /* @__PURE__ */ jsx(Header, {
-      zIndex: headerZIndex,
-      children: header
-    }),
-    /* @__PURE__ */ jsxs(Section, {
-      children: [
-        /* @__PURE__ */ jsx(Grid, {
-          children: /* @__PURE__ */ jsx(Body, {
-            children: bodyPrimary
-          })
-        }),
-        /* @__PURE__ */ jsx(Toolbar, {
-          zIndex: actionsZIndex,
-          children: actions
-        }),
-        /* @__PURE__ */ jsx(BodyWrapper, {
-          children: /* @__PURE__ */ jsx(Body, {
-            children: bodySecondary
-          })
-        })
-      ]
-    })
-  ]
-});
+}) => /* @__PURE__ */ jsxs(DSFullPageContainer, { children: [
+  header && /* @__PURE__ */ jsx(Header, { zIndex: headerZIndex, children: header }),
+  /* @__PURE__ */ jsxs(Section, { children: [
+    /* @__PURE__ */ jsx(Grid, { children: /* @__PURE__ */ jsx(Body, { children: bodyPrimary }) }),
+    /* @__PURE__ */ jsx(Toolbar, { zIndex: actionsZIndex, children: actions }),
+    /* @__PURE__ */ jsx(BodyWrapper, { children: /* @__PURE__ */ jsx(Body, { children: bodySecondary }) })
+  ] })
+] });
 PageSummary.propTypes = {
   header: PropTypes.element,
   bodyPrimary: PropTypes.element,

package/dist/esm/PageSummary/PageSummary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACyBR,cACX,YADW;AAxBf,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,gCAAgC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,QAAQ,SAAS,aAAa,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,qBAAC;AAAA,EACE;AAAA,cAAU,oBAAC;AAAA,MAAO,QAAQ;AAAA,MAAe;AAAA,KAAO;AAAA,IACjD,qBAAC;AAAA,MACC;AAAA,4BAAC;AAAA,UACC,8BAAC;AAAA,YAAM;AAAA,WAAY;AAAA,SACrB;AAAA,QACA,oBAAC;AAAA,UAAQ,QAAQ;AAAA,UAAgB;AAAA,SAAQ;AAAA,QACzC,oBAAC;AAAA,UACC,8BAAC;AAAA,YAAM;AAAA,WAAc;AAAA,SACvB;AAAA;AAAA,KACF;AAAA;AAAA,CACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAEA,MAAM,gBAAgB;",
+  "mappings": "AAAA,YAAY,WAAW;ACyBR,cACX,YADW;AAxBf,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,SAAS,IAAI,gCAAgC;AAC7C,SAAS,2BAA2B;AACpC,SAAS,QAAQ,SAAS,aAAa,eAAe;AAEtD,MAAM,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA,uBAGD,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,MAAM,MAAM,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,GAAG,GAAG,IAAI;AAAA;AAAA;AAItF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,MACE,qBAAC,uBACE;AAAA,YAAU,oBAAC,UAAO,QAAQ,cAAe,kBAAO;AAAA,EACjD,qBAAC,WACC;AAAA,wBAAC,QACC,8BAAC,QAAM,uBAAY,GACrB;AAAA,IACA,oBAAC,WAAQ,QAAQ,eAAgB,mBAAQ;AAAA,IACzC,oBAAC,eACC,8BAAC,QAAM,yBAAc,GACvB;AAAA,KACF;AAAA,GACF;AAGF,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAC3B;AAEA,MAAM,gBAAgB;",
   "names": []
 }