@twreporter/universal-header 2.2.0-rc.5

package/lib/utils/animations.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledComponents = require("styled-components");
+
+var changeOpacity = function changeOpacity(valueFrom, valueTo) {
+  return (0, _styledComponents.keyframes)(["from{opacity:", ";}to{opacity:", ";}"], valueFrom, valueTo);
+};
+
+var changeHeight = function changeHeight(valueFrom, valueTo) {
+  return (0, _styledComponents.keyframes)(["from{height:", ";}to{height:", ";}"], valueFrom, valueTo);
+};
+
+var changeWidth = function changeWidth(valueFrom, valueTo) {
+  return (0, _styledComponents.keyframes)(["from{width:", ";}to{width:", ";}"], valueFrom, valueTo);
+};
+
+var changeTranslateX = function changeTranslateX(valueFrom, valueTo) {
+  return (0, _styledComponents.keyframes)(["from{transform:translateX(", ");}to{transform:translateX(", ");}"], valueFrom, valueTo);
+};
+
+var _default = {
+  changeOpacity: changeOpacity,
+  changeHeight: changeHeight,
+  changeWidth: changeWidth,
+  changeTranslateX: changeTranslateX
+};
+exports["default"] = _default;