styled-components
Version:
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
3 lines (2 loc) • 32.6 kB
JavaScript
;function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var hyphenate=_interopDefault(require("fbjs/lib/hyphenateStyleName")),Stylis=_interopDefault(require("stylis")),_insertRulePlugin=_interopDefault(require("stylis-rule-sheet")),React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),stream=_interopDefault(require("stream")),hoistStatics=_interopDefault(require("hoist-non-react-statics")),reactIs=require("react-is"),_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},classCallCheck=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},createClass=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},inherits=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},objectWithoutProperties=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},possibleConstructorReturn=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},isPlainObject=function(e){return"object"===(void 0===e?"undefined":_typeof(e))&&e.constructor===Object},objToCss=function e(t,r){var n=Object.keys(t).filter(function(e){var r=t[e];return null!=r&&!1!==r&&""!==r}).map(function(r){return isPlainObject(t[r])?e(t[r],r):hyphenate(r)+": "+t[r]+";"}).join(" ");return r?r+" {\n "+n+"\n}":n},flatten=function e(t,r){return t.reduce(function(t,n){return null==n||!1===n||""===n?t:Array.isArray(n)?(t.push.apply(t,e(n,r)),t):n.hasOwnProperty("styledComponentId")?(t.push("."+n.styledComponentId),t):"function"==typeof n?(r?t.push.apply(t,e([n(r)],r)):t.push(n),t):(t.push(isPlainObject(n)?objToCss(n):n.toString()),t)},[])},COMMENT_REGEX=/^\s*\/\/.*$/gm,stylisSplitter=new Stylis({global:!1,cascade:!0,keyframe:!1,prefix:!1,compress:!1,semicolon:!0}),stylis=new Stylis({global:!1,cascade:!0,keyframe:!1,prefix:!0,compress:!1,semicolon:!1}),parsingRules=[],returnRulesPlugin=function(e){if(-2===e){var t=parsingRules;return parsingRules=[],t}},parseRulesPlugin=_insertRulePlugin(function(e){parsingRules.push(e)});stylis.use([parseRulesPlugin,returnRulesPlugin]),stylisSplitter.use([parseRulesPlugin,returnRulesPlugin]);var stringifyRules=function(e,t,r){var n=e.join("").replace(COMMENT_REGEX,"");return stylis(r||!t?"":t,t&&r?r+" "+t+" { "+n+" }":n)},splitByRules=function(e){return stylisSplitter("",e)};function isStyledComponent(e){return"function"==typeof e&&"string"==typeof e.styledComponentId}function consolidateStreamedStyles(){}var charsLength=52,getAlphabeticChar=function(e){return String.fromCharCode(e+(e>25?39:97))},generateAlphabeticName=function(e){var t="",r=void 0;for(r=e;r>charsLength;r=Math.floor(r/charsLength))t=getAlphabeticChar(r%charsLength)+t;return getAlphabeticChar(r%charsLength)+t},interleave=function(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r},EMPTY_ARRAY=Object.freeze([]),EMPTY_OBJECT=Object.freeze({}),css=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return"function"==typeof e||isPlainObject(e)?flatten(interleave(EMPTY_ARRAY,[e].concat(r))):flatten(interleave(e,r))},SC_ATTR="undefined"!=typeof process&&process.env.SC_ATTR||"data-styled-components",SC_STREAM_ATTR="data-styled-streamed",CONTEXT_KEY="__styled-components-stylesheet__",IS_BROWSER="undefined"!=typeof window&&"HTMLElement"in window,SC_COMPONENT_ID=/^[^\S\n]*?\/\* sc-component-id:\s*(\S+)\s+\*\//gm,extractComps=function(e){var t=""+(e||""),r=[];return t.replace(SC_COMPONENT_ID,function(e,t,n){return r.push({componentId:t,matchIndex:n}),e}),r.map(function(e,n){var o=e.componentId,i=e.matchIndex,a=r[n+1];return{componentId:o,cssFromDOM:a?t.slice(i,a.matchIndex):t.slice(i)}})},getNonce=function(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null},once=function(e){var t=!1;return function(){t||(t=!0,e())}},addNameForId=function(e,t,r){r&&((e[t]||(e[t]=Object.create(null)))[r]=!0)},resetIdNames=function(e,t){e[t]=Object.create(null)},hasNameForId=function(e){return function(t,r){return void 0!==e[t]&&e[t][r]}},stringifyNames=function(e){var t="";for(var r in e)t+=Object.keys(e[r]).join(" ")+" ";return t.trim()},cloneNames=function(e){var t=Object.create(null);for(var r in e)t[r]=_extends({},e[r]);return t},sheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets.length,r=0;r<t;r+=1){var n=document.styleSheets[r];if(n.ownerNode===e)return n}throw new Error},safeInsertRule=function(e,t,r){if(!t)return!1;var n=e.cssRules.length;try{e.insertRule(t,r<=n?r:n)}catch(e){return!1}return!0},deleteRules=function(e,t,r){for(var n=t-r,o=t;o>n;o-=1)e.deleteRule(o)},parentNodeUnmountedErr="",throwCloneTagErr=function(){throw new Error("")},makeTextMarker=function(e){return"\n/* sc-component-id: "+e+" */\n"},addUpUntilIndex=function(e,t){for(var r=0,n=0;n<=t;n+=1)r+=e[n];return r},makeStyleTag=function(e,t,r){var n=document.createElement("style");n.setAttribute(SC_ATTR,"");var o=getNonce();if(o&&n.setAttribute("nonce",o),n.appendChild(document.createTextNode("")),e&&!t)e.appendChild(n);else{if(!t||!e||!t.parentNode)throw new Error(parentNodeUnmountedErr);t.parentNode.insertBefore(n,r?t:t.nextSibling)}return n},wrapAsHtmlTag=function(e,t){return function(r){var n=getNonce();return"<style "+[n&&'nonce="'+n+'"',SC_ATTR+'="'+stringifyNames(t)+'"',r].filter(Boolean).join(" ")+">"+e()+"</style>"}},wrapAsElement=function(e,t){return function(){var r,n=((r={})[SC_ATTR]=stringifyNames(t),r),o=getNonce();return o&&(n.nonce=o),React__default.createElement("style",_extends({},n,{dangerouslySetInnerHTML:{__html:e()}}))}},getIdsFromMarkersFactory=function(e){return function(){return Object.keys(e)}},makeSpeedyTag=function(e,t){var r=Object.create(null),n=Object.create(null),o=[],i=void 0!==t,a=!1,s=function(e){var t=n[e];return void 0!==t?t:(n[e]=o.length,o.push(0),resetIdNames(r,e),n[e])},u=function(){var t=sheetForTag(e).cssRules,r="";for(var i in n){r+=makeTextMarker(i);for(var a=n[i],s=addUpUntilIndex(o,a),u=s-o[a];u<s;u+=1){var c=t[u];void 0!==c&&(r+=c.cssText)}}return r};return{styleTag:e,getIds:getIdsFromMarkersFactory(n),hasNameForId:hasNameForId(r),insertMarker:s,insertRules:function(n,u,c){for(var l=s(n),p=sheetForTag(e),h=addUpUntilIndex(o,l),d=0,f=[],m=u.length,y=0;y<m;y+=1){var g=u[y],v=i;v&&-1!==g.indexOf("@import")?f.push(g):safeInsertRule(p,g,h+d)&&(v=!1,d+=1)}i&&f.length>0&&(a=!0,t().insertRules(n+"-import",f)),o[l]+=d,addNameForId(r,n,c)},removeRules:function(s){var u=n[s];if(void 0!==u){var c=o[u],l=sheetForTag(e),p=addUpUntilIndex(o,u);deleteRules(l,p,c),o[u]=0,resetIdNames(r,s),i&&a&&t().removeRules(s+"-import")}},css:u,toHTML:wrapAsHtmlTag(u,r),toElement:wrapAsElement(u,r),clone:throwCloneTagErr}},makeServerTagInternal=function e(t,r){var n=void 0===t?Object.create(null):t,o=void 0===r?Object.create(null):r,i=function(e){var t=o[e];return void 0!==t?t:o[e]=[""]},a=function(){var e="";for(var t in o){var r=o[t][0];r&&(e+=makeTextMarker(t)+r)}return e};return{clone:function(){var t=cloneNames(n),r=Object.create(null);for(var i in o)r[i]=[o[i][0]];return e(t,r)},css:a,getIds:getIdsFromMarkersFactory(o),hasNameForId:hasNameForId(n),insertMarker:i,insertRules:function(e,t,r){i(e)[0]+=t.join(" "),addNameForId(n,e,r)},removeRules:function(e){var t=o[e];void 0!==t&&(t[0]="",resetIdNames(n,e))},styleTag:null,toElement:wrapAsElement(a,n),toHTML:wrapAsHtmlTag(a,n)}},makeServerTag=function(){return makeServerTagInternal()},makeTag=function(e,t,r,n,o){if(IS_BROWSER&&!r){var i=makeStyleTag(e,t,n);return makeSpeedyTag(i,o)}return makeServerTag()},makeRehydrationTag=function(e,t,r,n){var o=once(function(){for(var n=0,o=r.length;n<o;n+=1){var i=r[n],a=i.componentId,s=i.cssFromDOM,u=splitByRules(s);e.insertRules(a,u)}for(var c=0,l=t.length;c<l;c+=1){var p=t[c];p.parentNode&&p.parentNode.removeChild(p)}});return n&&o(),_extends({},e,{insertMarker:function(t){return o(),e.insertMarker(t)},insertRules:function(t,r,n){return o(),e.insertRules(t,r,n)}})},SPLIT_REGEX=/\s+/,MAX_SIZE=void 0;MAX_SIZE=IS_BROWSER?1e3:-1;var _StyleSheetManager$ch,sheetRunningId=0,master=void 0,StyleSheet=function(){function e(){var t=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:IS_BROWSER?document.head:null,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];classCallCheck(this,e),this.getImportRuleTag=function(){var e=t.importRuleTag;if(void 0!==e)return e;var r=t.tags[0];return t.importRuleTag=makeTag(t.target,r?r.styleTag:null,t.forceServer,!0)},sheetRunningId+=1,this.id=sheetRunningId,this.sealed=!1,this.forceServer=n,this.target=n?null:r,this.tagMap={},this.deferred={},this.rehydratedNames={},this.ignoreRehydratedNames={},this.tags=[],this.capacity=1,this.clones=[]}return e.prototype.rehydrate=function(){if(!IS_BROWSER||this.forceServer)return this;var e=[],t=[],r=!1,n=document.querySelectorAll("style["+SC_ATTR+"]"),o=n.length;if(0===o)return this;for(var i=0;i<o;i+=1){var a=n[i];r||(r=!!a.getAttribute(SC_STREAM_ATTR));for(var s=(a.getAttribute(SC_ATTR)||"").trim().split(SPLIT_REGEX),u=s.length,c=0;c<u;c+=1){var l=s[c];this.rehydratedNames[l]=!0}t.push.apply(t,extractComps(a.textContent)),e.push(a)}var p=t.length;if(0===p)return this;var h=this.makeTag(null),d=makeRehydrationTag(h,e,t,r);this.capacity=Math.max(1,MAX_SIZE-p),this.tags.push(d);for(var f=0;f<p;f+=1)this.tagMap[t[f].componentId]=d;return this},e.reset=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];master=new e(void 0,t).rehydrate()},e.prototype.clone=function(){var t=new e(this.target,this.forceServer);return this.clones.push(t),t.tags=this.tags.map(function(e){for(var r=e.getIds(),n=e.clone(),o=0;o<r.length;o+=1)t.tagMap[r[o]]=n;return n}),t.rehydratedNames=_extends({},this.rehydratedNames),t.deferred=_extends({},this.deferred),t},e.prototype.sealAllTags=function(){this.capacity=1,this.sealed=!0},e.prototype.makeTag=function(e){var t=e?e.styleTag:null;return makeTag(this.target,t,this.forceServer,!1,this.getImportRuleTag)},e.prototype.getTagForId=function(e){var t=this.tagMap[e];if(void 0!==t&&!this.sealed)return t;var r=this.tags[this.tags.length-1];return this.capacity-=1,0===this.capacity&&(this.capacity=MAX_SIZE,this.sealed=!1,r=this.makeTag(r),this.tags.push(r)),this.tagMap[e]=r},e.prototype.hasId=function(e){return void 0!==this.tagMap[e]},e.prototype.hasNameForId=function(e,t){if(void 0===this.ignoreRehydratedNames[e]&&this.rehydratedNames[t])return!0;var r=this.tagMap[e];return void 0!==r&&r.hasNameForId(e,t)},e.prototype.deferredInject=function(e,t){if(void 0===this.tagMap[e]){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].deferredInject(e,t);this.getTagForId(e).insertMarker(e),this.deferred[e]=t}},e.prototype.inject=function(e,t,r){for(var n=this.clones,o=0;o<n.length;o+=1)n[o].inject(e,t,r);var i,a=this.getTagForId(e);this.deferred[e]?((i=this.deferred[e]).push.apply(i,t),a.insertRules(e,this.deferred[e],r),this.deferred[e]=void 0):a.insertRules(e,t,r)},e.prototype.remove=function(e){var t=this.tagMap[e];if(void 0!==t){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].remove(e);t.removeRules(e),this.ignoreRehydratedNames[e]=!0,this.deferred[e]=void 0}},e.prototype.toHTML=function(){return this.tags.map(function(e){return e.toHTML()}).join("")},e.prototype.toReactElements=function(){var e=this.id;return this.tags.map(function(t,r){var n="sc-"+e+"-"+r;return React.cloneElement(t.toElement(),{key:n})})},createClass(e,null,[{key:"master",get:function(){return master||(master=(new e).rehydrate())}},{key:"instance",get:function(){return e.master}}]),e}(),targetPropErr="",StyleSheetManager=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,e.apply(this,arguments))}return inherits(t,e),t.prototype.getChildContext=function(){var e;return(e={})[CONTEXT_KEY]=this.sheetInstance,e},t.prototype.componentWillMount=function(){if(this.props.sheet)this.sheetInstance=this.props.sheet;else{if(!this.props.target)throw new Error(targetPropErr);this.sheetInstance=new StyleSheet(this.props.target)}},t.prototype.render=function(){return React__default.Children.only(this.props.children)},t}(React.Component);StyleSheetManager.childContextTypes=((_StyleSheetManager$ch={})[CONTEXT_KEY]=PropTypes.oneOfType([PropTypes.instanceOf(StyleSheet),PropTypes.instanceOf(ServerStyleSheet)]).isRequired,_StyleSheetManager$ch);var sheetClosedErr="",streamBrowserErr="",ServerStyleSheet=function(){function e(){classCallCheck(this,e),this.masterSheet=StyleSheet.master,this.instance=this.masterSheet.clone(),this.closed=!1}return e.prototype.complete=function(){if(!this.closed){var e=this.masterSheet.clones.indexOf(this.instance);this.masterSheet.clones.splice(e,1),this.closed=!0}},e.prototype.collectStyles=function(e){if(this.closed)throw new Error(sheetClosedErr);return React__default.createElement(StyleSheetManager,{sheet:this.instance},e)},e.prototype.getStyleTags=function(){return this.complete(),this.instance.toHTML()},e.prototype.getStyleElement=function(){return this.complete(),this.instance.toReactElements()},e.prototype.interleaveWithNodeStream=function(e){throw new Error(streamBrowserErr)},e}(),determineTheme=function(e,t,r){var n=r&&e.theme===r.theme;return e.theme&&!n?e.theme:t},escapeRegex=/[[\].#*$><+~=|^:(),"'`-]+/g,dashesAtEnds=/(^-|-$)/g;function escape(e){return e.replace(escapeRegex,"-").replace(dashesAtEnds,"")}function getComponentName(e){return e.displayName||e.name||"Component"}function isTag(e){return"string"==typeof e}function generateDisplayName(e){return isTag(e)?"styled."+e:"Styled("+getComponentName(e)+")"}var ATTRIBUTE_REGEX=/^((?:s(?:uppressContentEditableWarn|croll|pac)|(?:shape|image|text)Render|(?:letter|word)Spac|vHang|hang)ing|(?:on(?:AnimationIteration|C(?:o(?:mposition(?:Update|Start|End)|ntextMenu|py)|anPlayThrough|anPlay|hange|lick|ut)|(?:Animation|Touch|Load|Drag)Start|(?:(?:Duration|Volume|Rate)Chang|(?:MouseLea|(?:Touch|Mouse)Mo|DragLea)v|Paus)e|Loaded(?:Metad|D)ata|(?:(?:T(?:ransition|ouch)|Animation)E|Suspe)nd|DoubleClick|(?:TouchCanc|Whe)el|Lo(?:stPointer|ad)|TimeUpdate|(?:Mouse(?:Ent|Ov)e|Drag(?:Ent|Ov)e|Erro)r|GotPointer|MouseDown|(?:E(?:n(?:crypt|d)|mpti)|S(?:tall|eek))ed|KeyPress|(?:MouseOu|DragExi|S(?:elec|ubmi)|Rese|Inpu)t|P(?:rogress|laying)|DragEnd|Key(?:Down|Up)|(?:MouseU|Dro)p|(?:Wait|Seek)ing|Scroll|Focus|Paste|Abort|Drag|Play|Blur)Captur|alignmentBaselin|(?:limitingConeAng|xlink(?:(?:Arcr|R)o|Tit)|s(?:urfaceSca|ty|ca)|unselectab|baseProfi|fontSty|(?:focus|dragg)ab|multip|profi|tit)l|d(?:ominantBaselin|efaultValu)|onPointerLeav|a(?:uto(?:Capitaliz|Revers|Sav)|dditiv)|(?:(?:formNoValid|xlinkActu|noValid|accumul|rot)a|autoComple|decelera)t|(?:(?:attribute|item)T|datat)yp|onPointerMov|(?:attribute|glyph)Nam|playsInlin|(?:writing|input|edge)Mod|(?:formE|e)ncTyp|(?:amplitu|mo)d|(?:xlinkTy|itemSco|keyTy|slo)p|(?:xmlSpa|non)c|fillRul|(?:dateTi|na)m|r(?:esourc|ol)|xmlBas|wmod)e|(?:glyphOrientationHorizont|loc)al|(?:externalResourcesRequir|select|revers|mut)ed|c(?:o(?:lorInterpolationFilter|ord)s|o(?:lor(?:Interpolation)?|nt(?:rols|ent))|(?:ontentS(?:cript|tyle)Typ|o(?:ntentEditab|lorProfi)l|l(?:assNam|ipRul)|a(?:lcMod|ptur)|it)e|olorRendering|l(?:ipPathUnits|assID)|(?:ontrolsLis|apHeigh)t|h(?:eckedLink|a(?:llenge|rSet)|ildren|ecked)|ell(?:Spac|Padd)ing|o(?:ntextMenu|ls)|(?:rossOrigi|olSpa)n|l(?:ip(?:Path)?|ass)|ursor|[xy])|glyphOrientationVertical|d(?:angerouslySetInnerHTML|efaultChecked|ownload|isabled|isplay|[xy])|(?:s(?:trikethroughThickn|eaml)es|(?:und|ov)erlineThicknes|r(?:equiredExtension|adiu)|(?:requiredFeatur|tableValu|stitchTil|numOctav|filterR)e|key(?:(?:Splin|Tim)e|Param)|auto[Ff]ocu|header|bia)s|(?:(?:st(?:rikethroughPosi|dDevia)|(?:und|ov)erlinePosi|(?:textDecor|elev)a|orienta)tio|(?:strokeLinejo|orig)i|on(?:PointerDow|FocusI)|formActio|zoomAndPa|directio|(?:vers|act)io|rowSpa|begi|ico)n|o(?:n(?:AnimationIteration|C(?:o(?:mposition(?:Update|Start|End)|ntextMenu|py)|anPlayThrough|anPlay|hange|lick|ut)|(?:(?:Duration|Volume|Rate)Chang|(?:MouseLea|(?:Touch|Mouse)Mo|DragLea)v|Paus)e|Loaded(?:Metad|D)ata|(?:Animation|Touch|Load|Drag)Start|(?:(?:T(?:ransition|ouch)|Animation)E|Suspe)nd|DoubleClick|(?:TouchCanc|Whe)el|(?:Mouse(?:Ent|Ov)e|Drag(?:Ent|Ov)e|Erro)r|TimeUpdate|(?:E(?:n(?:crypt|d)|mpti)|S(?:tall|eek))ed|MouseDown|P(?:rogress|laying)|(?:MouseOu|DragExi|S(?:elec|ubmi)|Rese|Inpu)t|KeyPress|DragEnd|Key(?:Down|Up)|(?:Wait|Seek)ing|(?:MouseU|Dro)p|Scroll|Paste|Focus|Abort|Drag|Play|Load|Blur)|rient)|p(?:reserveA(?:spectRatio|lpha)|ointsAt[X-Z]|anose1)|(?:patternContent|ma(?:sk(?:Content)?|rker)|primitive|gradient|pattern|filter)Units|(?:(?:allowTranspar|baseFrequ)enc|re(?:ferrerPolic|adOnl)|(?:(?:st(?:roke|op)O|floodO|fillO|o)pac|integr|secur)it|visibilit|fontFamil|accessKe|propert|summar)y|(?:gradientT|patternT|t)ransform|(?:[xy]ChannelSelect|lightingCol|textAnch|floodCol|stopCol|operat|htmlF)or|(?:strokeMiterlimi|(?:specularConsta|repeatCou|fontVaria)n|(?:(?:specularE|e)xpon|renderingInt|asc)en|d(?:iffuseConsta|esce)n|(?:fontSizeAdju|lengthAdju|manife)s|baselineShif|onPointerOu|vectorEffec|(?:(?:mar(?:ker|gin)|x)H|accentH|fontW)eigh|markerStar|a(?:utoCorrec|bou)|onFocusOu|intercep|restar|forma|inlis|heigh|lis)t|(?:(?:st(?:rokeDasho|artO)|o)ffs|acceptChars|formTarg|viewTarg|srcS)et|k(?:ernel(?:UnitLength|Matrix)|[1-4])|(?:(?:enableBackgrou|markerE)n|s(?:p(?:readMetho|ee)|ee)|formMetho|(?:markerM|onInval)i|preloa|metho|kin)d|strokeDasharray|(?:onPointerCanc|lab)el|(?:allowFullScre|hidd)en|systemLanguage|(?:(?:o(?:nPointer(?:Ent|Ov)|rd)|allowReord|placehold|frameBord|paintOrd|post)e|repeatDu|d(?:efe|u))r|v(?:Mathematical|ert(?:Origin[XY]|AdvY)|alues|ocab)|(?:pointerEve|keyPoi)nts|(?:strokeLineca|onPointerU|itemPro|useMa|wra|loo)p|h(?:oriz(?:Origin|Adv)X|ttpEquiv)|(?:vI|i)deographic|unicodeRange|mathematical|vAlphabetic|u(?:nicodeBidi|[12])|(?:fontStretc|hig)h|(?:(?:mar(?:ker|gin)W|strokeW)id|azimu)th|(?:xmlnsXl|valueL)ink|mediaGroup|spellCheck|(?:text|m(?:in|ax))Length|(?:unitsPerE|optimu|fro)m|r(?:adioGroup|e(?:sults|f[XY]|l)|ows|[xy])|a(?:rabicForm|l(?:phabetic|t)|sync)|pathLength|innerHTML|xlinkShow|(?:xlinkHr|glyphR)ef|(?:tabInde|(?:sand|b)bo|viewBo)x|(?:(?:href|xml|src)La|kerni)ng|autoPlay|o(?:verflow|pen)|f(?:o(?:ntSize|rm?)|il(?:ter|l))|r(?:e(?:quired|sult|f))?|divisor|p(?:attern|oints)|unicode|d(?:efault|ata|ir)?|i(?:temRef|n2|s)|t(?:arget[XY]|o)|srcDoc|s(?:coped|te(?:m[hv]|p)|pan)|(?:width|size)s|prefix|typeof|itemID|s(?:t(?:roke|art)|hape|cope|rc)|t(?:arget|ype)|(?:stri|la)ng|a(?:ccept|s)|m(?:edia|a(?:sk|x)|in)|x(?:mlns)?|width|value|size|href|k(?:ey)?|end|low|by|i[dn]|y[12]|g[12]|x[12]|f[xy]|[yz])$/,ATTRIBUTE_NAME_START_CHAR=":A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD",ATTRIBUTE_NAME_CHAR=ATTRIBUTE_NAME_START_CHAR+"\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040",isCustomAttribute=RegExp.prototype.test.bind(new RegExp("^(x|data|aria)-["+ATTRIBUTE_NAME_CHAR+"]*$")),validAttr=function(e){return ATTRIBUTE_REGEX.test(e)||isCustomAttribute(e.toLowerCase())};function hasInInheritanceChain(e,t){for(var r=e;r;)if((r=Object.getPrototypeOf(r))&&r===t)return!0;return!1}var _contextShape,_ThemeProvider$contex,_babelHelpers$extends,createBroadcast=function(e){var t={},r=0,n=e;return{publish:function(e){for(var r in n=e,t){var o=t[r];void 0!==o&&o(n)}},subscribe:function(e){var o=r;return t[o]=e,r+=1,e(n),o},unsubscribe:function(e){t[e]=void 0}}},CHANNEL="__styled-components__",CHANNEL_NEXT=CHANNEL+"next__",CONTEXT_CHANNEL_SHAPE=PropTypes.shape({getTheme:PropTypes.func,subscribe:PropTypes.func,unsubscribe:PropTypes.func}),contextShape=((_contextShape={})[CHANNEL]=PropTypes.func,_contextShape[CHANNEL_NEXT]=CONTEXT_CHANNEL_SHAPE,_contextShape),isFunction=function(e){return"function"==typeof e},ThemeProvider=function(e){function t(){classCallCheck(this,t);var r=possibleConstructorReturn(this,e.call(this));return r.unsubscribeToOuterId=-1,r.getTheme=r.getTheme.bind(r),r}return inherits(t,e),t.prototype.componentWillMount=function(){var e=this,t=this.context[CHANNEL_NEXT];void 0!==t&&(this.unsubscribeToOuterId=t.subscribe(function(t){e.outerTheme=t,void 0!==e.broadcast&&e.publish(e.props.theme)})),this.broadcast=createBroadcast(this.getTheme())},t.prototype.getChildContext=function(){var e,t=this;return _extends({},this.context,((e={})[CHANNEL_NEXT]={getTheme:this.getTheme,subscribe:this.broadcast.subscribe,unsubscribe:this.broadcast.unsubscribe},e[CHANNEL]=function(e){var r=t.broadcast.subscribe(e);return function(){return t.broadcast.unsubscribe(r)}},e))},t.prototype.componentWillReceiveProps=function(e){this.props.theme!==e.theme&&this.publish(e.theme)},t.prototype.componentWillUnmount=function(){-1!==this.unsubscribeToOuterId&&this.context[CHANNEL_NEXT].unsubscribe(this.unsubscribeToOuterId)},t.prototype.getTheme=function(e){var t=e||this.props.theme;if(isFunction(t))return t(this.outerTheme);if(null===t||Array.isArray(t)||"object"!==(void 0===t?"undefined":_typeof(t)))throw new Error("");return _extends({},this.outerTheme,t)},t.prototype.publish=function(e){this.broadcast.publish(this.getTheme(e))},t.prototype.render=function(){return this.props.children?React__default.Children.only(this.props.children):null},t}(React.Component);ThemeProvider.childContextTypes=contextShape,ThemeProvider.contextTypes=((_ThemeProvider$contex={})[CHANNEL_NEXT]=CONTEXT_CHANNEL_SHAPE,_ThemeProvider$contex);var STATIC_EXECUTION_CONTEXT={},modifiedContextShape=_extends({},contextShape,((_babelHelpers$extends={})[CONTEXT_KEY]=PropTypes.oneOfType([PropTypes.instanceOf(StyleSheet),PropTypes.instanceOf(ServerStyleSheet)]),_babelHelpers$extends)),identifiers={},generateId=function(e,t,r){var n="string"!=typeof t?"sc":escape(t),o=(identifiers[n]||0)+1;identifiers[n]=o;var i=n+"-"+e.generateName(n+o);return void 0!==r?r+"-"+i:i},BaseStyledComponent=function(e){function t(){var r,n;classCallCheck(this,t);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return r=n=possibleConstructorReturn(this,e.call.apply(e,[this].concat(i))),n.attrs={},n.state={theme:null,generatedClassName:""},n.unsubscribeId=-1,possibleConstructorReturn(n,r)}return inherits(t,e),t.prototype.unsubscribeFromContext=function(){-1!==this.unsubscribeId&&this.context[CHANNEL_NEXT].unsubscribe(this.unsubscribeId)},t.prototype.buildExecutionContext=function(e,t){var r=this.constructor.attrs,n=_extends({},t,{theme:e});return void 0===r?n:(this.attrs=Object.keys(r).reduce(function(e,t){var o=r[t];return e[t]="function"!=typeof o||hasInInheritanceChain(o,React.Component)?o:o(n),e},{}),_extends({},n,this.attrs))},t.prototype.generateAndInjectStyles=function(e,t){var r=this.constructor,n=r.attrs,o=r.componentStyle,i=(r.warnTooManyClasses,this.context[CONTEXT_KEY]||StyleSheet.master);if(o.isStatic&&void 0===n)return o.generateAndInjectStyles(STATIC_EXECUTION_CONTEXT,i);var a=this.buildExecutionContext(e,t);return o.generateAndInjectStyles(a,i)},t.prototype.componentWillMount=function(){var e=this,t=this.constructor.componentStyle,r=this.context[CHANNEL_NEXT];if(t.isStatic){var n=this.generateAndInjectStyles(STATIC_EXECUTION_CONTEXT,this.props);this.setState({generatedClassName:n})}else if(void 0!==r){var o=r.subscribe;this.unsubscribeId=o(function(t){var r=determineTheme(e.props,t,e.constructor.defaultProps),n=e.generateAndInjectStyles(r,e.props);e.setState({theme:r,generatedClassName:n})})}else{var i=this.props.theme||EMPTY_OBJECT,a=this.generateAndInjectStyles(i,this.props);this.setState({theme:i,generatedClassName:a})}},t.prototype.componentWillReceiveProps=function(e){var t=this;this.constructor.componentStyle.isStatic||this.setState(function(r){var n=determineTheme(e,r.theme,t.constructor.defaultProps);return{theme:n,generatedClassName:t.generateAndInjectStyles(n,e)}})},t.prototype.componentWillUnmount=function(){this.unsubscribeFromContext()},t.prototype.render=function(){var e=this.props.innerRef,t=this.state.generatedClassName,r=this.constructor,n=r.styledComponentId,o=r.target,i=isTag(o),a=[this.props.className,n,this.attrs.className,t].filter(Boolean).join(" "),s=_extends({},this.attrs,{className:a});isStyledComponent(o)?s.innerRef=e:s.ref=e;var u=s,c=void 0;for(c in this.props)"innerRef"===c||"className"===c||i&&!validAttr(c)||(u[c]=this.props[c]);return React.createElement(o,u)},t}(React.Component),_StyledComponent=function(e,t){return function r(n,o,i){var a=o.isClass,s=void 0===a?!isTag(n):a,u=o.displayName,c=void 0===u?generateDisplayName(n):u,l=o.componentId,p=void 0===l?generateId(e,o.displayName,o.parentComponentId):l,h=o.ParentComponent,d=void 0===h?BaseStyledComponent:h,f=o.rules,m=o.attrs,y=o.displayName&&o.componentId?escape(o.displayName)+"-"+o.componentId:o.componentId||p,g=new e(void 0===f?i:f.concat(i),m,y),v=function(e){function a(){return classCallCheck(this,a),possibleConstructorReturn(this,e.apply(this,arguments))}return inherits(a,e),a.withComponent=function(e){var t=o.componentId,n=objectWithoutProperties(o,["componentId"]),s=t&&t+"-"+(isTag(e)?e:escape(getComponentName(e))),u=_extends({},n,{componentId:s,ParentComponent:a});return r(e,u,i)},createClass(a,null,[{key:"extend",get:function(){var e=o.rules,s=o.componentId,u=objectWithoutProperties(o,["rules","componentId"]),c=void 0===e?i:e.concat(i),l=_extends({},u,{rules:c,parentComponentId:s,ParentComponent:a});return t(r,n,l)}}]),a}(d);return v.attrs=m,v.componentStyle=g,v.contextTypes=modifiedContextShape,v.displayName=c,v.styledComponentId=y,v.target=n,s&&hoistStatics(v,n,{attrs:!0,componentStyle:!0,displayName:!0,extend:!0,styledComponentId:!0,target:!0,warnTooManyClasses:!0,withComponent:!0}),v}};function murmurhash(e){for(var t,r=0|e.length,n=0|r,o=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(o)|(255&e.charCodeAt(++o))<<8|(255&e.charCodeAt(++o))<<16|(255&e.charCodeAt(++o))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++o;switch(r){case 3:n^=(255&e.charCodeAt(o+2))<<16;case 2:n^=(255&e.charCodeAt(o+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(o)))+((1540483477*(n>>>16)&65535)<<16)}return n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16),(n^=n>>>15)>>>0}var areStylesCacheable=IS_BROWSER,isStaticRules=function e(t,r){for(var n=0,o=t.length;n<o;n+=1){var i=t[n];if(Array.isArray(i)&&!e(i))return!1;if("function"==typeof i&&!isStyledComponent(i))return!1}if(void 0!==r)for(var a in r)if("function"==typeof r[a])return!1;return!0},isHMREnabled="undefined"!=typeof module&&module.hot&&!1,_ComponentStyle=function(e,t,r){var n=function(t){return e(murmurhash(t))};return function(){function e(t,r,n){if(classCallCheck(this,e),this.rules=t,this.isStatic=!isHMREnabled&&isStaticRules(t,r),this.componentId=n,!StyleSheet.master.hasId(n)){StyleSheet.master.deferredInject(n,[])}}return e.prototype.generateAndInjectStyles=function(e,o){var i=this.isStatic,a=this.componentId,s=this.lastClassName;if(areStylesCacheable&&i&&void 0!==s&&o.hasNameForId(a,s))return s;var u=t(this.rules,e),c=n(this.componentId+u.join(""));return o.hasNameForId(a,c)||o.inject(this.componentId,r(u,"."+c),c),this.lastClassName=c,c},e.generateName=function(e){return n(e)},e}()},domElements=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],_styled=function(e,t){var r=function(r){return t(e,r)};return domElements.forEach(function(e){r[e]=r(e)}),r},replaceWhitespace=function(e){return e.replace(/\s|\\n/g,"")},_keyframes=function(e,t,r){return function(){var n=StyleSheet.master,o=r.apply(void 0,arguments),i=e(murmurhash(replaceWhitespace(JSON.stringify(o)))),a="sc-keyframes-"+i;return n.hasNameForId(a,i)||n.inject(a,t(o,i,"@keyframes"),i),i}},_injectGlobal=function(e,t){return function(){var r=StyleSheet.master,n=t.apply(void 0,arguments),o="sc-global-"+murmurhash(JSON.stringify(n));r.hasId(o)||r.inject(o,e(n))}},_constructWithOptions=function(e){return function t(r,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:EMPTY_OBJECT;if(!reactIs.isValidElementType(n))throw new Error("");var i=function(){return r(n,o,e.apply(void 0,arguments))};return i.withConfig=function(e){return t(r,n,_extends({},o,e))},i.attrs=function(e){return t(r,n,_extends({},o,{attrs:_extends({},o.attrs||EMPTY_OBJECT,e)}))},i}},withTheme=function(e){var t="function"==typeof e&&!(e.prototype&&"isReactComponent"in e.prototype),r=isStyledComponent(e)||t,n=function(t){function n(){var e,r;classCallCheck(this,n);for(var o=arguments.length,i=Array(o),a=0;a<o;a++)i[a]=arguments[a];return e=r=possibleConstructorReturn(this,t.call.apply(t,[this].concat(i))),r.state=EMPTY_OBJECT,r.unsubscribeId=-1,possibleConstructorReturn(r,e)}return inherits(n,t),n.prototype.componentWillMount=function(){var e=this,t=this.constructor.defaultProps,r=this.context[CHANNEL_NEXT],n=determineTheme(this.props,void 0,t);if(void 0===r&&void 0!==n)this.setState({theme:n});else{var o=r.subscribe;this.unsubscribeId=o(function(r){var n=determineTheme(e.props,r,t);e.setState({theme:n})})}},n.prototype.componentWillReceiveProps=function(e){var t=this.constructor.defaultProps;this.setState(function(r){return{theme:determineTheme(e,r.theme,t)}})},n.prototype.componentWillUnmount=function(){-1!==this.unsubscribeId&&this.context[CHANNEL_NEXT].unsubscribe(this.unsubscribeId)},n.prototype.render=function(){var t=_extends({theme:this.state.theme},this.props);return r||(t.ref=t.innerRef,delete t.innerRef),React__default.createElement(e,t)},n}(React__default.Component);return n.contextTypes=contextShape,n.displayName="WithTheme("+getComponentName(e)+")",n.styledComponentId="withTheme",hoistStatics(n,e)},__DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS={StyleSheet:StyleSheet},ComponentStyle=_ComponentStyle(generateAlphabeticName,flatten,stringifyRules),constructWithOptions=_constructWithOptions(css),StyledComponent=_StyledComponent(ComponentStyle,constructWithOptions),keyframes=_keyframes(generateAlphabeticName,stringifyRules,css),injectGlobal=_injectGlobal(stringifyRules,css),styled=_styled(StyledComponent,constructWithOptions);exports.default=styled,exports.css=css,exports.keyframes=keyframes,exports.injectGlobal=injectGlobal,exports.isStyledComponent=isStyledComponent,exports.consolidateStreamedStyles=consolidateStreamedStyles,exports.ThemeProvider=ThemeProvider,exports.withTheme=withTheme,exports.ServerStyleSheet=ServerStyleSheet,exports.StyleSheetManager=StyleSheetManager,exports.__DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS=__DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS;
//# sourceMappingURL=styled-components.browser.cjs.min.js.map