@envive-ai/react-toolkit 0.2.6 → 0.2.7

package/dist/{index-DGfkVcQx.d.ts → index-CoKLba8Y.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime26.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime26.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-4oRWfY5a.d.cts → index-DZG-p0HX.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { FC } from "react";
 import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime21.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime19.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime21.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime19.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime21.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-Dfe_lkL2.d.cts → index-qY2eo4Dx.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { SearchFilterDatum, SelectFilterItem } from "@envive-ai/react-hooks/types";
 
 //#region src/components/SearchResultsFilterSidebar/types.d.ts
@@ -41,6 +41,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime1.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { CloseIconVariant$1 as CloseIconVariant, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/{searchFilterSidebarVariants-B1P8YS86.cjs → searchFilterSidebarVariants-Bv_5N0Qd.cjs}

@@ -1,4 +1,4 @@
-const require_colorsConfig = require('./colorsConfig-BjmNL7s7.cjs');
+const require_colorsConfig = require('./colorsConfig-CJTKbJsm.cjs');
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {

package/dist/{searchFilterSidebarVariants-CN9_kzJ8.js → searchFilterSidebarVariants-Dc0irQTl.js}

@@ -1,4 +1,4 @@
-import { ColorNames, colorVar } from "./colorsConfig-E7w6Ol6W.js";
+import { ColorNames, colorVar } from "./colorsConfig-CYZ8f_gj.js";
 
 //#region src/components/SearchResultsFilterSidebar/searchFilterSidebarVariants.ts
 const searchFilterSidebarVariantClasses = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@envive-ai/react-toolkit",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "React component library for Envive services.",
   "keywords": [
     "react",

package/src/components/RadioButton/RadioButton.tsx

@@ -1,5 +1,4 @@
 import classNames from 'classnames';
-import { Typography } from 'src/components/Typography';
 import { useState } from 'react';
 import { TestProps } from '@envive-ai/react-hooks/types';
 
@@ -57,16 +56,6 @@ export const RadioButton = ({
 
   return (
     <>
-      <label
-        className={containerClassName}
-        onMouseEnter={() => !isDisabled && setIsHovered(true)}
-        onMouseLeave={() => setIsHovered(false)}
-        aria-label={label}
-        htmlFor={id}
-      >
-        {label}
-      </label>
-
       <div className="spiffy-tw-relative">
         <input
           type="radio"
@@ -91,7 +80,15 @@ export const RadioButton = ({
           {checked && <circle cx="12" cy="12" r="9" fill={getFillColor()} />}
         </svg>
       </div>
-      <Typography variant="body3">{label}</Typography>
+      <label
+        className={containerClassName}
+        onMouseEnter={() => !isDisabled && setIsHovered(true)}
+        onMouseLeave={() => setIsHovered(false)}
+        aria-label={label}
+        htmlFor={id}
+      >
+        {label}
+      </label>
     </>
   );
 };

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 };