@rokkit/cli 1.9.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/cli",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Command line utilities for icon bundling and conversion.",
   "repository": {
     "type": "git",
@@ -27,8 +27,9 @@
     "vitest": "^4.1.11"
   },
   "dependencies": {
+    "@rokkit/core": "1.10.0",
     "@mdi/svg": "^7.4.47",
-    "@rokkit/unocss": "1.9.0",
+    "@rokkit/unocss": "1.10.0",
     "sade": "^1.8.1",
     "@iconify/tools": "^5.0.14",
     "@iconify/types": "^2.0.0",

package/skills/semantic-styles-rokkit/SKILL.md

@@ -198,7 +198,7 @@ The 24-token core vocabulary, all flipping automatically under `[data-mode="dark
 | Group   | Tokens                                                  | Use                                              |
 |---------|---------------------------------------------------------|--------------------------------------------------|
 | Surface | `paper` · `paper-soft` · `paper-mute` · `paper-edge`    | canvas · card · subdued panel · hairline border  |
-| Text    | `ink` · `ink-mute` · `ink-soft` · `ink-faint`           | body · secondary · placeholder · disabled        |
+| Text    | `ink` · `ink-mute` · `ink-soft` · `ink-faint`           | body · secondary · tertiary · quietest (all AA)  |
 | Primary | `primary` · `on-primary`                                | CTA fill · text/icon on a primary fill           |
 | Accent  | `accent` · `accent-soft`                                | accent fill · tinted accent background           |
 | Status  | `success`/`-soft`, `warning`/`-soft`, `danger`/`-soft`, `error`/`-soft`, `info`/`-soft` | solid status · tinted callout bg |

package/src/contrast.js

@@ -3,7 +3,8 @@
  *
  * Computes real WCAG contrast (not just OKLCH lightness diff) from the project's
  * configured palettes, in BOTH light and dark modes, and verifies:
- *   - `ink` and `ink-mute` (primary + secondary text) clear AA 4.5 on `paper`,
+ *   - every ink tone (`ink`, `ink-mute`, `ink-soft`, `ink-faint`) clears AA 4.5 on `paper`
+ *     — all four are text tones,
  *   - the text ramp is monotonic: ink > ink-mute > ink-soft > ink-faint,
  *   - `paper-edge` (the hairline border tone) is actually visible against `paper`
  *     (catches the "near-black etched edge invisible in dark" class of bug).
@@ -12,6 +13,8 @@
  * the doctor surfaces problems, it doesn't block.
  */
 
+import { NAMED_TOKEN_SHADE_MAP } from '@rokkit/core'
+
 const PALETTE_REF = /^([a-z][\w-]*)\.(\d{2,3})$/i
 
 /**
@@ -137,15 +140,8 @@ const AA = 4.5
 const EDGE_MIN = 1.18
 /** Float slack, so noise in the ramp doesn't read as a real inversion. */
 const RAMP_SLACK = 0.01
-/** The ink ramp, darkest first — the order the monotonic check asserts. */
-const INK_RAMP = [
-	['ink', 900],
-	['ink-mute', 700],
-	['ink-soft', 500],
-	['ink-faint', 300]
-]
-/** The two ink tones that carry readable text, and so must clear AA. */
-const READABLE = new Set(['ink', 'ink-mute'])
+/** The ink ramp, strongest first — the order the monotonic check asserts — at the preset's shades. */
+const INK_RAMP = ['ink', 'ink-mute', 'ink-soft', 'ink-faint'].map((name) => [name, NAMED_TOKEN_SHADE_MAP[name]])
 
 /** The skin block, under whichever of the three accepted config keys holds it. */
 function skinOf(config) {
@@ -160,16 +156,24 @@ function inkRamp(config, skin, paper, mode) {
 	})
 }
 
-/** AA gate on the tones that actually carry text. */
+/** The kind of text each ink tone carries, for the finding. */
+const ROLE_OF = {
+	ink: 'primary',
+	'ink-mute': 'secondary',
+	'ink-soft': 'tertiary',
+	'ink-faint': 'quietest'
+}
+
+/** AA gate on the ink tones. */
 function checkReadableText(ramp, mode) {
 	return ramp
-		.filter(({ name, c }) => READABLE.has(name) && c !== null && c < AA)
+		.filter(({ c }) => c !== null && c < AA)
 		.map(({ name, c }) => ({
 			id: `contrast-${name}-${mode}`,
 			label: `${name} on paper clears AA in ${mode}`,
 			status: 'warn',
 			fixable: false,
-			fix: `${name} vs paper is ${c.toFixed(2)}:1 in ${mode} (need ≥ ${AA}). It backs ${name === 'ink' ? 'primary' : 'secondary'} text — darken ${name} (or lighten paper) in this mode.`
+			fix: `${name} vs paper is ${c.toFixed(2)}:1 in ${mode} (need ≥ ${AA}). It backs ${ROLE_OF[name]} text — darken ${name} (or lighten paper) in this mode.`
 		}))
 }
 
@@ -195,7 +199,7 @@ function checkRampMonotonic(ramp, mode) {
 
 /** paper-edge must be distinguishable from paper, or the hairline border vanishes. */
 function checkEdgeVisible(config, skin, paper, mode) {
-	const edge = resolveToken({ config, skin, role: 'surface', shade: 400, name: 'paper-edge', mode })
+	const edge = resolveToken({ config, skin, role: 'surface', shade: NAMED_TOKEN_SHADE_MAP['paper-edge'], name: 'paper-edge', mode })
 	if (!edge) return []
 	const ratio = contrastRatio(edge, paper)
 	if (ratio >= EDGE_MIN) return []
@@ -212,7 +216,7 @@ function checkEdgeVisible(config, skin, paper, mode) {
 
 /** All three checks for one mode. */
 function checksForMode(config, skin, mode) {
-	const paper = resolveToken({ config, skin, role: 'surface', shade: 50, name: 'paper', mode })
+	const paper = resolveToken({ config, skin, role: 'surface', shade: NAMED_TOKEN_SHADE_MAP.paper, name: 'paper', mode })
 	if (!paper) return []
 	const ramp = inkRamp(config, skin, paper, mode)
 	return [

package/src/init.js

@@ -174,13 +174,13 @@ const ZEN_SUMI_PALETTES = {
 	kami: {
 		50: '0.985 0.005 85', 100: '0.975 0.008 85', 200: '0.955 0.010 85',
 		300: '0.920 0.012 85', 400: '0.850 0.010 70', 500: '0.750 0.008 50',
-		600: '0.580 0.010 50', 700: '0.380 0.012 50', 800: '0.280 0.012 50',
+		600: '0.510 0.010 50', 700: '0.470 0.012 50', 800: '0.380 0.012 50',
 		900: '0.220 0.012 50', 950: '0.170 0.010 50'
 	},
 	sumi: {
 		50: '0.170 0.010 50', 100: '0.210 0.012 50', 200: '0.250 0.012 50',
 		300: '0.320 0.012 50', 400: '0.420 0.010 50', 500: '0.570 0.010 50',
-		600: '0.420 0.012 85', 700: '0.600 0.010 85', 800: '0.780 0.008 85',
+		600: '0.660 0.009 85', 700: '0.720 0.009 85', 800: '0.780 0.008 85',
 		900: '0.940 0.008 85', 950: '0.975 0.008 85'
 	},
 	shu: {