styled-components 6.0.7 → 6.0.9

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.9";
     var SPLITTER = '/*!sc*/\n';
     var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
     var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -45,6 +47,8 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
 
     var __assign = function() {
         __assign = Object.assign || function __assign(t) {
@@ -65,7 +69,12 @@
             }
         }
         return to.concat(ar || Array.prototype.slice.call(from));
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     var EMPTY_ARRAY = Object.freeze([]);
     var EMPTY_OBJECT = Object.freeze({});
@@ -765,7 +774,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)));
     }
 
@@ -795,6 +809,7 @@
 
     var unitlessKeys = {
       animationIterationCount: 1,
+      aspectRatio: 1,
       borderImageOutset: 1,
       borderImageSlice: 1,
       borderImageWidth: 1,
@@ -1535,7 +1550,7 @@
     });
 
     // Thanks to ReactDOMFactories for this handy list!
-    var domElements = new Set([
+    var elements = [
         'a',
         'abbr',
         'address',
@@ -1581,7 +1596,6 @@
         'h4',
         'h5',
         'h6',
-        'head',
         'header',
         'hgroup',
         'hr',
@@ -1641,7 +1655,6 @@
         'th',
         'thead',
         'time',
-        'title',
         'tr',
         'track',
         'u',
@@ -1671,7 +1684,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 +1795,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 +2034,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);
     });