@movement-react/core - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/cjs/index.d.ts

@@ -5,1 +5,3 @@ export { default as Lazy } from './Lazy';
 export { default as Fab } from './Fab';
+export { ThemeProvider } from './ThemeProvider';
+export { FontProvider } from './FontProvider';

dist/cjs/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@material-ui/core"),a=require("prop-types"),o=require("clsx"),r=require("@movement-react/utils");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),l=n(a),s=n(o),d=function(){return(d=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function u(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(a[o[r]]=e[o[r]])}return a}var c,f=function(e){var t=e.condition,a=e.render,o=e.children;return!0===t?a?a():o:null};!function(e){e.BLUR="blur",e.FADE="fade",e.NONE="none"}(c||(c={}));var p=i.default.forwardRef((function(e,t){var a=e.classes,o=e.effect,n=void 0===o?c.FADE:o,l=e.className,d=e.threshold,u=void 0===d?200:d,p=e.visible,v=void 0!==p&&p,m=e.height,b=e.children,y=t?i.default.useRef(t):i.default.createRef(),g=r.useInViewport(y,u);return i.default.createElement("div",{ref:y,className:s.default(a.root,l),style:{minHeight:m}},i.default.createElement("span",{className:s.default(a[n],{loaded:g||v})},i.default.createElement(f,{condition:g||v},i.default.Children.only(b))))}));p.displayName="LazyLoad";var v=t.withStyles((function(e){return{root:{width:"auto",height:"auto",minHeight:"100px"},blur:{filter:"blur(15px)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{filter:"blur(0)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s"}},fade:{opacity:0,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{opacity:1,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s"}},none:{transition:"none"}}}),{name:"MMLazyLoad"})(p);v.displayName="LazyLoad",v.propTypes={effect:l.default.oneOf([c.BLUR,c.FADE,c.NONE]),className:l.default.string,threshold:l.default.number,visible:l.default.bool,height:l.default.oneOfType([l.default.string,l.default.number])};var m=i.default.forwardRef((function(e,t){var a,o=e.alt,r=void 0===o?"image":o,n=e.src,l=e.className,f=e.classes,p=e.effect,m=void 0===p?c.BLUR:p,b=e.responsive,y=void 0===b||b,g=e.fallback,h=e.onLoad,N=e.onError,k=u(e,["alt","src","className","classes","effect","responsive","fallback","onLoad","onError"]),E=i.default.useState(!1),w=E[0],O=E[1],S=i.default.useState(n),x=S[0],L=S[1],R=i.default.useCallback((function(e){return h?h(e):null}),[h]),j=i.default.useCallback((function(e){return g&&!w?L(g):O(!0),N?N(e):null}),[N]);return i.default.createElement(v,d({effect:m},k),i.default.createElement("img",{className:s.default(l,(a={},a[f.responsive]=y,a[f.error]=w,a)),ref:t,src:x,alt:r,onLoad:R,onError:j}))}));m.displayName="LazyImage";var b=t.withStyles((function(e){return{error:{display:"none"},responsive:{width:"100%",height:"auto"}}}),{name:"MMLazyImage"})(m);b.displayName="LazyImage",b.propTypes={alt:l.default.string,src:l.default.string.isRequired,fallback:l.default.string,responsive:l.default.bool,onLoad:l.default.func,onError:l.default.func,threshold:l.default.number,visible:l.default.bool,height:l.default.oneOfType([l.default.number,l.default.string]),effect:l.default.oneOf([c.BLUR,c.FADE,c.NONE])};var y={Image:b,Component:v},g=i.default.forwardRef((function(e,t){var a,o=e.fit,r=void 0===o?"cover":o,n=e.position,l=void 0===n?"center":n,d=e.height,u=void 0===d?300:d,c=e.autoplay,p=void 0===c||c,v=e.loop,m=void 0===v||v,b=e.src,y=e.sources,g=e.classes,h=e.className,N=e.containerClassname,k=e.children,E=i.default.useState([]),w=E[0],O=E[1],S=t?i.default.useRef(t):i.default.createRef();return i.default.useEffect((function(){return!y&&b?O([{type:"video/mp4",src:b}]):y&&O((function(e){return function(){for(var e=0,t=0,a=arguments.length;t<a;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<a;t++)for(var n=arguments[t],i=0,l=n.length;i<l;i++,r++)o[r]=n[i];return o}(e,[y])})),function(){}}),[O]),i.default.createElement(f,{condition:w.length>0},i.default.createElement("div",{className:s.default(g.container,N),style:{height:u}},i.default.createElement("video",{className:s.default(g.root,g["video-fit-"+r],(a={},a[g["video-position-"+l]]=void 0!==l,a),h),ref:S,autoPlay:p,loop:m,muted:!0,controls:!1,playsInline:!0},w.map((function(e,t){return i.default.createElement("source",{src:e.src,type:e.type,key:t})}))),k))}));g.displayName="BackgroundVideo";var h=t.withStyles((function(e){return{root:{width:"100%",height:"100%",zIndex:-1,position:"absolute"},container:{position:"relative",width:"100%"},"video-fit-cover":{objectFit:"cover"},"video-fit-contain":{objectFit:"contain"},"video-position-fill":{objectFit:"fill"},"video-position-top":{objectPosition:"top"},"video-position-center":{objectPosition:"center"},"video-position-left":{objectPosition:"left"},"video-position-bottom":{objectPosition:"bottom"}}}),{name:"MMBackgroundVideo"})(g);h.displayName="BackgroundVideo";var N=i.default.forwardRef((function(e,t){var a=e.src,o=e.children,r=e.size,n=e.repeat,l=e.position,d=e.classes,u=e.className,c=e.Component,f=void 0===c?"div":c;return i.default.createElement(f,{ref:t,style:{backgroundImage:"url("+a+")",backgroundSize:r,backgroundRepeat:n,backgroundPosition:l},className:s.default(d.root,u)},o)}));N.displayName="BackgroundImage";var k=t.withStyles((function(e){return{root:{backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}}}),{name:"MMBackgroundImage"})(N);k.displayName="BackgroundImage";var E={Video:h,Image:k},w=i.default.forwardRef((function(e,a){var o,r=e.classes,n=e.variant,l=void 0===n?"round":n,c=e.size,f=void 0===c?"medium":c,p=e.className,v=e.pulsate,m=void 0===v||v,b=e.palette,y=void 0===b?"primary":b,g=e.children,h=u(e,["classes","variant","size","className","pulsate","palette","children"]);return i.default.createElement(t.Fab,d({ref:a,className:s.default(r.fab,r[""+y],(o={},o[r["pulsate-"+y]]=m,o),p),variant:l,size:f},h),g)}));w.displayName="MMFabUnstyled";var O=t.withStyles((function(e){for(var t={fab:{"&:hover":{animation:"none"},"&:focus":{animation:"none"},"&:disabled":{animation:"none"}}},a=0,o=["primary","secondary","success","info","error","warning"];a<o.length;a++){var n=o[a],i=e.palette,l=r.convertHexToRgba(i[""+n].main,0);t["@keyframes pulsate-"+n]={"0%":{boxShadow:"0 0 0 0 "+r.convertHexToRgba(i[""+n].main,.7)},"75%":{boxShadow:"0 0 0 20px "+l},"100%":{boxShadow:"0 0 0 0 "+l}},t["pulsate-"+n]={animation:"$pulsate-"+n+" 2s infinite"},t[""+n]={color:i[""+n].contrastText,backgroundColor:i[""+n].main,"&:hover":{backgroundColor:i[""+n].dark,"@media (hover: none)":{backgroundColor:i[""+n].main}}}}return t}),{name:"MMFab"})(w);O.displayName="Fab",exports.Background=E,exports.Fab=O,exports.If=f,exports.Lazy=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@material-ui/core"),a=require("prop-types"),o=require("clsx"),r=require("@movement-react/utils"),n=require("@movement-react/theme"),i=require("webfontloader");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(e),u=l(a),s=l(o),c=l(i),f=function(){return(f=Object.assign||function(e){for(var t,a=1,o=arguments.length;a<o;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function v(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(a[o[r]]=e[o[r]])}return a}var m,p=function(e){var t=e.condition,a=e.render,o=e.children;return!0===t?a?a():o:null};!function(e){e.BLUR="blur",e.FADE="fade",e.NONE="none"}(m||(m={}));var b=d.default.forwardRef((function(e,t){var a=e.classes,o=e.effect,n=void 0===o?m.FADE:o,i=e.className,l=e.threshold,u=void 0===l?200:l,c=e.visible,f=void 0!==c&&c,v=e.height,b=e.children,g=t?d.default.useRef(t):d.default.createRef(),h=r.useInViewport(g,u);return d.default.createElement("div",{ref:g,className:s.default(a.root,i),style:{minHeight:v}},d.default.createElement("span",{className:s.default(a[n],{loaded:h||f})},d.default.createElement(p,{condition:h||f},d.default.Children.only(b))))}));b.displayName="LazyLoad";var g=t.withStyles((function(e){return{root:{width:"auto",height:"auto",minHeight:"100px"},blur:{filter:"blur(15px)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{filter:"blur(0)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s"}},fade:{opacity:0,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{opacity:1,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s"}},none:{transition:"none"}}}),{name:"MMLazyLoad"})(b);g.displayName="LazyLoad",g.propTypes={effect:u.default.oneOf([m.BLUR,m.FADE,m.NONE]),className:u.default.string,threshold:u.default.number,visible:u.default.bool,height:u.default.oneOfType([u.default.string,u.default.number])};var h=d.default.forwardRef((function(e,t){var a,o=e.alt,r=void 0===o?"image":o,n=e.src,i=e.className,l=e.classes,u=e.effect,c=void 0===u?m.BLUR:u,p=e.responsive,b=void 0===p||p,h=e.fallback,y=e.onLoad,N=e.onError,E=v(e,["alt","src","className","classes","effect","responsive","fallback","onLoad","onError"]),k=d.default.useState(!1),w=k[0],x=k[1],O=d.default.useState(n),S=O[0],L=O[1],R=d.default.useCallback((function(e){return y?y(e):null}),[y]),P=d.default.useCallback((function(e){return h&&!w?L(h):x(!0),N?N(e):null}),[N]);return d.default.createElement(g,f({effect:c},E),d.default.createElement("img",{className:s.default(i,(a={},a[l.responsive]=b,a[l.error]=w,a)),ref:t,src:S,alt:r,onLoad:R,onError:P}))}));h.displayName="LazyImage";var y=t.withStyles((function(e){return{error:{display:"none"},responsive:{width:"100%",height:"auto"}}}),{name:"MMLazyImage"})(h);y.displayName="LazyImage",y.propTypes={alt:u.default.string,src:u.default.string.isRequired,fallback:u.default.string,responsive:u.default.bool,onLoad:u.default.func,onError:u.default.func,threshold:u.default.number,visible:u.default.bool,height:u.default.oneOfType([u.default.number,u.default.string]),effect:u.default.oneOf([m.BLUR,m.FADE,m.NONE])};var N={Image:y,Component:g},E=d.default.forwardRef((function(e,t){var a,o=e.fit,r=void 0===o?"cover":o,n=e.position,i=void 0===n?"center":n,l=e.height,u=void 0===l?300:l,c=e.autoplay,f=void 0===c||c,v=e.loop,m=void 0===v||v,b=e.src,g=e.sources,h=e.classes,y=e.className,N=e.containerClassname,E=e.children,k=d.default.useState([]),w=k[0],x=k[1],O=t?d.default.useRef(t):d.default.createRef();return d.default.useEffect((function(){return!g&&b?x([{type:"video/mp4",src:b}]):g&&x((function(e){return function(){for(var e=0,t=0,a=arguments.length;t<a;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<a;t++)for(var n=arguments[t],i=0,l=n.length;i<l;i++,r++)o[r]=n[i];return o}(e,[g])})),function(){}}),[x]),d.default.createElement(p,{condition:w.length>0},d.default.createElement("div",{className:s.default(h.container,N),style:{height:u}},d.default.createElement("video",{className:s.default(h.root,h["video-fit-"+r],(a={},a[h["video-position-"+i]]=void 0!==i,a),y),ref:O,autoPlay:f,loop:m,muted:!0,controls:!1,playsInline:!0},w.map((function(e,t){return d.default.createElement("source",{src:e.src,type:e.type,key:t})}))),E))}));E.displayName="BackgroundVideo";var k=t.withStyles((function(e){return{root:{width:"100%",height:"100%",zIndex:-1,position:"absolute"},container:{position:"relative",width:"100%"},"video-fit-cover":{objectFit:"cover"},"video-fit-contain":{objectFit:"contain"},"video-position-fill":{objectFit:"fill"},"video-position-top":{objectPosition:"top"},"video-position-center":{objectPosition:"center"},"video-position-left":{objectPosition:"left"},"video-position-bottom":{objectPosition:"bottom"}}}),{name:"MMBackgroundVideo"})(E);k.displayName="BackgroundVideo";var w=d.default.forwardRef((function(e,t){var a=e.src,o=e.children,r=e.size,n=e.repeat,i=e.position,l=e.classes,u=e.className,c=e.Component,f=void 0===c?"div":c;return d.default.createElement(f,{ref:t,style:{backgroundImage:"url("+a+")",backgroundSize:r,backgroundRepeat:n,backgroundPosition:i},className:s.default(l.root,u)},o)}));w.displayName="BackgroundImage";var x=t.withStyles((function(e){return{root:{backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}}}),{name:"MMBackgroundImage"})(w);x.displayName="BackgroundImage";var O={Video:k,Image:x},S=d.default.forwardRef((function(e,a){var o,r=e.classes,n=e.variant,i=void 0===n?"round":n,l=e.size,u=void 0===l?"medium":l,c=e.className,m=e.pulsate,p=void 0===m||m,b=e.palette,g=void 0===b?"primary":b,h=e.children,y=v(e,["classes","variant","size","className","pulsate","palette","children"]);return d.default.createElement(t.Fab,f({ref:a,className:s.default(r.fab,r[""+g],(o={},o[r["pulsate-"+g]]=p,o),c),variant:i,size:u},y),h)}));S.displayName="MMFabUnstyled";var L=t.withStyles((function(e){for(var t={fab:{"&:hover":{animation:"none"},"&:focus":{animation:"none"},"&:disabled":{animation:"none"}}},a=0,o=["primary","secondary","success","info","error","warning"];a<o.length;a++){var n=o[a],i=e.palette,l=r.convertHexToRgba(i[""+n].main,0);t["@keyframes pulsate-"+n]={"0%":{boxShadow:"0 0 0 0 "+r.convertHexToRgba(i[""+n].main,.7)},"75%":{boxShadow:"0 0 0 20px "+l},"100%":{boxShadow:"0 0 0 0 "+l}},t["pulsate-"+n]={animation:"$pulsate-"+n+" 2s infinite"},t[""+n]={color:i[""+n].contrastText,backgroundColor:i[""+n].main,"&:hover":{backgroundColor:i[""+n].dark,"@media (hover: none)":{backgroundColor:i[""+n].main}}}}return t}),{name:"MMFab"})(S);L.displayName="Fab";var R=d.default.createContext({}),P=function(e){var t=e.config,a=e.children,o=d.default.useState(),r=o[0],n=o[1],i=function(){return n("loading")},l=function(){return n("active")},u=function(){return n("inactive")};return d.default.useEffect((function(){return c.default.load(f(f({},t),{loading:i,active:l,inactive:u}))}),[t]),d.default.createElement(R.Provider,{value:{font:r}},a)};exports.Background=O,exports.Fab=L,exports.FontProvider=P,exports.If=p,exports.Lazy=N,exports.ThemeProvider=function(e){var a=e.theme,o=void 0===a?n.defaultTheme:a,r=e.fontProps,i=e.children;return d.default.createElement(t.ThemeProvider,{theme:o},d.default.createElement(p,{condition:void 0===r},i),d.default.createElement(p,{condition:void 0!==r},d.default.createElement(P,f({},r),i)))};

dist/esm/index.d.ts

@@ -5,1 +5,3 @@ export { default as Lazy } from './Lazy';
 export { default as Fab } from './Fab';
+export { ThemeProvider } from './ThemeProvider';
+export { FontProvider } from './FontProvider';

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e from"react";import{withStyles as o,Fab as r}from"@material-ui/core";import n from"prop-types";import t from"clsx";import{useInViewport as a,convertHexToRgba as i}from"@movement-react/utils";
+import e from"react";import{withStyles as o,Fab as t,ThemeProvider as n}from"@material-ui/core";import r from"prop-types";import a from"clsx";import{useInViewport as i,convertHexToRgba as s}from"@movement-react/utils";import{defaultTheme as c}from"@movement-react/theme";import l from"webfontloader";
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var s=function(){return(s=Object.assign||function(e){for(var o,r=1,n=arguments.length;r<n;r++)for(var t in o=arguments[r])Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t]);return e}).apply(this,arguments)};function c(e,o){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var t=0;for(n=Object.getOwnPropertySymbols(e);t<n.length;t++)o.indexOf(n[t])<0&&Object.prototype.propertyIsEnumerable.call(e,n[t])&&(r[n[t]]=e[n[t]])}return r}var l,d=function(e){var o=e.condition,r=e.render,n=e.children;return!0===o?r?r():n:null};!function(e){e.BLUR="blur",e.FADE="fade",e.NONE="none"}(l||(l={}));var u=e.forwardRef((function(o,r){var n=o.classes,i=o.effect,s=void 0===i?l.FADE:i,c=o.className,u=o.threshold,f=void 0===u?200:u,m=o.visible,p=void 0!==m&&m,v=o.height,g=o.children,b=r?e.useRef(r):e.createRef(),y=a(b,f);return e.createElement("div",{ref:b,className:t(n.root,c),style:{minHeight:v}},e.createElement("span",{className:t(n[s],{loaded:y||p})},e.createElement(d,{condition:y||p},e.Children.only(g))))}));u.displayName="LazyLoad";var f=o((function(e){return{root:{width:"auto",height:"auto",minHeight:"100px"},blur:{filter:"blur(15px)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{filter:"blur(0)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s"}},fade:{opacity:0,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{opacity:1,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s"}},none:{transition:"none"}}}),{name:"MMLazyLoad"})(u);f.displayName="LazyLoad",f.propTypes={effect:n.oneOf([l.BLUR,l.FADE,l.NONE]),className:n.string,threshold:n.number,visible:n.bool,height:n.oneOfType([n.string,n.number])};var m=e.forwardRef((function(o,r){var n,a=o.alt,i=void 0===a?"image":a,d=o.src,u=o.className,m=o.classes,p=o.effect,v=void 0===p?l.BLUR:p,g=o.responsive,b=void 0===g||g,y=o.fallback,h=o.onLoad,N=o.onError,k=c(o,["alt","src","className","classes","effect","responsive","fallback","onLoad","onError"]),E=e.useState(!1),O=E[0],L=E[1],w=e.useState(d),R=w[0],z=w[1],S=e.useCallback((function(e){return h?h(e):null}),[h]),j=e.useCallback((function(e){return y&&!O?z(y):L(!0),N?N(e):null}),[N]);return e.createElement(f,s({effect:v},k),e.createElement("img",{className:t(u,(n={},n[m.responsive]=b,n[m.error]=O,n)),ref:r,src:R,alt:i,onLoad:S,onError:j}))}));m.displayName="LazyImage";var p=o((function(e){return{error:{display:"none"},responsive:{width:"100%",height:"auto"}}}),{name:"MMLazyImage"})(m);p.displayName="LazyImage",p.propTypes={alt:n.string,src:n.string.isRequired,fallback:n.string,responsive:n.bool,onLoad:n.func,onError:n.func,threshold:n.number,visible:n.bool,height:n.oneOfType([n.number,n.string]),effect:n.oneOf([l.BLUR,l.FADE,l.NONE])};var v={Image:p,Component:f},g=e.forwardRef((function(o,r){var n,a=o.fit,i=void 0===a?"cover":a,s=o.position,c=void 0===s?"center":s,l=o.height,u=void 0===l?300:l,f=o.autoplay,m=void 0===f||f,p=o.loop,v=void 0===p||p,g=o.src,b=o.sources,y=o.classes,h=o.className,N=o.containerClassname,k=o.children,E=e.useState([]),O=E[0],L=E[1],w=r?e.useRef(r):e.createRef();return e.useEffect((function(){return!b&&g?L([{type:"video/mp4",src:g}]):b&&L((function(e){return function(){for(var e=0,o=0,r=arguments.length;o<r;o++)e+=arguments[o].length;var n=Array(e),t=0;for(o=0;o<r;o++)for(var a=arguments[o],i=0,s=a.length;i<s;i++,t++)n[t]=a[i];return n}(e,[b])})),function(){}}),[L]),e.createElement(d,{condition:O.length>0},e.createElement("div",{className:t(y.container,N),style:{height:u}},e.createElement("video",{className:t(y.root,y["video-fit-"+i],(n={},n[y["video-position-"+c]]=void 0!==c,n),h),ref:w,autoPlay:m,loop:v,muted:!0,controls:!1,playsInline:!0},O.map((function(o,r){return e.createElement("source",{src:o.src,type:o.type,key:r})}))),k))}));g.displayName="BackgroundVideo";var b=o((function(e){return{root:{width:"100%",height:"100%",zIndex:-1,position:"absolute"},container:{position:"relative",width:"100%"},"video-fit-cover":{objectFit:"cover"},"video-fit-contain":{objectFit:"contain"},"video-position-fill":{objectFit:"fill"},"video-position-top":{objectPosition:"top"},"video-position-center":{objectPosition:"center"},"video-position-left":{objectPosition:"left"},"video-position-bottom":{objectPosition:"bottom"}}}),{name:"MMBackgroundVideo"})(g);b.displayName="BackgroundVideo";var y=e.forwardRef((function(o,r){var n=o.src,a=o.children,i=o.size,s=o.repeat,c=o.position,l=o.classes,d=o.className,u=o.Component,f=void 0===u?"div":u;return e.createElement(f,{ref:r,style:{backgroundImage:"url("+n+")",backgroundSize:i,backgroundRepeat:s,backgroundPosition:c},className:t(l.root,d)},a)}));y.displayName="BackgroundImage";var h=o((function(e){return{root:{backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}}}),{name:"MMBackgroundImage"})(y);h.displayName="BackgroundImage";var N={Video:b,Image:h},k=e.forwardRef((function(o,n){var a,i=o.classes,l=o.variant,d=void 0===l?"round":l,u=o.size,f=void 0===u?"medium":u,m=o.className,p=o.pulsate,v=void 0===p||p,g=o.palette,b=void 0===g?"primary":g,y=o.children,h=c(o,["classes","variant","size","className","pulsate","palette","children"]);return e.createElement(r,s({ref:n,className:t(i.fab,i[""+b],(a={},a[i["pulsate-"+b]]=v,a),m),variant:d,size:f},h),y)}));k.displayName="MMFabUnstyled";var E=o((function(e){for(var o={fab:{"&:hover":{animation:"none"},"&:focus":{animation:"none"},"&:disabled":{animation:"none"}}},r=0,n=["primary","secondary","success","info","error","warning"];r<n.length;r++){var t=n[r],a=e.palette,s=i(a[""+t].main,0);o["@keyframes pulsate-"+t]={"0%":{boxShadow:"0 0 0 0 "+i(a[""+t].main,.7)},"75%":{boxShadow:"0 0 0 20px "+s},"100%":{boxShadow:"0 0 0 0 "+s}},o["pulsate-"+t]={animation:"$pulsate-"+t+" 2s infinite"},o[""+t]={color:a[""+t].contrastText,backgroundColor:a[""+t].main,"&:hover":{backgroundColor:a[""+t].dark,"@media (hover: none)":{backgroundColor:a[""+t].main}}}}return o}),{name:"MMFab"})(k);E.displayName="Fab";export{N as Background,E as Fab,d as If,v as Lazy};
+***************************************************************************** */var d=function(){return(d=Object.assign||function(e){for(var o,t=1,n=arguments.length;t<n;t++)for(var r in o=arguments[t])Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);return e}).apply(this,arguments)};function u(e,o){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(t[n[r]]=e[n[r]])}return t}var f,m=function(e){var o=e.condition,t=e.render,n=e.children;return!0===o?t?t():n:null};!function(e){e.BLUR="blur",e.FADE="fade",e.NONE="none"}(f||(f={}));var p=e.forwardRef((function(o,t){var n=o.classes,r=o.effect,s=void 0===r?f.FADE:r,c=o.className,l=o.threshold,d=void 0===l?200:l,u=o.visible,p=void 0!==u&&u,v=o.height,g=o.children,b=t?e.useRef(t):e.createRef(),h=i(b,d);return e.createElement("div",{ref:b,className:a(n.root,c),style:{minHeight:v}},e.createElement("span",{className:a(n[s],{loaded:h||p})},e.createElement(m,{condition:h||p},e.Children.only(g))))}));p.displayName="LazyLoad";var v=o((function(e){return{root:{width:"auto",height:"auto",minHeight:"100px"},blur:{filter:"blur(15px)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{filter:"blur(0)",transition:"filter "+e.transitions.duration.leavingScreen/200+"s"}},fade:{opacity:0,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s","&.loaded":{opacity:1,transition:"opacity "+e.transitions.duration.leavingScreen/200+"s"}},none:{transition:"none"}}}),{name:"MMLazyLoad"})(p);v.displayName="LazyLoad",v.propTypes={effect:r.oneOf([f.BLUR,f.FADE,f.NONE]),className:r.string,threshold:r.number,visible:r.bool,height:r.oneOfType([r.string,r.number])};var g=e.forwardRef((function(o,t){var n,r=o.alt,i=void 0===r?"image":r,s=o.src,c=o.className,l=o.classes,m=o.effect,p=void 0===m?f.BLUR:m,g=o.responsive,b=void 0===g||g,h=o.fallback,y=o.onLoad,N=o.onError,E=u(o,["alt","src","className","classes","effect","responsive","fallback","onLoad","onError"]),k=e.useState(!1),O=k[0],w=k[1],L=e.useState(s),R=L[0],S=L[1],z=e.useCallback((function(e){return y?y(e):null}),[y]),P=e.useCallback((function(e){return h&&!O?S(h):w(!0),N?N(e):null}),[N]);return e.createElement(v,d({effect:p},E),e.createElement("img",{className:a(c,(n={},n[l.responsive]=b,n[l.error]=O,n)),ref:t,src:R,alt:i,onLoad:z,onError:P}))}));g.displayName="LazyImage";var b=o((function(e){return{error:{display:"none"},responsive:{width:"100%",height:"auto"}}}),{name:"MMLazyImage"})(g);b.displayName="LazyImage",b.propTypes={alt:r.string,src:r.string.isRequired,fallback:r.string,responsive:r.bool,onLoad:r.func,onError:r.func,threshold:r.number,visible:r.bool,height:r.oneOfType([r.number,r.string]),effect:r.oneOf([f.BLUR,f.FADE,f.NONE])};var h={Image:b,Component:v},y=e.forwardRef((function(o,t){var n,r=o.fit,i=void 0===r?"cover":r,s=o.position,c=void 0===s?"center":s,l=o.height,d=void 0===l?300:l,u=o.autoplay,f=void 0===u||u,p=o.loop,v=void 0===p||p,g=o.src,b=o.sources,h=o.classes,y=o.className,N=o.containerClassname,E=o.children,k=e.useState([]),O=k[0],w=k[1],L=t?e.useRef(t):e.createRef();return e.useEffect((function(){return!b&&g?w([{type:"video/mp4",src:g}]):b&&w((function(e){return function(){for(var e=0,o=0,t=arguments.length;o<t;o++)e+=arguments[o].length;var n=Array(e),r=0;for(o=0;o<t;o++)for(var a=arguments[o],i=0,s=a.length;i<s;i++,r++)n[r]=a[i];return n}(e,[b])})),function(){}}),[w]),e.createElement(m,{condition:O.length>0},e.createElement("div",{className:a(h.container,N),style:{height:d}},e.createElement("video",{className:a(h.root,h["video-fit-"+i],(n={},n[h["video-position-"+c]]=void 0!==c,n),y),ref:L,autoPlay:f,loop:v,muted:!0,controls:!1,playsInline:!0},O.map((function(o,t){return e.createElement("source",{src:o.src,type:o.type,key:t})}))),E))}));y.displayName="BackgroundVideo";var N=o((function(e){return{root:{width:"100%",height:"100%",zIndex:-1,position:"absolute"},container:{position:"relative",width:"100%"},"video-fit-cover":{objectFit:"cover"},"video-fit-contain":{objectFit:"contain"},"video-position-fill":{objectFit:"fill"},"video-position-top":{objectPosition:"top"},"video-position-center":{objectPosition:"center"},"video-position-left":{objectPosition:"left"},"video-position-bottom":{objectPosition:"bottom"}}}),{name:"MMBackgroundVideo"})(y);N.displayName="BackgroundVideo";var E=e.forwardRef((function(o,t){var n=o.src,r=o.children,i=o.size,s=o.repeat,c=o.position,l=o.classes,d=o.className,u=o.Component,f=void 0===u?"div":u;return e.createElement(f,{ref:t,style:{backgroundImage:"url("+n+")",backgroundSize:i,backgroundRepeat:s,backgroundPosition:c},className:a(l.root,d)},r)}));E.displayName="BackgroundImage";var k=o((function(e){return{root:{backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}}}),{name:"MMBackgroundImage"})(E);k.displayName="BackgroundImage";var O={Video:N,Image:k},w=e.forwardRef((function(o,n){var r,i=o.classes,s=o.variant,c=void 0===s?"round":s,l=o.size,f=void 0===l?"medium":l,m=o.className,p=o.pulsate,v=void 0===p||p,g=o.palette,b=void 0===g?"primary":g,h=o.children,y=u(o,["classes","variant","size","className","pulsate","palette","children"]);return e.createElement(t,d({ref:n,className:a(i.fab,i[""+b],(r={},r[i["pulsate-"+b]]=v,r),m),variant:c,size:f},y),h)}));w.displayName="MMFabUnstyled";var L=o((function(e){for(var o={fab:{"&:hover":{animation:"none"},"&:focus":{animation:"none"},"&:disabled":{animation:"none"}}},t=0,n=["primary","secondary","success","info","error","warning"];t<n.length;t++){var r=n[t],a=e.palette,i=s(a[""+r].main,0);o["@keyframes pulsate-"+r]={"0%":{boxShadow:"0 0 0 0 "+s(a[""+r].main,.7)},"75%":{boxShadow:"0 0 0 20px "+i},"100%":{boxShadow:"0 0 0 0 "+i}},o["pulsate-"+r]={animation:"$pulsate-"+r+" 2s infinite"},o[""+r]={color:a[""+r].contrastText,backgroundColor:a[""+r].main,"&:hover":{backgroundColor:a[""+r].dark,"@media (hover: none)":{backgroundColor:a[""+r].main}}}}return o}),{name:"MMFab"})(w);L.displayName="Fab";var R=e.createContext({}),S=function(o){var t=o.config,n=o.children,r=e.useState(),a=r[0],i=r[1],s=function(){return i("loading")},c=function(){return i("active")},u=function(){return i("inactive")};return e.useEffect((function(){return l.load(d(d({},t),{loading:s,active:c,inactive:u}))}),[t]),e.createElement(R.Provider,{value:{font:a}},n)},z=function(o){var t=o.theme,r=void 0===t?c:t,a=o.fontProps,i=o.children;return e.createElement(n,{theme:r},e.createElement(m,{condition:void 0===a},i),e.createElement(m,{condition:void 0!==a},e.createElement(S,d({},a),i)))};export{O as Background,L as Fab,S as FontProvider,m as If,h as Lazy,z as ThemeProvider};

dist/movement-react-core.d.ts

 import { StyledComponentProps } from '@material-ui/styles';
-import { StyledComponentProps as StyledComponentProps$1, FabProps as FabProps$1 } from '@material-ui/core';
+import { StyledComponentProps as StyledComponentProps$1, FabProps as FabProps$1, Theme } from '@material-ui/core';
 import React, { ComponentType, PropsWithChildren } from 'react';
+import WebFont from 'webfontloader';
 
@@ -115,2 +116,39 @@ declare enum LazyLoadEffect {
 
-export { _default$1 as Background, Fab, If, _default as Lazy };
+interface FontProviderProps {
+    /**
+     * Partial config for webfonts.
+    */
+    config?: {
+        google?: WebFont.Google;
+        custom?: WebFont.Custom;
+        typekit?: WebFont.Typekit;
+        fontdeck?: WebFont.Fontdeck;
+        monotype?: WebFont.Monotype;
+        classes?: boolean;
+        events?: boolean;
+        timeout?: number;
+    };
+    children: React.ReactNode | React.ReactNode[];
+}
+declare const FontProvider: React.FC<FontProviderProps>;
+
+interface ThemeProviderProps {
+    /**
+     * The theme you want to use for the Material UI theme provider
+     * @see https://material-ui.com/customization/theming/
+     * @default defaultTheme
+    */
+    theme?: Theme;
+    /**
+     * Optional props to load webfonts. If you have external web fonts in your theme
+     * you can load them here.
+    */
+    fontProps?: Omit<FontProviderProps, "children">;
+    /**
+     * React children you want to render within the theme provider.
+    */
+    children: React.ReactNode | React.ReactNode[];
+}
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+
+export { _default$1 as Background, Fab, FontProvider, If, _default as Lazy, ThemeProvider };

package.json

 {
   "name": "@movement-react/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Core components",
@@ -32,4 +32,4 @@ "author": "Douglas Schamberg <[e-mail]>",
   "dependencies": {
-    "@movement-react/theme": "^0.0.2",
-    "@movement-react/utils": "^0.0.2",
+    "@movement-react/theme": "^0.0.3",
+    "@movement-react/utils": "^0.0.3",
     "clsx": "^1.1.1",
@@ -44,3 +44,3 @@ "prop-types": "^15.7.2",
   },
-  "gitHead": "56c42d0a87699418eaaa4bf7d039c2c6106ac87f"
+  "gitHead": "353f13701becc6a0664a25a9a3274778163c3005"
 }

No alert changes

Improved metrics

Total package byte prevSize

69034

increased by4.31%

Lines of code

676

increased by7.47%

Dependency changes

• + Added@movement-react/theme@0.0.3(transitive)

• + Added@movement-react/utils@0.0.3(transitive)

• - Removed@movement-react/theme@0.0.2(transitive)

• - Removed@movement-react/utils@0.0.2(transitive)

• Updated@movement-react/theme@^0.0.3

• Updated@movement-react/utils@^0.0.3