UNPKG

15.1 kBJavaScriptView Raw
1"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var react=require("react");function createNullCache(){return{get:function(){},set:function(e,t){return t}}}function createSimpleCache(){var e={};return{get:function(t){return e[t]},set:function(t,r){return e[t]=r,r}}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(t){_defineProperty(e,t,r[t])})}return e}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(i[r]=e[r]);return i}function _objectWithoutProperties(e,t){if(null==e)return{};var r,o,i=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){var r=[],o=!0,i=!1,n=void 0;try{for(var a,l=e[Symbol.iterator]();!(o=(a=l.next()).done)&&(r.push(a.value),!t||r.length!==t);o=!0);}catch(e){i=!0,n=e}finally{try{o||null==l.return||l.return()}finally{if(i)throw n}}return r}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var DesignSystemContext=react.createContext({});function useDesignSystem(){return react.useContext(DesignSystemContext)}function useStyle(e,t,r){return useDesignSystem().applyStyles(e,t,r)}function arrayize(e){return Array.isArray(e)?e:[e]}function cleanProps(e,t){return Object.keys(e).reduce(function(r,o){return t.includes(o)?r:_objectSpread({},r,_defineProperty({},o,e[o]))},{})}function convertUnit(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=arguments.length>2?arguments[2]:void 0,o=Number(e);return Number.isNaN(o)?e.replace(/^(-?\d+(?:\.\d+)?)(?:\s*([a-zA-Z%]+))?$/,function(e,r,o){return convertUnit(r,t,o)}):Number.isInteger(o)?"".concat(o*t).concat(r||"px"):null!=r?"".concat(o*t).concat(r):"".concat(o*t*100,"%")}function getResponsiveValue(e,t,r){var o,i,n=Array.isArray(r)?r.length:void 0!==r?1:0,a=t.length,l=Math.max(a,n);if(null===t[e])return null;if(void 0===r){for(var s=0;s<a&&(o=void 0===t[s]?o:t[s],s!==e);s++);return void 0===o?null:o}for(var c=Array.isArray(r)?r:Array(l).fill(r),u=0;u<l&&(i=void 0===c[u]?i:c[u],o=null===t[u]?null:void 0===t[u]?i:t[u],u!==e);u++);return void 0===o?null:o}function createComponentFactory(e){var t=e.createStyle;return function(e,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=o.cacheProps,n=void 0===i?[]:i,a=o.stripProps,l=void 0===a?[]:a,s=o.style,c=o.styles,u=void 0===c?[]:c,y={cacheProps:n,stripProps:l,styles:u};s&&(y.styles=[t(n,s,l)].concat(_toConsumableArray(u))),u&&u.forEach(function(e){var t,r;(t=y.cacheProps).push.apply(t,_toConsumableArray(e.propNames)),(r=y.stripProps).push.apply(r,_toConsumableArray(e.stripProps))});var p=react.forwardRef(function(t,o){var i=t.as,n=void 0===i?r:i,a=_objectWithoutProperties(t,["as"]),l="string"!=typeof n&&n.$$nprdds,s=useStyle(e,a,_objectSpread({},y,{passthrough:l}));return react.createElement(n,_objectSpread({},l?s:cleanProps(s,s.stripProps),{ref:o}))});return p.displayName=e,p.$$nprdds=!0,p}}function formatStyleResult(e,t,r){if(null==e)return{};var o=r(e);return 1===t.length?_defineProperty({},t[0],o):t.reduce(function(e,t){return _objectSpread({},e,_defineProperty({},t,o))},{})}function createSimpleStyle(e,t,r,o){var i=Array.isArray(t)?t:[t];return{apply:function(t,n){return formatStyleResult(getResponsiveValue(n.viewport,arrayize(t[e]),o),i,r)},propNames:[e],stripProps:[e]}}function createNumericStyle(e,t,r){return createSimpleStyle(e,t,convertUnit,r)}function createStringStyle(e,t,r){return createSimpleStyle(e,t,function(e){return e},r)}function createSystemStyle(e,t,r,o,i){var n=arrayize(t);return{apply:function(t,a){var l=a.theme,s=a.viewport,c=arrayize(t[e]),u=l.get(r),y=getResponsiveValue(s,c,i);if(null==y)return formatStyleResult(null,n,o);var p=Number(y),m=!Number.isNaN(p)&&Number.isInteger(p)&&p<0,S=u[m?-y:y]||y;return formatStyleResult(m?-Number(S):S,n,o)},propNames:[e],stripProps:[e]}}function createNumericSystemStyle(e,t,r,o){return createSystemStyle(e,t,r,convertUnit,o)}function createStringSystemStyle(e,t,r,o){return createSystemStyle(e,t,r,function(e){return e},o)}function createScaledFontSizeSystemStyle(e,t){return{apply:function(r,o){var i=o.theme,n=o.viewport,a=getResponsiveValue(n,arrayize(r.fontSize),0),l=i.get("fontSizes")[a||0]||a,s=getResponsiveValue(n,arrayize(r[e]),i.get(e)||t);return Number.isNaN(Number(s))?_defineProperty({},e,s.replace(/^(-?\d+(?:\.\d+)?)(?:\s*([a-zA-Z%]+))?$/,function(e,t,r){return convertUnit("%"===r?l:t,"%"===r?t/100:1)})):_defineProperty({},e,convertUnit(l,Number(s)))},propNames:[e],stripProps:[e]}}var bgColor=createStringSystemStyle("bgColor","backgroundColor","colors"),borderColor=createStringSystemStyle("borderColor","borderColor","colors"),color=createStringSystemStyle("color","color","colors"),opacity=createStringStyle("opacity","opacity"),shadow=createStringStyle("shadow","boxShadow"),borderRadius=createNumericSystemStyle("borderRadius","borderRadius","borderRadiuses"),borderRadiusTopLeft=createNumericSystemStyle("borderRadiusTopLeft","borderTopLeftRadius","borderRadiuses"),borderRadiusTopRight=createNumericSystemStyle("borderRadiusTopRight","borderTopRightRadius","borderRadiuses"),borderRadiusBottomLeft=createNumericSystemStyle("borderRadiusBottomLeft","borderBottomLeftRadius","borderRadiuses"),borderRadiusBottomRight=createNumericSystemStyle("borderRadiusBottomRight","borderBottomRightRadius","borderRadiuses"),borderStyle=createStringStyle("borderStyle","borderStyle"),borderWidth=createNumericStyle("borderWidth","borderWidth"),display=createStringStyle("display","display"),height=createNumericStyle("height","height"),minHeight=createNumericStyle("minHeight","minHeight"),minWidth=createNumericStyle("minWidth","minWidth"),maxHeight=createNumericStyle("maxHeight","maxHeight"),maxWidth=createNumericSystemStyle("maxWidth","maxWidth","containerSizes"),width=createNumericStyle("width","width"),alignContent=createStringStyle("alignContent","alignContent"),alignItems=createStringStyle("alignItems","alignItems"),alignSelf=createStringStyle("alignSelf","alignSelf"),flex=createStringStyle("flex","flex"),flexBasis=createNumericStyle("flexBasis","flexBasis"),flexDirection=createStringStyle("flexDirection","flexDirection"),flexGrow=createStringStyle("flexGrow","flexGrow"),flexOrder=createStringStyle("flexOrder","order"),flexShrink=createStringStyle("flexShrink","flexShrink"),flexWrap=createStringStyle("flexWrap","flexWrap"),justifyContent=createStringStyle("justifyContent","justifyContent"),overflow=createStringStyle("overflow","overflow"),overflowX=createStringStyle("overflowX","overflowX"),overflowY=createStringStyle("overflowY","overflowY"),transition=createStringStyle("transition","transition"),cursor=createStringStyle("cursor","cursor",null),pointerEvents=createStringStyle("pointerEvents","pointerEvents",null),bottom=createNumericStyle("bottom","bottom"),left=createNumericStyle("left","left"),right=createNumericStyle("right","right"),position=createStringStyle("position","position"),top=createNumericStyle("top","top"),zIndex=createStringStyle("zIndex","zIndex"),m=createNumericSystemStyle("m","margin","spacing"),mb=createNumericSystemStyle("mb","marginBottom","spacing"),ml=createNumericSystemStyle("ml","marginLeft","spacing"),mr=createNumericSystemStyle("mr","marginRight","spacing"),mt=createNumericSystemStyle("mt","marginTop","spacing"),mx=createNumericSystemStyle("mx",["marginLeft","marginRight"],"spacing"),my=createNumericSystemStyle("my",["marginTop","marginBottom"],"spacing"),p=createNumericSystemStyle("p","padding","spacing"),pb=createNumericSystemStyle("pb","paddingBottom","spacing"),pl=createNumericSystemStyle("pl","paddingLeft","spacing"),pr=createNumericSystemStyle("pr","paddingRight","spacing"),pt=createNumericSystemStyle("pt","paddingTop","spacing"),px=createNumericSystemStyle("px",["paddingLeft","paddingRight"],"spacing"),py=createNumericSystemStyle("py",["paddingTop","paddingBottom"],"spacing"),fontFamily=createStringSystemStyle("fontFamily","fontFamily","fontFamilies","default"),fontSize=createNumericSystemStyle("fontSize","fontSize","fontSizes",0),fontWeight=createStringStyle("fontWeight","fontWeight"),lineHeight=createScaledFontSizeSystemStyle("lineHeight"),textAlign=createStringStyle("textAlign","textAlign"),textOverflow=createStringStyle("textOverflow","textOverflow"),textTransform=createStringStyle("textTransform","textTransform"),whiteSpace=createStringStyle("whiteSpace","whiteSpace"),index=Object.freeze({bgColor:bgColor,borderColor:borderColor,color:color,opacity:opacity,shadow:shadow,borderRadius:borderRadius,borderRadiusTopLeft:borderRadiusTopLeft,borderRadiusTopRight:borderRadiusTopRight,borderRadiusBottomLeft:borderRadiusBottomLeft,borderRadiusBottomRight:borderRadiusBottomRight,borderStyle:borderStyle,borderWidth:borderWidth,display:display,height:height,minHeight:minHeight,minWidth:minWidth,maxHeight:maxHeight,maxWidth:maxWidth,width:width,alignContent:alignContent,alignItems:alignItems,alignSelf:alignSelf,flex:flex,flexBasis:flexBasis,flexDirection:flexDirection,flexGrow:flexGrow,flexOrder:flexOrder,flexShrink:flexShrink,flexWrap:flexWrap,justifyContent:justifyContent,overflow:overflow,overflowX:overflowX,overflowY:overflowY,transition:transition,cursor:cursor,pointerEvents:pointerEvents,bottom:bottom,left:left,right:right,position:position,top:top,zIndex:zIndex,m:m,mb:mb,ml:ml,mr:mr,mt:mt,mx:mx,my:my,p:p,pb:pb,pl:pl,pr:pr,pt:pt,px:px,py:py,fontFamily:fontFamily,fontSize:fontSize,fontWeight:fontWeight,lineHeight:lineHeight,textAlign:textAlign,textOverflow:textOverflow,textTransform:textTransform,whiteSpace:whiteSpace}),styleList=[alignContent,alignItems,alignSelf,bgColor,borderColor,borderRadius,borderStyle,borderWidth,borderRadiusBottomLeft,borderRadiusBottomRight,borderRadiusTopLeft,borderRadiusTopRight,bottom,color,cursor,display,flex,flexBasis,flexDirection,flexGrow,flexOrder,flexShrink,flexWrap,fontFamily,fontSize,fontWeight,height,justifyContent,left,lineHeight,m,mx,my,mb,ml,mr,mt,minHeight,minWidth,maxHeight,maxWidth,opacity,overflow,overflowX,overflowY,p,px,py,pt,pb,pl,pr,pointerEvents,position,right,shadow,transition,textAlign,textOverflow,textTransform,top,width,whiteSpace,zIndex];function createSystem(e){var t=e.cache,r=e.componentStyles,o=void 0===r?{}:r,i=e.globalStyles,n=void 0===i?[]:i,a=e.styleApplicatorFactory,l=e.theme,s=e.viewport,c=void 0===s?0:s,u=_slicedToArray(react.useState(c),2),y=u[0],p=u[1],m=react.useMemo(function(){return a({cache:t,componentStyles:o,globalStyles:n})},[t,o,n]);return{applyStyles:react.useMemo(function(){return function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return m.apply(e,t,{theme:l,viewport:y},r)}},[y,l]),setViewport:p,theme:l,viewport:y}}function createTheme(e){return{color:function(t,r){var o=e.colors[t];return null==o?null!=r?e.colors[r]||r:t:o},get:function(t,r){var o=e[t];if(null==o){if(null==r)throw new Error("There is no ".concat(t," defined in theme"));return r}return"object"!==_typeof(o)||Array.isArray(o)||null==r?o:o[r]||r}}}var MOBILE_BP="only screen",TABLET_BP="screen and (min-width: ".concat(641/16,"em)"),DESKTOP_BP="screen and (min-width: ".concat(64.0625,"em)"),L_DESKTOP_BP="screen and (min-width: ".concat(80,"em)"),XL_DESKTOP_BP="screen and (min-width: ".concat(90.0625,"em)"),XXL_DESKTOP_BP="screen and (min-width: ".concat(1921/16,"em)"),colors={blue:"#3B5998",green:"#3CD048",greenDarker:"#54BC5D",grey:"#A8A8A8",greyDark:"#4A4A4A",greyDarkest:"#303030",greyLight:"#E7E7E7",greyLighter:"#F7F7F7",greyLightest:"#FFFFFF",lightBlue:"#4B6EB9",lightTransparent:"rgba(255,255,255, 0.9)",lighterTransparent:"rgba(255,255,255, 0.8)",orange:"#FD7400",pinkDark:"#AA2554",primary:"#D03C70",primaryLight:"#FA4B88",red:"#EA2E49",turqoise:"#1E839D",turqoiseDark:"#197187",turqoiseLight:"#26A8C9",twitter:"#1B95E0",twitterLight:"#1B95E0",white:"#FFFFFF",yellow:"#FFE11A"},defaultTheme=createTheme({borderRadiuses:["5px","15px","30px","99999px"],breakpoints:[MOBILE_BP,TABLET_BP,DESKTOP_BP,L_DESKTOP_BP,XL_DESKTOP_BP,XXL_DESKTOP_BP],colors:colors,containerSizes:["100%","100%","968px","1240px","1400px"],fontFamilies:{default:'"Palanquin", "Helvetica", sans-serif'},fontSizes:[16,20,24,32,48,64,72],gutters:[12,12,12],importFonts:["@import url('https://fonts.googleapis.com/css?family=Palanquin:400,500,600&subset=latin-ext')"],lineHeight:"normal",spacing:[0,4,8,16,32,64,128,256,512]}),IfViewport=function(e){var t=e.children,r=e.gt,o=e.gte,i=e.is,n=e.lt,a=e.lte,l=useDesignSystem().viewport;if(null!=i){if(Array.isArray(i)&&i.includes(l))return t();if(i===l)return t()}return null!=r&&l>r||null!=n&&l<n||null!=o&&l>=o||null!=a&&l<=a?t():null!=n&&l<n?t():null};IfViewport.displayName="IfViewport",exports.defaultTheme=defaultTheme,exports.DesignSystemContext=DesignSystemContext,exports.IfViewport=IfViewport,exports.createComponentFactory=createComponentFactory,exports.createNullCache=createNullCache,exports.createSimpleCache=createSimpleCache,exports.useDesignSystem=useDesignSystem,exports.useStyle=useStyle,exports.styles=index,exports.styleList=styleList,exports.createSimpleStyle=createSimpleStyle,exports.createNumericStyle=createNumericStyle,exports.createStringStyle=createStringStyle,exports.createSystemStyle=createSystemStyle,exports.createNumericSystemStyle=createNumericSystemStyle,exports.createStringSystemStyle=createStringSystemStyle,exports.createScaledFontSizeSystemStyle=createScaledFontSizeSystemStyle,exports.createSystem=createSystem,exports.createTheme=createTheme,exports.arrayize=arrayize,exports.cleanProps=cleanProps,exports.convertUnit=convertUnit,exports.getResponsiveValue=getResponsiveValue;