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

package/dist/styled-components.js

@@ -8,7 +8,7 @@
         'data-styled';
     var SC_ATTR_ACTIVE = 'active';
     var SC_ATTR_VERSION = 'data-styled-version';
-    var SC_VERSION = "6.0.0-beta.11";
+    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'
@@ -1420,28 +1420,23 @@
     /* Warning if you've imported this file on React Native */
     if (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 (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;
     }
 
     var secondary = /*#__PURE__*/Object.freeze({
         __proto__: null,
-        createGlobalStyle: createGlobalStyle,
-        css: css,
-        isStyledComponent: isStyledComponent,
-        keyframes: keyframes,
         ServerStyleSheet: ServerStyleSheet,
         StyleSheetConsumer: StyleSheetConsumer,
         StyleSheetContext: StyleSheetContext,
@@ -1449,10 +1444,14 @@
         ThemeConsumer: ThemeConsumer,
         ThemeContext: ThemeContext,
         ThemeProvider: ThemeProvider,
+        __PRIVATE__: __PRIVATE__,
+        createGlobalStyle: createGlobalStyle,
+        css: css,
+        isStyledComponent: isStyledComponent,
+        keyframes: keyframes,
         useTheme: useTheme,
         version: SC_VERSION,
-        withTheme: withTheme,
-        __PRIVATE__: __PRIVATE__
+        withTheme: withTheme
     });
 
     var LIMIT = 200;
@@ -1909,7 +1908,11 @@
             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, {