@stitches/react - npm Package Compare versions

Comparing version 0.1.0-canary.7 to 0.1.0-canary.8

dist/stitches.react.iife.js

@@ -1,2 +0,2 @@
-(()=>{var t=Object,{assign:e,create:n,defineProperties:o,getOwnPropertyDescriptors:r}=Object,s=(t,e)=>o(t,r(e)),{from:i,isArray:a}=Array,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 i(this).join("")}},d=class{constructor(t,e,n){this.value=t,this.token=e,this.scale=n}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+this.scale+"-"+this.token}toString(){return this.computedValue}},c=(t,e)=>t.reduce(((t,n)=>(t.push(...e.map((t=>/[ +>|~]/.test(n)&&/&[^]*&/.test(t)?t.replace(/&/g,`:is(${n})`):/&/.test(t)?t.replace(/&/g,n):t.replace(/^/,n+" ")))),t)),[]),g=e=>e!==t(e)||!(e.constructor===t||null==e.constructor),p=/^/.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(),m=/\s*,\s*(?![^()]*\))/,u=(t,e,n,o)=>r=>{let s="";const i=[];let l="";const d=({when:r,...u},f)=>{u=r?{...u,when:r}:u;for(let r in u){let b=u[r];if(r in t){let e=t[r](o)(b);if(e=g(e)?String(e):e,g(e))b=e;else{const t=JSON.stringify(e);l!==t&&(l=t,d(e,f),l="",b={})}}const S=64===r.charCodeAt(0);b=S&&a(b)?b:[b];for(const t of b)if(g(t)){for(const t of i)t[h]||(s+=t,s+="{",t[h]=!0);f.length&&!f[h]&&(s+=f.join(", "),s+="{",f[h]=!0),s+=(S?r:/^\$/.test(r)?"-"+r.replace(/\$/g,"-"):r.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(S?" ":":")+("number"==typeof t&&!p(r)&&t?t+"px":String(t).replace(/\$[$-\w]+/g,(t=>"var(-"+(!/.\$/.test(t)&&r in e?"-"+e[r]:"")+t.replace(/\$/g,"-")+")")))+";"}else{const e=(t,e,n)=>{const o=t?i.push(Object(e)):i.length;if(f.length&&f[h]&&(s+="}",f[h]=!1),d(n,t?f:f.length?c(f,e.split(m)):e.split(m)),t&&o)for(const t of i.splice(o-1))s+="}",t[h]=!1};if("when"===r)for(const o in t)e(!0,o in n?n[o]:o,t[o]);else e(S,r,t)}}f.length&&f[h]&&(s+="}",f[h]=!1)};return d(r,[]),s},f="colors",b="sizes",S="space",y={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:b,minBlockSize:b,maxBlockSize:b,inlineSize:b,minInlineSize:b,maxInlineSize:b,width:b,minWidth:b,maxWidth:b,height:b,minHeight:b,maxHeight:b,flexBasis:b,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 e={};for(const n in t)for(const o in t[n])e["$"+n+"-"+o]=String(t[n][o]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+n+t));return e},w=(t,e)=>{for(var n=JSON.stringify(e),o=n.length,r=9;o;)r=Math.imul(r^n.charCodeAt(--o),9**9);return t+(r^r>>>9).toString(36).slice(-5)},k=o=>{o=t(o);const r={conditions:e({initial:"@media all"},o.conditions),theme:t(o.theme),utils:e(n(null),o.utils)},a=o.prefix||"sx",c=o.classProp||"className",g=u(r.utils,t(o.themeMap||y),r.conditions,r),p=new l(o.onImport),h=new l(o.onGlobal),m=new l(o.onThemed),f=new l(o.onStyled),b=(e,o)=>{o=e===t(e)?e:t(o),e="string"==typeof e?e:"";const r=C(o),i=(e=e||w(a,r)).replace(/^\w/,".$&"),l=g({[i]:r}),c=s((()=>(m.addCss(l),c)),{toString:()=>(c(),e),get className(){return c(),e},get selector(){return c(),i}});for(const t in o){c[t]=n(null);for(const e in o[t])c[t][e]=new d(o[t][e],e,t)}return c},S=(t,n="")=>{const o=[],r=[];for(const e in t){const n=g({[e]:t[e]});("@import"===e?o:r).push(n)}const s=()=>(o.forEach(p.addCss,p),r.forEach(h.addCss,h),n);return e(s,{displayName:n,toString:()=>String(s())})};e(b,b(":root",r.theme)).toString();const k=()=>p+m+h+f;return{config:o,getCssString:k,global:S,keyframes:t=>{const e=w(a,t);return S({["@keyframes "+e]:t},e)},css:(o,d)=>{const{variants:p,compoundVariants:h,defaultVariants:m,...u}=t(d||o),b=t(d&&o),S=w(a,u),y=g({["."+S]:u}),C=f.onChange&&(()=>f.onChange(f)),k=new l(C),B=new l(C),I=new l(C),x=new l(C),R=e(n(null),b.variants);for(const t in p){R[t]=e(n(null),R[t]);for(const e in p[t]){const o=p[t][e],r=S+w("",o)+"--"+t+"-"+e,s=g({["."+r]:o}),i=n(null),a=R[t][e];R[t][e]=t=>{const e=(a?a(t):[]).concat(t?[]:r);if(null!=t){if(!i[t]){const e=r+"--"+w("",t),n=g({[t]:{["."+e]:o}});i[t]=[n,e]}B.addCss(i[t][0]),e.push(i[t][1])}else B.addCss(s);return e}}}function E(){const t=(b.classNames?b.classNames():[]).concat(S);return k.addCss(y),t}f.addCss(k).addCss(B).addCss(I).addCss(x);const P=function(e){const{css:n,...o}=t(e);let s=new Set(E());for(const t in m)!(t in o)&&t in R&&(o[t]=m[t]);c in o&&(String(o[c]).split(/\s+/).forEach(s.add,s),delete o[c]);for(const e of[].concat(h||[])){const{css:n,...i}=t(e);let a=n;if(t.keys(i).every((e=>{if(e in o){const n=o[e],s=i[e];if(n==s)return!0;if(n===t(n)){for(const t in n){const e=n[t],o=r.conditions[t]||t;s==e&&(a={[o]:a})}return!0}}}))){const t=S+w("",a)+"--comp",e=g({["."+t]:a});I.addCss(e),s.add(t)}}for(const e in o)if(e in R){const n=R[e],i=void 0!==o[e]||void 0 in n?o[e]:t(m)[e];if("as"!==e&&delete o[e],i in n)n[i]().forEach(s.add,s);else for(const t in i){const e=i[t],o=r.conditions[t]||t;e in n&&n[e](o).forEach(s.add,s)}}if(n){const t=S+w("",n)+"--css",e=g({["."+t]:n});x.addCss(e),s.add(t)}s=i(s);const a=o[c]=s.join(" ");return{toString:()=>a,className:a,selector:"."+s.join("."),props:o}};return s(P,{toString:()=>P().className,get className(){return P().className},get selector(){return P().selector},classNames:E,variants:R})},theme:b,reset(){return p.clear(),m.clear(),h.clear(),f.clear(),o.onResets&&o.onResets.call(this),b.toString(),this},toString:k}},B=Symbol.for("react.element"),I=Symbol.for("react.forward_ref"),x=n=>{const o="object"==typeof document,r=o&&new Text(""),s=o&&new Text(""),i=o&&new Text(""),a=o&&new Text(""),l=o?t=>e=>t.data=e:()=>{};let d,c;n=e({onImport:l(r,"import"),onThemed:l(s,"themed"),onGlobal:l(i,"global"),onStyled:l(a,"styled"),onResets(){o&&(this.sync(),c.textContent=r.data=s.data=i.data=a.data="",c.append(r,s,i,a))}},n);const g=k(n);return e(g,{sync(){o&&(d||(d=document.head||document.documentElement),c||(c=document.getElementById("stitches")||e(document.createElement("style"),{id:"stitches"})),c.parentNode||d.prepend(c))},styled:new Proxy(((e,n)=>{const o="composes"in t(e),r=o?g.css(e.composes,n):g.css(n),s=(o?e.type:e)||"span";return t.setPrototypeOf({$$typeof:I,render(t,e){const{props:{as:n=s,...o},...i}=r(t);return g.sync(),{constructor:void 0,$$typeof:B,props:o,ref:e,type:n,__v:0}},[Symbol.toPrimitive]:()=>r.selector,toString:()=>r.selector,get className(){return r.className},get selector(){return r.selector},composes:r,classNames:r.classNames,variants:r.variants,type:s},t(e))}),{get:(t,e)=>e in t?"function"==typeof t[e]?t[e].bind(t):t[e]:t.bind(null,e)})}).reset()};globalThis.stitches=x;stitches.createCss=x;stitches.defaultThemeMap=y})()
+(()=>{var t=Object,{assign:e,create:n,defineProperties:o,getOwnPropertyDescriptors:r}=Object,s=(t,e)=>o(t,r(e)),{from:i,isArray:a}=Array,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 i(this).join("")}},d=class{constructor(t,e,n){this.value=t,this.token=e,this.scale=n}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+this.scale+"-"+this.token}toString(){return this.computedValue}},c=(t,e)=>t.reduce(((t,n)=>(t.push(...e.map((t=>/[ +>|~]/.test(n)&&/&[^]*&/.test(t)?t.replace(/&/g,`:is(${n})`):/&/.test(t)?t.replace(/&/g,n):t.replace(/^/,n+" ")))),t)),[]),g=e=>e!==t(e)||!(e.constructor===t||null==e.constructor),p=/^/.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(),m=/\s*,\s*(?![^()]*\))/,u=(t,e,n,o)=>r=>{let s="";const i=[];let l="";const d=({when:r,...u},f)=>{u=r?{...u,when:r}:u;for(let r in u){let b=u[r];if(r in t){let e=t[r](o)(b);if(e=g(e)?String(e):e,g(e))b=e;else{const t=JSON.stringify(e);l!==t&&(l=t,d(e,f),l="",b={})}}const S=64===r.charCodeAt(0);b=S&&a(b)?b:[b];for(const t of b)if(g(t)){for(const t of i)t[h]||(s+=t,s+="{",t[h]=!0);f.length&&!f[h]&&(s+=f.join(", "),s+="{",f[h]=!0),s+=(S?r:/^\$/.test(r)?"-"+r.replace(/\$/g,"-"):r.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(S?" ":":")+("number"==typeof t&&!p(r)&&t?t+"px":String(t).replace(/(-)?(\$[$-\w]+)/g,((t,n,o)=>(n?"calc(":"")+"var(-"+(!/.[$]/.test(o)&&r in e?"-"+e[r]:"")+o.replace(/[$]/g,"-")+")"+(n?"*-1)":""))))+";"}else{const e=(t,e,n)=>{const o=t?i.push(Object(e)):i.length;if(f.length&&f[h]&&(s+="}",f[h]=!1),d(n,t?f:f.length?c(f,e.split(m)):e.split(m)),t&&o)for(const t of i.splice(o-1))s+="}",t[h]=!1};if("when"===r)for(const o in t)e(!0,o in n?n[o]:o,t[o]);else e(S,r,t)}}f.length&&f[h]&&(s+="}",f[h]=!1)};return d(r,[]),s},f="colors",b="sizes",S="space",y={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:b,minBlockSize:b,maxBlockSize:b,inlineSize:b,minInlineSize:b,maxInlineSize:b,width:b,minWidth:b,maxWidth:b,height:b,minHeight:b,maxHeight:b,flexBasis:b,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 e={};for(const n in t)for(const o in t[n])e["$"+n+"-"+o]=String(t[n][o]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+n+t));return e},w=(t,e)=>{for(var n=JSON.stringify(e),o=n.length,r=9;o;)r=Math.imul(r^n.charCodeAt(--o),9**9);return t+(r^r>>>9).toString(36).slice(-5)},k=o=>{o=t(o);const r={conditions:e({initial:"@media all"},o.conditions),theme:t(o.theme),utils:e(n(null),o.utils)},a=o.prefix||"sx",c=o.classProp||"className",g=u(r.utils,t(o.themeMap||y),r.conditions,r),p=new l(o.onImport),h=new l(o.onGlobal),m=new l(o.onThemed),f=new l(o.onStyled),b=(e,o)=>{o=e===t(e)?e:t(o),e="string"==typeof e?e:"";const r=C(o),i=(e=e||w(a,r)).replace(/^\w/,".$&"),l=g({[i]:r}),c=s((()=>(m.addCss(l),c)),{toString:()=>(c(),e),get className(){return c(),e},get selector(){return c(),i}});for(const t in o){c[t]=n(null);for(const e in o[t])c[t][e]=new d(o[t][e],e,t)}return c},S=(t,n="")=>{const o=[],r=[];for(const e in t){const n=g({[e]:t[e]});("@import"===e?o:r).push(n)}const s=()=>(o.forEach(p.addCss,p),r.forEach(h.addCss,h),n);return e(s,{displayName:n,toString:()=>String(s())})};e(b,b(":root",r.theme)).toString();const k=()=>p+m+h+f;return{config:o,getCssString:k,global:S,keyframes:t=>{const e=w(a,t);return S({["@keyframes "+e]:t},e)},css:(o,d)=>{const{variants:p,compoundVariants:h,defaultVariants:m,...u}=t(d||o),b=t(d&&o),S=w(a,u),y=g({["."+S]:u}),C=f.onChange&&(()=>f.onChange(f)),k=new l(C),B=new l(C),I=new l(C),x=new l(C),R=e(n(null),b.variants);for(const t in p){R[t]=e(n(null),R[t]);for(const e in p[t]){const o=p[t][e],r=S+w("",o)+"--"+t+"-"+e,s=g({["."+r]:o}),i=n(null),a=R[t][e];R[t][e]=t=>{const e=(a?a(t):[]).concat(t?[]:r);if(null!=t){if(!i[t]){const e=r+"--"+w("",t),n=g({[t]:{["."+e]:o}});i[t]=[n,e]}B.addCss(i[t][0]),e.push(i[t][1])}else B.addCss(s);return e}}}function E(){const t=(b.classNames?b.classNames():[]).concat(S);return k.addCss(y),t}f.addCss(k).addCss(B).addCss(I).addCss(x);const P=function(e){const{css:n,...o}=t(e);let s=new Set(E());for(const t in m)!(t in o)&&t in R&&(o[t]=m[t]);c in o&&(String(o[c]).split(/\s+/).forEach(s.add,s),delete o[c]);for(const e of[].concat(h||[])){const{css:n,...i}=t(e);let a=n;if(t.keys(i).every((e=>{if(e in o){const n=o[e],s=i[e];if(n==s)return!0;if(n===t(n)){for(const t in n){const e=n[t],o=r.conditions[t]||t;s==e&&(a={[o]:a})}return!0}}}))){const t=S+w("",a)+"--comp",e=g({["."+t]:a});I.addCss(e),s.add(t)}}for(const e in o)if(e in R){const n=R[e],i=void 0!==o[e]||void 0 in n?o[e]:t(m)[e];if("as"!==e&&delete o[e],i in n)n[i]().forEach(s.add,s);else for(const t in i){const e=i[t],o=r.conditions[t]||t;e in n&&n[e](o).forEach(s.add,s)}}if(n){const t=S+w("",n)+"--css",e=g({["."+t]:n});x.addCss(e),s.add(t)}s=i(s);const a=o[c]=s.join(" ");return{toString:()=>a,className:a,selector:"."+s.join("."),props:o}};return s(P,{toString:()=>P().className,get className(){return P().className},get selector(){return P().selector},classNames:E,variants:R})},theme:b,reset(){return p.clear(),m.clear(),h.clear(),f.clear(),o.onResets&&o.onResets.call(this),b.toString(),this},toString:k}},B=Symbol.for("react.element"),I=Symbol.for("react.forward_ref"),x=n=>{const o="object"==typeof document,r=o&&new Text(""),s=o&&new Text(""),i=o&&new Text(""),a=o&&new Text(""),l=o?t=>e=>t.data=e:()=>{};let d,c;n=e({onImport:l(r,"import"),onThemed:l(s,"themed"),onGlobal:l(i,"global"),onStyled:l(a,"styled"),onResets(){o&&(this.sync(),c.textContent=r.data=s.data=i.data=a.data="",c.append(r,s,i,a))}},n);const g=k(n);return e(g,{sync(){o&&(d||(d=document.head||document.documentElement),c||(c=document.getElementById("stitches")||e(document.createElement("style"),{id:"stitches"})),c.parentNode||d.prepend(c))},styled:new Proxy(((e,n)=>{const o="composes"in t(e),r=o?g.css(e.composes,n):g.css(n),s=(o?e.type:e)||"span";return t.setPrototypeOf({$$typeof:I,render(t,e){const{props:{as:n=s,...o},...i}=r(t);return g.sync(),{constructor:void 0,$$typeof:B,props:o,ref:e,type:n,__v:0}},[Symbol.toPrimitive]:()=>r.selector,toString:()=>r.selector,get className(){return r.className},get selector(){return r.selector},composes:r,classNames:r.classNames,variants:r.variants,type:s},t(e))}),{get:(t,e)=>e in t?"function"==typeof t[e]?t[e].bind(t):t[e]:t.bind(null,e)})}).reset()};globalThis.stitches=x;stitches.createCss=x;stitches.defaultThemeMap=y})()
 //# sourceMappingURL=stitches.react.map

package.json

 {
   "name": "@stitches/react",
-  "version": "0.1.0-canary.7",
+  "version": "0.1.0-canary.8",
   "description": "The modern CSS-in-JS library",
@@ -25,3 +25,3 @@ "type": "module",
   "dependencies": {
-    "@stitches/core": "^0.1.0-canary.7"
+    "@stitches/core": "^0.1.0-canary.8"
   },
@@ -79,3 +79,3 @@ "devDependencies": {
   ],
-  "gitHead": "22205256ea1f4ea9127c3bf3e6751b5d7d9dd117"
+  "gitHead": "cf7ebc53b8fd9bfc73ee1a7b320254a70b858a67"
 }

types/index.d.ts

@@ -167,11 +167,11 @@ import * as React from 'react'
 		? // jsx elements
-		  StitchesComponentWithAutoCompleteForJSXElements<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>
+		  StitchesComponentWithAutoCompleteForJSXElements<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils, ThemeMap>
 		: // if it's a stitches component we reach in and pull its type to provide better types
 		E extends { [$elm]: infer DeepStitchesComponentType }
-		? StitchesComponentWithAutoCompleteForJSXElements<DeepStitchesComponentType, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>
+		? StitchesComponentWithAutoCompleteForJSXElements<DeepStitchesComponentType, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils, ThemeMap>
 		: // normal react component
-		  StitchesComponentWithAutoCompleteForReactComponents<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>
-} & ProxyStyledElements
+		  StitchesComponentWithAutoCompleteForReactComponents<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils, ThemeMap>
+} & ProxyStyledElements<Conditions, Theme, Utils, ThemeMap>
 
-export type ProxyStyledElements = {
+export type ProxyStyledElements<Conditions = {}, Theme extends TTheme = {}, Utils = {}, ThemeMap = {}> = {
 	[ElKey in keyof JSX.IntrinsicElements]: <E extends React.ElementType = ElKey, Variants, CloneVariants extends Variants>(
@@ -211,6 +211,6 @@ // prettier-ignore
 		? // jsx elements
-		  StitchesComponentWithAutoCompleteForJSXElements<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>
+		  StitchesComponentWithAutoCompleteForJSXElements<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils, ThemeMap>
 		: // if it's a stitches component we reach in and pull its type to provide better types
 		E extends { [$elm]: infer DeepStitchesComponentType }
-		? StitchesComponentWithAutoCompleteForJSXElements<DeepStitchesComponentType, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>
+		? StitchesComponentWithAutoCompleteForJSXElements<DeepStitchesComponentType, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils, ThemeMap>
 		: // normal react component
@@ -217,0 +217,0 @@ StitchesComponentWithAutoCompleteForReactComponents<E, Variants & StitchesExtractVariantsStyles<E>, Conditions, Theme, Utils>

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

85361

increased by0.58%

Lines of code

331

increased by0.91%

Dependency changes

• Updated@stitches/core@^0.1.0-canary.8