Skip to content

Konfigurator: --sf-touch-target błędnie prezentowany jako var(--sf-size-l) #685

Description

@jackgranatowski

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions