styled-components 6.0.0-beta.7 → 6.0.0-beta.8

package/dist/styled-components.cjs.js

@@ -8,11 +8,17 @@ var shallowequal = require('shallowequal');
 var stylis = require('stylis');
 var unitless = require('@emotion/unitless');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var shallowequal__default = /*#__PURE__*/_interopDefaultLegacy(shallowequal);
+var unitless__default = /*#__PURE__*/_interopDefaultLegacy(unitless);
+
 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 = "6.0.0-beta.7";
+var SC_VERSION = "6.0.0-beta.8";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof undefined !== 'undefined' ;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -1061,9 +1067,9 @@ function createStylisInstance(_a) {
     return stringifyRules;
 }
 
-var StyleSheetContext = React.createContext(undefined);
+var StyleSheetContext = React__default["default"].createContext(undefined);
 var StyleSheetConsumer = StyleSheetContext.Consumer;
-var StylisContext = React.createContext(undefined);
+var StylisContext = React__default["default"].createContext(undefined);
 StylisContext.Consumer;
 var mainSheet = new StyleSheet();
 var mainStylis = createStylisInstance();
@@ -1097,12 +1103,12 @@ function StyleSheetManager(props) {
         });
     }, [props.disableVendorPrefixes, props.namespace, plugins]);
     React.useEffect(function () {
-        if (!shallowequal(plugins, props.stylisPlugins))
+        if (!shallowequal__default["default"](plugins, props.stylisPlugins))
             setPlugins(props.stylisPlugins);
     }, [props.stylisPlugins]);
-    return (React.createElement(StyleSheetContext.Provider, { value: styleSheet },
-        React.createElement(StylisContext.Provider, { value: stylis }, process.env.NODE_ENV !== 'production'
-            ? React.Children.only(props.children)
+    return (React__default["default"].createElement(StyleSheetContext.Provider, { value: styleSheet },
+        React__default["default"].createElement(StylisContext.Provider, { value: stylis }, process.env.NODE_ENV !== 'production'
+            ? React__default["default"].Children.only(props.children)
             : props.children)));
 }
 
@@ -1136,7 +1142,7 @@ function addUnitIfNeeded(name, value) {
     if (value == null || typeof value === 'boolean' || value === '') {
         return '';
     }
-    if (typeof value === 'number' && value !== 0 && !(name in unitless)) {
+    if (typeof value === 'number' && value !== 0 && !(name in unitless__default["default"])) {
         return "".concat(value, "px"); // Presumes implicit 'px' suffix for unitless numbers
     }
     return String(value).trim();
@@ -1343,7 +1349,7 @@ var ComponentStyle = /** @class */ (function () {
     return ComponentStyle;
 }());
 
-var ThemeContext = React.createContext(undefined);
+var ThemeContext = React__default["default"].createContext(undefined);
 var ThemeConsumer = ThemeContext.Consumer;
 function mergeTheme(theme, outerTheme) {
     if (!theme) {
@@ -1372,7 +1378,7 @@ function ThemeProvider(props) {
     if (!props.children) {
         return null;
     }
-    return React.createElement(ThemeContext.Provider, { value: themeContext }, props.children);
+    return React__default["default"].createElement(ThemeContext.Provider, { value: themeContext }, props.children);
 }
 
 var identifiers = {};
@@ -1494,7 +1500,7 @@ function createStyledComponent(target, options, rules) {
      * forwardRef creates a new interim component, which we'll take advantage of
      * instead of extending ParentComponent to create _another_ interim class
      */
-    var WrappedStyledComponent = React.forwardRef(forwardRef);
+    var WrappedStyledComponent = React__default["default"].forwardRef(forwardRef);
     WrappedStyledComponent.attrs = finalAttrs;
     WrappedStyledComponent.componentStyle = componentStyle;
     WrappedStyledComponent.displayName = displayName;
@@ -1655,10 +1661,10 @@ function createGlobalStyle(strings) {
     var GlobalStyleComponent = function (props) {
         var styleSheet = useStyleSheet();
         var stylis = useStylis();
-        var theme = React.useContext(ThemeContext);
-        var instanceRef = React.useRef(styleSheet.allocateGSInstance(styledComponentId));
+        var theme = React__default["default"].useContext(ThemeContext);
+        var instanceRef = React__default["default"].useRef(styleSheet.allocateGSInstance(styledComponentId));
         var instance = instanceRef.current;
-        if (process.env.NODE_ENV !== 'production' && React.Children.count(props.children)) {
+        if (process.env.NODE_ENV !== 'production' && React__default["default"].Children.count(props.children)) {
             // eslint-disable-next-line no-console
             console.warn("The global style component ".concat(styledComponentId, " was given child JSX. createGlobalStyle does not render children."));
         }
@@ -1681,7 +1687,7 @@ function createGlobalStyle(strings) {
             globalStyle.renderStyles(instance, context, styleSheet, stylis);
         }
     }
-    return React.memo(GlobalStyleComponent);
+    return React__default["default"].memo(GlobalStyleComponent);
 }
 
 function keyframes(strings) {
@@ -1702,14 +1708,14 @@ function keyframes(strings) {
 }
 
 function withTheme(Component) {
-    var WithTheme = React.forwardRef(function (props, ref) {
-        var theme = React.useContext(ThemeContext);
+    var WithTheme = React__default["default"].forwardRef(function (props, ref) {
+        var theme = React__default["default"].useContext(ThemeContext);
         var themeProp = determineTheme(props, theme, Component.defaultProps);
         if (process.env.NODE_ENV !== 'production' && themeProp === undefined) {
             // eslint-disable-next-line no-console
             console.warn("[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"".concat(getComponentName(Component), "\""));
         }
-        return React.createElement(Component, tslib.__assign({}, props, { theme: themeProp, ref: ref }));
+        return React__default["default"].createElement(Component, tslib.__assign({}, props, { theme: themeProp, ref: ref }));
     });
     WithTheme.displayName = "WithTheme(".concat(getComponentName(Component), ")");
     return hoistNonReactStatics(WithTheme, Component);
@@ -1755,7 +1761,7 @@ var ServerStyleSheet = /** @class */ (function () {
                 props.nonce = nonce;
             }
             // v4 returned an array for this fn, so we'll do the same for v5 for backward compat
-            return [React.createElement("style", tslib.__assign({}, props, { key: "sc-0-0" }))];
+            return [React__default["default"].createElement("style", tslib.__assign({}, props, { key: "sc-0-0" }))];
         };
         this.seal = function () {
             _this.sealed = true;
@@ -1767,7 +1773,7 @@ var ServerStyleSheet = /** @class */ (function () {
         if (this.sealed) {
             throw throwStyledComponentsError(2);
         }
-        return React.createElement(StyleSheetManager, { sheet: this.instance }, children);
+        return React__default["default"].createElement(StyleSheetManager, { sheet: this.instance }, children);
     };
     // eslint-disable-next-line consistent-return
     // @ts-expect-error alternate return types are not possible due to code transformation
@@ -1849,7 +1855,7 @@ exports.ThemeProvider = ThemeProvider;
 exports.__PRIVATE__ = __PRIVATE__;
 exports.createGlobalStyle = createGlobalStyle;
 exports.css = css;
-exports.default = styled;
+exports["default"] = styled;
 exports.isStyledComponent = isStyledComponent;
 exports.keyframes = keyframes;
 exports.styled = styled;