@elliemae/ds-banner 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/styles.js

@@ -1,107 +1,146 @@
-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,
-  StyledIconContainer: () => StyledIconContainer,
-  StyledInnerContainer: () => StyledInnerContainer,
-  StyledSubTitle: () => StyledSubTitle,
-  StyledTitle: () => StyledTitle
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+const StyledBannerContainer = dsSystem.styled('div', {
+  name: 'DS-Banner',
+  slot: 'root'
+})(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  overflow: hidden;\n  height: ", ";\n  ", ";\n"])), _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return isOpen ? 'auto' : '0px';
+}, _ref2 => {
+  let {
+    isAnimating,
+    isOpen,
+    height
+  } = _ref2;
+  return styleHelpers.handleAnimation(isAnimating, isOpen, height);
 });
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_styleHelpers = require("./utils/styleHelpers");
-const StyledBannerContainer = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "root" })`
-  overflow: hidden;
-  height: ${({ isOpen }) => isOpen ? "auto" : "0px"};
-  ${({ isAnimating, isOpen, height }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen, height)};
-`;
-const StyledInnerContainer = (0, import_ds_system.styled)("div", {
-  name: "DS-Banner",
-  slot: "innerContainer"
-})`
-  padding-right: 6px;
-  display: grid;
-  align-items: center;
-  min-height: 41px;
-  width: 100%;
-  background-color: ${({ theme }) => theme.colors.neutral["000"]};
-  border-bottom: 5px solid ${({ type, theme }) => (0, import_styleHelpers.handleBorderColor)(type, theme)};
-  ${({ isAnimating, isOpen }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen)};
-  &:focus {
-    position: relative;
-    &:after {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      left: 0;
-      pointer-events: none;
-      border-radius: 2px;
-      width: calc(100%);
-      border: 2px solid #1e79c2;
-      height: calc(100% + 4px);
-    }
-  }
-  grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;
-`;
-const StyledIconContainer = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "iconContainer" })`
-  margin-right: ${({ theme }) => theme.space.xxs};
-  margin-left: ${({ theme }) => theme.space.xs};
-`;
-const StyledTitle = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "title" })`
-  color: ${({ theme }) => theme.colors.neutral[700]};
-  font-size: ${({ theme }) => theme.fontSizes.label[400]};
-  font-weight: ${({ theme }) => theme.fontWeights.semibold};
-`;
-const StyledSubTitle = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "subtitle" })`
-  width: 100%;
-  margin-left: ${({ theme }) => theme.space.xs};
-  font-size: ${({ theme }) => theme.fontSizes.subTitle[400]};
-  font-weight: ${({ theme }) => theme.fontWeights.regular};
-`;
-const StyledActionLink = (0, import_ds_system.styled)("a", { name: "DS-Banner", slot: "action" })`
-  margin-left: ${({ theme, isBodyEmpty }) => isBodyEmpty ? theme.space.xs : 0};
-  white-space: nowrap;
-  text-decoration: none;
-  line-height: 1.1;
-  font-size: ${({ theme }) => theme.fontSizes.hyperlink[400]};
-  font-weight: ${({ theme }) => theme.fontWeights.regular};
-  color: ${({ theme }) => theme.colors.brand[600]};
-`;
-const StyledCloseButton = (0, import_ds_system.styled)(import_ds_button.default, { name: "DS-Banner", slot: "closeButton" })`
-  margin-left: ${({ theme }) => theme.space.xxs};
-  &:not(focus) {
-    border: transparent;
-  }
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+const StyledInnerContainer = dsSystem.styled('div', {
+  name: 'DS-Banner',
+  slot: 'innerContainer'
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  padding-right: 6px;\n  display: grid;\n  align-items: center;\n  min-height: 41px;\n  width: 100%;\n  background-color: ", ";\n  border-bottom: 5px solid ", ";\n  ", ";\n  &:focus {\n    position: relative;\n    &:after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      pointer-events: none;\n      border-radius: 2px;\n      width: calc(100%);\n      border: 2px solid #1e79c2;\n      height: calc(100% + 4px);\n    }\n  }\n  grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.neutral['000'];
+}, _ref4 => {
+  let {
+    type,
+    theme
+  } = _ref4;
+  return styleHelpers.handleBorderColor(type, theme);
+}, _ref5 => {
+  let {
+    isAnimating,
+    isOpen
+  } = _ref5;
+  return styleHelpers.handleAnimation(isAnimating, isOpen);
+});
+const StyledIconContainer = dsSystem.styled('div', {
+  name: 'DS-Banner',
+  slot: 'iconContainer'
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  margin-right: ", ";\n  margin-left: ", ";\n"])), _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.space.xxs;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.space.xs;
+});
+const StyledTitle = dsSystem.styled('div', {
+  name: 'DS-Banner',
+  slot: 'title'
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"])), _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.colors.neutral[700];
+}, _ref9 => {
+  let {
+    theme
+  } = _ref9;
+  return theme.fontSizes.label[400];
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.fontWeights.semibold;
+});
+const StyledSubTitle = dsSystem.styled('div', {
+  name: 'DS-Banner',
+  slot: 'subtitle'
+})(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default["default"](["\n  width: 100%;\n  margin-left: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n"])), _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.space.xs;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.fontSizes.subTitle[400];
+}, _ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.fontWeights.regular;
+});
+const StyledActionLink = dsSystem.styled('a', {
+  name: 'DS-Banner',
+  slot: 'action'
+})(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default["default"](["\n  margin-left: ", ";\n  white-space: nowrap;\n  text-decoration: none;\n  line-height: 1.1;\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n"])), _ref14 => {
+  let {
+    theme,
+    isBodyEmpty
+  } = _ref14;
+  return isBodyEmpty ? theme.space.xs : 0;
+}, _ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.fontSizes.hyperlink[400];
+}, _ref16 => {
+  let {
+    theme
+  } = _ref16;
+  return theme.fontWeights.regular;
+}, _ref17 => {
+  let {
+    theme
+  } = _ref17;
+  return theme.colors.brand[600];
+});
+const StyledCloseButton = dsSystem.styled(DSButton__default["default"], {
+  name: 'DS-Banner',
+  slot: 'closeButton'
+})(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default["default"](["\n  margin-left: ", ";\n  &:not(focus) {\n    border: transparent;\n  }\n"])), _ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return theme.space.xxs;
+});
+
+exports.StyledActionLink = StyledActionLink;
+exports.StyledBannerContainer = StyledBannerContainer;
+exports.StyledCloseButton = StyledCloseButton;
+exports.StyledIconContainer = StyledIconContainer;
+exports.StyledInnerContainer = StyledInnerContainer;
+exports.StyledSubTitle = StyledSubTitle;
+exports.StyledTitle = StyledTitle;

package/cjs/utils/bannerTypes.js

@@ -1,40 +1,12 @@
-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, {
-  BANNER_TYPES: () => BANNER_TYPES
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const BANNER_TYPES = {
-  INFO: "info",
-  SUCCESS: "success",
-  WARNING: "warning",
-  DANGER: "danger"
+  INFO: 'info',
+  SUCCESS: 'success',
+  WARNING: 'warning',
+  DANGER: 'danger'
 };
-module.exports = __toCommonJS(bannerTypes_exports);
-//# sourceMappingURL=bannerTypes.js.map
+
+exports.BANNER_TYPES = BANNER_TYPES;

package/cjs/utils/icons.js

@@ -1,58 +1,36 @@
-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 icons_exports = {};
-__export(icons_exports, {
-  icons: () => icons
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = require("@elliemae/ds-icons");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsIcons = require('@elliemae/ds-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const icons = {
-  success: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SuccessFill, {
+  success: /*#__PURE__*/_jsx__default["default"](dsIcons.SuccessFill, {
     fill: "#207e56",
     width: "20px",
     height: "20px"
   }),
-  info: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoFill, {
+  info: /*#__PURE__*/_jsx__default["default"](dsIcons.InfoFill, {
     fill: "#1e79c2",
     width: "20px",
     height: "20px"
   }),
-  danger: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsDetailFill, {
+  danger: /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsDetailFill, {
     fill: "#c64252",
     width: "20px",
     height: "20px"
   }),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningSquare, {
+  warning: /*#__PURE__*/_jsx__default["default"](dsIcons.WarningSquare, {
     fill: "#d17a00",
     width: "20px",
     height: "20px"
   })
 };
-module.exports = __toCommonJS(icons_exports);
-//# sourceMappingURL=icons.js.map
+
+exports.icons = icons;

package/cjs/utils/styleHelpers.js

@@ -1,99 +1,53 @@
-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 styleHelpers_exports = {};
-__export(styleHelpers_exports, {
-  handleAnimation: () => handleAnimation,
-  handleBorderColor: () => handleBorderColor
-});
-var React = __toESM(require("react"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_bannerTypes = require("./bannerTypes");
-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 }) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var dsSystem = require('@elliemae/ds-system');
+var bannerTypes = require('./bannerTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+const slideIn = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0% {\n    transform: translate3d(0, -100%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n"])));
+const slideOut = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\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"])));
+
+const spanContainer = height => dsSystem.kfrm(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  0% {\n    height: 0px;\n  }\n  100% {\n    height: ", "px;\n  }\n"])), height);
+
+const shrinkContainer = height => dsSystem.kfrm(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default["default"](["\n  0% {\n    height: ", "px;\n  }\n  100% {\n    height: 0px;\n  }\n"])), height);
+
+const handleBorderColor = (type, _ref) => {
+  let {
+    colors
+  } = _ref;
+
   switch (type) {
-    case import_bannerTypes.BANNER_TYPES.SUCCESS:
+    case bannerTypes.BANNER_TYPES.SUCCESS:
       return colors.success[900];
-    case import_bannerTypes.BANNER_TYPES.INFO:
+
+    case bannerTypes.BANNER_TYPES.INFO:
       return colors.brand[600];
-    case import_bannerTypes.BANNER_TYPES.WARNING:
+
+    case bannerTypes.BANNER_TYPES.WARNING:
       return colors.warning[900];
-    case import_bannerTypes.BANNER_TYPES.DANGER:
+
+    case bannerTypes.BANNER_TYPES.DANGER:
       return colors.danger[900];
   }
 };
-const handleAnimation = (isAnimating, isOpen, height = null) => {
+const handleAnimation = function (isAnimating, isOpen) {
+  let height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+
   if (isAnimating) {
     if (isOpen) {
-      return import_ds_system.css`
-        animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;
-      `;
+      return dsSystem.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default["default"](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? spanContainer(height) : slideIn);
     } else {
-      return import_ds_system.css`
-        animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;
-      `;
+      return dsSystem.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default["default"](["\n        animation: ", " 0.5s ease-in;\n      "])), height ? shrinkContainer(height) : slideOut);
     }
   }
 };
-module.exports = __toCommonJS(styleHelpers_exports);
-//# sourceMappingURL=styleHelpers.js.map
+
+exports.handleAnimation = handleAnimation;
+exports.handleBorderColor = handleBorderColor;