styled-components 5.3.2 → 5.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "5.3.2",
+  "version": "5.3.3",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "main": "dist/styled-components.cjs.js",
   "jsnext:main": "dist/styled-components.esm.js",

package/primitives/dist/styled-components-primitives.cjs.js

@@ -15,7 +15,7 @@ var unitless = _interopDefault(require('@emotion/unitless'));
 var supportsColor = _interopDefault(require('supports-color'));
 var hoist = _interopDefault(require('hoist-non-react-statics'));
 
-// 
+//      
 
 /* eslint-disable no-bitwise */
 var AD_REPLACER_R = /(a)(d)/gi;
@@ -43,7 +43,7 @@ function generateAlphabeticName(code) {
   return (getAlphabeticChar(x % charsLength) + name).replace(AD_REPLACER_R, '$1-$2');
 }
 
-// 
+//      
 
 /* eslint-disable */
 var SEED = 5381; // When we have separate strings it's useful to run a progressive
@@ -64,34 +64,34 @@ var hash = function hash(x) {
   return phash(SEED, x);
 };
 
-// 
+//      
 var generateComponentId = (function (str) {
   return generateAlphabeticName(hash(str) >>> 0);
 });
 
-// 
+//      
 function getComponentName(target) {
   return (process.env.NODE_ENV !== 'production' ? typeof target === 'string' && target : false) || // $FlowFixMe
   target.displayName || // $FlowFixMe
   target.name || 'Component';
 }
 
-// 
+//      
 function isFunction(test) {
   return typeof test === 'function';
 }
 
-// 
+//      
 function isStatelessFunction(test) {
   return typeof test === 'function' && !(test.prototype && test.prototype.isReactComponent);
 }
 
-// 
+//      
 var isPlainObject = (function (x) {
   return x !== null && typeof x === 'object' && (x.toString ? x.toString() : Object.prototype.toString.call(x)) === '[object Object]' && !reactIs.typeOf(x);
 });
 
-// 
+//      
 function isStyledComponent(target) {
   return target && typeof target.styledComponentId === 'string';
 }
@@ -151,16 +151,16 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-// 
+//      
 var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "5.3.2";
+var SC_VERSION = "5.3.3";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles
 
-// 
+//      
 var EMPTY_ARRAY = Object.freeze([]);
 var EMPTY_OBJECT = Object.freeze({});
 
@@ -184,7 +184,7 @@ var errorMap = {
   "17": "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"
 };
 
-// 
+//      
 var ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {};
 /**
  * super basic version of sprintf
@@ -221,7 +221,7 @@ function throwStyledComponentsError(code) {
   }
 }
 
-// 
+//      
 /** Create a GroupedTag with an underlying Tag implementation */
 
 var makeGroupedTag = function makeGroupedTag(tag) {
@@ -315,7 +315,7 @@ var DefaultGroupedTag = /*#__PURE__*/function () {
   return DefaultGroupedTag;
 }();
 
-// 
+//      
 var MAX_SMI = 1 << 31 - 1;
 var groupIDRegister = new Map();
 var reverseRegister = new Map();
@@ -351,7 +351,7 @@ var setGroupForId = function setGroupForId(id, group) {
   reverseRegister.set(group, id);
 };
 
-// 
+//      
 var SELECTOR = "style[" + SC_ATTR + "][" + SC_ATTR_VERSION + "=\"" + SC_VERSION + "\"]";
 var MARKER_RE = new RegExp("^" + SC_ATTR + "\\.g(\\d+)\\[id=\"([\\w\\d-]+)\"\\].*?\"([^\"]*)");
 var outputSheet = function outputSheet(sheet) {
@@ -397,7 +397,7 @@ var rehydrateNamesFromContent = function rehydrateNamesFromContent(sheet, id, co
 };
 
 var rehydrateSheetFromTag = function rehydrateSheetFromTag(sheet, style) {
-  var parts = (style.innerHTML || '').split(SPLITTER);
+  var parts = (style.textContent || '').split(SPLITTER);
   var rules = [];
 
   for (var i = 0, l = parts.length; i < l; i++) {
@@ -441,14 +441,14 @@ var rehydrateSheet = function rehydrateSheet(sheet) {
   }
 };
 
-// 
+//      
 
 /* eslint-disable camelcase, no-undef */
 var getNonce = function getNonce() {
   return typeof window !== 'undefined' ? typeof window.__webpack_nonce__ !== 'undefined' ? window.__webpack_nonce__ : null : null;
 };
 
-// 
+//      
 var ELEMENT_TYPE = 1;
 /* Node.ELEMENT_TYPE */
 
@@ -506,7 +506,7 @@ var getSheet = function getSheet(tag) {
   return undefined;
 };
 
-// 
+//      
 /** Create a CSSStyleSheet-like tag depending on the environment */
 
 var makeTag = function makeTag(_ref) {
@@ -906,7 +906,7 @@ function createStylisInstance(_temp) {
   return stringifyRules;
 }
 
-// 
+//      
 var StyleSheetContext = React__default.createContext();
 var StyleSheetConsumer = StyleSheetContext.Consumer;
 var StylisContext = React__default.createContext();
@@ -914,7 +914,7 @@ var StylisConsumer = StylisContext.Consumer;
 var masterSheet = new StyleSheet();
 var masterStylis = createStylisInstance();
 
-// 
+//      
 
 var Keyframes = /*#__PURE__*/function () {
   function Keyframes(name, rules) {
@@ -954,7 +954,7 @@ var Keyframes = /*#__PURE__*/function () {
   return Keyframes;
 }();
 
-// 
+//      
 
 /**
  * inlined version of
@@ -989,7 +989,7 @@ function hyphenateStyleName(string) {
   return uppercaseCheck.test(string) ? string.replace(uppercasePattern, prefixAndLowerCase).replace(msPattern, '-ms-') : string;
 }
 
-// 
+//      
 
 function addUnitIfNeeded(name, value) {
   // https://github.com/amilajack/eslint-plugin-flowtype-errors/issues/133
@@ -1005,7 +1005,7 @@ function addUnitIfNeeded(name, value) {
   return String(value).trim();
 }
 
-// 
+//      
 /**
  * It's falsish not falsy because 0 is allowed.
  */
@@ -1080,7 +1080,7 @@ function flatten(chunk, executionContext, styleSheet, stylisInstance) {
   return isPlainObject(chunk) ? objToCssArray(chunk) : chunk.toString();
 }
 
-// 
+//      
 var printed = {};
 function warnOnce(message) {
   if (printed[message]) return;
@@ -1088,7 +1088,7 @@ function warnOnce(message) {
   if (typeof console !== 'undefined' && console.warn) console.warn(message);
 }
 
-// 
+//      
 var SINGLE_QUOTE = "'".charCodeAt(0);
 var DOUBLE_QUOTE = '"'.charCodeAt(0);
 var BACKSLASH = '\\'.charCodeAt(0);
@@ -1359,7 +1359,7 @@ function tokenize(input, options) {
   return tokens;
 }
 
-// 
+//      
 var HIGHLIGHT_THEME = {
   brackets: [36, 39],
   // cyan
@@ -1637,7 +1637,7 @@ var CssSyntaxError = /*#__PURE__*/function () {
   return CssSyntaxError;
 }();
 
-// 
+//      
 
 /* eslint-disable valid-jsdoc */
 var defaultRaw = {
@@ -1983,7 +1983,7 @@ var Stringifier = /*#__PURE__*/function () {
   return Stringifier;
 }();
 
-// 
+//      
 function stringify(node, builder) {
   var str = new Stringifier(builder);
   str.stringify(node);
@@ -2794,7 +2794,7 @@ var Comment = /*#__PURE__*/function (_Node) {
   return Comment;
 }(Node);
 
-// 
+//      
 
 var Parser = /*#__PURE__*/function () {
   function Parser(input) {
@@ -3320,7 +3320,7 @@ var Parser = /*#__PURE__*/function () {
   return Parser;
 }();
 
-// 
+//      
 function parse(css, opts) {
   if (opts && opts.safe) {
     throw new Error('Option safe was removed. ' + 'Use parser: require("postcss-safe-parser")');
@@ -4276,7 +4276,7 @@ var AtRule = /*#__PURE__*/function (_Container) {
   return AtRule;
 }(Container);
 
-// 
+//      
 
 /**
  * Contains helpers for safely splitting lists of CSS values,
@@ -4469,7 +4469,7 @@ var Rule = /*#__PURE__*/function (_Container) {
   return Rule;
 }(Container);
 
-// 
+//      
 
 /**
  * Represents a plugin’s warning. It can be created using {@link Node#warn}.
@@ -5152,7 +5152,7 @@ var LazyResult = /*#__PURE__*/function () {
   return LazyResult;
 }();
 
-// 
+//      
 /**
  * @callback builder
  * @param {string} part          - part of generated CSS connected to this node
@@ -5743,7 +5743,7 @@ var SafeParser = /*#__PURE__*/function (_Parser) {
   return SafeParser;
 }(Parser);
 
-// 
+//      
 function safeParse(css, opts) {
   var input = new Input(css, opts);
   var parser = new SafeParser(input);
@@ -5752,7 +5752,7 @@ function safeParse(css, opts) {
   return parser.root;
 }
 
-// 
+//      
 var generated = {};
 /*
  InlineStyle takes arbitrary CSS and generates a flat object
@@ -5867,7 +5867,7 @@ function mixinDeep(target) {
   return target;
 }
 
-// 
+//      
 var determineTheme = (function (props, providedTheme, defaultProps) {
   if (defaultProps === void 0) {
     defaultProps = EMPTY_OBJECT;
@@ -5876,12 +5876,12 @@ var determineTheme = (function (props, providedTheme, defaultProps) {
   return props.theme !== defaultProps.theme && props.theme || providedTheme || defaultProps.theme;
 });
 
-// 
+//      
 function isTag(target) {
   return typeof target === 'string' && (process.env.NODE_ENV !== 'production' ? target.charAt(0) === target.charAt(0).toLowerCase() : true);
 }
 
-// 
+//      
 function generateDisplayName(target) {
   return isTag(target) ? "styled." + target : "Styled(" + getComponentName(target) + ")";
 }
@@ -6149,7 +6149,7 @@ var _StyledNativeComponent = (function (InlineStyle) {
   return createStyledNativeComponent;
 });
 
-// 
+//      
 var interleave = (function (strings, interpolations) {
   var result = [strings[0]];
 
@@ -6160,7 +6160,7 @@ var interleave = (function (strings, interpolations) {
   return result;
 });
 
-// 
+//      
 /**
  * Used when flattening object styles to determine if we should
  * expand an array of styles.
@@ -6256,13 +6256,13 @@ var withTheme = (function (Component) {
   return WithTheme;
 });
 
-// 
+//      
 
 var useTheme = function useTheme() {
   return React.useContext(ThemeContext);
 };
 
-// 
+//      
 
 var InlineStyle = _InlineStyle(reactPrimitives.StyleSheet);