@dataimago/tokens-neutral 0.1.0-alpha.12 → 0.1.0-alpha.14

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 (11) hide show
  1. package/dist/dataviz.json +22 -0
  2. package/dist/index.cjs +26 -4
  3. package/dist/index.mjs +26 -4
  4. package/dist/tokens.css +7 -2
  5. package/dist/tokens.dtcg.json +4 -4
  6. package/dist/tokens.scss +7 -2
  7. package/dist/tokens.studio.json +24 -2
  8. package/dist/tokens.w3c.dtcg.json +31 -4
  9. package/dist/typography.json +4 -4
  10. package/package.json +1 -1
  11. package/src/typography.json +4 -4
package/dist/dataviz.json CHANGED
@@ -87,6 +87,28 @@
87
87
  "dark": "#D6D6D6",
88
88
  "description": "Innermost band (gray 0.20); mirrored in dark mode, where #333333 would be 1.46:1. Dark value approved by the maintainer 2026-10-29 (dataviz-check --propose-dark)."
89
89
  }
90
+ },
91
+ "sgpc-bucket": {
92
+ "very-low": {
93
+ "value": "#D55E00",
94
+ "description": "= okabe-ito.vermillion. SGPc growth bucket 1 of 5 (very low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
95
+ },
96
+ "low": {
97
+ "value": "#E69F00",
98
+ "description": "= okabe-ito.orange. SGPc growth bucket 2 of 5 (low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
99
+ },
100
+ "typical": {
101
+ "value": "#56B4E9",
102
+ "description": "= okabe-ito.sky-blue. SGPc growth bucket 3 of 5 (typical) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
103
+ },
104
+ "high": {
105
+ "value": "#009E73",
106
+ "description": "= okabe-ito.bluish-green. SGPc growth bucket 4 of 5 (high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
107
+ },
108
+ "very-high": {
109
+ "value": "#0072B2",
110
+ "description": "= okabe-ito.blue. SGPc growth bucket 5 of 5 (very high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
111
+ }
90
112
  }
91
113
  }
92
114
  }
package/dist/index.cjs CHANGED
@@ -196,6 +196,28 @@ const tokens = {
196
196
  "dark": "#D6D6D6",
197
197
  "description": "Innermost band (gray 0.20); mirrored in dark mode, where #333333 would be 1.46:1. Dark value approved by the maintainer 2026-10-29 (dataviz-check --propose-dark)."
198
198
  }
199
+ },
200
+ "sgpc-bucket": {
201
+ "very-low": {
202
+ "value": "#D55E00",
203
+ "description": "= okabe-ito.vermillion. SGPc growth bucket 1 of 5 (very low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
204
+ },
205
+ "low": {
206
+ "value": "#E69F00",
207
+ "description": "= okabe-ito.orange. SGPc growth bucket 2 of 5 (low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
208
+ },
209
+ "typical": {
210
+ "value": "#56B4E9",
211
+ "description": "= okabe-ito.sky-blue. SGPc growth bucket 3 of 5 (typical) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
212
+ },
213
+ "high": {
214
+ "value": "#009E73",
215
+ "description": "= okabe-ito.bluish-green. SGPc growth bucket 4 of 5 (high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
216
+ },
217
+ "very-high": {
218
+ "value": "#0072B2",
219
+ "description": "= okabe-ito.blue. SGPc growth bucket 5 of 5 (very high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
220
+ }
199
221
  }
200
222
  }
201
223
  },
@@ -359,8 +381,8 @@ const tokens = {
359
381
  "description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
360
382
  },
361
383
  "mono": {
362
- "value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
363
- "description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
384
+ "value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
385
+ "description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
364
386
  },
365
387
  "display": {
366
388
  "value": "var(--font-family-display-editorial)",
@@ -379,8 +401,8 @@ const tokens = {
379
401
  "description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
380
402
  },
381
403
  "math": {
382
- "value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
383
- "description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
404
+ "value": "Noto Sans Math, math",
405
+ "description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
384
406
  }
385
407
  },
386
408
  "size": {
package/dist/index.mjs CHANGED
@@ -196,6 +196,28 @@ const tokens = {
196
196
  "dark": "#D6D6D6",
197
197
  "description": "Innermost band (gray 0.20); mirrored in dark mode, where #333333 would be 1.46:1. Dark value approved by the maintainer 2026-10-29 (dataviz-check --propose-dark)."
198
198
  }
199
+ },
200
+ "sgpc-bucket": {
201
+ "very-low": {
202
+ "value": "#D55E00",
203
+ "description": "= okabe-ito.vermillion. SGPc growth bucket 1 of 5 (very low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
204
+ },
205
+ "low": {
206
+ "value": "#E69F00",
207
+ "description": "= okabe-ito.orange. SGPc growth bucket 2 of 5 (low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
208
+ },
209
+ "typical": {
210
+ "value": "#56B4E9",
211
+ "description": "= okabe-ito.sky-blue. SGPc growth bucket 3 of 5 (typical) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
212
+ },
213
+ "high": {
214
+ "value": "#009E73",
215
+ "description": "= okabe-ito.bluish-green. SGPc growth bucket 4 of 5 (high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
216
+ },
217
+ "very-high": {
218
+ "value": "#0072B2",
219
+ "description": "= okabe-ito.blue. SGPc growth bucket 5 of 5 (very high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
220
+ }
199
221
  }
200
222
  }
201
223
  },
@@ -359,8 +381,8 @@ const tokens = {
359
381
  "description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
360
382
  },
361
383
  "mono": {
362
- "value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
363
- "description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
384
+ "value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
385
+ "description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
364
386
  },
365
387
  "display": {
366
388
  "value": "var(--font-family-display-editorial)",
@@ -379,8 +401,8 @@ const tokens = {
379
401
  "description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
380
402
  },
381
403
  "math": {
382
- "value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
383
- "description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
404
+ "value": "Noto Sans Math, math",
405
+ "description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
384
406
  }
385
407
  },
386
408
  "size": {
package/dist/tokens.css CHANGED
@@ -34,12 +34,12 @@
34
34
  --transition-smooth: 0.35s ease;
35
35
  --transition-logo: 0.3s;
36
36
  --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
37
- --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
37
+ --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
38
38
  --font-family-display: var(--font-family-display-editorial);
39
39
  --font-family-display-editorial: Noto Sans, system-ui, sans-serif;
40
40
  --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
41
41
  --font-family-brand: Noto Sans, system-ui, sans-serif;
42
- --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
42
+ --font-family-math: Noto Sans Math, math;
43
43
  --font-size-micro: 0.75rem;
44
44
  --font-size-small: 0.875rem;
45
45
  --font-size-base: 1rem;
@@ -100,6 +100,11 @@
100
100
  --color-dataviz-categorical-5: #0072B2;
101
101
  --color-dataviz-categorical-6: #D55E00;
102
102
  --color-dataviz-categorical-7: #CC79A7;
103
+ --color-dataviz-sgpc-bucket-very-low: #D55E00;
104
+ --color-dataviz-sgpc-bucket-low: #E69F00;
105
+ --color-dataviz-sgpc-bucket-typical: #56B4E9;
106
+ --color-dataviz-sgpc-bucket-high: #009E73;
107
+ --color-dataviz-sgpc-bucket-very-high: #0072B2;
103
108
  }
104
109
 
105
110
  :root, [data-bs-theme="light"] {
package/dist/tokens.dtcg.json CHANGED
@@ -440,9 +440,9 @@
440
440
  "$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
441
441
  },
442
442
  "mono": {
443
- "$value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
443
+ "$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
444
444
  "$type": "other",
445
- "$description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
445
+ "$description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
446
446
  },
447
447
  "display": {
448
448
  "$value": "var(--font-family-display-editorial)",
@@ -465,9 +465,9 @@
465
465
  "$description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
466
466
  },
467
467
  "math": {
468
- "$value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
468
+ "$value": "Noto Sans Math, math",
469
469
  "$type": "other",
470
- "$description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
470
+ "$description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
471
471
  }
472
472
  },
473
473
  "size": {
package/dist/tokens.scss CHANGED
@@ -34,12 +34,12 @@
34
34
  --transition-smooth: 0.35s ease;
35
35
  --transition-logo: 0.3s;
36
36
  --font-family-sans: Noto Sans, Fira Sans, system-ui, sans-serif;
37
- --font-family-mono: JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace;
37
+ --font-family-mono: Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace;
38
38
  --font-family-display: var(--font-family-display-editorial);
39
39
  --font-family-display-editorial: Noto Sans, system-ui, sans-serif;
40
40
  --font-family-display-documentation: Noto Sans, system-ui, sans-serif;
41
41
  --font-family-brand: Noto Sans, system-ui, sans-serif;
42
- --font-family-math: Noto Sans Math, Noto Sans, system-ui, sans-serif;
42
+ --font-family-math: Noto Sans Math, math;
43
43
  --font-size-micro: 0.75rem;
44
44
  --font-size-small: 0.875rem;
45
45
  --font-size-base: 1rem;
@@ -100,6 +100,11 @@
100
100
  --color-dataviz-categorical-5: #0072B2;
101
101
  --color-dataviz-categorical-6: #D55E00;
102
102
  --color-dataviz-categorical-7: #CC79A7;
103
+ --color-dataviz-sgpc-bucket-very-low: #D55E00;
104
+ --color-dataviz-sgpc-bucket-low: #E69F00;
105
+ --color-dataviz-sgpc-bucket-typical: #56B4E9;
106
+ --color-dataviz-sgpc-bucket-high: #009E73;
107
+ --color-dataviz-sgpc-bucket-very-high: #0072B2;
103
108
  }
104
109
 
105
110
  :root, [data-bs-theme="light"] {
package/dist/tokens.studio.json CHANGED
@@ -171,6 +171,28 @@
171
171
  "value": "#333333",
172
172
  "type": "color"
173
173
  }
174
+ },
175
+ "sgpc-bucket": {
176
+ "very-low": {
177
+ "value": "#D55E00",
178
+ "type": "color"
179
+ },
180
+ "low": {
181
+ "value": "#E69F00",
182
+ "type": "color"
183
+ },
184
+ "typical": {
185
+ "value": "#56B4E9",
186
+ "type": "color"
187
+ },
188
+ "high": {
189
+ "value": "#009E73",
190
+ "type": "color"
191
+ },
192
+ "very-high": {
193
+ "value": "#0072B2",
194
+ "type": "color"
195
+ }
174
196
  }
175
197
  }
176
198
  },
@@ -231,7 +253,7 @@
231
253
  "type": "other"
232
254
  },
233
255
  "mono": {
234
- "value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
256
+ "value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
235
257
  "type": "other"
236
258
  },
237
259
  "display": {
@@ -251,7 +273,7 @@
251
273
  "type": "other"
252
274
  },
253
275
  "math": {
254
- "value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
276
+ "value": "Noto Sans Math, math",
255
277
  "type": "other"
256
278
  }
257
279
  },
package/dist/tokens.w3c.dtcg.json CHANGED
@@ -334,6 +334,33 @@
334
334
  },
335
335
  "$description": "Innermost band (gray 0.20); mirrored in dark mode, where #333333 would be 1.46:1. Dark value approved by the maintainer 2026-10-29 (dataviz-check --propose-dark)."
336
336
  }
337
+ },
338
+ "sgpc-bucket": {
339
+ "very-low": {
340
+ "$value": "#D55E00",
341
+ "$type": "color",
342
+ "$description": "= okabe-ito.vermillion. SGPc growth bucket 1 of 5 (very low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
343
+ },
344
+ "low": {
345
+ "$value": "#E69F00",
346
+ "$type": "color",
347
+ "$description": "= okabe-ito.orange. SGPc growth bucket 2 of 5 (low) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
348
+ },
349
+ "typical": {
350
+ "$value": "#56B4E9",
351
+ "$type": "color",
352
+ "$description": "= okabe-ito.sky-blue. SGPc growth bucket 3 of 5 (typical) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
353
+ },
354
+ "high": {
355
+ "$value": "#009E73",
356
+ "$type": "color",
357
+ "$description": "= okabe-ito.bluish-green. SGPc growth bucket 4 of 5 (high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
358
+ },
359
+ "very-high": {
360
+ "$value": "#0072B2",
361
+ "$type": "color",
362
+ "$description": "= okabe-ito.blue. SGPc growth bucket 5 of 5 (very high) on the ordered scale very low → very high. Colour is never the only channel: pair it with a marker and the bucket letter code. Author decision 2026-11-01, matching the LIwLD paper's figures."
363
+ }
337
364
  }
338
365
  }
339
366
  },
@@ -412,8 +439,8 @@
412
439
  "$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
413
440
  },
414
441
  "mono": {
415
- "$value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
416
- "$description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
442
+ "$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
443
+ "$description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
417
444
  },
418
445
  "display": {
419
446
  "$value": "var(--font-family-display-editorial)",
@@ -432,8 +459,8 @@
432
459
  "$description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
433
460
  },
434
461
  "math": {
435
- "$value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
436
- "$description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
462
+ "$value": "Noto Sans Math, math",
463
+ "$description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
437
464
  }
438
465
  },
439
466
  "size": {
package/dist/typography.json CHANGED
@@ -6,8 +6,8 @@
6
6
  "description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
7
7
  },
8
8
  "mono": {
9
- "value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
10
- "description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
9
+ "value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
10
+ "description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
11
11
  },
12
12
  "display": {
13
13
  "value": "var(--font-family-display-editorial)",
@@ -26,8 +26,8 @@
26
26
  "description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
27
27
  },
28
28
  "math": {
29
- "value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
30
- "description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
29
+ "value": "Noto Sans Math, math",
30
+ "description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
31
31
  }
32
32
  },
33
33
  "size": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataimago/tokens-neutral",
3
- "version": "0.1.0-alpha.12",
3
+ "version": "0.1.0-alpha.14",
4
4
  "description": "dataimago neutral-identity design tokens — Noto Sans throughout, neutral palette; sensible defaults for externally-owned consumers (Level-3 user apps, third-party Level-2 verticals). Non-identity tokens (spacing, radius, motion, effects, components) are read from @dataimago/tokens at build time so the two packages stay in lockstep.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/typography.json CHANGED
@@ -6,8 +6,8 @@
6
6
  "description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
7
7
  },
8
8
  "mono": {
9
- "value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
10
- "description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
9
+ "value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
10
+ "description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
11
11
  },
12
12
  "display": {
13
13
  "value": "var(--font-family-display-editorial)",
@@ -26,8 +26,8 @@
26
26
  "description": "Brand font — neutral default. @dataimago/tokens uses Futura for the dataimago navbar wordmark; @dataimago/tokens-neutral substitutes Noto Sans. Owners customize by extending the Tailwind preset."
27
27
  },
28
28
  "math": {
29
- "value": "Noto Sans Math, Noto Sans, system-ui, sans-serif",
30
- "description": "Mathematical notation font — Noto Sans Math. Same as @dataimago/tokens (neutral by virtue of Noto's broad coverage)."
29
+ "value": "Noto Sans Math, math",
30
+ "description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
31
31
  }
32
32
  },
33
33
  "size": {