@symbo.ls/scratch 3.14.753 → 3.14.766
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var w=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var q=(r,s)=>{for(var a in s)w(r,a,{get:s[a],enumerable:!0})},O=(r,s,a,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let
|
|
1
|
+
"use strict";var w=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var q=(r,s)=>{for(var a in s)w(r,a,{get:s[a],enumerable:!0})},O=(r,s,a,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let l of j(s))!L.call(r,l)&&l!==a&&w(r,l,{get:()=>s[l],enumerable:!(e=T(s,l))||e.enumerable});return r};var _=r=>O(w({},"__esModule",{value:!0}),r);var Q={};q(Q,{STANDARD_SCHEME_QUERIES:()=>P,getColor:()=>C,getMediaColor:()=>H,setAdaptiveSchemeVar:()=>E,setColor:()=>M,setGradient:()=>D});module.exports=_(Q);var c=require("@symbo.ls/utils"),S=require("../factory.js"),g=require("../utils/index.js");const P={light:"(prefers-color-scheme: light)",dark:"(prefers-color-scheme: dark)"},C=(r,s,a)=>{const e=a||(0,S.getActiveConfig)();if(!(0,c.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,g.isCSSVar)(r))return`var(${r})`;s&&r[s]&&(r=r[s]);let l,f,o;if((0,c.isArray)(r))[l,f,o]=r;else{const n=(0,g.parseColorToken)(r);if(!n){const{color:V,gradient:A}=e;let $=A[r]||V[r];return $?(s&&$[s]&&($=$[s]),e.useVariable?`var(${$.var})`:$.value):r}if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;l=n.name,f=n.alpha,o=n.tone}const{color:p,gradient:b}=e;let t=p[l]||b[l];if(!t)return e.verbose&&console.warn("Can't find color ",l),r;if(s)if(t[s]!==void 0)t=t[s];else if((0,c.isArray)(t)){const n=s.charCodeAt(0)===64?s.slice(1):s;n==="dark"?t=t[1]!==void 0?t[1]:t[0]:(n!=="light"&&e.verbose&&console.warn(r," - array-form color tokens only support light/dark; falling back to the light slot for scheme",s),t=t[0])}else e.verbose&&console.warn(r," - does not have ",s);if((0,c.isString)(t))return C(t,null,a);let d=t.rgb;if(!d){const n=e.useVariable?`var(${t.var})`:t.value;if(f&&n){const V=Math.round(parseFloat(f)*100);return`color-mix(in srgb, ${n} ${V}%, transparent)`}return n}return o&&!t[o]&&(d=(0,g.getRgbTone)(d,o),t[o]={rgb:d,var:`${t.var}-${o}`}),t[o]&&(d=t[o].rgb),f?`rgba(${d}, ${f})`:o?`rgba(${d}, 1)`:e.useVariable?`var(${t.var})`:`rgb(${d})`},H=(r,s,a)=>{const e=a||(0,S.getActiveConfig)();if(s||(s=e.globalTheme==="auto"?null:e.globalTheme),!(0,c.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,g.isCSSVar)(r))return`var(${r})`;let l,f,o;if((0,c.isArray)(r))l=r[0];else{const n=(0,g.parseColorToken)(r);if(n){if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;l=n.name,f=n.alpha,o=n.tone}else l=r}const{color:p,gradient:b}=e,t=p[l]||b[l],d=(0,c.isObject)(t);if(d&&t.value)return C(r,`@${s}`,a);if(d){if(e.useVariable&&t.var)return f||o?C(r,null,a):`var(${t.var})`;if(s)return C(r,`@${s}`,a);{const n={};for(const V in t){if(V.charCodeAt(0)!==64)continue;const A=V.slice(1),$=e.media&&e.media[A]||P[A];if(!$)continue;const u="@media "+($==="print"?`${$}`:`screen and ${$}`);n[u]=C(r,V,a)}return n}}else return e.verbose&&console.warn("Can't find color",r),r},E=(r,s,a,e)=>{const f=`--${e.varPrefix?e.varPrefix+"-":""}${s}-${a}`;let o;const p={};for(const b in r){if(b.charCodeAt(0)!==64)continue;const t=b.slice(1),d=r[b],n=d&&(d.value||d);!n||typeof n!="string"||(p[t]=n,(t==="light"||o===void 0)&&(o=n))}if(o!==void 0){e.cssVars[f]=o,e.cssMediaVars||(e.cssMediaVars={});for(const b in p){const t=`[data-theme="${b}"]`;if(e.cssMediaVars[t]||(e.cssMediaVars[t]={}),e.cssMediaVars[t][f]=p[b],b==="light"||b==="dark"){const d=`@media (prefers-color-scheme: ${b})`;e.cssMediaVars[d]||(e.cssMediaVars[d]={}),e.cssMediaVars[d][f]=p[b]}}return r.var=f,f}},M=(r,s,a)=>{const e=(0,S.getActiveConfig)();if((0,c.isObject)(r)&&r.value!==void 0&&(r.rgb!==void 0||r.var!==void 0))return e.useVariable&&r.var&&(e.cssVars[r.var]=r.value),r;if((0,c.isString)(r)&&(0,g.isCSSVar)(r)){const u=r.slice(2);if(r=C(u),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const i=u.split(" ");let h=e.color[i[0]];if(h&&!h.value&&!h.rgb&&((0,c.isString)(h)||(0,c.isArray)(h)||(0,c.isObject)(h))&&(e.color[i[0]]=M(h,i[0]),h=e.color[i[0]]),h&&h.value){let m=h.rgb;const x=i[1]!==void 0?i[1]:"1",R=i[2];R&&(m=(0,g.getRgbTone)(m,R)),r=`rgba(${m}, ${x})`}else{const m=i[2],x=i[1]!==void 0?i[1]:"1";if(m)try{const R=(0,g.colorStringToRgbaArray)(i[0]);R&&R.length>=3?r=`rgba(${(0,g.getRgbTone)(R.slice(0,3).join(", "),m)}, ${x})`:r=i[0]}catch{r=i[0]}else r=i[0]}}}if((0,c.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),(0,c.isObject)(r)){const u={};for(const i in r)i!=="var"&&(u[i]=M(r[i],s,i.slice(0,1)==="@"?i.slice(1):i));return e.useVariable&&E(u,"color",s,e),u}const f=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`+(a?`-${a}`:"");let o=r.value||r;if((0,c.isString)(o)&&!o.includes("(")&&!o.startsWith("#")){const u=(0,g.parseColorToken)(o);if(u&&u.name&&!u.passthrough&&!u.cssVar){const i=e.color[u.name];i&&!i.value&&!i.rgb&&((0,c.isString)(i)||(0,c.isArray)(i)||(0,c.isObject)(i))&&(e.color[u.name]=M(i,u.name));const h=e.color[u.name];if(h&&h.rgb){let m=h.rgb;u.tone&&(m=(0,g.getRgbTone)(m,u.tone));const x=u.alpha?parseFloat(u.alpha):1;o=`rgba(${m}, ${x})`}}}const p=(0,g.colorStringToRgbaArray)(o),[b,t,d,n=1]=p,V=parseFloat(n.toFixed(2)),A=`${b}, ${t}, ${d}`,$=`rgba(${A}, ${V})`;return e.useVariable&&(e.cssVars[f]=$),{var:f,rgb:A,alpha:V,value:$}},D=(r,s,a)=>{const e=(0,S.getActiveConfig)();if((0,c.isObject)(r)&&r.value!==void 0&&r.var!==void 0)return e.useVariable&&(e.cssVars[r.var]=r.value),r;if((0,c.isString)(r)&&(0,g.isCSSVar)(r)&&(r=C(r.slice(2))),(0,c.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),(0,c.isObject)(r)){const o={};for(const p in r)p!=="var"&&(o[p]=D(r[p],s,p.slice(0,1)==="@"?p.slice(1):p));return e.useVariable&&E(o,"gradient",s,e),o}const f=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${s}`+(a?`-${a}`:"");return e.useVariable&&(e.cssVars[f]=r.value||r),{var:f,value:r.value||r}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isObject as A,isArray as R,isString as V}from"@symbo.ls/utils";import{getActiveConfig as M}from"../factory.js";import{colorStringToRgbaArray as T,getRgbTone as w,isCSSVar as E,parseColorToken as P}from"../utils/index.js";const L={light:"(prefers-color-scheme: light)",dark:"(prefers-color-scheme: dark)"},x=(r,n,
|
|
1
|
+
import{isObject as A,isArray as R,isString as V}from"@symbo.ls/utils";import{getActiveConfig as M}from"../factory.js";import{colorStringToRgbaArray as T,getRgbTone as w,isCSSVar as E,parseColorToken as P}from"../utils/index.js";const L={light:"(prefers-color-scheme: light)",dark:"(prefers-color-scheme: dark)"},x=(r,n,u)=>{const e=u||M();if(!V(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(E(r))return`var(${r})`;n&&r[n]&&(r=r[n]);let g,c,o;if(R(r))[g,c,o]=r;else{const t=P(r);if(!t){const{color:h,gradient:m}=e;let b=m[r]||h[r];return b?(n&&b[n]&&(b=b[n]),e.useVariable?`var(${b.var})`:b.value):r}if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,c=t.alpha,o=t.tone}const{color:d,gradient:l}=e;let s=d[g]||l[g];if(!s)return e.verbose&&console.warn("Can't find color ",g),r;if(n)if(s[n]!==void 0)s=s[n];else if(R(s)){const t=n.charCodeAt(0)===64?n.slice(1):n;t==="dark"?s=s[1]!==void 0?s[1]:s[0]:(t!=="light"&&e.verbose&&console.warn(r," - array-form color tokens only support light/dark; falling back to the light slot for scheme",n),s=s[0])}else e.verbose&&console.warn(r," - does not have ",n);if(V(s))return x(s,null,u);let a=s.rgb;if(!a){const t=e.useVariable?`var(${s.var})`:s.value;if(c&&t){const h=Math.round(parseFloat(c)*100);return`color-mix(in srgb, ${t} ${h}%, transparent)`}return t}return o&&!s[o]&&(a=w(a,o),s[o]={rgb:a,var:`${s.var}-${o}`}),s[o]&&(a=s[o].rgb),c?`rgba(${a}, ${c})`:o?`rgba(${a}, 1)`:e.useVariable?`var(${s.var})`:`rgb(${a})`},U=(r,n,u)=>{const e=u||M();if(n||(n=e.globalTheme==="auto"?null:e.globalTheme),!V(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(E(r))return`var(${r})`;let g,c,o;if(R(r))g=r[0];else{const t=P(r);if(t){if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,c=t.alpha,o=t.tone}else g=r}const{color:d,gradient:l}=e,s=d[g]||l[g],a=A(s);if(a&&s.value)return x(r,`@${n}`,u);if(a){if(e.useVariable&&s.var)return c||o?x(r,null,u):`var(${s.var})`;if(n)return x(r,`@${n}`,u);{const t={};for(const h in s){if(h.charCodeAt(0)!==64)continue;const m=h.slice(1),b=e.media&&e.media[m]||L[m];if(!b)continue;const f="@media "+(b==="print"?`${b}`:`screen and ${b}`);t[f]=x(r,h,u)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},j=(r,n,u,e)=>{const c=`--${e.varPrefix?e.varPrefix+"-":""}${n}-${u}`;let o;const d={};for(const l in r){if(l.charCodeAt(0)!==64)continue;const s=l.slice(1),a=r[l],t=a&&(a.value||a);!t||typeof t!="string"||(d[s]=t,(s==="light"||o===void 0)&&(o=t))}if(o!==void 0){e.cssVars[c]=o,e.cssMediaVars||(e.cssMediaVars={});for(const l in d){const s=`[data-theme="${l}"]`;if(e.cssMediaVars[s]||(e.cssMediaVars[s]={}),e.cssMediaVars[s][c]=d[l],l==="light"||l==="dark"){const a=`@media (prefers-color-scheme: ${l})`;e.cssMediaVars[a]||(e.cssMediaVars[a]={}),e.cssMediaVars[a][c]=d[l]}}return r.var=c,c}},D=(r,n,u)=>{const e=M();if(A(r)&&r.value!==void 0&&(r.rgb!==void 0||r.var!==void 0))return e.useVariable&&r.var&&(e.cssVars[r.var]=r.value),r;if(V(r)&&E(r)){const f=r.slice(2);if(r=x(f),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const i=f.split(" ");let p=e.color[i[0]];if(p&&!p.value&&!p.rgb&&(V(p)||R(p)||A(p))&&(e.color[i[0]]=D(p,i[0]),p=e.color[i[0]]),p&&p.value){let $=p.rgb;const S=i[1]!==void 0?i[1]:"1",C=i[2];C&&($=w($,C)),r=`rgba(${$}, ${S})`}else{const $=i[2],S=i[1]!==void 0?i[1]:"1";if($)try{const C=T(i[0]);C&&C.length>=3?r=`rgba(${w(C.slice(0,3).join(", "),$)}, ${S})`:r=i[0]}catch{r=i[0]}else r=i[0]}}}if(R(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),A(r)){const f={};for(const i in r)i!=="var"&&(f[i]=D(r[i],n,i.slice(0,1)==="@"?i.slice(1):i));return e.useVariable&&j(f,"color",n,e),f}const c=`--${e.varPrefix?e.varPrefix+"-":""}color-${n}`+(u?`-${u}`:"");let o=r.value||r;if(V(o)&&!o.includes("(")&&!o.startsWith("#")){const f=P(o);if(f&&f.name&&!f.passthrough&&!f.cssVar){const i=e.color[f.name];i&&!i.value&&!i.rgb&&(V(i)||R(i)||A(i))&&(e.color[f.name]=D(i,f.name));const p=e.color[f.name];if(p&&p.rgb){let $=p.rgb;f.tone&&($=w($,f.tone));const S=f.alpha?parseFloat(f.alpha):1;o=`rgba(${$}, ${S})`}}}const d=T(o),[l,s,a,t=1]=d,h=parseFloat(t.toFixed(2)),m=`${l}, ${s}, ${a}`,b=`rgba(${m}, ${h})`;return e.useVariable&&(e.cssVars[c]=b),{var:c,rgb:m,alpha:h,value:b}},q=(r,n,u)=>{const e=M();if(A(r)&&r.value!==void 0&&r.var!==void 0)return e.useVariable&&(e.cssVars[r.var]=r.value),r;if(V(r)&&E(r)&&(r=x(r.slice(2))),R(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),A(r)){const o={};for(const d in r)d!=="var"&&(o[d]=q(r[d],n,d.slice(0,1)==="@"?d.slice(1):d));return e.useVariable&&j(o,"gradient",n,e),o}const c=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${n}`+(u?`-${u}`:"");return e.useVariable&&(e.cssVars[c]=r.value||r),{var:c,value:r.value||r}};export{L as STANDARD_SCHEME_QUERIES,x as getColor,U as getMediaColor,j as setAdaptiveSchemeVar,D as setColor,q as setGradient};
|