@sb1/indeks-tokens

Design tokens for Indeks designsystemet. Denne pakken inneholder farger, spacing, typografi og andre designtokens som brukes i hele designsystemet.

📦 Del av Indeks

Denne pakken er en del av Indeks designsystemet og brukes under bygging av:

• @sb1/indeks-css - CSS-biblioteket (inlines tokens inn i bundlet CSS)
• @sb1/indeks-utils - CSS utility-klasser

💡 Bør du installere denne pakken?

Nei, sannsynligvis ikke. I de fleste tilfeller bør du bruke pakken indeks-css (se under for installasjon)

@sb1/indeks-css inkluderer allerede alle tokens og utils, så du trenger ikke å installere dem separat.

⚙️ Når bør du installere denne pakken?

Du trenger kun å installere @sb1/indeks-tokens hvis du:

1. Skal bruke tokens direkte i dine egne CSS-filer
2. Bygger egne verktøy som trenger tilgang til token-data
3. Trenger TypeScript-typer for tokens

OBS: Du trenger ikke installere pakken for å generere fargetokens. Fargegeneratoren kjøres direkte med npx @sb1/indeks-tokens build-colors ... (se dokumentasjonen).

📥 Installasjon

Via CDN (anbefalt):

<link rel="stylesheet" href="https://cdn.sparebank1.no/indeks/css/<versjon>.css" />

Via npm:

npm install @sb1/indeks-tokens

🎨 Bruk

Importer CSS-tokens

@import '@sb1/indeks-tokens';

Generér fargetokens

Pakken har en build-colors-kommando som genererer fargetokens for flere plattformer — kjøres uten å installere pakken:

npx @sb1/indeks-tokens build-colors platform=<figma|web|android|ios> path=<utmappe> [theme=<sti-til-theme.json>]

Uten theme= brukes standard sb1-theme. Se dokumentasjonen for web og native (iOS/Android), inkludert hvordan du lager ditt eget theme.

🔗 Relaterte pakker

• @sb1/indeks-css - Komplett CSS-bibliotek (anbefalt)
• @sb1/indeks-utils - CSS utility-klasser
• @sb1/indeks-react - React-komponenter

📚 Dokumentasjon

Full dokumentasjon finnes på: Midlertidig lenke Indeks

📄 Lisens

MIT