chore: remove src/design-system/index.ts barrel file

Author: i1skn

package.json

@@ -43,7 +43,7 @@
     "lint:js": "eslint --cache . --quiet",
     "lint:js:ci": "eslint --quiet",
     "lint:ts": "yarn tsc --skipLibCheck --noEmit",
-    "check:cycles": "./scripts/check-cycles.sh 1618",
+    "check:cycles": "./scripts/check-cycles.sh 1301",
     "postinstall": "./scripts/postinstall.sh",
     "start": "react-native start --client-logs",
     "start:clean": "yarn clean:packager && yarn start --reset-cache",

src/__swaps__/screens/Swap/Swap.tsx

@@ -12,7 +12,7 @@ import { AbsolutePortalRoot } from '@/components/AbsolutePortal';
 import { Page } from '@/components/layout';
 import { navbarHeight } from '@/components/navbar/Navbar';
 import { DecoyScrollView } from '@/components/sheet/DecoyScrollView';
-import { Box } from '@/design-system';
+import { Box } from '@/design-system/components/Box/Box';
 import { IS_ANDROID, IS_TEST } from '@/env';
 import { useDelayedMount } from '@/hooks/useDelayedMount';
 import { userAssetsStore } from '@/state/assets/userAssets';

src/__swaps__/screens/Swap/components/AnimatedChainImage.android.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import { Image, View } from 'react-native';
 import { getChainBadgeStyles } from '@/components/coin-icon/ChainImage';
-import { useColorMode } from '@/design-system';
+import { useColorMode } from '@/design-system/color/ColorMode';
 import { useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
 import { ChainId } from '@/state/backendNetworks/types';
 import { useSwapsStore } from '@/state/swaps/swapsStore';

src/__swaps__/screens/Swap/components/AnimatedChainImage.ios.tsx

@@ -5,7 +5,7 @@ import { AnimatedFasterImage } from '@/components/AnimatedComponents/AnimatedFas
 import { BLANK_BASE64_PIXEL } from '@/components/DappBrowser/constants';
 import { getChainBadgeStyles } from '@/components/coin-icon/ChainImage';
 import { DEFAULT_FASTER_IMAGE_CONFIG } from '@/components/images/ImgixImage';
-import { useColorMode } from '@/design-system';
+import { useColorMode } from '@/design-system/color/ColorMode';
 import { useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks';
 import { ChainId } from '@/state/backendNetworks/types';
 import { useSwapContext } from '../providers/swap-provider';

src/__swaps__/screens/Swap/components/AnimatedSwapCoinIcon.tsx

@@ -8,7 +8,9 @@ import { AnimatedFasterImage } from '@/components/AnimatedComponents/AnimatedFas
 import { AnimatedChainImage } from './AnimatedChainImage';
 import { fadeConfig } from '../constants';
 import { SwapCoinIconTextFallback } from './SwapCoinIconTextFallback';
-import { Box, globalColors, useColorMode } from '@/design-system';
+import { Box } from '@/design-system/components/Box/Box';
+import { globalColors } from '@/design-system/color/palettes';
+import { useColorMode } from '@/design-system/color/ColorMode';
 import { IS_ANDROID, IS_IOS } from '@/env';
 import { PIXEL_RATIO } from '@/utils/deviceUtils';
 import { useSwapContext } from '../providers/swap-provider';

src/__swaps__/screens/Swap/components/AnimatedSwitch.tsx

@@ -1,6 +1,12 @@
 /* eslint-disable react/jsx-props-no-spreading */
 import React from 'react';
-import { AnimatedText, Bleed, Box, Inline, globalColors, useColorMode, useForegroundColor } from '@/design-system';
+import { AnimatedText } from '@/design-system/components/Text/AnimatedText';
+import { Bleed } from '@/design-system/components/Bleed/Bleed';
+import { Box } from '@/design-system/components/Box/Box';
+import { Inline } from '@/design-system/components/Inline/Inline';
+import { globalColors } from '@/design-system/color/palettes';
+import { useColorMode } from '@/design-system/color/ColorMode';
+import { useForegroundColor } from '@/design-system/color/useForegroundColor';
 import Animated, { SharedValue, useAnimatedStyle, useDerivedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { opacityWorklet } from '@/__swaps__/utils/swaps';
 import { GestureHandlerButtonProps, GestureHandlerButton } from './GestureHandlerButton';

src/__swaps__/screens/Swap/components/BalanceBadge.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import { DerivedValue, useAnimatedStyle } from 'react-native-reanimated';
-import { AnimatedText, Bleed, Box, useColorMode } from '@/design-system';
+import { AnimatedText } from '@/design-system/components/Text/AnimatedText';
+import { Bleed } from '@/design-system/components/Bleed/Bleed';
+import { Box } from '@/design-system/components/Box/Box';
+import { useColorMode } from '@/design-system/color/ColorMode';
 import { TextColor } from '@/design-system/color/palettes';
 import { TextWeight } from '@/design-system/components/Text/Text';
 import { LIGHT_SEPARATOR_COLOR, SEPARATOR_COLOR, THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';

src/__swaps__/screens/Swap/components/BalancePill.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Box, Text, useColorMode } from '@/design-system';
+import { Box } from '@/design-system/components/Box/Box';
+import { Text } from '@/design-system/components/Text/Text';
+import { useColorMode } from '@/design-system/color/ColorMode';
 import { LIGHT_SEPARATOR_COLOR, SEPARATOR_COLOR, THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 
 export const BalancePill = ({ balance }: { balance: string }) => {

src/__swaps__/screens/Swap/components/CoinRow.tsx

@@ -5,7 +5,11 @@ import { ChainId } from '@/state/backendNetworks/types';
 import { CoinRowItem } from '@/__swaps__/types/search';
 import ButtonPressAnimation from '@/components/animations/ButtonPressAnimation';
 import { ContextMenuButton } from '@/components/context-menu';
-import { Box, Column, Columns, HitSlop, Inline, Text } from '@/design-system';
+import { Box } from '@/design-system/components/Box/Box';
+import { Column, Columns } from '@/design-system/components/Columns/Columns';
+import { HitSlop } from '@/design-system/components/HitSlop/HitSlop';
+import { Inline } from '@/design-system/components/Inline/Inline';
+import { Text } from '@/design-system/components/Text/Text';
 import { setClipboard } from '@/hooks/useClipboard';
 import * as i18n from '@/languages';
 import { ETH_ADDRESS } from '@/references';

src/__swaps__/screens/Swap/components/CoinRowButton.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import ButtonPressAnimation from '@/components/animations/ButtonPressAnimation';
-import { Box, TextIcon, useColorMode, useForegroundColor } from '@/design-system';
+import { Box } from '@/design-system/components/Box/Box';
+import { TextIcon } from '@/design-system/components/TextIcon/TextIcon';
+import { useColorMode } from '@/design-system/color/ColorMode';
+import { useForegroundColor } from '@/design-system/color/useForegroundColor';
 import { TextWeight } from '@/design-system/components/Text/Text';
 import { TextSize } from '@/design-system/typography/typeHierarchy';
 import { LIGHT_SEPARATOR_COLOR, SEPARATOR_COLOR, THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';