@dataimago/tokens-neutral 0.1.0-alpha.6 → 0.1.0-alpha.8
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/README.md +2 -0
- package/dist/colors.json +134 -0
- package/dist/components.json +44 -0
- package/dist/effects.json +54 -0
- package/dist/frequent.json +51 -0
- package/dist/index.cjs +8 -8
- package/dist/index.mjs +8 -8
- package/dist/spacing.json +56 -0
- package/dist/theme-colors.json +112 -0
- package/dist/tokens.css +12 -12
- package/dist/tokens.dtcg.json +644 -0
- package/dist/tokens.scss +12 -12
- package/dist/tokens.studio.json +497 -0
- package/dist/tokens.w3c.dtcg.json +617 -0
- package/dist/typography.json +168 -0
- package/package.json +9 -6
- package/src/theme-colors.json +4 -4
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
{
|
|
2
|
+
"font": {
|
|
3
|
+
"family": {
|
|
4
|
+
"sans": {
|
|
5
|
+
"value": "Noto Sans, Fira Sans, system-ui, sans-serif",
|
|
6
|
+
"description": "Primary sans-serif font - body text. Same as @dataimago/tokens (Noto Sans is neutral)."
|
|
7
|
+
},
|
|
8
|
+
"mono": {
|
|
9
|
+
"value": "JetBrains Mono, SF Mono, Monaco, Inconsolata, monospace",
|
|
10
|
+
"description": "Monospace font - code blocks and technical content. Same as @dataimago/tokens."
|
|
11
|
+
},
|
|
12
|
+
"display": {
|
|
13
|
+
"value": "var(--font-family-display-editorial)",
|
|
14
|
+
"description": "Alias of display-editorial. Preserved for naming-parity with @dataimago/tokens; consumers writing `var(--font-family-display)` get sensible neutral output."
|
|
15
|
+
},
|
|
16
|
+
"display-editorial": {
|
|
17
|
+
"value": "Noto Sans, system-ui, sans-serif",
|
|
18
|
+
"description": "Editorial display family — neutral default. @dataimago/tokens uses Josefin Sans here; @dataimago/tokens-neutral substitutes Noto Sans so externally-owned consumers (Level-3 user apps, third-party Level-2 hubs) ship without inheriting the dataimago house typographic identity. Owners may override by extending the Tailwind preset or redeclaring the CSS variable."
|
|
19
|
+
},
|
|
20
|
+
"display-documentation": {
|
|
21
|
+
"value": "Noto Sans, system-ui, sans-serif",
|
|
22
|
+
"description": "Documentation display family — Noto Sans. Identical to @dataimago/tokens (this family was already Noto Sans in the house package)."
|
|
23
|
+
},
|
|
24
|
+
"brand": {
|
|
25
|
+
"value": "Noto Sans, system-ui, sans-serif",
|
|
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
|
+
},
|
|
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)."
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
"size": {
|
|
34
|
+
"micro": {
|
|
35
|
+
"value": "0.75rem",
|
|
36
|
+
"description": "Micro text - captions, metadata"
|
|
37
|
+
},
|
|
38
|
+
"small": {
|
|
39
|
+
"value": "0.875rem",
|
|
40
|
+
"description": "Small text - secondary information"
|
|
41
|
+
},
|
|
42
|
+
"base": {
|
|
43
|
+
"value": "1rem",
|
|
44
|
+
"description": "Base text size - body content"
|
|
45
|
+
},
|
|
46
|
+
"readable": {
|
|
47
|
+
"value": "1.125rem",
|
|
48
|
+
"description": "Comfortable reading size - main content"
|
|
49
|
+
},
|
|
50
|
+
"emphasis": {
|
|
51
|
+
"value": "1.25rem",
|
|
52
|
+
"description": "Emphasized text - call-outs"
|
|
53
|
+
},
|
|
54
|
+
"heading-small": {
|
|
55
|
+
"value": "1.5rem",
|
|
56
|
+
"description": "Small headings - H4, H5"
|
|
57
|
+
},
|
|
58
|
+
"heading-medium": {
|
|
59
|
+
"value": "1.875rem",
|
|
60
|
+
"description": "Medium headings - H3"
|
|
61
|
+
},
|
|
62
|
+
"heading-large": {
|
|
63
|
+
"value": "2.25rem",
|
|
64
|
+
"description": "Large headings - H2"
|
|
65
|
+
},
|
|
66
|
+
"heading-xl": {
|
|
67
|
+
"value": "3rem",
|
|
68
|
+
"description": "Extra large headings - H1"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"weight": {
|
|
72
|
+
"extralight": {
|
|
73
|
+
"value": "200",
|
|
74
|
+
"description": "Extra-light weight — reserved for display-scale refinements (subtitles, oversized numerals)"
|
|
75
|
+
},
|
|
76
|
+
"light": {
|
|
77
|
+
"value": "300",
|
|
78
|
+
"description": "Light weight — minor headings (h4–h6), large display at small sizes"
|
|
79
|
+
},
|
|
80
|
+
"normal": {
|
|
81
|
+
"value": "400",
|
|
82
|
+
"description": "Normal text weight — body content"
|
|
83
|
+
},
|
|
84
|
+
"medium": {
|
|
85
|
+
"value": "500",
|
|
86
|
+
"description": "Medium weight — emphasis within text"
|
|
87
|
+
},
|
|
88
|
+
"semibold": {
|
|
89
|
+
"value": "600",
|
|
90
|
+
"description": "Semi-bold — subtitles, important text, default h1/h2 in the neutral stack"
|
|
91
|
+
},
|
|
92
|
+
"bold": {
|
|
93
|
+
"value": "700",
|
|
94
|
+
"description": "Bold — strong emphasis"
|
|
95
|
+
},
|
|
96
|
+
"heading": {
|
|
97
|
+
"_invariant": "Heading-weight cluster — neutral default uses semibold (600) for h1/h2 because Noto Sans's medium (500) feels light at hero scale where Josefin's medium has geometric character. Owners may override per-heading by extending the Tailwind preset.",
|
|
98
|
+
"h1": {
|
|
99
|
+
"value": "var(--font-weight-semibold)",
|
|
100
|
+
"description": "Heading h1 weight — semibold (600). Neutral default; @dataimago/tokens uses medium (500) tuned for Josefin Sans's geometric voice."
|
|
101
|
+
},
|
|
102
|
+
"h2": {
|
|
103
|
+
"value": "var(--font-weight-semibold)",
|
|
104
|
+
"description": "Heading h2 weight — semibold (600). Neutral default; @dataimago/tokens uses medium (500)."
|
|
105
|
+
},
|
|
106
|
+
"h3": {
|
|
107
|
+
"value": "var(--font-weight-medium)",
|
|
108
|
+
"description": "Heading h3 weight — medium (500). Same hierarchy logic as the house package; sized differentiation does the rest."
|
|
109
|
+
},
|
|
110
|
+
"h4": {
|
|
111
|
+
"value": "var(--font-weight-normal)",
|
|
112
|
+
"description": "Heading h4 weight — normal (400). Minor heading."
|
|
113
|
+
},
|
|
114
|
+
"h5": {
|
|
115
|
+
"value": "var(--font-weight-normal)",
|
|
116
|
+
"description": "Heading h5 weight — normal (400). Minor heading."
|
|
117
|
+
},
|
|
118
|
+
"h6": {
|
|
119
|
+
"value": "var(--font-weight-normal)",
|
|
120
|
+
"description": "Heading h6 weight — normal (400). Minor heading."
|
|
121
|
+
},
|
|
122
|
+
"subtitle": {
|
|
123
|
+
"value": "var(--font-weight-semibold)",
|
|
124
|
+
"description": "Subtitle weight — semibold (600)."
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"style": {
|
|
129
|
+
"normal": {
|
|
130
|
+
"value": "normal",
|
|
131
|
+
"description": "Normal font style - upright text"
|
|
132
|
+
},
|
|
133
|
+
"italic": {
|
|
134
|
+
"value": "italic",
|
|
135
|
+
"description": "Italic style - sloped text with true italic glyphs"
|
|
136
|
+
},
|
|
137
|
+
"oblique": {
|
|
138
|
+
"value": "oblique",
|
|
139
|
+
"description": "Oblique style - sloped text without true italic design"
|
|
140
|
+
}
|
|
141
|
+
},
|
|
142
|
+
"lineHeight": {
|
|
143
|
+
"tight": {
|
|
144
|
+
"value": "1.25",
|
|
145
|
+
"description": "Tight line height - headings"
|
|
146
|
+
},
|
|
147
|
+
"normal": {
|
|
148
|
+
"value": "1.5",
|
|
149
|
+
"description": "Normal line height - body text"
|
|
150
|
+
},
|
|
151
|
+
"relaxed": {
|
|
152
|
+
"value": "1.625",
|
|
153
|
+
"description": "Relaxed line height - long-form content"
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
"feature-settings": {
|
|
157
|
+
"_invariant": "OpenType feature settings — neutral defaults. @dataimago/tokens applies lining figures (lnum) to display headings to correct Josefin Sans's old-style default figures; Noto Sans uses uniform-baseline figures natively, so the neutral package emits `normal` for both display and body.",
|
|
158
|
+
"display": {
|
|
159
|
+
"value": "\"normal\"",
|
|
160
|
+
"description": "Default figure style for display headings (neutral default). Noto Sans's native figures are uniform-baseline; no lnum override needed."
|
|
161
|
+
},
|
|
162
|
+
"body": {
|
|
163
|
+
"value": "\"normal\"",
|
|
164
|
+
"description": "Default figure style for body text (neutral default)."
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
}
|
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.8",
|
|
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": {
|
|
@@ -25,12 +25,15 @@
|
|
|
25
25
|
"./colors": "./src/colors.json",
|
|
26
26
|
"./theme-colors": "./src/theme-colors.json",
|
|
27
27
|
"./typography": "./src/typography.json",
|
|
28
|
-
"./spacing": "./
|
|
29
|
-
"./effects": "./
|
|
30
|
-
"./frequent": "./
|
|
31
|
-
"./components": "./
|
|
28
|
+
"./spacing": "./dist/spacing.json",
|
|
29
|
+
"./effects": "./dist/effects.json",
|
|
30
|
+
"./frequent": "./dist/frequent.json",
|
|
31
|
+
"./components": "./dist/components.json",
|
|
32
32
|
"./css": "./dist/tokens.css",
|
|
33
|
-
"./scss": "./dist/tokens.scss"
|
|
33
|
+
"./scss": "./dist/tokens.scss",
|
|
34
|
+
"./dtcg": "./dist/tokens.dtcg.json",
|
|
35
|
+
"./dtcg-w3c": "./dist/tokens.w3c.dtcg.json",
|
|
36
|
+
"./tokens-studio": "./dist/tokens.studio.json"
|
|
34
37
|
},
|
|
35
38
|
"files": [
|
|
36
39
|
"src",
|
package/src/theme-colors.json
CHANGED
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
40
|
"border": {
|
|
41
|
-
"subtle": { "light": "rgba(12, 10, 9, 0.
|
|
42
|
-
"moderate": { "light": "rgba(12, 10, 9, 0.
|
|
43
|
-
"strong": { "light": "rgba(12, 10, 9, 0.
|
|
44
|
-
"card": { "light": "rgba(12, 10, 9, 0.
|
|
41
|
+
"subtle": { "light": "rgba(12, 10, 9, 0.45)", "dark": "rgba(253, 249, 242, 0.45)", "description": "Subtle borders — element separation" },
|
|
42
|
+
"moderate": { "light": "rgba(12, 10, 9, 0.60)", "dark": "rgba(253, 249, 242, 0.60)", "description": "Moderate borders — defined boundaries" },
|
|
43
|
+
"strong": { "light": "rgba(12, 10, 9, 0.75)", "dark": "rgba(253, 249, 242, 0.75)", "description": "Strong borders — prominent separation" },
|
|
44
|
+
"card": { "light": "rgba(12, 10, 9, 0.60)", "dark": "rgba(253, 249, 242, 0.60)", "description": "Card border color with transparency for subtle definition" },
|
|
45
45
|
"code": { "light": "#d6d3d1", "dark": "#292524", "description": "Code block border" }
|
|
46
46
|
},
|
|
47
47
|
"content": {
|