@emotion/native - npm Package Compare versions

Comparing version 11.0.0-rc.0 to 11.0.0

dist/emotion-native.browser.cjs.js

+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactNative = require('react-native');
+var primitivesCore = require('@emotion/primitives-core');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
+var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
+
+/**
+ * a function that returns a styled component which render styles in React Native
+ */
+
+var styled = primitivesCore.createStyled(reactNative.StyleSheet);
+
+var css = primitivesCore.createCss(reactNative.StyleSheet);
+var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
+var index = components.reduce(function (acc, comp) {
+  return Object.defineProperty(acc, comp, {
+    enumerable: true,
+    configurable: false,
+    get: function get() {
+      return styled(reactNative__namespace[comp]);
+    }
+  });
+}, styled);
+
+exports.css = css;
+exports.default = index;

dist/emotion-native.browser.esm.js

+import * as reactNative from 'react-native';
+import { StyleSheet } from 'react-native';
+import { createStyled, createCss } from '@emotion/primitives-core';
+
+/**
+ * a function that returns a styled component which render styles in React Native
+ */
+
+var styled = createStyled(StyleSheet);
+
+var css = createCss(StyleSheet);
+var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
+var index = components.reduce(function (acc, comp) {
+  return Object.defineProperty(acc, comp, {
+    enumerable: true,
+    configurable: false,
+    get: function get() {
+      return styled(reactNative[comp]);
+    }
+  });
+}, styled);
+
+export default index;
+export { css };

dist/emotion-native.cjs.dev.js

+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactNative = require('react-native');
+var primitivesCore = require('@emotion/primitives-core');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
+var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
+
+/**
+ * a function that returns a styled component which render styles in React Native
+ */
+
+var styled = primitivesCore.createStyled(reactNative.StyleSheet);
+
+var css = primitivesCore.createCss(reactNative.StyleSheet);
+var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
+var index = components.reduce(function (acc, comp) {
+  return Object.defineProperty(acc, comp, {
+    enumerable: true,
+    configurable: false,
+    get: function get() {
+      return styled(reactNative__namespace[comp]);
+    }
+  });
+}, styled);
+
+exports.css = css;
+exports.default = index;

dist/emotion-native.cjs.js

+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./emotion-native.cjs.prod.js");
+} else {
+  module.exports = require("./emotion-native.cjs.dev.js");
+}

dist/emotion-native.cjs.prod.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: !0
+});
+
+var reactNative = require("react-native"), primitivesCore = require("@emotion/primitives-core");
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  return e && Object.keys(e).forEach((function(k) {
+    if ("default" !== k) {
+      var d = Object.getOwnPropertyDescriptor(e, k);
+      Object.defineProperty(n, k, d.get ? d : {
+        enumerable: !0,
+        get: function() {
+          return e[k];
+        }
+      });
+    }
+  })), n.default = e, Object.freeze(n);
+}
+
+var reactNative__namespace = _interopNamespace(reactNative), styled = primitivesCore.createStyled(reactNative.StyleSheet), css = primitivesCore.createCss(reactNative.StyleSheet), components = [ "ActivityIndicator", "Button", "DatePickerIOS", "DrawerLayoutAndroid", "FlatList", "Image", "ImageBackground", "KeyboardAvoidingView", "ListView", "Modal", "NavigatorIOS", "Picker", "PickerIOS", "Pressable", "ProgressBarAndroid", "ProgressViewIOS", "RecyclerViewBackedScrollView", "RefreshControl", "SafeAreaView", "ScrollView", "SectionList", "SegmentedControlIOS", "Slider", "SnapshotViewIOS", "StatusBar", "SwipeableListView", "Switch", "SwitchIOS", "TabBarIOS", "Text", "TextInput", "ToolbarAndroid", "TouchableHighlight", "TouchableNativeFeedback", "TouchableOpacity", "TouchableWithoutFeedback", "View", "ViewPagerAndroid" ], index = components.reduce((function(acc, comp) {
+  return Object.defineProperty(acc, comp, {
+    enumerable: !0,
+    configurable: !1,
+    get: function() {
+      return styled(reactNative__namespace[comp]);
+    }
+  });
+}), styled);
+
+exports.css = css, exports.default = index;

dist/emotion-native.esm.js

+import * as reactNative from 'react-native';
+import { StyleSheet } from 'react-native';
+import { createStyled, createCss } from '@emotion/primitives-core';
+
+/**
+ * a function that returns a styled component which render styles in React Native
+ */
+
+var styled = createStyled(StyleSheet);
+
+var css = createCss(StyleSheet);
+var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
+var index = components.reduce(function (acc, comp) {
+  return Object.defineProperty(acc, comp, {
+    enumerable: true,
+    configurable: false,
+    get: function get() {
+      return styled(reactNative[comp]);
+    }
+  });
+}, styled);
+
+export default index;
+export { css };

CHANGELOG.md

 # @emotion/native
 
+## 11.0.0
+
+### Major Changes
+
+- [`95ea2839`](https://github.com/emotion-js/emotion/commit/95ea2839890629748894b3942d26f608f203d3f9) [#2014](https://github.com/emotion-js/emotion/pull/2014) Thanks [@Andarist](https://github.com/Andarist)! - Functions are no longer accepted as values for the `style` prop. This unifies the behavior with the web version of Emotion as `style`'s equivalent is `className` prop and functions are not resolved for it.
+
+* [`139ea336`](https://github.com/emotion-js/emotion/commit/139ea336c7f49a3246813238e388e164b80de4da) [#2060](https://github.com/emotion-js/emotion/pull/2060) Thanks [@efoken](https://github.com/efoken)! - `StyleSheet.create` is used now under the hood. This means that when used in combination with React Native Web atomic class names are applied on components instead of inline styles.
+
+- [`79036056`](https://github.com/emotion-js/emotion/commit/79036056808eefc81a77225254f7c25c2ff9d967) [#967](https://github.com/emotion-js/emotion/pull/967) Thanks [@mitchellhamilton](https://github.com/mitchellhamilton)! - Use hooks internally for improved bundle size and a better tree in React DevTools
+
+* [`95ea2839`](https://github.com/emotion-js/emotion/commit/95ea2839890629748894b3942d26f608f203d3f9) [#2014](https://github.com/emotion-js/emotion/pull/2014) Thanks [@Andarist](https://github.com/Andarist)! - Updated `css-to-react-native` dependency to the 3.x version - it comes with some breaking changes listed [here](https://github.com/styled-components/css-to-react-native/releases/tag/v3.0.0).
+
+### Minor Changes
+
+- [`843bfb11`](https://github.com/emotion-js/emotion/commit/843bfb1153ee0dbe33d005fdd5c5be185daa5c41) [#1630](https://github.com/emotion-js/emotion/pull/1630) Thanks [@Andarist](https://github.com/Andarist)! - `@emotion/native` & `@emotion/primitives` packages come with macros now. Both can be used as `@emotion/native/macro` & `@emotion/primitives/macro` respectively.
+
+* [`456be9a6`](https://github.com/emotion-js/emotion/commit/456be9a602d7d0bac291617f69f59f5ed30d1b84) [#1634](https://github.com/emotion-js/emotion/pull/1634) Thanks [@patsissons](https://github.com/patsissons)! - Added TypeScript type definitions.
+
+- [`2d597857`](https://github.com/emotion-js/emotion/commit/2d5978579f758163663c1bfb40e7d76bc24ae26a) [#2058](https://github.com/emotion-js/emotion/pull/2058) Thanks [@efoken](https://github.com/efoken)! - Added support for the `as` prop.
+
+* [`f1b7c9d6`](https://github.com/emotion-js/emotion/commit/f1b7c9d6dcdb45a02d7c7dce8c3fff28e14ed3ec) [#1642](https://github.com/emotion-js/emotion/pull/1642) Thanks [@Andarist](https://github.com/Andarist)! - Added basic support for accepting custom `shouldForwardProp` option.
+
+### Patch Changes
+
+- [`11fc27f8`](https://github.com/emotion-js/emotion/commit/11fc27f8fa00661353cc7650111afaa068399aca) [#1750](https://github.com/emotion-js/emotion/pull/1750) Thanks [@Zn4rK](https://github.com/Zn4rK)! - Match supported components to what is exported from the latest version of React Native (0.61.5).
+
+* [`db16ac35`](https://github.com/emotion-js/emotion/commit/db16ac358ded4cc04fbd649700716b7cb3b3e40a) [#2013](https://github.com/emotion-js/emotion/pull/2013) Thanks [@Andarist](https://github.com/Andarist)! - Fixed an issue with styles being lost for nested factory calls like:
+
+  ```js
+  const bgColor = color => css`
+    background-color: ${color};
+  `
+
+  const Text = styled.Text`
+    color: hotpink;
+    ${({ backgroundColor }) => bgColor(backgroundColor)};
+  `
+  ```
+
+* Updated dependencies [[`95ea2839`](https://github.com/emotion-js/emotion/commit/95ea2839890629748894b3942d26f608f203d3f9), [`db16ac35`](https://github.com/emotion-js/emotion/commit/db16ac358ded4cc04fbd649700716b7cb3b3e40a), [`95ea2839`](https://github.com/emotion-js/emotion/commit/95ea2839890629748894b3942d26f608f203d3f9), [`139ea336`](https://github.com/emotion-js/emotion/commit/139ea336c7f49a3246813238e388e164b80de4da), [`79036056`](https://github.com/emotion-js/emotion/commit/79036056808eefc81a77225254f7c25c2ff9d967), [`2d597857`](https://github.com/emotion-js/emotion/commit/2d5978579f758163663c1bfb40e7d76bc24ae26a)]:
+  - @emotion/primitives-core@11.0.0
+
 ## 11.0.0-rc.0
@@ -99,3 +141,3 @@
 
-- [`cb637e65`](https://github.com/emotion-js/emotion/commit/cb637e659964d24c56ba7a93d01f3865f2d94669) [#1600](https://github.com/emotion-js/emotion/pull/1600) Thanks [@hammadj](https://github.com/hammadj)! - Add type definitions to published files for NPM
+- [`cb637e65`](https://github.com/emotion-js/emotion/commit/cb637e659964d24c56ba7a93d01f3865f2d94669) [#1716](https://github.com/emotion-js/emotion/pull/1716) Thanks [@hammadj](https://github.com/hammadj)! - Add type definitions to published files for NPM
 
@@ -138,5 +180,5 @@ ## 11.0.0-next.10
 
-- [`843bfb11`](https://github.com/emotion-js/emotion/commit/843bfb1153ee0dbe33d005fdd5c5be185daa5c41) [#1600](https://github.com/emotion-js/emotion/pull/1600) Thanks [@Andarist](https://github.com/Andarist)! - `@emotion/native` & `@emotion/primitives` packages come with macros now. Both can be used as `@emotion/native/macro` & `@emotion/primitives/macro` respectively.
+- [`843bfb11`](https://github.com/emotion-js/emotion/commit/843bfb1153ee0dbe33d005fdd5c5be185daa5c41) [#1630](https://github.com/emotion-js/emotion/pull/1630) Thanks [@Andarist](https://github.com/Andarist)! - `@emotion/native` & `@emotion/primitives` packages come with macros now. Both can be used as `@emotion/native/macro` & `@emotion/primitives/macro` respectively.
 
-* [`f1b7c9d6`](https://github.com/emotion-js/emotion/commit/f1b7c9d6dcdb45a02d7c7dce8c3fff28e14ed3ec) [#1600](https://github.com/emotion-js/emotion/pull/1600) Thanks [@Andarist](https://github.com/Andarist)! - Added basic support for accepting custom `shouldForwardProp` option.
+* [`f1b7c9d6`](https://github.com/emotion-js/emotion/commit/f1b7c9d6dcdb45a02d7c7dce8c3fff28e14ed3ec) [#1642](https://github.com/emotion-js/emotion/pull/1642) Thanks [@Andarist](https://github.com/Andarist)! - Added basic support for accepting custom `shouldForwardProp` option.
 
@@ -143,0 +185,0 @@ ### Patch Changes

package.json

 {
   "name": "@emotion/native",
-  "version": "11.0.0-rc.0",
+  "version": "11.0.0",
   "description": "Style and render React Native components using emotion",
-  "main": "dist/native.cjs.js",
-  "module": "dist/native.esm.js",
+  "main": "dist/emotion-native.cjs.js",
+  "module": "dist/emotion-native.esm.js",
   "scripts": {
@@ -21,7 +21,7 @@ "test:typescript": "dtslint types"
     "dtslint": "^0.3.0",
-    "react": "^16.11.0",
+    "react": "16.14.0",
     "react-native": "^0.63.2"
   },
   "dependencies": {
-    "@emotion/primitives-core": "^11.0.0-rc.0"
+    "@emotion/primitives-core": "^11.0.0"
   },
@@ -55,5 +55,5 @@ "peerDependencies": {
   "browser": {
-    "./dist/native.cjs.js": "./dist/native.browser.cjs.js",
-    "./dist/native.esm.js": "./dist/native.browser.esm.js"
+    "./dist/emotion-native.cjs.js": "./dist/emotion-native.browser.cjs.js",
+    "./dist/emotion-native.esm.js": "./dist/emotion-native.browser.esm.js"
   }
 }

types/base.d.ts

@@ -156,2 +156,3 @@ // Definitions by: Pat Sissons <https://github.com/patsissons>
       theme?: Theme
+      as?: React.ElementType
     },
@@ -169,2 +170,3 @@ {},
       theme?: Theme
+      as?: React.ElementType
     },
@@ -187,2 +189,3 @@ {},
       theme?: Theme
+      as?: React.ElementType
     },
@@ -198,3 +201,3 @@ {},
   ): CreateStyledComponent<
-    React.ComponentProps<C> & { theme?: Theme },
+    React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
     {},
@@ -201,0 +204,0 @@ {},

types/index.d.ts

@@ -47,3 +47,3 @@ // Definitions by: Pat Sissons <https://github.com/patsissons>
 > = CreateStyledComponent<
-  React.ComponentProps<C> & { theme?: Theme },
+  React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
   {},
@@ -56,3 +56,3 @@ { ref?: React.Ref<InstanceType<C>> },
 > = CreateStyledComponent<
-  React.ComponentProps<C> & { theme?: Theme },
+  React.ComponentProps<C> & { theme?: Theme; as?: React.ElementType },
   {},
@@ -59,0 +59,0 @@ {},

dist/native.browser.cjs.js

-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactNative = require('react-native');
-var primitivesCore = require('@emotion/primitives-core');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) { return e; } else {
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () {
-              return e[k];
-            }
-          });
-        }
-      });
-    }
-    n['default'] = e;
-    return Object.freeze(n);
-  }
-}
-
-var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
-
-/**
- * a function that returns a styled component which render styles in React Native
- */
-
-var styled = primitivesCore.createStyled(reactNative.StyleSheet);
-
-var css = primitivesCore.createCss(reactNative.StyleSheet);
-var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
-var index = components.reduce(function (acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: true,
-    configurable: false,
-    get: function get() {
-      return styled(reactNative__namespace[comp]);
-    }
-  });
-}, styled);
-
-exports.css = css;
-exports.default = index;

dist/native.browser.esm.js

-import * as reactNative from 'react-native';
-import { StyleSheet } from 'react-native';
-import { createStyled, createCss } from '@emotion/primitives-core';
-
-/**
- * a function that returns a styled component which render styles in React Native
- */
-
-var styled = createStyled(StyleSheet);
-
-var css = createCss(StyleSheet);
-var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
-var index = components.reduce(function (acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: true,
-    configurable: false,
-    get: function get() {
-      return styled(reactNative[comp]);
-    }
-  });
-}, styled);
-
-export default index;
-export { css };

dist/native.cjs.dev.js

-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactNative = require('react-native');
-var primitivesCore = require('@emotion/primitives-core');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) { return e; } else {
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () {
-              return e[k];
-            }
-          });
-        }
-      });
-    }
-    n['default'] = e;
-    return Object.freeze(n);
-  }
-}
-
-var reactNative__namespace = /*#__PURE__*/_interopNamespace(reactNative);
-
-/**
- * a function that returns a styled component which render styles in React Native
- */
-
-var styled = primitivesCore.createStyled(reactNative.StyleSheet);
-
-var css = primitivesCore.createCss(reactNative.StyleSheet);
-var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
-var index = components.reduce(function (acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: true,
-    configurable: false,
-    get: function get() {
-      return styled(reactNative__namespace[comp]);
-    }
-  });
-}, styled);
-
-exports.css = css;
-exports.default = index;

dist/native.cjs.js

-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./native.cjs.prod.js");
-} else {
-  module.exports = require("./native.cjs.dev.js");
-}

dist/native.cjs.prod.js

-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: !0
-});
-
-var reactNative = require("react-native"), primitivesCore = require("@emotion/primitives-core");
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  return e && Object.keys(e).forEach((function(k) {
-    if ("default" !== k) {
-      var d = Object.getOwnPropertyDescriptor(e, k);
-      Object.defineProperty(n, k, d.get ? d : {
-        enumerable: !0,
-        get: function() {
-          return e[k];
-        }
-      });
-    }
-  })), n.default = e, Object.freeze(n);
-}
-
-var reactNative__namespace = _interopNamespace(reactNative), styled = primitivesCore.createStyled(reactNative.StyleSheet), css = primitivesCore.createCss(reactNative.StyleSheet), components = [ "ActivityIndicator", "Button", "DatePickerIOS", "DrawerLayoutAndroid", "FlatList", "Image", "ImageBackground", "KeyboardAvoidingView", "ListView", "Modal", "NavigatorIOS", "Picker", "PickerIOS", "Pressable", "ProgressBarAndroid", "ProgressViewIOS", "RecyclerViewBackedScrollView", "RefreshControl", "SafeAreaView", "ScrollView", "SectionList", "SegmentedControlIOS", "Slider", "SnapshotViewIOS", "StatusBar", "SwipeableListView", "Switch", "SwitchIOS", "TabBarIOS", "Text", "TextInput", "ToolbarAndroid", "TouchableHighlight", "TouchableNativeFeedback", "TouchableOpacity", "TouchableWithoutFeedback", "View", "ViewPagerAndroid" ], index = components.reduce((function(acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: !0,
-    configurable: !1,
-    get: function() {
-      return styled(reactNative__namespace[comp]);
-    }
-  });
-}), styled);
-
-exports.css = css, exports.default = index;

dist/native.esm.js

-import * as reactNative from 'react-native';
-import { StyleSheet } from 'react-native';
-import { createStyled, createCss } from '@emotion/primitives-core';
-
-/**
- * a function that returns a styled component which render styles in React Native
- */
-
-var styled = createStyled(StyleSheet);
-
-var css = createCss(StyleSheet);
-var components = ['ActivityIndicator', 'Button', 'DatePickerIOS', 'DrawerLayoutAndroid', 'FlatList', 'Image', 'ImageBackground', 'KeyboardAvoidingView', 'ListView', 'Modal', 'NavigatorIOS', 'Picker', 'PickerIOS', 'Pressable', 'ProgressBarAndroid', 'ProgressViewIOS', 'RecyclerViewBackedScrollView', 'RefreshControl', 'SafeAreaView', 'ScrollView', 'SectionList', 'SegmentedControlIOS', 'Slider', 'SnapshotViewIOS', 'StatusBar', 'SwipeableListView', 'Switch', 'SwitchIOS', 'TabBarIOS', 'Text', 'TextInput', 'ToolbarAndroid', 'TouchableHighlight', 'TouchableNativeFeedback', 'TouchableOpacity', 'TouchableWithoutFeedback', 'View', 'ViewPagerAndroid'];
-var index = components.reduce(function (acc, comp) {
-  return Object.defineProperty(acc, comp, {
-    enumerable: true,
-    configurable: false,
-    get: function get() {
-      return styled(reactNative[comp]);
-    }
-  });
-}, styled);
-
-export default index;
-export { css };

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

38940

12.37%

Lines of code

520

0.19%

Number of low quality alerts

0

-100%

Dependency changes

• Updated

  @emotion/primitives-core@^11.0.0