From 3938d9683d684c497b1635d4647ae48741dd1251 Mon Sep 17 00:00:00 2001 From: viraj-10 Date: Wed, 3 Jul 2024 12:09:29 +0530 Subject: [PATCH] fix: replaced cssinterop import --- .../src/core-components/nativewind/alert-dialog/index.tsx | 2 +- .../src/core-components/nativewind/avatar/index.tsx | 2 +- .../src/core-components/nativewind/divider/index.tsx | 2 +- .../src/core-components/nativewind/image/index.tsx | 2 +- .../src/core-components/nativewind/link/index.tsx | 2 +- .../src/core-components/nativewind/modal/index.tsx | 2 +- .../src/core-components/nativewind/popover/index.tsx | 2 +- .../src/core-components/nativewind/pressable/index.tsx | 2 +- .../src/core-components/nativewind/progress/index.tsx | 2 +- .../src/core-components/nativewind/spinner/index.tsx | 2 +- .../src/core-components/nativewind/switch/index.tsx | 2 +- .../src/core-components/nativewind/textarea/index.tsx | 2 +- .../src/core-components/nativewind/tooltip/index.tsx | 2 +- 13 files changed, 13 insertions(+), 13 deletions(-) diff --git a/example/storybook-nativewind/src/core-components/nativewind/alert-dialog/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/alert-dialog/index.tsx index 728a6896b6..185d829183 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/alert-dialog/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/alert-dialog/index.tsx @@ -8,7 +8,7 @@ import { useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; import { diff --git a/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx index 3c4438901a..0bf101b651 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx @@ -9,7 +9,7 @@ import { withStyleContext, useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; const SCOPE = 'AVATAR'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; diff --git a/example/storybook-nativewind/src/core-components/nativewind/divider/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/divider/index.tsx index d2849534ff..f38803cb12 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/divider/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/divider/index.tsx @@ -2,7 +2,7 @@ import { createDivider } from '@gluestack-ui/divider'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import { View } from 'react-native'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import React from 'react'; const dividerStyle = tva({ diff --git a/example/storybook-nativewind/src/core-components/nativewind/image/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/image/index.tsx index 40431e3dd2..13847732da 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/image/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/image/index.tsx @@ -4,7 +4,7 @@ import { createImage } from '@gluestack-ui/image'; import { Platform, Image as RNImage } from 'react-native'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; const imageStyle = tva({ base: 'max-w-full', diff --git a/example/storybook-nativewind/src/core-components/nativewind/link/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/link/index.tsx index 88b137de0a..e97ab81026 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/link/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/link/index.tsx @@ -6,7 +6,7 @@ import { Text } from 'react-native'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import { withStates } from '@gluestack-ui/nativewind-utils/withStates'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; diff --git a/example/storybook-nativewind/src/core-components/nativewind/modal/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/modal/index.tsx index 89e8099203..cad519a38b 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/modal/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/modal/index.tsx @@ -13,7 +13,7 @@ import { useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const AnimatedPressable = createMotionAnimatedComponent(Pressable); diff --git a/example/storybook-nativewind/src/core-components/nativewind/popover/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/popover/index.tsx index 8d24f1f89c..dfb2044075 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/popover/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/popover/index.tsx @@ -13,7 +13,7 @@ import { useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const AnimatedPressable = createMotionAnimatedComponent(Pressable); diff --git a/example/storybook-nativewind/src/core-components/nativewind/pressable/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/pressable/index.tsx index dddbf88e73..27aa38c390 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/pressable/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/pressable/index.tsx @@ -6,7 +6,7 @@ import { Pressable as RNPressable, Platform } from 'react-native'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const UIPressable = createPressable({ diff --git a/example/storybook-nativewind/src/core-components/nativewind/progress/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/progress/index.tsx index 0f28d3017d..131b40d4d3 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/progress/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/progress/index.tsx @@ -7,7 +7,7 @@ import { withStyleContext, useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const SCOPE = 'PROGRESS'; export const UIProgress = createProgress({ diff --git a/example/storybook-nativewind/src/core-components/nativewind/spinner/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/spinner/index.tsx index dd124ab365..3c749ac55c 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/spinner/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/spinner/index.tsx @@ -3,7 +3,7 @@ import { ActivityIndicator } from 'react-native'; import React from 'react'; import { createSpinner } from '@gluestack-ui/spinner'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; const UISpinner = createSpinner({ Root: ActivityIndicator }); diff --git a/example/storybook-nativewind/src/core-components/nativewind/switch/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/switch/index.tsx index b1b5b3848f..8806d1758f 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/switch/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/switch/index.tsx @@ -5,7 +5,7 @@ import { createSwitch } from '@gluestack-ui/switch'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const UISwitch = createSwitch({ diff --git a/example/storybook-nativewind/src/core-components/nativewind/textarea/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/textarea/index.tsx index 579f0d9e02..f850db6530 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/textarea/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/textarea/index.tsx @@ -8,7 +8,7 @@ import { useStyleContext, } from '@gluestack-ui/nativewind-utils/withStyleContext'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import { withStates } from '@gluestack-ui/nativewind-utils/withStates'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; const SCOPE = 'TEXTAREA'; diff --git a/example/storybook-nativewind/src/core-components/nativewind/tooltip/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/tooltip/index.tsx index f6815c6e5a..3b453bc0a5 100644 --- a/example/storybook-nativewind/src/core-components/nativewind/tooltip/index.tsx +++ b/example/storybook-nativewind/src/core-components/nativewind/tooltip/index.tsx @@ -5,7 +5,7 @@ import { View, Text, Platform } from 'react-native'; import type { VariantProps } from '@gluestack-ui/nativewind-utils'; import { tva } from '@gluestack-ui/nativewind-utils/tva'; import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext'; -import { cssInterop } from '@gluestack-ui/nativewind-utils/cssInterop'; +import { cssInterop } from 'nativewind'; import { withStyleContextAndStates } from '@gluestack-ui/nativewind-utils/withStyleContextAndStates'; import { Motion, AnimatePresence } from '@legendapp/motion';