fix: web components using incorrect runtime

marklawlor · marklawlor · commit 14056d1b76b3 · 2025-09-25T23:21:30.000+10:00
diff --git a/src/components/ActivityIndicator.tsx b/src/components/ActivityIndicator.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNActivityIndicator> = {
   className: {
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNButton> = {
   className: {
diff --git a/src/components/FlatList.tsx b/src/components/FlatList.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNFlatList> = {
   ListFooterComponentClassName: "ListFooterComponentStyle",
diff --git a/src/components/Image.tsx b/src/components/Image.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNImage> = {
   className: "style",
diff --git a/src/components/ImageBackground.tsx b/src/components/ImageBackground.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNImageBackground> = {
   className: {
diff --git a/src/components/KeyboardAvoidingView.tsx b/src/components/KeyboardAvoidingView.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNKeyboardAvoidingView> = {
   className: {
diff --git a/src/components/Pressable.tsx b/src/components/Pressable.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNPressable> = {
   className: "style",
diff --git a/src/components/ScrollView.tsx b/src/components/ScrollView.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNScrollView> = {
   className: "style",
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping = {
   className: "style",
diff --git a/src/components/Text.tsx b/src/components/Text.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "react-native-css/native";
+} from "react-native-css";
 
 const mapping = {
   className: "style",
diff --git a/src/components/TextInput.tsx b/src/components/TextInput.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNTextInput> = {
   className: {
diff --git a/src/components/TouchableHighlight.tsx b/src/components/TouchableHighlight.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNTouchableHighlight> = {
   className: "style",
diff --git a/src/components/TouchableOpacity.tsx b/src/components/TouchableOpacity.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNTouchableOpacity> = {
   className: "style",
diff --git a/src/components/TouchableWithoutFeedback.tsx b/src/components/TouchableWithoutFeedback.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNTouchableWithoutFeedback> = {
   className: "style",
diff --git a/src/components/View.tsx b/src/components/View.tsx
@@ -4,7 +4,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "react-native-css/native";
+} from "react-native-css";
 
 const mapping = {
   className: "style",
diff --git a/src/components/VirtualizedList.tsx b/src/components/VirtualizedList.tsx
@@ -7,7 +7,7 @@ import {
   useCssElement,
   type StyledConfiguration,
   type StyledProps,
-} from "../runtime";
+} from "react-native-css";
 
 const mapping: StyledConfiguration<typeof RNVirtualizedList> = {
   className: "style",
