@ndla/core - npm Package Compare versions

Comparing version 0.6.10 to 0.6.11

es/animations.js

@@ -13,4 +13,4 @@ import spacing from './spacing';
   },
-  fadeInBottom: function fadeInBottom(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInBottom;\n        @keyframes fadeInBottom {\n            0% {\n              transform: translateY(").concat(spacing.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateY(0);\n              opacity: 1;\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          }");
   },
@@ -17,0 +17,0 @@ fadeInScaled: function fadeInScaled(duration) {

es/colors.js

@@ -6,2 +6,3 @@ var brandLight = '#ceddea';
 var brandGreyLightest = '#f8f8f8';
+var brandYellow = '#fde74c';
 export default {
@@ -19,2 +20,3 @@ /**
     dark: brandDark,
+    accent: brandYellow,
 
@@ -36,2 +38,3 @@ /**
     filmColor: '#091a2a',
+    filmColorDark: '#03172B',
     filmColorBright: '#20588f',
@@ -38,0 +41,0 @@ filmColorLight: '#0f263b'

es/misc.js

@@ -8,5 +8,6 @@ export default {
     default: 'all .2s cubic-bezier(0.17, 0.04, 0.03, 0.94)',
-    long: 'all .5s cubic-bezier(0.17, 0.04, 0.03, 0.94)'
+    long: 'all .5s cubic-bezier(0.17, 0.04, 0.03, 0.94)',
+    cubicBezier: 'cubic-bezier(0.17, 0.04, 0.03, 0.94)'
   },
   textLinkBoxShadow: 'inset 0 -1px'
 };

lib/animations.d.ts

@@ -8,8 +8,8 @@ declare const _default: {
     };
-    fadeInLeft: (duration: string) => string;
-    fadeInBottom: (duration: string) => string;
-    fadeInScaled: (duration: string) => string;
-    fadeOut: (duration: string) => string;
-    fadeIn: (duration: string) => string;
+    fadeInLeft: (duration?: string | undefined) => string;
+    fadeInBottom: (duration?: string | undefined, distance?: string | undefined) => string;
+    fadeInScaled: (duration?: string | undefined) => string;
+    fadeOut: (duration?: string | undefined) => string;
+    fadeIn: (duration?: string | undefined) => string;
 };
 export default _default;

lib/animations.js

@@ -23,4 +23,4 @@ "use strict";
   },
-  fadeInBottom: function fadeInBottom(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInBottom;\n        @keyframes fadeInBottom {\n            0% {\n              transform: translateY(").concat(_spacing.default.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateY(0);\n              opacity: 1;\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          }");
   },
@@ -27,0 +27,0 @@ fadeInScaled: function fadeInScaled(duration) {

lib/colors.d.ts

@@ -13,2 +13,3 @@ declare const _default: {
         dark: string;
+        accent: string;
         /**
@@ -28,2 +29,3 @@ * NDLA Grays
         filmColor: string;
+        filmColorDark: string;
         filmColorBright: string;
@@ -30,0 +32,0 @@ filmColorLight: string;

lib/colors.js

@@ -12,2 +12,3 @@ "use strict";
 var brandGreyLightest = '#f8f8f8';
+var brandYellow = '#fde74c';
 var _default = {
@@ -25,2 +26,3 @@ /**
     dark: brandDark,
+    accent: brandYellow,
 
@@ -42,2 +44,3 @@ /**
     filmColor: '#091a2a',
+    filmColorDark: '#03172B',
     filmColorBright: '#20588f',
@@ -44,0 +47,0 @@ filmColorLight: '#0f263b'

lib/misc.d.ts

@@ -9,2 +9,3 @@ declare const _default: {
         long: string;
+        cubicBezier: string;
     };
@@ -11,0 +12,0 @@ textLinkBoxShadow: string;

lib/misc.js

@@ -14,3 +14,4 @@ "use strict";
     default: 'all .2s cubic-bezier(0.17, 0.04, 0.03, 0.94)',
-    long: 'all .5s cubic-bezier(0.17, 0.04, 0.03, 0.94)'
+    long: 'all .5s cubic-bezier(0.17, 0.04, 0.03, 0.94)',
+    cubicBezier: 'cubic-bezier(0.17, 0.04, 0.03, 0.94)'
   },
@@ -17,0 +18,0 @@ textLinkBoxShadow: 'inset 0 -1px'

package.json

 {
   "name": "@ndla/core",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "UI component library for NDLA.",
@@ -38,3 +38,3 @@ "license": "GPL-3.0",
   },
-  "gitHead": "b65169668ec8a72ef18f20fa1937846ab8509b25"
+  "gitHead": "f64e39c93f24d9b0f3255f80b9d8a33d26691aca"
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

98767

increased by0.51%

Lines of code

750

increased by1.63%

No dependency changes