@progress/kendo-themes-html/dist/esm/badge/templates/icon-badge.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...t)=>t.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?l(...o):typeof o=="object"?Object.keys(o).map((i,r)=>o[r]||o[i]&&i||null).filter(i=>i!==null).join(" "):o).filter(o=>!!o).join(" ");var f=(t,o)=>l({[`${t}-xs`]:o.size==="xsmall",[`${t}-sm`]:o.size==="small",[`${t}-md`]:o.size==="medium",[`${t}-lg`]:o.size==="large",[`${t}-xl`]:o.size==="xlarge",[`${t}-xxl`]:o.size==="xxlarge",[`${t}-xxxl`]:o.size==="xxxlarge"},{[`${t}-${o.fillMode}`]:o.fillMode},{[`${t}-${o.fillMode}-${o.themeColor}`]:o.fillMode&&o.themeColor},{[`${t}-${o.themeColor}`]:o.themeColor&&o.fillMode===void 0},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full"});var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},k={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},e={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 M="badge",I=M;import{jsx as G}from"react/jsx-runtime";var g="k-badge",H=[],R={size:[n.small,n.medium,n.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[k.solid,k.outline],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark,e.inverse]},h={size:n.medium,fillMode:k.solid,themeColor:e.primary,cutoutBorder:!1},m=t=>{let{size:o=h.size,fillMode:i=h.fillMode,themeColor:r=h.themeColor,cutoutBorder:a=h.cutoutBorder,rounded:d,position:s,align:u,...c}=t;return G("span",{...c,className:l(t.className,g,f(g,{size:o,rounded:d,fillMode:i,themeColor:r}),{[`${g}-${s}`]:s,[`k-${u}`]:u,[`${g}-border-cutout`]:a}),children:t.children})};m.states=H;m.options=R;m.className=g;m.defaultOptions=h;m.moduleName=M;m.folderName=I;import{jsx as ue}from"react/jsx-runtime";import{Fragment as U,jsx as $}from"react/jsx-runtime";var O="k-font-icon",K=[],P={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},V={},y=t=>{let{size:o,themeColor:i,icon:r,rotate:a,flip:d,...s}=t;return r?$("span",{...s,className:l(t.className,O,f(O,{size:o}),{[`k-i-${r}`]:r,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):$(U,{})};y.states=K;y.options=P;y.className=O;y.defaultOptions=V;var _=y;import{Fragment as W,jsx as N}from"react/jsx-runtime";var z="k-svg-icon",j=[],q={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},L={viewBox:"0 0 24 24"},b=t=>{let{size:o,themeColor:i,rotate:r,flip:a,viewBox:d=L.viewBox,icon:s,...u}=t;if(!s)return N(W,{});s==="none"&&{...u,className:l(t.className,z,"k-none")};let c=typeof s=="object"&&s.name&&s.name;return N("span",{...u,className:l(t.className,z,f("k-icon",{size:o}),{[`k-svg-i-${c}`]:c,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:N("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:d,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};b.states=j;b.options=q;b.className=z;b.defaultOptions=L;var B=b;import*as S from"@progress/kendo-svg-icons";var w="icon",T="icons";import{Fragment as D,jsx as v}from"react/jsx-runtime";var C="k-icon",J=t=>t.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),Q=[],X={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},A={viewBox:"0 0 24 24",type:"svg"},p=t=>{let{size:o,themeColor:i,icon:r,type:a=A.type,rotate:d,flip:s,viewBox:u=A.viewBox,...c}=t;if(!r)return v(D,{});if(a==="svg"){if(r==="none")return v(B,{...c,className:l(t.className,C),icon:r,size:o});let E=S[r]?r:J(`${r}-icon`);return S[E]?v(B,{...c,className:l(t.className,C),icon:S[E],size:o,themeColor:i,rotate:d,flip:s,viewBox:u}):v(D,{})}return v(_,{...c,className:l(t.className,C),icon:r,size:o,themeColor:i,rotate:d,flip:s})};p.states=Q;p.options=X;p.defaultOptions=A;p.className=C;p.moduleName=w;p.folderName=T;import{jsx as F}from"react/jsx-runtime";var Fe=t=>F(m,{children:F(p,{className:"k-badge-icon",icon:"x-circle"}),...t});export{Fe as IconBadge};