@envive-ai/react-toolkit 0.2.8 → 0.2.9

package/dist/{index-DELwJODl.d.ts → index-Dz7MKQfH.d.cts}

@@ -1,6 +1,6 @@
-import { FC } from "react";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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";
 
 //#region src/util/trim.d.ts
@@ -261,7 +261,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime16.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime20.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -271,7 +271,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime16.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime20.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -308,7 +308,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   onClick
-}: ProductCardProps) => react_jsx_runtime16.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 declare const ProductCardSkeleton: FC<ProductCardSkeletonProps>;

package/dist/{index-CY3-7i6i.d.cts → index-Wd_cQHmW.d.ts}

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

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

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

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

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

package/package.json

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

package/src/components/RadioButton/RadioButton.tsx

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