@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 5.89 kB
JavaScript
var G=Object.create;var O=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var q=(t,e)=>{for(var i in e)O(t,i,{get:e[i],enumerable:!0})},L=(t,e,i,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of D(e))!U.call(t,r)&&r!==i&&O(t,r,{get:()=>e[r],enumerable:!(l=j(e,r))||l.enumerable});return t};var W=(t,e,i)=>(i=t!=null?G(K(t)):{},L(e||!t||!t.__esModule?O(i,"default",{value:t,enumerable:!0}):i,t)),J=t=>L(O({},"__esModule",{value:!0}),t);var le={};q(le,{ColorContrast:()=>v,default:()=>ae});module.exports=J(le);var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((i,l)=>e[l]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>c({[`${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 n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var m={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var C=require("react/jsx-runtime"),M="k-font-icon",Q=[],X={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},Y={},N=t=>{let{size:e,themeColor:i,icon:l,rotate:r,flip:p,...f}=t;return l?(0,C.jsx)("span",{...f,className:c(t.className,M,y(M,{size:e}),{[`k-i-${l}`]:l,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):(0,C.jsx)(C.Fragment,{})};N.states=Q;N.options=X;N.className=M;N.defaultOptions=Y;var E=N;var x=require("react/jsx-runtime"),T="k-svg-icon",Z=[],ee={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},w={viewBox:"0 0 24 24",variant:m.outline},b=t=>{var A,k;let{size:e,themeColor:i,rotate:l,flip:r,viewBox:p=w.viewBox,variant:f=w.variant,icon:a,...I}=t;if(!a)return(0,x.jsx)(x.Fragment,{});if(a==="none")return(0,x.jsx)("span",{...I,className:c(t.className,T,y("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let h=typeof a=="object"&&a.name&&a.name,g=typeof a=="object"?f&&((A=a.variants)==null?void 0:A[f])||((k=a.variants)==null?void 0:k.outline)||a.content:void 0;return(0,x.jsx)("span",{...I,className:c(t.className,T,y("k-icon",{size:e}),{[`k-svg-i-${h}`]:h,[`k-color-${i}`]:i,[`k-rotate-${l}`]:l,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,x.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:p,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:a?void 0:t.children})})};b.states=Z;b.options=ee;b.className=T;b.defaultOptions=w;var $=b;var _=W(require("@progress/kendo-svg-icons"));var B="icon",R="icons";var V=require("react");var F=require("react"),H=(0,F.createContext)({iconsType:"svg"});var u=require("react/jsx-runtime"),S="k-icon",te=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),oe=[],ne={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[m.outline,m.solid,m.duotone]},z={viewBox:"0 0 24 24",type:"svg",variant:m.outline},d=t=>{let{iconsType:e}=(0,V.useContext)(H),{size:i,themeColor:l,icon:r,type:p=e||z.type,rotate:f,flip:a,viewBox:I=z.viewBox,variant:h=z.variant,...g}=t;if(!r)return(0,u.jsx)(u.Fragment,{});if((e||p)==="svg"){if(r==="none")return(0,u.jsx)($,{...g,className:c(t.className,S),icon:r,size:i,variant:h});let k=_[r]?r:te(`${r}-icon`);return _[k]?(0,u.jsx)($,{...g,className:c(t.className,S),icon:_[k],size:i,themeColor:l,rotate:f,flip:a,viewBox:I,variant:h}):(0,u.jsx)(u.Fragment,{})}return(0,u.jsx)(E,{...g,className:c(t.className,S),icon:r,size:i,themeColor:l,rotate:f,flip:a})};d.states=oe;d.options=ne;d.defaultOptions=z;d.className=S;d.moduleName=B;d.folderName=R;d.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var s=require("react/jsx-runtime"),P="k-colorgradient-color-contrast",ie=[],re={},se={},v=()=>(0,s.jsxs)("div",{className:c(P,"k-vbox"),children:[(0,s.jsxs)("div",{className:"k-contrast-ratio",children:[(0,s.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,s.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,s.jsx)(d,{icon:"check"}),(0,s.jsx)(d,{icon:"check"})]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{children:"AA: 4.5"}),(0,s.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,s.jsx)(d,{icon:"check"})]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{children:"AAA: 7.0"}),(0,s.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,s.jsx)(d,{icon:"x"})]})]})]});v.states=ie;v.options=re;v.className=P;v.defaultOptions=se;var ae=v;