@dxc-technology/halstack-react 0.0.0-f44cd28 → 0.0.0-f77ec3a

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.
 
@@ -35,7 +35,7 @@ Install the library dependencies.
 npm install
 ```
 
-Run the build process into `dist` folder, detecting and automatically building changes in src.
+Run the build process into `dist` folder, detecting and automatically building changes in src. 
 
 ```bash
 npm run build:watch #'npm run build' if there is no need to watch for changes

package/babel.config.js

@@ -1,7 +1,6 @@
 module.exports = {
   presets: ["@babel/react", "@babel/env"],
   plugins: [
-    "@babel/plugin-proposal-class-properties",
     "@babel/plugin-proposal-optional-chaining",
     "@babel/plugin-proposal-nullish-coalescing-operator",
   ],

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;