@symbo.ls/scratch 3.14.752 → 3.14.753
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 +6 -0
- package/dist/cjs/src/defaultConfig/index.js +1 -1
- package/dist/cjs/src/set.js +1 -1
- package/dist/cjs/src/system/index.js +1 -1
- package/dist/cjs/src/system/shape.js +1 -0
- package/dist/cjs/src/transforms/index.js +1 -1
- package/dist/esm/src/defaultConfig/index.js +1 -1
- package/dist/esm/src/set.js +1 -1
- package/dist/esm/src/system/index.js +1 -1
- package/dist/esm/src/system/shape.js +1 -0
- package/dist/esm/src/transforms/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var
|
|
1
|
+
"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var i=(e,t)=>{for(var p in t)m(e,p,{get:t[p],enumerable:!0})},f=(e,t,p,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let x of n(t))!a.call(e,x)&&x!==p&&m(e,x,{get:()=>t[x],enumerable:!(s=c(t,x))||s.enumerable});return e},r=(e,t,p)=>(f(e,t,"default"),p&&f(p,t,"default"));var h=e=>f(m({},"__esModule",{value:!0}),e);var o={};i(o,{reset:()=>u,shape:()=>b,sizes:()=>z,vars:()=>v});module.exports=h(o);r(o,require("./sequence.js"),module.exports);r(o,require("./unit.js"),module.exports);r(o,require("./typography.js"),module.exports);r(o,require("./font.js"),module.exports);r(o,require("./font-family.js"),module.exports);r(o,require("./media.js"),module.exports);r(o,require("./spacing.js"),module.exports);r(o,require("./color.js"),module.exports);r(o,require("./theme.js"),module.exports);r(o,require("./shadow.js"),module.exports);r(o,require("./icons.js"),module.exports);r(o,require("./timing.js"),module.exports);r(o,require("./document.js"),module.exports);r(o,require("./responsive.js"),module.exports);r(o,require("./animation.js"),module.exports);r(o,require("./svg.js"),module.exports);r(o,require("./templates.js"),module.exports);r(o,require("./grid.js"),module.exports);r(o,require("./class.js"),module.exports);const u={},v={},z={},b={};
|
package/dist/cjs/src/set.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var x=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var W=(t,s)=>{for(var e in s)x(t,e,{get:s[e],enumerable:!0})},N=(t,s,e,c)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of q(s))!G.call(t,n)&&n!==e&&x(t,n,{get:()=>s[n],enumerable:!(c=j(s,n))||c.enumerable});return t};var H=t=>N(x({},"__esModule",{value:!0}),t);var J={};W(J,{VALUE_TRANSFORMERS:()=>D,changeGlobalTheme:()=>z,set:()=>U,setEach:()=>M,setValue:()=>k});module.exports=H(J);var b=require("./factory.js"),o=require("./system/index.js"),S=require("@symbo.ls/utils"),u=require("./utils/host.js");const Y=(t,s)=>{const e=(0,b.getActiveConfig)(),{cssVars:c}=e,n=s.startsWith("--")?s:`--${s}`;return c[n]=t,t},
|
|
1
|
+
"use strict";var x=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var W=(t,s)=>{for(var e in s)x(t,e,{get:s[e],enumerable:!0})},N=(t,s,e,c)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of q(s))!G.call(t,n)&&n!==e&&x(t,n,{get:()=>s[n],enumerable:!(c=j(s,n))||c.enumerable});return t};var H=t=>N(x({},"__esModule",{value:!0}),t);var J={};W(J,{VALUE_TRANSFORMERS:()=>D,changeGlobalTheme:()=>z,set:()=>U,setEach:()=>M,setValue:()=>k});module.exports=H(J);var b=require("./factory.js"),o=require("./system/index.js"),S=require("@symbo.ls/utils"),u=require("./utils/host.js");const Y=(t,s)=>{const e=(0,b.getActiveConfig)(),{cssVars:c}=e,n=s.startsWith("--")?s:`--${s}`;return c[n]=t,t},l=t=>t,D={color:o.setColor,gradient:o.setGradient,font:o.setFont,fontFamily:o.setFontFamily,fontfamily:o.setFontFamily,theme:o.setTheme,icons:o.setSvgIcon,semanticIcons:l,semanticicons:l,svg:o.setSVG,svgData:l,typography:l,shadow:o.setShadow,spacing:l,media:l,grid:l,class:l,timing:l,reset:l,unit:l,animation:l,vars:Y,sizes:l,shape:l},$=(t,s,e,c)=>{(0,u.parkHostObject)(t,e,s);const n={};for(const r of c)t[r]===s&&(t[r]=n);return t.verbose&&console.warn("[scratch] design-system family",e,"resolved to a host object; parked it and allocated a plain bucket"),n},k=(t,s,e)=>{const c=(0,b.getActiveConfig)(),n=(0,b.toCamel)(t),r=n.toLowerCase(),d=c[n]||c[r]||c[t],i=(0,u.isHostObject)(d)?$(c,d,r,[n,r,t]):d,m=D[n]||D[r];if(m)try{const a=m(s,e);return i&&(i[e]=a),i}catch(a){c.verbose&&console.warn("Error setting",r,"value",s,e,a)}if(!m){const a=i||(c[r]={});return a[e]=s,a}c.verbose&&console.warn("Can not find",r,"method in scratch")},M=(t,s)=>{const e=(0,b.getActiveConfig)(),c=t.toLowerCase();return(0,u.isHostObject)(s)?((0,u.parkHostObject)(e,c,s),e.verbose&&console.warn("[scratch] ignoring host object passed as the",c,"design-system family"),e[c]||e[t]):(Object.keys(s).sort((r,d)=>{const i=(0,S.isObject)(s[r])||(0,S.isArray)(s[r])?1:0,m=(0,S.isObject)(s[d])||(0,S.isArray)(s[d])?1:0;return i-m}).forEach(r=>{try{return k(c,s[r],r)}catch(d){e.verbose&&console.warn("Error setting",c,"value",s[r],r,d)}}),e[c]||e[t])},z=(t,s)=>{const e=s||(0,b.getActiveConfig)();e.globalTheme=t;const n=(0,u.resolveConfigDocument)(e)||(typeof document<"u"?document:null),r=n&&n.defaultView||(typeof window<"u"?window:null);if(n){const i=e.themeRoot||n.documentElement;if(t&&t!=="auto")i.setAttribute("data-theme",t),t==="dark"||t==="light"?i.style.colorScheme=t:i.style.colorScheme="light dark";else if(r&&r.matchMedia){const a=p=>{i.setAttribute("data-theme",p.matches?"dark":"light")},h=r.matchMedia("(prefers-color-scheme: dark)");if(a(h),i.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=a;try{h.addEventListener("change",a)}catch{h.addListener(a)}}}else i.setAttribute("data-theme","light"),i.style.colorScheme="light"}const d=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const i in e.cssVars)i.startsWith(d)&&delete e.cssVars[i];for(const i in e.cssMediaVars)delete e.cssMediaVars[i];if(n&&e.cssVars){const i=e.scopeSelector||":root",m=n.styleSheets;for(let a=0;a<m.length;a++)try{const h=m[a].cssRules;for(let p=0;p<h.length;p++)if(h[p].selectorText===i){for(const w in e.cssVars)h[p].style.setProperty(w,e.cssVars[w]);return e}}catch{}}return e},B={},U=(t,s=B)=>{let e=s.config||(0,b.getActiveConfig)();const{version:c,verbose:n,useVariable:r,useReset:d,useSvgSprite:i,useFontImport:m,useIconSprite:a,globalTheme:h,themeRoot:p,useDocumentTheme:w,useDefaultConfig:E,semanticIcons:R,hoverMedia:A,files:L,assets:F,...y}=t;s.newConfig&&(e=(0,b.setActiveConfig)(s.newConfig)),(0,u.isDomDocument)(y.document)&&(e.__domDocument=y.document,delete y.document),(0,u.isDomDocument)(e.document)&&(e.__domDocument||(e.__domDocument=e.document),e.document={}),L!==void 0&&(e.files=L),F!==void 0&&(e.assets=F),n!==void 0&&(e.verbose=n),r!==void 0&&(e.useVariable=r),d!==void 0&&(e.useReset=d),m!==void 0&&(e.useFontImport=m),i!==void 0&&(e.useSvgSprite=i),a!==void 0&&(e.useIconSprite=a),w!==void 0&&(e.useDocumentTheme=w),h!==void 0&&(e.globalTheme=h),p!==void 0&&(e.themeRoot=p),t.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=t.useThemeSuffixedVars),E!==void 0&&(e.useDefaultConfig=E),R!==void 0&&(e.semanticIcons=R),A!==void 0&&(e.hoverMedia=A),e.verbose&&console.log(e);const C=(0,u.resolveConfigDocument)(e)||(typeof document<"u"?document:null),_=C&&C.defaultView||(typeof window<"u"?window:null),v=C&&(e.themeRoot||C.documentElement);if(v&&typeof v.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")v.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?v.style.colorScheme=e.globalTheme:v.style.colorScheme="light dark";else if(_&&_.matchMedia){const g=P=>{v.setAttribute("data-theme",P.matches?"dark":"light")},V=_.matchMedia("(prefers-color-scheme: dark)");if(g(V),v.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=g;try{V.addEventListener("change",g)}catch{V.addListener(g)}}}else v.setAttribute("data-theme","light"),v.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const T=Object.keys(y).filter(f=>!f.startsWith("__")),I=new Set(T);if(T.forEach(f=>{const g=f.toLowerCase();g!==f&&I.has(g)&&(0,S.deepMerge)(y[g],y[f])}),T.map(f=>{const g=f.toLowerCase();if(!(g!==f&&I.has(g)))return M(f,y[f])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),y.typography)try{(0,o.applyTypographySequence)()}catch(f){e.verbose&&console.warn("Error applying typography sequence",f)}if(y.spacing)try{(0,o.applySpacingSequence)()}catch(f){e.verbose&&console.warn("Error applying spacing sequence",f)}if(y.timing)try{(0,o.applyTimingSequence)()}catch(f){e.verbose&&console.warn("Error applying timing sequence",f)}(0,o.applyDocument)();const O=(0,o.applyReset)();return O&&(e.reset=O),e};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var p=(e,t,m,x)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of i(t))!u.call(e,f)&&f!==m&&s(e,f,{get:()=>t[f],enumerable:!(x=c(t,f))||x.enumerable});return e},o=(e,t,m)=>(p(e,t,"default"),m&&p(m,t,"default"));var a=e=>p(s({},"__esModule",{value:!0}),e);var r={};module.exports=a(r);o(r,require("./color.js"),module.exports);o(r,require("./theme.js"),module.exports);o(r,require("./font.js"),module.exports);o(r,require("./typography.js"),module.exports);o(r,require("./spacing.js"),module.exports);o(r,require("./shadow.js"),module.exports);o(r,require("./timing.js"),module.exports);o(r,require("./document.js"),module.exports);o(r,require("./svg.js"),module.exports);o(r,require("./reset.js"),module.exports);
|
|
1
|
+
"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var p=(e,t,m,x)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of i(t))!u.call(e,f)&&f!==m&&s(e,f,{get:()=>t[f],enumerable:!(x=c(t,f))||x.enumerable});return e},o=(e,t,m)=>(p(e,t,"default"),m&&p(m,t,"default"));var a=e=>p(s({},"__esModule",{value:!0}),e);var r={};module.exports=a(r);o(r,require("./color.js"),module.exports);o(r,require("./theme.js"),module.exports);o(r,require("./font.js"),module.exports);o(r,require("./typography.js"),module.exports);o(r,require("./spacing.js"),module.exports);o(r,require("./shape.js"),module.exports);o(r,require("./shadow.js"),module.exports);o(r,require("./timing.js"),module.exports);o(r,require("./document.js"),module.exports);o(r,require("./svg.js"),module.exports);o(r,require("./reset.js"),module.exports);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var m=(t,r)=>{for(var e in r)i(t,e,{get:r[e],enumerable:!0})},C=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of p(r))!g.call(t,o)&&o!==e&&i(t,o,{get:()=>r[o],enumerable:!(n=c(r,o))||n.enumerable});return t};var S=t=>C(i({},"__esModule",{value:!0}),t);var h={};m(h,{getShapeByKey:()=>d});module.exports=S(h);var s=require("@symbo.ls/utils"),f=require("../factory.js");const d=t=>{if(!(0,s.isString)(t))return;const e=(0,f.getActiveConfig)().shape;if(e)return e[t]!==void 0?e[t]:e[t.toLowerCase()]};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var p=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(t,e)=>{for(var n in e)p(t,n,{get:e[n],enumerable:!0})},O=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of B(e))!C.call(t,r)&&r!==n&&p(t,r,{get:()=>e[r],enumerable:!(i=j(e,r))||i.enumerable});return t};var T=t=>O(p({},"__esModule",{value:!0}),t);var y={};R(y,{resolveColorsInGradient:()=>x,splitTransition:()=>K,transformBackgroundImage:()=>V,transformBorder:()=>z,transformBorderRadius:()=>w,transformBoxShadow:()=>G,transformDuration:()=>D,transformShadow:()=>A,transformSize:()=>h,transformSizeRatio:()=>W,transformTextStroke:()=>$,transformTransition:()=>g,transfromGap:()=>_});module.exports=T(y);var a=require("@symbo.ls/utils"),S=require("../factory.js"),o=require("../system/index.js"),s=require("../utils/index.js");const b=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),E=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),I=t=>b.has(t),z=t=>{const e=t+"";if(s.CSS_NATIVE_COLOR_REGEX.test(e))return e;const n=e.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?e:e.split(/\s+/).map(r=>{if(r=r.trim(),!r)return"";if((0,s.isCSSVar)(r))return`var(${r})`;if(I(r)||/^\d/.test(r)||r==="0")return r;const u=(0,o.getColor)(r);if((0,s.isResolvedColor)(u))return u;const c=(0,o.getSpacingByKey)(r,"border");return c&&c.border?c.border:r}).join(" ")},$=t=>s.CSS_NATIVE_COLOR_REGEX.test(t)?t:t.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if((0,s.isCSSVar)(e))return`var(${e})`;if(/^\d/.test(e)||e.includes("px")||e==="0")return e;const n=(0,o.getColor)(e);return(0,s.isResolvedColor)(n)?n:e}).join(" "),A=(t,e)=>(0,o.getShadow)(t,e),G=(t,e)=>s.CSS_NATIVE_COLOR_REGEX.test(t)?t:(0,s.splitTopLevelCommas)(t).map(n=>(n=n.trim(),n?n.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if((0,s.isCSSVar)(i))return`var(${i})`;if(i==="inset"||i==="none")return i;const r=(0,o.getColor)(i);if((0,s.isResolvedColor)(r)){const c=(0,o.getMediaColor)(i,e);return(0,a.isObject)(c)?Object.values(c).filter(d=>d.includes(": "+e))[0]:c}if(/^\d/.test(i)||i==="0"||i.includes("px")||i.slice(-2)==="em")return i;const u=(0,o.getSpacingByKey)(i,"shadow");return u&&u.shadow?u.shadow:i}).join(" "):"")).join(", "),x=(t,e)=>{const n=t.indexOf("(");if(n===-1)return t;const i=t.slice(0,n+1),r=t.slice(n+1,t.lastIndexOf(")")),u=")",d=(0,s.splitTopLevelCommas)(r).map(l=>(l=l.trim(),l.split(/\s+/).map(f=>{if(!f||/^\d/.test(f)||f==="0"||E.has(f)||f==="transparent"||s.CSS_NATIVE_COLOR_REGEX.test(f))return f;const m=(0,o.getColor)(f);return(0,s.isResolvedColor)(m)?m:f}).join(" ")));return i+d.join(", ")+u},V=(t,e)=>{const n=(0,S.getActiveConfig)();return(0,s.splitTopLevelCommas)(t).map(i=>{const r=i.trim();if((0,s.isCSSVar)(r))return`var(${r})`;if(/^var\(/.test(r)||r.includes("url"))return r;if(n.gradient?.[r]){const u=(0,o.getMediaColor)(r,e);if((0,a.isString)(u))return u;if((0,a.isObject)(u)){for(const c in u)if((0,a.isString)(u[c]))return u[c]}return r}return r.includes("gradient")?x(r,e):r.includes("/")||r.startsWith("http")||r.includes(".")&&!(0,s.parseColorToken)(r)?`url(${r})`:r}).join(", ")},_=t=>(0,a.isString)(t)&&t.split(" ").map(e=>(0,o.getSpacingByKey)(e,"gap").gap).join(" "),g=t=>{const e=t.split(" ");return e.length?e.map(n=>(0,s.isCSSVar)(n)?`var(${n})`:n.length<3||n.includes("ms")?(0,o.getTimingByKey)(n).timing||n:(0,o.getTimingFunction)(n)?(0,o.getTimingFunction)(n):n).join(" "):t},D=(t,e,n)=>{if((0,a.isString)(t))return t.split(",").map(i=>(0,o.getTimingByKey)(i).timing||i).join(",")},K=t=>{const e=t.split(",");if(e.length)return e.map(g).join(",")};function h(t,e,n={},i={}){let r=a.exec.call(this,e||n[t]);if(r==null)return;let u;if((0,a.isString)(r)){if(/^(?:env|var)\(/.test(r.trim()))return{[t]:r};if(r.includes("(")){const l=(0,s.getFnPrefixAndValue)(r);u=l[0],r=l[1]}const c=n.scaleBoxSize,d=(0,o.checkIfBoxSize)(t);!c&&d&&!i.ratio&&(r=(0,o.splitSpacedValue)(r))}return i.ratio?(0,o.getSpacingBasedOnRatio)(n,t,r,u):(0,o.getSpacingByKey)(r,t,void 0,u)}const W=(t,e=null,n)=>h(t,e,n,{ratio:!0}),w=(t,e,n,i="borderRadius")=>{if((0,a.isString)(t))return{[i]:t.split(" ").map(r=>{const u=(0,o.getShapeByKey)(r);return u!==void 0?u:(0,o.getSpacingBasedOnRatio)(e,n,r)[n]}).join(" ")}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./sequence.js";export*from"./unit.js";export*from"./typography.js";export*from"./font.js";export*from"./font-family.js";export*from"./media.js";export*from"./spacing.js";export*from"./color.js";export*from"./theme.js";export*from"./shadow.js";export*from"./icons.js";export*from"./timing.js";export*from"./document.js";export*from"./responsive.js";export*from"./animation.js";export*from"./svg.js";export*from"./templates.js";export*from"./grid.js";export*from"./class.js";const o={},r={},t={};export{o as reset,t as sizes,r as vars};
|
|
1
|
+
export*from"./sequence.js";export*from"./unit.js";export*from"./typography.js";export*from"./font.js";export*from"./font-family.js";export*from"./media.js";export*from"./spacing.js";export*from"./color.js";export*from"./theme.js";export*from"./shadow.js";export*from"./icons.js";export*from"./timing.js";export*from"./document.js";export*from"./responsive.js";export*from"./animation.js";export*from"./svg.js";export*from"./templates.js";export*from"./grid.js";export*from"./class.js";const o={},r={},t={},e={};export{o as reset,e as shape,t as sizes,r as vars};
|
package/dist/esm/src/set.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getActiveConfig as b,setActiveConfig as q,toCamel as G}from"./factory.js";import{setColor as W,setGradient as N,setFont as H,setFontFamily as L,setTheme as Y,setSvgIcon as $,setSVG as z,applyTypographySequence as B,applySpacingSequence as U,applyReset as J,applyTimingSequence as K,applyDocument as Q,setShadow as X}from"./system/index.js";import{deepMerge as Z,isObject as F,isArray as I}from"@symbo.ls/utils";import{isDomDocument as O,isHostObject as P,parkHostObject as k,resolveConfigDocument as M}from"./utils/host.js";const ee=(t,s)=>{const e=b(),{cssVars:r}=e,i=s.startsWith("--")?s:`--${s}`;return r[i]=t,t},
|
|
1
|
+
import{getActiveConfig as b,setActiveConfig as q,toCamel as G}from"./factory.js";import{setColor as W,setGradient as N,setFont as H,setFontFamily as L,setTheme as Y,setSvgIcon as $,setSVG as z,applyTypographySequence as B,applySpacingSequence as U,applyReset as J,applyTimingSequence as K,applyDocument as Q,setShadow as X}from"./system/index.js";import{deepMerge as Z,isObject as F,isArray as I}from"@symbo.ls/utils";import{isDomDocument as O,isHostObject as P,parkHostObject as k,resolveConfigDocument as M}from"./utils/host.js";const ee=(t,s)=>{const e=b(),{cssVars:r}=e,i=s.startsWith("--")?s:`--${s}`;return r[i]=t,t},f=t=>t,j={color:W,gradient:N,font:H,fontFamily:L,fontfamily:L,theme:Y,icons:$,semanticIcons:f,semanticicons:f,svg:z,svgData:f,typography:f,shadow:X,spacing:f,media:f,grid:f,class:f,timing:f,reset:f,unit:f,animation:f,vars:ee,sizes:f,shape:f},te=(t,s,e,r)=>{k(t,e,s);const i={};for(const o of r)t[o]===s&&(t[o]=i);return t.verbose&&console.warn("[scratch] design-system family",e,"resolved to a host object; parked it and allocated a plain bucket"),i},se=(t,s,e)=>{const r=b(),i=G(t),o=i.toLowerCase(),l=r[i]||r[o]||r[t],n=P(l)?te(r,l,o,[i,o,t]):l,d=j[i]||j[o];if(d)try{const c=d(s,e);return n&&(n[e]=c),n}catch(c){r.verbose&&console.warn("Error setting",o,"value",s,e,c)}if(!d){const c=n||(r[o]={});return c[e]=s,c}r.verbose&&console.warn("Can not find",o,"method in scratch")},oe=(t,s)=>{const e=b(),r=t.toLowerCase();return P(s)?(k(e,r,s),e.verbose&&console.warn("[scratch] ignoring host object passed as the",r,"design-system family"),e[r]||e[t]):(Object.keys(s).sort((o,l)=>{const n=F(s[o])||I(s[o])?1:0,d=F(s[l])||I(s[l])?1:0;return n-d}).forEach(o=>{try{return se(r,s[o],o)}catch(l){e.verbose&&console.warn("Error setting",r,"value",s[o],o,l)}}),e[r]||e[t])},de=(t,s)=>{const e=s||b();e.globalTheme=t;const i=M(e)||(typeof document<"u"?document:null),o=i&&i.defaultView||(typeof window<"u"?window:null);if(i){const n=e.themeRoot||i.documentElement;if(t&&t!=="auto")n.setAttribute("data-theme",t),t==="dark"||t==="light"?n.style.colorScheme=t:n.style.colorScheme="light dark";else if(o&&o.matchMedia){const c=h=>{n.setAttribute("data-theme",h.matches?"dark":"light")},m=o.matchMedia("(prefers-color-scheme: dark)");if(c(m),n.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=c;try{m.addEventListener("change",c)}catch{m.addListener(c)}}}else n.setAttribute("data-theme","light"),n.style.colorScheme="light"}const l=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const n in e.cssVars)n.startsWith(l)&&delete e.cssVars[n];for(const n in e.cssMediaVars)delete e.cssMediaVars[n];if(i&&e.cssVars){const n=e.scopeSelector||":root",d=i.styleSheets;for(let c=0;c<d.length;c++)try{const m=d[c].cssRules;for(let h=0;h<m.length;h++)if(m[h].selectorText===n){for(const y in e.cssVars)m[h].style.setProperty(y,e.cssVars[y]);return e}}catch{}}return e},ne={},me=(t,s=ne)=>{let e=s.config||b();const{version:r,verbose:i,useVariable:o,useReset:l,useSvgSprite:n,useFontImport:d,useIconSprite:c,globalTheme:m,themeRoot:h,useDocumentTheme:y,useDefaultConfig:_,semanticIcons:T,hoverMedia:V,files:x,assets:D,...g}=t;s.newConfig&&(e=q(s.newConfig)),O(g.document)&&(e.__domDocument=g.document,delete g.document),O(e.document)&&(e.__domDocument||(e.__domDocument=e.document),e.document={}),x!==void 0&&(e.files=x),D!==void 0&&(e.assets=D),i!==void 0&&(e.verbose=i),o!==void 0&&(e.useVariable=o),l!==void 0&&(e.useReset=l),d!==void 0&&(e.useFontImport=d),n!==void 0&&(e.useSvgSprite=n),c!==void 0&&(e.useIconSprite=c),y!==void 0&&(e.useDocumentTheme=y),m!==void 0&&(e.globalTheme=m),h!==void 0&&(e.themeRoot=h),t.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=t.useThemeSuffixedVars),_!==void 0&&(e.useDefaultConfig=_),T!==void 0&&(e.semanticIcons=T),V!==void 0&&(e.hoverMedia=V),e.verbose&&console.log(e);const v=M(e)||(typeof document<"u"?document:null),S=v&&v.defaultView||(typeof window<"u"?window:null),p=v&&(e.themeRoot||v.documentElement);if(p&&typeof p.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")p.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?p.style.colorScheme=e.globalTheme:p.style.colorScheme="light dark";else if(S&&S.matchMedia){const u=A=>{p.setAttribute("data-theme",A.matches?"dark":"light")},C=S.matchMedia("(prefers-color-scheme: dark)");if(u(C),p.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=u;try{C.addEventListener("change",u)}catch{C.addListener(u)}}}else p.setAttribute("data-theme","light"),p.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const w=Object.keys(g).filter(a=>!a.startsWith("__")),E=new Set(w);if(w.forEach(a=>{const u=a.toLowerCase();u!==a&&E.has(u)&&Z(g[u],g[a])}),w.map(a=>{const u=a.toLowerCase();if(!(u!==a&&E.has(u)))return oe(a,g[a])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),g.typography)try{B()}catch(a){e.verbose&&console.warn("Error applying typography sequence",a)}if(g.spacing)try{U()}catch(a){e.verbose&&console.warn("Error applying spacing sequence",a)}if(g.timing)try{K()}catch(a){e.verbose&&console.warn("Error applying timing sequence",a)}Q();const R=J();return R&&(e.reset=R),e};export{j as VALUE_TRANSFORMERS,de as changeGlobalTheme,me as set,oe as setEach,se as setValue};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./color.js";export*from"./theme.js";export*from"./font.js";export*from"./typography.js";export*from"./spacing.js";export*from"./shadow.js";export*from"./timing.js";export*from"./document.js";export*from"./svg.js";export*from"./reset.js";
|
|
1
|
+
export*from"./color.js";export*from"./theme.js";export*from"./font.js";export*from"./typography.js";export*from"./spacing.js";export*from"./shape.js";export*from"./shadow.js";export*from"./timing.js";export*from"./document.js";export*from"./svg.js";export*from"./reset.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{isString as e}from"@symbo.ls/utils";import{getActiveConfig as o}from"../factory.js";const f=t=>{if(!e(t))return;const r=o().shape;if(r)return r[t]!==void 0?r[t]:r[t.toLowerCase()]};export{f as getShapeByKey};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{isString as f,isObject as h,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as
|
|
1
|
+
import{isString as f,isObject as h,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as d,getColor as p,getShadow as b,getShapeByKey as E,getMediaColor as j,getTimingByKey as B,getTimingFunction as C,getSpacingBasedOnRatio as R,checkIfBoxSize as I,splitSpacedValue as z}from"../system/index.js";import{getFnPrefixAndValue as $,isResolvedColor as m,isCSSVar as l,CSS_NATIVE_COLOR_REGEX as S,splitTopLevelCommas as x,parseColorToken as A}from"../utils/index.js";const G=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),V=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),_=t=>G.has(t),P=t=>{const e=t+"";if(S.test(e))return e;const n=e.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?e:e.split(/\s+/).map(r=>{if(r=r.trim(),!r)return"";if(l(r))return`var(${r})`;if(_(r)||/^\d/.test(r)||r==="0")return r;const o=p(r);if(m(o))return o;const s=d(r,"border");return s&&s.border?s.border:r}).join(" ")},Y=t=>S.test(t)?t:t.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if(l(e))return`var(${e})`;if(/^\d/.test(e)||e.includes("px")||e==="0")return e;const n=p(e);return m(n)?n:e}).join(" "),M=(t,e)=>b(t,e),X=(t,e)=>S.test(t)?t:x(t).map(n=>(n=n.trim(),n?n.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if(l(i))return`var(${i})`;if(i==="inset"||i==="none")return i;const r=p(i);if(m(r)){const s=j(i,e);return h(s)?Object.values(s).filter(a=>a.includes(": "+e))[0]:s}if(/^\d/.test(i)||i==="0"||i.includes("px")||i.slice(-2)==="em")return i;const o=d(i,"shadow");return o&&o.shadow?o.shadow:i}).join(" "):"")).join(", "),D=(t,e)=>{const n=t.indexOf("(");if(n===-1)return t;const i=t.slice(0,n+1),r=t.slice(n+1,t.lastIndexOf(")")),o=")",a=x(r).map(c=>(c=c.trim(),c.split(/\s+/).map(u=>{if(!u||/^\d/.test(u)||u==="0"||V.has(u)||u==="transparent"||S.test(u))return u;const g=p(u);return m(g)?g:u}).join(" ")));return i+a.join(", ")+o},H=(t,e)=>{const n=T();return x(t).map(i=>{const r=i.trim();if(l(r))return`var(${r})`;if(/^var\(/.test(r)||r.includes("url"))return r;if(n.gradient?.[r]){const o=j(r,e);if(f(o))return o;if(h(o)){for(const s in o)if(f(o[s]))return o[s]}return r}return r.includes("gradient")?D(r,e):r.includes("/")||r.startsWith("http")||r.includes(".")&&!A(r)?`url(${r})`:r}).join(", ")},J=t=>f(t)&&t.split(" ").map(e=>d(e,"gap").gap).join(" "),K=t=>{const e=t.split(" ");return e.length?e.map(n=>l(n)?`var(${n})`:n.length<3||n.includes("ms")?B(n).timing||n:C(n)?C(n):n).join(" "):t},Q=(t,e,n)=>{if(f(t))return t.split(",").map(i=>B(i).timing||i).join(",")},U=t=>{const e=t.split(",");if(e.length)return e.map(K).join(",")};function W(t,e,n={},i={}){let r=O.call(this,e||n[t]);if(r==null)return;let o;if(f(r)){if(/^(?:env|var)\(/.test(r.trim()))return{[t]:r};if(r.includes("(")){const c=$(r);o=c[0],r=c[1]}const s=n.scaleBoxSize,a=I(t);!s&&a&&!i.ratio&&(r=z(r))}return i.ratio?R(n,t,r,o):d(r,t,void 0,o)}const Z=(t,e=null,n)=>W(t,e,n,{ratio:!0}),N=(t,e,n,i="borderRadius")=>{if(f(t))return{[i]:t.split(" ").map(r=>{const o=E(r);return o!==void 0?o:R(e,n,r)[n]}).join(" ")}};export{D as resolveColorsInGradient,U as splitTransition,H as transformBackgroundImage,P as transformBorder,N as transformBorderRadius,X as transformBoxShadow,Q as transformDuration,M as transformShadow,W as transformSize,Z as transformSizeRatio,Y as transformTextStroke,K as transformTransition,J as transfromGap};
|