theo/sst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: generate Swift design tokens from tokens.json and add SstUI base

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
theo
2026-10-01 15:19:06 +02:00
co-authored by Claude Sonnet 5.5
parent bf731dab37
commit bd6bc3b890
10 changed files with 659 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/design/tokens-preview.html
+10 -10
View File
File diff suppressed because one or more lines are too long
docs/design/tokens.md
+13
View File
@@ -92,6 +92,10 @@ Verwijs ernaar als `color.<naam>`. Kolommen: ALUMINIUM (licht) en GRAPHITE (donk
| `opacity.mark` | 0.3 | Amber markering achter een gecorrigeerd woord |
| `opacity.disabled` | 0.45 | Uitgeschakelde bediening |
| `opacity.unlit` | 1.0 | Gedoofde lampjes gebruiken eigen 'unlit'-kleuren, geen transparantie |
| `opacity.pressedRecord` | 0.85 | Ingedrukte REC-toets: het rood dooft licht |
| `opacity.specularOn` | 0.6 | Lichtvlekje op een brandend lampje |
| `opacity.specularOff` | 0.3 | Lichtvlekje op een gedoofd lampje |
| `opacity.caption` | 0.75 | Kleine opschriften op de wijzerplaat |
## Lettertypen
@@ -125,6 +129,8 @@ Verwijs ernaar als `color.<naam>`. Kolommen: ALUMINIUM (licht) en GRAPHITE (donk
| `segment.thickness` | 4 | Dikte van één segment |
| `segment.gap` | 1 | Ruimte tussen segmenten |
| `segment.slant` | 0 | Schuinte in graden; 0 = rechtop |
| `segment.advance` | 26 | Afstand van cijfer tot cijfer |
| `segment.colonWidth` | 10 | Breedte van een dubbele punt of punt |
## Ruimte
@@ -254,6 +260,13 @@ Brandend lampje: kleine gloed, alleen voor lampjes en nooit voor tekst
| `meter.vu.height` | 150 | Hoogte van de meter |
| `meter.vu.needleWidth` | 1.5 | Dikte van de wijzer |
| `meter.vu.ticks` | -20 -10 -7 -5 -3 0 +3 | Genummerde schaalmarkeringen |
| `meter.vu.pivotOffset` | 22 | Draaipunt van de wijzer, onder de onderrand van de wijzerplaat |
| `meter.vu.scaleRadius` | 142 | Straal van de schaalboog vanaf het draaipunt |
| `meter.vu.needleLength` | 146 | Lengte van de wijzer |
| `meter.vu.tickMajor` | 11 | Lengte van een genummerde streep |
| `meter.vu.tickMinor` | 6 | Lengte van een gewone streep |
| `meter.vu.labelInset` | 24 | Afstand van de schaalboog tot de cijfers |
| `meter.vu.redBandWidth` | 5 | Dikte van de rode band vanaf 0 VU |
| `meter.led.segments` | 12 | Aantal segmenten: 8 groen, 3 amber, 1 rood |
| `meter.led.segmentSize` | 6x14 | Segment in pt (breedte x hoogte) |
| `meter.led.gap` | 2 | Ruimte tussen segmenten |