fix: textstyle

apps/studio/src/theme/components/Searchbar.ts

@@ -0,0 +1,17 @@
+import { createMultiStyleConfigHelpers } from "@chakra-ui/styled-system"
+import { anatomy } from "@chakra-ui/theme-tools"
+
+import { textStyles } from "../generated/textStyles"
+
+const parts = anatomy("searchbar").parts("icon", "field")
+const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys)
+
+export const Searchbar = defineMultiStyleConfig({
+  variants: {
+    outline: {
+      field: {
+        ...textStyles["body-2"],
+      },
+    },
+  },
+})

apps/studio/src/theme/components/index.ts

@@ -1,7 +1,9 @@
 import { Infobox } from "./Infobox"
+import { Searchbar } from "./Searchbar"
 import { Table } from "./Table"
 
 export const components = {
   Table,
   Infobox,
+  Searchbar,
 }