@ornikar/bumper 2.4.1 → 2.5.0

package/src/themes/light.stories.tsx

@@ -1,6 +1,6 @@
 import type { ComponentStory, Meta } from '@storybook/react';
 import type { GetThemeValueForKey } from '@tamagui/core';
-import { VStack } from '../components/primitives/Stacks';
+import { VStack } from '../components/primitives/Stack';
 import { View } from '../components/primitives/View';
 import { Typography } from '../components/typography/Typograhy';
 import { StorySection } from '../story-components/StorySection';
@@ -15,14 +15,14 @@ const TokenView = ({ tokenName, tokenValue }: { tokenName: string; tokenValue: s
   return (
     <VStack
       key={tokenName}
-      paddingVertical="$8"
-      borderBottomWidth="$2"
+      paddingVertical="$space.8"
+      borderBottomWidth={2}
       borderBottomColor="$border.base.mid"
       backgroundColor={tokenName.includes('onContrasted') ? '$bg.accent.default' : '$bg.base.low.default'}
     >
       <Typography.Text>{tokenName}</Typography.Text>
       <Typography.Text>{tokenValue}</Typography.Text>
-      <View backgroundColor={tokenValue as GetThemeValueForKey<'backgroundColor'>} width="$20" height="$20" />
+      <View backgroundColor={tokenValue as GetThemeValueForKey<'backgroundColor'>} width="$size.20" height="$size.20" />
     </VStack>
   );
 };

package/src/themes/light.ts

@@ -1,4 +1,4 @@
-import { deepPurpleColorPalette } from './palettes/deepPurpleColorPalette';
+import { deepPurpleColorPalette } from '../tokens/palettes/deepPurpleColorPalette';
 
 // WARNING
 // If you modify this theme, don't forget to update the theme in @ornikar/kitt-universal as well