@ndla/core - npm Package Compare versions

Comparing version 0.4.10 to 0.5.0-alpha.0

es/animations.js

@@ -11,3 +11,3 @@ import spacing from './spacing';
   fadeInLeft: function fadeInLeft(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeIn;\n        @keyframes fadeIn {\n            0% {\n              transform: translateX(-").concat(spacing.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateX(0);\n              opacity: 1;\n            }\n          }");
+    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInLeft;\n        @keyframes fadeInLeft {\n            0% {\n              transform: translateX(-").concat(spacing.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateX(0);\n              opacity: 1;\n            }\n          }");
   },
@@ -24,4 +24,4 @@ fadeInBottom: function fadeInBottom(duration) {
   fadeIn: function fadeIn(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeOut;\n        @keyframes fadeOut {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }");
+    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeIn;\n        @keyframes fadeIn {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }");
   }
 };

es/colors.js

@@ -30,2 +30,6 @@ var brandLight = '#ceddea';
    */
+  ndlaFilm: {
+    filmColor: '#091a2a',
+    filmColorBright: '#20588f'
+  },
   subject: {
@@ -32,0 +36,0 @@ light: brandLight,

lib/animations.js

@@ -6,11 +6,10 @@ "use strict";
 });
+exports.default = void 0;
 
-var _spacing = require("./spacing");
+var _spacing = _interopRequireDefault(require("./spacing"));
 
-var _spacing2 = _interopRequireDefault(_spacing);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var DURATION_DEFAULT = '400ms';
-exports.default = {
+var _default = {
   durations: {
@@ -23,6 +22,6 @@ superFast: '100ms',
   fadeInLeft: function fadeInLeft(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeIn;\n        @keyframes fadeIn {\n            0% {\n              transform: translateX(-").concat(_spacing2.default.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateX(0);\n              opacity: 1;\n            }\n          }");
+    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeInLeft;\n        @keyframes fadeInLeft {\n            0% {\n              transform: translateX(-").concat(_spacing.default.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateX(0);\n              opacity: 1;\n            }\n          }");
   },
   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(_spacing2.default.small, ");\n              opacity: 0;\n            }\n            100% {\n                transform: translateY(0);\n              opacity: 1;\n            }\n          }");
+    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          }");
   },
@@ -36,4 +35,5 @@ fadeInScaled: function fadeInScaled(duration) {
   fadeIn: function fadeIn(duration) {
-    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeOut;\n        @keyframes fadeOut {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }");
+    return "\n  animation-duration: ".concat(duration || DURATION_DEFAULT, ";\n    animation-name: fadeIn;\n        @keyframes fadeIn {\n            0% {\n              opacity: 0;\n            }\n            100% {\n              opacity: 1;\n            }\n          }");
   }
-};
+};
+exports.default = _default;

lib/breakpoints.js

@@ -6,3 +6,4 @@ "use strict";
 });
-exports.default = {
+exports.default = void 0;
+var _default = {
   mobile: "20em",
@@ -15,2 +16,3 @@ mobileWide: "29.75em",
   ultraWide: "100.0625em"
-};
+};
+exports.default = _default;

lib/colors.js

@@ -6,2 +6,3 @@ "use strict";
 });
+exports.default = void 0;
 var brandLight = '#ceddea';
@@ -11,3 +12,3 @@ var brandDark = '#184673';
 var brandGreyLightest = '#f8f8f8';
-exports.default = {
+var _default = {
   /**
@@ -37,2 +38,6 @@ * NDLA Brand colors
    */
+  ndlaFilm: {
+    filmColor: '#091a2a',
+    filmColorBright: '#20588f'
+  },
   subject: {
@@ -116,2 +121,3 @@ light: brandLight,
   }
-};
+};
+exports.default = _default;

lib/fonts.js

@@ -6,2 +6,3 @@ "use strict";
 });
+exports.default = void 0;
 var baseFontSizeUnit = 18;
@@ -26,3 +27,3 @@ var baseLineHeightUnit = 26;
 
-exports.default = {
+var _default = {
   sans: "'Source Sans Pro',Helvetica,Arial,STKaiti,'华文楷体',KaiTi,SimKai,'楷体',KaiU,DFKai-SB,'標楷體',SongTi,'宋体',sans-serif",
@@ -37,2 +38,3 @@ serif: "'Source Serif Pro',Times,STKaiti,'华文楷体',KaiTi,SimKai,'楷体',KaiU,DFKai-SB,'標楷體',SongTi,'宋体',serif",
   sizes: sizes
-};
+};
+exports.default = _default;

lib/index.js

@@ -6,84 +6,75 @@ "use strict";
 });
-
-var _breakpoints = require("./breakpoints");
-
 Object.defineProperty(exports, "breakpoints", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_breakpoints).default;
+    return _breakpoints.default;
   }
 });
-
-var _colors = require("./colors");
-
 Object.defineProperty(exports, "colors", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_colors).default;
+    return _colors.default;
   }
 });
-
-var _fonts = require("./fonts");
-
 Object.defineProperty(exports, "fonts", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_fonts).default;
+    return _fonts.default;
   }
 });
-
-var _spacing = require("./spacing");
-
 Object.defineProperty(exports, "spacing", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_spacing).default;
+    return _spacing.default;
   }
 });
-
-var _mq = require("./mq");
-
 Object.defineProperty(exports, "mq", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_mq).default;
+    return _mq.default;
   }
 });
-
-var _misc = require("./misc");
-
 Object.defineProperty(exports, "misc", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_misc).default;
+    return _misc.default;
   }
 });
-
-var _shadows = require("./shadows");
-
 Object.defineProperty(exports, "shadows", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_shadows).default;
+    return _shadows.default;
   }
 });
-
-var _animations = require("./animations");
-
 Object.defineProperty(exports, "animations", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_animations).default;
+    return _animations.default;
   }
 });
-
-var _utils = require("./utils");
-
 Object.defineProperty(exports, "utils", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_utils).default;
+    return _utils.default;
   }
 });
 
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
+
+var _colors = _interopRequireDefault(require("./colors"));
+
+var _fonts = _interopRequireDefault(require("./fonts"));
+
+var _spacing = _interopRequireDefault(require("./spacing"));
+
+var _mq = _interopRequireDefault(require("./mq"));
+
+var _misc = _interopRequireDefault(require("./misc"));
+
+var _shadows = _interopRequireDefault(require("./shadows"));
+
+var _animations = _interopRequireDefault(require("./animations"));
+
+var _utils = _interopRequireDefault(require("./utils"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/misc.js

@@ -6,3 +6,4 @@ "use strict";
 });
-exports.default = {
+exports.default = void 0;
+var _default = {
   maxTextWidth: '700px',
@@ -17,2 +18,3 @@ borderRadius: '4px',
   textLinkBoxShadow: 'inset 0 -1px'
-};
+};
+exports.default = _default;

lib/mq.js

@@ -6,17 +6,14 @@ "use strict";
 });
+exports.default = void 0;
 
-var _facepaint = require("facepaint");
+var _facepaint = _interopRequireDefault(require("facepaint"));
 
-var _facepaint2 = _interopRequireDefault(_facepaint);
+var _breakpoints = _interopRequireDefault(require("./breakpoints"));
 
-var _breakpoints = require("./breakpoints");
-
-var _breakpoints2 = _interopRequireDefault(_breakpoints);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-exports.default = {
-  tablet: (0, _facepaint2.default)(["@media (min-width: ".concat(_breakpoints2.default.tablet, ")")]),
-  desktop: (0, _facepaint2.default)(["@media (min-width: ".concat(_breakpoints2.default.desktop, ")")]),
-  mobile: (0, _facepaint2.default)(["@media (min-width: ".concat(_breakpoints2.default.mobile, ")")]),
+var _default = {
+  tablet: (0, _facepaint.default)(["@media (min-width: ".concat(_breakpoints.default.tablet, ")")]),
+  desktop: (0, _facepaint.default)(["@media (min-width: ".concat(_breakpoints.default.desktop, ")")]),
+  mobile: (0, _facepaint.default)(["@media (min-width: ".concat(_breakpoints.default.mobile, ")")]),
   range: function range(_ref) {
@@ -27,2 +24,3 @@ var from = _ref.from,
   }
-};
+};
+exports.default = _default;

lib/shadows.js

@@ -6,4 +6,6 @@ "use strict";
 });
-exports.default = {
+exports.default = void 0;
+var _default = {
   levitate1: '0 0 30px rgba(0, 0, 0, 0.2)'
-};
+};
+exports.default = _default;

lib/spacing.js

@@ -6,4 +6,5 @@ "use strict";
 });
+exports.default = void 0;
 var spacingUnit = 26;
-exports.default = {
+var _default = {
   xsmall: "".concat(spacingUnit / 4, "px"),
@@ -15,2 +16,3 @@ small: "".concat(spacingUnit / 2, "px"),
   spacingUnit: spacingUnit
-};
+};
+exports.default = _default;

lib/utils.js

@@ -6,4 +6,6 @@ "use strict";
 });
-exports.default = {
+exports.default = void 0;
+var _default = {
   restoreOutline: "\n    outline: 1px dotted #212121;\n    outline: -webkit-focus-ring-color auto 5px;\n"
-};
+};
+exports.default = _default;

package.json

 {
   "name": "@ndla/core",
-  "version": "0.4.10",
+  "version": "0.5.0-alpha.0",
   "description": "UI component library for NDLA.",
@@ -9,2 +9,8 @@ "license": "GPL-3.0",
   "sideEffects": false,
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "build": "yarn build:types",
+    "build:types": "tsc -p tsconfig.build.json",
+    "prepublish": "yarn build"
+  },
   "repository": {
@@ -21,3 +27,4 @@ "type": "git",
     "es",
-    "scss"
+    "scss",
+    "types"
   ],
@@ -33,3 +40,3 @@ "dependencies": {
   },
-  "gitHead": "531c748f15a3ea027ba0e4f5c6292889b5c7847a"
+  "gitHead": "3979155064a550430170dbcee5fa55d59d937a68"
 }

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

96611

increased by5.87%

Number of package files

70

increased by18.64%

Lines of code

725

increased by45%

No dependency changes