@animus-ui/core 0.1.1-beta.10 → 0.1.1-beta.11

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1-beta.11](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.10...@animus-ui/core@0.1.1-beta.11) (2022-01-24)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
 ## [0.1.1-beta.10](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.9...@animus-ui/core@0.1.1-beta.10) (2022-01-23)
 
 **Note:** Version bump only for package @animus-ui/core

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("lodash");function e(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=e(require("@emotion/styled"));const o=()=>[],s=r=>0===r?r:r<=1&&r>=-1?100*r+"%":`${r}px`,i=/(-?\d*\.?\d+)(%|\w*)/,p=e=>{if(r.isNumber(e))return s(e);if(e.includes("calc"))return e;const[t,o,p]=i.exec(e)||[];if(void 0===t)return e;const n=parseFloat(o);return p?`${n}${p}`:s(n)},n={max:"max-content",min:"min-content"},a=new RegExp(/^[0-9]*$/),d=e=>{var t;return`minmax(0, ${t=e,a.test(t)?`${e}fr`:r.get(n,e,e)})`},c=(r,e)=>{const t=d(r);return e>1?`repeat(${e}, ${t})`:t},l=r=>{const e=r.split(":");let t=["",0],o="";for(let r=0;r<e.length+1;r+=1){const s=o.length>0?" ":"",i=e[r];t?.[0]!==i?(t[0].length&&(o+=s+c(...t)),i&&(t=[i,1])):t[1]+=1}return o},u=e=>r.isNumber(e)?c("1",e):l(e),g=(r,e)=>"number"==typeof r?e(r):r,y=r=>g(r,(r=>`${r}px`)),m=r=>g(r,(r=>`${r}px solid currentColor`)),b={spacing:[0,4,8,12,16,24,32,40,48,64,96],fontSize:[64,44,34,26,22,20,18,16,14],lineHeight:{body:1.5,heading:1},fontWeight:[400,600,700],fontFamily:{body:"Verdana, sans-serif",heading:"Verdana, Lato, sans-serif",monospace:"monospace"},radii:[2,4,6,8],borders:[1,2,3],colors:{},modes:{},mode:void 0},f=(e,t,o)=>{if(r.isArray(t))return e;if(r.isObject(t))return r.get(t,e);if(r.isString(t)){const s=r.get(o,t,r.get(b,t));if(!s)return;return r.isArray(s)?e:r.get(s,e)}},h=(e,t,o)=>{const s={},{transform:i=r.identity,property:p,properties:n=[p],scale:a,variable:d}=o,c=void 0===a||r.isArray(a);if(r.isUndefined(e))return s;let l,u,g=!1;switch(typeof e){case"number":case"string":u=f(e,a,t?.theme),g=void 0!==u||c,l=u??e;break;case"function":t.theme&&(l=e(t.theme));break;default:return s}if(n.forEach((e=>{let o=l;switch(g&&!r.isUndefined(o)&&(o=i(o,e,t)),typeof o){case"number":case"string":return s[e]=o;case"object":return Object.assign(s,o)}})),d){let e=l;g&&!r.isUndefined(e)&&(e=i(e,p,t)),e&&"object"!=typeof e&&(s[d]=e)}return s},R=["border","borderTop","borderBottom","borderLeft","borderRight","borderWidth","borderStyle","borderColor","background","flex","margin","padding","transition","gap","grid","gridArea","gridColumn","gridRow","gridTemplate","overflow","transition"],x=-1,w=1,S=1,j=(r,e)=>r<e?x:e<r?w:S,v=r=>Object.keys(r).sort(((e,t)=>{const{[e]:o,[t]:s}=r,{property:i,properties:p=[]}=o,{property:n,properties:a=[]}=s,d=R.includes(i),c=R.includes(n);if(d&&c){const r=p.length,e=a.length;if(i!==n)return j(R.indexOf(i),R.indexOf(n));if(i===n){if(0===r)return x;if(0===e)return w}return j(e,r)}return d?x:c?w:S})),C=["_","xs","sm","md","lg","xl"],O=r=>`@media screen and (min-width: ${r}px)`,T={xs:480,sm:768,md:1024,lg:1200,xl:1440},k=(e,t,o,s,i)=>{const p=r.get(o,t);switch(typeof p){case"string":case"number":case"function":return Object.assign(e,h(p,o,s));case"object":if(!i.mediaQueries)return;if(n=p,Array.isArray(n))return r.merge(e,((r,e,t,o)=>{const s={},[i,...p]=r;return i&&Object.assign(s,h(i,e,t)),p.forEach(((r,i)=>{const p=o[i];p&&void 0!==r&&Object.assign(s,{[p]:h(r,e,t)})})),s})(p,o,s,i.mediaQueries.array));if(p&&(e=>r.intersection(Object.keys(e),C).length>0)(p))return r.merge(e,((r,e,t,o)=>{const s={},{_:i,...p}=r;return i&&Object.assign(s,h(i,e,t)),Object.keys(o).forEach((r=>{const i=p[r];void 0!==i&&Object.assign(s,{[o[r]]:h(i,e,t)})})),s})(p,o,s,i.mediaQueries.map))}var n};function E(e){const t=v(e),o={mediaQueries:null};return Object.assign(((s,i=!1)=>{const p={},{theme:n}=s;return null===o.mediaQueries&&(o.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:i,xl:p}=e??{};return{map:r.mapValues(e,O),array:[t,o,s,i,p].map(O)}})(n?.breakpoints??T)),i?Object.keys(s).forEach((t=>{const i=e[t];i?k(p,t,s,i,o):"theme"!==t&&Object.assign(p,{[t]:r.get(s,t)})})):t.forEach((r=>{const t=e[r];k(p,r,s,t,o)})),null!==o.mediaQueries?((e,t)=>{const o=r.omit(e,t);return t.forEach((r=>{e[r]&&(o[r]=e[r])})),o})(p,o.mediaQueries.array):p}),{propNames:t,config:e})}const A=(r,e)=>{const t=Object.keys(r),o=Object.keys(e);return r=>{const e=[];return t.forEach((t=>{r[t]&&e.push(`${t}-${r[t]}`)})),o.forEach((t=>{r[t]&&e.push(t)})),e}},W=(r,e)=>{const t={},o={};return Object.entries(r).forEach((([r,s])=>{(e.includes(r)?o:t)[r]=s})),[t,o]},B=(e,t,o,s)=>{const{base:i}=t,{parser:p,getMediaSelectors:n,getActiveOverrides:a}=s,{theme:d}=o,c=Object.values(r.pick(t,a(o))),l=n(o),[u,g]=W(p({...i,theme:d},!0),l);for(const r in u)e[r]=u[r];c.forEach((t=>{((e={},t,o,s,i,p)=>{const[n,a]=W(s({...e,theme:i},!0),p);for(const r in n)t[r]=n[r];p.forEach((e=>{const t=a[e];if(!t||r.isEmpty(t))return;o[e]||(o[e]={});const s=o[e];for(const r in t)s[r]=t[r]}))})(t,e,g,p,d,l)})),l.forEach((t=>{const o=g[t];r.isEmpty(o)||(e[t]=o)}))},L=(e,t={},o={},s={})=>{const i=((e={},t={},o={},s)=>{const i={};return Object.entries(e).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(i,[e,"base"],t):r.set(i,["primary","base",e],t)})),Object.entries(t).forEach((([e,{variants:t}])=>{Object.entries(t).forEach((([t,o])=>{const p=`${e}-${t}`;Object.entries(o).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(i,[e,p],t):r.set(i,["primary",p,e],t)}))}))})),Object.entries(o).forEach((([e,t])=>{Object.entries(t).forEach((([t,o])=>{!s.includes(t)&&r.isObject(o)?r.set(i,[t,e],o):r.set(i,["primary",e,t],o)}))})),i})(t,o,s,e.propNames),p={parser:e,getMediaSelectors:({theme:r})=>{const e=r?.breakpoints??T;return["xs","sm","md","lg","xl"].map((r=>e[r]))},getActiveOverrides:A(o,s)};return r=>{const{vars:t}=r,o={...t};return Object.entries(i).forEach((([e,t={}])=>{"primary"===e?B(o,t,r,p):(o[e]={},B(o[e],t,r,p))})),B(o,{base:e(r)},r,p),o}};class G{propRegistry={};groupRegistry={};parser={};baseStyles={};statesConfig={};variants={};activeGroups={};custom={};constructor(r,e,t,o,s,i,p,n){this.propRegistry=r,this.groupRegistry=e,this.parser=t,this.baseStyles=o,this.variants=s,this.statesConfig=i,this.activeGroups=p,this.custom=n}asComponent(r){const e=L(E({...this.parser.config,...this.custom}),this.baseStyles,this.variants,this.statesConfig);return t.default(r)(e)}build(){return L(E({...this.parser.config,...this.custom}),this.baseStyles,this.variants,this.statesConfig)}}class Q extends G{constructor(r,e,t,o,s,i,p){super(r,e,t,o,s,i,p,{})}props(r){return new G(this.propRegistry,this.groupRegistry,this.parser,this.baseStyles,this.variants,this.statesConfig,this.activeGroups,r)}}class $ extends Q{constructor(r,e,t,o,s,i){super(r,e,t,o,s,i,{})}groups(r){return new Q(this.propRegistry,this.groupRegistry,this.parser,this.baseStyles,this.variants,this.statesConfig,r)}}class F extends ${constructor(r,e,t,o,s){super(r,e,t,o,s,{})}states(r){return new $(this.propRegistry,this.groupRegistry,this.parser,this.baseStyles,this.variants,r)}variant(e){const t=e.prop||"variant";return new F(this.propRegistry,this.groupRegistry,this.parser,this.baseStyles,r.merge(this.variants,{[t]:e}))}}class I extends F{constructor(r,e,t,o){super(r,e,t,o,{})}variant(e){const t=e.prop||"variant";return new F(this.propRegistry,this.groupRegistry,this.parser,this.baseStyles,r.merge(this.variants,{[t]:e}))}}class z extends I{constructor(r,e){super(r,e,E(r),{})}styles(r){return new I(this.propRegistry,this.groupRegistry,this.parser,r)}}class H{#r={};#e={};constructor(r,e){this.#r=r||{},this.#e=e||{}}addGroup(r,e){const t={[r]:Object.keys(e)};return new H({...this.#r,...e},{...this.#e,...t})}build(){const r=this.#r,e=this.#e;return new z(r,e)}}const N=()=>new H,U={border:{property:"border",scale:"borders",transform:m},borderX:{property:"border",properties:["borderLeft","borderRight"],scale:"borders",transform:m},borderY:{property:"border",properties:["borderTop","borderBottom"],scale:"borders",transform:m},borderTop:{property:"borderTop",scale:"borders",transform:m},borderRight:{property:"borderRight",scale:"borders",transform:m},borderBottom:{property:"borderBottom",scale:"borders",transform:m},borderLeft:{property:"borderLeft",scale:"borders",transform:m},borderWidth:{property:"borderWidth"},borderWidthX:{property:"borderWidth",properties:["borderLeftWidth","borderRightWidth"]},borderWidthY:{property:"borderWidth",properties:["borderTopWidth","borderBottomWidth"]},borderWidthLeft:{property:"borderLeftWidth"},borderWidthRight:{property:"borderRightWidth"},borderWidthTop:{property:"borderTopWidth"},borderWidthBottom:{property:"borderBottomWidth"},borderRadius:{property:"borderRadius",scale:"radii",transform:y},borderRadiusLeft:{property:"borderRadius",properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:y},borderRadiusTop:{property:"borderRadius",properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:y},borderRadiusBottom:{property:"borderRadius",properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:y},borderRadiusRight:{property:"borderRadius",properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:y},borderRadiusTopLeft:{property:"borderTopLeftRadius",scale:"radii",transform:y},borderRadiusTopRight:{property:"borderTopRightRadius",scale:"radii",transform:y},borderRadiusBottomRight:{property:"borderBottomRightRadius",scale:"radii",transform:y},borderRadiusBottomLeft:{property:"borderBottomLeftRadius",scale:"radii",transform:y},borderStyle:{property:"borderStyle"},borderStyleX:{property:"borderStyle",properties:["borderLeftStyle","borderRightStyle"]},borderStyleY:{property:"borderStyle",properties:["borderTopStyle","borderBottomStyle"]},borderStyleLeft:{property:"borderLeftStyle"},borderStyleRight:{property:"borderRightStyle"},borderStyleTop:{property:"borderTopStyle"},borderStyleBottom:{property:"borderBottomStyle"}},V={gap:{property:"gap",scale:"spacing"},rowGap:{property:"rowGap",scale:"spacing"},columnGap:{property:"columnGap",scale:"spacing"}},X={justifySelf:{property:"justifySelf"},alignSelf:{property:"alignSelf"},gridArea:{property:"gridArea"},area:{property:"gridArea"}},Y={justifyContent:{property:"justifyContent"},justifyItems:{property:"justifyItems"},alignItems:{property:"alignItems"},alignContent:{property:"alignContent"},...X},_={flexBasis:{property:"flexBasis"},flexShrink:{property:"flexShrink"},flexGrow:{property:"flexGrow"},order:{property:"order"}},P={flexDirection:{property:"flexDirection"},flexWrap:{property:"flexWrap"},flex:{property:"flex"},...Y,..._,...V},D={gridColumn:{property:"gridColumn"},gridRow:{property:"gridRow"},gridColumnStart:{property:"gridColumnStart"},gridRowStart:{property:"gridRowStart"},gridColumnEnd:{property:"gridColumnEnd"},gridRowEnd:{property:"gridRowEnd"}},M={gridAutoColumns:{property:"gridAutoColumns"},gridAutoRows:{property:"gridAutoRows"},gridTemplateColumns:{property:"gridTemplateColumns"},gridTemplateRows:{property:"gridTemplateRows"},gridTemplateAreas:{property:"gridTemplateAreas"},gridAutoFlow:{property:"gridAutoFlow"},flow:{property:"gridAutoFlow",scale:[]},cols:{property:"gridTemplateColumns",transform:u,scale:[]},rows:{property:"gridTemplateRows",transform:u,scale:[]},autoRows:{property:"gridAutoRows",transform:d},autoCols:{property:"gridAutoColumns",transform:d},alignAll:{property:"justifyContent",properties:["justifyContent","alignItems"]},...Y,...D,...V},q={position:{property:"position"},inset:{property:"inset",properties:["top","right","bottom","left"],transform:p},top:{property:"top",transform:p},right:{property:"right",transform:p},bottom:{property:"bottom",transform:p},left:{property:"left",transform:p},zIndex:{property:"zIndex"},opacity:{property:"opacity"}},J={display:{property:"display"},overflow:{property:"overflow"},overflowX:{property:"overflowX"},overflowY:{property:"overflowY"},size:{property:"width",properties:["width","height"],transform:p},width:{property:"width",transform:p},minWidth:{property:"minWidth",transform:p},maxWidth:{property:"maxWidth",transform:p},height:{property:"height",transform:p},minHeight:{property:"minHeight",transform:p},maxHeight:{property:"maxHeight",transform:p},verticalAlign:{property:"verticalAlign"},...X,...D,..._},K={m:{property:"margin",scale:"spacing"},mx:{property:"margin",properties:["marginLeft","marginRight"],scale:"spacing"},my:{property:"margin",properties:["marginTop","marginBottom"],scale:"spacing"},mt:{property:"marginTop",scale:"spacing"},mb:{property:"marginBottom",scale:"spacing"},mr:{property:"marginRight",scale:"spacing"},ml:{property:"marginLeft",scale:"spacing"},p:{property:"padding",scale:"spacing"},px:{property:"padding",properties:["paddingLeft","paddingRight"],scale:"spacing"},py:{property:"padding",properties:["paddingTop","paddingBottom"],scale:"spacing"},pt:{property:"paddingTop",scale:"spacing"},pb:{property:"paddingBottom",scale:"spacing"},pr:{property:"paddingRight",scale:"spacing"},pl:{property:"paddingLeft",scale:"spacing"}},Z=N().addGroup("flex",P).addGroup("grid",M).addGroup("mode",{mode:{property:"none",scale:"mode"}}).addGroup("vars",{vars:{property:"variables"}}).addGroup("space",K).addGroup("color",{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},bg:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderColorX:{property:"borderColor",properties:["borderLeftColor","borderRightColor"],scale:"colors"},borderColorY:{property:"borderColor",properties:["borderTopColor","borderBottomColor"],scale:"colors"},borderColorLeft:{property:"borderLeftColor",scale:"colors"},borderColorRight:{property:"borderRightColor",scale:"colors"},borderColorTop:{property:"borderTopColor",scale:"colors"},borderColorBottom:{property:"borderBottomColor",scale:"colors"}}).addGroup("layout",J).addGroup("borders",U).addGroup("shadows",{boxShadow:{property:"boxShadow"},textShadow:{property:"textShadow"}}).addGroup("background",{background:{property:"background"},backgroundImage:{property:"backgroundImage"},backgroundSize:{property:"backgroundSize"},backgroundRepeat:{property:"backgroundRepeat"},backgroundPosition:{property:"backgroundPosition"}}).addGroup("typography",{fontFamily:{property:"fontFamily",scale:"fontFamily"},fontWeight:{property:"fontWeight",scale:"fontWeight"},lineHeight:{property:"lineHeight",scale:"lineHeight",lineHeight:"lineHeight"},fontSize:{property:"fontSize",scale:"fontSize"},letterSpacing:{property:"letterSpacing"},textAlign:{property:"textAlign"},fontStyle:{property:"fontStyle"},textDecoration:{property:"textDecoration"},textTransform:{property:"textTransform"},whiteSpace:{property:"whiteSpace"}}).addGroup("positioning",q);Z.build();const rr=(e,t)=>r.pick(e,r.keys(e).filter((r=>!t.includes(r)))),er=["_","xs","sm","md","lg","xl"],tr=r=>`@media screen and (min-width: ${r}px)`,or={xs:480,sm:768,md:1024,lg:1200,xl:1440},sr=(e,t,o,s,i)=>{const p=r.get(o,t);switch(typeof p){case"string":case"number":case"function":return Object.assign(e,s.styleFn(p,t,o));case"object":if(!i.mediaQueries)return;if(n=p,Array.isArray(n))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:i,prop:p}=t,[n,...a]=r;return n&&Object.assign(s,i(n,p,e)),a.forEach(((r,t)=>{const n=o[t];n&&void 0!==r&&Object.assign(s,{[n]:i(r,p,e)})})),s})(p,o,s,i.mediaQueries.array));if(p&&(e=>r.intersection(Object.keys(e),er).length>0)(p))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:i,prop:p}=t,{_:n,...a}=r;return n&&Object.assign(s,i(n,p,e)),Object.keys(o).forEach((r=>{const t=a[r];void 0!==t&&Object.assign(s,{[o[r]]:i(t,p,e)})})),s})(p,o,s,i.mediaQueries.map))}var n};function ir(e){const t=v(e),o={mediaQueries:null};return Object.assign(((s,i=!1)=>{const p={},{theme:n}=s;return null===o.mediaQueries&&(o.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:i,xl:p}=e??{};return{map:r.mapValues(e,tr),array:[t,o,s,i,p].map(tr)}})(n?.breakpoints??or)),i?Object.keys(s).forEach((t=>{const i=e[t];i?sr(p,t,s,i,o):"theme"!==t&&Object.assign(p,{[t]:r.get(s,t)})})):t.forEach((r=>{const t=e[r];sr(p,r,s,t,o)})),null!==o.mediaQueries?((e,t)=>{const o=r.omit(e,t);return t.forEach((r=>{e[r]&&(o[r]=e[r])})),o})(p,o.mediaQueries.array):p}),{propNames:t,config:e})}function pr(e,t){const{transform:o=r.identity,property:s,properties:i=[s],scale:p,variable:n}=t,a=void 0===p||r.isArray(p);return{...t,prop:e,styleFn:(e,t,d)=>{const c={};if(r.isUndefined(e))return c;let l,u,g=!1;switch(typeof e){case"number":case"string":u=f(e,p,d.theme),g=void 0!==u||a,l=u??e;break;case"function":d.theme&&(l=e(d.theme));break;default:return c}if(i.forEach((e=>{let t=l;switch(g&&!r.isUndefined(t)&&(t=o(t,e,d)),typeof t){case"number":case"string":return c[e]=t;case"object":return Object.assign(c,t)}})),n){let e=l;g&&!r.isUndefined(e)&&(e=o(e,s,d)),e&&"object"!=typeof e&&(c[n]=e)}return c}}}function nr(r){const e={};for(const t in r)"string"==typeof t&&(e[t]=pr(t,r[t]));return ir(e)}function ar(e){const t=nr(e),o=t.propNames;return e=>{let s;const i=Object.keys(e).filter((t=>!o.includes(t)&&r.isObject(e[t]))),p=rr(e,["theme",...i,...o]);return({theme:r})=>{if(s)return s;const n=t({...e,theme:r});return i.forEach((s=>{const i=e[s]??{};n[s]={...rr(i,o),...t({...i,theme:r})}})),s={...p,...n},s}}}const dr={compose:function(...r){return ir(r.reduce(((r,e)=>({...r,...e.config})),{}))},create:nr,createCss:ar,createVariant:function(e){const t=ar(e);return({prop:e="variant",defaultVariant:o,base:s={},variants:i})=>{const p=t(s),n={};return Object.keys(i).forEach((r=>{const e=r,o=i[e];n[e]=t(o)})),t=>{const{[e]:s=o}=t,i={};return s?r.merge(i,p(t),n?.[s]?.(t)):i}}},createStates:function(e){const t=ar(e);return e=>{const o=Object.keys(e),s={};return o.forEach((r=>{const o=r,i=e[o];s[o]=t(i)})),e=>{const t={};return o.forEach((o=>{r.merge(t,e[o]&&s[o](e))})),t}}}},cr=Z.build();exports.AnimusConfig=H,exports.animus=cr,exports.animusProps=dr,exports.borderShorthand=m,exports.compatTheme=b,exports.config=Z,exports.createAnimus=N,exports.createScale=o,exports.gridItem=d,exports.gridItemRatio=u,exports.numberToPx=y,exports.numberToTemplate=g,exports.parseGridRatio=l,exports.percentageOrAbsolute=s,exports.repeatGridItem=c,exports.size=p;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@animus-ui/core",
   "description": "Constraint based CSS in JS Foundations",
-  "version": "0.1.1-beta.10",
+  "version": "0.1.1-beta.11",
   "keywords": [
     "emotion",
     "css",
@@ -10,8 +10,8 @@
   ],
   "author": "codecaaron <airrobb@gmail.com>",
   "license": "MIT",
-  "module": "./dist/index.js",
-  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs.js",
   "types": "dist/index.d.ts",
   "publishConfig": {
     "access": "public"
@@ -36,5 +36,5 @@
   "dependencies": {
     "csstype": "^3.0.7"
   },
-  "gitHead": "d37bd7d8051a063c9f1c937d285b79c08a0dc9b9"
+  "gitHead": "f7da19f1966aad7154c064b29e5f23f74a3e0aee"
 }