@ghostmind-dev/colors 0.2.0 → 0.2.1

package/dist/native.d.ts

@@ -3,6 +3,12 @@
  * same resolved colour the web gets for that role, so the apps stay in step.
  */
 import { type ThemeId } from './index.js';
+/**
+ * `rgb(0 0 0 / 0.85)` → `rgba(0, 0, 0, 0.85)`. The web takes either form; on a native platform the older
+ * one is the safe one: Reanimated rejects the space-separated form ("Invalid color value"), and so do
+ * other parsers outside a browser. Hex values are returned unchanged.
+ */
+export declare function nativeColour(value: string): string;
 /**
  * A platform's named colours for one theme: `platformColors('dark').background` is the value of
  * the role the platform maps to `background`.

package/dist/native.js

@@ -4,6 +4,14 @@
  */
 import { PLATFORMS, THEMES, roleValue } from './index.js';
 import { SEMANTIC_ROLES } from './tailwind.js';
+/**
+ * `rgb(0 0 0 / 0.85)` → `rgba(0, 0, 0, 0.85)`. The web takes either form; on a native platform the older
+ * one is the safe one: Reanimated rejects the space-separated form ("Invalid color value"), and so do
+ * other parsers outside a browser. Hex values are returned unchanged.
+ */
+export function nativeColour(value) {
+    return value.replace(/^rgb\((\d+) (\d+) (\d+) \/ ([\d.]+)\)$/, 'rgba($1, $2, $3, $4)');
+}
 function assertTheme(id) {
     if (!Object.prototype.hasOwnProperty.call(THEMES, id)) {
         throw new Error(`Unknown theme "${id}". Known: ${Object.keys(THEMES).join(', ')}.`);
@@ -19,10 +27,10 @@ export function platformColors(id, platform = 'ios') {
     if (!map) {
         throw new Error(`Unknown platform "${platform}". Known: ${Object.keys(PLATFORMS).join(', ')}.`);
     }
-    return Object.fromEntries(Object.entries(map).map(([name, role]) => [name, roleValue(id, role)]));
+    return Object.fromEntries(Object.entries(map).map(([name, role]) => [name, nativeColour(roleValue(id, role))]));
 }
 /** Every shared meaning name (`surface-primary`, `card-foreground`) resolved for one theme. */
 export function semanticColors(id) {
     assertTheme(id);
-    return Object.fromEntries(Object.entries(SEMANTIC_ROLES).map(([name, role]) => [name, roleValue(id, role)]));
+    return Object.fromEntries(Object.entries(SEMANTIC_ROLES).map(([name, role]) => [name, nativeColour(roleValue(id, role))]));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ghostmind-dev/colors",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "One colour theme system for every app: themes as palettes, roles, a WCAG contrast gate, and a theme derived from three numbers",
   "license": "MIT",
   "type": "module",