@ndla/core - npm Package Compare versions

Comparing version 0.6.20 to 0.6.21

es/animations.js

@@ -16,11 +16,23 @@ import spacing from './spacing';
   },
+  fadeOutLeft: function fadeOutLeft(duration) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutLeft;\n            @keyframes fadeOutLeft {\n                0% {\n                  transform: translateX(0);\n                  opacity: 1;\n                }\n                100% {\n                  transform: translateX(").concat(spacing.small, ");\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInBottom: function fadeInBottom(duration, distance) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInBottom;\n      @keyframes fadeInBottom {\n          0% {\n            transform: translateY(").concat(distance || spacing.small, ");\n            opacity: 0;\n          }\n          100% {\n              transform: translateY(0);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutBottom: function fadeOutBottom(duration, distance) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutBottom;\n            @keyframes fadeOutBottom {\n                0% {\n                  transform: translateY(0);\n                  opacity: 1;\n                }\n                100% {\n                    transform: translateY(").concat(distance || spacing.small, ");\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInTop: function fadeInTop(duration, distance) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInTop;\n      @keyframes fadeInTop {\n          0% {\n            transform: translateY(-").concat(distance || spacing.small, ");\n            opacity: 0;\n          }\n          100% {\n            transform: translateY(0);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutTop: function fadeOutTop(duration, distance) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutTop;\n            @keyframes fadeOutTop {\n                0% {\n                  transform: translateY(").concat(distance || spacing.small, ");\n                  opacity: 1;\n                }\n                100% {\n                  transform: translateY(0);\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInScaled: function fadeInScaled(duration) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInScaled;\n      @keyframes fadeInScaled {\n          0% {\n            transform: scale(0.5);\n            opacity: 0;\n          }\n          100% {\n            transform: scale(1);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutScaled: function fadeOutScaled(duration) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutScaled;\n            @keyframes fadeOutScaled {\n                0% {\n                  transform: scale(1);\n                  opacity: 1;\n                }\n                100% {\n                  transform: scale(0.5);\n                  opacity: 0;\n                }\n              }");
+  },
   fadeOut: function fadeOut(duration) {
@@ -27,0 +39,0 @@ return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeOut;\n      @keyframes fadeOut {\n          0% {\n            opacity: 1;\n          }\n          100% {\n            opacity: 0;\n          }\n        }");

lib/animations.d.ts

@@ -10,5 +10,9 @@ declare const _default: {
     fadeInLeft: (duration?: string | undefined) => string;
+    fadeOutLeft: (duration?: string | undefined) => string;
     fadeInBottom: (duration?: string | undefined, distance?: string | undefined) => string;
+    fadeOutBottom: (duration?: string | undefined, distance?: string | undefined) => string;
     fadeInTop: (duration?: string | undefined, distance?: string | undefined) => string;
+    fadeOutTop: (duration?: string | undefined, distance?: string | undefined) => string;
     fadeInScaled: (duration?: string | undefined) => string;
+    fadeOutScaled: (duration?: string | undefined) => string;
     fadeOut: (duration?: string | undefined) => string;
@@ -15,0 +19,0 @@ fadeIn: (duration?: string | undefined) => string;

lib/animations.js

@@ -26,11 +26,23 @@ "use strict";
   },
+  fadeOutLeft: function fadeOutLeft(duration) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutLeft;\n            @keyframes fadeOutLeft {\n                0% {\n                  transform: translateX(0);\n                  opacity: 1;\n                }\n                100% {\n                  transform: translateX(").concat(_spacing.default.small, ");\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInBottom: function fadeInBottom(duration, distance) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInBottom;\n      @keyframes fadeInBottom {\n          0% {\n            transform: translateY(").concat(distance || _spacing.default.small, ");\n            opacity: 0;\n          }\n          100% {\n              transform: translateY(0);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutBottom: function fadeOutBottom(duration, distance) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutBottom;\n            @keyframes fadeOutBottom {\n                0% {\n                  transform: translateY(0);\n                  opacity: 1;\n                }\n                100% {\n                    transform: translateY(").concat(distance || _spacing.default.small, ");\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInTop: function fadeInTop(duration, distance) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInTop;\n      @keyframes fadeInTop {\n          0% {\n            transform: translateY(-").concat(distance || _spacing.default.small, ");\n            opacity: 0;\n          }\n          100% {\n            transform: translateY(0);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutTop: function fadeOutTop(duration, distance) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutTop;\n            @keyframes fadeOutTop {\n                0% {\n                  transform: translateY(").concat(distance || _spacing.default.small, ");\n                  opacity: 1;\n                }\n                100% {\n                  transform: translateY(0);\n                  opacity: 0;\n                }\n              }");
+  },
   fadeInScaled: function fadeInScaled(duration) {
     return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInScaled;\n      @keyframes fadeInScaled {\n          0% {\n            transform: scale(0.5);\n            opacity: 0;\n          }\n          100% {\n            transform: scale(1);\n            opacity: 1;\n          }\n        }");
   },
+  fadeOutScaled: function fadeOutScaled(duration) {
+    return "\n        animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n          animation-name: fadeOutScaled;\n            @keyframes fadeOutScaled {\n                0% {\n                  transform: scale(1);\n                  opacity: 1;\n                }\n                100% {\n                  transform: scale(0.5);\n                  opacity: 0;\n                }\n              }");
+  },
   fadeOut: function fadeOut(duration) {
@@ -37,0 +49,0 @@ return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeOut;\n      @keyframes fadeOut {\n          0% {\n            opacity: 1;\n          }\n          100% {\n            opacity: 0;\n          }\n        }");

package.json

 {
   "name": "@ndla/core",
-  "version": "0.6.20",
+  "version": "0.6.21",
   "description": "UI component library for NDLA.",
@@ -38,3 +38,3 @@ "license": "GPL-3.0",
   },
-  "gitHead": "d5f0e212945643b953cd84b3aebfe5e4d62c58fb"
+  "gitHead": "220c1d14e312095fb9a1cc558d2a9ceb6ef8021a"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

116859

increased by3.87%

Lines of code

907

increased by3.54%

No dependency changes