Merge pull request #68 from ZackDeRose/zack-appearance-class-name-fix

fixes class names not propagating to email auth components

.changeset/cyan-camels-report.md

@@ -0,0 +1,5 @@
+---
+'@supabase/auth-ui-react': patch
+---
+
+fix class names not propagating to email auth components

packages/react/src/components/Auth/Auth.stories.tsx

@@ -120,6 +120,27 @@ export const magicLink = (args: any) => (
   </Container>
 )
 
+export const withCustomClassNames = (args: any) => (
+  <Container {...args}>
+    <Auth
+      {...args}
+      dark={useDarkMode() ? true : false}
+      appearance={{
+        className: {
+          input: 'foo',
+          anchor: 'foo',
+          button: 'foo',
+          container: 'foo',
+          divider: 'foo',
+          label: 'foo',
+          loader: 'foo',
+          message: 'foo',
+        },
+      }}
+    />
+  </Container>
+)
+
 export const ChangeViewState = (args: any) => {
   const [view, setView] = useState<
     'sign_in' | 'sign_up' | 'forgotten_password' | 'magic_link'

packages/react/src/components/Auth/Auth.tsx

@@ -155,6 +155,7 @@ function Auth({
     magicLink,
     showLinks,
     i18n,
+    appearance,
   }
 
   /**