@elliemae/ds-banner 3.53.0-alpha.1 → 3.53.0-alpha.3

package/dist/cjs/utils/icons.js

@@ -1,43 +0,0 @@
-"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 icons_exports = {};
-__export(icons_exports, {
-  icons: () => icons
-});
-module.exports = __toCommonJS(icons_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_icons = require("@elliemae/ds-icons");
-const icons = {
-  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.SuccessFill, { color: ["success", "900"], width: "20px", height: "20px" }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.InfoFill, { color: ["brand-primary", "600"], width: "20px", height: "20px" }),
-  danger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.AlertsDetailFill, { color: ["danger", "900"], width: "20px", height: "20px" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningSquare, { color: ["warning", "900"], width: "20px", height: "20px" })
-};
-//# sourceMappingURL=icons.js.map

package/dist/cjs/utils/icons.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/icons.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { AlertsDetailFill, InfoFill, SuccessFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons: Record<string, JSX.Element> = {\n  success: <SuccessFill color={['success', '900']} width=\"20px\" height=\"20px\" />,\n  info: <InfoFill color={['brand-primary', '600']} width=\"20px\" height=\"20px\" />,\n  danger: <AlertsDetailFill color={['danger', '900']} width=\"20px\" height=\"20px\" />,\n  warning: <WarningSquare color={['warning', '900']} width=\"20px\" height=\"20px\" />,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIZ;AAHX,sBAAuE;AAEhE,MAAM,QAAqC;AAAA,EAChD,SAAS,4CAAC,+BAAY,OAAO,CAAC,WAAW,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,MAAM,4CAAC,4BAAS,OAAO,CAAC,iBAAiB,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,QAAQ,4CAAC,oCAAiB,OAAO,CAAC,UAAU,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC/E,SAAS,4CAAC,iCAAc,OAAO,CAAC,WAAW,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAChF;",
-  "names": []
-}

package/dist/cjs/utils/styleHelpers.js

@@ -1,102 +0,0 @@
-"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 styleHelpers_exports = {};
-__export(styleHelpers_exports, {
-  handleAnimation: () => handleAnimation,
-  handleBorderColor: () => handleBorderColor
-});
-module.exports = __toCommonJS(styleHelpers_exports);
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_exported_related = require("../exported-related/index.js");
-const slideIn = import_ds_system.kfrm`
-  0% {
-    transform: translate3d(0, -100%, 0);
-  }
-  100% {
-    transform: translate3d(0, 0, 0);
-  }
-`;
-const slideOut = import_ds_system.kfrm`
-  0% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-  60% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-`;
-const spanContainer = (height) => import_ds_system.kfrm`
-  0% {
-    height: 0px;
-  }
-  100% {
-    height: ${height}px;
-  }
-`;
-const shrinkContainer = (height) => import_ds_system.kfrm`
-  0% {
-    height: ${height}px;
-  }
-  100% {
-    height: 0px;
-  }
-`;
-const handleBorderColor = (type, { colors }) => {
-  switch (type) {
-    case import_exported_related.BANNER_TYPES.SUCCESS:
-      return colors.success[900];
-    case import_exported_related.BANNER_TYPES.INFO:
-      return colors.brand[600];
-    case import_exported_related.BANNER_TYPES.WARNING:
-      return colors.warning[900];
-    case import_exported_related.BANNER_TYPES.DANGER:
-      return colors.danger[900];
-    default:
-      return "should_not_happen";
-  }
-};
-const handleAnimation = (isAnimating, isOpen, height = null) => {
-  if (isAnimating) {
-    if (isOpen) {
-      return import_ds_system.css`
-        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;
-      `;
-    }
-    return import_ds_system.css`
-      animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;
-    `;
-  }
-  return import_ds_system.css``;
-};
-//# sourceMappingURL=styleHelpers.js.map

package/dist/cjs/utils/styleHelpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/styleHelpers.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from '@elliemae/ds-system';\nimport { BANNER_TYPES } from '../exported-related/index.js';\nimport type { DSBannerT } from '../react-desc-prop-types.js';\n\nconst slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nconst slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nconst spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nconst shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (\n  type: DSBannerT.BannerTypesT,\n  { colors }: { colors: Record<string, Record<string, string>> },\n): string => {\n  switch (type) {\n    case BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case BANNER_TYPES.DANGER:\n      return colors.danger[900];\n    default:\n      return 'should_not_happen';\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    }\n    return css`\n      animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n    `;\n  }\n  return css``;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAE1B,8BAA6B;AAG7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAK5B,MAAM;AAAA;AAAA;AAIpB,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAE9B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOb,MAAM,oBAAoB,CAC/B,MACA,EAAE,OAAO,MACE;AACX,UAAQ,MAAM;AAAA,IACZ,KAAK,qCAAa;AAChB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,qCAAa;AAChB,aAAO,OAAO,MAAM,GAAG;AAAA,IACzB,KAAK,qCAAa;AAChB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,qCAAa;AAChB,aAAO,OAAO,OAAO,GAAG;AAAA,IAC1B;AACE,aAAO;AAAA,EACX;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI,OAAO;AAAA;AAAA,IAEzD;AACA,WAAO;AAAA,mBACQ,SAAS,gBAAgB,MAAM,IAAI,QAAQ;AAAA;AAAA,EAE5D;AACA,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/utils/icons.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { AlertsDetailFill, InfoFill, SuccessFill, WarningSquare } from "@elliemae/ds-icons";
-const icons = {
-  success: /* @__PURE__ */ jsx(SuccessFill, { color: ["success", "900"], width: "20px", height: "20px" }),
-  info: /* @__PURE__ */ jsx(InfoFill, { color: ["brand-primary", "600"], width: "20px", height: "20px" }),
-  danger: /* @__PURE__ */ jsx(AlertsDetailFill, { color: ["danger", "900"], width: "20px", height: "20px" }),
-  warning: /* @__PURE__ */ jsx(WarningSquare, { color: ["warning", "900"], width: "20px", height: "20px" })
-};
-export {
-  icons
-};
-//# sourceMappingURL=icons.js.map

package/dist/esm/utils/icons.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/icons.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { AlertsDetailFill, InfoFill, SuccessFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons: Record<string, JSX.Element> = {\n  success: <SuccessFill color={['success', '900']} width=\"20px\" height=\"20px\" />,\n  info: <InfoFill color={['brand-primary', '600']} width=\"20px\" height=\"20px\" />,\n  danger: <AlertsDetailFill color={['danger', '900']} width=\"20px\" height=\"20px\" />,\n  warning: <WarningSquare color={['warning', '900']} width=\"20px\" height=\"20px\" />,\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACIZ;AAHX,SAAS,kBAAkB,UAAU,aAAa,qBAAqB;AAEhE,MAAM,QAAqC;AAAA,EAChD,SAAS,oBAAC,eAAY,OAAO,CAAC,WAAW,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,MAAM,oBAAC,YAAS,OAAO,CAAC,iBAAiB,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC5E,QAAQ,oBAAC,oBAAiB,OAAO,CAAC,UAAU,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAAA,EAC/E,SAAS,oBAAC,iBAAc,OAAO,CAAC,WAAW,KAAK,GAAG,OAAM,QAAO,QAAO,QAAO;AAChF;",
-  "names": []
-}

package/dist/esm/utils/styleHelpers.js

@@ -1,72 +0,0 @@
-import * as React from "react";
-import { kfrm, css } from "@elliemae/ds-system";
-import { BANNER_TYPES } from "../exported-related/index.js";
-const slideIn = kfrm`
-  0% {
-    transform: translate3d(0, -100%, 0);
-  }
-  100% {
-    transform: translate3d(0, 0, 0);
-  }
-`;
-const slideOut = kfrm`
-  0% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-  60% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    transform: translate3d(0, -100%, 0);
-  }
-`;
-const spanContainer = (height) => kfrm`
-  0% {
-    height: 0px;
-  }
-  100% {
-    height: ${height}px;
-  }
-`;
-const shrinkContainer = (height) => kfrm`
-  0% {
-    height: ${height}px;
-  }
-  100% {
-    height: 0px;
-  }
-`;
-const handleBorderColor = (type, { colors }) => {
-  switch (type) {
-    case BANNER_TYPES.SUCCESS:
-      return colors.success[900];
-    case BANNER_TYPES.INFO:
-      return colors.brand[600];
-    case BANNER_TYPES.WARNING:
-      return colors.warning[900];
-    case BANNER_TYPES.DANGER:
-      return colors.danger[900];
-    default:
-      return "should_not_happen";
-  }
-};
-const handleAnimation = (isAnimating, isOpen, height = null) => {
-  if (isAnimating) {
-    if (isOpen) {
-      return css`
-        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;
-      `;
-    }
-    return css`
-      animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;
-    `;
-  }
-  return css``;
-};
-export {
-  handleAnimation,
-  handleBorderColor
-};
-//# sourceMappingURL=styleHelpers.js.map

package/dist/esm/utils/styleHelpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styleHelpers.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from '@elliemae/ds-system';\nimport { BANNER_TYPES } from '../exported-related/index.js';\nimport type { DSBannerT } from '../react-desc-prop-types.js';\n\nconst slideIn = kfrm`\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n`;\n\nconst slideOut = kfrm`\n  0% {\n    transform: translate3d(0, 0, 0);\n    opacity: 1;\n  }\n  60% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 0;\n    transform: translate3d(0, -100%, 0);\n  }\n`;\n\nconst spanContainer = (height: number) => kfrm`\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ${height}px;\n  }\n`;\n\nconst shrinkContainer = (height: number) => kfrm`\n  0% {\n    height: ${height}px;\n  }\n  100% {\n    height: 0px;\n  }\n`;\n\nexport const handleBorderColor = (\n  type: DSBannerT.BannerTypesT,\n  { colors }: { colors: Record<string, Record<string, string>> },\n): string => {\n  switch (type) {\n    case BANNER_TYPES.SUCCESS:\n      return colors.success[900];\n    case BANNER_TYPES.INFO:\n      return colors.brand[600];\n    case BANNER_TYPES.WARNING:\n      return colors.warning[900];\n    case BANNER_TYPES.DANGER:\n      return colors.danger[900];\n    default:\n      return 'should_not_happen';\n  }\n};\n\nexport const handleAnimation = (\n  isAnimating: boolean,\n  isOpen: boolean,\n  height: number | null = null,\n): FlattenSimpleInterpolation => {\n  if (isAnimating) {\n    if (isOpen) {\n      return css`\n        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n      `;\n    }\n    return css`\n      animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n    `;\n  }\n  return css``;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,WAAW;AAE1B,SAAS,oBAAoB;AAG7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAK5B,MAAM;AAAA;AAAA;AAIpB,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAE9B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOb,MAAM,oBAAoB,CAC/B,MACA,EAAE,OAAO,MACE;AACX,UAAQ,MAAM;AAAA,IACZ,KAAK,aAAa;AAChB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,aAAa;AAChB,aAAO,OAAO,MAAM,GAAG;AAAA,IACzB,KAAK,aAAa;AAChB,aAAO,OAAO,QAAQ,GAAG;AAAA,IAC3B,KAAK,aAAa;AAChB,aAAO,OAAO,OAAO,GAAG;AAAA,IAC1B;AACE,aAAO;AAAA,EACX;AACF;AAEO,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,MAAM,IAAI,OAAO;AAAA;AAAA,IAEzD;AACA,WAAO;AAAA,mBACQ,SAAS,gBAAgB,MAAM,IAAI,QAAQ;AAAA;AAAA,EAE5D;AACA,SAAO;AACT;",
-  "names": []
-}

package/dist/types/utils/icons.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const icons: Record<string, JSX.Element>;

package/dist/types/utils/styleHelpers.d.ts

@@ -1,6 +0,0 @@
-import type { FlattenSimpleInterpolation } from '@elliemae/ds-system';
-import type { DSBannerT } from '../react-desc-prop-types.js';
-export declare const handleBorderColor: (type: DSBannerT.BannerTypesT, { colors }: {
-    colors: Record<string, Record<string, string>>;
-}) => string;
-export declare const handleAnimation: (isAnimating: boolean, isOpen: boolean, height?: number | null) => FlattenSimpleInterpolation;