UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 6.5 kB
var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((s,r)=>e[r]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(o,e)=>a({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),U=(o,e)=>{let{valid:s,invalid:r,hover:c,focus:m,checked:i,active:p,selected:d,disabled:N,indeterminate:_,loading:E,empty:L,readonly:k,highlighted:y,...B}=e;return a({"k-valid":s,"k-invalid":r,"k-hover":c,"k-focus":m,"k-checked":i,"k-active":p,"k-selected":d,"k-disabled":N,"k-indeterminate":_&&!i,"k-loading":E,"k-empty":L,"k-readonly":k,"k-highlighted":y},Object.keys(B).reduce((C,f)=>(f.startsWith("k-")?C[f]=B[f]:C[`k-${f}`]=B[f],C),{}))};function D(o,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(r=>[`k-${r}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={small:"small",medium:"medium",large:"large",full:"full"},x={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},h={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"};import{Fragment as re,jsx as V}from"react/jsx-runtime";var K="k-font-icon",te=[],oe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ne={},O=o=>{let{size:e,themeColor:s,icon:r,rotate:c,flip:m,...i}=o;return r?V("span",{...i,className:a(o.className,K,b(K,{size:e}),{[`k-i-${r}`]:r,[`k-color-${s}`]:s,[`k-rotate-${c}`]:c,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):V(re,{})};O.states=te;O.options=oe;O.className=K;O.defaultOptions=ne;var G=O;import{Fragment as ae,jsx as A}from"react/jsx-runtime";var $="k-svg-icon",se=[],ie={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},q={viewBox:"0 0 24 24"},S=o=>{let{size:e,themeColor:s,rotate:r,flip:c,viewBox:m=q.viewBox,icon:i,...p}=o;if(!i)return A(ae,{});i==="none"&&{...p,className:a(o.className,$,"k-none")};let d=typeof i=="object"&&i.name&&i.name;return A("span",{...p,className:a(o.className,$,b("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:A("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:m,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:o.children})})};S.states=se;S.options=ie;S.className=$;S.defaultOptions=q;var P=S;import*as R from"@progress/kendo-svg-icons";var j="icon",W="icons";import{Fragment as J,jsx as M}from"react/jsx-runtime";var z="k-icon",le=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ce=[],me={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},H={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:e,themeColor:s,icon:r,type:c=H.type,rotate:m,flip:i,viewBox:p=H.viewBox,...d}=o;if(!r)return M(J,{});if(c==="svg"){if(r==="none")return M(P,{...d,className:a(o.className,z),icon:r,size:e});let N=R[r]?r:le(`${r}-icon`);return R[N]?M(P,{...d,className:a(o.className,z),icon:R[N],size:e,themeColor:s,rotate:m,flip:i,viewBox:p}):M(J,{})}return M(G,{...d,className:a(o.className,z),icon:r,size:e,themeColor:s,rotate:m,flip:i})};u.states=ce;u.options=me;u.defaultOptions=H;u.className=z;u.moduleName=j;u.folderName=W;var F="button",Q=F;import{Fragment as fe,jsx as T,jsxs as X}from"react/jsx-runtime";var I="k-button",de=["icon-button"],ue=[h.hover,h.focus,h.active,h.selected,h.disabled,h.generating],pe={size:[n.small,n.medium,n.large],rounded:[v.small,v.medium,v.large,v.full],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},g={size:n.medium,rounded:v.medium,fillMode:x.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},l=o=>{let{size:e=g.size,rounded:s=g.rounded,fillMode:r=g.fillMode,themeColor:c=g.themeColor,showArrow:m=g.showArrow,arrowIconName:i=g.arrowIconName,variant:p,hover:d,focus:N,active:_,selected:E,disabled:L,icon:k,text:y,iconClassName:B,...C}=o,f=k!==void 0,ee=o.children!==void 0;return X("button",{...C,className:a(o.className,I,D(I,p),b(I,{size:e,rounded:s,fillMode:r,themeColor:c}),U(I,{hover:d,focus:N,active:_,disabled:L,selected:E}),{"k-icon-button":!y&&!ee&&f}),children:[k&&T(u,{className:a(B,"k-button-icon"),icon:k}),y?X(fe,{children:[y&&T("span",{className:"k-button-text",children:y}),o.children]}):o.children&&T("span",{className:"k-button-text",children:o.children}),m&&T("span",{className:"k-menu-button-arrow k-button-arrow",children:T(u,{icon:i})})]})};l.states=ue;l.options=pe;l.variants=de;l.className=I;l.defaultOptions=g;l.moduleName=F;l.folderName=Q;import{jsx as Je}from"react/jsx-runtime";import{jsx as Ze}from"react/jsx-runtime";import{jsx as nt}from"react/jsx-runtime";import{jsx as xe}from"react/jsx-runtime";var Y="k-prompt-send",Z={generating:!1},w=o=>{let{generating:e=Z.generating,...s}=o;return xe(l,{...s,className:a(o.className,Y,{"k-generating":e}),icon:e?"stop-sm":"paper-plane",active:e,fillMode:"flat"})};w.states=l.states;w.options=l.options;w.className=Y;w.defaultOptions=Z;var ft=w;export{w as PromptSendButton,ft as default};