@netdata/netdata-ui/dist/es6/components/animation/makeAnimations.js

netdata UI kit

import { keyframes, css } from "styled-components";
export default (function (_ref) {
  var toggle = _ref.toggle,
    _ref$timing = _ref.timing,
    timing = _ref$timing === void 0 ? "" : _ref$timing,
    _ref$speed = _ref.speed,
    speed = _ref$speed === void 0 ? 200 : _ref$speed,
    transformOrigin = _ref.transformOrigin;
  var makeAnimations = function makeAnimations(keyframe) {
    return css(["", " animation:", " ", "ms ", ";"], transformOrigin && "transform-origin: " + transformOrigin + ";", keyframe, speed, timing);
  };
  return {
    entering: makeAnimations(keyframes(["from{", "}"], toggle)),
    exiting: makeAnimations(keyframes(["to{", "}"], toggle))
  };
});