Version Packages (next) (#121)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/pre.json

@@ -10,6 +10,7 @@
   },
   "changesets": [
     "brown-tables-learn",
+    "good-numbers-think",
     "gorgeous-turtles-know",
     "lazy-bananas-deliver",
     "many-pants-whisper",

apps/benchmarks/package.json

@@ -20,7 +20,7 @@
     "expo": "~45.0.0",
     "jest": "28.1.3",
     "native-base": "3.4.9",
-    "nativewind": "2.0.0-next.50",
+    "nativewind": "2.0.0-next.51",
     "react": "*",
     "react-dom": "*",
     "react-native": "0.69.1",

apps/demo-compiler/package.json

@@ -15,7 +15,7 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/standalone": "7.18.9",
     "@swc/plugin-transform-imports": "0.8.4",
-    "nativewind": "2.0.0-next.50",
+    "nativewind": "2.0.0-next.51",
     "tailwindcss": "3.1.6"
   },
   "devDependencies": {

apps/example/package.json

@@ -17,7 +17,7 @@
     "react-native": "0.69.1",
     "react-native-web": "0.18.6",
     "tailwindcss": "3.1.6",
-    "nativewind": "2.0.0-next.50"
+    "nativewind": "2.0.0-next.51"
   },
   "devDependencies": {
     "@babel/core": "7.18.9"

apps/website/package.json

@@ -28,7 +28,7 @@
     "dedent": "^0.7.0",
     "docusaurus-plugin-sass": "^0.2.2",
     "lodash.debounce": "^4.0.8",
-    "nativewind": "2.0.0-next.50",
+    "nativewind": "2.0.0-next.51",
     "prism-react-renderer": "1.3.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",

packages/nativewind/CHANGELOG.md

@@ -1,5 +1,7 @@
 # nativewind
 
+## 2.0.0-next.51
+
 ## 2.0.0-next.50
 
 ## 2.0.0-next.49

packages/nativewind/README.md

@@ -0,0 +1,49 @@
+<div align="center">
+<p align="center">
+  <a href="https://nativewind.vercel.app" target="_blank">
+    <img src="https://nativewind.dev/img/logo.svg" alt="Tailwind CSS" width="70" height="70">
+    <h1 align="center" style="color:red;">NativeWind</h1>
+  </a>
+</p>
+<img alt="GitHub branch checks state" src="https://img.shields.io/github/checks-status/marklawlor/nativewind/next">
+<img alt="npm" src="https://img.shields.io/npm/v/nativewind">
+<img alt="npm" src="https://img.shields.io/npm/dt/nativewind">
+<img alt="GitHub" src="https://img.shields.io/github/license/marklawlor/nativewind">
+</div>
+<br />
+
+> **Note**
+>
+> tailwindcss-react-native is current working on v2, which includes a renaming of the project to NativeWind!
+>
+> NativeWind is still under development
+
+`NativeWind` uses [Tailwind CSS](https://tailwindcss.com) as high-level scripting language to create a **universal design system**. Styled components can be shared between all React Native platforms, using the best style engine for that platform (e.g. CSS StyleSheet or StyleSheet.create). It's goals are to to provide a consistent styling experience across all platforms, improving Developer UX, component performance and code maintainability.
+
+`NativeWind` processes your styles during your application build, and uses a minimal runtime to selectively apply reactive styles (eg changes to device orientation, light dark mode).
+
+## In Action
+
+<a href="https://snack.expo.dev?name=Hello World&dependencies=react,react-native,nativewind@latest&platform=web&supportedPlatforms=ios,android,web&code=import%20React%20from%20'react'%3B%0Aimport%20%7B%20withExpoSnack%20%7D%20from%20'nativewind'%3B%0A%0Aimport%20%7B%20Text%2C%20View%20%7D%20from%20'react-native'%3B%0Aimport%20%7B%20styled%20%7D%20from%20'nativewind'%3B%0A%0Aconst%20StyledView%20%3D%20styled(View)%0Aconst%20StyledText%20%3D%20styled(Text)%0A%0Aconst%20App%20%3D%20()%20%3D%3E%20%7B%0A%20%20return%20(%0A%20%20%20%20%3CStyledView%20className%3D%22flex-1%20items-center%20justify-center%22%3E%0A%20%20%20%20%20%20%3CStyledText%20className%3D%22text-slate-800%22%3E%0A%20%20%20%20%20%20%20%20Try%20editing%20me!%20%F0%9F%8E%89%0A%20%20%20%20%20%20%3C%2FStyledText%3E%0A%20%20%20%20%3C%2FStyledView%3E%0A%20%20)%3B%0A%7D%0A%0A%2F%2F%20This%20demo%20is%20using%20a%20external%20compiler%20that%20will%20only%20work%20in%20Expo%20Snacks.%0A%2F%2F%20You%20may%20see%20flashes%20of%20unstyled%20content%2C%20this%20will%20not%20occur%20under%20normal%20use!%0A%2F%2F%20Please%20see%20the%20documentation%20to%20setup%20your%20application%0Aexport%20default%20withExpoSnack(App)%3B%0A">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/3946701/178458845-c9ac0299-6809-4002-99a0-78030f27b06a.png">
+    <img src="https://user-images.githubusercontent.com/3946701/178458837-df03c080-eb13-4dcc-9080-186b061a8678.png">
+  </picture>
+</a>
+
+## Features
+
+- Works on **all** RN platforms, uses the best style system for each platform.
+- Uses the Tailwind CSS compiler
+- Styles are computed at **build time**
+- Small runtime keeps your components fast
+- Babel plugin for **simple setup** and improving **intellisense support**
+- Respects all tailwind.config.js settings, including **themes, custom values, plugins**
+- **dark mode / arbitrary classes / media queries**
+- pseudo classes - **hover / focus / active** on compatible components
+- styling based on **parent state** - automatically style children based upon parent pseudo classes
+- **children styles** - create simple layouts based upon parent class
+
+## Documentation
+
+All documentation is on our website https://nativewind.dev

packages/nativewind/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-next.50",
+  "version": "2.0.0-next.51",
   "name": "nativewind",
   "description": "Use Tailwindcss in your cross-platform React Native applications",
   "main": "dist/index.js",