@ornikar/bumper 2.3.1-canary.28d1f9f68cb643b8c67559f72df59006a88da1e9.0 → 2.4.1-canary.5ba1adb7ef6f41e2165abd46b6c8df65c0325fc7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "2.3.1-canary.28d1f9f68cb643b8c67559f72df59006a88da1e9.0",
+  "version": "2.4.1-canary.5ba1adb7ef6f41e2165abd46b6c8df65c0325fc7.0",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",
@@ -31,13 +31,13 @@
     "@tamagui/core": "1.135.6"
   },
   "peerDependencies": {
-    "@storybook/addons": ">=7.6.20",
+    "@storybook/preview-api": ">=8.6.15",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-native": ">=0.76.9"
   },
   "peerDependenciesMeta": {
-    "@storybook/addons": {
+    "@storybook/preview-api": {
       "optional": true
     },
     "react-dom": {
@@ -50,7 +50,7 @@
   "devDependencies": {
     "@babel/core": "7.27.1",
     "@testing-library/dom": "10.4.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.1",
     "@testing-library/react-native": "13.3.3",
     "@types/react": "18.3.27",
     "react": "18.3.1",

package/src/components/breakpoints/breakpoints.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import type { View } from '@tamagui/core';
 import type { ReactElement } from 'react';
 import { Typography } from '../typography/Typograhy';
@@ -30,7 +30,7 @@ const SwitchBreakpointsComponent = (): ReactElement => {
   );
 };
 
-export const BreakpointsStory: ComponentStory<typeof View> = () => {
+export const BreakpointsStory: StoryFn<typeof View> = () => {
   return (
     <>
       <CurrentBreakpointNameComponent />

package/src/components/primitives/Stack.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import { Text } from '@tamagui/core';
 import { StorySection } from '../../story-components/StorySection';
 import { Typography } from '../typography/Typograhy';
@@ -9,7 +9,7 @@ export default {
   component: Stack,
 } satisfies Meta<unknown>;
 
-export const StacksStory: ComponentStory<typeof Stack> = () => (
+export const StacksStory: StoryFn<typeof Stack> = () => (
   <>
     <Text>
       - space is deprecated, use gap instead - direction from NB is now flexDirection- reversed from NB is now direction

package/src/components/primitives/View.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import { View } from './View';
 
 export default {
@@ -6,7 +6,7 @@ export default {
   component: View,
 } satisfies Meta<unknown>;
 
-export const ViewStory: ComponentStory<typeof View> = () => (
+export const ViewStory: StoryFn<typeof View> = () => (
   <View width={50} height={500} backgroundColor="$bg.base.mid.default" />
 );
 

package/src/components/typography/Typography.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import type { FC } from 'react';
 import { StorySection } from '../../story-components/StorySection';
 import type { BodyFontVariants, FontVariants, HeadingFontVariants, LabelFontVariants } from '../../tokens/fonts';
@@ -74,7 +74,7 @@ function TypographyVariants({ types }: TypographyTypesProps) {
   );
 }
 
-export const TypographyStory: ComponentStory<typeof Typography.Text> = (args) => (
+export const TypographyStory: StoryFn<typeof Typography.Text> = (args) => (
   <>
     <StorySection.Demo>
       <Typography.Text {...args} />

package/src/core/BumperDecorator.tsx

@@ -1,4 +1,4 @@
-import { makeDecorator } from '@storybook/addons';
+import { makeDecorator } from '@storybook/preview-api';
 import type { ReactNode } from 'react';
 import { BumperProvider } from './BumperProvider';
 

package/src/themes/light.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import type { GetThemeValueForKey } from '@tamagui/core';
 import { VStack } from '../components/primitives/Stacks';
 import { View } from '../components/primitives/View';
@@ -27,7 +27,7 @@ const TokenView = ({ tokenName, tokenValue }: { tokenName: string; tokenValue: s
   );
 };
 
-export const TypographyHeadingStory: ComponentStory<typeof View> = () => (
+export const TypographyHeadingStory: StoryFn<typeof View> = () => (
   <StorySection title="Tokens">
     {Object.entries(light).map(([tokenName, tokenValue]) => (
       <TokenView key={tokenName} tokenName={tokenName} tokenValue={tokenValue} />

package/src/themes/palettes/deepPurpleColorPalette.stories.tsx

@@ -1,4 +1,4 @@
-import type { ComponentStory, Meta } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 import type { GetThemeValueForKey } from '@tamagui/core';
 import { View } from '../../components/primitives/View';
 import { Typography } from '../../components/typography/Typograhy';
@@ -26,7 +26,7 @@ const TokenView = ({ tokenName, tokenValue }: { tokenName: string; tokenValue: s
   );
 };
 
-export const TypographyHeadingStory: ComponentStory<typeof View> = () => (
+export const TypographyHeadingStory: StoryFn<typeof View> = () => (
   <StorySection title="Palette">
     {Object.entries(deepPurpleColorPalette).map(([tokenName, tokenValue]) => (
       <TokenView key={tokenName} tokenName={tokenName} tokenValue={tokenValue} />