Problem
Konfigurator prezentuje domyślną wartość --sf-touch-target jako pochodną skali rozmiarów, podczas gdy framework celowo trzyma ten token jako niezależny literał.
configurator/src/components/panels/MiscPanel.svelte (kontrolka „Min touch size”):
rawDefault="var(--sf-size-l)"
variableOptions={SIZE_SCALE} (picker podsuwa całą skalę rozmiarów)
- Framework:
--sf-touch-target: 2.75rem; z jawnym komentarzem w core/tokens.css: token owns the 44px WCAG floor as a literal — it is NOT an alias of a --sf-size-* rung.
Dlaczego to błąd (niezależny od wartości)
To błąd relacji między tokenami, nie wartości domyślnej. Framework świadomie rozłącza touch-target od skali rozmiarów, żeby retuning skali nigdy nie zszedł poniżej minimum dostępności (WCAG 2.5.5). Konfigurator sugeruje użytkownikowi powiązanie, które framework celowo zrywa. Dodatkowo var(--sf-size-l) rozwiązuje się do 3rem, a realny default to 2.75rem.
Proponowana poprawka
- Usunąć
rawDefault="var(--sf-size-l)" oraz variableOptions={SIZE_SCALE} dla tego tokenu.
- Pokazać niezależny literał (2.75rem / 44px) i ewentualnie notę, że to floor dostępności odseparowany od skali rozmiarów.
Problem
Konfigurator prezentuje domyślną wartość
--sf-touch-targetjako pochodną skali rozmiarów, podczas gdy framework celowo trzyma ten token jako niezależny literał.configurator/src/components/panels/MiscPanel.svelte(kontrolka „Min touch size”):rawDefault="var(--sf-size-l)"variableOptions={SIZE_SCALE}(picker podsuwa całą skalę rozmiarów)--sf-touch-target: 2.75rem;z jawnym komentarzem wcore/tokens.css: token owns the 44px WCAG floor as a literal — it is NOT an alias of a--sf-size-*rung.Dlaczego to błąd (niezależny od wartości)
To błąd relacji między tokenami, nie wartości domyślnej. Framework świadomie rozłącza touch-target od skali rozmiarów, żeby retuning skali nigdy nie zszedł poniżej minimum dostępności (WCAG 2.5.5). Konfigurator sugeruje użytkownikowi powiązanie, które framework celowo zrywa. Dodatkowo
var(--sf-size-l)rozwiązuje się do 3rem, a realny default to 2.75rem.Proponowana poprawka
rawDefault="var(--sf-size-l)"orazvariableOptions={SIZE_SCALE}dla tego tokenu.