@uxf/ui 1.0.0-beta.67 → 1.0.0-beta.68

package/color-radio-group/color-radio-group.d.ts

@@ -1,6 +1,6 @@
 import React, { CSSProperties } from "react";
 import { FormControlProps } from "../types";
-import { HexCodeString } from "./color-radio";
+import { HexCodeString } from "../utils/isLightBackground";
 export declare type ColorRadioGroupOptionValue = HexCodeString;
 export interface ColorRadioGroupOption {
     label: string;

package/color-radio-group/color-radio.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { FormControlProps } from "../types";
-export declare type HexCodeString = `#${string}`;
+import { HexCodeString } from "../utils/isLightBackground";
 export interface ColorRadioProps extends FormControlProps<boolean> {
     color: HexCodeString;
     colorLabel: string;

package/color-radio-group/color-radio.js

@@ -8,13 +8,7 @@ const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 const forwardRef_1 = require("@uxf/core/utils/forwardRef");
-function isLightBackground(bgColor) {
-    const color = bgColor.substring(1, 7);
-    const r = parseInt(color.substring(0, 2), 16); // hexToR
-    const g = parseInt(color.substring(2, 4), 16); // hexToG
-    const b = parseInt(color.substring(4, 6), 16); // hexToB
-    return r * 0.299 + g * 0.587 + b * 0.114 > 146;
-}
+const isLightBackground_1 = require("../utils/isLightBackground");
 function CheckIcon() {
     return (react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 16 16" },
         react_1.default.createElement("path", { d: "M13.333 4 6 11.333 2.667 8", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })));
@@ -23,6 +17,6 @@ exports.ColorRadio = (0, forwardRef_1.forwardRef)("ColorRadio", (props, ref) =>
     const colorRadioStyle = { "--bg-color": props.color };
     return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-color-radio", props.value && classes_1.CLASSES.IS_SELECTED), onClick: () => { var _a; return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.value); }, ref: ref, style: colorRadioStyle },
         react_1.default.createElement("span", { className: "uxf-color-radio__label" }, props.colorLabel),
-        react_1.default.createElement("span", { className: `uxf-color-radio__icon ${isLightBackground(props.color) ? "uxf-color-radio__icon--dark" : ""}` },
+        react_1.default.createElement("span", { className: `uxf-color-radio__icon ${(0, isLightBackground_1.isLightBackground)(props.color) ? "uxf-color-radio__icon--dark" : ""}` },
             react_1.default.createElement(CheckIcon, null))));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.67",
+  "version": "1.0.0-beta.68",
   "description": "",
   "publishConfig": {
     "access": "public"

package/utils/isLightBackground.d.ts

@@ -0,0 +1,2 @@
+export declare type HexCodeString = `#${string}`;
+export declare function isLightBackground(bgColor: HexCodeString): boolean;

package/utils/isLightBackground.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLightBackground = void 0;
+function isLightBackground(bgColor) {
+    const color = bgColor.substring(1, 7);
+    const r = parseInt(color.substring(0, 2), 16); // hexToR
+    const g = parseInt(color.substring(2, 4), 16); // hexToG
+    const b = parseInt(color.substring(4, 6), 16); // hexToB
+    return r * 0.299 + g * 0.587 + b * 0.114 > 146;
+}
+exports.isLightBackground = isLightBackground;