@symbo.ls/scratch 3.14.651 → 3.14.674
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 D=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var L=(r,s)=>{for(var d in s)w(r,d,{get:s[d],enumerable:!0})},q=(r,s,d,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let p of D(s))!E.call(r,p)&&p!==d&&w(r,p,{get:()=>s[p],enumerable:!(e=T(s,p))||e.enumerable});return r};var O=r=>q(w({},"__esModule",{value:!0}),r);var v={};L(v,{getColor:()=>x,getMediaColor:()=>W,setColor:()=>S,setGradient:()=>j});module.exports=O(v);var a=require("@symbo.ls/utils"),M=require("../factory.js"),g=require("../utils/index.js");const x=(r,s,d)=>{const e=d||(0,M.getActiveConfig)();if(!(0,a.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 p,c,t;if((0,a.isArray)(r))[p,c,t]=r;else{const o=(0,g.parseColorToken)(r);if(!o){const{color:V,gradient:C}=e;let h=C[r]||V[r];return h?(s&&h[s]&&(h=h[s]),e.useVariable?`var(${h.var})`:h.value):r}if(o.passthrough)return o.passthrough;if(o.cssVar)return`var(${o.cssVar})`;p=o.name,c=o.alpha,t=o.tone}const{color:b,gradient:$}=e;let i=b[p]||$[p];if(!i)return e.verbose&&console.warn("Can't find color ",p),r;s&&(i[s]?i=i[s]:e.verbose&&console.warn(r," - does not have ",s));let f=i.rgb;if(!f){const o=e.useVariable?`var(${i.var})`:i.value;if(c&&o){const V=Math.round(parseFloat(c)*100);return`color-mix(in srgb, ${o} ${V}%, transparent)`}return o}return t&&!i[t]&&(f=(0,g.getRgbTone)(f,t),i[t]={rgb:f,var:`${i.var}-${t}`}),i[t]&&(f=i[t].rgb),c?`rgba(${f}, ${c})`:t?`rgba(${f}, 1)`:e.useVariable?`var(${i.var})`:`rgb(${f})`},W=(r,s,d)=>{const e=d||(0,M.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,g.isCSSVar)(r))return`var(${r})`;let p,c,t;if((0,a.isArray)(r))p=r[0];else{const o=(0,g.parseColorToken)(r);if(o){if(o.passthrough)return o.passthrough;if(o.cssVar)return`var(${o.cssVar})`;p=o.name,c=o.alpha,t=o.tone}else p=r}const{color:b,gradient:$}=e,i=b[p]||$[p],f=(0,a.isObject)(i);if(f&&i.value)return x(r,`@${s}`,d);if(f){if(e.useVariable&&i.var)return c||t?x(r,null,d):`var(${i.var})`;if(s)return x(r,`@${s}`,d);{const o={};for(const V in i){if(V.charCodeAt(0)!==64)continue;const C=e.media[V.slice(1)];if(!C)continue;const h="@media "+(C==="print"?`${C}`:`screen and ${C}`);o[h]=x(r,V,d)}return o}}else return e.verbose&&console.warn("Can't find color",r),r},P=(r,s,d,e)=>{const c=`--${e.varPrefix?e.varPrefix+"-":""}${s}-${d}`;let t;const b={};for(const $ in r){if($.charCodeAt(0)!==64)continue;const i=$.slice(1),f=r[$],o=f&&(f.value||f);!o||typeof o!="string"||(b[i]=o,(i==="light"||t===void 0)&&(t=o))}if(t!==void 0){e.cssVars[c]=t,e.cssMediaVars||(e.cssMediaVars={});for(const $ in b){const i=`[data-theme="${$}"]`;if(e.cssMediaVars[i]||(e.cssMediaVars[i]={}),e.cssMediaVars[i][c]=b[$],$==="light"||$==="dark"){const f=`@media (prefers-color-scheme: ${$})`;e.cssMediaVars[f]||(e.cssMediaVars[f]={}),e.cssMediaVars[f][c]=b[$]}}return r.var=c,c}},S=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)){const l=r.slice(2);if(r=x(l),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const n=l.split(" ");let u=e.color[n[0]];if(u&&!u.value&&!u.rgb&&((0,a.isString)(u)||(0,a.isArray)(u)||(0,a.isObject)(u))&&(e.color[n[0]]=S(u,n[0]),u=e.color[n[0]]),u&&u.value){let m=u.rgb;const A=n[1]!==void 0?n[1]:"1",R=n[2];R&&(m=(0,g.getRgbTone)(m,R)),r=`rgba(${m}, ${A})`}else{const m=n[2],A=n[1]!==void 0?n[1]:"1";if(m)try{const R=(0,g.colorStringToRgbaArray)(n[0]);R&&R.length>=3?r=`rgba(${(0,g.getRgbTone)(R.slice(0,3).join(", "),m)}, ${A})`:r=n[0]}catch{r=n[0]}else r=n[0]}}}if((0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,a.isObject)(r)){const l={};for(const n in r)l[n]=S(r[n],s,n.slice(0,1)==="@"?n.slice(1):n);return e.useVariable&&P(l,"color",s,e),l}const c=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`+(d?`-${d}`:"");let t=r.value||r;if((0,a.isString)(t)&&t.includes(".")&&!t.includes("(")){const[l,n]=t.split("."),u=e.color[l];u&&u.rgb&&(t=`rgba(${u.rgb}, ${parseFloat("0."+n)||1})`)}if((0,a.isString)(t)&&!t.includes("(")&&!t.startsWith("#")){const l=(0,g.parseColorToken)(t);if(l&&l.name&&!l.passthrough&&!l.cssVar){const n=e.color[l.name];n&&!n.value&&!n.rgb&&((0,a.isString)(n)||(0,a.isArray)(n)||(0,a.isObject)(n))&&(e.color[l.name]=S(n,l.name));const u=e.color[l.name];if(u&&u.rgb){let m=u.rgb;l.tone&&(m=(0,g.getRgbTone)(m,l.tone));const A=l.alpha?parseFloat(l.alpha):1;t=`rgba(${m}, ${A})`}}}const b=(0,g.colorStringToRgbaArray)(t),[$,i,f,o=1]=b,V=parseFloat(o.toFixed(2)),C=`${$}, ${i}, ${f}`,h=`rgba(${C}, ${V})`;return e.useVariable&&(e.cssVars[c]=h),{var:c,rgb:C,alpha:V,value:h}},j=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)&&(r=x(r.slice(2))),(0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,a.isObject)(r)){const t={};for(const b in r)t[b]=j(r[b],s,b.slice(0,1)==="@"?b.slice(1):b);return e.useVariable&&P(t,"gradient",s,e),t}const c=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${s}`+(d?`-${d}`:"");return e.useVariable&&(e.cssVars[c]=r.value||r),{var:c,value:r.value||r}};
|
|
1
|
+
"use strict";var w=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var L=(r,s)=>{for(var d in s)w(r,d,{get:s[d],enumerable:!0})},q=(r,s,d,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let p of D(s))!E.call(r,p)&&p!==d&&w(r,p,{get:()=>s[p],enumerable:!(e=T(s,p))||e.enumerable});return r};var O=r=>q(w({},"__esModule",{value:!0}),r);var v={};L(v,{getColor:()=>x,getMediaColor:()=>W,setAdaptiveSchemeVar:()=>P,setColor:()=>S,setGradient:()=>j});module.exports=O(v);var a=require("@symbo.ls/utils"),M=require("../factory.js"),g=require("../utils/index.js");const x=(r,s,d)=>{const e=d||(0,M.getActiveConfig)();if(!(0,a.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 p,c,t;if((0,a.isArray)(r))[p,c,t]=r;else{const o=(0,g.parseColorToken)(r);if(!o){const{color:V,gradient:C}=e;let h=C[r]||V[r];return h?(s&&h[s]&&(h=h[s]),e.useVariable?`var(${h.var})`:h.value):r}if(o.passthrough)return o.passthrough;if(o.cssVar)return`var(${o.cssVar})`;p=o.name,c=o.alpha,t=o.tone}const{color:b,gradient:$}=e;let i=b[p]||$[p];if(!i)return e.verbose&&console.warn("Can't find color ",p),r;s&&(i[s]?i=i[s]:e.verbose&&console.warn(r," - does not have ",s));let f=i.rgb;if(!f){const o=e.useVariable?`var(${i.var})`:i.value;if(c&&o){const V=Math.round(parseFloat(c)*100);return`color-mix(in srgb, ${o} ${V}%, transparent)`}return o}return t&&!i[t]&&(f=(0,g.getRgbTone)(f,t),i[t]={rgb:f,var:`${i.var}-${t}`}),i[t]&&(f=i[t].rgb),c?`rgba(${f}, ${c})`:t?`rgba(${f}, 1)`:e.useVariable?`var(${i.var})`:`rgb(${f})`},W=(r,s,d)=>{const e=d||(0,M.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,g.isCSSVar)(r))return`var(${r})`;let p,c,t;if((0,a.isArray)(r))p=r[0];else{const o=(0,g.parseColorToken)(r);if(o){if(o.passthrough)return o.passthrough;if(o.cssVar)return`var(${o.cssVar})`;p=o.name,c=o.alpha,t=o.tone}else p=r}const{color:b,gradient:$}=e,i=b[p]||$[p],f=(0,a.isObject)(i);if(f&&i.value)return x(r,`@${s}`,d);if(f){if(e.useVariable&&i.var)return c||t?x(r,null,d):`var(${i.var})`;if(s)return x(r,`@${s}`,d);{const o={};for(const V in i){if(V.charCodeAt(0)!==64)continue;const C=e.media[V.slice(1)];if(!C)continue;const h="@media "+(C==="print"?`${C}`:`screen and ${C}`);o[h]=x(r,V,d)}return o}}else return e.verbose&&console.warn("Can't find color",r),r},P=(r,s,d,e)=>{const c=`--${e.varPrefix?e.varPrefix+"-":""}${s}-${d}`;let t;const b={};for(const $ in r){if($.charCodeAt(0)!==64)continue;const i=$.slice(1),f=r[$],o=f&&(f.value||f);!o||typeof o!="string"||(b[i]=o,(i==="light"||t===void 0)&&(t=o))}if(t!==void 0){e.cssVars[c]=t,e.cssMediaVars||(e.cssMediaVars={});for(const $ in b){const i=`[data-theme="${$}"]`;if(e.cssMediaVars[i]||(e.cssMediaVars[i]={}),e.cssMediaVars[i][c]=b[$],$==="light"||$==="dark"){const f=`@media (prefers-color-scheme: ${$})`;e.cssMediaVars[f]||(e.cssMediaVars[f]={}),e.cssMediaVars[f][c]=b[$]}}return r.var=c,c}},S=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)){const l=r.slice(2);if(r=x(l),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const n=l.split(" ");let u=e.color[n[0]];if(u&&!u.value&&!u.rgb&&((0,a.isString)(u)||(0,a.isArray)(u)||(0,a.isObject)(u))&&(e.color[n[0]]=S(u,n[0]),u=e.color[n[0]]),u&&u.value){let m=u.rgb;const A=n[1]!==void 0?n[1]:"1",R=n[2];R&&(m=(0,g.getRgbTone)(m,R)),r=`rgba(${m}, ${A})`}else{const m=n[2],A=n[1]!==void 0?n[1]:"1";if(m)try{const R=(0,g.colorStringToRgbaArray)(n[0]);R&&R.length>=3?r=`rgba(${(0,g.getRgbTone)(R.slice(0,3).join(", "),m)}, ${A})`:r=n[0]}catch{r=n[0]}else r=n[0]}}}if((0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,a.isObject)(r)){const l={};for(const n in r)l[n]=S(r[n],s,n.slice(0,1)==="@"?n.slice(1):n);return e.useVariable&&P(l,"color",s,e),l}const c=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`+(d?`-${d}`:"");let t=r.value||r;if((0,a.isString)(t)&&t.includes(".")&&!t.includes("(")){const[l,n]=t.split("."),u=e.color[l];u&&u.rgb&&(t=`rgba(${u.rgb}, ${parseFloat("0."+n)||1})`)}if((0,a.isString)(t)&&!t.includes("(")&&!t.startsWith("#")){const l=(0,g.parseColorToken)(t);if(l&&l.name&&!l.passthrough&&!l.cssVar){const n=e.color[l.name];n&&!n.value&&!n.rgb&&((0,a.isString)(n)||(0,a.isArray)(n)||(0,a.isObject)(n))&&(e.color[l.name]=S(n,l.name));const u=e.color[l.name];if(u&&u.rgb){let m=u.rgb;l.tone&&(m=(0,g.getRgbTone)(m,l.tone));const A=l.alpha?parseFloat(l.alpha):1;t=`rgba(${m}, ${A})`}}}const b=(0,g.colorStringToRgbaArray)(t),[$,i,f,o=1]=b,V=parseFloat(o.toFixed(2)),C=`${$}, ${i}, ${f}`,h=`rgba(${C}, ${V})`;return e.useVariable&&(e.cssVars[c]=h),{var:c,rgb:C,alpha:V,value:h}},j=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)&&(r=x(r.slice(2))),(0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,a.isObject)(r)){const t={};for(const b in r)t[b]=j(r[b],s,b.slice(0,1)==="@"?b.slice(1):b);return e.useVariable&&P(t,"gradient",s,e),t}const c=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${s}`+(d?`-${d}`:"");return e.useVariable&&(e.cssVars[c]=r.value||r),{var:c,value:r.value||r}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var h=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var j=(r,n)=>{for(var i in n)h(r,i,{get:n[i],enumerable:!0})},A=(r,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of V(n))!g.call(r,s)&&s!==i&&h(r,s,{get:()=>n[s],enumerable:!(d=O(n,s))||d.enumerable});return r};var $=r=>A(h({},"__esModule",{value:!0}),r);var N={};j(N,{getShadow:()=>x,setShadow:()=>S});module.exports=$(N);var w=require("../factory.js"),u=require("./color.js"),l=require("./spacing.js"),f=require("../utils/color.js"),c=require("@symbo.ls/utils");const S=(r,n,i,d)=>{const s=(0,w.getActiveConfig)();if((0,c.isArray)(r)){const o={"@light":S(r[0],n,"light"),"@dark":S(r[1],n,"dark")};return s.useVariable&&(0,u.setAdaptiveSchemeVar)(o,"shadow",n,s),o}if((0,c.isObject)(r)){const o={};for(const t in r)o[t]=S(r[t],n,t.startsWith("@")?t.slice(1):t);return s.useVariable&&(0,u.setAdaptiveSchemeVar)(o,"shadow",n,s),o}(0,c.isString)(r)&&!f.CSS_NATIVE_COLOR_REGEX.test(r)&&(r=(0,f.splitTopLevelCommas)(r).map(o=>(o=o.trim(),o.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(t.startsWith("--"))return`var(${t})`;const a=(0,u.getColor)(t);if((0,f.isResolvedColor)(a))return a;if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em"||t==="inset"||t==="none")return t;const p=(0,l.getSpacingByKey)(t,"shadow");return p&&p.shadow?p.shadow:t}).join(" "))).join(", "));const m=`--${s.varPrefix?s.varPrefix+"-":""}shadow-${n}`+(i?`-${i}`:"");return s.useVariable&&(s.cssVars[m]=r),{var:m,value:r}},x=(r,n)=>{const i=(0,w.getActiveConfig)();if(n||(n=i.globalTheme==="auto"?null:i.globalTheme),!(0,c.isString)(r)){i.verbose&&console.warn(r,"- type for color is not valid");return}if((0,f.isCSSVar)(r))return`var(${r})`;const[d]=(0,c.isArray)(r)?r:r.split(" "),e=i.shadow[d],m=(0,c.isObject)(e);if(!e)return i.verbose&&console.warn("Can't find color ",d),r;if(n){const o=e["@"+n]||e[n];if(o)return o.value!==void 0?o.value:o;i.verbose&&console.warn(r," - does not have ",n)}if(m&&e.value)return e.value;if(m){const o={};for(const t in e){if(t.charCodeAt(0)!==64)continue;const a=i.media[t.slice(1)];if(!a)continue;const p="@media "+(a==="print"?`${a}`:`screen and ${a}`),C=e[t],b=C&&(C.value!==void 0?C.value:C);b!==void 0&&(o[p]=b)}return o}return i.verbose&&console.warn("Can't find color",r),r};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isObject as M,isArray as R,isString as m}from"@symbo.ls/utils";import{getActiveConfig as S}from"../factory.js";import{colorStringToRgbaArray as D,getRgbTone as w,isCSSVar as P,parseColorToken as j}from"../utils/index.js";const x=(r,i,u)=>{const e=u||S();if(!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(P(r))return`var(${r})`;i&&r[i]&&(r=r[i]);let g,a,s;if(R(r))[g,a,s]=r;else{const t=j(r);if(!t){const{color:$,gradient:V}=e;let b=V[r]||$[r];return b?(i&&b[i]&&(b=b[i]),e.useVariable?`var(${b.var})`:b.value):r}if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,a=t.alpha,s=t.tone}const{color:d,gradient:p}=e;let n=d[g]||p[g];if(!n)return e.verbose&&console.warn("Can't find color ",g),r;i&&(n[i]?n=n[i]:e.verbose&&console.warn(r," - does not have ",i));let c=n.rgb;if(!c){const t=e.useVariable?`var(${n.var})`:n.value;if(a&&t){const $=Math.round(parseFloat(a)*100);return`color-mix(in srgb, ${t} ${$}%, transparent)`}return t}return s&&!n[s]&&(c=w(c,s),n[s]={rgb:c,var:`${n.var}-${s}`}),n[s]&&(c=n[s].rgb),a?`rgba(${c}, ${a})`:s?`rgba(${c}, 1)`:e.useVariable?`var(${n.var})`:`rgb(${c})`},z=(r,i,u)=>{const e=u||S();if(i||(i=e.globalTheme==="auto"?null:e.globalTheme),!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(P(r))return`var(${r})`;let g,a,s;if(R(r))g=r[0];else{const t=j(r);if(t){if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,a=t.alpha,s=t.tone}else g=r}const{color:d,gradient:p}=e,n=d[g]||p[g],c=M(n);if(c&&n.value)return x(r,`@${i}`,u);if(c){if(e.useVariable&&n.var)return a||s?x(r,null,u):`var(${n.var})`;if(i)return x(r,`@${i}`,u);{const t={};for(const $ in n){if($.charCodeAt(0)!==64)continue;const V=e.media[$.slice(1)];if(!V)continue;const b="@media "+(V==="print"?`${V}`:`screen and ${V}`);t[b]=x(r,$,u)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},E=(r,i,u,e)=>{const a=`--${e.varPrefix?e.varPrefix+"-":""}${i}-${u}`;let s;const d={};for(const p in r){if(p.charCodeAt(0)!==64)continue;const n=p.slice(1),c=r[p],t=c&&(c.value||c);!t||typeof t!="string"||(d[n]=t,(n==="light"||s===void 0)&&(s=t))}if(s!==void 0){e.cssVars[a]=s,e.cssMediaVars||(e.cssMediaVars={});for(const p in d){const n=`[data-theme="${p}"]`;if(e.cssMediaVars[n]||(e.cssMediaVars[n]={}),e.cssMediaVars[n][a]=d[p],p==="light"||p==="dark"){const c=`@media (prefers-color-scheme: ${p})`;e.cssMediaVars[c]||(e.cssMediaVars[c]={}),e.cssMediaVars[c][a]=d[p]}}return r.var=a,a}},T=(r,i,u)=>{const e=S();if(m(r)&&P(r)){const f=r.slice(2);if(r=x(f),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const o=f.split(" ");let l=e.color[o[0]];if(l&&!l.value&&!l.rgb&&(m(l)||R(l)||M(l))&&(e.color[o[0]]=T(l,o[0]),l=e.color[o[0]]),l&&l.value){let h=l.rgb;const A=o[1]!==void 0?o[1]:"1",C=o[2];C&&(h=w(h,C)),r=`rgba(${h}, ${A})`}else{const h=o[2],A=o[1]!==void 0?o[1]:"1";if(h)try{const C=D(o[0]);C&&C.length>=3?r=`rgba(${w(C.slice(0,3).join(", "),h)}, ${A})`:r=o[0]}catch{r=o[0]}else r=o[0]}}}if(R(r)&&(r={"@light":r[0],"@dark":r[1]}),M(r)){const f={};for(const o in r)f[o]=T(r[o],i,o.slice(0,1)==="@"?o.slice(1):o);return e.useVariable&&E(f,"color",i,e),f}const a=`--${e.varPrefix?e.varPrefix+"-":""}color-${i}`+(u?`-${u}`:"");let s=r.value||r;if(m(s)&&s.includes(".")&&!s.includes("(")){const[f,o]=s.split("."),l=e.color[f];l&&l.rgb&&(s=`rgba(${l.rgb}, ${parseFloat("0."+o)||1})`)}if(m(s)&&!s.includes("(")&&!s.startsWith("#")){const f=j(s);if(f&&f.name&&!f.passthrough&&!f.cssVar){const o=e.color[f.name];o&&!o.value&&!o.rgb&&(m(o)||R(o)||M(o))&&(e.color[f.name]=T(o,f.name));const l=e.color[f.name];if(l&&l.rgb){let h=l.rgb;f.tone&&(h=w(h,f.tone));const A=f.alpha?parseFloat(f.alpha):1;s=`rgba(${h}, ${A})`}}}const d=D(s),[p,n,c,t=1]=d,$=parseFloat(t.toFixed(2)),V=`${p}, ${n}, ${c}`,b=`rgba(${V}, ${$})`;return e.useVariable&&(e.cssVars[a]=b),{var:a,rgb:V,alpha:$,value:b}},L=(r,i,u)=>{const e=S();if(m(r)&&P(r)&&(r=x(r.slice(2))),R(r)&&(r={"@light":r[0],"@dark":r[1]}),M(r)){const s={};for(const d in r)s[d]=L(r[d],i,d.slice(0,1)==="@"?d.slice(1):d);return e.useVariable&&E(s,"gradient",i,e),s}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{x as getColor,z as getMediaColor,T as setColor,L as setGradient};
|
|
1
|
+
import{isObject as M,isArray as R,isString as m}from"@symbo.ls/utils";import{getActiveConfig as S}from"../factory.js";import{colorStringToRgbaArray as D,getRgbTone as w,isCSSVar as P,parseColorToken as j}from"../utils/index.js";const x=(r,i,u)=>{const e=u||S();if(!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(P(r))return`var(${r})`;i&&r[i]&&(r=r[i]);let g,a,s;if(R(r))[g,a,s]=r;else{const t=j(r);if(!t){const{color:$,gradient:V}=e;let b=V[r]||$[r];return b?(i&&b[i]&&(b=b[i]),e.useVariable?`var(${b.var})`:b.value):r}if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,a=t.alpha,s=t.tone}const{color:d,gradient:p}=e;let n=d[g]||p[g];if(!n)return e.verbose&&console.warn("Can't find color ",g),r;i&&(n[i]?n=n[i]:e.verbose&&console.warn(r," - does not have ",i));let c=n.rgb;if(!c){const t=e.useVariable?`var(${n.var})`:n.value;if(a&&t){const $=Math.round(parseFloat(a)*100);return`color-mix(in srgb, ${t} ${$}%, transparent)`}return t}return s&&!n[s]&&(c=w(c,s),n[s]={rgb:c,var:`${n.var}-${s}`}),n[s]&&(c=n[s].rgb),a?`rgba(${c}, ${a})`:s?`rgba(${c}, 1)`:e.useVariable?`var(${n.var})`:`rgb(${c})`},z=(r,i,u)=>{const e=u||S();if(i||(i=e.globalTheme==="auto"?null:e.globalTheme),!m(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(P(r))return`var(${r})`;let g,a,s;if(R(r))g=r[0];else{const t=j(r);if(t){if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;g=t.name,a=t.alpha,s=t.tone}else g=r}const{color:d,gradient:p}=e,n=d[g]||p[g],c=M(n);if(c&&n.value)return x(r,`@${i}`,u);if(c){if(e.useVariable&&n.var)return a||s?x(r,null,u):`var(${n.var})`;if(i)return x(r,`@${i}`,u);{const t={};for(const $ in n){if($.charCodeAt(0)!==64)continue;const V=e.media[$.slice(1)];if(!V)continue;const b="@media "+(V==="print"?`${V}`:`screen and ${V}`);t[b]=x(r,$,u)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},E=(r,i,u,e)=>{const a=`--${e.varPrefix?e.varPrefix+"-":""}${i}-${u}`;let s;const d={};for(const p in r){if(p.charCodeAt(0)!==64)continue;const n=p.slice(1),c=r[p],t=c&&(c.value||c);!t||typeof t!="string"||(d[n]=t,(n==="light"||s===void 0)&&(s=t))}if(s!==void 0){e.cssVars[a]=s,e.cssMediaVars||(e.cssMediaVars={});for(const p in d){const n=`[data-theme="${p}"]`;if(e.cssMediaVars[n]||(e.cssMediaVars[n]={}),e.cssMediaVars[n][a]=d[p],p==="light"||p==="dark"){const c=`@media (prefers-color-scheme: ${p})`;e.cssMediaVars[c]||(e.cssMediaVars[c]={}),e.cssMediaVars[c][a]=d[p]}}return r.var=a,a}},T=(r,i,u)=>{const e=S();if(m(r)&&P(r)){const f=r.slice(2);if(r=x(f),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const o=f.split(" ");let l=e.color[o[0]];if(l&&!l.value&&!l.rgb&&(m(l)||R(l)||M(l))&&(e.color[o[0]]=T(l,o[0]),l=e.color[o[0]]),l&&l.value){let h=l.rgb;const A=o[1]!==void 0?o[1]:"1",C=o[2];C&&(h=w(h,C)),r=`rgba(${h}, ${A})`}else{const h=o[2],A=o[1]!==void 0?o[1]:"1";if(h)try{const C=D(o[0]);C&&C.length>=3?r=`rgba(${w(C.slice(0,3).join(", "),h)}, ${A})`:r=o[0]}catch{r=o[0]}else r=o[0]}}}if(R(r)&&(r={"@light":r[0],"@dark":r[1]}),M(r)){const f={};for(const o in r)f[o]=T(r[o],i,o.slice(0,1)==="@"?o.slice(1):o);return e.useVariable&&E(f,"color",i,e),f}const a=`--${e.varPrefix?e.varPrefix+"-":""}color-${i}`+(u?`-${u}`:"");let s=r.value||r;if(m(s)&&s.includes(".")&&!s.includes("(")){const[f,o]=s.split("."),l=e.color[f];l&&l.rgb&&(s=`rgba(${l.rgb}, ${parseFloat("0."+o)||1})`)}if(m(s)&&!s.includes("(")&&!s.startsWith("#")){const f=j(s);if(f&&f.name&&!f.passthrough&&!f.cssVar){const o=e.color[f.name];o&&!o.value&&!o.rgb&&(m(o)||R(o)||M(o))&&(e.color[f.name]=T(o,f.name));const l=e.color[f.name];if(l&&l.rgb){let h=l.rgb;f.tone&&(h=w(h,f.tone));const A=f.alpha?parseFloat(f.alpha):1;s=`rgba(${h}, ${A})`}}}const d=D(s),[p,n,c,t=1]=d,$=parseFloat(t.toFixed(2)),V=`${p}, ${n}, ${c}`,b=`rgba(${V}, ${$})`;return e.useVariable&&(e.cssVars[a]=b),{var:a,rgb:V,alpha:$,value:b}},L=(r,i,u)=>{const e=S();if(m(r)&&P(r)&&(r=x(r.slice(2))),R(r)&&(r={"@light":r[0],"@dark":r[1]}),M(r)){const s={};for(const d in r)s[d]=L(r[d],i,d.slice(0,1)==="@"?d.slice(1):d);return e.useVariable&&E(s,"gradient",i,e),s}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{x as getColor,z as getMediaColor,E as setAdaptiveSchemeVar,T as setColor,L as setGradient};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getActiveConfig as
|
|
1
|
+
import{getActiveConfig as C}from"../factory.js";import{getColor as l,setAdaptiveSchemeVar as S}from"./color.js";import{getSpacingByKey as O}from"./spacing.js";import{isResolvedColor as V,isCSSVar as g,splitTopLevelCommas as j,CSS_NATIVE_COLOR_REGEX as A}from"../utils/color.js";import{isObject as h,isString as w,isArray as b}from"@symbo.ls/utils";const p=(t,o,i,m)=>{const s=C();if(b(t)){const n={"@light":p(t[0],o,"light"),"@dark":p(t[1],o,"dark")};return s.useVariable&&S(n,"shadow",o,s),n}if(h(t)){const n={};for(const r in t)n[r]=p(t[r],o,r.startsWith("@")?r.slice(1):r);return s.useVariable&&S(n,"shadow",o,s),n}w(t)&&!A.test(t)&&(t=j(t).map(n=>(n=n.trim(),n.split(/\s+/).map(r=>{if(r=r.trim(),!r)return"";if(r.startsWith("--"))return`var(${r})`;const c=l(r);if(V(c))return c;if(/^\d/.test(r)||r==="0"||r.includes("px")||r.slice(-2)==="em"||r==="inset"||r==="none")return r;const a=O(r,"shadow");return a&&a.shadow?a.shadow:r}).join(" "))).join(", "));const f=`--${s.varPrefix?s.varPrefix+"-":""}shadow-${o}`+(i?`-${i}`:"");return s.useVariable&&(s.cssVars[f]=t),{var:f,value:t}},G=(t,o)=>{const i=C();if(o||(o=i.globalTheme==="auto"?null:i.globalTheme),!w(t)){i.verbose&&console.warn(t,"- type for color is not valid");return}if(g(t))return`var(${t})`;const[m]=b(t)?t:t.split(" "),e=i.shadow[m],f=h(e);if(!e)return i.verbose&&console.warn("Can't find color ",m),t;if(o){const n=e["@"+o]||e[o];if(n)return n.value!==void 0?n.value:n;i.verbose&&console.warn(t," - does not have ",o)}if(f&&e.value)return e.value;if(f){const n={};for(const r in e){if(r.charCodeAt(0)!==64)continue;const c=i.media[r.slice(1)];if(!c)continue;const a="@media "+(c==="print"?`${c}`:`screen and ${c}`),d=e[r],u=d&&(d.value!==void 0?d.value:d);u!==void 0&&(n[a]=u)}return n}return i.verbose&&console.warn("Can't find color",t),t};export{G as getShadow,p as setShadow};
|