Merge branch 'main' into dependabot/npm_and_yarn/node-forge-1.3.2

Author: danstepanov

.github/workflows/release.yml

@@ -1,6 +1,18 @@
 name: Release & Publish to NPM
 
-on: workflow_dispatch
+on:
+  workflow_dispatch:
+    inputs:
+      release-type:
+        description: "Release type"
+        required: true
+        default: "preview"
+        type: choice
+        options:
+          - patch
+          - minor
+          - major
+          - preview
 
 permissions:
   contents: write
@@ -31,7 +43,11 @@ jobs:
 
       - name: Run release
         run: |
-          yarn release --ci --preRelease=preview
+          if [ "${{ inputs.release-type }}" = "preview" ]; then
+            yarn release --ci --preRelease=preview
+          else
+            yarn release --ci --increment=${{ inputs.release-type }}
+          fi
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -117,7 +117,7 @@ export default function App() {
   return (
     <MyView className="container">
       <MyView className="box" />
-    </View>
+    </MyView>
   );
 }
 ```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "description": "A CSS polyfill for React Native",
   "exports": {
     ".": {
@@ -47,6 +47,18 @@
         "types": "./dist/typescript/commonjs/src/components/index.d.ts"
       }
     },
+    "./components/react-native-safe-area-context": {
+      "source": "./src/components/react-native-safe-area-context.native.tsx",
+      "react-native": "./src/components/react-native-safe-area-context.native.tsx",
+      "import": {
+        "types": "./dist/typescript/module/src/components/react-native-safe-area-context.d.ts",
+        "default": "./dist/module/components/react-native-safe-area-context.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/components/react-native-safe-area-context.d.ts",
+        "default": "./dist/commonjs/components/react-native-safe-area-context.js"
+      }
+    },
     "./components/*": {
       "source": "./src/components/*.tsx",
       "react-native": "./src/components/*.tsx",

src/__tests__/native/env.test.ios.tsx

@@ -1,19 +1,16 @@
-// import { SafeAreaProvider } from "react-native-css/components/SafeAreaProvider";
 import { render, screen } from "@testing-library/react-native";
+import { SafeAreaProvider } from "react-native-css/components/SafeAreaProvider";
 import { View } from "react-native-css/components/View";
 import { registerCSS, testID } from "react-native-css/jest";
 
-test.skip("safe-area-inset-*", () => {
+test("safe-area-inset-*", () => {
   registerCSS(`.my-class {
     margin-top: env(safe-area-inset-top);
     margin-bottom: env(safe-area-inset-bottom);
     margin-left: env(safe-area-inset-left);
     margin-right: env(safe-area-inset-right);
   }`);
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const SafeAreaProvider = View as any;
-
   render(
     <SafeAreaProvider
       initialMetrics={{

src/components/SafeAreaProvider.tsx

@@ -0,0 +1 @@
+export { SafeAreaProvider } from "react-native-css/components/react-native-safe-area-context";