diff --git a/configurator/src/components/panels/BordersPanel.svelte b/configurator/src/components/panels/BordersPanel.svelte
index 0c1e54b7..f59bc1cc 100644
--- a/configurator/src/components/panels/BordersPanel.svelte
+++ b/configurator/src/components/panels/BordersPanel.svelte
@@ -249,13 +249,31 @@
onReset={() => onReset("--sf-focus-ring-color")}
/>
+
+
Ring style
+
+ {#each BORDER_STYLES as style (style)}
+ {@const current = overrides["--sf-focus-ring-style"] ?? "solid"}
+
+ {/each}
+
+
- Focus preview
+ Focus ring · {overrides["--sf-focus-ring-style"] ?? "solid"}
diff --git a/configurator/src/components/panels/ColorsPanel.svelte b/configurator/src/components/panels/ColorsPanel.svelte
index feb4da4b..6f3ac986 100644
--- a/configurator/src/components/panels/ColorsPanel.svelte
+++ b/configurator/src/components/panels/ColorsPanel.svelte
@@ -221,9 +221,6 @@
const contrastKnobs = (KNOBS_BY_DOMAIN["colors"] ?? []).filter(
(k) => k.name === "--sf-contrast-bias" || k.name === "--sf-contrast-threshold"
);
- const focusKnobs = (KNOBS_BY_DOMAIN["colors"] ?? []).filter(
- (k) => k.name === "--sf-focus-ring-width"
- );
let showBrandSources = $state(false);
let showTextContrast = $state(false);
@@ -817,15 +814,6 @@
>Open contrast tool →
{/if}
-
-
- {#each focusKnobs as k (k.name)}
- val === null ? onReset(name) : onSet(name, val)}
- />
- {/each}
diff --git a/configurator/src/components/panels/ComponentsPanel.svelte b/configurator/src/components/panels/ComponentsPanel.svelte
index f81d97cc..1fc15164 100644
--- a/configurator/src/components/panels/ComponentsPanel.svelte
+++ b/configurator/src/components/panels/ComponentsPanel.svelte
@@ -568,22 +568,6 @@
-
-
Media object-fit — --sf-object-fit (global, affects all img/video)
-
- {#each ["cover", "contain"] as fit (fit)}
- {@const cur = overrides["--sf-object-fit"] ?? "cover"}
-
- {/each}
-
-
diff --git a/configurator/src/components/panels/MiscPanel.svelte b/configurator/src/components/panels/MiscPanel.svelte
index b09bc1f8..83db9d19 100644
--- a/configurator/src/components/panels/MiscPanel.svelte
+++ b/configurator/src/components/panels/MiscPanel.svelte
@@ -49,13 +49,11 @@
let caretColor = $derived(overrides["--sf-caret-color"] ?? "");
let underlineOffset = $derived(parseNum(overrides["--sf-link-underline-offset"]?.replace("em",""), 0.15));
let underlineThickness = $derived(overrides["--sf-link-underline-thickness"] ?? "auto");
- let focusRingStyle = $derived(overrides["--sf-focus-ring-style"] ?? "solid");
let showTouchTarget = $state(false);
let showScrollBehavior = $state(false);
let showZIndex = $state(false);
let showTextSelection = $state(false);
- let showFocusRingStyle = $state(false);
let showComponentSizes = $state(false);
let showCaretLinks = $state(false);
let showIconSizes = $state(false);
@@ -217,36 +215,6 @@
-
-
-
- {#each ["solid", "dashed", "dotted"] as style (style)}
- {@const current = overrides["--sf-focus-ring-style"] ?? "solid"}
-
- {/each}
-
-
-
-
- Focus ring · {focusRingStyle}
-
-
-
-
-
-
diff --git a/configurator/src/components/panels/TypographyPanel.svelte b/configurator/src/components/panels/TypographyPanel.svelte
index 55db8ddf..8da43bb4 100644
--- a/configurator/src/components/panels/TypographyPanel.svelte
+++ b/configurator/src/components/panels/TypographyPanel.svelte
@@ -1,12 +1,11 @@