styled-components 6.0.0-beta.12 → 6.0.0-beta.13

package/dist/styled-components.browser.esm.js

@@ -8,7 +8,7 @@ var SC_ATTR = (typeof process !== 'undefined' && typeof process.env !== 'undefin
     'data-styled';
 var SC_ATTR_ACTIVE = 'active';
 var SC_ATTR_VERSION = 'data-styled-version';
-var SC_VERSION = "6.0.0-beta.12";
+var SC_VERSION = "6.0.0-beta.13";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -1541,7 +1541,11 @@ function createStyledComponent(target, options, rules) {
         checkDynamicCreation(displayName, styledComponentId);
         WrappedStyledComponent.warnTooManyClasses = createWarnTooManyClasses(displayName, styledComponentId);
     }
-    WrappedStyledComponent.toString = function () { return ".".concat(WrappedStyledComponent.styledComponentId); };
+    // If the Object prototype is frozen, the "toString" property is non-writable. This means that any objects which inherit this property
+    // cannot have the property changed using an assignment. If using strict mode, attempting that will cause an error. If not using strict
+    // mode, attempting that will be silently ignored.
+    // However, we can still explicitly shadow the prototype's "toString" property by defining a new "toString" property on this object.
+    Object.defineProperty(WrappedStyledComponent, 'toString', { value: function () { return ".".concat(WrappedStyledComponent.styledComponentId); } });
     if (isCompositeComponent) {
         var compositeComponentTarget = target;
         hoistNonReactStatics(WrappedStyledComponent, compositeComponentTarget, {
@@ -1812,22 +1816,21 @@ var __PRIVATE__ = {
 if (process.env.NODE_ENV !== 'production' &&
     typeof navigator !== 'undefined' &&
     navigator.product === 'ReactNative') {
-    console.warn("It looks like you've imported 'styled-components' on React Native.\n" +
-        "Perhaps you're looking to import 'styled-components/native'?\n" +
-        'Read more about this at https://www.styled-components.com/docs/basics#react-native');
+    console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
 }
+var windowGlobalKey = "__sc-".concat(SC_ATTR, "__");
 /* Warning if there are several instances of styled-components */
 if (process.env.NODE_ENV !== 'production' &&
     process.env.NODE_ENV !== 'test' &&
     typeof window !== 'undefined') {
-    window['__styled-components-init__'] || (window['__styled-components-init__'] = 0);
-    if (window['__styled-components-init__'] === 1) {
-        console.warn("It looks like there are several instances of 'styled-components' initialized in this application. " +
-            'This may cause dynamic styles to not render properly, errors during the rehydration process, ' +
-            'a missing theme prop, and makes your application bigger without good reason.\n\n' +
-            'See https://s-c.sh/2BAXzed for more info.');
-    }
-    window['__styled-components-init__'] += 1;
+    // @ts-expect-error dynamic key not in window object
+    window[windowGlobalKey] || (window[windowGlobalKey] = 0);
+    // @ts-expect-error dynamic key not in window object
+    if (window[windowGlobalKey] === 1) {
+        console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info.");
+    }
+    // @ts-expect-error dynamic key not in window object
+    window[windowGlobalKey] += 1;
 }
 
 export { ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, __PRIVATE__, createGlobalStyle, css, styled as default, isStyledComponent, keyframes, styled, useTheme, SC_VERSION as version, withTheme };