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 @@