css-in-props 3.14.753 → 3.14.755

package/dist/cjs/src/props/animation.js

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var N=(n,i)=>{for(var t in i)l(n,t,{get:i[t],enumerable:!0})},T=(n,i,t,m)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of I(i))!F.call(n,o)&&o!==t&&l(n,o,{get:()=>i[o],enumerable:!(m=p(i,o))||m.enumerable});return n};var M=n=>T(l({},"__esModule",{value:!0}),n);var x={};N(x,{ANIMATION_PROPS:()=>k});module.exports=M(x);var c=require("@symbo.ls/utils"),f=require("@symbo.ls/css"),e=require("@symbo.ls/scratch");const A=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],C=["none","forwards","backwards","both"],h=["normal","reverse","alternate","alternate-reverse"],P=["running","paused"],b=n=>/^[\d.]+m?s$/.test(n);let O=0;const S=new Map,d=(n,i)=>{const{animation:t}=i.context&&i.context.designSystem||{};if((0,c.isObject)(n)){const o=JSON.stringify(n),s=S.get(o);if(s)return s;const u=`smbls-anim-${O++}`,r=(0,f.keyframes)(u,n);return S.set(o,r),r}const m=t&&t[n];return(0,c.isObject)(m)?(0,f.keyframes)(n,m):n},_=(n,i)=>{const{animation:t}=i.context&&i.context.designSystem||{},m=n.split(/\s+/);let o=null;const s=[];let u=null,r=null,g=null,y=null,D=null;for(const a of m)t&&t[a]?o=a:b(a)?s.push(a):A.includes(a)||a.startsWith("cubic-bezier")||a.startsWith("steps(")?u=a:a==="infinite"||/^\d+$/.test(a)?r=a==="infinite"?a:Number(a):h.includes(a)?g=a:C.includes(a)?y=a:P.includes(a)?D=a:o||(o=a);return{name:o,durations:s,timingFunction:u,iterationCount:r,direction:g,fillMode:y,playState:D}},k={animation:(n,i)=>{if((0,c.isString)(n)&&n.includes(" ")){const t=_(n,i);return{animationName:d(t.name||n,i),animationDuration:t.durations[0]||(0,e.getTimingByKey)(i.animationDuration||"A").timing,animationDelay:t.durations[1]||(0,e.getTimingByKey)(i.animationDelay||"0s").timing,animationTimingFunction:t.timingFunction||(0,e.getTimingFunction)(i.animationTimingFunction||"ease"),animationFillMode:t.fillMode||i.animationFillMode||"both",animationIterationCount:t.iterationCount!=null?t.iterationCount:i.animationIterationCount||1,animationPlayState:t.playState||i.animationPlayState,animationDirection:t.direction||i.animationDirection}}return{animationName:d(n,i),animationDuration:(0,e.getTimingByKey)(i.animationDuration||"A").timing,animationDelay:(0,e.getTimingByKey)(i.animationDelay||"0s").timing,animationTimingFunction:(0,e.getTimingFunction)(i.animationTimingFunction||"ease"),animationFillMode:i.animationFillMode||"both",animationIterationCount:i.animationIterationCount||1,animationPlayState:i.animationPlayState,animationDirection:i.animationDirection}},animationName:(n,i)=>({animationName:d(n,i)}),animationDuration:n=>({animationDuration:(0,e.getTimingByKey)(n).timing}),animationDelay:n=>({animationDelay:(0,e.getTimingByKey)(n).timing}),animationTimingFunction:n=>({animationTimingFunction:(0,e.getTimingFunction)(n)}),animationIterationCount:n=>({animationIterationCount:n}),animationFillMode:n=>({animationFillMode:n}),animationPlayState:n=>({animationPlayState:n}),animationDirection:n=>({animationDirection:n})};
+"use strict";var l=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var A=(t,n)=>{for(var i in n)l(t,i,{get:n[i],enumerable:!0})},F=(t,n,i,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of T(n))!C.call(t,a)&&a!==i&&l(t,a,{get:()=>n[a],enumerable:!(e=D(n,a))||e.enumerable});return t};var M=t=>F(l({},"__esModule",{value:!0}),t);var G={};A(G,{ANIMATION_PROPS:()=>U});module.exports=M(G);var m=require("@symbo.ls/utils"),d=require("@symbo.ls/css"),s=require("@symbo.ls/scratch");const b=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],h=["none","forwards","backwards","both"],O=["normal","reverse","alternate","alternate-reverse"],L=["running","paused"],x=t=>/^[\d.]+m?s$/.test(t),k=/^(?:translate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|scale(?:3d|x|y|z)?\((?:\s*1(?:\.0+)?\s*,?)+\)|rotate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|skew(?:x|y)?\((?:\s*0[a-z%]*\s*,?)+\)|matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\))$/,w=t=>{const n=String(t).trim().toLowerCase();if(n===""||n==="none"||n==="initial"||n==="unset")return!0;const i=n.match(/[a-z0-9]+\([^()]*\)/g);return!i||i.join("").replace(/\s+/g,"")!==n.replace(/\s+/g,"")?!1:i.every(e=>k.test(e.replace(/\s+/g,"")))},N=t=>/^(?:\s*0[a-z%]*)+\s*$/.test(String(t).toLowerCase())||/^(none|initial|unset)$/.test(String(t).trim().toLowerCase()),_={transform:w,translate:N,rotate:t=>N(t)||/^\s*(?:[xyz]\s+)?0(?:deg|rad|turn|grad)?\s*$/.test(String(t).toLowerCase()),scale:t=>/^(none|initial|unset)$/.test(String(t).trim().toLowerCase())||/^(?:\s*1(?:\.0+)?)+\s*$/.test(String(t)),opacity:t=>/^(initial|unset)$/.test(String(t).trim().toLowerCase())||Number(t)===1},$=t=>{const n=String(t).trim().toLowerCase();if(n==="from")return 0;if(n==="to")return 100;const i=n.match(/^(\d+(?:\.\d+)?)%$/);return i?Number(i[1]):null},z=t=>{if(!(0,m.isObject)(t))return null;let n=null,i=-1;for(const e in t){const a=$(e);a==null||!(0,m.isObject)(t[e])||a>=i&&(i=a,n=t[e])}return n},P=t=>{const n=z(t);if(!n)return!1;const i=Object.keys(n);if(!i.length)return!1;for(const e of i){const a=_[e];if(!a)return!1;const r=n[e];if(r==null||typeof r=="object"||typeof r=="function"||!a(r))return!1}return!0},E=(t,n)=>{if((0,m.isObject)(t))return t;const{animation:i}=n.context&&n.context.designSystem||{},e=i&&i[t];return(0,m.isObject)(e)?e:null},R=["reverse","alternate","alternate-reverse"],p=(t,n,i)=>{const e=i||n.animationDirection;return e&&R.includes(String(e))?"both":P(E(t,n))?"backwards":"both"};let j=0;const I=new Map,f=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{};if((0,m.isObject)(t)){const a=JSON.stringify(t),r=I.get(a);if(r)return r;const u=`smbls-anim-${j++}`,c=(0,d.keyframes)(u,t);return I.set(a,c),c}const e=i&&i[t];return(0,m.isObject)(e)?(0,d.keyframes)(t,e):t},K=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{},e=t.split(/\s+/);let a=null;const r=[];let u=null,c=null,g=null,y=null,S=null;for(const o of e)i&&i[o]?a=o:x(o)?r.push(o):b.includes(o)||o.startsWith("cubic-bezier")||o.startsWith("steps(")?u=o:o==="infinite"||/^\d+$/.test(o)?c=o==="infinite"?o:Number(o):O.includes(o)?g=o:h.includes(o)?y=o:L.includes(o)?S=o:a||(a=o);return{name:a,durations:r,timingFunction:u,iterationCount:c,direction:g,fillMode:y,playState:S}},U={animation:(t,n)=>{if((0,m.isString)(t)&&t.includes(" ")){const i=K(t,n);return{animationName:f(i.name||t,n),animationDuration:i.durations[0]||(0,s.getTimingByKey)(n.animationDuration||"A").timing,animationDelay:i.durations[1]||(0,s.getTimingByKey)(n.animationDelay||"0s").timing,animationTimingFunction:i.timingFunction||(0,s.getTimingFunction)(n.animationTimingFunction||"ease"),animationFillMode:i.fillMode||n.animationFillMode||p(i.name||t,n,i.direction),animationIterationCount:i.iterationCount!=null?i.iterationCount:n.animationIterationCount||1,animationPlayState:i.playState||n.animationPlayState,animationDirection:i.direction||n.animationDirection}}return{animationName:f(t,n),animationDuration:(0,s.getTimingByKey)(n.animationDuration||"A").timing,animationDelay:(0,s.getTimingByKey)(n.animationDelay||"0s").timing,animationTimingFunction:(0,s.getTimingFunction)(n.animationTimingFunction||"ease"),animationFillMode:n.animationFillMode||p(t,n),animationIterationCount:n.animationIterationCount||1,animationPlayState:n.animationPlayState,animationDirection:n.animationDirection}},animationName:(t,n)=>({animationName:f(t,n)}),animationDuration:t=>({animationDuration:(0,s.getTimingByKey)(t).timing}),animationDelay:t=>({animationDelay:(0,s.getTimingByKey)(t).timing}),animationTimingFunction:t=>({animationTimingFunction:(0,s.getTimingFunction)(t)}),animationIterationCount:t=>({animationIterationCount:t}),animationFillMode:t=>({animationFillMode:t}),animationPlayState:t=>({animationPlayState:t}),animationDirection:t=>({animationDirection:t})};

package/dist/cjs/src/props/theme.js

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var a=(r,o)=>{for(var t in o)m(r,t,{get:o[t],enumerable:!0})},h=(r,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!g.call(r,s)&&s!==t&&m(r,s,{get:()=>o[s],enumerable:!(n=l(o,s))||n.enumerable});return r};var T=r=>h(m({},"__esModule",{value:!0}),r);var C={};a(C,{THEME_PROPS:()=>S,getSystemGlobalTheme:()=>d});module.exports=T(C);var e=require("@symbo.ls/scratch"),f=require("@symbo.ls/utils");const d=({context:r,state:o})=>{const t=o?.root?.globalTheme||r.designSystem?.globalTheme;return t==="auto"?null:t},i=(r,o)=>{if(o==null||o==="")return;if(!(0,f.isObject)(o))return{[r]:o};const t={};let n=!1;for(const s in o){const u=o[s];u==null||u===""||(0,f.isObject)(u)||(t[s]={[r]:u},n=!0)}return n?t:void 0},S={theme:(r,o)=>{if(r)return o.themeModifier?(0,e.getMediaTheme)(r,`@${o.themeModifier}`):(0,e.getMediaTheme)(r)},color:(r,o)=>{const t=d(o);if(r)return i("color",(0,e.getMediaColor)(r,t))},background:(r,o)=>{const t=d(o);if(r)return(0,f.isString)(r)&&r.includes("gradient")&&r.includes("(")?{background:(0,e.resolveColorsInGradient)(r,t)}:i("background",(0,e.getMediaColor)(r,t))},backgroundColor:(r,o)=>{const t=d(o);if(r)return i("backgroundColor",(0,e.getMediaColor)(r,t))},backgroundImage:(r,o,t,n)=>{const s=d(o);if(!r)return;const u=n.assets&&n.assets[r];if(u&&u.content)r=u.content.src;else{const b=n.files&&n.files[r];b&&b.content&&(r=b.content.src)}return i("backgroundImage",(0,e.transformBackgroundImage)(r,s))},textStroke:r=>({WebkitTextStroke:(0,e.transformTextStroke)(r)}),outline:r=>({outline:(0,e.transformBorder)(r)}),outlineOffset:(r,o)=>(0,e.transformSizeRatio)("outlineOffset",r,o),border:r=>({border:(0,e.transformBorder)(r)}),borderColor:(r,o)=>{const t=d(o);if(r)return i("borderColor",(0,e.getMediaColor)(r,t))},borderTopColor:(r,o)=>{const t=d(o);if(r)return i("borderTopColor",(0,e.getMediaColor)(r,t))},borderBottomColor:(r,o)=>{const t=d(o);if(r)return i("borderBottomColor",(0,e.getMediaColor)(r,t))},borderLeftColor:(r,o)=>{const t=d(o);if(r)return i("borderLeftColor",(0,e.getMediaColor)(r,t))},borderRightColor:(r,o)=>{const t=d(o);if(r)return i("borderRightColor",(0,e.getMediaColor)(r,t))},borderLeft:r=>({borderLeft:(0,e.transformBorder)(r)}),borderTop:r=>({borderTop:(0,e.transformBorder)(r)}),borderRight:r=>({borderRight:(0,e.transformBorder)(r)}),borderBottom:r=>({borderBottom:(0,e.transformBorder)(r)}),shadow:(r,o)=>{const t=d(o);if(r)return i("boxShadow",(0,e.transformShadow)(r,t))},boxShadow:(r,o)=>{if(!(0,f.isString)(r))return;const[t,n]=r.split("!importan"),s=d(o),u=n?" !important":"",b=(0,e.transformBoxShadow)(t.trim(),s);return(0,f.isString)(b)?{boxShadow:b+u}:i("boxShadow",b)},textShadow:(r,{context:o})=>i("textShadow",(0,e.transformBoxShadow)(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:(0,e.transformBorder)(r)})};
+"use strict";var b=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(r,o)=>{for(var e in o)b(r,e,{get:o[e],enumerable:!0})},T=(r,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of a(o))!h.call(r,s)&&s!==e&&b(r,s,{get:()=>o[s],enumerable:!(n=m(o,s))||n.enumerable});return r};var S=r=>T(b({},"__esModule",{value:!0}),r);var x={};g(x,{THEME_PROPS:()=>k,getSystemGlobalTheme:()=>d,popStaticCssPass:()=>p,pushStaticCssPass:()=>C});module.exports=S(x);var t=require("@symbo.ls/scratch"),c=require("@symbo.ls/utils");let l=0;const C=()=>{l++},p=()=>{l>0&&l--},d=({context:r,state:o})=>{const e=r?.designSystem,n=o?.root?.globalTheme||e?.globalTheme;return n&&n!=="auto"?n:l>0?null:e&&e.resolvedTheme||null},i=(r,o)=>{if(o==null||o==="")return;if(!(0,c.isObject)(o))return{[r]:o};const e={};let n=!1;for(const s in o){const u=o[s];if(!(u==null||u==="")){if((0,c.isObject)(u)){const f=i(r,u);f&&(e[s]=f,n=!0);continue}e[s]={[r]:u},n=!0}}return n?e:void 0},k={theme:(r,o)=>{if(r)return o.themeModifier?(0,t.getMediaTheme)(r,`@${o.themeModifier}`):(0,t.getMediaTheme)(r)},color:(r,o)=>{const e=d(o);if(r)return i("color",(0,t.getMediaColor)(r,e))},background:(r,o)=>{const e=d(o);if(r)return(0,c.isString)(r)&&r.includes("gradient")&&r.includes("(")?{background:(0,t.resolveColorsInGradient)(r,e)}:i("background",(0,t.getMediaColor)(r,e))},backgroundColor:(r,o)=>{const e=d(o);if(r)return i("backgroundColor",(0,t.getMediaColor)(r,e))},backgroundImage:(r,o,e,n)=>{const s=d(o);if(!r)return;const u=n.assets&&n.assets[r];if(u&&u.content)r=u.content.src;else{const f=n.files&&n.files[r];f&&f.content&&(r=f.content.src)}return i("backgroundImage",(0,t.transformBackgroundImage)(r,s))},textStroke:r=>({WebkitTextStroke:(0,t.transformTextStroke)(r)}),outline:r=>({outline:(0,t.transformBorder)(r)}),outlineOffset:(r,o)=>(0,t.transformSizeRatio)("outlineOffset",r,o),border:r=>({border:(0,t.transformBorder)(r)}),borderColor:(r,o)=>{const e=d(o);if(r)return i("borderColor",(0,t.getMediaColor)(r,e))},borderTopColor:(r,o)=>{const e=d(o);if(r)return i("borderTopColor",(0,t.getMediaColor)(r,e))},borderBottomColor:(r,o)=>{const e=d(o);if(r)return i("borderBottomColor",(0,t.getMediaColor)(r,e))},borderLeftColor:(r,o)=>{const e=d(o);if(r)return i("borderLeftColor",(0,t.getMediaColor)(r,e))},borderRightColor:(r,o)=>{const e=d(o);if(r)return i("borderRightColor",(0,t.getMediaColor)(r,e))},borderLeft:r=>({borderLeft:(0,t.transformBorder)(r)}),borderTop:r=>({borderTop:(0,t.transformBorder)(r)}),borderRight:r=>({borderRight:(0,t.transformBorder)(r)}),borderBottom:r=>({borderBottom:(0,t.transformBorder)(r)}),shadow:(r,o)=>{const e=d(o);if(r)return i("boxShadow",(0,t.transformShadow)(r,e))},boxShadow:(r,o)=>{if(!(0,c.isString)(r))return;const[e,n]=r.split("!importan"),s=d(o),u=n?" !important":"",f=(0,t.transformBoxShadow)(e.trim(),s);return(0,c.isString)(f)?{boxShadow:f+u}:i("boxShadow",f)},textShadow:(r,{context:o})=>i("textShadow",(0,t.transformBoxShadow)(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:(0,t.transformBorder)(r)})};

package/dist/esm/src/props/animation.js

@@ -1 +1 @@
-import{isObject as y,isString as p}from"@symbo.ls/utils";import{keyframes as D}from"@symbo.ls/css";import{getTimingByKey as e,getTimingFunction as u}from"@symbo.ls/scratch";const I=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],F=["none","forwards","backwards","both"],N=["normal","reverse","alternate","alternate-reverse"],T=["running","paused"],M=n=>/^[\d.]+m?s$/.test(n);let A=0;const S=new Map,l=(n,i)=>{const{animation:a}=i.context&&i.context.designSystem||{};if(y(n)){const o=JSON.stringify(n),m=S.get(o);if(m)return m;const c=`smbls-anim-${A++}`,s=D(c,n);return S.set(o,s),s}const r=a&&a[n];return y(r)?D(n,r):n},C=(n,i)=>{const{animation:a}=i.context&&i.context.designSystem||{},r=n.split(/\s+/);let o=null;const m=[];let c=null,s=null,d=null,f=null,g=null;for(const t of r)a&&a[t]?o=t:M(t)?m.push(t):I.includes(t)||t.startsWith("cubic-bezier")||t.startsWith("steps(")?c=t:t==="infinite"||/^\d+$/.test(t)?s=t==="infinite"?t:Number(t):N.includes(t)?d=t:F.includes(t)?f=t:T.includes(t)?g=t:o||(o=t);return{name:o,durations:m,timingFunction:c,iterationCount:s,direction:d,fillMode:f,playState:g}},O={animation:(n,i)=>{if(p(n)&&n.includes(" ")){const a=C(n,i);return{animationName:l(a.name||n,i),animationDuration:a.durations[0]||e(i.animationDuration||"A").timing,animationDelay:a.durations[1]||e(i.animationDelay||"0s").timing,animationTimingFunction:a.timingFunction||u(i.animationTimingFunction||"ease"),animationFillMode:a.fillMode||i.animationFillMode||"both",animationIterationCount:a.iterationCount!=null?a.iterationCount:i.animationIterationCount||1,animationPlayState:a.playState||i.animationPlayState,animationDirection:a.direction||i.animationDirection}}return{animationName:l(n,i),animationDuration:e(i.animationDuration||"A").timing,animationDelay:e(i.animationDelay||"0s").timing,animationTimingFunction:u(i.animationTimingFunction||"ease"),animationFillMode:i.animationFillMode||"both",animationIterationCount:i.animationIterationCount||1,animationPlayState:i.animationPlayState,animationDirection:i.animationDirection}},animationName:(n,i)=>({animationName:l(n,i)}),animationDuration:n=>({animationDuration:e(n).timing}),animationDelay:n=>({animationDelay:e(n).timing}),animationTimingFunction:n=>({animationTimingFunction:u(n)}),animationIterationCount:n=>({animationIterationCount:n}),animationFillMode:n=>({animationFillMode:n}),animationPlayState:n=>({animationPlayState:n}),animationDirection:n=>({animationDirection:n})};export{O as ANIMATION_PROPS};
+import{isObject as r,isString as D}from"@symbo.ls/utils";import{keyframes as S}from"@symbo.ls/css";import{getTimingByKey as m,getTimingFunction as l}from"@symbo.ls/scratch";const T=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],C=["none","forwards","backwards","both"],A=["normal","reverse","alternate","alternate-reverse"],F=["running","paused"],M=t=>/^[\d.]+m?s$/.test(t),b=/^(?:translate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|scale(?:3d|x|y|z)?\((?:\s*1(?:\.0+)?\s*,?)+\)|rotate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|skew(?:x|y)?\((?:\s*0[a-z%]*\s*,?)+\)|matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\))$/,h=t=>{const n=String(t).trim().toLowerCase();if(n===""||n==="none"||n==="initial"||n==="unset")return!0;const i=n.match(/[a-z0-9]+\([^()]*\)/g);return!i||i.join("").replace(/\s+/g,"")!==n.replace(/\s+/g,"")?!1:i.every(a=>b.test(a.replace(/\s+/g,"")))},N=t=>/^(?:\s*0[a-z%]*)+\s*$/.test(String(t).toLowerCase())||/^(none|initial|unset)$/.test(String(t).trim().toLowerCase()),O={transform:h,translate:N,rotate:t=>N(t)||/^\s*(?:[xyz]\s+)?0(?:deg|rad|turn|grad)?\s*$/.test(String(t).toLowerCase()),scale:t=>/^(none|initial|unset)$/.test(String(t).trim().toLowerCase())||/^(?:\s*1(?:\.0+)?)+\s*$/.test(String(t)),opacity:t=>/^(initial|unset)$/.test(String(t).trim().toLowerCase())||Number(t)===1},L=t=>{const n=String(t).trim().toLowerCase();if(n==="from")return 0;if(n==="to")return 100;const i=n.match(/^(\d+(?:\.\d+)?)%$/);return i?Number(i[1]):null},x=t=>{if(!r(t))return null;let n=null,i=-1;for(const a in t){const o=L(a);o==null||!r(t[a])||o>=i&&(i=o,n=t[a])}return n},k=t=>{const n=x(t);if(!n)return!1;const i=Object.keys(n);if(!i.length)return!1;for(const a of i){const o=O[a];if(!o)return!1;const s=n[a];if(s==null||typeof s=="object"||typeof s=="function"||!o(s))return!1}return!0},w=(t,n)=>{if(r(t))return t;const{animation:i}=n.context&&n.context.designSystem||{},a=i&&i[t];return r(a)?a:null},_=["reverse","alternate","alternate-reverse"],p=(t,n,i)=>{const a=i||n.animationDirection;return a&&_.includes(String(a))?"both":k(w(t,n))?"backwards":"both"};let $=0;const I=new Map,f=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{};if(r(t)){const o=JSON.stringify(t),s=I.get(o);if(s)return s;const u=`smbls-anim-${$++}`,c=S(u,t);return I.set(o,c),c}const a=i&&i[t];return r(a)?S(t,a):t},z=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{},a=t.split(/\s+/);let o=null;const s=[];let u=null,c=null,d=null,g=null,y=null;for(const e of a)i&&i[e]?o=e:M(e)?s.push(e):T.includes(e)||e.startsWith("cubic-bezier")||e.startsWith("steps(")?u=e:e==="infinite"||/^\d+$/.test(e)?c=e==="infinite"?e:Number(e):A.includes(e)?d=e:C.includes(e)?g=e:F.includes(e)?y=e:o||(o=e);return{name:o,durations:s,timingFunction:u,iterationCount:c,direction:d,fillMode:g,playState:y}},j={animation:(t,n)=>{if(D(t)&&t.includes(" ")){const i=z(t,n);return{animationName:f(i.name||t,n),animationDuration:i.durations[0]||m(n.animationDuration||"A").timing,animationDelay:i.durations[1]||m(n.animationDelay||"0s").timing,animationTimingFunction:i.timingFunction||l(n.animationTimingFunction||"ease"),animationFillMode:i.fillMode||n.animationFillMode||p(i.name||t,n,i.direction),animationIterationCount:i.iterationCount!=null?i.iterationCount:n.animationIterationCount||1,animationPlayState:i.playState||n.animationPlayState,animationDirection:i.direction||n.animationDirection}}return{animationName:f(t,n),animationDuration:m(n.animationDuration||"A").timing,animationDelay:m(n.animationDelay||"0s").timing,animationTimingFunction:l(n.animationTimingFunction||"ease"),animationFillMode:n.animationFillMode||p(t,n),animationIterationCount:n.animationIterationCount||1,animationPlayState:n.animationPlayState,animationDirection:n.animationDirection}},animationName:(t,n)=>({animationName:f(t,n)}),animationDuration:t=>({animationDuration:m(t).timing}),animationDelay:t=>({animationDelay:m(t).timing}),animationTimingFunction:t=>({animationTimingFunction:l(t)}),animationIterationCount:t=>({animationIterationCount:t}),animationFillMode:t=>({animationFillMode:t}),animationPlayState:t=>({animationPlayState:t}),animationDirection:t=>({animationDirection:t})};export{j as ANIMATION_PROPS};

package/dist/esm/src/props/theme.js

@@ -1 +1 @@
-import{getMediaTheme as l,getMediaColor as d,transformTextStroke as a,transformShadow as h,transformBoxShadow as c,transformBorder as b,transformBackgroundImage as T,resolveColorsInGradient as S,transformSizeRatio as C}from"@symbo.ls/scratch";import{isObject as g,isString as m}from"@symbo.ls/utils";const s=({context:r,state:o})=>{const e=o?.root?.globalTheme||r.designSystem?.globalTheme;return e==="auto"?null:e},t=(r,o)=>{if(o==null||o==="")return;if(!g(o))return{[r]:o};const e={};let i=!1;for(const f in o){const n=o[f];n==null||n===""||g(n)||(e[f]={[r]:n},i=!0)}return i?e:void 0},x={theme:(r,o)=>{if(r)return o.themeModifier?l(r,`@${o.themeModifier}`):l(r)},color:(r,o)=>{const e=s(o);if(r)return t("color",d(r,e))},background:(r,o)=>{const e=s(o);if(r)return m(r)&&r.includes("gradient")&&r.includes("(")?{background:S(r,e)}:t("background",d(r,e))},backgroundColor:(r,o)=>{const e=s(o);if(r)return t("backgroundColor",d(r,e))},backgroundImage:(r,o,e,i)=>{const f=s(o);if(!r)return;const n=i.assets&&i.assets[r];if(n&&n.content)r=n.content.src;else{const u=i.files&&i.files[r];u&&u.content&&(r=u.content.src)}return t("backgroundImage",T(r,f))},textStroke:r=>({WebkitTextStroke:a(r)}),outline:r=>({outline:b(r)}),outlineOffset:(r,o)=>C("outlineOffset",r,o),border:r=>({border:b(r)}),borderColor:(r,o)=>{const e=s(o);if(r)return t("borderColor",d(r,e))},borderTopColor:(r,o)=>{const e=s(o);if(r)return t("borderTopColor",d(r,e))},borderBottomColor:(r,o)=>{const e=s(o);if(r)return t("borderBottomColor",d(r,e))},borderLeftColor:(r,o)=>{const e=s(o);if(r)return t("borderLeftColor",d(r,e))},borderRightColor:(r,o)=>{const e=s(o);if(r)return t("borderRightColor",d(r,e))},borderLeft:r=>({borderLeft:b(r)}),borderTop:r=>({borderTop:b(r)}),borderRight:r=>({borderRight:b(r)}),borderBottom:r=>({borderBottom:b(r)}),shadow:(r,o)=>{const e=s(o);if(r)return t("boxShadow",h(r,e))},boxShadow:(r,o)=>{if(!m(r))return;const[e,i]=r.split("!importan"),f=s(o),n=i?" !important":"",u=c(e.trim(),f);return m(u)?{boxShadow:u+n}:t("boxShadow",u)},textShadow:(r,{context:o})=>t("textShadow",c(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:b(r)})};export{x as THEME_PROPS,s as getSystemGlobalTheme};
+import{getMediaTheme as m,getMediaColor as d,transformTextStroke as g,transformShadow as T,transformBoxShadow as a,transformBorder as c,transformBackgroundImage as S,resolveColorsInGradient as C,transformSizeRatio as p}from"@symbo.ls/scratch";import{isObject as h,isString as b}from"@symbo.ls/utils";let l=0;const R=()=>{l++},B=()=>{l>0&&l--},i=({context:r,state:o})=>{const e=r?.designSystem,t=o?.root?.globalTheme||e?.globalTheme;return t&&t!=="auto"?t:l>0?null:e&&e.resolvedTheme||null},n=(r,o)=>{if(o==null||o==="")return;if(!h(o))return{[r]:o};const e={};let t=!1;for(const f in o){const s=o[f];if(!(s==null||s==="")){if(h(s)){const u=n(r,s);u&&(e[f]=u,t=!0);continue}e[f]={[r]:s},t=!0}}return t?e:void 0},I={theme:(r,o)=>{if(r)return o.themeModifier?m(r,`@${o.themeModifier}`):m(r)},color:(r,o)=>{const e=i(o);if(r)return n("color",d(r,e))},background:(r,o)=>{const e=i(o);if(r)return b(r)&&r.includes("gradient")&&r.includes("(")?{background:C(r,e)}:n("background",d(r,e))},backgroundColor:(r,o)=>{const e=i(o);if(r)return n("backgroundColor",d(r,e))},backgroundImage:(r,o,e,t)=>{const f=i(o);if(!r)return;const s=t.assets&&t.assets[r];if(s&&s.content)r=s.content.src;else{const u=t.files&&t.files[r];u&&u.content&&(r=u.content.src)}return n("backgroundImage",S(r,f))},textStroke:r=>({WebkitTextStroke:g(r)}),outline:r=>({outline:c(r)}),outlineOffset:(r,o)=>p("outlineOffset",r,o),border:r=>({border:c(r)}),borderColor:(r,o)=>{const e=i(o);if(r)return n("borderColor",d(r,e))},borderTopColor:(r,o)=>{const e=i(o);if(r)return n("borderTopColor",d(r,e))},borderBottomColor:(r,o)=>{const e=i(o);if(r)return n("borderBottomColor",d(r,e))},borderLeftColor:(r,o)=>{const e=i(o);if(r)return n("borderLeftColor",d(r,e))},borderRightColor:(r,o)=>{const e=i(o);if(r)return n("borderRightColor",d(r,e))},borderLeft:r=>({borderLeft:c(r)}),borderTop:r=>({borderTop:c(r)}),borderRight:r=>({borderRight:c(r)}),borderBottom:r=>({borderBottom:c(r)}),shadow:(r,o)=>{const e=i(o);if(r)return n("boxShadow",T(r,e))},boxShadow:(r,o)=>{if(!b(r))return;const[e,t]=r.split("!importan"),f=i(o),s=t?" !important":"",u=a(e.trim(),f);return b(u)?{boxShadow:u+s}:n("boxShadow",u)},textShadow:(r,{context:o})=>n("textShadow",a(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:c(r)})};export{I as THEME_PROPS,i as getSystemGlobalTheme,B as popStaticCssPass,R as pushStaticCssPass};

package/package.json

@@ -2,14 +2,13 @@
   "name": "css-in-props",
   "description": "Utilize props as CSS methods",
   "author": "symbo.ls",
-  "version": "3.14.753",
+  "version": "3.14.755",
   "repository": "https://github.com/symbo-ls/smbls",
   "type": "module",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",
   "exports": {
     ".": {
-      "development": "./index.js",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js",
       "default": "./dist/esm/index.js"
@@ -37,7 +36,7 @@
     "@symbo.ls/utils": "^3.14.707",
     "@symbo.ls/scratch": "^3.14.753"
   },
-  "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
+  "gitHead": "3c7c920b77eb2d8705a93d9c84ef1089c55eb225",
   "browser": "./dist/esm/index.js",
   "sideEffects": false,
   "devDependencies": {