styled-components 5.3.5 → 5.3.7

package/native/dist/hoc/withTheme.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { AnyComponent, ExecutionContext } from '../types';
-export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionContext>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "type" | "defaultProps" | "displayName" | "$$typeof" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "type" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; };
+import { AnyComponent, ExecutionProps } from '../types';
+export default function withTheme<T extends AnyComponent>(Component: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.LibraryManagedAttributes<T, ExecutionProps>> & React.RefAttributes<T>> & { [key in Exclude<keyof T, T extends React.MemoExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "type" | "compare" : T extends React.ForwardRefExoticComponent<any> ? "propTypes" | "defaultProps" | "displayName" | "$$typeof" | "render" : "length" | "propTypes" | "contextType" | "contextTypes" | "childContextTypes" | "defaultProps" | "displayName" | "getDerivedStateFromProps" | "getDerivedStateFromError" | "type" | "getDefaultProps" | "mixins" | "name" | "prototype" | "caller" | "callee" | "arguments" | "arity">]: T[key]; };

package/native/dist/index.d.ts

@@ -1,4 +1,4 @@
 import styled from './constructors/styled';
 export * from './base';
-export { CSSProp, IStyledComponent, IStyledComponentFactory, IStyledStatics, StyledOptions, WebTarget, } from './types';
-export { styled as default };
+export { CSSProp, DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, PolymorphicComponent, PolymorphicComponentProps, Runtime, StyledObject, StyledOptions, WebTarget, } from './types';
+export { styled, styled as default };

package/native/dist/models/ComponentStyle.d.ts

@@ -8,6 +8,7 @@ export default class ComponentStyle {
     baseStyle: ComponentStyle | null | undefined;
     componentId: string;
     isStatic: boolean;
+    names: string[];
     rules: RuleSet<any>;
     staticRulesId: string;
     constructor(rules: RuleSet<any>, componentId: string, baseStyle?: ComponentStyle);

package/native/dist/models/GlobalStyle.d.ts

@@ -1,6 +1,6 @@
 import StyleSheet from '../sheet';
 import { ExecutionContext, FlattenerResult, RuleSet, Stringifier } from '../types';
-export default class GlobalStyle<Props = unknown> {
+export default class GlobalStyle<Props extends object> {
     componentId: string;
     isStatic: boolean;
     rules: FlattenerResult<Props>;

package/native/dist/models/InlineStyle.d.ts

@@ -3,4 +3,4 @@ export declare const resetStyleCache: () => void;
 /**
  * InlineStyle takes arbitrary CSS and generates a flat object
  */
-export default function makeInlineStyleClass<Props = unknown>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>;
+export default function makeInlineStyleClass<Props extends object>(styleSheet: StyleSheet): IInlineStyleConstructor<Props>;

package/native/dist/models/StyleSheetManager.d.ts

@@ -1,21 +1,65 @@
 import React from 'react';
 import StyleSheet from '../sheet';
-import { Stringifier } from '../types';
-declare type Props = {
-    children?: React.ReactChild;
-    disableCSSOMInjection?: boolean;
-    disableVendorPrefixes?: boolean;
-    sheet?: StyleSheet;
-    stylisPlugins?: stylis.Middleware[];
-    target?: HTMLElement;
+import { ShouldForwardProp, Stringifier } from '../types';
+export declare type IStyleSheetContext = {
+    shouldForwardProp?: ShouldForwardProp<'web'>;
+    styleSheet?: StyleSheet;
 };
-export declare const StyleSheetContext: React.Context<void | StyleSheet>;
-export declare const StyleSheetConsumer: React.Consumer<void | StyleSheet>;
-export declare const StylisContext: React.Context<void | Stringifier>;
-export declare const StylisConsumer: React.Consumer<void | Stringifier>;
+export declare const StyleSheetContext: React.Context<IStyleSheetContext>;
+export declare const StyleSheetConsumer: React.Consumer<IStyleSheetContext>;
+export declare type IStylisContext = Stringifier | void;
+export declare const StylisContext: React.Context<IStylisContext>;
+export declare const StylisConsumer: React.Consumer<IStylisContext>;
 export declare const mainSheet: StyleSheet;
 export declare const mainStylis: Stringifier;
+export declare function useShouldForwardProp(): ShouldForwardProp<"web"> | undefined;
 export declare function useStyleSheet(): StyleSheet;
 export declare function useStylis(): Stringifier;
-export default function StyleSheetManager(props: Props): JSX.Element;
-export {};
+export declare type IStyleSheetManager = React.PropsWithChildren<{
+    /**
+     * If desired, you can pass this prop to disable "speedy" insertion mode, which
+     * uses the browser [CSSOM APIs](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet).
+     * When disabled, rules are inserted as simple text into style blocks.
+     */
+    disableCSSOMInjection?: boolean;
+    /**
+     * If you are working exclusively with modern browsers, vendor prefixes can often be omitted
+     * to reduce the weight of CSS on the page.
+     */
+    disableVendorPrefixes?: boolean;
+    /**
+     * Provide an optional selector to be prepended to all generated style rules.
+     */
+    namespace?: string;
+    /**
+     * Create and provide your own `StyleSheet` if necessary for advanced SSR scenarios.
+     */
+    sheet?: StyleSheet;
+    /**
+     * Starting in v6, styled-components no longer does its own prop validation
+     * and recommends use of transient props "$prop" to pass style-only props to
+     * components. If for some reason you are not able to use transient props, a
+     * prop validation function can be provided via `StyleSheetManager`, such as
+     * `@emotion/is-prop-valid`.
+     *
+     * When the return value is `true`, props will be forwarded to the DOM/underlying
+     * component. If return value is `false`, the prop will be discarded after styles
+     * are calculated.
+     *
+     * Manually composing `styled.{element}.withConfig({shouldForwardProp})` will
+     * override this default.
+     */
+    shouldForwardProp?: IStyleSheetContext['shouldForwardProp'];
+    /**
+     * An array of plugins to be run by stylis (style processor) during compilation.
+     * Check out [what's available on npm*](https://www.npmjs.com/search?q=keywords%3Astylis).
+     *
+     * \* The plugin(s) must be compatible with stylis v4 or above.
+     */
+    stylisPlugins?: stylis.Middleware[];
+    /**
+     * Provide an alternate DOM node to host generated styles; useful for iframes.
+     */
+    target?: HTMLElement;
+}>;
+export declare function StyleSheetManager(props: IStyleSheetManager): JSX.Element;

package/native/dist/models/StyledComponent.d.ts

@@ -1,3 +1,3 @@
 import type { IStyledComponentFactory, RuleSet, StyledOptions, WebTarget } from '../types';
-declare function createStyledComponent<Target extends WebTarget, OuterProps = unknown, Statics = unknown>(target: Target, options: StyledOptions<OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<Target, OuterProps, Statics>>;
+declare function createStyledComponent<Target extends WebTarget, OuterProps extends object, Statics extends object = object>(target: Target, options: StyledOptions<'web', OuterProps>, rules: RuleSet<OuterProps>): ReturnType<IStyledComponentFactory<'web', Target, OuterProps, Statics>>;
 export default createStyledComponent;

package/native/dist/models/StyledNativeComponent.d.ts

@@ -1,3 +1,3 @@
-import type { ExtensibleObject, IInlineStyleConstructor, IStyledNativeComponent, IStyledNativeComponentFactory, NativeTarget, RuleSet, StyledNativeOptions } from '../types';
-declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExtensibleObject, Statics = unknown>(target: Target, options: StyledNativeOptions<OuterProps>, rules: RuleSet<OuterProps>) => IStyledNativeComponent<Target, OuterProps> & Statics;
+import type { ExecutionProps, IInlineStyleConstructor, IStyledComponent, IStyledComponentFactory, NativeTarget, RuleSet, StyledOptions } from '../types';
+declare const _default: (InlineStyle: IInlineStyleConstructor<any>) => <Target extends NativeTarget, OuterProps extends ExecutionProps, Statics extends object = object>(target: Target, options: StyledOptions<"native", OuterProps>, rules: RuleSet<OuterProps>) => IStyledComponent<"native", Target, OuterProps & object> & Statics & object;
 export default _default;

package/native/dist/models/ThemeProvider.d.ts

@@ -1,11 +1,33 @@
 import React from 'react';
+/**
+ * Override DefaultTheme to get accurate typings for your project.
+ *
+ * ```
+ * // create styled-components.d.ts in your project source
+ * // if it isn't being picked up, check tsconfig compilerOptions.types
+ * import type { CSSProp } from "styled-components";
+ * import Theme from './theme';
+ *
+ * type ThemeType = typeof Theme;
+ *
+ * declare module "styled-components" {
+ *  export interface DefaultTheme extends ThemeType {}
+ * }
+ *
+ * declare module "react" {
+ *  interface DOMAttributes<T> {
+ *    css?: CSSProp;
+ *  }
+ * }
+ * ```
+ */
 export interface DefaultTheme {
     [key: string]: any;
 }
 declare type ThemeFn = (outerTheme?: DefaultTheme) => DefaultTheme;
 declare type ThemeArgument = DefaultTheme | ThemeFn;
 declare type Props = {
-    children?: React.ReactChild;
+    children?: React.ReactNode;
     theme: ThemeArgument;
 };
 export declare const ThemeContext: React.Context<DefaultTheme | undefined>;

package/native/dist/native/index.d.ts

@@ -1,65 +1,37 @@
-import { NativeStyled } from '../constructors/constructWithOptions';
+import React from 'react';
+import { Styled } from '../constructors/constructWithOptions';
 import css from '../constructors/css';
 import withTheme from '../hoc/withTheme';
 import useTheme from '../hooks/useTheme';
 import ThemeProvider, { ThemeConsumer, ThemeContext } from '../models/ThemeProvider';
 import { NativeTarget } from '../types';
 import isStyledComponent from '../utils/isStyledComponent';
-declare const styled: (<Target extends NativeTarget>(tag: Target) => {
-    <Props = unknown, Statics = unknown>(initialStyles: import("../types").Styles<Props>, ...interpolations: import("../types").Interpolation<Props>[]): import("../types").IStyledNativeComponent<Target, Props> & Statics;
-    attrs(attrs: import("../types").Attrs<unknown>): any;
-    withConfig(config: import("../types").StyledNativeOptions<unknown>): any;
-}) & {
-    ActivityIndicator: NativeStyled<typeof import("react-native").ActivityIndicator, import("react-native").ActivityIndicatorProps, unknown>;
-    ActivityIndicatorIOS: NativeStyled<unknown, {}, unknown>;
-    ART: NativeStyled<unknown, {}, unknown>;
-    Button: NativeStyled<typeof import("react-native").Button, import("react-native").ButtonProps, unknown>;
-    DatePickerIOS: NativeStyled<typeof import("react-native").DatePickerIOS, import("react-native").DatePickerIOSProps, unknown>;
-    DrawerLayoutAndroid: NativeStyled<typeof import("react-native").DrawerLayoutAndroid, import("react-native").DrawerLayoutAndroidProps, unknown>;
-    FlatList: NativeStyled<typeof import("react-native").FlatList, import("react-native").FlatListProps<unknown>, unknown>;
-    Image: NativeStyled<typeof import("react-native").Image, import("react-native").ImageProps, unknown>;
-    ImageBackground: NativeStyled<typeof import("react-native").ImageBackground, import("react-native").ImageBackgroundProps, unknown>;
-    ImageEditor: NativeStyled<never, never, unknown>;
-    ImageStore: NativeStyled<never, never, unknown>;
-    KeyboardAvoidingView: NativeStyled<typeof import("react-native").KeyboardAvoidingView, import("react-native").KeyboardAvoidingViewProps, unknown>;
-    ListView: NativeStyled<typeof import("react-native").ListView, import("react-native").ListViewProps, unknown>;
-    MapView: NativeStyled<unknown, {}, unknown>;
-    Modal: NativeStyled<typeof import("react-native").Modal, import("react-native").ModalProps, unknown>;
-    NavigatorIOS: NativeStyled<typeof import("react-native").NavigatorIOS, import("react-native").NavigatorIOSProps, unknown>;
-    Picker: NativeStyled<typeof import("react-native").Picker, import("react-native").PickerProps, unknown>;
-    PickerIOS: NativeStyled<typeof import("react-native").PickerIOS, import("react-native").PickerIOSProps, unknown>;
-    Pressable: NativeStyled<import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>, unknown>;
-    ProgressBarAndroid: NativeStyled<typeof import("react-native").ProgressBarAndroid, import("react-native").ProgressBarAndroidProps, unknown>;
-    ProgressViewIOS: NativeStyled<typeof import("react-native").ProgressViewIOS, import("react-native").ProgressViewIOSProps, unknown>;
-    RecyclerViewBackedScrollView: NativeStyled<typeof import("react-native").RecyclerViewBackedScrollView, import("react-native").RecyclerViewBackedScrollViewProps, unknown>;
-    RefreshControl: NativeStyled<typeof import("react-native").RefreshControl, import("react-native").RefreshControlProps, unknown>;
-    SafeAreaView: NativeStyled<typeof import("react-native").SafeAreaView, import("react-native").ViewProps, unknown>;
-    ScrollView: NativeStyled<typeof import("react-native").ScrollView, import("react-native").ScrollViewProps, unknown>;
-    SectionList: NativeStyled<typeof import("react-native").SectionList, import("react-native").SectionListProps<unknown, unknown>, unknown>;
-    SegmentedControlIOS: NativeStyled<typeof import("react-native").SegmentedControlIOS, import("react-native").SegmentedControlIOSProps, unknown>;
-    Slider: NativeStyled<typeof import("react-native").Slider, import("react-native").SliderProps, unknown>;
-    SliderIOS: NativeStyled<unknown, {}, unknown>;
-    SnapshotViewIOS: NativeStyled<typeof import("react-native").SnapshotViewIOS, import("react-native").SnapshotViewIOSProps, unknown>;
-    StatusBar: NativeStyled<typeof import("react-native").StatusBar, import("react-native").StatusBarProps, unknown>;
-    SwipeableListView: NativeStyled<typeof import("react-native").SwipeableListView, import("react-native").SwipeableListViewProps, unknown>;
-    Switch: NativeStyled<typeof import("react-native").Switch, import("react-native").SwitchProps, unknown>;
-    SwitchAndroid: NativeStyled<unknown, {}, unknown>;
-    SwitchIOS: NativeStyled<typeof import("react-native").SwitchIOS, import("react-native").SwitchIOSProps, unknown>;
-    TabBarIOS: NativeStyled<typeof import("react-native").TabBarIOS, import("react-native").TabBarIOSProps, unknown>;
-    Text: NativeStyled<typeof import("react-native").Text, import("react-native").TextProps, unknown>;
-    TextInput: NativeStyled<typeof import("react-native").TextInput, import("react-native").TextInputProps, unknown>;
-    ToastAndroid: NativeStyled<never, never, unknown>;
-    ToolbarAndroid: NativeStyled<typeof import("react-native").ToolbarAndroid, import("react-native").ToolbarAndroidProps, unknown>;
-    Touchable: NativeStyled<never, never, unknown>;
-    TouchableHighlight: NativeStyled<typeof import("react-native").TouchableHighlight, import("react-native").TouchableHighlightProps, unknown>;
-    TouchableNativeFeedback: NativeStyled<typeof import("react-native").TouchableNativeFeedback, import("react-native").TouchableNativeFeedbackProps, unknown>;
-    TouchableOpacity: NativeStyled<typeof import("react-native").TouchableOpacity, import("react-native").TouchableOpacityProps, unknown>;
-    TouchableWithoutFeedback: NativeStyled<typeof import("react-native").TouchableWithoutFeedback, import("react-native").TouchableWithoutFeedbackProps, unknown>;
-    View: NativeStyled<typeof import("react-native").View, import("react-native").ViewProps, unknown>;
-    ViewPagerAndroid: NativeStyled<typeof import("react-native").ViewPagerAndroid, import("react-native").ViewPagerAndroidProps, unknown>;
-    VirtualizedList: NativeStyled<typeof import("react-native").VirtualizedList, import("react-native").VirtualizedListProps<unknown>, unknown>;
-    WebView: NativeStyled<unknown, {}, unknown>;
+declare const styled: (<Target extends NativeTarget>(tag: Target) => Styled<"native", Target, Target extends import("../types").KnownTarget ? React.ComponentPropsWithRef<Target> : object, object, object>) & {
+    ActivityIndicator: Styled<"native", typeof import("react-native").ActivityIndicator, object, object, object>;
+    Button: Styled<"native", typeof import("react-native").Button, object, object, object>;
+    DatePickerIOS: Styled<"native", typeof import("react-native").DatePickerIOS, object, object, object>;
+    DrawerLayoutAndroid: Styled<"native", typeof import("react-native").DrawerLayoutAndroid, object, object, object>;
+    FlatList: Styled<"native", typeof import("react-native").FlatList, object, object, object>;
+    Image: Styled<"native", typeof import("react-native").Image, object, object, object>;
+    ImageBackground: Styled<"native", typeof import("react-native").ImageBackground, object, object, object>;
+    KeyboardAvoidingView: Styled<"native", typeof import("react-native").KeyboardAvoidingView, object, object, object>;
+    Modal: Styled<"native", typeof import("react-native").Modal, object, object, object>;
+    Pressable: Styled<"native", import("react").ForwardRefExoticComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View>>, object, object, object>;
+    ProgressBarAndroid: Styled<"native", typeof import("react-native").ProgressBarAndroid, object, object, object>;
+    ProgressViewIOS: Styled<"native", typeof import("react-native").ProgressViewIOS, object, object, object>;
+    RefreshControl: Styled<"native", typeof import("react-native").RefreshControl, object, object, object>;
+    SafeAreaView: Styled<"native", typeof import("react-native").SafeAreaView, object, object, object>;
+    ScrollView: Styled<"native", typeof import("react-native").ScrollView, object, object, object>;
+    SectionList: Styled<"native", typeof import("react-native").SectionList, object, object, object>;
+    Slider: Styled<"native", typeof import("react-native").Slider, object, object, object>;
+    Switch: Styled<"native", typeof import("react-native").Switch, object, object, object>;
+    Text: Styled<"native", typeof import("react-native").Text, object, object, object>;
+    TextInput: Styled<"native", typeof import("react-native").TextInput, object, object, object>;
+    TouchableHighlight: Styled<"native", typeof import("react-native").TouchableHighlight, object, object, object>;
+    TouchableOpacity: Styled<"native", typeof import("react-native").TouchableOpacity, object, object, object>;
+    View: Styled<"native", typeof import("react-native").View, object, object, object>;
+    VirtualizedList: Styled<"native", typeof import("react-native").VirtualizedList, object, object, object>;
 };
-export { IStyledNativeComponent, IStyledNativeComponentFactory, IStyledNativeStatics, NativeTarget, StyledNativeOptions } from '../types';
+export { DefaultTheme, ExecutionContext, ExecutionProps, IStyledComponent, IStyledComponentFactory, IStyledStatics, NativeTarget, PolymorphicComponent, PolymorphicComponentProps, Runtime, StyledObject, StyledOptions, } from '../types';
 export { css, isStyledComponent, ThemeProvider, ThemeConsumer, ThemeContext, withTheme, useTheme };
-export default styled;
+export { styled, styled as default };

package/native/dist/sheet/Tag.d.ts

@@ -22,7 +22,7 @@ export declare const makeTag: ({ isServer, useCSSOMInjection, target }: SheetOpt
     getRule(index: number): string;
 };
 export declare const CSSOMTag: {
-    new (target?: HTMLElement | undefined): {
+    new (target?: HTMLElement): {
         element: HTMLStyleElement;
         sheet: CSSStyleSheet;
         length: number;
@@ -33,7 +33,7 @@ export declare const CSSOMTag: {
 };
 /** A Tag that emulates the CSSStyleSheet API but uses text nodes */
 export declare const TextTag: {
-    new (target?: HTMLElement | undefined): {
+    new (target?: HTMLElement): {
         element: HTMLStyleElement;
         nodes: NodeListOf<Node>;
         length: number;
@@ -44,7 +44,7 @@ export declare const TextTag: {
 };
 /** A completely virtual (server-side) Tag that doesn't manipulate the DOM */
 export declare const VirtualTag: {
-    new (_target?: HTMLElement | undefined): {
+    new (_target?: HTMLElement): {
         rules: string[];
         length: number;
         insertRule(index: number, rule: string): boolean;

package/native/dist/sheet/dom.d.ts

@@ -1,4 +1,4 @@
 /** Create a style element inside `target` or <head> after the last */
-export declare const makeStyleTag: (target?: HTMLElement | undefined) => HTMLStyleElement;
+export declare const makeStyleTag: (target?: HTMLElement) => HTMLStyleElement;
 /** Get the CSSStyleSheet instance for a given style element */
 export declare const getSheet: (tag: HTMLStyleElement) => CSSStyleSheet;

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

@@ -151,13 +151,13 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 //      
-var SC_ATTR = typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || 'data-styled';
+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 = "5.3.5";
+var SC_VERSION = "5.3.7";
 var SPLITTER = '/*!sc*/\n';
 var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window;
-var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles
+var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' ? SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env !== 'undefined' && typeof process.env.REACT_APP_SC_DISABLE_SPEEDY !== 'undefined' && process.env.REACT_APP_SC_DISABLE_SPEEDY !== '' ? process.env.REACT_APP_SC_DISABLE_SPEEDY === 'false' ? false : process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process !== 'undefined' && typeof process.env !== 'undefined' && typeof process.env.SC_DISABLE_SPEEDY !== 'undefined' && process.env.SC_DISABLE_SPEEDY !== '' ? process.env.SC_DISABLE_SPEEDY === 'false' ? false : process.env.SC_DISABLE_SPEEDY : process.env && process.env.NODE_ENV !== 'production'); // Shared empty execution context when generating static styles
 
 //      
 var EMPTY_ARRAY = Object.freeze([]);
@@ -444,7 +444,7 @@ var rehydrateSheet = function rehydrateSheet(sheet) {
 
 /* eslint-disable camelcase, no-undef */
 var getNonce = function getNonce() {
-  return typeof window !== 'undefined' ? typeof window.__webpack_nonce__ !== 'undefined' ? window.__webpack_nonce__ : null : null;
+  return typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;
 };
 
 //      
@@ -5993,7 +5993,7 @@ var StyledNativeComponent = /*#__PURE__*/function (_Component) {
       propsForElement.style = typeof style === 'function' ? function (state) {
         return [generatedStyles].concat(style(state));
       } : [generatedStyles].concat(style);
-      propsForElement.testID = testID;
+      propsForElement.testID = testID || propsForElement.testID;
       if (forwardedRef) propsForElement.ref = forwardedRef;
       if (forwardedAs) propsForElement.as = forwardedAs;
       return React.createElement(elementToBeRendered, propsForElement);