@stitches/core - npm Package Compare versions

Comparing version 0.1.0-canary.1 to 0.1.0-canary.2

dist/stitches.core.iife.js

@@ -1,2 +0,2 @@
-(()=>{var{from:t}=Array,n=Object,{assign:e,create:o,defineProperties:r,getOwnPropertyDescriptors:i}=Object,s=(t,n)=>r(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,e){this.value=t,this.token=n,this.scale=e}get computedValue(){return"var("+this.variable+")"}get variable(){return"--"+this.scale+"-"+this.token}toString(){return this.computedValue}},d=(t,n)=>t.reduce(((t,e)=>(t.push(...n.map((t=>/&/.test(t)?t.replace(/&/,e):t.replace(/^/,e+" ")))),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,e,o)=>r=>{let i="";const s=[];let l="";const a=({when:r,...u},f)=>{u=r?{...u,when:r}:u;for(let r in u){let m=u[r];if(r in t){let n=t[r](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===r.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?r:/^\$/.test(r)?"-"+r.replace(/\$/g,"-"):r.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(S?" ":":")+("number"==typeof m&&!g(r)&&m?m+"px":String(m).replace(/\$[$-\w]+/g,(t=>"var(-"+(!/.\$/.test(t)&&r in n?"-"+n[r]:"")+t.replace(/\$/g,"-")+")")))+";"}else{const t=(t,n,e)=>{const o=t?s.push(Object(n)):s.length;if(f.length&&f[h]&&(i+="}",f[h]=!1),a(e,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"===r)for(const n in m)t(!0,n in e?e[n]:n,m[n]);else t(S,r,m)}}f.length&&f[h]&&(i+="}",f[h]=!1)};return a(r,[]),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,borderColor:f,borderTopColor:f,borderRightColor:f,borderBottomColor:f,borderLeftColor:f,caretColor:f,color:f,columnRuleColor:f,outlineColor:f,fill:f,stroke: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",borderLeftWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",zIndex:"zIndices",transition:"transitions"},C=t=>{const n={};for(const e in t)for(const o in t[e])n["$"+e+"-"+o]=String(t[e][o]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+e+t));return n},w=(t,n)=>{for(var e=JSON.stringify(n),o=e.length,r=9;o;)r=Math.imul(r^e.charCodeAt(--o),9**9);return t+(r^r>>>9).toString(36).slice(-5)},k=r=>{r=n(r);const i={conditions:e({initial:"@media all"},r.conditions),theme:n(r.theme),utils:n(r.utils)},d=r.prefix||"sx",c=r.classProp||"className",g=u(i.utils,n(r.themeMap||b),i.conditions,i),h=new l(r.onImport),p=new l(r.onGlobal),f=new l(r.onThemed),m=new l(r.onStyled),S=(t,e)=>{e=t===n(t)?t:n(e),t="string"==typeof t?t:"";const r=C(e),i=(t=t||w(d,r)).replace(/^\w/,".$&"),l=g({[i]:r}),c=s((()=>(f.addCss(l),c)),{toString:()=>(c(),t),get className(){return c(),t},get selector(){return c(),i}});for(const t in e){c[t]=o(null);for(const n in e[t])c[t][n]=new a(e[t][n],n,t)}return c},k=(t,n="")=>{const o=[],r=[];for(const n in t){const e=g({[n]:t[n]});("@import"===n?o:r).push(e)}const i=()=>(o.forEach(h.addCss,h),r.forEach(p.addCss,p),n);return e(i,{displayName:n,toString:()=>String(i())})};e(S,S(":root",i.theme)).toString();const B=()=>h+f+p+m;return{config:r,getCssString:B,global:k,keyframes:t=>{const n=w(d,t);return k({["@keyframes "+n]:t},n)},css:(r,a)=>{const{variants:h,compoundVariants:p,defaultVariants:u,...f}=n(a||r),S=n(a&&r),b=w(d,f),C=g({["."+b]:f}),k=m.onChange&&(()=>m.onChange(m)),B=new l(k),y=new l(k),I=new l(k),R=new l(k),x=e(o(null),S.variants);for(const t in h){x[t]=e(o(null),x[t]);for(const n in h[t]){const e=h[t][n],r=b+w("",e)+"--"+t+"-"+n,i=g({["."+r]:e}),s=o(null),l=x[t][n];x[t][n]=t=>{const n=(l?l(t):[]).concat(r);if(null!=t){if(!s[t]){const o=s[t]=r+"--"+w("",t),i=g({[t]:{["."+o]:e}});y.addCss(i),n.push(o)}}else y.addCss(i);return n}}}function M(){const t=(S.classNames?S.classNames():[]).concat(b);return B.addCss(C),t}m.addCss(B).addCss(y).addCss(I).addCss(R);const P=function(e){const{css:o,...r}=n(e);let s=new Set(M());for(const t in u)!(t in r)&&t in x&&(r[t]=u[t]);c in r&&(String(r[c]).split(/\s+/).forEach(s.add,s),delete r[c]);for(const t of[].concat(p||[])){const{css:e,...o}=n(t);let l=e;new Set;if(n.keys(o).every((t=>{if(t in r){const e=r[t],s=o[t];if(e==s)return!0;if(e===n(e)){for(const t in e){const n=e[t],o=i.conditions[t]||t;s==n&&(l={[o]:l})}return!0}}}))){const t=b+w("",l)+"--comp",n=g({["."+t]:l});I.addCss(n),s.add(t)}}for(const t in r)if(t in x){const n=r[t],e=x[t];if(delete r[t],n in e)e[n]().forEach(s.add,s);else for(const t in n){const o=n[t],r=i.conditions[t]||t;o in e&&e[o](r).forEach(s.add,s)}}if(o){const t=b+w("",o)+"--css",n=g({["."+t]:o});R.addCss(n),s.add(t)}s=t(s);const l=r[c]=s.join(" ");return{toString:()=>l,className:l,selector:"."+s.join("."),props:r}};return s(P,{toString:()=>P().className,get className(){return P().className},get selector(){return P().selector},classNames:M,variants:x})},theme:S,reset(){return h.clear(),f.clear(),p.clear(),m.clear(),r.onResets&&r.onResets.call(this),S.toString(),this},toString:B}};globalThis.stitches=k;stitches.defaultThemeMap=b})()
+(()=>{var{from:t}=Array,n=Object,{assign:r,create:e,defineProperties:o,getOwnPropertyDescriptors:i}=Object,s=(t,n)=>o(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*(?![^()]*\))/,f=(t,n,r,e)=>o=>{let i="";const s=[];let l="";const a=({when:o,...f},u)=>{f=o?{...f,when:o}:f;for(let o in f){let m=f[o];if(o in t){let n=t[o](e)(m);if(n=c(n)?String(n):n,c(n))m=n;else{const t=JSON.stringify(n);l!==t&&(l=t,a(n,u),l="",m={})}}const S=64===o.charCodeAt(0);if(c(m)){for(const t of s)t[h]||(i+=t,i+="{",t[h]=!0);u.length&&!u[h]&&(i+=u.join(", "),i+="{",u[h]=!0),i+=(S?o:/^\$/.test(o)?"-"+o.replace(/\$/g,"-"):o.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase())))+(S?" ":":")+("number"==typeof m&&!g(o)&&m?m+"px":String(m).replace(/\$[$-\w]+/g,(t=>"var(-"+(!/.\$/.test(t)&&o in n?"-"+n[o]:"")+t.replace(/\$/g,"-")+")")))+";"}else{const t=(t,n,r)=>{const e=t?s.push(Object(n)):s.length;if(u.length&&u[h]&&(i+="}",u[h]=!1),a(r,t?u:u.length?d(u,n.split(p)):n.split(p)),t&&e)for(const t of s.splice(e-1))i+="}",t[h]=!1};if("when"===o)for(const n in m)t(!0,n in r?r[n]:n,m[n]);else t(S,o,m)}}u.length&&u[h]&&(i+="}",u[h]=!1)};return a(o,[]),i},u="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:u,backgroundColor:u,backgroundImage:u,border:u,borderBlock:u,borderBlockEnd:u,borderBlockStart:u,borderBottom:u,borderBottomColor:u,borderColor:u,borderInline:u,borderInlineEnd:u,borderInlineStart:u,borderLeft:u,borderLeftColor:u,borderRight:u,borderRightColor:u,borderTop:u,borderTopColor:u,caretColor:u,color:u,columnRuleColor:u,fill:u,outlineColor:u,stroke:u,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",borderLeftWidth:"borderWidths",borderRightWidth:"borderWidths",borderBottomWidth:"borderWidths",borderStyle:"borderStyles",borderTopStyle:"borderStyles",borderLeftStyle:"borderStyles",borderRightStyle:"borderStyles",borderBottomStyle:"borderStyles",borderRadius:"radii",borderTopLeftRadius:"radii",borderTopRightRadius:"radii",borderBottomRightRadius:"radii",borderBottomLeftRadius:"radii",boxShadow:"shadows",textShadow:"shadows",zIndex:"zIndices",transition:"transitions"},C=t=>{const n={};for(const r in t)for(const e in t[r])n["$"+r+"-"+e]=String(t[r][e]).replace(/\$[$-\w]+/g,(t=>/[^]\$/.test(t)?t:"$"+r+t));return n},k=(t,n)=>{for(var r=JSON.stringify(n),e=r.length,o=9;e;)o=Math.imul(o^r.charCodeAt(--e),9**9);return t+(o^o>>>9).toString(36).slice(-5)},B=o=>{o=n(o);const i={conditions:r({initial:"@media all"},o.conditions),theme:n(o.theme),utils:n(o.utils)},d=o.prefix||"sx",c=o.classProp||"className",g=f(i.utils,n(o.themeMap||b),i.conditions,i),h=new l(o.onImport),p=new l(o.onGlobal),u=new l(o.onThemed),m=new l(o.onStyled),S=(t,r)=>{r=t===n(t)?t:n(r),t="string"==typeof t?t:"";const o=C(r),i=(t=t||k(d,o)).replace(/^\w/,".$&"),l=g({[i]:o}),c=s((()=>(u.addCss(l),c)),{toString:()=>(c(),t),get className(){return c(),t},get selector(){return c(),i}});for(const t in r){c[t]=e(null);for(const n in r[t])c[t][n]=new a(r[t][n],n,t)}return c},B=(t,n="")=>{const e=[],o=[];for(const n in t){const r=g({[n]:t[n]});("@import"===n?e:o).push(r)}const i=()=>(e.forEach(h.addCss,h),o.forEach(p.addCss,p),n);return r(i,{displayName:n,toString:()=>String(i())})};r(S,S(":root",i.theme)).toString();const w=()=>h+u+p+m;return{config:o,getCssString:w,global:B,keyframes:t=>{const n=k(d,t);return B({["@keyframes "+n]:t},n)},css:(o,a)=>{const{variants:h,compoundVariants:p,defaultVariants:f,...u}=n(a||o),S=n(a&&o),b=k(d,u),C=g({["."+b]:u}),B=m.onChange&&(()=>m.onChange(m)),w=new l(B),y=new l(B),I=new l(B),R=new l(B),E=r(e(null),S.variants);for(const t in h){E[t]=r(e(null),E[t]);for(const n in h[t]){const r=h[t][n],o=b+k("",r)+"--"+t+"-"+n,i=g({["."+o]:r}),s=e(null),l=E[t][n];E[t][n]=t=>{const n=(l?l(t):[]).concat(t?[]:o);if(null!=t){if(!s[t]){const e=s[t]=o+"--"+k("",t),i=g({[t]:{["."+e]:r}});y.addCss(i),n.push(e)}}else y.addCss(i);return n}}}function x(){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:e,...o}=n(r);let s=new Set(x());for(const t in f)!(t in o)&&t in E&&(o[t]=f[t]);c in o&&(String(o[c]).split(/\s+/).forEach(s.add,s),delete o[c]);for(const t of[].concat(p||[])){const{css:r,...e}=n(t);let l=r;new Set;if(n.keys(e).every((t=>{if(t in o){const r=o[t],s=e[t];if(r==s)return!0;if(r===n(r)){for(const t in r){const n=r[t],e=i.conditions[t]||t;s==n&&(l={[e]:l})}return!0}}}))){const t=b+k("",l)+"--comp",n=g({["."+t]:l});I.addCss(n),s.add(t)}}for(const t in o)if(t in E){const n=o[t],r=E[t];if(delete o[t],n in r)r[n]().forEach(s.add,s);else for(const t in n){const e=n[t],o=i.conditions[t]||t;e in r&&r[e](o).forEach(s.add,s)}}if(e){const t=b+k("",e)+"--css",n=g({["."+t]:e});R.addCss(n),s.add(t)}s=t(s);const l=o[c]=s.join(" ");return{toString:()=>l,className:l,selector:"."+s.join("."),props:o}};return s(M,{toString:()=>M().className,get className(){return M().className},get selector(){return M().selector},classNames:x,variants:E})},theme:S,reset(){return h.clear(),u.clear(),p.clear(),m.clear(),o.onResets&&o.onResets.call(this),S.toString(),this},toString:w}};globalThis.stitches=B;stitches.createCss=B;stitches.defaultThemeMap=b})()
 //# sourceMappingURL=stitches.core.map

package.json

 {
   "name": "@stitches/core",
-  "version": "0.1.0-canary.1",
+  "version": "0.1.0-canary.2",
   "description": "The modern CSS-in-JS library",
@@ -63,3 +63,3 @@ "type": "module",
   ],
-  "gitHead": "148ea49a8ae4573d0ed01df7102af7935629bf0e"
+  "gitHead": "f8dc4bb75726feaa453c12d2a539a207814349c7"
 }

types/index.d.ts

@@ -48,7 +48,17 @@ import { DeclarationListWithImportRule, Properties } from './css-types'
 	border: 'colors'
+	borderBlock: 'colors'
+	borderBlockEnd: 'colors'
+	borderBlockStart: 'colors'
+	borderBottom: 'colors'
+	borderBottomColor: 'colors'
 	borderColor: 'colors'
+	borderInline: 'colors'
+	borderInlineEnd: 'colors'
+	borderInlineStart: 'colors'
+	borderLeft: 'colors'
+	borderLeftColor: 'colors'
+	borderRight: 'colors'
+	borderRightColor: 'colors'
+	borderTop: 'colors'
 	borderTopColor: 'colors'
-	borderRightColor: 'colors'
-	borderBottomColor: 'colors'
-	borderLeftColor: 'colors'
 	caretColor: 'colors'
@@ -461,2 +471,3 @@ color: 'colors'
 declare const styled: TStyledSheetFactory
-export default styled
+
+export { styled as default, styled as createCss }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

419764

increased by0.34%

Lines of code

8067

increased by0.14%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes