build

lib/platform-bible-react/dist/index.d.ts

@@ -455,10 +455,10 @@ export type TabNavigationContentSearchProps = {
 	searchPlaceholder?: string;
 	/** Optional title to include in the header */
 	headerTitle?: string;
-	/** Optional flag to make the search bar appear full width */
-	isSearchBarFullWidth?: boolean;
+	/** Optional className to modify the search input */
+	searchClassName?: string;
 };
-declare function TabNavigationContentSearch({ tabList, onSearch, searchPlaceholder, headerTitle, isSearchBarFullWidth, }: TabNavigationContentSearchProps): import("react/jsx-runtime").JSX.Element;
+declare function TabNavigationContentSearch({ tabList, onSearch, searchPlaceholder, headerTitle, searchClassName, }: TabNavigationContentSearchProps): import("react/jsx-runtime").JSX.Element;
 export type SelectedSettingsSidebarItem = {
 	label: string;
 	projectId?: string;

lib/platform-bible-react/src/components/basics/search-bar.component.tsx

@@ -40,7 +40,7 @@ export default function SearchBar({
   const dir: Direction = readDirection();
 
   return (
-    <div className={cn('tw-relative', {'tw-w-full': isFullWidth}, className)}>
+    <div className={cn('tw-relative', { 'tw-w-full': isFullWidth }, className)}>
       <Search
         className={cn(
           'tw-absolute tw-top-1/2 tw-h-4 tw-w-4 tw--translate-y-1/2 tw-transform tw-opacity-50',

lib/platform-bible-react/src/preview/pages/components/advanced.component.tsx

@@ -143,7 +143,7 @@ function Compositions() {
             tabList={tabList}
             onSearch={handleSearchChange}
             searchPlaceholder="Search..."
-            searchClassName='tw-w-9/12 tw-py-2'
+            searchClassName="tw-w-9/12 tw-py-2"
           />
         </VerticalTabsContent>