Revert accidental direct push related to #13644

js/column/Index.svelte

@@ -13,7 +13,7 @@
 	);
 </script>
 
-<BaseColumn {...gradio.shared} {...gradio.props}>
+<BaseColumn {...gradio.shared}>
 	<slot />
 </BaseColumn>
 

js/core/src/Blocks.svelte

@@ -163,7 +163,6 @@
 		{
 			root,
 			theme: theme_mode,
-			theme_mode,
 			version,
 			api_prefix,
 			max_file_size,
@@ -245,7 +244,6 @@
 			app_tree.reload(components, layout, dependencies, {
 				root,
 				theme: theme_mode,
-				theme_mode,
 				version,
 				api_prefix,
 				max_file_size,

js/core/src/types.ts

@@ -136,7 +136,6 @@ export type LoadingComponent = Promise<{
 export interface AppConfig {
 	root: string;
 	theme: string;
-	theme_mode: ThemeMode;
 	version: string;
 	max_file_size?: number;
 	autoscroll: boolean;

js/dataset/Index.svelte

@@ -54,7 +54,6 @@
 		onselect={(data) => gradio.dispatch("select", data)}
 		load_component={gradio.shared.load_component}
 		{...gradio.props}
-		root={gradio.shared.root}
 		{samples}
 	/>
 </Block>

js/dataset/types.ts

@@ -7,6 +7,7 @@ export interface DatasetProps {
 	samples: any[][] | null;
 	sample_labels: string[] | null;
 	value: number | null;
+	root: string;
 	proxy_url: null | string;
 	samples_per_page: number;
 

js/html/Index.svelte

@@ -58,7 +58,7 @@
 	elem_id={gradio.shared.elem_id}
 	elem_classes={gradio.shared.elem_classes}
 	container={gradio.shared.container}
-	padding={gradio.shared.padding !== false}
+	padding={gradio.props.padding !== false}
 	overflow_behavior="visible"
 >
 	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}

js/html/types.ts

@@ -13,6 +13,7 @@ export interface HTMLProps {
 	head: string | null;
 	component_class_name: string;
 	buttons: (string | CustomButton)[] | null;
+	padding: boolean;
 }
 
 export interface HTMLEvents {

js/json/Index.svelte

@@ -64,7 +64,7 @@
 	<JSON
 		value={gradio.props.value}
 		open={gradio.props.open}
-		theme_mode={gradio.shared.theme_mode}
+		theme_mode={gradio.props.theme_mode}
 		show_indices={gradio.props.show_indices}
 		show_copy_button={gradio.props.buttons == null
 			? true

js/json/types.ts

@@ -8,6 +8,7 @@ export interface JSONProps {
 	height: number | string | undefined;
 	min_height: number | string | undefined;
 	max_height: number | string | undefined;
+	theme_mode: "system" | "light" | "dark";
 	buttons: (string | CustomButton)[];
 }
 

js/plot/Index.svelte

@@ -65,7 +65,7 @@
 	/>
 	<Plot
 		value={gradio.props.value}
-		theme_mode={gradio.shared.theme_mode}
+		theme_mode={gradio.props.theme_mode}
 		show_label={gradio.shared.show_label}
 		caption={gradio.props.caption}
 		bokeh_version={gradio.props.bokeh_version}

js/plot/types.ts

@@ -5,6 +5,7 @@ export type ThemeMode = "system" | "light" | "dark";
 
 export interface PlotProps {
 	value: null | string;
+	theme_mode: ThemeMode;
 	caption: string;
 	bokeh_version: string | null;
 	show_actions_button: boolean;

js/tabitem/Index.svelte

@@ -20,7 +20,7 @@
 	interactive={gradio.shared.interactive}
 	id={gradio.props.id}
 	order={gradio.props.order}
-	scale={gradio.shared.scale}
+	scale={gradio.props.scale}
 	component_id={gradio.props.component_id}
 	onselect={(data) => gradio.dispatch("select", data)}
 >

js/tabitem/types.ts

@@ -8,6 +8,7 @@ export interface TabItemProps {
 	visible: boolean | "hidden";
 	interactive: boolean;
 	order: number;
+	scale: number;
 	component_id: number;
 }
 

js/textbox/Index.svelte

@@ -32,7 +32,7 @@
 
 	async function handle_input(value: string): Promise<void> {
 		if (!gradio.shared || !gradio.props) return;
-		clear_validation_error();
+		gradio.props.validation_error = null;
 		gradio.props.value = value;
 		await tick();
 		gradio.dispatch("input");
@@ -44,16 +44,9 @@
 
 	function handle_change(value: string): void {
 		if (!gradio.shared || !gradio.props) return;
-		clear_validation_error();
+		gradio.props.validation_error = null;
 		gradio.props.value = value;
 	}
-
-	function clear_validation_error(): void {
-		gradio.shared.validation_error = null;
-		if (gradio.shared.loading_status) {
-			gradio.shared.loading_status.validation_error = null;
-		}
-	}
 </script>
 
 <Block
@@ -101,7 +94,7 @@
 		onchange={handle_change}
 		oninput={handle_input}
 		onsubmit={() => {
-			clear_validation_error();
+			gradio.shared.validation_error = null;
 			gradio.dispatch("submit");
 		}}
 		onblur={() => gradio.dispatch("blur")}

js/textbox/Textbox.test.ts

@@ -53,26 +53,6 @@ describe("Textbox", () => {
 
 		expect(item.value).toBe("hi some text");
 	});
-
-	test.each(["input", "change"] as const)(
-		"%s clears the shared validation error",
-		async (event_name) => {
-			const result = await render(Textbox, {
-				...default_props,
-				value: "",
-				validation_error: "Shared error",
-				loading_status: { validation_error: "Required" }
-			});
-			const textbox = result.getByRole("textbox");
-
-			expect(result.getByText("Required")).toBeVisible();
-			await fireEvent[event_name](textbox, { target: { value: "valid" } });
-
-			await waitFor(() => {
-				expect(result.queryByText("Required")).not.toBeInTheDocument();
-			});
-		}
-	);
 });
 
 describe("Props: type", () => {

js/textbox/types.ts

@@ -34,6 +34,7 @@ export interface TextboxProps {
 	autoscroll: boolean;
 	max_length: number;
 	html_attributes: InputHTMLAttributes;
+	validation_error: string | null;
 }
 
 type FullAutoFill =

js/utils/src/utils.svelte.ts

@@ -35,7 +35,7 @@ export interface SharedProps {
 	client: Client;
 	scale: number;
 	min_width: number;
-	padding: boolean;
+	padding: number;
 	load_component: load_component;
 	loading_status?: any;
 	label: string;