@dxc-technology/halstack-react 0.0.0-f46d22a → 0.0.0-f4bae62

package/README.md

@@ -1,4 +1,4 @@
-# Halstack React CDK
+# Halstack React CDK 
 
 Halstack React CDK is a npm library of reusable React components, made with the purpose of helping React developers with the task of implementing User Interfaces following the DXC Design Guidelines.
 

package/dist/BackgroundColorContext.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackgroundColorProvider = exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _color = _interopRequireDefault(require("color"));
+
+var _rgbHex = _interopRequireDefault(require("rgb-hex"));
+
+/* eslint-disable prefer-template */
+var BackgroundColorContext = _react["default"].createContext();
+
+var getColorType = function getColorType(hexColor) {
+  try {
+    if (hexColor) {
+      var hslColor = (0, _color["default"])(hexColor).hsl();
+      var lightnessColor = hslColor.color[2];
+      return lightnessColor <= 30 ? "dark" : "light";
+    }
+  } catch (e) {
+    return "light";
+  }
+};
+
+var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
+  var color = _ref.color,
+      children = _ref.children;
+  var colorType = (0, _react.useMemo)(function () {
+    return getColorType(color);
+  }, [color]);
+  return _react["default"].createElement(BackgroundColorContext.Provider, {
+    value: colorType
+  }, children);
+};
+
+exports.BackgroundColorProvider = BackgroundColorProvider;
+var _default = BackgroundColorContext;
+exports["default"] = _default;