@ndla/core
Advanced tools
Comparing version 0.5.0 to 0.6.0
@@ -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" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
96603
725