@dataimago/tokens-neutral 0.1.0-alpha.13 → 0.1.0-alpha.15
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/dist/dataviz.json +22 -0
- package/dist/index.cjs +24 -2
- package/dist/index.mjs +24 -2
- package/dist/tokens.css +6 -1
- package/dist/tokens.dtcg.json +2 -2
- package/dist/tokens.scss +6 -1
- package/dist/tokens.studio.json +23 -1
- package/dist/tokens.w3c.dtcg.json +29 -2
- package/dist/typography.json +2 -2
- package/package.json +1 -1
- package/src/typography.json +2 -2
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
|
},
|
|
@@ -355,8 +377,8 @@ const tokens = {
|
|
|
355
377
|
"font": {
|
|
356
378
|
"family": {
|
|
357
379
|
"sans": {
|
|
358
|
-
"value": "Noto Sans,
|
|
359
|
-
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
380
|
+
"value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
381
|
+
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
360
382
|
},
|
|
361
383
|
"mono": {
|
|
362
384
|
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
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
|
},
|
|
@@ -355,8 +377,8 @@ const tokens = {
|
|
|
355
377
|
"font": {
|
|
356
378
|
"family": {
|
|
357
379
|
"sans": {
|
|
358
|
-
"value": "Noto Sans,
|
|
359
|
-
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
380
|
+
"value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
381
|
+
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
360
382
|
},
|
|
361
383
|
"mono": {
|
|
362
384
|
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
package/dist/tokens.css
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
--transition-standard: 0.25s ease-in-out;
|
|
34
34
|
--transition-smooth: 0.35s ease;
|
|
35
35
|
--transition-logo: 0.3s;
|
|
36
|
-
--font-family-sans: Noto Sans,
|
|
36
|
+
--font-family-sans: Noto Sans, Noto Sans Math, system-ui, sans-serif;
|
|
37
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;
|
|
@@ -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
|
@@ -435,9 +435,9 @@
|
|
|
435
435
|
"font": {
|
|
436
436
|
"family": {
|
|
437
437
|
"sans": {
|
|
438
|
-
"$value": "Noto Sans,
|
|
438
|
+
"$value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
439
439
|
"$type": "other",
|
|
440
|
-
"$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
440
|
+
"$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
441
441
|
},
|
|
442
442
|
"mono": {
|
|
443
443
|
"$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
package/dist/tokens.scss
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
--transition-standard: 0.25s ease-in-out;
|
|
34
34
|
--transition-smooth: 0.35s ease;
|
|
35
35
|
--transition-logo: 0.3s;
|
|
36
|
-
--font-family-sans: Noto Sans,
|
|
36
|
+
--font-family-sans: Noto Sans, Noto Sans Math, system-ui, sans-serif;
|
|
37
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;
|
|
@@ -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
|
},
|
|
@@ -227,7 +249,7 @@
|
|
|
227
249
|
"font": {
|
|
228
250
|
"family": {
|
|
229
251
|
"sans": {
|
|
230
|
-
"value": "Noto Sans,
|
|
252
|
+
"value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
231
253
|
"type": "other"
|
|
232
254
|
},
|
|
233
255
|
"mono": {
|
|
@@ -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
|
},
|
|
@@ -408,8 +435,8 @@
|
|
|
408
435
|
"font": {
|
|
409
436
|
"family": {
|
|
410
437
|
"sans": {
|
|
411
|
-
"$value": "Noto Sans,
|
|
412
|
-
"$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
438
|
+
"$value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
439
|
+
"$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
413
440
|
},
|
|
414
441
|
"mono": {
|
|
415
442
|
"$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
package/dist/typography.json
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
"font": {
|
|
3
3
|
"family": {
|
|
4
4
|
"sans": {
|
|
5
|
-
"value": "Noto Sans,
|
|
6
|
-
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
5
|
+
"value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
6
|
+
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
7
7
|
},
|
|
8
8
|
"mono": {
|
|
9
9
|
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dataimago/tokens-neutral",
|
|
3
|
-
"version": "0.1.0-alpha.
|
|
3
|
+
"version": "0.1.0-alpha.15",
|
|
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
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
"font": {
|
|
3
3
|
"family": {
|
|
4
4
|
"sans": {
|
|
5
|
-
"value": "Noto Sans,
|
|
6
|
-
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
5
|
+
"value": "Noto Sans, Noto Sans Math, system-ui, sans-serif",
|
|
6
|
+
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral): Noto Sans Math second draws glyphs Noto Sans lacks, such as arrows (2026-11-01)."
|
|
7
7
|
},
|
|
8
8
|
"mono": {
|
|
9
9
|
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|