styled-components 6.0.7 → 6.0.8

package/dist/styled-components.js

@@ -4,11 +4,13 @@
     (global = global || self, global.styled = factory(global.React));
 })(this, (function (React) { 'use strict';
 
-    var SC_ATTR = (typeof process !== 'undefined' && typeof process.env !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) ||
+    var SC_ATTR = (typeof process !== 'undefined' &&
+        typeof process.env !== '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 = "6.0.7";
+    var SC_VERSION = "6.0.8";
     var SPLITTER = '/*!sc*/\n';
     var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
     var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -765,7 +767,12 @@
             if (!shallowequal(plugins, props.stylisPlugins))
                 setPlugins(props.stylisPlugins);
         }, [props.stylisPlugins]);
-        return (React.createElement(StyleSheetContext.Provider, { value: { shouldForwardProp: props.shouldForwardProp, styleSheet: resolvedStyleSheet, stylis: stylis } },
+        var styleSheetContextValue = React.useMemo(function () { return ({
+            shouldForwardProp: props.shouldForwardProp,
+            styleSheet: resolvedStyleSheet,
+            stylis: stylis,
+        }); }, [props.shouldForwardProp, resolvedStyleSheet, stylis]);
+        return (React.createElement(StyleSheetContext.Provider, { value: styleSheetContextValue },
             React.createElement(StylisContext.Provider, { value: stylis }, props.children)));
     }
 
@@ -1535,7 +1542,7 @@
     });
 
     // Thanks to ReactDOMFactories for this handy list!
-    var domElements = new Set([
+    var elements = [
         'a',
         'abbr',
         'address',
@@ -1581,7 +1588,6 @@
         'h4',
         'h5',
         'h6',
-        'head',
         'header',
         'hgroup',
         'hr',
@@ -1641,7 +1647,6 @@
         'th',
         'thead',
         'time',
-        'title',
         'tr',
         'track',
         'u',
@@ -1671,7 +1676,8 @@
         'svg',
         'text',
         'tspan',
-    ]);
+    ];
+    var domElements = new Set(elements);
 
     // Source: https://www.w3.org/TR/cssom-1/#serialize-an-identifier
     // Control characters and non-letter first symbols are not supported
@@ -1781,7 +1787,8 @@
                     }
                     else if (partRule) {
                         var partString = joinStringArray(flatten(partRule, executionContext, styleSheet, stylis));
-                        dynamicHash = phash(dynamicHash, partString);
+                        // The same value can switch positions in the array, so we include "i" in the hash.
+                        dynamicHash = phash(dynamicHash, partString + i);
                         css += partString;
                     }
                 }
@@ -2019,6 +2026,7 @@
     var styled = baseStyled;
     // Shorthands for all valid HTML Elements
     domElements.forEach(function (domElement) {
+        // @ts-expect-error some react typing bs
         styled[domElement] = baseStyled(domElement);
     });