@micromag/core 0.3.24 → 0.3.29

package/es/components.js

@@ -2307,7 +2307,7 @@ var Media = function Media(_ref) {
   }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['card-body', styles$e.body, _defineProperty({}, bodyClassName, bodyClassName !== null)])
   }, title !== null ? /*#__PURE__*/React.createElement("h5", {
-    className: classNames(['mt-0', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
+    className: classNames(['mt-0', 'text-truncate', styles$e.title, _defineProperty({}, titleClassName, titleClassName !== null)])
   }, /*#__PURE__*/React.createElement(Label, null, title)) : null, children) : null);
 };
 

package/es/utils.js

@@ -739,4 +739,20 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };
+var getContrastingColor = function getContrastingColor(backgroundColor) {
+  var _ref = backgroundColor || {},
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'white' : _ref$color;
+
+  if (tinycolor.equals(color, tinycolor('white'))) {
+    return 'lightblue';
+  }
+
+  if (tinycolor.equals(color, tinycolor('black'))) {
+    return 'white';
+  }
+
+  return tinycolor(color).spin(30).toString();
+};
+
+export { convertStyleToString, createNullableOnChange, createUseEvent, getColorAsString, getComponentFromName, getContrastingColor, getDeviceScreens, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getFontFamily as getFontFamilyFromFont, getGridLayoutName, largestRemainderRound as getLargestRemainderRound, getLayersFromBackground, getLayoutParts, getMediaFilesAsArray, getOptimalImageUrl, getScreenExtraField, getSecondsFromTime, getStyleFromBorder, getStyleFromBox, getStyleFromColor, getStyleFromContainer, getStyleFromHighlight, getStyleFromImage, getStyleFromLink, getStyleFromMargin, getStyleFromText, isImageFilled, isIos, isTextFilled$1 as isLabelFilled, isMessage, isTextFilled, isValidUrl, schemaId, setValue as setFieldValue, slug, unique, validateFields };

package/lib/components.js

@@ -2330,7 +2330,7 @@ var Media = function Media(_ref) {
   }) : thumbnail, title !== null || children !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['card-body', styles$e.body, _defineProperty__default["default"]({}, bodyClassName, bodyClassName !== null)])
   }, title !== null ? /*#__PURE__*/React__default["default"].createElement("h5", {
-    className: classNames__default["default"](['mt-0', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
+    className: classNames__default["default"](['mt-0', 'text-truncate', styles$e.title, _defineProperty__default["default"]({}, titleClassName, titleClassName !== null)])
   }, /*#__PURE__*/React__default["default"].createElement(Label, null, title)) : null, children) : null);
 };
 

package/lib/utils.js

@@ -756,6 +756,22 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
+var getContrastingColor = function getContrastingColor(backgroundColor) {
+  var _ref = backgroundColor || {},
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'white' : _ref$color;
+
+  if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('white'))) {
+    return 'lightblue';
+  }
+
+  if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('black'))) {
+    return 'white';
+  }
+
+  return tinycolor__default["default"](color).spin(30).toString();
+};
+
 Object.defineProperty(exports, 'pascalCase', {
     enumerable: true,
     get: function () { return changeCase.pascalCase; }
@@ -769,6 +785,7 @@ exports.createNullableOnChange = createNullableOnChange;
 exports.createUseEvent = createUseEvent;
 exports.getColorAsString = getColorAsString;
 exports.getComponentFromName = getComponentFromName;
+exports.getContrastingColor = getContrastingColor;
 exports.getDeviceScreens = getDeviceScreens;
 exports.getDisplayName = getDisplayName;
 exports.getFieldByName = getFieldByName;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.24",
+    "version": "0.3.29",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "f2d5d71a3e5c5e6d6e9d8af3bdd8a71bf38fbbb7"
+    "gitHead": "fb4684ac9e69930c0ac4d9045b5148d011e92c7b"
 }

package/scss/_theme.scss

@@ -75,7 +75,7 @@ $dropdown-link-hover-color: $body-color;
 $btn-close-color: $body-color;
 
 
-$btn-active-bg-shade-amount:      50% !default;
-$btn-active-bg-tint-amount:       50% !default;
-$btn-active-border-shade-amount:  50% !default;
-$btn-active-border-tint-amount:   25% !default;
+$btn-active-bg-shade-amount: 50% !default;
+$btn-active-bg-tint-amount: 50% !default;
+$btn-active-border-shade-amount: 50% !default;
+$btn-active-border-tint-amount: 25% !default;