@rokkit/core 1.9.1 → 1.10.0
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/named-tokens.d.ts +8 -3
- package/package.json +2 -2
- package/src/named-tokens.ts +11 -6
package/dist/named-tokens.d.ts
CHANGED
|
@@ -15,9 +15,14 @@ export type SkinRole = 'surface' | 'ink' | 'primary' | 'accent' | 'success' | 'w
|
|
|
15
15
|
* paper-mute: 200 (subdued panel)
|
|
16
16
|
* paper-edge: 400 (hairline border tone)
|
|
17
17
|
* ink: 900 (primary text)
|
|
18
|
-
* ink-mute:
|
|
19
|
-
* ink-soft:
|
|
20
|
-
* ink-faint:
|
|
18
|
+
* ink-mute: 800 (secondary text)
|
|
19
|
+
* ink-soft: 700 (tertiary text — captions, meta, placeholders)
|
|
20
|
+
* ink-faint: 600 (quietest text — hints, disabled labels)
|
|
21
|
+
*
|
|
22
|
+
* All four ink tones are TEXT tones: each must clear WCAG AA (4.5:1) on paper
|
|
23
|
+
* and paper-soft. 600 is the lightest stop of a Tailwind neutral that does
|
|
24
|
+
* (slate-500 on slate-100 is 4.34:1), so the ramp sits on 900/800/700/600.
|
|
25
|
+
* A hairline or divider takes `paper-edge`, not an ink tone.
|
|
21
26
|
* primary: 500 (CTA fill)
|
|
22
27
|
* on-primary: derived — auto on-color (near-black/white) for primary fill
|
|
23
28
|
* accent / status: 500 (solid)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rokkit/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.10.0",
|
|
4
4
|
"description": "Contains core utility functions and classes that can be used in various components.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -47,6 +47,6 @@
|
|
|
47
47
|
"ramda": "^0.32.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@rokkit/icons": "1.
|
|
50
|
+
"@rokkit/icons": "1.10.0"
|
|
51
51
|
}
|
|
52
52
|
}
|
package/src/named-tokens.ts
CHANGED
|
@@ -31,9 +31,14 @@ export type SkinRole =
|
|
|
31
31
|
* paper-mute: 200 (subdued panel)
|
|
32
32
|
* paper-edge: 400 (hairline border tone)
|
|
33
33
|
* ink: 900 (primary text)
|
|
34
|
-
* ink-mute:
|
|
35
|
-
* ink-soft:
|
|
36
|
-
* ink-faint:
|
|
34
|
+
* ink-mute: 800 (secondary text)
|
|
35
|
+
* ink-soft: 700 (tertiary text — captions, meta, placeholders)
|
|
36
|
+
* ink-faint: 600 (quietest text — hints, disabled labels)
|
|
37
|
+
*
|
|
38
|
+
* All four ink tones are TEXT tones: each must clear WCAG AA (4.5:1) on paper
|
|
39
|
+
* and paper-soft. 600 is the lightest stop of a Tailwind neutral that does
|
|
40
|
+
* (slate-500 on slate-100 is 4.34:1), so the ramp sits on 900/800/700/600.
|
|
41
|
+
* A hairline or divider takes `paper-edge`, not an ink tone.
|
|
37
42
|
* primary: 500 (CTA fill)
|
|
38
43
|
* on-primary: derived — auto on-color (near-black/white) for primary fill
|
|
39
44
|
* accent / status: 500 (solid)
|
|
@@ -47,9 +52,9 @@ export const NAMED_TOKEN_SHADE_MAP: Record<NamedToken, number | 'derived'> = {
|
|
|
47
52
|
'paper-mute': 200,
|
|
48
53
|
'paper-edge': 400,
|
|
49
54
|
ink: 900,
|
|
50
|
-
'ink-mute':
|
|
51
|
-
'ink-soft':
|
|
52
|
-
'ink-faint':
|
|
55
|
+
'ink-mute': 800,
|
|
56
|
+
'ink-soft': 700,
|
|
57
|
+
'ink-faint': 600,
|
|
53
58
|
primary: 500,
|
|
54
59
|
'on-primary': 'derived',
|
|
55
60
|
accent: 500,
|