@envive-ai/react-toolkit 0.2.6 → 0.2.8

package/dist/RadioButton-BYq1JQtD.js

@@ -1,75 +0,0 @@
-import { Typography } from "./Typography-D3vDkBMS.js";
-import { useState } from "react";
-import classNames from "classnames";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/RadioButton/RadioButton.tsx
-const RadioButton = ({ isDisabled = false, label, name, value, textButtonGap = "medium", fillColor, hoverColor, uncheckedBorderColor, checked = false, onChange, id }) => {
-	const [isHovered, setIsHovered] = useState(false);
-	const containerClassName = classNames({
-		"spiffy-tw-flex": true,
-		"spiffy-tw-items-center": true,
-		"spiffy-tw-group": true,
-		"spiffy-tw-gap-1": textButtonGap === "small",
-		"spiffy-tw-gap-2": textButtonGap === "medium",
-		"spiffy-tw-gap-4": textButtonGap === "large",
-		"spiffy-tw-cursor-pointer": !isDisabled,
-		"spiffy-tw-opacity-40": isDisabled
-	});
-	const getFillColor = () => {
-		if (isHovered && hoverColor) return hoverColor;
-		if (checked) return fillColor;
-		return uncheckedBorderColor;
-	};
-	const handleChange = () => {
-		if (!isDisabled) onChange(value);
-	};
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("label", {
-			className: containerClassName,
-			onMouseEnter: () => !isDisabled && setIsHovered(true),
-			onMouseLeave: () => setIsHovered(false),
-			"aria-label": label,
-			htmlFor: id,
-			children: label
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "spiffy-tw-relative",
-			children: [/* @__PURE__ */ jsx("input", {
-				type: "radio",
-				id,
-				name,
-				value,
-				checked,
-				disabled: isDisabled,
-				onChange: handleChange,
-				className: "spiffy-tw-sr-only"
-			}), /* @__PURE__ */ jsxs("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				width: "24",
-				height: "24",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				children: [/* @__PURE__ */ jsx("circle", {
-					cx: "12",
-					cy: "12",
-					r: "11.5",
-					fill: "white",
-					stroke: getFillColor()
-				}), checked && /* @__PURE__ */ jsx("circle", {
-					cx: "12",
-					cy: "12",
-					r: "9",
-					fill: getFillColor()
-				})]
-			})]
-		}),
-		/* @__PURE__ */ jsx(Typography, {
-			variant: "body3",
-			children: label
-		})
-	] });
-};
-
-//#endregion
-export { RadioButton };