@stackshift-ui/radio 6.0.11 → 6.1.0

package/dist/chunk-2YHUN46K.mjs

@@ -0,0 +1 @@
+import{DefaultComponent as C,useStackShiftUIComponents as R}from"@stackshift-ui/system";import o from"classnames";import{jsx as N,jsxs as T}from"react/jsx-runtime";var s="Radio",f=({name:t,ariaLabel:i,variant:l="primary",item:a,labelClass:m,onChange:p,children:h,className:c,as:y="label",...e})=>{var r;let{[s]:d=C}=R(),n="",g=(r={primary:n}[l])!=null?r:n;return T(d,{htmlFor:a,as:y,className:o("flex items-center gap-2",m),...e,children:[N("input",{onChange:p,className:o(g,c),name:t,value:a,type:"radio","aria-label":i||t,id:a,...e}),a]})};f.displayName=s;export{f as a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var h=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var V=(a,t)=>{for(var e in t)o(a,e,{get:t[e],enumerable:!0})},y=(a,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of v(t))!x.call(a,r)&&r!==e&&o(a,r,{get:()=>t[r],enumerable:!(n=u(t,r))||n.enumerable});return a};var b=(a,t,e)=>(e=a!=null?h(S(a)):{},y(t||!a||!a.__esModule?o(e,"default",{value:a,enumerable:!0}):e,a)),L=a=>y(o({},"__esModule",{value:!0}),a);var P={};V(P,{Radio:()=>g});module.exports=L(P);var s=require("@stackshift-ui/system"),l=b(require("classnames")),i=require("react/jsx-runtime"),m="Radio",g=({name:a,ariaLabel:t,variant:e="primary",item:n,labelClass:r,onChange:C,children:E,className:f,as:R="label",...p})=>{var d;let{[m]:N=s.DefaultComponent}=(0,s.useStackShiftUIComponents)(),c="",T=(d={primary:c}[e])!=null?d:c;return(0,i.jsxs)(N,{htmlFor:n,as:R,className:(0,l.default)("flex items-center gap-2",r),...p,"data-testid":m,children:[(0,i.jsx)("input",{onChange:C,className:(0,l.default)(T,f),name:a,value:n,type:"radio","aria-label":t||a,id:n,...p}),n]})};g.displayName=m;0&&(module.exports={Radio});
+"use strict";var h=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var V=(a,t)=>{for(var e in t)o(a,e,{get:t[e],enumerable:!0})},y=(a,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of v(t))!x.call(a,r)&&r!==e&&o(a,r,{get:()=>t[r],enumerable:!(n=u(t,r))||n.enumerable});return a};var b=(a,t,e)=>(e=a!=null?h(S(a)):{},y(t||!a||!a.__esModule?o(e,"default",{value:a,enumerable:!0}):e,a)),L=a=>y(o({},"__esModule",{value:!0}),a);var P={};V(P,{Radio:()=>g});module.exports=L(P);var s=require("@stackshift-ui/system"),l=b(require("classnames")),i=require("react/jsx-runtime"),d="Radio",g=({name:a,ariaLabel:t,variant:e="primary",item:n,labelClass:r,onChange:C,children:E,className:f,as:R="label",...m})=>{var c;let{[d]:N=s.DefaultComponent}=(0,s.useStackShiftUIComponents)(),p="",T=(c={primary:p}[e])!=null?c:p;return(0,i.jsxs)(N,{htmlFor:n,as:R,className:(0,l.default)("flex items-center gap-2",r),...m,children:[(0,i.jsx)("input",{onChange:C,className:(0,l.default)(T,f),name:a,value:n,type:"radio","aria-label":t||a,id:n,...m}),n]})};g.displayName=d;0&&(module.exports={Radio});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-NCDQBK44.mjs";export{e as Radio};
+"use strict";import{a as e}from"./chunk-2YHUN46K.mjs";export{e as Radio};

package/dist/radio.js

@@ -1 +1 @@
-"use strict";var h=Object.create;var o=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var b=(a,t)=>{for(var e in t)o(a,e,{get:t[e],enumerable:!0})},y=(a,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of S(t))!V.call(a,r)&&r!==e&&o(a,r,{get:()=>t[r],enumerable:!(n=v(t,r))||n.enumerable});return a};var x=(a,t,e)=>(e=a!=null?h(u(a)):{},y(t||!a||!a.__esModule?o(e,"default",{value:a,enumerable:!0}):e,a)),L=a=>y(o({},"__esModule",{value:!0}),a);var P={};b(P,{Radio:()=>g});module.exports=L(P);var s=require("@stackshift-ui/system"),l=x(require("classnames")),i=require("react/jsx-runtime"),m="Radio",g=({name:a,ariaLabel:t,variant:e="primary",item:n,labelClass:r,onChange:C,children:E,className:R,as:f="label",...p})=>{var d;let{[m]:N=s.DefaultComponent}=(0,s.useStackShiftUIComponents)(),c="",T=(d={primary:c}[e])!=null?d:c;return(0,i.jsxs)(N,{htmlFor:n,as:f,className:(0,l.default)("flex items-center gap-2",r),...p,"data-testid":m,children:[(0,i.jsx)("input",{onChange:C,className:(0,l.default)(T,R),name:a,value:n,type:"radio","aria-label":t||a,id:n,...p}),n]})};g.displayName=m;0&&(module.exports={Radio});
+"use strict";var h=Object.create;var o=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var b=(a,t)=>{for(var e in t)o(a,e,{get:t[e],enumerable:!0})},y=(a,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of S(t))!V.call(a,r)&&r!==e&&o(a,r,{get:()=>t[r],enumerable:!(n=v(t,r))||n.enumerable});return a};var x=(a,t,e)=>(e=a!=null?h(u(a)):{},y(t||!a||!a.__esModule?o(e,"default",{value:a,enumerable:!0}):e,a)),L=a=>y(o({},"__esModule",{value:!0}),a);var P={};b(P,{Radio:()=>g});module.exports=L(P);var s=require("@stackshift-ui/system"),l=x(require("classnames")),i=require("react/jsx-runtime"),d="Radio",g=({name:a,ariaLabel:t,variant:e="primary",item:n,labelClass:r,onChange:C,children:E,className:R,as:f="label",...m})=>{var c;let{[d]:N=s.DefaultComponent}=(0,s.useStackShiftUIComponents)(),p="",T=(c={primary:p}[e])!=null?c:p;return(0,i.jsxs)(N,{htmlFor:n,as:f,className:(0,l.default)("flex items-center gap-2",r),...m,children:[(0,i.jsx)("input",{onChange:C,className:(0,l.default)(T,R),name:a,value:n,type:"radio","aria-label":t||a,id:n,...m}),n]})};g.displayName=d;0&&(module.exports={Radio});

package/dist/radio.mjs

@@ -1 +1 @@
-import{a}from"./chunk-NCDQBK44.mjs";export{a as Radio};
+import{a}from"./chunk-2YHUN46K.mjs";export{a as Radio};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/radio",
   "description": "",
-  "version": "6.0.11",
+  "version": "6.1.0",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -29,20 +29,20 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/scripts": "6.0.10",
-    "@stackshift-ui/system": "6.0.11"
+    "@stackshift-ui/scripts": "6.1.0",
+    "@stackshift-ui/system": "6.1.0"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.0.11"
+    "@stackshift-ui/system": ">=7.0.0"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/radio.test.tsx

@@ -7,14 +7,17 @@ describe.concurrent("radio", () => {
 
   test("Common: Radio - test if renders without errors", ({ expect }) => {
     const clx = "my-class";
-    render(
+    const { unmount } = render(
       <Radio
         className={clx}
         name="stackshift-radio"
         ariaLabel="stackshift radio input"
         item="StackShift"
+        data-testid="radio-input"
       />,
     );
-    expect(screen.getByTestId("label").classList).toBeDefined();
+
+    expect(screen.getAllByTestId("radio-input").length).toBe(2); // label and input
+    unmount();
   });
 });

package/src/radio.tsx

@@ -1,6 +1,6 @@
 import { DefaultComponent, useStackShiftUIComponents } from "@stackshift-ui/system";
-import type { ElementType, HTMLProps, ReactNode } from "react";
 import cn from "classnames";
+import type { ElementType, HTMLProps, ReactNode } from "react";
 
 type StyleVariants<T extends string> = Record<T, string>;
 type Variant = "primary";
@@ -47,8 +47,7 @@ export const Radio: React.FC<RadioProps> = ({
       htmlFor={item}
       as={as}
       className={cn("flex items-center gap-2", labelClass)}
-      {...props}
-      data-testid={displayName}>
+      {...props}>
       <input
         onChange={onChange}
         className={cn(variantClass, className)}

package/dist/chunk-NCDQBK44.mjs

@@ -1 +0,0 @@
-import{DefaultComponent as C,useStackShiftUIComponents as R}from"@stackshift-ui/system";import s from"classnames";import{jsx as N,jsxs as T}from"react/jsx-runtime";var t="Radio",f=({name:e,ariaLabel:i,variant:l="primary",item:a,labelClass:m,onChange:p,children:h,className:c,as:d="label",...n})=>{var o;let{[t]:y=C}=R(),r="",g=(o={primary:r}[l])!=null?o:r;return T(y,{htmlFor:a,as:d,className:s("flex items-center gap-2",m),...n,"data-testid":t,children:[N("input",{onChange:p,className:s(g,c),name:e,value:a,type:"radio","aria-label":i||e,id:a,...n}),a]})};f.displayName=t;export{f as a};