@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 4.76 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((s,n)=>e[n]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var u=(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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${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"});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"};var N="appbar",L=N;import{jsx as D}from"react/jsx-runtime";var A="k-appbar",R=[],H={themeColor:[o.inherit,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},F={},d=t=>{let{themeColor:e,positionMode:s,position:n,...c}=t;return D("div",{...c,className:i(t.className,A,u(A,{themeColor:e}),{[`k-appbar-${s}`]:s,[`k-appbar-${n}`]:n}),children:t.children})};d.states=R;d.options=H;d.className=A;d.defaultOptions=F;d.moduleName=N;d.folderName=L;import{jsx as G}from"react/jsx-runtime";var K="k-appbar-section",x=t=>{let{...e}=t;return G("div",{...e,className:i(K,t.className),children:t.children})};import{Fragment as q,jsx as _}from"react/jsx-runtime";var M="k-font-icon",V=[],U={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},j={},h=t=>{let{size:e,themeColor:s,icon:n,rotate:c,flip:p,...a}=t;return n?_("span",{...a,className:i(t.className,M,u(M,{size:e}),{[`k-i-${n}`]:n,[`k-color-${s}`]:s,[`k-rotate-${c}`]:c,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):_(q,{})};h.states=V;h.options=U;h.className=M;h.defaultOptions=j;var $=h;import{Fragment as Q,jsx as y}from"react/jsx-runtime";var C="k-svg-icon",W=[],J={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},T={viewBox:"0 0 24 24"},g=t=>{let{size:e,themeColor:s,rotate:n,flip:c,viewBox:p=T.viewBox,icon:a,...v}=t;if(!a)return y(Q,{});a==="none"&&{...v,className:i(t.className,C,"k-none")};let f=typeof a=="object"&&a.name&&a.name;return y("span",{...v,className:i(t.className,C,u("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${s}`]:s,[`k-rotate-${n}`]:n,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:y("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:p,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:t.children})})};g.states=W;g.options=J;g.className=C;g.defaultOptions=T;var O=g;import*as S from"@progress/kendo-svg-icons";var w="icon",P="icons";import{Fragment as B,jsx as b}from"react/jsx-runtime";var k="k-icon",X=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Y=[],Z={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},I={viewBox:"0 0 24 24",type:"svg"},m=t=>{let{size:e,themeColor:s,icon:n,type:c=I.type,rotate:p,flip:a,viewBox:v=I.viewBox,...f}=t;if(!n)return b(B,{});if(c==="svg"){if(n==="none")return b(O,{...f,className:i(t.className,k),icon:n,size:e});let E=S[n]?n:X(`${n}-icon`);return S[E]?b(O,{...f,className:i(t.className,k),icon:S[E],size:e,themeColor:s,rotate:p,flip:a,viewBox:v}):b(B,{})}return b($,{...f,className:i(t.className,k),icon:n,size:e,themeColor:s,rotate:p,flip:a})};m.states=Y;m.options=Z;m.defaultOptions=I;m.className=k;m.moduleName=w;m.folderName=P;import{Fragment as ee,jsx as l,jsxs as z}from"react/jsx-runtime";var Fe=t=>l(d,{children:z(ee,{children:[l(x,{children:l(m,{icon:"menu"})}),l("span",{className:"k-spacer k-spacer-sized"}),l(x,{children:l("h1",{className:"title",children:"Page Title"})}),l(x,{children:z("ul",{children:[l("li",{children:"Menu Item"}),l("li",{children:"Menu Item"}),l("li",{children:"Menu Item"})]})}),l("span",{className:"k-spacer"}),z(x,{children:[l(m,{icon:"bell"}),l("span",{className:"k-appbar-separator"}),l(m,{icon:"user"})]})]}),...t});export{Fe as AppbarNormal};