@pokela/tokens 2.8.0 → 2.9.0

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.
Files changed (6) hide show
  1. package/README.md +1 -1
  2. package/index.d.ts +2 -0
  3. package/index.js +3 -1
  4. package/package.json +1 -1
  5. package/tokens.css +12 -1
  6. package/tokens.json +5 -3
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @pokela/tokens
2
2
 
3
- Design-tokenit: **Pokela Portfolio**, versio 2.8.0.
3
+ Design-tokenit: **Pokela Portfolio**, versio 2.9.0.
4
4
 
5
5
  > Tämä paketti on generoitu tiedostosta `tokens.json`. Älä muokkaa sitä
6
6
  > käsin — muutokset tehdään lähteeseen ja paketti rakennetaan uudelleen
package/index.d.ts CHANGED
@@ -45,6 +45,7 @@ export declare const color: {
45
45
  readonly "code-ink": string;
46
46
  readonly "code-muted": string;
47
47
  readonly "code-faint": string;
48
+ readonly danger: string;
48
49
  };
49
50
  readonly dark: {
50
51
  readonly paper: string;
@@ -64,6 +65,7 @@ export declare const color: {
64
65
  readonly "code-ink": string;
65
66
  readonly "code-muted": string;
66
67
  readonly "code-faint": string;
68
+ readonly danger: string;
67
69
  };
68
70
  };
69
71
 
package/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  export const meta = {
5
5
  name: "Pokela Portfolio",
6
- version: "2.8.0",
6
+ version: "2.9.0",
7
7
  direction: "1f / 1g — editorial grotesk layout with didone display",
8
8
  defaultTheme: "system (light-dark), override via data-theme",
9
9
  source: "styles/tokens.css — tämä tiedosto on sen koneluettava peili. scripts/check-tokens.mjs valvoo vastaavuutta.",
@@ -45,6 +45,7 @@ export const color = {
45
45
  "code-ink": "#F4F4F2",
46
46
  "code-muted": "#A8ABAD",
47
47
  "code-faint": "#8A8D90",
48
+ danger: "#B42318",
48
49
  },
49
50
  dark: {
50
51
  paper: "#0E0F10",
@@ -64,6 +65,7 @@ export const color = {
64
65
  "code-ink": "#F4F4F2",
65
66
  "code-muted": "#A8ABAD",
66
67
  "code-faint": "#8A8D90",
68
+ danger: "#FF8A80",
67
69
  },
68
70
  };
69
71
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pokela/tokens",
3
- "version": "2.8.0",
3
+ "version": "2.9.0",
4
4
  "description": "Design-tokenit: Pokela Portfolio. Generoitu, ei käsin ylläpidetty.",
5
5
  "license": "MIT",
6
6
  "author": "Veli-Matti Pokela",
package/tokens.css CHANGED
@@ -6,7 +6,8 @@
6
6
 
7
7
  Aksenttiväriä ei ole. Korostus = musta/valkoinen-käännös
8
8
  (--invert-surface / --invert-ink) tai hiljainen --badge-surface.
9
- Väri sivulle tulee vain työn kuvista.
9
+ Väri sivulle tulee työn kuvista. Ainoa poikkeus on tilaväri
10
+ --danger, ja sekin vain virheelle (päätös 22).
10
11
 
11
12
  Mobile first: :root on mobiilikoko, min-width kasvattaa.
12
13
  Arvojen lähde: tokens.json. scripts/check-tokens.mjs valvoo että
@@ -132,6 +133,12 @@
132
133
  --code-muted-l: #A8ABAD; --code-muted-d: #A8ABAD;
133
134
  --code-faint-l: #8A8D90; --code-faint-d: #8A8D90;
134
135
 
136
+ /* Virhe. Ei korostusväri vaan tila: lomakkeen virhe on ainoa paikka,
137
+ jossa sitä käytetään, ja aina ikonin ja tekstin kanssa, ettei
138
+ merkitys jää värin varaan. Molemmat yli 4.5:1 omaa paperiaan
139
+ vasten (6.6:1 ja 8.4:1), joten kelpaa myös pieneen tekstiin. */
140
+ --danger-l: #B42318; --danger-d: #FF8A80;
141
+
135
142
  /* Oletus: vaalea. */
136
143
  --paper: var(--paper-l);
137
144
  --paper-alt: var(--paper-alt-l);
@@ -150,6 +157,7 @@
150
157
  --code-ink: var(--code-ink-l);
151
158
  --code-muted: var(--code-muted-l);
152
159
  --code-faint: var(--code-faint-l);
160
+ --danger: var(--danger-l);
153
161
  }
154
162
 
155
163
  /* Tumma paletti. Sama lista kahdesti, mutta ilman yhtäkään
@@ -173,6 +181,7 @@
173
181
  --code-ink: var(--code-ink-d);
174
182
  --code-muted: var(--code-muted-d);
175
183
  --code-faint: var(--code-faint-d);
184
+ --danger: var(--danger-d);
176
185
  }
177
186
 
178
187
  /* Ilman nimenomaista valintaa seurataan käyttöjärjestelmää. */
@@ -196,6 +205,7 @@
196
205
  --code-ink: var(--code-ink-d);
197
206
  --code-muted: var(--code-muted-d);
198
207
  --code-faint: var(--code-faint-d);
208
+ --danger: var(--danger-d);
199
209
  }
200
210
  }
201
211
 
@@ -227,6 +237,7 @@
227
237
  --invert-faint: #56585a;
228
238
  --placeholder-base: #f2f2f0;
229
239
  --placeholder-stripe: #e9e9e6;
240
+ --danger: #B42318;
230
241
  }
231
242
  }
232
243
 
package/tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$meta": {
3
3
  "name": "Pokela Portfolio",
4
- "version": "2.8.0",
4
+ "version": "2.9.0",
5
5
  "direction": "1f / 1g — editorial grotesk layout with didone display",
6
6
  "defaultTheme": "system (light-dark), override via data-theme",
7
7
  "source": "styles/tokens.css — tämä tiedosto on sen koneluettava peili. scripts/check-tokens.mjs valvoo vastaavuutta."
@@ -41,7 +41,8 @@
41
41
  "code-surface": "#101112",
42
42
  "code-ink": "#F4F4F2",
43
43
  "code-muted": "#A8ABAD",
44
- "code-faint": "#8A8D90"
44
+ "code-faint": "#8A8D90",
45
+ "danger": "#B42318"
45
46
  },
46
47
  "dark": {
47
48
  "paper": "#0E0F10",
@@ -60,7 +61,8 @@
60
61
  "code-surface": "#1B1D1F",
61
62
  "code-ink": "#F4F4F2",
62
63
  "code-muted": "#A8ABAD",
63
- "code-faint": "#8A8D90"
64
+ "code-faint": "#8A8D90",
65
+ "danger": "#FF8A80"
64
66
  }
65
67
  },
66
68
  "font": {