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

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 (12) hide show
  1. package/dist/colors.json +1 -1
  2. package/dist/index.cjs +5 -5
  3. package/dist/index.mjs +5 -5
  4. package/dist/theme-colors.json +5 -5
  5. package/dist/tokens.css +4 -4
  6. package/dist/tokens.dtcg.json +5 -5
  7. package/dist/tokens.scss +4 -4
  8. package/dist/tokens.studio.json +3 -3
  9. package/dist/tokens.w3c.dtcg.json +5 -5
  10. package/package.json +1 -1
  11. package/src/colors.json +1 -1
  12. package/src/theme-colors.json +2 -2
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": "#7c7c7c",
75
+ "light": "#424240",
76
76
  "dark": "#a8a29e",
77
- "description": "Secondary text — stone-500 (light) / ink-300 (dark)"
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": "#78716c",
81
- "dark": "#78716c",
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",
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": "#7c7c7c",
75
+ "light": "#424240",
76
76
  "dark": "#a8a29e",
77
- "description": "Secondary text — stone-500 (light) / ink-300 (dark)"
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": "#78716c",
81
- "dark": "#78716c",
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",
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": "#7c7c7c",
74
+ "light": "#424240",
75
75
  "dark": "#a8a29e",
76
- "description": "Secondary text — stone-500 (light) / ink-300 (dark)"
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": "#78716c",
80
- "dark": "#78716c",
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
@@ -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: #7c7c7c;
120
- --color-content-muted: #78716c;
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: #78716c;
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: #78716c;
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": "#7c7c7c",
114
+ "light": "#424240",
115
115
  "dark": "#a8a29e"
116
116
  },
117
117
  "$type": "color",
118
- "$description": "Secondary text — stone-500 (light) / ink-300 (dark)"
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": "#78716c",
123
- "dark": "#78716c"
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": {
package/dist/tokens.scss CHANGED
@@ -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: #7c7c7c;
120
- --color-content-muted: #78716c;
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: #78716c;
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: #78716c;
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": "#7c7c7c",
62
+ "value": "#424240",
63
63
  "type": "color"
64
64
  },
65
65
  "muted": {
66
- "value": "#78716c",
66
+ "value": "#5e5e5c",
67
67
  "type": "color"
68
68
  },
69
69
  "inverse": {
@@ -513,7 +513,7 @@
513
513
  "type": "color"
514
514
  },
515
515
  "muted": {
516
- "value": "#78716c",
516
+ "value": "#89827d",
517
517
  "type": "color"
518
518
  },
519
519
  "inverse": {
package/dist/tokens.w3c.dtcg.json CHANGED
@@ -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": "#7c7c7c",
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-500 (light) / ink-300 (dark)"
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": "#78716c",
149
+ "$value": "#5e5e5c",
150
150
  "$type": "color",
151
151
  "$extensions": {
152
152
  "com.dataimago.theme": {
153
- "dark": "#78716c"
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",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataimago/tokens-neutral",
3
- "version": "0.1.0-alpha.11",
3
+ "version": "0.1.0-alpha.12",
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": "#7c7c7c", "dark": "#a8a29e", "description": "Secondary text — stone-500 (light) / ink-300 (dark)" },
50
- "muted": { "light": "#78716c", "dark": "#78716c", "description": "Muted text — captions, meta info" },
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": {