@zc-ui/theme 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 ZC UI Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={50:`#ecf5ff`,100:`#d9ecff`,200:`#c6e2ff`,300:`#a0cfff`,400:`#79bbff`,500:`#409eff`,600:`#337ecc`,700:`#2a6cb3`,800:`#1d4f7f`,900:`#0d2640`,950:`#06121e`},t={50:`#f0f9eb`,100:`#e1f3d8`,200:`#cfe8c3`,300:`#b3e19d`,400:`#95d575`,500:`#67c23a`,600:`#529b2e`,700:`#427a27`,800:`#325a1c`,900:`#1f3a10`,950:`#0e1d07`},n={50:`#fdf6ec`,100:`#faecd8`,200:`#f8e3c5`,300:`#f3d19e`,400:`#ecbe77`,500:`#e6a23c`,600:`#b88230`,700:`#946626`,800:`#6f4c1c`,900:`#4a3212`,950:`#241907`},r={50:`#fef0f0`,100:`#fde2e2`,200:`#fcd3d3`,300:`#fab6b6`,400:`#f78989`,500:`#f56c6c`,600:`#c45656`,700:`#9d4444`,800:`#763231`,900:`#4f211f`,950:`#2a1010`},i={50:`#f4f4f5`,100:`#e9e9eb`,200:`#dedfe0`,300:`#c8c9cc`,400:`#a6a9ad`,500:`#909399`,600:`#73767a`,700:`#5c5e62`,800:`#45474a`,900:`#2e3032`,950:`#171819`},a={primary:e,success:t,warning:n,danger:r,info:i},o={primary:{1:`#ecf5ff`,3:`#c6e2ff`,5:`#a0cfff`,7:`#79bbff`,8:`#66b1ff`,9:`#53a8ff`},success:{1:`#f0f9eb`,3:`#d1edc4`,5:`#b3e19d`,7:`#95d575`,8:`#85cf61`,9:`#76c94e`},warning:{1:`#fdf6ec`,3:`#f8e3c5`,5:`#f3d19e`,7:`#ecbe77`,8:`#ebb263`,9:`#e9ab50`},danger:{1:`#fef0f0`,3:`#fcd3d3`,5:`#fab6b6`,7:`#f89898`,8:`#f78989`,9:`#f67b7b`},info:{1:`#f4f4f5`,3:`#dedfe0`,5:`#c8c9cc`,7:`#b1b3b8`,8:`#a6a9ad`,9:`#9b9ea3`}},s={primary:{2:`#337ecc`},success:{2:`#529b2e`},warning:{2:`#b88230`},danger:{2:`#c45656`},info:{2:`#73767a`}};function c(e){let t=e.replace(`#`,``).trim();t.length===3&&(t=t.split(``).map(e=>e+e).join(``));let n=parseInt(t,16);if(isNaN(n)||t.length!==6)throw Error(`Invalid hex color: ${e}`);return{r:n>>16&255,g:n>>8&255,b:n&255}}function l({r:e,g:t,b:n}){let r=e/255,i=t/255,a=n/255,o=Math.max(r,i,a),s=Math.min(r,i,a),c=o-s,l=0,u=0,d=(o+s)/2;if(c!==0)switch(u=d>.5?c/(2-o-s):c/(o+s),o){case r:l=((i-a)/c+(i<a?6:0))*60;break;case i:l=((a-r)/c+2)*60;break;case a:l=((r-i)/c+4)*60;break}return{h:Math.round(l),s:Math.round(u*100),l:Math.round(d*100)}}function u({h:e,s:t,l:n}){let r=e/360,i=t/100,a=n/100;if(i===0){let e=Math.round(a*255);return{r:e,g:e,b:e}}let o=a<.5?a*(1+i):a+i-a*i,s=2*a-o,c=(e,t,n)=>(n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e);return{r:Math.round(c(s,o,r+1/3)*255),g:Math.round(c(s,o,r)*255),b:Math.round(c(s,o,r-1/3)*255)}}function d({r:e,g:t,b:n}){let r=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`}function f(e){return l(c(e))}function p(e,t){var n,r,i;let a=f(e);return d(u({h:(n=t.h)==null?a.h:n,s:(r=t.s)==null?a.s:r,l:(i=t.l)==null?a.l:i}))}var ee=[97,93,86,77,66,50,44,38,31,21,12],te=[.85,.92,.96,.98,1,1,1,1,.97,.93,.88],ne=[50,100,200,300,400,500,600,700,800,900,950];function m(e){let t=f(e),n={};return ne.forEach((r,i)=>{if(r===500){n[r]=e.toLowerCase();return}let a=ee[i],o=te[i],s=Math.round(t.s*o);n[r]=p(e,{h:t.h,s:Math.min(100,Math.max(0,s)),l:a})}),n}var re={primary:`#409eff`,success:`#67c23a`,warning:`#e6a23c`,danger:`#f56c6c`,info:`#909399`};function h(e={}){let t={...re,...e};return{primary:m(t.primary),success:m(t.success),warning:m(t.warning),danger:m(t.danger),info:m(t.info)}}var g=`--color-zc`;function _(e,t=g){let n={};for(let[r,i]of Object.entries(e))for(let[e,a]of Object.entries(i))n[`${t}-${r}-${e}`]=String(a);return n}function ie(e,t=`:root`,n=g){let r=_(e,n);return`${t} {\n${Object.entries(r).map(([e,t])=>`  ${e}: ${t};`).join(`
+`)}\n}`}function v(e){let{r:t,g:n,b:r}=c(e),[i,a,o]=[t,n,r].map(e=>{let t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4});return .2126*i+.7152*a+.0722*o}function y(e,t){let n=v(e),r=v(t),[i,a]=n>r?[n,r]:[r,n];return(i+.05)/(a+.05)}function ae(e){return y(e,`#ffffff`)>=y(e,`#000000`)?`#ffffff`:`#000000`}function oe(e){return e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase()}function se(e){return e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase()}function b(e,t){let n=se(e),r={};for(let[e,i]of Object.entries(t))if(e.startsWith(`--`))r[e]=i;else{let t=`--zc-${n}-${oe(e)}`;r[t]=i}return r}function ce(e){let t={};for(let[n,r]of Object.entries(e))t[n]=b(n,r);return t}function le(){return{"--color-zc-text-primary":G.text.primary,"--color-zc-text-regular":G.text.regular,"--color-zc-text-secondary":G.text.secondary,"--color-zc-text-placeholder":G.text.placeholder,"--color-zc-text-disabled":`#c0c4cc`,"--color-zc-border-base":G.border.base,"--color-zc-border-light":G.border.light,"--color-zc-border-lighter":G.border.lighter,"--color-zc-border-extralight":G.border.extraLight,"--color-zc-fill-base":G.fill.base,"--color-zc-fill-light":G.fill.light,"--color-zc-fill-lighter":G.fill.lighter,"--color-zc-bg-base":`#ffffff`,"--color-zc-bg":`#ffffff`,"--color-zc-white":`#ffffff`}}function ue(){return{"--color-zc-text-primary":Z.text.primary,"--color-zc-text-regular":Z.text.regular,"--color-zc-text-secondary":Z.text.secondary,"--color-zc-text-placeholder":Z.text.placeholder,"--color-zc-text-disabled":`#5c5e62`,"--color-zc-border-base":Z.border.base,"--color-zc-border-light":Z.border.light,"--color-zc-border-lighter":Z.border.lighter,"--color-zc-border-extralight":Z.border.extraLight,"--color-zc-fill-base":Z.fill.base,"--color-zc-fill-light":Z.fill.light,"--color-zc-fill-lighter":Z.fill.lighter,"--color-zc-bg-base":`#1d1d1d`,"--color-zc-bg":`#1d1d1d`,"--color-zc-white":`#1a1a1a`,"--shadow-zc-sm":`0 1px 2px 0 rgba(0, 0, 0, 0.3)`,"--shadow-zc-base":`0 2px 8px 0 rgba(0, 0, 0, 0.4)`,"--shadow-zc-md":`0 4px 12px 0 rgba(0, 0, 0, 0.5)`,"--shadow-zc-lg":`0 8px 24px 0 rgba(0, 0, 0, 0.6)`,"--shadow-zc-xl":`0 16px 48px 0 rgba(0, 0, 0, 0.7)`,"--shadow-zc-dark":`0 4px 12px 0 rgba(0, 0, 0, 0.8)`}}function x(){return{"--text-zc-xs":K.xs,"--text-zc-sm":K.sm,"--text-zc-base":K.base,"--text-zc-md":K.md,"--text-zc-lg":K.lg,"--text-zc-xl":K.xl,"--radius-zc-sm":J.sm,"--radius-zc-base":J.base,"--radius-zc-md":J.md,"--radius-zc-lg":J.lg,"--radius-zc-round":J.round,"--radius-zc-circle":J.circle,"--spacing-zc-xs":q.xs,"--spacing-zc-sm":q.sm,"--spacing-zc-base":q.base,"--spacing-zc-md":q.md,"--spacing-zc-lg":q.lg,"--spacing-zc-xl":q.xl,"--shadow-zc-sm":Y.sm,"--shadow-zc-base":Y.base,"--shadow-zc-md":Y.md,"--shadow-zc-lg":Y.lg,"--shadow-zc-xl":Y.xl,"--shadow-zc-dark":Y.dark}}function S(){return _(h())}function de(){return{name:`light`,mode:`light`,variables:{...S(),...x(),...le()}}}function fe(){return{name:`dark`,mode:`dark`,variables:{...S(),...x(),...ue()}}}var C=null,w=null,T={get name(){return`light`},get mode(){return`light`},get variables(){return C||(C=de()),C.variables}},E={get name(){return`dark`},get mode(){return`dark`},get variables(){return w||(w=fe()),w.variables}};function D(e,t){return{...e,...t}}function O(e,t){if(!e&&!t)return;if(!e)return{...t};if(!t)return{...e};let n={...e};for(let[e,r]of Object.entries(t))n[e]={...n[e]||{},...r};return n}function k(e={}){let{name:t=`custom`,mode:n,brandColors:r,variables:i,componentOverrides:a,components:o,extends:s,meta:c}=e,l=s==null?n===`dark`?E:T:s,u=n==null?l.mode:n,d={};r&&Object.keys(r).length>0&&(d=_(h(r)));let f;return o&&Object.keys(o).length>0&&(f=ce(o)),{name:t,mode:u,variables:D(l.variables,D(d,i||{})),componentOverrides:O(O(l.componentOverrides,a),f),meta:c}}function pe(...e){if(e.length===0)return k();let t={},n,r=`light`,i=`merged`;for(let a of e)t=D(t,a.variables),n=O(n,a.componentOverrides),r=a.mode,i=a.name;return{name:i,mode:r,variables:t,componentOverrides:n}}function me(e,t){var n,r;return(n=(r=e.componentOverrides)==null?void 0:r[t])==null?{}:n}function he(e,t=`:root`){return`${t} {\n${Object.entries(e.variables).map(([e,t])=>`  ${e}: ${t};`).join(`
+`)}\n}`}function A(e){return e||(typeof document<`u`?document.documentElement:null)}var j=new Map,M=null;function ge(e,t){j.set(e,t)}function _e(e){j.delete(e),M===e&&(M=null)}function ve(e){return j.get(e)}function N(){return Array.from(j.keys())}function P(e,t){let n=j.get(e);if(!n)throw Error(`Theme "${e}" is not registered. Use registerTheme() first. Available: ${N().join(`, `)}`);L(n,t),M=e}function F(){return M}function ye(e,t,n){let r=n==null?void 0:n.prefix;for(let[n,i]of Object.entries(e)){let e=r&&!n.startsWith(r)?`${r}-${n}`:n;t.style.setProperty(e,i)}}function be(e,t){let n=[];for(let r=0;r<e.style.length;r++){let i=e.style.item(r);i.startsWith(t)&&n.push(i)}n.forEach(t=>e.style.removeProperty(t))}var I=`--color-zc`;function L(e,t){let n=A(t==null?void 0:t.target);if(n&&(ye(e.variables,n,t),V(e.mode===`dark`,n),e.componentOverrides))for(let[t,r]of Object.entries(e.componentOverrides)){let e=`data-zc-theme-${t.toLowerCase()}`;n.getAttribute(e);let i=Object.entries(r).map(([e,t])=>`${e}:${t}`).join(`;`);n.setAttribute(e,i);for(let[e,t]of Object.entries(r))n.style.setProperty(e,t)}}function R(e,t,n){var r;let i=A(n==null?void 0:n.target);if(!i)return;let a=m(t),o=(r=n==null?void 0:n.prefix)==null?I:r;for(let[t,n]of Object.entries(a))i.style.setProperty(`${o}-${e}-${t}`,n)}function z(e,t){if(A(t==null?void 0:t.target))for(let[n,r]of Object.entries(e))r&&R(n,r,t)}function B(e,t,n){let r=A(n==null?void 0:n.target);r&&r.style.setProperty(e,t)}function xe(e,t){let n=A(t==null?void 0:t.target);n&&n.style.removeProperty(e)}function V(e,t){let n=t==null?A():t;n&&(e?n.classList.add(`dark`):n.classList.remove(`dark`))}function H(e){var t;let n=A(e==null?void 0:e.target);n&&be(n,(t=e==null?void 0:e.prefix)==null?I:t)}function Se(e,t,n){for(let[t,r]of Object.entries(n))e.style.setProperty(t,r);let r=`data-zc-theme-${t.toLowerCase()}`,i=Object.entries(n).map(([e,t])=>`${e}:${t}`).join(`;`);e.setAttribute(r,i)}function Ce(e,t,n){for(let t of Object.keys(n))e.style.removeProperty(t);e.removeAttribute(`data-zc-theme-${t.toLowerCase()}`)}function we(e){let t=null;return{get current(){return t},apply(n){t=n,L(n,e)},setBrandColor(t,n){R(t,n,e)},setBrandColors(t){z(t,e)},setVariable(t,n){B(t,n,e)},toggleDark(){let t=A(e==null?void 0:e.target);if(!t)return!1;let n=t.classList.contains(`dark`);return V(!n,t),!n},clear(){H(e),t=null}}}var U=[`zc-reset`,`zc-tokens`,`zc-base`,`zc-components`,`zc-overrides`],W=`@layer ${U.join(`, `)};`;function Te(){return[`/* ZC UI CSS Layer Setup */`,W,``,`/* Design tokens go in the tokens layer */`,`@layer zc-tokens {`,`  /* CSS variables are declared in styles.css */`,`  /* Import @zc-ui/theme/styles here or reference tokens */`,`}`].join(`
+`)}function Ee(e,t){return`@layer ${e} {\n${t}\n}`}function De(e=U){return`@layer ${e.join(`, `)};\n`}var Oe=`--color-zc`;function ke(e,t={}){let{brandColors:n,variables:r,preset:i}=t,a={};n&&Object.keys(n).length>0&&(a=_(h(n),`--color-${e}`));let o={};if(i)for(let[t,n]of Object.entries(i.variables)){let r=t.replace(`--color-zc-`,`--color-${e}-`);o[r]=n}let s={};return r&&(s={...r}),{name:e,variables:{...a,...o,...s}}}function Ae(e,t){for(let[n,r]of Object.entries(t.variables))e.style.setProperty(n,r)}function je(e,t){for(let n of Object.keys(t.variables))e.style.removeProperty(n)}function Me(e,t=`:root`){return`${t} {\n${Object.entries(e.variables).map(([e,t])=>`  ${e}: ${t};`).join(`
+`)}\n}`}function Ne(e){let t=`--color-${e}`;return e=>e.startsWith(`--color-zc`)?e.replace(`--color-zc`,t):e}var G={primary:a.primary[500],success:a.success[500],warning:a.warning[500],danger:a.danger[500],info:a.info[500],text:{primary:`#303133`,regular:`#606266`,secondary:`#909399`,placeholder:`#a8abb2`},border:{base:`#dcdfe6`,light:`#e4e7ed`,lighter:`#ebeef5`,extraLight:`#f2f6fc`},fill:{base:`#f0f2f5`,light:`#f5f7fa`,lighter:`#fafafa`}},K={xs:`12px`,sm:`13px`,base:`14px`,md:`16px`,lg:`18px`,xl:`20px`},q={xs:`4px`,sm:`8px`,base:`12px`,md:`16px`,lg:`24px`,xl:`32px`},J={sm:`2px`,base:`4px`,md:`6px`,lg:`8px`,round:`20px`,circle:`50%`},Y={sm:`0 1px 2px 0 rgba(0, 0, 0, 0.05)`,base:`0 2px 8px 0 rgba(0, 0, 0, 0.08)`,md:`0 4px 12px 0 rgba(0, 0, 0, 0.1)`,lg:`0 8px 24px 0 rgba(0, 0, 0, 0.12)`,xl:`0 16px 48px 0 rgba(0, 0, 0, 0.16)`,dark:`0 4px 12px 0 rgba(0, 0, 0, 0.5)`},X={duration:{fast:`0.15s`,base:`0.25s`,slow:`0.35s`},timingFunction:{easeIn:`cubic-bezier(0.4, 0, 1, 1)`,easeOut:`cubic-bezier(0, 0, 0.2, 1)`,easeInOut:`cubic-bezier(0.4, 0, 0.2, 1)`,sharp:`cubic-bezier(0.4, 0, 0.6, 1)`}},Pe={base:1,dropdown:1e3,sticky:1100,fixed:1200,modal:1300,popover:1400,tooltip:1500,message:1600},Fe=`--zc`,Z={text:{primary:`#e5eaf3`,regular:`#cfd3dc`,secondary:`#a3a6ad`,placeholder:`#8d9095`},border:{base:`#4c4d4f`,light:`#414243`,lighter:`#363637`,extraLight:`#2b2b2c`},fill:{base:`#303030`,light:`#262727`,lighter:`#1d1d1d`}},Q=`dark`;function Ie(e){let t=document.documentElement,n=e==null?!t.classList.contains(Q):e;return t.classList.toggle(Q,n),n}function $(){return document.documentElement.classList.contains(Q)}function Le(e){let t=document.documentElement;e===`dark`?t.classList.add(Q):t.classList.remove(Q)}function Re(){return $()?`dark`:`light`}var ze={colors:{primary:a.primary,success:a.success,warning:a.warning,danger:a.danger,info:a.info}};exports.CSS_VAR_PREFIX=g,exports.DEFAULT_CSS_VAR_PREFIX=Oe,exports.adjustHsl=p,exports.applyComponentOverrides=Se,exports.applyDarkMode=V,exports.applyNamespace=Ae,exports.applyTheme=L,exports.borderRadius=J,exports.clearThemeOverrides=H,exports.colorScales=a,exports.colors=G,exports.componentShorthandToCssVars=b,exports.createLayeredStyleSheet=De,exports.createNamespace=ke,exports.createTheme=k,exports.createThemeController=we,exports.createVarResolver=Ne,exports.cssLayerDeclaration=W,exports.cssLayerOrder=U,exports.cssVarPrefix=Fe,exports.dangerScale=r,exports.darkColors=Z,exports.darkTheme=E,exports.darkVariants=s,exports.fontSizes=K,exports.generateColorScale=m,exports.generateCssLayerSetup=Te,exports.generatePalette=h,exports.getComponentOverrides=me,exports.getContrastRatio=y,exports.getCurrentThemeName=F,exports.getLuminance=v,exports.getReadableTextColor=ae,exports.getRegisteredTheme=ve,exports.getTheme=Re,exports.hexToHsl=f,exports.hexToRgb=c,exports.hslToRgb=u,exports.infoScale=i,exports.isDarkMode=$,exports.lightTheme=T,exports.lightVariants=o,exports.listRegisteredThemes=N,exports.mergeThemes=pe,exports.namespaceToCssText=Me,exports.paletteToCssText=ie,exports.paletteToCssVars=_,exports.primaryScale=e,exports.registerTheme=ge,exports.removeComponentOverrides=Ce,exports.removeNamespace=je,exports.removeThemeVariable=xe,exports.rgbToHex=d,exports.rgbToHsl=l,exports.setBrandColor=R,exports.setBrandColors=z,exports.setTheme=Le,exports.setThemeVariable=B,exports.shadows=Y,exports.spacing=q,exports.successScale=t,exports.switchTheme=P,exports.tailwindTheme=ze,exports.themeToCssText=he,exports.toggleDark=Ie,exports.transitions=X,exports.unregisterTheme=_e,exports.warningScale=n,exports.wrapInLayer=Ee,exports.zIndex=Pe;