@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.3 kB
JavaScript
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((i,r)=>e[r]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(t,e)=>a({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),y=(t,e)=>{let{valid:i,invalid:r,hover:m,focus:u,checked:d,active:h,selected:f,disabled:x,indeterminate:g,loading:O,empty:B,readonly:$,highlighted:z,...b}=e;return a({"k-valid":i,"k-invalid":r,"k-hover":m,"k-focus":u,"k-checked":d,"k-active":h,"k-selected":f,"k-disabled":x,"k-indeterminate":g&&!d,"k-loading":O,"k-empty":B,"k-readonly":$,"k-highlighted":z},Object.keys(b).reduce((k,l)=>(l.startsWith("k-")?k[l]=b[l]:k[`k-${l}`]=b[l],k),{}))};var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var p="radio",R=p;import{jsx as A}from"react/jsx-runtime";var c="k-radio",w=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],N={size:[s.undefined,s.small,s.medium,s.large]},E={},o=t=>{let{id:e,checked:i,hover:r,focus:m,disabled:u,invalid:d,valid:h,required:f,size:x,...g}=t;return A("span",{className:"k-radio-wrap",children:A("input",{...g,id:e,type:"radio",checked:i,required:f,disabled:u||void 0,"aria-invalid":d?"true":void 0,className:a(t.className,c,v(c,{size:x}),y(c,{hover:r,focus:m,disabled:u,invalid:d,valid:h,checked:i}))})})};o.states=w;o.options=N;o.className=c;o.defaultOptions=E;o.moduleName=p;o.folderName=R;o.ariaSpec={selector:".k-radio",rules:[{selector:".k-radio",attribute:"type=radio",usage:"Announces the radio type of the input."},{selector:".k-radio",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-radio",attribute:"checked (when checked)",usage:"Boolean attribute that announces the checked state of the radio button."},{selector:".k-radio",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the radio."},{selector:".k-radio",attribute:"disabled=disabled or aria-disabled=true (when disabled)",usage:"Rendered only when the radio input is disabled."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the radio button is in a form and announces the invalid state."}]};var M=o;import{jsx as I}from"react/jsx-runtime";var J=t=>I(M,{invalid:!0,"aria-label":t["aria-label"]||"Invalid radio option",...t});export{J as RadioButtonInvalid};