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

package/native/dist/styled-components.native.cjs.js

@@ -10,6 +10,12 @@ var unitless = require('@emotion/unitless');
 var transformDeclPairs = require('css-to-react-native');
 var postcss = require('postcss');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var unitless__default = /*#__PURE__*/_interopDefault(unitless);
+var transformDeclPairs__default = /*#__PURE__*/_interopDefault(transformDeclPairs);
+
 var EMPTY_ARRAY = Object.freeze([]);
 var EMPTY_OBJECT = Object.freeze({});
 
@@ -73,7 +79,7 @@ var SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_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.9";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
 var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean'
@@ -617,9 +623,9 @@ function createStylisInstance(_a) {
     return stringifyRules;
 }
 
-var StyleSheetContext = React.createContext(undefined);
+var StyleSheetContext = React__default.default.createContext(undefined);
 StyleSheetContext.Consumer;
-var StylisContext = React.createContext(undefined);
+var StylisContext = React__default.default.createContext(undefined);
 StylisContext.Consumer;
 new StyleSheet();
 var mainStylis = createStylisInstance();
@@ -654,7 +660,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();
@@ -854,7 +860,7 @@ function constructWithOptions(componentConstructor, tag, options) {
     return templateFunction;
 }
 
-var ThemeContext = React.createContext(undefined);
+var ThemeContext = React__default.default.createContext(undefined);
 var ThemeConsumer = ThemeContext.Consumer;
 function mergeTheme(theme, outerTheme) {
     if (!theme) {
@@ -883,7 +889,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);
 }
 
 function determineTheme(props, providedTheme, defaultProps) {
@@ -997,14 +1003,14 @@ function hoistNonReactStatics(targetComponent, sourceComponent, excludelist) {
 }
 
 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);
@@ -1058,7 +1064,7 @@ function makeInlineStyleClass(styleSheet) {
                         console.warn("Node of type ".concat(node.type, " not supported as an inline style"));
                     }
                 });
-                var styleObject = transformDeclPairs(declPairs_1);
+                var styleObject = transformDeclPairs__default.default(declPairs_1);
                 var styles = styleSheet.create({
                     generated: styleObject,
                 });
@@ -1205,7 +1211,7 @@ var _StyledNativeComponent = (function (InlineStyle) {
          * 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.inlineStyle = new InlineStyle(isTargetStyledComp ? styledComponentTarget.inlineStyle.rules.concat(rules) : rules);
         WrappedStyledComponent.displayName = displayName;