@stitches/core - npm Package Compare versions

Comparing version 0.1.0-canary.5 to 0.1.0-canary.6

dist/stitches.core.iife.js

@@ -1,2 +0,2 @@
-(()=>{var{from:t}=Array,n=Object,{assign:r,create:o,defineProperties:e,getOwnPropertyDescriptors:i}=Object,s=(t,n)=>e(t,i(n)),l=class extends Set{constructor(t){super().onChange=t}addCss(t){return!this.has(t)&&this.add(t).onChange&&String(t)&&this.onChange(this),this}toString(){return t(this).join("")}},a=class{constructor(t,n,r){this.value=t,this.token=n,this.scale=r}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+this.scale+"-"+this.token}toString(){return this.computedValue}},d=(t,n)=>t.reduce(((t,r)=>(t.push(...n.map((t=>/&/.test(t)?t.replace(/&/,r):t.replace(/^/,r+" ")))),t)),[]),c=t=>t!==n(t)||!(t.constructor===n||null==t.constructor),g=/^/.test.bind(/(Clamp|Column.*|Count|Duration|Flex.*|Group.*|Grow|Index|Opacity|Order|Outset|Row.*|Shrink|Slice|Span|Weight|columns|flex|lineHeight|opacity|order|orphans|tabSize|widows|zoom|(Image|stroke)Width)$/),h=Symbol(),p=/\s*,\s*(?![^()]*\))/,u=(t,n,r,o)=>e=>{let i="";const s=[];let l="";const a=({when:e,...u},f)=>{u=e?{...u,when:e}:u;for(let e in u){let m=u[e];if(e in t){let n=t[e](o)(m);if(n=c(n)?String(n):n,c(n))m=n;else{const t=JSON.stringify(n);l!==t&&(l=t,a(n,f),l="",m={})}}const S=64===e.charCodeAt(0);if(c(m)){for(const t of s)t[h]||(i+=t,i+="{",t[h]=!0);f.length&&!f[h]&&(i+=f.join(", "),i+="{",f[h]=!0),i+=(S?e:/^\$/.test(e)?"-"+e.replace(/\$/g,"-"):e.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(S?" ":":")+("number"==typeof m&&!g(e)&&m?m+"px":String(m).replace(/\$[$-\w]+/g,(t=>"var(-"+(!/.\$/.test(t)&&e in n?"-"+n[e]:"")+t.replace(/\$/g,"-")+")")))+";"}else{const t=(t,n,r)=>{const o=t?s.push(Object(n)):s.length;if(f.length&&f[h]&&(i+="}",f[h]=!1),a(r,t?f:f.length?d(f,n.split(p)):n.split(p)),t&&o)for(const t of s.splice(o-1))i+="}",t[h]=!1};if("when"===e)for(const n in m)t(!0,n in r?r[n]:n,m[n]);else t(S,e,m)}}f.length&&f[h]&&(i+="}",f[h]=!1)};return a(e,[]),i},f="colors",m="sizes",S="space",b={gap:S,gridGap:S,columnGap:S,gridColumnGap:S,rowGap:S,gridRowGap:S,inset:S,insetBlock:S,insetBlockEnd:S,insetBlockStart:S,insetInline:S,insetInlineEnd:S,insetInlineStart:S,margin:S,marginTop:S,marginRight:S,marginBottom:S,marginLeft:S,marginBlock:S,marginBlockEnd:S,marginBlockStart:S,marginInline:S,marginInlineEnd:S,marginInlineStart:S,padding:S,paddingTop:S,paddingRight:S,paddingBottom:S,paddingLeft:S,paddingBlock:S,paddingBlockEnd:S,paddingBlockStart:S,paddingInline:S,paddingInlineEnd:S,paddingInlineStart:S,top:S,right:S,bottom:S,left:S,scrollMargin:S,scrollMarginTop:S,scrollMarginRight:S,scrollMarginBottom:S,scrollMarginLeft:S,scrollMarginX:S,scrollMarginY:S,scrollMarginBlock:S,scrollMarginBlockEnd:S,scrollMarginBlockStart:S,scrollMarginInline:S,scrollMarginInlineEnd:S,scrollMarginInlineStart:S,scrollPadding:S,scrollPaddingTop:S,scrollPaddingRight:S,scrollPaddingBottom:S,scrollPaddingLeft:S,scrollPaddingX:S,scrollPaddingY:S,scrollPaddingBlock:S,scrollPaddingBlockEnd:S,scrollPaddingBlockStart:S,scrollPaddingInline:S,scrollPaddingInlineEnd:S,scrollPaddingInlineStart:S,fontSize:"fontSizes",background:f,backgroundColor:f,backgroundImage:f,border:f,borderBlock:f,borderBlockEnd:f,borderBlockStart:f,borderBottom:f,borderBottomColor:f,borderColor:f,borderInline:f,borderInlineEnd:f,borderInlineStart:f,borderLeft:f,borderLeftColor:f,borderRight:f,borderRightColor:f,borderTop:f,borderTopColor:f,caretColor:f,color:f,columnRuleColor:f,fill:f,outlineColor:f,stroke:f,textDecorationColor:f,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:m,minBlockSize:m,maxBlockSize:m,inlineSize:m,minInlineSize:m,maxInlineSize:m,width:m,minWidth:m,maxWidth:m,height:m,minHeight:m,maxHeight:m,flexBasis:m,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},C=t=>{const n={};for(const r in t)for(const o in t[r])n["$"+r+"-"+o]=String(t[r][o]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+r+t));return n},k=(t,n)=>{for(var r=JSON.stringify(n),o=r.length,e=9;o;)e=Math.imul(e^r.charCodeAt(--o),9**9);return t+(e^e>>>9).toString(36).slice(-5)},B=e=>{e=n(e);const i={conditions:r({initial:"@media all"},e.conditions),theme:n(e.theme),utils:r(o(null),e.utils)},d=e.prefix||"sx",c=e.classProp||"className",g=u(i.utils,n(e.themeMap||b),i.conditions,i),h=new l(e.onImport),p=new l(e.onGlobal),f=new l(e.onThemed),m=new l(e.onStyled),S=(t,r)=>{r=t===n(t)?t:n(r),t="string"==typeof t?t:"";const e=C(r),i=(t=t||k(d,e)).replace(/^\w/,".$&"),l=g({[i]:e}),c=s((()=>(f.addCss(l),c)),{toString:()=>(c(),t),get className(){return c(),t},get selector(){return c(),i}});for(const t in r){c[t]=o(null);for(const n in r[t])c[t][n]=new a(r[t][n],n,t)}return c},B=(t,n="")=>{const o=[],e=[];for(const n in t){const r=g({[n]:t[n]});("@import"===n?o:e).push(r)}const i=()=>(o.forEach(h.addCss,h),e.forEach(p.addCss,p),n);return r(i,{displayName:n,toString:()=>String(i())})};r(S,S(":root",i.theme)).toString();const w=()=>h+f+p+m;return{config:e,getCssString:w,global:B,keyframes:t=>{const n=k(d,t);return B({["@keyframes "+n]:t},n)},css:(e,a)=>{const{variants:h,compoundVariants:p,defaultVariants:u,...f}=n(a||e),S=n(a&&e),b=k(d,f),C=g({["."+b]:f}),B=m.onChange&&(()=>m.onChange(m)),w=new l(B),y=new l(B),I=new l(B),R=new l(B),x=r(o(null),S.variants);for(const t in h){x[t]=r(o(null),x[t]);for(const n in h[t]){const r=h[t][n],e=b+k("",r)+"--"+t+"-"+n,i=g({["."+e]:r}),s=o(null),l=x[t][n];x[t][n]=t=>{const n=(l?l(t):[]).concat(t?[]:e);if(null!=t){if(!s[t]){const n=e+"--"+k("",t),o=g({[t]:{["."+n]:r}});s[t]=[o,n]}y.addCss(s[t][0]),n.push(s[t][1])}else y.addCss(i);return n}}}function E(){const t=(S.classNames?S.classNames():[]).concat(b);return w.addCss(C),t}m.addCss(w).addCss(y).addCss(I).addCss(R);const M=function(r){const{css:o,...e}=n(r);let s=new Set(E());for(const t in u)!(t in e)&&t in x&&(e[t]=u[t]);c in e&&(String(e[c]).split(/\s+/).forEach(s.add,s),delete e[c]);for(const t of[].concat(p||[])){const{css:r,...o}=n(t);let l=r;if(n.keys(o).every((t=>{if(t in e){const r=e[t],s=o[t];if(r==s)return!0;if(r===n(r)){for(const t in r){const n=r[t],o=i.conditions[t]||t;s==n&&(l={[o]:l})}return!0}}}))){const t=b+k("",l)+"--comp",n=g({["."+t]:l});I.addCss(n),s.add(t)}}for(const t in e)if(t in x){const n=x[t],r=void 0!==e[t]||void 0 in n?e[t]:u[t];if("as"!==t&&delete e[t],r in n)n[r]().forEach(s.add,s);else for(const t in r){const o=r[t],e=i.conditions[t]||t;o in n&&n[o](e).forEach(s.add,s)}}if(o){const t=b+k("",o)+"--css",n=g({["."+t]:o});R.addCss(n),s.add(t)}s=t(s);const l=e[c]=s.join(" ");return{toString:()=>l,className:l,selector:"."+s.join("."),props:e}};return s(M,{toString:()=>M().className,get className(){return M().className},get selector(){return M().selector},classNames:E,variants:x})},theme:S,reset(){return h.clear(),f.clear(),p.clear(),m.clear(),e.onResets&&e.onResets.call(this),S.toString(),this},toString:w}};globalThis.stitches=B;stitches.createCss=B;stitches.defaultThemeMap=b})()
+(()=>{var{from:t,isArray:n}=Array,r=Object,{assign:o,create:e,defineProperties:i,getOwnPropertyDescriptors:s}=Object,l=(t,n)=>i(t,s(n)),a=class extends Set{constructor(t){super().onChange=t}addCss(t){return!this.has(t)&&this.add(t).onChange&&String(t)&&this.onChange(this),this}toString(){return t(this).join("")}},d=class{constructor(t,n,r){this.value=t,this.token=n,this.scale=r}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+this.scale+"-"+this.token}toString(){return this.computedValue}},c=(t,n)=>t.reduce(((t,r)=>(t.push(...n.map((t=>/[ +>|~]/.test(r)&&/&[^]*&/.test(t)?t.replace(/&/g,`:is(${r})`):/&/.test(t)?t.replace(/&/g,r):t.replace(/^/,r+" ")))),t)),[]),g=t=>t!==r(t)||!(t.constructor===r||null==t.constructor),h=/^/.test.bind(/(Clamp|Column.*|Count|Duration|Flex.*|Group.*|Grow|Index|Opacity|Order|Outset|Row.*|Shrink|Slice|Span|Weight|columns|flex|lineHeight|opacity|order|orphans|tabSize|widows|zoom|(Image|stroke)Width)$/),f=Symbol(),p=/\s*,\s*(?![^()]*\))/,u=(t,r,o,e)=>i=>{let s="";const l=[];let a="";const d=({when:i,...u},m)=>{u=i?{...u,when:i}:u;for(let i in u){let S=u[i];if(i in t){let n=t[i](e)(S);if(n=g(n)?String(n):n,g(n))S=n;else{const t=JSON.stringify(n);a!==t&&(a=t,d(n,m),a="",S={})}}const b=64===i.charCodeAt(0);S=b&&n(S)?S:[S];for(const t of S)if(g(t)){for(const t of l)t[f]||(s+=t,s+="{",t[f]=!0);m.length&&!m[f]&&(s+=m.join(", "),s+="{",m[f]=!0),s+=(b?i:/^\$/.test(i)?"-"+i.replace(/\$/g,"-"):i.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(b?" ":":")+("number"==typeof t&&!h(i)&&t?t+"px":String(t).replace(/\$[$-\w]+/g,(t=>"var(-"+(!/.\$/.test(t)&&i in r?"-"+r[i]:"")+t.replace(/\$/g,"-")+")")))+";"}else{const n=(t,n,r)=>{const o=t?l.push(Object(n)):l.length;if(m.length&&m[f]&&(s+="}",m[f]=!1),d(r,t?m:m.length?c(m,n.split(p)):n.split(p)),t&&o)for(const t of l.splice(o-1))s+="}",t[f]=!1};if("when"===i)for(const r in t)n(!0,r in o?o[r]:r,t[r]);else n(b,i,t)}}m.length&&m[f]&&(s+="}",m[f]=!1)};return d(i,[]),s},m="colors",S="sizes",b="space",C={gap:b,gridGap:b,columnGap:b,gridColumnGap:b,rowGap:b,gridRowGap:b,inset:b,insetBlock:b,insetBlockEnd:b,insetBlockStart:b,insetInline:b,insetInlineEnd:b,insetInlineStart:b,margin:b,marginTop:b,marginRight:b,marginBottom:b,marginLeft:b,marginBlock:b,marginBlockEnd:b,marginBlockStart:b,marginInline:b,marginInlineEnd:b,marginInlineStart:b,padding:b,paddingTop:b,paddingRight:b,paddingBottom:b,paddingLeft:b,paddingBlock:b,paddingBlockEnd:b,paddingBlockStart:b,paddingInline:b,paddingInlineEnd:b,paddingInlineStart:b,top:b,right:b,bottom:b,left:b,scrollMargin:b,scrollMarginTop:b,scrollMarginRight:b,scrollMarginBottom:b,scrollMarginLeft:b,scrollMarginX:b,scrollMarginY:b,scrollMarginBlock:b,scrollMarginBlockEnd:b,scrollMarginBlockStart:b,scrollMarginInline:b,scrollMarginInlineEnd:b,scrollMarginInlineStart:b,scrollPadding:b,scrollPaddingTop:b,scrollPaddingRight:b,scrollPaddingBottom:b,scrollPaddingLeft:b,scrollPaddingX:b,scrollPaddingY:b,scrollPaddingBlock:b,scrollPaddingBlockEnd:b,scrollPaddingBlockStart:b,scrollPaddingInline:b,scrollPaddingInlineEnd:b,scrollPaddingInlineStart:b,fontSize:"fontSizes",background:m,backgroundColor:m,backgroundImage:m,border:m,borderBlock:m,borderBlockEnd:m,borderBlockStart:m,borderBottom:m,borderBottomColor:m,borderColor:m,borderInline:m,borderInlineEnd:m,borderInlineStart:m,borderLeft:m,borderLeftColor:m,borderRight:m,borderRightColor:m,borderTop:m,borderTopColor:m,caretColor:m,color:m,columnRuleColor:m,fill:m,outlineColor:m,stroke:m,textDecorationColor:m,fontFamily:"fonts",fontWeight:"fontWeights",lineHeight:"lineHeights",letterSpacing:"letterSpacings",blockSize:S,minBlockSize:S,maxBlockSize:S,inlineSize:S,minInlineSize:S,maxInlineSize:S,width:S,minWidth:S,maxWidth:S,height:S,minHeight:S,maxHeight:S,flexBasis:S,borderWidth:"borderWidths",borderTopWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderLeftWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",transition:"transitions",zIndex:"zIndices"},k=t=>{const n={};for(const r in t)for(const o in t[r])n["$"+r+"-"+o]=String(t[r][o]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+r+t));return n},B=(t,n)=>{for(var r=JSON.stringify(n),o=r.length,e=9;o;)e=Math.imul(e^r.charCodeAt(--o),9**9);return t+(e^e>>>9).toString(36).slice(-5)},w=n=>{n=r(n);const i={conditions:o({initial:"@media all"},n.conditions),theme:r(n.theme),utils:o(e(null),n.utils)},s=n.prefix||"sx",c=n.classProp||"className",g=u(i.utils,r(n.themeMap||C),i.conditions,i),h=new a(n.onImport),f=new a(n.onGlobal),p=new a(n.onThemed),m=new a(n.onStyled),S=(t,n)=>{n=t===r(t)?t:r(n),t="string"==typeof t?t:"";const o=k(n),i=(t=t||B(s,o)).replace(/^\w/,".$&"),a=g({[i]:o}),c=l((()=>(p.addCss(a),c)),{toString:()=>(c(),t),get className(){return c(),t},get selector(){return c(),i}});for(const t in n){c[t]=e(null);for(const r in n[t])c[t][r]=new d(n[t][r],r,t)}return c},b=(t,n="")=>{const r=[],e=[];for(const n in t){const o=g({[n]:t[n]});("@import"===n?r:e).push(o)}const i=()=>(r.forEach(h.addCss,h),e.forEach(f.addCss,f),n);return o(i,{displayName:n,toString:()=>String(i())})};o(S,S(":root",i.theme)).toString();const w=()=>h+p+f+m;return{config:n,getCssString:w,global:b,keyframes:t=>{const n=B(s,t);return b({["@keyframes "+n]:t},n)},css:(n,d)=>{const{variants:h,compoundVariants:f,defaultVariants:p,...u}=r(d||n),S=r(d&&n),b=B(s,u),C=g({["."+b]:u}),k=m.onChange&&(()=>m.onChange(m)),w=new a(k),y=new a(k),I=new a(k),R=new a(k),x=o(e(null),S.variants);for(const t in h){x[t]=o(e(null),x[t]);for(const n in h[t]){const r=h[t][n],o=b+B("",r)+"--"+t+"-"+n,i=g({["."+o]:r}),s=e(null),l=x[t][n];x[t][n]=t=>{const n=(l?l(t):[]).concat(t?[]:o);if(null!=t){if(!s[t]){const n=o+"--"+B("",t),e=g({[t]:{["."+n]:r}});s[t]=[e,n]}y.addCss(s[t][0]),n.push(s[t][1])}else y.addCss(i);return n}}}function E(){const t=(S.classNames?S.classNames():[]).concat(b);return w.addCss(C),t}m.addCss(w).addCss(y).addCss(I).addCss(R);const M=function(n){const{css:o,...e}=r(n);let s=new Set(E());for(const t in p)!(t in e)&&t in x&&(e[t]=p[t]);c in e&&(String(e[c]).split(/\s+/).forEach(s.add,s),delete e[c]);for(const t of[].concat(f||[])){const{css:n,...o}=r(t);let l=n;if(r.keys(o).every((t=>{if(t in e){const n=e[t],s=o[t];if(n==s)return!0;if(n===r(n)){for(const t in n){const r=n[t],o=i.conditions[t]||t;s==r&&(l={[o]:l})}return!0}}}))){const t=b+B("",l)+"--comp",n=g({["."+t]:l});I.addCss(n),s.add(t)}}for(const t in e)if(t in x){const n=x[t],o=void 0!==e[t]||void 0 in n?e[t]:r(p)[t];if("as"!==t&&delete e[t],o in n)n[o]().forEach(s.add,s);else for(const t in o){const r=o[t],e=i.conditions[t]||t;r in n&&n[r](e).forEach(s.add,s)}}if(o){const t=b+B("",o)+"--css",n=g({["."+t]:o});R.addCss(n),s.add(t)}s=t(s);const l=e[c]=s.join(" ");return{toString:()=>l,className:l,selector:"."+s.join("."),props:e}};return l(M,{toString:()=>M().className,get className(){return M().className},get selector(){return M().selector},classNames:E,variants:x})},theme:S,reset(){return h.clear(),p.clear(),f.clear(),m.clear(),n.onResets&&n.onResets.call(this),S.toString(),this},toString:w}};globalThis.stitches=w;stitches.createCss=w;stitches.defaultThemeMap=C})()
 //# sourceMappingURL=stitches.core.map

package.json

 {
   "name": "@stitches/core",
-  "version": "0.1.0-canary.5",
+  "version": "0.1.0-canary.6",
   "description": "The modern CSS-in-JS library",
@@ -63,3 +63,3 @@ "type": "module",
   ],
-  "gitHead": "1ecaba8af46615e50a529bd91a3cdb1c261530a2"
+  "gitHead": "9feb3917ff33fb653f524fead372234b427af0b2"
 }

types/index.d.ts

@@ -1,2 +0,2 @@
-import { DeclarationListWithImportRule, Properties } from './css-types'
+import { DeclarationListWithRootAtRules, Properties } from './css-types'
 
@@ -171,3 +171,7 @@ export type CSSPropertiesToTokenScale = {
 
-export type TConditions = { [k: string]: string }
+export type TConditions = {
+	/** This condition will always apply. */
+	initial: string
+	[k: string]: string
+}
 export type TTheme = { [k in keyof EmptyTheme]?: { [b: string]: string } }
@@ -307,3 +311,3 @@ export type TThemeMap = { [k in keyof Properties]?: keyof EmptyTheme }
 	 */
-	global: (definition: Record<string, InternalCSS<A, B, C, ThemeMap>> | DeclarationListWithImportRule) => GlobalRule
+	global: (definition: OmitKey<Record<string, InternalCSS<A, B, C, ThemeMap>>, '@font-face' | '@import'> | DeclarationListWithRootAtRules) => GlobalRule
 
@@ -310,0 +314,0 @@ /**

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

424134

increased by0.96%

Lines of code

8138

increased by0.88%

No dependency changes