@symbo.ls/scratch 3.14.753 → 3.14.769

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @symbo.ls/scratch
 
+## 3.14.769
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
+## 3.14.766
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
 ## 3.14.753
 
 ### Patch Changes

package/dist/cjs/src/system/color.js

@@ -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 u of j(s))!L.call(r,u)&&u!==a&&w(r,u,{get:()=>s[u],enumerable:!(e=T(s,u))||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 u,f,o;if((0,c.isArray)(r))[u,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})`;u=n.name,f=n.alpha,o=n.tone}const{color:p,gradient:h}=e;let t=p[u]||h[u];if(!t)return e.verbose&&console.warn("Can't find color ",u),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 u,f,o;if((0,c.isArray)(r))u=r[0];else{const n=(0,g.parseColorToken)(r);if(n){if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;u=n.name,f=n.alpha,o=n.tone}else u=r}const{color:p,gradient:h}=e,t=p[u]||h[u],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 l="@media "+($==="print"?`${$}`:`screen and ${$}`);n[l]=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 h in r){if(h.charCodeAt(0)!==64)continue;const t=h.slice(1),d=r[h],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 h in p){const t=`[data-theme="${h}"]`;if(e.cssMediaVars[t]||(e.cssMediaVars[t]={}),e.cssMediaVars[t][f]=p[h],h==="light"||h==="dark"){const d=`@media (prefers-color-scheme: ${h})`;e.cssMediaVars[d]||(e.cssMediaVars[d]={}),e.cssMediaVars[d][f]=p[h]}}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 r;if((0,c.isString)(r)&&(0,g.isCSSVar)(r)){const l=r.slice(2);if(r=C(l),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const i=l.split(" ");let b=e.color[i[0]];if(b&&!b.value&&!b.rgb&&((0,c.isString)(b)||(0,c.isArray)(b)||(0,c.isObject)(b))&&(e.color[i[0]]=M(b,i[0]),b=e.color[i[0]]),b&&b.value){let m=b.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 l={};for(const i in r)i!=="var"&&(l[i]=M(r[i],s,i.slice(0,1)==="@"?i.slice(1):i));return e.useVariable&&E(l,"color",s,e),l}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 l=(0,g.parseColorToken)(o);if(l&&l.name&&!l.passthrough&&!l.cssVar){const i=e.color[l.name];i&&!i.value&&!i.rgb&&((0,c.isString)(i)||(0,c.isArray)(i)||(0,c.isObject)(i))&&(e.color[l.name]=M(i,l.name));const b=e.color[l.name];if(b&&b.rgb){let m=b.rgb;l.tone&&(m=(0,g.getRgbTone)(m,l.tone));const x=l.alpha?parseFloat(l.alpha):1;o=`rgba(${m}, ${x})`}}}const p=(0,g.colorStringToRgbaArray)(o),[h,t,d,n=1]=p,V=parseFloat(n.toFixed(2)),A=`${h}, ${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 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}};
+"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 d in s)w(r,d,{get:s[d],enumerable:!0})},O=(r,s,d,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let u of j(s))!L.call(r,u)&&u!==d&&w(r,u,{get:()=>s[u],enumerable:!(e=T(s,u))||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 a=require("@symbo.ls/utils"),x=require("../factory.js"),b=require("../utils/index.js");const P={light:"(prefers-color-scheme: light)",dark:"(prefers-color-scheme: dark)"},C=(r,s,d)=>{const e=d||(0,x.getActiveConfig)();if(!(0,a.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,b.isCSSVar)(r))return`var(${r})`;s&&r[s]&&(r=r[s]);let u,f,o;if((0,a.isArray)(r))[u,f,o]=r;else{const n=(0,b.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})`;u=n.name,f=n.alpha,o=n.tone}const{color:g,gradient:h}=e;let t=g[u]||h[u];if(!t)return e.verbose&&console.warn("Can't find color ",u),r;if(s)if(t[s]!==void 0)t=t[s];else if((0,a.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,a.isString)(t))return C(t,null,d);let l=t.rgb;if(!l){const n=e.useVariable?`var(${t.var})`:t.value;if((f||o)&&n){const V=f!==void 0?f:1;if(!o)return`rgb(from ${n} r g b / ${V})`;if(o.charCodeAt(0)===43||o.charCodeAt(0)===45){const $=parseFloat(o),c=$<0?"-":"+",i=Math.abs($);return`rgb(from ${n} calc(r ${c} ${i}) calc(g ${c} ${i}) calc(b ${c} ${i}) / ${V})`}return`hsl(from ${n} h s ${o}% / ${V})`}return n}return o&&!t[o]&&(l=(0,b.getRgbTone)(l,o),t[o]={rgb:l,var:`${t.var}-${o}`}),t[o]&&(l=t[o].rgb),f?`rgba(${l}, ${f})`:o?`rgba(${l}, 1)`:e.useVariable?`var(${t.var})`:`rgb(${l})`},H=(r,s,d)=>{const e=d||(0,x.getActiveConfig)();if(s||(s=e.globalTheme==="auto"?null:e.globalTheme),!(0,a.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,b.isCSSVar)(r))return`var(${r})`;let u,f,o;if((0,a.isArray)(r))u=r[0];else{const n=(0,b.parseColorToken)(r);if(n){if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;u=n.name,f=n.alpha,o=n.tone}else u=r}const{color:g,gradient:h}=e,t=g[u]||h[u],l=(0,a.isObject)(t);if(l&&t.value)return C(r,`@${s}`,d);if(l){if(e.useVariable&&t.var)return f||o?C(r,null,d):`var(${t.var})`;if(s)return C(r,`@${s}`,d);{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 c="@media "+($==="print"?`${$}`:`screen and ${$}`);n[c]=C(r,V,d)}return n}}else return e.verbose&&console.warn("Can't find color",r),r},E=(r,s,d,e)=>{const f=`--${e.varPrefix?e.varPrefix+"-":""}${s}-${d}`;let o;const g={};for(const h in r){if(h.charCodeAt(0)!==64)continue;const t=h.slice(1),l=r[h],n=l&&(l.value||l);!n||typeof n!="string"||(g[t]=n,(t==="light"||o===void 0)&&(o=n))}if(o!==void 0){e.cssVars[f]=o,e.cssMediaVars||(e.cssMediaVars={});for(const h in g){const t=`[data-theme="${h}"]`;if(e.cssMediaVars[t]||(e.cssMediaVars[t]={}),e.cssMediaVars[t][f]=g[h],h==="light"||h==="dark"){const l=`@media (prefers-color-scheme: ${h})`;e.cssMediaVars[l]||(e.cssMediaVars[l]={}),e.cssMediaVars[l][f]=g[h]}}return r.var=f,f}},M=(r,s,d)=>{const e=(0,x.getActiveConfig)();if((0,a.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,a.isString)(r)&&(0,b.isCSSVar)(r)){const c=r.slice(2);if(r=C(c),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const i=c.split(" ");let p=e.color[i[0]];if(p&&!p.value&&!p.rgb&&((0,a.isString)(p)||(0,a.isArray)(p)||(0,a.isObject)(p))&&(e.color[i[0]]=M(p,i[0]),p=e.color[i[0]]),p&&p.value){let m=p.rgb;const S=i[1]!==void 0?i[1]:"1",R=i[2];R&&(m=(0,b.getRgbTone)(m,R)),r=`rgba(${m}, ${S})`}else{const m=i[2],S=i[1]!==void 0?i[1]:"1";if(m)try{const R=(0,b.colorStringToRgbaArray)(i[0]);R&&R.length>=3?r=`rgba(${(0,b.getRgbTone)(R.slice(0,3).join(", "),m)}, ${S})`:r=i[0]}catch{r=i[0]}else r=i[0]}}}if((0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),(0,a.isObject)(r)){const c={};for(const i in r)i!=="var"&&(c[i]=M(r[i],s,i.slice(0,1)==="@"?i.slice(1):i));return e.useVariable&&E(c,"color",s,e),c}const f=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`+(d?`-${d}`:"");let o=r.value||r;if((0,a.isString)(o)&&!o.includes("(")&&!o.startsWith("#")){const c=(0,b.parseColorToken)(o);if(c&&c.name&&!c.passthrough&&!c.cssVar){const i=e.color[c.name];i&&!i.value&&!i.rgb&&((0,a.isString)(i)||(0,a.isArray)(i)||(0,a.isObject)(i))&&(e.color[c.name]=M(i,c.name));const p=e.color[c.name];if(p&&p.rgb){let m=p.rgb;c.tone&&(m=(0,b.getRgbTone)(m,c.tone));const S=c.alpha?parseFloat(c.alpha):1;o=`rgba(${m}, ${S})`}}}const g=(0,b.colorStringToRgbaArray)(o),[h,t,l,n=1]=g,V=parseFloat(n.toFixed(2)),A=`${h}, ${t}, ${l}`,$=`rgba(${A}, ${V})`;return e.useVariable&&(e.cssVars[f]=$),{var:f,rgb:A,alpha:V,value:$}},D=(r,s,d)=>{const e=(0,x.getActiveConfig)();if((0,a.isObject)(r)&&r.value!==void 0&&r.var!==void 0)return e.useVariable&&(e.cssVars[r.var]=r.value),r;if((0,a.isString)(r)&&(0,b.isCSSVar)(r)&&(r=C(r.slice(2))),(0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),(0,a.isObject)(r)){const o={};for(const g in r)g!=="var"&&(o[g]=D(r[g],s,g.slice(0,1)==="@"?g.slice(1):g));return e.useVariable&&E(o,"gradient",s,e),o}const f=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${s}`+(d?`-${d}`:"");return e.useVariable&&(e.cssVars[f]=r.value||r),{var:f,value:r.value||r}};

package/dist/esm/src/system/color.js

@@ -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,l)=>{const e=l||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:b,gradient:m}=e;let h=m[r]||b[r];return h?(n&&h[n]&&(h=h[n]),e.useVariable?`var(${h.var})`:h.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:u}=e;let s=d[g]||u[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,l);let a=s.rgb;if(!a){const t=e.useVariable?`var(${s.var})`:s.value;if(c&&t){const b=Math.round(parseFloat(c)*100);return`color-mix(in srgb, ${t} ${b}%, 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,l)=>{const e=l||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:u}=e,s=d[g]||u[g],a=A(s);if(a&&s.value)return x(r,`@${n}`,l);if(a){if(e.useVariable&&s.var)return c||o?x(r,null,l):`var(${s.var})`;if(n)return x(r,`@${n}`,l);{const t={};for(const b in s){if(b.charCodeAt(0)!==64)continue;const m=b.slice(1),h=e.media&&e.media[m]||L[m];if(!h)continue;const f="@media "+(h==="print"?`${h}`:`screen and ${h}`);t[f]=x(r,b,l)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},j=(r,n,l,e)=>{const c=`--${e.varPrefix?e.varPrefix+"-":""}${n}-${l}`;let o;const d={};for(const u in r){if(u.charCodeAt(0)!==64)continue;const s=u.slice(1),a=r[u],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 u in d){const s=`[data-theme="${u}"]`;if(e.cssMediaVars[s]||(e.cssMediaVars[s]={}),e.cssMediaVars[s][c]=d[u],u==="light"||u==="dark"){const a=`@media (prefers-color-scheme: ${u})`;e.cssMediaVars[a]||(e.cssMediaVars[a]={}),e.cssMediaVars[a][c]=d[u]}}return r.var=c,c}},D=(r,n,l)=>{const e=M();if(A(r)&&r.value!==void 0&&(r.rgb!==void 0||r.var!==void 0))return 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}`+(l?`-${l}`:"");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),[u,s,a,t=1]=d,b=parseFloat(t.toFixed(2)),m=`${u}, ${s}, ${a}`,h=`rgba(${m}, ${b})`;return e.useVariable&&(e.cssVars[c]=h),{var:c,rgb:m,alpha:b,value:h}},q=(r,n,l)=>{const e=M();if(A(r)&&r.value!==void 0&&r.var!==void 0)return 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}`+(l?`-${l}`:"");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};
+import{isObject as C,isArray as R,isString as m}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)"},S=(r,i,u)=>{const e=u||M();if(!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(E(r))return`var(${r})`;i&&r[i]&&(r=r[i]);let b,a,n;if(R(r))[b,a,n]=r;else{const t=P(r);if(!t){const{color:h,gradient:V}=e;let l=V[r]||h[r];return l?(i&&l[i]&&(l=l[i]),e.useVariable?`var(${l.var})`:l.value):r}if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;b=t.name,a=t.alpha,n=t.tone}const{color:d,gradient:g}=e;let s=d[b]||g[b];if(!s)return e.verbose&&console.warn("Can't find color ",b),r;if(i)if(s[i]!==void 0)s=s[i];else if(R(s)){const t=i.charCodeAt(0)===64?i.slice(1):i;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",i),s=s[0])}else e.verbose&&console.warn(r," - does not have ",i);if(m(s))return S(s,null,u);let f=s.rgb;if(!f){const t=e.useVariable?`var(${s.var})`:s.value;if((a||n)&&t){const h=a!==void 0?a:1;if(!n)return`rgb(from ${t} r g b / ${h})`;if(n.charCodeAt(0)===43||n.charCodeAt(0)===45){const l=parseFloat(n),c=l<0?"-":"+",o=Math.abs(l);return`rgb(from ${t} calc(r ${c} ${o}) calc(g ${c} ${o}) calc(b ${c} ${o}) / ${h})`}return`hsl(from ${t} h s ${n}% / ${h})`}return t}return n&&!s[n]&&(f=w(f,n),s[n]={rgb:f,var:`${s.var}-${n}`}),s[n]&&(f=s[n].rgb),a?`rgba(${f}, ${a})`:n?`rgba(${f}, 1)`:e.useVariable?`var(${s.var})`:`rgb(${f})`},U=(r,i,u)=>{const e=u||M();if(i||(i=e.globalTheme==="auto"?null:e.globalTheme),!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(E(r))return`var(${r})`;let b,a,n;if(R(r))b=r[0];else{const t=P(r);if(t){if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;b=t.name,a=t.alpha,n=t.tone}else b=r}const{color:d,gradient:g}=e,s=d[b]||g[b],f=C(s);if(f&&s.value)return S(r,`@${i}`,u);if(f){if(e.useVariable&&s.var)return a||n?S(r,null,u):`var(${s.var})`;if(i)return S(r,`@${i}`,u);{const t={};for(const h in s){if(h.charCodeAt(0)!==64)continue;const V=h.slice(1),l=e.media&&e.media[V]||L[V];if(!l)continue;const c="@media "+(l==="print"?`${l}`:`screen and ${l}`);t[c]=S(r,h,u)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},j=(r,i,u,e)=>{const a=`--${e.varPrefix?e.varPrefix+"-":""}${i}-${u}`;let n;const d={};for(const g in r){if(g.charCodeAt(0)!==64)continue;const s=g.slice(1),f=r[g],t=f&&(f.value||f);!t||typeof t!="string"||(d[s]=t,(s==="light"||n===void 0)&&(n=t))}if(n!==void 0){e.cssVars[a]=n,e.cssMediaVars||(e.cssMediaVars={});for(const g in d){const s=`[data-theme="${g}"]`;if(e.cssMediaVars[s]||(e.cssMediaVars[s]={}),e.cssMediaVars[s][a]=d[g],g==="light"||g==="dark"){const f=`@media (prefers-color-scheme: ${g})`;e.cssMediaVars[f]||(e.cssMediaVars[f]={}),e.cssMediaVars[f][a]=d[g]}}return r.var=a,a}},D=(r,i,u)=>{const e=M();if(C(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(m(r)&&E(r)){const c=r.slice(2);if(r=S(c),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const o=c.split(" ");let $=e.color[o[0]];if($&&!$.value&&!$.rgb&&(m($)||R($)||C($))&&(e.color[o[0]]=D($,o[0]),$=e.color[o[0]]),$&&$.value){let p=$.rgb;const x=o[1]!==void 0?o[1]:"1",A=o[2];A&&(p=w(p,A)),r=`rgba(${p}, ${x})`}else{const p=o[2],x=o[1]!==void 0?o[1]:"1";if(p)try{const A=T(o[0]);A&&A.length>=3?r=`rgba(${w(A.slice(0,3).join(", "),p)}, ${x})`:r=o[0]}catch{r=o[0]}else r=o[0]}}}if(R(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),C(r)){const c={};for(const o in r)o!=="var"&&(c[o]=D(r[o],i,o.slice(0,1)==="@"?o.slice(1):o));return e.useVariable&&j(c,"color",i,e),c}const a=`--${e.varPrefix?e.varPrefix+"-":""}color-${i}`+(u?`-${u}`:"");let n=r.value||r;if(m(n)&&!n.includes("(")&&!n.startsWith("#")){const c=P(n);if(c&&c.name&&!c.passthrough&&!c.cssVar){const o=e.color[c.name];o&&!o.value&&!o.rgb&&(m(o)||R(o)||C(o))&&(e.color[c.name]=D(o,c.name));const $=e.color[c.name];if($&&$.rgb){let p=$.rgb;c.tone&&(p=w(p,c.tone));const x=c.alpha?parseFloat(c.alpha):1;n=`rgba(${p}, ${x})`}}}const d=T(n),[g,s,f,t=1]=d,h=parseFloat(t.toFixed(2)),V=`${g}, ${s}, ${f}`,l=`rgba(${V}, ${h})`;return e.useVariable&&(e.cssVars[a]=l),{var:a,rgb:V,alpha:h,value:l}},q=(r,i,u)=>{const e=M();if(C(r)&&r.value!==void 0&&r.var!==void 0)return e.useVariable&&(e.cssVars[r.var]=r.value),r;if(m(r)&&E(r)&&(r=S(r.slice(2))),R(r)&&(r={"@light":r[0],"@dark":r[1]!==void 0?r[1]:r[0]}),C(r)){const n={};for(const d in r)d!=="var"&&(n[d]=q(r[d],i,d.slice(0,1)==="@"?d.slice(1):d));return e.useVariable&&j(n,"gradient",i,e),n}const a=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${i}`+(u?`-${u}`:"");return e.useVariable&&(e.cssVars[a]=r.value||r),{var:a,value:r.value||r}};export{L as STANDARD_SCHEME_QUERIES,S as getColor,U as getMediaColor,j as setAdaptiveSchemeVar,D as setColor,q as setGradient};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.753",
+  "version": "3.14.769",
   "files": [
     "dist",
     "*.js",