diff --git a/packages/bezier-react/.storybook/WithFoundationProvider.jsx b/packages/bezier-react/.storybook/WithFoundationProvider.jsx index 6e4d629f1d..5d7862da58 100644 --- a/packages/bezier-react/.storybook/WithFoundationProvider.jsx +++ b/packages/bezier-react/.storybook/WithFoundationProvider.jsx @@ -3,13 +3,11 @@ import React from 'react' import { LightFoundation, DarkFoundation, - createGlobalStyle, } from '~/src/foundation' -import { - FeatureProvider, - SmoothCornersFeature, -} from '~/src/features' +import { SmoothCornersFeature } from '~/src/features' import BezierProvider from '~/src/providers/BezierProvider' +import { AlphaAppProvider } from '~/src/providers/AlphaAppProvider' +import { InvertedThemeProvider } from '~/src/providers/ThemeProvider' import { Text } from '~/src/components/Text' import '~/src/styles/index.scss' @@ -28,12 +26,6 @@ function getFoundation(keyword) { } } -const GlobalStyle = createGlobalStyle` - :root { - font-family: Inter, sans-serif; - } -` - const wrapperStyle = { display: 'flex', flexDirection: 'row', @@ -60,6 +52,7 @@ const innerWrapperStyle = { borderRadius: 20, } +// TODO: Migrate to AlphaAppProvider export function WithFoundationProvider(Story, context) { const { isDarkFoundation, @@ -79,40 +72,41 @@ export function WithFoundationProvider(Story, context) { })() return ( - - - - + +
- -
-
- { Story(context) } -
- - { themeName } - +
+
+ { Story(context) }
- + + { themeName } + +
-
-
- { Story(context) } + +
+
+ { Story(context) } +
+ + { invertedThemeName } +
- - { invertedThemeName } - -
+
- + ) } diff --git a/packages/bezier-react/src/providers/BezierProvider.tsx b/packages/bezier-react/src/providers/BezierProvider.tsx index d1543bb0b1..69830b1c1b 100644 --- a/packages/bezier-react/src/providers/BezierProvider.tsx +++ b/packages/bezier-react/src/providers/BezierProvider.tsx @@ -22,6 +22,9 @@ interface BezierProviderProps { externalWindow?: Window } +/** + * @deprecated Migration to `AlphaAppProvider` is in progress. + */ function BezierProvider({ foundation, children,