@elementary/components
Version:
Components you can use ruthlessly in your everyday React Projects.
1 lines • 7.58 kB
JavaScript
module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@elementary/standard")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@emotion/styled")},function(e,t){e.exports=require("emotion-theming")},function(e,t,n){e.exports=n(6)},function(e,t,n){"use strict";n.r(t);var r=n(2),o=n.n(r),i=n(3),u=n.n(i),a=n(1),c=n.n(a),l=n(4),f=n(0);function s(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p=u.a.div([],function(e){return{fontFamily:e.theme.font||"-apple-system, BlinkMacSystemFont, sans-serif"}}),d=function(e){var t=e.theme,n=s(e,["theme"]);return o.a.createElement(l.ThemeProvider,{theme:Object(a.themeTransformer)(t)},o.a.createElement(p,n))};d.propTypes={theme:Object(f.shape)({breakpoints:Object(f.arrayOf)(f.string),space:Object(f.arrayOf)(f.number),fontSizes:Object(f.arrayOf)(f.number),weights:Object(f.arrayOf)(f.number),colors:Object(f.oneOfType)([f.object,f.array]),font:f.string,monospace:f.string})},d.defaultProps={theme:{breakpoints:[]}};var y=d;function m(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(){return(x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var v=function(e){var t="string"==typeof e,n=function(n){var r=x({},n),i=t&&r.is||e;return t&&delete r.is,o.a.createElement(i,r)};return n.displayName="Created(".concat("string"==typeof e?e:e.displayName||"CreatedElement",")"),n.propTypes={is:Object(f.oneOfType)([f.string,f.func,f.object])},u()(n,{shouldForwardProp:function(e){return!t||!a.props.includes(e)}})()},g=Object(f.oneOfType)([f.number,f.string,f.func,f.object]),O=a.props.reduce(function(e,t){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){b(e,t,n[t])})}return e}({},e,b({},t,g))},{});var h=function(e){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return 0===t.length?function(e){return e}:1===t.length?t[0]:t.reduce(function(e,t){return function(){return e(t.apply(void 0,arguments))}})}(function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return function(t){var r=u()(t).apply(void 0,[[],e,a.space,a.dimensions,a.color,a.borderRadius,a.states,a.transition,a.border,a.transform,a.boxShadow].concat(m(n.map(function(e){return c.a[e]}))));return r.propTypes=O,r}}(e.style,e.props,e.extras),v)},j=h({name:"Button",type:"button",style:function(e){return{margin:"0px",display:"inline-block",fontFamily:"inherit",lineHeight:16/14,verticalAlign:"middle",textAlign:"center",textDecoration:"none",border:0,appearance:"none"}},extras:["text"]})("button"),w=h({name:"ButtonOutline",type:"Button",style:function(e){return{boxShadow:"inset 0 0 0 2px",backgroundColor:"transparent"}},extras:["text"]})(j),k=h({name:"ButtonCircle",type:"Button",style:function(e){return{borderRadius:"99999px"}},extras:["text"]})(j),S=h({name:"ButtonTransparent",type:"Button",style:function(e){return{color:"inherit",backgroundColor:"transparent"}},extras:["text"]})(j),B=h({name:"Absolute",type:"div",style:function(e){return{zIndex:99,position:"absolute"}},extras:["position"]})("div"),T=h({name:"Banner",type:"div",style:function(e){return{flexDirection:"column",alignItems:"center",justifyContent:"center",display:"flex",backgroundSize:"cover",backgroundPosition:"center",backgroundImage:e.backgroundImage?"url(".concat(e.backgroundImage,")"):"none"}},extras:["flexContainer","flexBox"]})("div"),P=h({name:"Box",type:"div",extras:["flexContainer","flexBox"],style:{boxSizing:"border-box"}})("div"),C=h({name:"Flex",type:"div",extras:["flexContainer","flexBox"],style:{display:"flex"}})("div"),A=h({name:"Column",type:"Flex",style:{flexDirection:"column"}})(C),F=h({name:"Fixed",type:"div",style:function(e){return{zIndex:99,position:"fixed"}},extras:["position"]})("div"),I=h({name:"Image",type:"img"})("img"),E=h({name:"Link",type:"a",style:{color:"blue"},extras:["text"]})("a"),z=function(e){return"rgba(0, 0, 0, ".concat(e,")")},R=h({name:"Overlay",type:"div",style:function(e){return{backgroundColor:"white",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:"100vw",maxHeight:"100vh",overflow:"auto",boxShadow:"0 0 0 60vmax ".concat(z(.5),", 0 0 32px ").concat(z(.25))}}})("div"),_=h({name:"Relative",type:"div",extras:["position"],style:function(e){return{position:"relative"}}})("div"),q=h({name:"Row",type:"Flex",style:{flexDirection:"row"}})(C),D=h({name:"Sticky",type:"div",extras:["position"],style:function(e){return"\n position: -webkit-sticky;\n position: sticky;\n z-index: 99;\n "}})("div"),M=h({name:"Text",type:"p",style:{margin:"0px"},extras:["text"]})("p"),G=h({name:"Truncate",type:"Text",style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}})(M),H=h({name:"Grid",type:"div",extras:["gridContainer"],style:{display:"grid"}})("div");n.d(t,"Provider",function(){return y}),n.d(t,"Button",function(){return j}),n.d(t,"ButtonOutline",function(){return w}),n.d(t,"ButtonCircle",function(){return k}),n.d(t,"ButtonTransparent",function(){return S}),n.d(t,"Absolute",function(){return B}),n.d(t,"Banner",function(){return T}),n.d(t,"Box",function(){return P}),n.d(t,"Column",function(){return A}),n.d(t,"Fixed",function(){return F}),n.d(t,"Flex",function(){return C}),n.d(t,"Image",function(){return I}),n.d(t,"Link",function(){return E}),n.d(t,"Overlay",function(){return R}),n.d(t,"Relative",function(){return _}),n.d(t,"Row",function(){return q}),n.d(t,"Sticky",function(){return D}),n.d(t,"Text",function(){return M}),n.d(t,"Truncate",function(){return G}),n.d(t,"Grid",function(){return H})}]);