@micromag/core 0.3.110 → 0.3.115
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components.js +193 -116
- package/es/utils.js +11 -9
- package/lib/components.js +228 -132
- package/lib/utils.js +11 -9
- package/package.json +2 -2
package/es/utils.js
CHANGED
|
@@ -405,8 +405,8 @@ var getScreenExtraField = function getScreenExtraField(intl) {
|
|
|
405
405
|
};
|
|
406
406
|
|
|
407
407
|
function getShadowCoords(angle, distance) {
|
|
408
|
-
var x = Math.cos(angle) * distance;
|
|
409
|
-
var y = Math.sin(angle) * distance;
|
|
408
|
+
var x = (Math.cos(angle) * distance).toFixed(3);
|
|
409
|
+
var y = (Math.sin(angle) * distance).toFixed(3);
|
|
410
410
|
return {
|
|
411
411
|
x: x,
|
|
412
412
|
y: y
|
|
@@ -446,21 +446,23 @@ var getStyleFromShadow = function getStyleFromShadow(value) {
|
|
|
446
446
|
|
|
447
447
|
var _ref = value || {},
|
|
448
448
|
_ref$shadowAngle = _ref.shadowAngle,
|
|
449
|
-
shadowAngle = _ref$shadowAngle === void 0 ?
|
|
449
|
+
shadowAngle = _ref$shadowAngle === void 0 ? null : _ref$shadowAngle,
|
|
450
450
|
_ref$shadowDistance = _ref.shadowDistance,
|
|
451
|
-
shadowDistance = _ref$shadowDistance === void 0 ?
|
|
451
|
+
shadowDistance = _ref$shadowDistance === void 0 ? null : _ref$shadowDistance,
|
|
452
452
|
_ref$shadowBlur = _ref.shadowBlur,
|
|
453
|
-
shadowBlur = _ref$shadowBlur === void 0 ?
|
|
453
|
+
shadowBlur = _ref$shadowBlur === void 0 ? null : _ref$shadowBlur,
|
|
454
454
|
_ref$shadowColor = _ref.shadowColor,
|
|
455
|
-
shadowColor = _ref$shadowColor === void 0 ?
|
|
455
|
+
shadowColor = _ref$shadowColor === void 0 ? null : _ref$shadowColor;
|
|
456
456
|
|
|
457
|
-
|
|
457
|
+
if (!shadowAngle) return null;
|
|
458
|
+
var blur = shadowBlur || '0';
|
|
459
|
+
var color = getColorAsString(shadowColor) || '#000000';
|
|
458
460
|
|
|
459
461
|
var _getShadowCoords = getShadowCoords(shadowAngle, shadowDistance),
|
|
460
462
|
x = _getShadowCoords.x,
|
|
461
463
|
y = _getShadowCoords.y;
|
|
462
464
|
|
|
463
|
-
var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(
|
|
465
|
+
var boxShadow = "".concat(x, "px ").concat(y, "px ").concat(blur, "px 0 ").concat(color);
|
|
464
466
|
return {
|
|
465
467
|
boxShadow: boxShadow
|
|
466
468
|
};
|
|
@@ -527,7 +529,7 @@ var getStyleFromBox = function getStyleFromBox(value) {
|
|
|
527
529
|
|
|
528
530
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, getStyleFromColor(backgroundColor, 'backgroundColor')), borderRadius !== null ? {
|
|
529
531
|
borderRadius: borderRadius
|
|
530
|
-
} : null), getStyleFromBorder(border)),
|
|
532
|
+
} : null), getStyleFromBorder(border)), getStyleFromShadow(shadow)), padding !== null || paddingValue !== null ? {
|
|
531
533
|
padding: padding || paddingValue
|
|
532
534
|
} : null), paddingTop !== null || paddingValueTop !== null ? {
|
|
533
535
|
paddingTop: paddingTop || paddingValueTop
|