@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.77 kB
JavaScript
var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((n,d)=>e[d]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var g=(t,e)=>i({[`${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"});var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var x="form",y="forms";import{Fragment as h,jsx as s,jsxs as F}from"react/jsx-runtime";var a="k-form",N=[],z={size:[l.undefined,l.small,l.medium,l.large]},c={layout:"basic",tag:"form"},r=t=>{let{size:e,orientation:n,layout:d=c.layout,formButtons:u,cols:m,gutters:o,tag:k=c.tag,children:f}=t,b=k,v=i(t.className,a,g(a,{size:e}),{[`${a}-${n}`]:n}),p=F(h,{children:[d==="grid"?s("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${m}`]:m}),style:{...typeof o=="string"&&{gap:o},...typeof o=="object"&&o.rows&&{rowGap:o.rows},...typeof o=="object"&&o.cols&&{columnGap:o.cols}},children:f}):s(h,{children:f}),u&&s("div",{className:"k-form-buttons",children:u})]}),{role:M,"aria-labelledby":$,"aria-label":O,id:R}=t;return s(b,{className:v,role:M,"aria-labelledby":$,"aria-label":O,id:R,children:p})};r.states=N;r.options=z;r.className=a;r.defaultOptions=c;r.moduleName=x;r.folderName=y;var P=r;export{a as FORM_CLASSNAME,r as Form,P as default};