@elliemae/ds-mobile 2.2.0 → 2.3.0-alpha.3

package/cjs/MobileBanner/defaultProps.js

@@ -1,21 +1,48 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var bannerTypes = require('./utils/bannerTypes.js');
-
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_bannerTypes = require("./utils/bannerTypes");
 const defaultProps = {
-  type: bannerTypes.MOBILE_BANNER_TYPES.SUCCESS,
+  type: import_bannerTypes.MOBILE_BANNER_TYPES.SUCCESS,
   isOpen: false,
   closeButtonOnClick: () => null,
   actionLinkLabel: null,
   actionLinkHref: null,
   actionLinkOnClick: () => null,
-  label: '',
-  body: '',
+  label: "",
+  body: "",
   showCloseButton: true,
   containerProps: {},
   focusOnOpen: false
 };
-
-exports.defaultProps = defaultProps;
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/cjs/MobileBanner/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/defaultProps.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n  type: MOBILE_BANNER_TYPES.SUCCESS,\n  isOpen: false,\n  closeButtonOnClick: () => null,\n  actionLinkLabel: null,\n  actionLinkHref: null,\n  actionLinkOnClick: () => null,\n  label: '',\n  body: '',\n  showCloseButton: true,\n  containerProps: {},\n  focusOnOpen: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAoC;AAE7B,MAAM,eAAe;AAAA,EAC1B,MAAM,uCAAoB;AAAA,EAC1B,QAAQ;AAAA,EACR,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA;",
+  "names": []
+}

package/cjs/MobileBanner/index.d.js

@@ -1,2 +1,27 @@
-'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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/MobileBanner/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\ntype MobileBannerTypesT = typeof MOBILE_BANNER_TYPES[keyof typeof MOBILE_BANNER_TYPES];\n\nexport interface MobileBannerPropsT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  closeButtonOnClick: () => void | null;\n  actionLinkLabel: string;\n  actionLinkHref: string;\n  actionLinkOnClick: () => void | null;\n  label: string;\n  body: string;\n  showCloseButton?: boolean;\n  containerProps: Record<string, unknown>;\n  focusOnOpen?: boolean;\n}\n\nexport interface StyledBannerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  height: number;\n}\n\nexport interface StyledInnerContainerT {\n  type: MobileBannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  ref: React.MutableRefObject<HTMLDivElement>;\n}\n\nexport interface StyledContentT {\n  showCloseButton: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/MobileBanner/index.js

@@ -1,12 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var MobileBanner = require('./MobileBanner.js');
-var bannerTypes = require('./utils/bannerTypes.js');
-
-
-
-exports.DSMobileBanner = MobileBanner.DSMobileBanner;
-exports.DSMobileBannerWithSchema = MobileBanner.DSMobileBannerWithSchema;
-exports.MOBILE_BANNER_TYPES = bannerTypes.MOBILE_BANNER_TYPES;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileBanner_exports = {};
+__export(MobileBanner_exports, {
+  DSMobileBanner: () => import_MobileBanner.DSMobileBanner,
+  DSMobileBannerWithSchema: () => import_MobileBanner.DSMobileBannerWithSchema,
+  MOBILE_BANNER_TYPES: () => import_bannerTypes.MOBILE_BANNER_TYPES
+});
+var React = __toESM(require("react"));
+var import_MobileBanner = require("./MobileBanner");
+var import_bannerTypes = require("./utils/bannerTypes");
+module.exports = __toCommonJS(MobileBanner_exports);
+//# sourceMappingURL=index.js.map

package/cjs/MobileBanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner';\nexport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyD;AACzD,yBAAoC;",
+  "names": []
+}

package/cjs/MobileBanner/propTypes.js

@@ -1,21 +1,48 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const propTypes = {
-  type: reactDesc.PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),
-  isOpen: reactDesc.PropTypes.bool.description('Whether the banner is open or not'),
-  closeButtonOnClick: reactDesc.PropTypes.func.description('OnClick function used in the close button'),
-  actionLinkLabel: reactDesc.PropTypes.string.description('Label used in the the action link'),
-  actionLinkHref: reactDesc.PropTypes.string.description('Href used in the the action link'),
-  actionLinkOnClick: reactDesc.PropTypes.string.description('OnClick function used in the action link'),
-  label: reactDesc.PropTypes.string.description('Label text for the banner'),
-  body: reactDesc.PropTypes.string.description('Body text for the banner'),
-  showCloseButton: reactDesc.PropTypes.bool.description('Whether the close button should be visible or not'),
-  containerProps: reactDesc.PropTypes.shape({}).description('Set of properties attached to the banner container'),
-  focusOnOpen: reactDesc.PropTypes.bool.description("Whether the banner should get focus when its openedWhether the banner should get focus when it's opened")
+  type: import_react_desc.PropTypes.oneOf(["info", "success", "warning", "error"]).description("Type of banner"),
+  isOpen: import_react_desc.PropTypes.bool.description("Whether the banner is open or not"),
+  closeButtonOnClick: import_react_desc.PropTypes.func.description("OnClick function used in the close button"),
+  actionLinkLabel: import_react_desc.PropTypes.string.description("Label used in the the action link"),
+  actionLinkHref: import_react_desc.PropTypes.string.description("Href used in the the action link"),
+  actionLinkOnClick: import_react_desc.PropTypes.string.description("OnClick function used in the action link"),
+  label: import_react_desc.PropTypes.string.description("Label text for the banner"),
+  body: import_react_desc.PropTypes.string.description("Body text for the banner"),
+  showCloseButton: import_react_desc.PropTypes.bool.description("Whether the close button should be visible or not"),
+  containerProps: import_react_desc.PropTypes.shape({}).description("Set of properties attached to the banner container"),
+  focusOnOpen: import_react_desc.PropTypes.bool.description("Whether the banner should get focus when its openedWhether the banner should get focus when it's opened")
 };
-
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/cjs/MobileBanner/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n  isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n  closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n  actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n  actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n  actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n  label: PropTypes.string.description('Label text for the banner'),\n  body: PropTypes.string.description('Body text for the banner'),\n  showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n  focusOnOpen: PropTypes.bool.description(\n    \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,MAAM,4BAAU,MAAM,CAAC,QAAQ,WAAW,WAAW,UAAU,YAAY;AAAA,EAC3E,QAAQ,4BAAU,KAAK,YAAY;AAAA,EACnC,oBAAoB,4BAAU,KAAK,YAAY;AAAA,EAC/C,iBAAiB,4BAAU,OAAO,YAAY;AAAA,EAC9C,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,4BAAU,OAAO,YAAY;AAAA,EAChD,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,OAAO,YAAY;AAAA,EACnC,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAC5C,gBAAgB,4BAAU,MAAM,IAAI,YAAY;AAAA,EAChD,aAAa,4BAAU,KAAK,YAC1B;AAAA;",
+  "names": []
+}

package/cjs/MobileBanner/styles.js

@@ -1,174 +1,128 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var DSButton = require('@elliemae/ds-button');
-var styleHelpers = require('./utils/styleHelpers.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-const StyledInnerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-0"
-})(["display:flex;min-height:68px;width:100%;background-color:", ";border-bottom:4px solid ", ";transform:translateY(", ");", ";"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral['000'];
-}, _ref2 => {
-  let {
-    type,
-    theme
-  } = _ref2;
-  return styleHelpers.handleBorderColor(type, theme);
-}, _ref3 => {
-  let {
-    isOpen
-  } = _ref3;
-  return isOpen ? '0' : '-100%';
-}, _ref4 => {
-  let {
-    isAnimating,
-    isOpen
-  } = _ref4;
-  return styleHelpers.handleAnimation(isAnimating, isOpen);
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  StyledActionLink: () => StyledActionLink,
+  StyledBannerContainer: () => StyledBannerContainer,
+  StyledCloseButton: () => StyledCloseButton,
+  StyledCloseButtonContainer: () => StyledCloseButtonContainer,
+  StyledContent: () => StyledContent,
+  StyledIconContainer: () => StyledIconContainer,
+  StyledInnerContainer: () => StyledInnerContainer,
+  StyledSubTitle: () => StyledSubTitle,
+  StyledTextContent: () => StyledTextContent,
+  StyledTitle: () => StyledTitle
 });
-const StyledTextContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-1"
-})(["width:100%;"]);
-const StyledTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-2"
-})(["color:", ";font-size:", ";font-weight:", ";margin-bottom:", ";@media not all and (min-resolution:0.001dpcm){@media{-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}}@media screen and (min--moz-device-pixel-ratio:0){-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}"], _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.colors.neutral[700];
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return dsSystem.toMobile(theme.fontSizes.title[700]);
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.fontWeights.semibold;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.space.xxs;
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.colors.neutral[700];
-}, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.colors.neutral[700];
-});
-const StyledSubTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-3"
-})(["font-size:", ";font-weight:", ";"], _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.fontWeights.regular;
-});
-const StyledIconContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-4"
-})(["margin-top:10px;margin-right:", ";margin-left:", ";"], _ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.space.xxs;
-}, _ref14 => {
-  let {
-    theme
-  } = _ref14;
-  return theme.space.xs;
-});
-const StyledContent = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-5"
-})(["width:100%;display:flex;flex-direction:column;margin:", " 0;margin-right:", ";"], _ref15 => {
-  let {
-    theme
-  } = _ref15;
-  return theme.space.xxs2;
-}, _ref16 => {
-  let {
-    showCloseButton
-  } = _ref16;
-  return !showCloseButton ? '28px' : '0';
-});
-const StyledCloseButtonContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-6"
-})(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
-const StyledCloseButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-4jnp92-7"
-})(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], _ref17 => {
-  let {
-    theme
-  } = _ref17;
-  return theme.colors.brand[700];
-});
-const StyledActionLink = /*#__PURE__*/styled__default["default"].a.withConfig({
-  componentId: "sc-4jnp92-8"
-})(["text-decoration:none;float:right;margin-left:", ";line-height:1.1;font-size:", ";font-weight:", ";color:", ";"], _ref18 => {
-  let {
-    theme
-  } = _ref18;
-  return theme.space.xs;
-}, _ref19 => {
-  let {
-    theme
-  } = _ref19;
-  return dsSystem.toMobile(theme.fontSizes.title[600]);
-}, _ref20 => {
-  let {
-    theme
-  } = _ref20;
-  return theme.fontWeights.regular;
-}, _ref21 => {
-  let {
-    theme
-  } = _ref21;
-  return theme.colors.brand[600];
-});
-const StyledBannerContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-4jnp92-9"
-})(["overflow:hidden;height:", ";", ";"], _ref22 => {
-  let {
-    isOpen
-  } = _ref22;
-  return isOpen ? 'auto' : '0px';
-}, _ref23 => {
-  let {
-    isAnimating,
-    isOpen,
-    height
-  } = _ref23;
-  return styleHelpers.handleAnimation(isAnimating, isOpen, height);
-});
-
-exports.StyledActionLink = StyledActionLink;
-exports.StyledBannerContainer = StyledBannerContainer;
-exports.StyledCloseButton = StyledCloseButton;
-exports.StyledCloseButtonContainer = StyledCloseButtonContainer;
-exports.StyledContent = StyledContent;
-exports.StyledIconContainer = StyledIconContainer;
-exports.StyledInnerContainer = StyledInnerContainer;
-exports.StyledSubTitle = StyledSubTitle;
-exports.StyledTextContent = StyledTextContent;
-exports.StyledTitle = StyledTitle;
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_styleHelpers = require("./utils/styleHelpers");
+const StyledInnerContainer = import_styled_components.default.div`
+  display: flex;
+  min-height: 68px;
+  width: 100%;
+  background-color: ${({ theme }) => theme.colors.neutral["000"]};
+  border-bottom: 4px solid ${({ type, theme }) => (0, import_styleHelpers.handleBorderColor)(type, theme)};
+  transform: translateY(${({ isOpen }) => isOpen ? "0" : "-100%"});
+  ${({ isAnimating, isOpen }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen)};
+`;
+const StyledTextContent = import_styled_components.default.div`
+  width: 100%;
+`;
+const StyledTitle = import_styled_components.default.div`
+  color: ${({ theme }) => theme.colors.neutral[700]};
+  font-size: ${({ theme }) => (0, import_ds_system.toMobile)(theme.fontSizes.title[700])};
+  font-weight: ${({ theme }) => theme.fontWeights.semibold};
+  margin-bottom: ${({ theme }) => theme.space.xxs};
+  @media not all and (min-resolution: 0.001dpcm) {
+    @media {
+      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render
+      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render
+    }
+  }
+  @media screen and (min--moz-device-pixel-ratio: 0) {
+    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render
+    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render
+  }
+`;
+const StyledSubTitle = import_styled_components.default.div`
+  font-size: ${({ theme }) => (0, import_ds_system.toMobile)(theme.fontSizes.title[600])};
+  font-weight: ${({ theme }) => theme.fontWeights.regular};
+`;
+const StyledIconContainer = import_styled_components.default.div`
+  margin-top: 10px;
+  margin-right: ${({ theme }) => theme.space.xxs};
+  margin-left: ${({ theme }) => theme.space.xs};
+`;
+const StyledContent = import_styled_components.default.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: ${({ theme }) => theme.space.xxs2} 0;
+  margin-right: ${({ showCloseButton }) => !showCloseButton ? "28px" : "0"};
+`;
+const StyledCloseButtonContainer = import_styled_components.default.div`
+  display: flex;
+  align-items: flex-start;
+  margin-top: 6px;
+  margin-right: 6px;
+`;
+const StyledCloseButton = (0, import_styled_components.default)(import_ds_button.default)`
+  position: relative;
+  &:focus {
+    &:after {
+      display: block;
+      content: ' ';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+      border-radius: 2px;
+      pointer-events: none;
+    }
+  }
+`;
+const StyledActionLink = import_styled_components.default.a`
+  text-decoration: none;
+  float: right;
+  margin-left: ${({ theme }) => theme.space.xs};
+  line-height: 1.1;
+  font-size: ${({ theme }) => (0, import_ds_system.toMobile)(theme.fontSizes.title[600])};
+  font-weight: ${({ theme }) => theme.fontWeights.regular};
+  color: ${({ theme }) => theme.colors.brand[600]};
+`;
+const StyledBannerContainer = import_styled_components.default.div`
+  overflow: hidden;
+  height: ${({ isOpen }) => isOpen ? "auto" : "0px"};
+  ${({ isAnimating, isOpen, height }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen, height)};
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/cjs/MobileBanner/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MobileBanner/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n  display: flex;\n  min-height: 68px;\n  width: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n  transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n  ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n  width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n  font-weight: ${({ theme }) => theme.fontWeights.semibold};\n  margin-bottom: ${({ theme }) => theme.space.xxs};\n  @media not all and (min-resolution: 0.001dpcm) {\n    @media {\n      -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n      -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n    }\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n    -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n  }\n`;\n\nexport const StyledSubTitle = styled.div`\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n  margin-top: 10px;\n  margin-right: ${({ theme }) => theme.space.xxs};\n  margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin: ${({ theme }) => theme.space.xxs2} 0;\n  margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n  display: flex;\n  align-items: flex-start;\n  margin-top: 6px;\n  margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n  position: relative;\n  &:focus {\n    &:after {\n      display: block;\n      content: ' ';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n`;\n\nexport const StyledActionLink = styled.a`\n  text-decoration: none;\n  float: right;\n  margin-left: ${({ theme }) => theme.space.xs};\n  line-height: 1.1;\n  font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n  font-weight: ${({ theme }) => theme.fontWeights.regular};\n  color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n  overflow: hidden;\n  height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n  ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAyB;AACzB,uBAAqB;AAErB,0BAAmD;AAE5C,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA,sBAIrB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,6BAC7B,CAAC,EAAE,MAAM,YAAY,2CAAkB,MAAM;AAAA,0BAChD,CAAC,EAAE,aAAc,SAAS,MAAM;AAAA,IACtD,CAAC,EAAE,aAAa,aAAa,yCAAgB,aAAa;AAAA;AAGvD,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAIjC,MAAM,cAAc,iCAAO;AAAA,WACvB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,eAChC,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,mBAC/B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,mCAIX,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,iCAKtC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI9D,MAAM,iBAAiB,iCAAO;AAAA,eACtB,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAG3C,MAAM,sBAAsB,iCAAO;AAAA;AAAA,kBAExB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,iBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAGrC,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,kBACrB,CAAC,EAAE,sBAAuB,CAAC,kBAAkB,SAAS;AAAA;AAGjE,MAAM,6BAA6B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,oBAAoB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAWd,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrD,MAAM,mBAAmB,iCAAO;AAAA;AAAA;AAAA,iBAGtB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA,eAE7B,CAAC,EAAE,YAAY,+BAAS,MAAM,UAAU,MAAM;AAAA,iBAC5C,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGtC,MAAM,wBAAwB,iCAAO;AAAA;AAAA,YAEhC,CAAC,EAAE,aAAc,SAAS,SAAS;AAAA,IAC3C,CAAC,EAAE,aAAa,QAAQ,aAAa,yCAAgB,aAAa,QAAQ;AAAA;",
+  "names": []
+}

package/cjs/MobileBanner/utils/bannerTypes.js

@@ -1,12 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var bannerTypes_exports = {};
+__export(bannerTypes_exports, {
+  MOBILE_BANNER_TYPES: () => MOBILE_BANNER_TYPES
+});
+var React = __toESM(require("react"));
 const MOBILE_BANNER_TYPES = {
-  INFO: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error'
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error"
 };
-
-exports.MOBILE_BANNER_TYPES = MOBILE_BANNER_TYPES;
+module.exports = __toCommonJS(bannerTypes_exports);
+//# sourceMappingURL=bannerTypes.js.map