@rokkit/core 1.11.0 → 1.12.0

package/dist/theme.d.ts

@@ -36,6 +36,8 @@ export declare function themeRules(mapping?: Mapping, colors?: Colors, colorSpac
  *
  * - `text-on-{name}` → readable text on a z5+ fill
  * - `text-on-{name}-muted` → same on-color (kept for back-compat callers)
+ * - `text-on-{name}-soft` → readable text on the role's `-soft` tint: the role darkened toward
+ *   black (base/message.css's status copy), since the tint stays light in both modes
  *
  * @param {string} name - Color name (e.g., 'primary', 'accent', 'danger')
  * @param {string} [onColor='#fafafa'] - resolved on-color hex for this role

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/core",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Contains core utility functions and classes that can be used in various components.",
   "repository": {
     "type": "git",
@@ -47,6 +47,6 @@
     "ramda": "^0.32.0"
   },
   "devDependencies": {
-    "@rokkit/icons": "1.11.0"
+    "@rokkit/icons": "1.12.0"
   }
 }

package/src/theme.ts

@@ -100,6 +100,8 @@ export function themeRules(
  *
  * - `text-on-{name}` → readable text on a z5+ fill
  * - `text-on-{name}-muted` → same on-color (kept for back-compat callers)
+ * - `text-on-{name}-soft` → readable text on the role's `-soft` tint: the role darkened toward
+ *   black (base/message.css's status copy), since the tint stays light in both modes
  *
  * @param {string} name - Color name (e.g., 'primary', 'accent', 'danger')
  * @param {string} [onColor='#fafafa'] - resolved on-color hex for this role
@@ -107,11 +109,17 @@ export function themeRules(
  */
 export function contrastShortcuts(name: string, onColor = '#fafafa') {
 	const color = `var(--on-${name},${onColor})`
+	// An app's UnoCSS scans this file; without the skip it extracts the template below as a
+	// class and emits its placeholder text as CSS, which postcss rejects (scanned-sources.spec).
+	// @unocss-skip-start
 	const text = ([, end]: string[]) =>
 		end ? `text-[color-mix(in_srgb,${color}_${end.slice(1)}%,transparent)]` : `text-[${color}]`
+	const onSoft = () => `text-[color-mix(in_oklch,var(--${name})_55%,black)]`
+	// @unocss-skip-end
 	return [
 		[new RegExp(`^text-on-${name}(\\/\\d+)?$`), text],
-		[new RegExp(`^text-on-${name}-muted(\\/\\d+)?$`), text]
+		[new RegExp(`^text-on-${name}-muted(\\/\\d+)?$`), text],
+		[new RegExp(`^text-on-${name}-soft$`), onSoft]
 	]
 }