@ceed/ads 1.35.1 → 1.36.0

package/dist/guides/ThemeProvider.md

@@ -8,8 +8,8 @@ Because this is an internal design system with pre-defined brand identity, chang
 
 ```tsx
 <ThemeProvider>
-  <DemoContent />
-</ThemeProvider>
+    <DemoContent />
+  </ThemeProvider>
 ```
 
 | Field                        | Description | Default |
@@ -36,45 +36,70 @@ Some components may still render without the provider, but token consistency and
 Use `ThemeProvider` at the root to ensure a consistent UI across the application.
 
 ```tsx
-<Stack direction={{
-  xs: 'column',
-  md: 'row'
-}} spacing={2}>
-<Sheet variant="soft" color="success" sx={{
-  p: 1.5,
-  borderRadius: 'sm'
-}}>
-<Typography level="title-sm">Without ThemeProvider</Typography>
-</Sheet>
-<Sheet variant="soft" color="primary" sx={{
-  p: 1.5,
-  borderRadius: 'sm'
-}}>
-<Typography level="title-sm">With ThemeProvider</Typography>
-</Sheet>
-
-<Sheet variant="outlined" sx={{
-  p: 2,
-  flex: 1
-}}>
-<Typography level="title-sm">Without ThemeProvider</Typography>
-<Input label="Project Name" placeholder="Type here" sx={{
-  mt: 1.5
-}} />
-</Sheet>
+<Stack
+    direction={{
+      xs: "column",
+      md: "row"
+    }}
+    spacing={2}
+  >
+    <Sheet
+      variant="soft"
+      color="success"
+      sx={{
+        p: 1.5,
+        borderRadius: "sm"
+      }}
+    >
+      <Typography level="title-sm">Without ThemeProvider</Typography>
+    </Sheet>
+    <Sheet
+      variant="soft"
+      color="primary"
+      sx={{
+        p: 1.5,
+        borderRadius: "sm"
+      }}
+    >
+      <Typography level="title-sm">With ThemeProvider</Typography>
+    </Sheet>
+
+    <Sheet
+      variant="outlined"
+      sx={{
+        p: 2,
+        flex: 1
+      }}
+    >
+      <Typography level="title-sm">Without ThemeProvider</Typography>
+      <Input
+        label="Project Name"
+        placeholder="Type here"
+        sx={{
+          mt: 1.5
+        }}
+      />
+    </Sheet>
 
-<ThemeProvider>
-  <Sheet variant="outlined" sx={{
-    p: 2,
-    flex: 1
-  }}>
-  <Typography level="title-sm">With ThemeProvider</Typography>
-  <Input label="Project Name" placeholder="Type here" sx={{
-    mt: 1.5
-  }} />
-</Sheet>
-</ThemeProvider>
-</Stack>
+    <ThemeProvider>
+      <Sheet
+        variant="outlined"
+        sx={{
+          p: 2,
+          flex: 1
+        }}
+      >
+        <Typography level="title-sm">With ThemeProvider</Typography>
+        <Input
+          label="Project Name"
+          placeholder="Type here"
+          sx={{
+            mt: 1.5
+          }}
+        />
+      </Sheet>
+    </ThemeProvider>
+  </Stack>
 ```
 
 ## Common Use Cases