@khanacademy/wonder-blocks-color
Advanced tools
Comparing version 1.1.18 to 1.1.19
@@ -90,47 +90,7 @@ module.exports = | ||
/* 0 */ | ||
/***/ (function(module, exports) { | ||
function _extends() { | ||
module.exports = _extends = Object.assign || function (target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
module.exports["default"] = module.exports, module.exports.__esModule = true; | ||
return _extends.apply(this, arguments); | ||
} | ||
module.exports = _extends; | ||
module.exports["default"] = module.exports, module.exports.__esModule = true; | ||
/***/ }), | ||
/* 1 */ | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
"use strict"; | ||
// ESM COMPAT FLAG | ||
__webpack_require__.r(__webpack_exports__); | ||
// EXPORTS | ||
__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ Color; }); | ||
__webpack_require__.d(__webpack_exports__, "SemanticColor", function() { return /* binding */ SemanticColor; }); | ||
__webpack_require__.d(__webpack_exports__, "mix", function() { return /* reexport */ mix; }); | ||
__webpack_require__.d(__webpack_exports__, "fade", function() { return /* reexport */ fade; }); | ||
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/extends.js | ||
var helpers_extends = __webpack_require__(0); | ||
var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends); | ||
// CONCATENATED MODULE: ./packages/wonder-blocks-color/src/util/utils.js | ||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fade; }); | ||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return mix; }); | ||
/** | ||
@@ -212,5 +172,5 @@ * A color manipulation library useful for dynamically | ||
const components = parse(color); | ||
return format(extends_default()({}, components, { | ||
return format({ ...components, | ||
a: components.a * percentage | ||
})); | ||
}); | ||
}; // Mix a color into a background color, using the alpha channel of the base | ||
@@ -229,4 +189,17 @@ // color to determine the linear blend. | ||
}; | ||
// CONCATENATED MODULE: ./packages/wonder-blocks-color/src/index.js | ||
/***/ }), | ||
/* 1 */ | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
"use strict"; | ||
__webpack_require__.r(__webpack_exports__); | ||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return Color; }); | ||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SemanticColor", function() { return SemanticColor; }); | ||
/* harmony import */ var _util_utils_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0); | ||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mix", function() { return _util_utils_js__WEBPACK_IMPORTED_MODULE_0__["b"]; }); | ||
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fade", function() { return _util_utils_js__WEBPACK_IMPORTED_MODULE_0__["a"]; }); | ||
const offBlack = "#21242c"; | ||
@@ -243,11 +216,11 @@ const white = "#ffffff"; | ||
offBlack, | ||
offBlack64: fade(offBlack, 0.64), | ||
offBlack50: fade(offBlack, 0.5), | ||
offBlack32: fade(offBlack, 0.32), | ||
offBlack16: fade(offBlack, 0.16), | ||
offBlack8: fade(offBlack, 0.08), | ||
offBlack64: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(offBlack, 0.64), | ||
offBlack50: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(offBlack, 0.5), | ||
offBlack32: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(offBlack, 0.32), | ||
offBlack16: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(offBlack, 0.16), | ||
offBlack8: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(offBlack, 0.08), | ||
offWhite: "#f7f8fa", | ||
white, | ||
white64: fade(white, 0.64), | ||
white50: fade(white, 0.5), | ||
white64: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(white, 0.64), | ||
white50: Object(_util_utils_js__WEBPACK_IMPORTED_MODULE_0__[/* fade */ "a"])(white, 0.5), | ||
// Brand | ||
@@ -254,0 +227,0 @@ darkBlue: "#0a2a66", |
{ | ||
"name": "@khanacademy/wonder-blocks-color", | ||
"version": "1.1.18", | ||
"version": "1.1.19", | ||
"design": "v2", | ||
@@ -16,7 +16,7 @@ "publishConfig": { | ||
"devDependencies": { | ||
"wb-dev-build-settings": "^0.1.0" | ||
"wb-dev-build-settings": "^0.1.2" | ||
}, | ||
"author": "", | ||
"license": "MIT", | ||
"gitHead": "8022bb419eed74be37f71f71c7621854794a731c" | ||
"gitHead": "9a9cc04bf2bbfb425f991a347b4f8b0d0d56e120" | ||
} |
126866
939