Socket
Socket
Sign inDemoInstall

@ndla/core

Package Overview
Dependencies
Maintainers
5
Versions
120
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ndla/core - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

4

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 }");
}
};

@@ -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;

@@ -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;

@@ -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 = {
/**

@@ -119,2 +120,3 @@ * NDLA Brand colors

}
};
};
exports.default = _default;

@@ -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;

@@ -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 }; }

@@ -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;

@@ -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;

@@ -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;

@@ -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;

@@ -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;
{
"name": "@ndla/core",
"version": "0.5.0",
"version": "0.6.0",
"description": "UI component library for NDLA.",

@@ -38,3 +38,3 @@ "license": "GPL-3.0",

},
"gitHead": "d85fe2f9a64554365874dc621b0f51a09a22177d"
"gitHead": "ceaf1645348ee539d9289af19c4042aa6613c633"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc