@sb1/indeks-tokens 0.7.0 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/README.md +7 -7
- package/dist/cli.js +10472 -0
- package/dist/generate.js +6299 -0
- package/dist/scripts/build-colors/buildThemeColors.d.ts +27 -0
- package/dist/scripts/build-colors/generate.d.ts +55 -0
- package/dist/themes/index.d.ts +2 -0
- package/dist/themes/sb1.d.ts +2 -0
- package/dist/themes/types.d.ts +44 -0
- package/package.json +16 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @sb1/indeks-tokens
|
|
2
2
|
|
|
3
|
+
## 0.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 174fd7e: Legg `typescript` til som `devDependency` i `@sb1/indeks-tokens`. `build:types`-steget (`tsc -p tsconfig.generate.json`) feilet med `sh: 1: tsc: not found` i en ren install, fordi TypeScript ikke lå i pakkens egne avhengigheter. Ingen endring i publisert output.
|
|
8
|
+
|
|
9
|
+
## 0.8.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- 09cda01: `@sb1/indeks-tokens` kan nå kjøres direkte som CLI: `npx @sb1/indeks-tokens build-colors platform=<figma|web|android|ios> path=<utmappe> [theme=<theme.json>]`. Pakken shipper et kompilert, selvstendig CLI (`dist/cli.js`, bundlet med esbuild) med `bin`-oppføring, så kommandoen virker fra en ren install uten `tsx`.
|
|
14
|
+
|
|
15
|
+
Egne themes oppgis nå som en `.json`-fil (tidligere `.ts`), slik at CLI-et kan laste dem uten en TypeScript-runtime. Filen må ha et `colors`-objekt med de sju basisfargene; `identityColor` og `themeable` er valgfrie.
|
|
16
|
+
|
|
17
|
+
Ny dokumentasjon for [web-farger](https://sparebank1.github.io/designsystem/?path=/docs/design-farger-web--docs) beskriver hvordan du genererer egen web-CSS fra et eget theme.
|
|
18
|
+
|
|
19
|
+
Nytt subpath-eksport `@sb1/indeks-tokens/generate` lar deg generere fargeskalaer i runtime — både i nettleseren og i en Node-backend — for å rethem-e farger «on-the-fly» (typisk `brand`). API-et: `buildColorScaleVariables(navn, farge)` gir en ferdig CSS-variabel-map for primitivene, `applyColorScaleVariables(element, variabler)` setter dem på et element, og `colorScaleVariablesToCss(variabler, { selector })` serialiserer dem til en CSS-streng. `colorjs.io` bundles inn, så eksporten har ingen ekstra runtime-avhengigheter. Typene `OriginColor` og `OriginScaleNames` re-eksporteres fra samme subpath, så du kan type dine egne kall uten å grave i interne stier. Merk: bruker du dette, blir `@sb1/indeks-tokens` en ekte `dependency` (ikke bare `devDependency`).
|
|
20
|
+
|
|
3
21
|
## 0.7.0
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -23,7 +23,7 @@ Du trenger kun å installere `@sb1/indeks-tokens` hvis du:
|
|
|
23
23
|
2. **Bygger egne verktøy** som trenger tilgang til token-data
|
|
24
24
|
3. **Trenger TypeScript-typer** for tokens
|
|
25
25
|
|
|
26
|
-
**OBS:** Du trenger ikke installere pakken for å
|
|
26
|
+
**OBS:** Du trenger ikke installere pakken for å generere fargetokens. Fargegeneratoren kjøres direkte med `npx @sb1/indeks-tokens build-colors ...` (se [dokumentasjonen](#-dokumentasjon)).
|
|
27
27
|
|
|
28
28
|
## 📥 Installasjon
|
|
29
29
|
|
|
@@ -47,15 +47,15 @@ npm install @sb1/indeks-tokens
|
|
|
47
47
|
@import '@sb1/indeks-tokens';
|
|
48
48
|
```
|
|
49
49
|
|
|
50
|
-
###
|
|
50
|
+
### Generér fargetokens
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
Pakken har en `build-colors`-kommando som genererer fargetokens for flere plattformer — kjøres uten å installere pakken:
|
|
53
53
|
|
|
54
|
-
|
|
55
|
-
-
|
|
56
|
-
|
|
54
|
+
```bash
|
|
55
|
+
npx @sb1/indeks-tokens build-colors platform=<figma|web|android|ios> path=<utmappe> [theme=<sti-til-theme.json>]
|
|
56
|
+
```
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
Uten `theme=` brukes standard `sb1`-theme. Se dokumentasjonen for [web](https://sparebank1.github.io/designsystem/?path=/docs/design-farger-web--docs) og [native (iOS/Android)](https://sparebank1.github.io/designsystem/?path=/docs/design-farger-native--docs), inkludert hvordan du lager ditt eget theme.
|
|
59
59
|
|
|
60
60
|
## 🔗 Relaterte pakker
|
|
61
61
|
|