From 060367ff90ce593921ba3b2f8f01c95f59450e2c Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Mon, 23 Mar 2026 23:06:47 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20correct=20typos=20"overriden"=20?=
 =?UTF-8?q?=E2=86=92=20"overridden"=20and=20"overridding"=20=E2=86=92=20"o?=
 =?UTF-8?q?verriding"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../apps/editor/componentsPanel/CssProperty.svelte | 14 +++++++-------
 .../editor/settingsPanel/CssPropertyWrapper.svelte | 12 ++++++------
 .../apps/editor/settingsPanel/StylePanel.svelte    |  4 ++--
 frontend/src/lib/script_helpers.ts                 |  4 ++--
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
index 972754eddb..1c4f280c87 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -30,8 +30,8 @@
 		tooltip?: string | undefined
 		shouldDisplayLeft?: boolean
 		shouldDisplayRight?: boolean
-		overriden?: boolean
-		overridding?: boolean
+		overridden?: boolean
+		overriding?: boolean
 		wmClass?: string | undefined
 	}
 
@@ -45,8 +45,8 @@
 		tooltip = undefined,
 		shouldDisplayLeft = false,
 		shouldDisplayRight = false,
-		overriden = false,
-		overridding = false,
+		overridden = false,
+		overriding = false,
 		wmClass = undefined
 	}: Props = $props()
 
@@ -143,9 +143,9 @@
 							<div class="text-xs font-medium text-primary"> Plain CSS </div>
 
 							<div class="flex flex-row gap-1">
-								{#if overriden}
-									<Badge color="red" small>Overriden by local</Badge>
-								{:else if overridding}
+								{#if overridden}
+									<Badge color="red" small>Overridden by local</Badge>
+								{:else if overriding}
 									<Badge color="blue" small>Overriding global</Badge>
 								{/if}
 								{#if quickStyleProperties?.length}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/CssPropertyWrapper.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/CssPropertyWrapper.svelte
index de964e31d0..169aaf719c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/CssPropertyWrapper.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/CssPropertyWrapper.svelte
@@ -7,8 +7,8 @@
 		forceClass?: boolean
 		id: string
 		property?: ComponentCssProperty | undefined
-		overriden?: boolean
-		overridding?: boolean
+		overridden?: boolean
+		overriding?: boolean
 		wmClass?: string | undefined
 	}
 
@@ -17,8 +17,8 @@
 		forceClass = false,
 		id,
 		property = $bindable(undefined),
-		overriden = false,
-		overridding = false,
+		overridden = false,
+		overriding = false,
 		wmClass = undefined
 	}: Props = $props()
 
@@ -38,8 +38,8 @@
 		shouldDisplayLeft={hasValues(property[id])}
 		on:left
 		on:right
-		{overriden}
-		{overridding}
+		{overridden}
+		{overriding}
 		{wmClass}
 	/>
 {/if}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/StylePanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/StylePanel.svelte
index 4dea82c4c1..ca3739d340 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/StylePanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/StylePanel.svelte
@@ -250,7 +250,7 @@
 											copyLocalToGlobal(name, component?.customCss?.[name])
 											tab = 'global'
 										}}
-										overridding={hasStyleValue($app.css?.[component.type]?.[name]) &&
+										overriding={hasStyleValue($app.css?.[component.type]?.[name]) &&
 											hasStyleValue(component.customCss[name])}
 									/>
 								</div>
@@ -277,7 +277,7 @@
 											)
 											tab = 'local'
 										}}
-										overriden={hasStyleValue(component.customCss[id])}
+										overridden={hasStyleValue(component.customCss[id])}
 										wmClass={getSelector(id)}
 									/>
 								{/if}
diff --git a/frontend/src/lib/script_helpers.ts b/frontend/src/lib/script_helpers.ts
index d05d78f6ef..077aaf59ad 100644
--- a/frontend/src/lib/script_helpers.ts
+++ b/frontend/src/lib/script_helpers.ts
@@ -84,7 +84,7 @@ const NATIVETS_INIT_CODE = `// Fetch-only script, no imports allowed (except win
 //import * as wmill from './windmill.ts'
 
 export async function main(example_input: number = 3) {
-  // "3" is the default value of example_input, it can be overriden with code or using the UI
+  // "3" is the default value of example_input, it can be overridden with code or using the UI
   const res = await fetch(\`https://jsonplaceholder.typicode.com/todos/\${example_input}\`, {
     headers: { "Content-Type": "application/json" },
   });
@@ -101,7 +101,7 @@ const BUNNATIVE_INIT_CODE = `//native
 //import * as wmill from "windmill-client"
 
 export async function main(example_input: number = 3) {
-  // "3" is the default value of example_input, it can be overriden with code or using the UI
+  // "3" is the default value of example_input, it can be overridden with code or using the UI
   const res = await fetch(\`https://jsonplaceholder.typicode.com/todos/\${example_input}\`, {
     headers: { "Content-Type": "application/json" },
   });