@elliemae/ds-legacy-modal-slide 1.0.0-rc.1

package/dist/cjs/DSModalSlide.js

@@ -0,0 +1,229 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSModalSlide_exports = {};
+__export(DSModalSlide_exports, {
+  DSModalSlide: () => DSModalSlide,
+  DSModalSlideWithSchema: () => DSModalSlideWithSchema,
+  ModalFooter: () => import_Footer.default,
+  ModalHeader: () => import_Header.default,
+  default: () => DSModalSlide_default
+});
+module.exports = __toCommonJS(DSModalSlide_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_lodash = require("lodash");
+var import_react_dom = __toESM(require("react-dom"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_grid = require("@elliemae/ds-legacy-grid");
+var import_ds_legacy_separator = __toESM(require("@elliemae/ds-legacy-separator"));
+var import_blocks = require("./components/blocks.js");
+var import_Header = __toESM(require("./components/Header.js"));
+var import_Footer = __toESM(require("./components/Footer.js"));
+const StyledWrapper = (0, import_ds_legacy_system.styled)(import_ds_legacy_grid.Grid)`
+  overflow: auto;
+  &:focus,
+  &:focus-visible {
+    outline: 1px solid ${({ theme }) => theme.colors.brand["600"]};
+    outline-offset: -1px;
+  }
+`;
+const ModalSlideAnimationFix = import_ds_legacy_system.styled.div`
+  .em-ds-modal-slide__overlay--disappearing,
+  .em-ds-modal-slide__content--disappearing {
+    animation-fill-mode: forwards;
+  }
+`;
+const DSModalSlide = (props2) => {
+  const {
+    isOpen = false,
+    children,
+    getContainer,
+    centered = false,
+    fullWidth = false,
+    header = null,
+    footer = null,
+    fadeOut = 1500,
+    fadeIn = 1500,
+    overrideHeight = false,
+    innerRef = null
+  } = props2;
+  const [isMoving, setMoving] = (0, import_react.useState)(false);
+  const [show, setShow] = (0, import_react.useState)(isOpen);
+  const [width, setWidth] = (0, import_react.useState)(50);
+  const [height, setHeight] = (0, import_react.useState)("100%");
+  const theme = (0, import_ds_legacy_system.useTheme)();
+  const contentRows = [...header ? ["auto", "1px"] : [], "1fr", ...footer ? ["1px", theme.space.m] : []];
+  const globalAttrs = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(props2);
+  const updateShow = (0, import_react.useCallback)(() => {
+    if (fullWidth)
+      setWidth(100);
+    else
+      setWidth(50);
+    if (isOpen !== show) {
+      setMoving(true);
+      if (isOpen) {
+        setShow(isOpen);
+      }
+    }
+  }, [isOpen, fullWidth, isMoving]);
+  (0, import_react.useEffect)(updateShow, [isOpen, fullWidth]);
+  const container = getContainer();
+  const handleHeight = (0, import_react.useCallback)(() => {
+    const newHeight = overrideHeight && container.scrollHeight > container.getBoundingClientRect().height ? container.scrollHeight : container.getBoundingClientRect().height;
+    setHeight(newHeight);
+  }, [container, overrideHeight]);
+  const onChangeParent = (0, import_react.useMemo)(() => (0, import_lodash.debounce)(handleHeight, 300, { leading: true }), [handleHeight]);
+  (0, import_react.useEffect)(() => {
+    const resizeObserver = new ResizeObserver(() => onChangeParent());
+    if (container) {
+      resizeObserver.observe(container);
+      if (!container.style.position) {
+        container.style.position = "relative";
+      }
+      onChangeParent();
+    }
+    return () => {
+      if (container)
+        resizeObserver.unobserve(container);
+    };
+  }, [container, onChangeParent]);
+  if (!show)
+    return null;
+  if (!container)
+    return null;
+  const handleAnimationEnd = () => {
+    setMoving(false);
+    if (!isOpen)
+      setShow(isOpen);
+  };
+  return import_react_dom.default.createPortal(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalSlideAnimationFix, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_blocks.Wrapper,
+      {
+        ...globalAttrs,
+        classProps: {
+          show: isOpen,
+          centered
+        },
+        style: {
+          "--height": height,
+          "--fade-in": fadeIn,
+          "--fade-out": fadeOut,
+          "--width": width,
+          left: 0
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Overlay,
+          {
+            classProps: {
+              show: isOpen
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_blocks.Content,
+              {
+                onAnimationEnd: handleAnimationEnd,
+                classProps: {
+                  show: isOpen
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_ds_legacy_grid.Grid,
+                  {
+                    style: {
+                      height: "100%",
+                      width: "100%",
+                      maxHeight: "100%",
+                      overflow: "hidden",
+                      "-webkit-backface-visibility": "hidden",
+                      "backface-visibility": "hidden",
+                      "-webkit-transform-style": "preserve-3d"
+                    },
+                    rows: contentRows,
+                    "data-testid": "ds-modal-slide",
+                    children: [
+                      header && import_react.default.cloneElement(header, { fullWidth }),
+                      header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_separator.default, { position: "initial", type: "non-form" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_grid.Grid, { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledWrapper, { ref: innerRef, tabIndex: 0, role: "contentinfo", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.ActualContent, { children }) }) }),
+                      footer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_separator.default, { position: "initial", type: "non-form" }),
+                      footer
+                    ]
+                  }
+                )
+              }
+            )
+          }
+        )
+      }
+    ) }),
+    container
+  );
+};
+const props = {
+  /**
+   * If the modal slide is centered or not
+   */
+  centered: import_ds_legacy_props_helpers.PropTypes.bool.description("If the modal slide is centered or not"),
+  /**
+   * If the modal slide is visible or not
+   */
+  isOpen: import_ds_legacy_props_helpers.PropTypes.bool.description("If the modal slide is visible or not"),
+  /**
+   * Main content of the modal
+   */
+  children: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.element, import_ds_legacy_props_helpers.PropTypes.string, import_ds_legacy_props_helpers.PropTypes.any]).isRequired.description(
+    "Main content of the modal"
+  ),
+  /**
+   * If the modal slide takes the full width or not
+   */
+  fullWidth: import_ds_legacy_props_helpers.PropTypes.bool.description("If the modal slide takes the full width or not"),
+  /**
+   * If the modal slide has a header, only available for full width option
+   */
+  header: import_ds_legacy_props_helpers.PropTypes.element.description("If the modal slide has a header, only available for full width option"),
+  /**
+   * Ratio of fade out
+   */
+  fadeOut: import_ds_legacy_props_helpers.PropTypes.number.description("Ratio of fade out"),
+  /**
+   * Ratio of fade in
+   */
+  fadeIn: import_ds_legacy_props_helpers.PropTypes.number.description("Ratio of fade in"),
+  /**
+   * Override the panel height to scroll height of the container
+   */
+  overrideHeight: import_ds_legacy_props_helpers.PropTypes.bool.description("Override the panel height to scroll height of the container")
+};
+DSModalSlide.propTypes = props;
+DSModalSlide.displayName = "DSModalSlide";
+const DSModalSlideWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSModalSlide);
+DSModalSlideWithSchema.propTypes = props;
+var DSModalSlide_default = DSModalSlide;
+//# sourceMappingURL=DSModalSlide.js.map

package/dist/cjs/DSModalSlide.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSModalSlide.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { PropTypes, describe, useGetGlobalAttributes } from '@elliemae/ds-legacy-props-helpers';\nimport { debounce } from 'lodash';\nimport ReactDOM from 'react-dom';\nimport { useTheme, styled } from '@elliemae/ds-legacy-system';\nimport { Grid } from '@elliemae/ds-legacy-grid';\nimport DSSeparator from '@elliemae/ds-legacy-separator';\nimport { Wrapper, Overlay, Content, ActualContent } from './components/blocks.js';\nimport ModalHeader from './components/Header.js';\nimport ModalFooter from './components/Footer.js';\n\nconst StyledWrapper = styled(Grid)`\n  overflow: auto;\n  &:focus,\n  &:focus-visible {\n    outline: 1px solid ${({ theme }) => theme.colors.brand['600']};\n    outline-offset: -1px;\n  }\n`;\n// js engine and css engine can't be guaranteed to be in sync due to how they run on different threads in the browsers\n//  this means that in some edge-cases react may have \"out-dated\" information like \"isMoving\" in this case\n//  this can cause some animation frame to have the animation \"after\" end but before react has updated the state\n//  if the css animation is not configured to stay in the end state,\n//    in those edge-cases,\n//    the animation will \"jump\" back to the start and cause a flicker\n//  this is the fix for that, it's an hack because the component is still css classname based\n//  when we re-do the modal slide, we should integrate this as the styled component css itself instead of this extra wrapper\nconst ModalSlideAnimationFix = styled.div`\n  .em-ds-modal-slide__overlay--disappearing,\n  .em-ds-modal-slide__content--disappearing {\n    animation-fill-mode: forwards;\n  }\n`;\n// eslint-disable-next-line complexity\nconst DSModalSlide = (props) => {\n  const {\n    isOpen = false,\n    children,\n    getContainer,\n    centered = false,\n    fullWidth = false,\n    header = null,\n    footer = null,\n    fadeOut = 1500,\n    fadeIn = 1500,\n    overrideHeight = false,\n    innerRef = null,\n  } = props;\n  const [isMoving, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const [height, setHeight] = useState('100%');\n  const theme = useTheme();\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', theme.space.m] : [])];\n  const globalAttrs = useGetGlobalAttributes(props);\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [isOpen, fullWidth, isMoving]);\n\n  useEffect(updateShow, [isOpen, fullWidth]);\n\n  const container = getContainer();\n\n  const handleHeight = useCallback(() => {\n    const newHeight =\n      overrideHeight && container.scrollHeight > container.getBoundingClientRect().height\n        ? container.scrollHeight\n        : container.getBoundingClientRect().height;\n    setHeight(newHeight);\n  }, [container, overrideHeight]);\n\n  const onChangeParent = useMemo(() => debounce(handleHeight, 300, { leading: true }), [handleHeight]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => onChangeParent());\n    if (container) {\n      resizeObserver.observe(container);\n      if (!container.style.position) {\n        container.style.position = 'relative';\n      }\n      onChangeParent();\n    }\n    return () => {\n      if (container) resizeObserver.unobserve(container);\n    };\n  }, [container, onChangeParent]);\n\n  if (!show) return null;\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  return ReactDOM.createPortal(\n    <ModalSlideAnimationFix>\n      <Wrapper\n        {...globalAttrs}\n        classProps={{\n          show: isOpen,\n          centered,\n        }}\n        style={{\n          '--height': height,\n          '--fade-in': fadeIn,\n          '--fade-out': fadeOut,\n          '--width': width,\n          left: 0,\n        }}\n      >\n        <Overlay\n          classProps={{\n            show: isOpen,\n          }}\n        >\n          <Content\n            onAnimationEnd={handleAnimationEnd}\n            classProps={{\n              show: isOpen,\n            }}\n          >\n            <Grid\n              style={{\n                height: '100%',\n                width: '100%',\n                maxHeight: '100%',\n                overflow: 'hidden',\n                '-webkit-backface-visibility': 'hidden',\n                'backface-visibility': 'hidden',\n                '-webkit-transform-style': 'preserve-3d',\n              }}\n              rows={contentRows}\n              data-testid=\"ds-modal-slide\"\n            >\n              {header && React.cloneElement(header, { fullWidth })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledWrapper ref={innerRef} tabIndex={0} role=\"contentinfo\">\n                  <ActualContent>{children}</ActualContent>\n                </StyledWrapper>\n              </Grid>\n              {footer && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              {footer}\n            </Grid>\n          </Content>\n        </Overlay>\n      </Wrapper>\n    </ModalSlideAnimationFix>,\n    container,\n  );\n};\n\nconst props = {\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.any]).isRequired.description(\n    'Main content of the modal',\n  ),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n};\n\nDSModalSlide.propTypes = props;\nDSModalSlide.displayName = 'DSModalSlide';\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = props;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": ["ModalFooter", "ModalHeader", "props", "ReactDOM", "React", "DSSeparator"]
+}

package/dist/cjs/components/Footer.js

@@ -0,0 +1,112 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Footer_exports = {};
+__export(Footer_exports, {
+  DSModalSlideFooterWithSchema: () => DSModalSlideFooterWithSchema,
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_button_v2 = require("@elliemae/ds-legacy-button-v2");
+var import_blocks = require("./blocks.js");
+const ModalFooter = ({
+  confirmLabel = "Confirm",
+  rejectLabel = "Cancel",
+  onConfirm,
+  onReject,
+  confirmProps = {
+    disabled: false
+  },
+  rejectProps = {
+    disabled: false
+  }
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.FooterWrapper, { children: [
+  !!onReject && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_legacy_button_v2.DSButtonV2,
+    {
+      buttonType: "outline",
+      className: "action-reject",
+      "data-testid": "modal-footer-reject-btn",
+      onClick: onReject,
+      ...rejectProps,
+      ml: "xs",
+      children: rejectLabel
+    }
+  ),
+  !!onConfirm && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_legacy_button_v2.DSButtonV2,
+    {
+      buttonType: "filled",
+      className: "action-confirm",
+      "data-testid": "modal-footer-confirm-btn",
+      onClick: onConfirm,
+      ...confirmProps,
+      ml: "xs",
+      children: confirmLabel
+    }
+  )
+] }) });
+const props = {
+  /**
+   * Confirm Label
+   */
+  confirmLabel: import_ds_legacy_props_helpers.PropTypes.string.description("Confirm Label"),
+  /**
+   * Reject Label
+   */
+  rejectLabel: import_ds_legacy_props_helpers.PropTypes.string.description("Reject Label"),
+  /**
+   * Callback
+   */
+  onConfirm: import_ds_legacy_props_helpers.PropTypes.func.description("Callback"),
+  /**
+   * Callback
+   */
+  onReject: import_ds_legacy_props_helpers.PropTypes.func.description("Callback"),
+  /**
+   * Extra DSButton props for confirm btn.
+   */
+  confirmProps: import_ds_legacy_props_helpers.PropTypes.shape({
+    disabled: import_ds_legacy_props_helpers.PropTypes.bool
+  }).description("Extra DSButton props for confirm btn."),
+  /**
+   * Extra DSButton props for reject btn.
+   */
+  rejectProps: import_ds_legacy_props_helpers.PropTypes.shape({
+    disabled: import_ds_legacy_props_helpers.PropTypes.bool
+  }).description("Extra DSButton props for reject btn.")
+};
+ModalFooter.propTypes = props;
+ModalFooter.displayName = "ModalFooter";
+const DSModalSlideFooterWithSchema = (0, import_ds_legacy_props_helpers.describe)(ModalFooter);
+DSModalSlideFooterWithSchema.propTypes = props;
+var Footer_default = ModalFooter;
+//# sourceMappingURL=Footer.js.map

package/dist/cjs/components/Footer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Footer.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { DSButtonV2 } from '@elliemae/ds-legacy-button-v2';\nimport { FooterWrapper } from './blocks.js';\n\nconst ModalFooter = ({\n  confirmLabel = 'Confirm',\n  rejectLabel = 'Cancel',\n  onConfirm,\n  onReject,\n  confirmProps = {\n    disabled: false,\n  },\n  rejectProps = {\n    disabled: false,\n  },\n}) => (\n  <>\n    <FooterWrapper>\n      {!!onReject && (\n        <DSButtonV2\n          buttonType=\"outline\"\n          className=\"action-reject\"\n          data-testid=\"modal-footer-reject-btn\"\n          onClick={onReject}\n          {...rejectProps}\n          ml=\"xs\"\n        >\n          {rejectLabel}\n        </DSButtonV2>\n      )}\n      {!!onConfirm && (\n        <DSButtonV2\n          buttonType=\"filled\"\n          className=\"action-confirm\"\n          data-testid=\"modal-footer-confirm-btn\"\n          onClick={onConfirm}\n          {...confirmProps}\n          ml=\"xs\"\n        >\n          {confirmLabel}\n        </DSButtonV2>\n      )}\n    </FooterWrapper>\n  </>\n);\n\nconst props = {\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n};\n\nModalFooter.propTypes = props;\nModalFooter.displayName = 'ModalFooter';\nconst DSModalSlideFooterWithSchema = describe(ModalFooter);\nDSModalSlideFooterWithSchema.propTypes = props;\n\nexport { DSModalSlideFooterWithSchema };\n\nexport default ModalFooter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiBrB;AAhBF,qCAAoC;AACpC,iCAA2B;AAC3B,oBAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,eAAe;AAAA,IACb,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,EACZ;AACF,MACE,2EACE,uDAAC,+BACE;AAAA,GAAC,CAAC,YACD;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,IAAG;AAAA,MAEF;AAAA;AAAA,EACH;AAAA,EAED,CAAC,CAAC,aACD;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAS;AAAA,MACR,GAAG;AAAA,MACJ,IAAG;AAAA,MAEF;AAAA;AAAA,EACH;AAAA,GAEJ,GACF;AAGF,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA,EAIZ,cAAc,yCAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1D,aAAa,yCAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIxD,WAAW,yCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,UAAU,yCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAI/C,cAAc,yCAAU,MAAM;AAAA,IAC5B,UAAU,yCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAItD,aAAa,yCAAU,MAAM;AAAA,IAC3B,UAAU,yCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AACvD;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,mCAA+B,yCAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/components/Header.js

@@ -0,0 +1,87 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_exports = {};
+__export(Header_exports, {
+  DSModalSlideHeaderWithSchema: () => DSModalSlideHeaderWithSchema,
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_separator = __toESM(require("@elliemae/ds-legacy-separator"));
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_ds_legacy_button_v2 = require("@elliemae/ds-legacy-button-v2");
+var import_blocks = require("./blocks.js");
+const ModalHeader = ({ innerRef = null, title: headerTitle = "", onClose = () => null, toolbar = null }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(HeaderWrapper, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.HeaderLeftSide, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Title, { children: headerTitle }) }) }),
+  toolbar,
+  toolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, { position: "initial", margin: "none", orientation: "vertical", type: "non-form" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledCloseButton,
+    {
+      "data-testid": "modal-slider-header-close",
+      "aria-label": "Close modal slide",
+      buttonType: "icon",
+      onClick: onClose,
+      innerRef,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.Close, { "aria-label": "Close modal slide", size: "s" })
+    }
+  )
+] });
+const HeaderWrapper = import_ds_legacy_system.styled.div`
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  align-items: center;
+  height: 48px;
+  overflow: hidden;
+`;
+const StyledSeparator = (0, import_ds_legacy_system.styled)(import_ds_legacy_separator.default)`
+  padding: ${(props2) => props2.theme.space.xs} 0;
+`;
+const StyledCloseButton = (0, import_ds_legacy_system.styled)(import_ds_legacy_button_v2.DSButtonV2)`
+  margin: ${(props2) => props2.theme.space.xs};
+`;
+const props = {
+  /** on modal close callback */
+  onClose: import_ds_legacy_props_helpers.PropTypes.func.description("on modal close callback"),
+  /** modal toolbar component */
+  toolbar: import_ds_legacy_props_helpers.PropTypes.node.description("modal toolbar comoponent"),
+  /** modal title */
+  title: import_ds_legacy_props_helpers.PropTypes.string.description("modal title"),
+  innerRef: import_ds_legacy_props_helpers.PropTypes.func.description("button close ref ")
+};
+ModalHeader.propTypes = props;
+ModalHeader.displayName = "ModalHeader";
+const DSModalSlideHeaderWithSchema = (0, import_ds_legacy_props_helpers.describe)(ModalHeader);
+DSModalSlideHeaderWithSchema.propTypes = props;
+var Header_default = ModalHeader;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Header.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { styled } from '@elliemae/ds-legacy-system';\nimport DSSeparator from '@elliemae/ds-legacy-separator';\nimport { Close } from '@elliemae/ds-legacy-icons';\nimport { DSButtonV2 } from '@elliemae/ds-legacy-button-v2';\nimport { Header, HeaderLeftSide, Title } from './blocks.js';\n\nconst ModalHeader = ({ innerRef = null, title: headerTitle = '', onClose = () => null, toolbar = null }) => (\n  <HeaderWrapper>\n    <HeaderLeftSide>\n      <Header>\n        <Title>{headerTitle}</Title>\n      </Header>\n    </HeaderLeftSide>\n    {toolbar}\n    {toolbar && <StyledSeparator position=\"initial\" margin=\"none\" orientation=\"vertical\" type=\"non-form\" />}\n    <StyledCloseButton\n      data-testid=\"modal-slider-header-close\"\n      aria-label=\"Close modal slide\"\n      buttonType=\"icon\"\n      onClick={onClose}\n      innerRef={innerRef}\n    >\n      {<Close aria-label=\"Close modal slide\" size=\"s\" />}\n    </StyledCloseButton>\n  </HeaderWrapper>\n);\n\nconst HeaderWrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n  height: 48px;\n  overflow: hidden;\n`;\n\nconst StyledSeparator = styled(DSSeparator)`\n  padding: ${(props) => props.theme.space.xs} 0;\n`;\n\nconst StyledCloseButton = styled(DSButtonV2)`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nconst props = {\n  /** on modal close callback */\n  onClose: PropTypes.func.description('on modal close callback'),\n  /** modal toolbar component */\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  /** modal title */\n  title: PropTypes.string.description('modal title'),\n  innerRef: PropTypes.func.description('button close ref '),\n};\n\nModalHeader.propTypes = props;\nModalHeader.displayName = 'ModalHeader';\nconst DSModalSlideHeaderWithSchema = describe(ModalHeader);\nDSModalSlideHeaderWithSchema.propTypes = props;\n\nexport { DSModalSlideHeaderWithSchema };\n\nexport default ModalHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSrB;AARF,qCAAoC;AACpC,8BAAuB;AACvB,iCAAwB;AACxB,6BAAsB;AACtB,iCAA2B;AAC3B,oBAA8C;AAE9C,MAAM,cAAc,CAAC,EAAE,WAAW,MAAM,OAAO,cAAc,IAAI,UAAU,MAAM,MAAM,UAAU,KAAK,MACpG,6CAAC,iBACC;AAAA,8CAAC,gCACC,sDAAC,wBACC,sDAAC,uBAAO,uBAAY,GACtB,GACF;AAAA,EACC;AAAA,EACA,WAAW,4CAAC,mBAAgB,UAAS,WAAU,QAAO,QAAO,aAAY,YAAW,MAAK,YAAW;AAAA,EACrG;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,cAAW;AAAA,MACX,YAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MAEC,sDAAC,gCAAM,cAAW,qBAAoB,MAAK,KAAI;AAAA;AAAA,EAClD;AAAA,GACF;AAGF,MAAM,gBAAgB,+BAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,sBAAkB,gCAAO,2BAAAA,OAAW;AAAA,aAC7B,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA;AAG1C,MAAM,wBAAoB,gCAAO,qCAAU;AAAA,YAC/B,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA;AAGzC,MAAM,QAAQ;AAAA;AAAA,EAEZ,SAAS,yCAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE7D,SAAS,yCAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAE9D,OAAO,yCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,UAAU,yCAAU,KAAK,YAAY,mBAAmB;AAC1D;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,mCAA+B,yCAAS,WAAW;AACzD,6BAA6B,YAAY;AAIzC,IAAO,iBAAQ;",
+  "names": ["DSSeparator", "props"]
+}

package/dist/cjs/components/blocks.js

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var blocks_exports = {};
+__export(blocks_exports, {
+  ActualContent: () => ActualContent,
+  BreadcrumTitle: () => BreadcrumTitle,
+  Content: () => Content,
+  Footer: () => Footer,
+  FooterWrapper: () => FooterWrapper,
+  Header: () => Header,
+  HeaderLeftSide: () => HeaderLeftSide,
+  Overlay: () => Overlay,
+  Title: () => Title,
+  Wrapper: () => Wrapper
+});
+module.exports = __toCommonJS(blocks_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+const blockName = "modal-slide";
+const Wrapper = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ show, centered }) => ({
+  showing: show,
+  disappearing: !show,
+  centered
+}));
+const Overlay = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "overlay", ({ show }) => ({
+  showing: show,
+  disappearing: !show
+}));
+const Content = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "content", ({ show }) => ({
+  showing: show,
+  disappearing: !show
+}));
+const Title = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "title", () => ({}));
+const BreadcrumTitle = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "breadcrum-title", () => ({}));
+const HeaderLeftSide = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "header-left-side", () => ({}));
+const ActualContent = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "actual-content", () => ({}));
+const Header = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "header", () => ({}));
+const Footer = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "footer", () => ({}));
+const FooterWrapper = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(blockName, "footer-wrapper", () => ({}));
+//# sourceMappingURL=blocks.js.map

package/dist/cjs/components/blocks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\n\nconst blockName = 'modal-slide';\n\nexport const Wrapper = aggregatedClasses('div')(blockName, 'wrapper', ({ show, centered }) => ({\n  showing: show,\n  disappearing: !show,\n  centered,\n}));\n\nexport const Overlay = aggregatedClasses('div')(blockName, 'overlay', ({ show }) => ({\n  showing: show,\n  disappearing: !show,\n}));\n\nexport const Content = aggregatedClasses('div')(blockName, 'content', ({ show }) => ({\n  showing: show,\n  disappearing: !show,\n}));\n\nexport const Title = aggregatedClasses('div')(blockName, 'title', () => ({}));\n\nexport const BreadcrumTitle = aggregatedClasses('div')(blockName, 'breadcrum-title', () => ({}));\n\nexport const HeaderLeftSide = aggregatedClasses('div')(blockName, 'header-left-side', () => ({}));\n\nexport const ActualContent = aggregatedClasses('div')(blockName, 'actual-content', () => ({}));\nexport const Header = aggregatedClasses('div')(blockName, 'header', () => ({}));\nexport const Footer = aggregatedClasses('div')(blockName, 'footer', () => ({}));\n\nexport const FooterWrapper = aggregatedClasses('div')(blockName, 'footer-wrapper', () => ({}));\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,cAAU,+CAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,MAAM,SAAS,OAAO;AAAA,EAC7F,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AACF,EAAE;AAEK,MAAM,cAAU,+CAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,KAAK,OAAO;AAAA,EACnF,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EAAE;AAEK,MAAM,cAAU,+CAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,KAAK,OAAO;AAAA,EACnF,SAAS;AAAA,EACT,cAAc,CAAC;AACjB,EAAE;AAEK,MAAM,YAAQ,+CAAkB,KAAK,EAAE,WAAW,SAAS,OAAO,CAAC,EAAE;AAErE,MAAM,qBAAiB,+CAAkB,KAAK,EAAE,WAAW,mBAAmB,OAAO,CAAC,EAAE;AAExF,MAAM,qBAAiB,+CAAkB,KAAK,EAAE,WAAW,oBAAoB,OAAO,CAAC,EAAE;AAEzF,MAAM,oBAAgB,+CAAkB,KAAK,EAAE,WAAW,kBAAkB,OAAO,CAAC,EAAE;AACtF,MAAM,aAAS,+CAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AACvE,MAAM,aAAS,+CAAkB,KAAK,EAAE,WAAW,UAAU,OAAO,CAAC,EAAE;AAEvE,MAAM,oBAAgB,+CAAkB,KAAK,EAAE,WAAW,kBAAkB,OAAO,CAAC,EAAE;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  DSModalSlideFooterWithSchema: () => import_Footer.DSModalSlideFooterWithSchema,
+  DSModalSlideHeaderWithSchema: () => import_Header.DSModalSlideHeaderWithSchema,
+  default: () => import_DSModalSlide.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSModalSlide.js"), module.exports);
+var import_DSModalSlide = __toESM(require("./DSModalSlide.js"));
+var import_Header = require("./components/Header.js");
+var import_Footer = require("./components/Footer.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSModalSlide.js';\nexport { default } from './DSModalSlide.js';\nexport { DSModalSlideHeaderWithSchema } from './components/Header.js';\nexport { DSModalSlideFooterWithSchema } from './components/Footer.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,8BAAd;AACA,0BAAwB;AACxB,oBAA6C;AAC7C,oBAA6C;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}