@dataimago/tokens-neutral 0.1.0-alpha.11 → 0.1.0-alpha.13
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/colors.json +1 -1
- package/dist/index.cjs +9 -9
- package/dist/index.mjs +9 -9
- package/dist/theme-colors.json +5 -5
- package/dist/tokens.css +6 -6
- package/dist/tokens.dtcg.json +9 -9
- package/dist/tokens.scss +6 -6
- package/dist/tokens.studio.json +5 -5
- package/dist/tokens.w3c.dtcg.json +9 -9
- package/dist/typography.json +4 -4
- package/package.json +1 -1
- package/src/colors.json +1 -1
- package/src/theme-colors.json +2 -2
- package/src/typography.json +4 -4
package/dist/colors.json
CHANGED
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
},
|
|
67
67
|
"500": {
|
|
68
68
|
"value": "#7c7c7c",
|
|
69
|
-
"description": "Stone scale — secondary text"
|
|
69
|
+
"description": "Stone scale — icons and large decorative marks; 3.6:1 on stone-100, below the 4.5:1 text floor (secondary text is stone-700)"
|
|
70
70
|
},
|
|
71
71
|
"600": {
|
|
72
72
|
"value": "#5e5e5c",
|
package/dist/index.cjs
CHANGED
|
@@ -72,14 +72,14 @@ const tokens = {
|
|
|
72
72
|
"description": "Primary text — stone-900 on stone-100 (light) / paper-100 on dark surface"
|
|
73
73
|
},
|
|
74
74
|
"secondary": {
|
|
75
|
-
"light": "#
|
|
75
|
+
"light": "#424240",
|
|
76
76
|
"dark": "#a8a29e",
|
|
77
|
-
"description": "Secondary text — stone-
|
|
77
|
+
"description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)"
|
|
78
78
|
},
|
|
79
79
|
"muted": {
|
|
80
|
-
"light": "#
|
|
81
|
-
"dark": "#
|
|
82
|
-
"description": "Muted text — captions, meta info"
|
|
80
|
+
"light": "#5e5e5c",
|
|
81
|
+
"dark": "#89827d",
|
|
82
|
+
"description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA"
|
|
83
83
|
},
|
|
84
84
|
"inverse": {
|
|
85
85
|
"light": "#fdf9f2",
|
|
@@ -359,8 +359,8 @@ const tokens = {
|
|
|
359
359
|
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
360
360
|
},
|
|
361
361
|
"mono": {
|
|
362
|
-
"value": "
|
|
363
|
-
"description": "
|
|
362
|
+
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
363
|
+
"description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
|
|
364
364
|
},
|
|
365
365
|
"display": {
|
|
366
366
|
"value": "var(--font-family-display-editorial)",
|
|
@@ -379,8 +379,8 @@ const tokens = {
|
|
|
379
379
|
"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
380
|
},
|
|
381
381
|
"math": {
|
|
382
|
-
"value": "Noto Sans Math,
|
|
383
|
-
"description": "
|
|
382
|
+
"value": "Noto Sans Math, math",
|
|
383
|
+
"description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
|
|
384
384
|
}
|
|
385
385
|
},
|
|
386
386
|
"size": {
|
package/dist/index.mjs
CHANGED
|
@@ -72,14 +72,14 @@ const tokens = {
|
|
|
72
72
|
"description": "Primary text — stone-900 on stone-100 (light) / paper-100 on dark surface"
|
|
73
73
|
},
|
|
74
74
|
"secondary": {
|
|
75
|
-
"light": "#
|
|
75
|
+
"light": "#424240",
|
|
76
76
|
"dark": "#a8a29e",
|
|
77
|
-
"description": "Secondary text — stone-
|
|
77
|
+
"description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)"
|
|
78
78
|
},
|
|
79
79
|
"muted": {
|
|
80
|
-
"light": "#
|
|
81
|
-
"dark": "#
|
|
82
|
-
"description": "Muted text — captions, meta info"
|
|
80
|
+
"light": "#5e5e5c",
|
|
81
|
+
"dark": "#89827d",
|
|
82
|
+
"description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA"
|
|
83
83
|
},
|
|
84
84
|
"inverse": {
|
|
85
85
|
"light": "#fdf9f2",
|
|
@@ -359,8 +359,8 @@ const tokens = {
|
|
|
359
359
|
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
360
360
|
},
|
|
361
361
|
"mono": {
|
|
362
|
-
"value": "
|
|
363
|
-
"description": "
|
|
362
|
+
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
363
|
+
"description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
|
|
364
364
|
},
|
|
365
365
|
"display": {
|
|
366
366
|
"value": "var(--font-family-display-editorial)",
|
|
@@ -379,8 +379,8 @@ const tokens = {
|
|
|
379
379
|
"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
380
|
},
|
|
381
381
|
"math": {
|
|
382
|
-
"value": "Noto Sans Math,
|
|
383
|
-
"description": "
|
|
382
|
+
"value": "Noto Sans Math, math",
|
|
383
|
+
"description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
|
|
384
384
|
}
|
|
385
385
|
},
|
|
386
386
|
"size": {
|
package/dist/theme-colors.json
CHANGED
|
@@ -71,14 +71,14 @@
|
|
|
71
71
|
"description": "Primary text — stone-900 on stone-100 (light) / paper-100 on dark surface"
|
|
72
72
|
},
|
|
73
73
|
"secondary": {
|
|
74
|
-
"light": "#
|
|
74
|
+
"light": "#424240",
|
|
75
75
|
"dark": "#a8a29e",
|
|
76
|
-
"description": "Secondary text — stone-
|
|
76
|
+
"description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)"
|
|
77
77
|
},
|
|
78
78
|
"muted": {
|
|
79
|
-
"light": "#
|
|
80
|
-
"dark": "#
|
|
81
|
-
"description": "Muted text — captions, meta info"
|
|
79
|
+
"light": "#5e5e5c",
|
|
80
|
+
"dark": "#89827d",
|
|
81
|
+
"description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA"
|
|
82
82
|
},
|
|
83
83
|
"inverse": {
|
|
84
84
|
"light": "#fdf9f2",
|
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:
|
|
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,
|
|
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;
|
|
@@ -116,8 +116,8 @@
|
|
|
116
116
|
--color-border-card: rgba(12, 10, 9, 0.60);
|
|
117
117
|
--color-border-code: #d6d3d1;
|
|
118
118
|
--color-content-primary: #14140f;
|
|
119
|
-
--color-content-secondary: #
|
|
120
|
-
--color-content-muted: #
|
|
119
|
+
--color-content-secondary: #424240;
|
|
120
|
+
--color-content-muted: #5e5e5c;
|
|
121
121
|
--color-content-inverse: #fdf9f2;
|
|
122
122
|
--color-interactive-primary: #292524;
|
|
123
123
|
--color-interactive-hover: #1c1917;
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
--color-border-code: #292524;
|
|
158
158
|
--color-content-primary: #fdf9f2;
|
|
159
159
|
--color-content-secondary: #a8a29e;
|
|
160
|
-
--color-content-muted: #
|
|
160
|
+
--color-content-muted: #89827d;
|
|
161
161
|
--color-content-inverse: #0c0a09;
|
|
162
162
|
--color-interactive-primary: #d6d3d1;
|
|
163
163
|
--color-interactive-hover: #a8a29e;
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
--color-border-code: #292524;
|
|
199
199
|
--color-content-primary: #fdf9f2;
|
|
200
200
|
--color-content-secondary: #a8a29e;
|
|
201
|
-
--color-content-muted: #
|
|
201
|
+
--color-content-muted: #89827d;
|
|
202
202
|
--color-content-inverse: #0c0a09;
|
|
203
203
|
--color-interactive-primary: #d6d3d1;
|
|
204
204
|
--color-interactive-hover: #a8a29e;
|
package/dist/tokens.dtcg.json
CHANGED
|
@@ -111,19 +111,19 @@
|
|
|
111
111
|
},
|
|
112
112
|
"secondary": {
|
|
113
113
|
"$value": {
|
|
114
|
-
"light": "#
|
|
114
|
+
"light": "#424240",
|
|
115
115
|
"dark": "#a8a29e"
|
|
116
116
|
},
|
|
117
117
|
"$type": "color",
|
|
118
|
-
"$description": "Secondary text — stone-
|
|
118
|
+
"$description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)"
|
|
119
119
|
},
|
|
120
120
|
"muted": {
|
|
121
121
|
"$value": {
|
|
122
|
-
"light": "#
|
|
123
|
-
"dark": "#
|
|
122
|
+
"light": "#5e5e5c",
|
|
123
|
+
"dark": "#89827d"
|
|
124
124
|
},
|
|
125
125
|
"$type": "color",
|
|
126
|
-
"$description": "Muted text — captions, meta info"
|
|
126
|
+
"$description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA"
|
|
127
127
|
},
|
|
128
128
|
"inverse": {
|
|
129
129
|
"$value": {
|
|
@@ -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": "
|
|
443
|
+
"$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
444
444
|
"$type": "other",
|
|
445
|
-
"$description": "
|
|
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,
|
|
468
|
+
"$value": "Noto Sans Math, math",
|
|
469
469
|
"$type": "other",
|
|
470
|
-
"$description": "
|
|
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:
|
|
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,
|
|
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;
|
|
@@ -116,8 +116,8 @@
|
|
|
116
116
|
--color-border-card: rgba(12, 10, 9, 0.60);
|
|
117
117
|
--color-border-code: #d6d3d1;
|
|
118
118
|
--color-content-primary: #14140f;
|
|
119
|
-
--color-content-secondary: #
|
|
120
|
-
--color-content-muted: #
|
|
119
|
+
--color-content-secondary: #424240;
|
|
120
|
+
--color-content-muted: #5e5e5c;
|
|
121
121
|
--color-content-inverse: #fdf9f2;
|
|
122
122
|
--color-interactive-primary: #292524;
|
|
123
123
|
--color-interactive-hover: #1c1917;
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
--color-border-code: #292524;
|
|
158
158
|
--color-content-primary: #fdf9f2;
|
|
159
159
|
--color-content-secondary: #a8a29e;
|
|
160
|
-
--color-content-muted: #
|
|
160
|
+
--color-content-muted: #89827d;
|
|
161
161
|
--color-content-inverse: #0c0a09;
|
|
162
162
|
--color-interactive-primary: #d6d3d1;
|
|
163
163
|
--color-interactive-hover: #a8a29e;
|
|
@@ -198,7 +198,7 @@
|
|
|
198
198
|
--color-border-code: #292524;
|
|
199
199
|
--color-content-primary: #fdf9f2;
|
|
200
200
|
--color-content-secondary: #a8a29e;
|
|
201
|
-
--color-content-muted: #
|
|
201
|
+
--color-content-muted: #89827d;
|
|
202
202
|
--color-content-inverse: #0c0a09;
|
|
203
203
|
--color-interactive-primary: #d6d3d1;
|
|
204
204
|
--color-interactive-hover: #a8a29e;
|
package/dist/tokens.studio.json
CHANGED
|
@@ -59,11 +59,11 @@
|
|
|
59
59
|
"type": "color"
|
|
60
60
|
},
|
|
61
61
|
"secondary": {
|
|
62
|
-
"value": "#
|
|
62
|
+
"value": "#424240",
|
|
63
63
|
"type": "color"
|
|
64
64
|
},
|
|
65
65
|
"muted": {
|
|
66
|
-
"value": "#
|
|
66
|
+
"value": "#5e5e5c",
|
|
67
67
|
"type": "color"
|
|
68
68
|
},
|
|
69
69
|
"inverse": {
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
"type": "other"
|
|
232
232
|
},
|
|
233
233
|
"mono": {
|
|
234
|
-
"value": "
|
|
234
|
+
"value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
235
235
|
"type": "other"
|
|
236
236
|
},
|
|
237
237
|
"display": {
|
|
@@ -251,7 +251,7 @@
|
|
|
251
251
|
"type": "other"
|
|
252
252
|
},
|
|
253
253
|
"math": {
|
|
254
|
-
"value": "Noto Sans Math,
|
|
254
|
+
"value": "Noto Sans Math, math",
|
|
255
255
|
"type": "other"
|
|
256
256
|
}
|
|
257
257
|
},
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
"type": "color"
|
|
514
514
|
},
|
|
515
515
|
"muted": {
|
|
516
|
-
"value": "#
|
|
516
|
+
"value": "#89827d",
|
|
517
517
|
"type": "color"
|
|
518
518
|
},
|
|
519
519
|
"inverse": {
|
|
@@ -136,24 +136,24 @@
|
|
|
136
136
|
"$description": "Primary text — stone-900 on stone-100 (light) / paper-100 on dark surface"
|
|
137
137
|
},
|
|
138
138
|
"secondary": {
|
|
139
|
-
"$value": "#
|
|
139
|
+
"$value": "#424240",
|
|
140
140
|
"$type": "color",
|
|
141
141
|
"$extensions": {
|
|
142
142
|
"com.dataimago.theme": {
|
|
143
143
|
"dark": "#a8a29e"
|
|
144
144
|
}
|
|
145
145
|
},
|
|
146
|
-
"$description": "Secondary text — stone-
|
|
146
|
+
"$description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)"
|
|
147
147
|
},
|
|
148
148
|
"muted": {
|
|
149
|
-
"$value": "#
|
|
149
|
+
"$value": "#5e5e5c",
|
|
150
150
|
"$type": "color",
|
|
151
151
|
"$extensions": {
|
|
152
152
|
"com.dataimago.theme": {
|
|
153
|
-
"dark": "#
|
|
153
|
+
"dark": "#89827d"
|
|
154
154
|
}
|
|
155
155
|
},
|
|
156
|
-
"$description": "Muted text — captions, meta info"
|
|
156
|
+
"$description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA"
|
|
157
157
|
},
|
|
158
158
|
"inverse": {
|
|
159
159
|
"$value": "#fdf9f2",
|
|
@@ -412,8 +412,8 @@
|
|
|
412
412
|
"$description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
413
413
|
},
|
|
414
414
|
"mono": {
|
|
415
|
-
"$value": "
|
|
416
|
-
"$description": "
|
|
415
|
+
"$value": "Noto Sans Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
416
|
+
"$description": "Noto Sans Mono — code blocks and technical content; matches the shipped font. Same as @dataimago/tokens."
|
|
417
417
|
},
|
|
418
418
|
"display": {
|
|
419
419
|
"$value": "var(--font-family-display-editorial)",
|
|
@@ -432,8 +432,8 @@
|
|
|
432
432
|
"$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
433
|
},
|
|
434
434
|
"math": {
|
|
435
|
-
"$value": "Noto Sans Math,
|
|
436
|
-
"$description": "
|
|
435
|
+
"$value": "Noto Sans Math, math",
|
|
436
|
+
"$description": "Noto Sans Math, falling back to the browser's maths face; native MathML is the maths contract. Same as @dataimago/tokens."
|
|
437
437
|
}
|
|
438
438
|
},
|
|
439
439
|
"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": "
|
|
10
|
-
"description": "
|
|
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,
|
|
30
|
-
"description": "
|
|
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.
|
|
3
|
+
"version": "0.1.0-alpha.13",
|
|
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/colors.json
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"200": { "value": "#dcdcda", "description": "Stone scale — borders, dividers" },
|
|
20
20
|
"300": { "value": "#c1c1bf", "description": "Stone scale — pressed border / disabled chrome" },
|
|
21
21
|
"400": { "value": "#a0a0a0", "description": "Stone scale — disabled text, muted icons" },
|
|
22
|
-
"500": { "value": "#7c7c7c", "description": "Stone scale — secondary text" },
|
|
22
|
+
"500": { "value": "#7c7c7c", "description": "Stone scale — icons and large decorative marks; 3.6:1 on stone-100, below the 4.5:1 text floor (secondary text is stone-700)" },
|
|
23
23
|
"600": { "value": "#5e5e5c", "description": "Stone scale — caption / metadata text on light surfaces" },
|
|
24
24
|
"700": { "value": "#424240", "description": "Stone scale — primary text on light surfaces" },
|
|
25
25
|
"800": { "value": "#292927", "description": "Stone scale — high-contrast headings on light surfaces" },
|
package/src/theme-colors.json
CHANGED
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
},
|
|
47
47
|
"content": {
|
|
48
48
|
"primary": { "light": "#14140f", "dark": "#fdf9f2", "description": "Primary text — stone-900 on stone-100 (light) / paper-100 on dark surface" },
|
|
49
|
-
"secondary": { "light": "#
|
|
50
|
-
"muted": { "light": "#
|
|
49
|
+
"secondary": { "light": "#424240", "dark": "#a8a29e", "description": "Secondary text — stone-700 (light; 8.6:1 on stone-100, 10.1:1 on white, AAA) / ink-300 (dark; 7.3:1 on the dark page)" },
|
|
50
|
+
"muted": { "light": "#5e5e5c", "dark": "#89827d", "description": "Muted text — captions, meta info; stone-600 (light; 5.5:1 on stone-100) / #89827d (dark; 4.9:1 on the dark page), AA" },
|
|
51
51
|
"inverse": { "light": "#fdf9f2", "dark": "#0c0a09", "description": "Inverse text — for contrasting backgrounds" }
|
|
52
52
|
},
|
|
53
53
|
"interactive": {
|
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": "
|
|
10
|
-
"description": "
|
|
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,
|
|
30
|
-
"description": "
|
|
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": {
|