@nexub/tokens 1.9.0 → 2.1.0

package/dist/js/native.d.ts

@@ -0,0 +1,6 @@
+export { native } from './generated/native.js';
+import type { native } from './generated/native.js';
+export type NativeTokens = typeof native;
+export type NativeRoles = NativeTokens['color']['roles']['standard']['light'];
+export type NativeRole = keyof NativeRoles;
+export type NativeTypeRole = keyof NativeTokens['type'];

package/dist/js/native.js

@@ -0,0 +1,3 @@
+// @nexub/tokens/native — tokens for React Native: dp numbers, hex roles per
+// contrast level × scheme, per-scheme boxShadow strings, Reanimated springs.
+export { native } from './generated/native.js';

package/dist/js/seed.d.ts

@@ -8,6 +8,17 @@
  * @returns {Record<string, string>} e.g. `createSeedTheme('#4099f1')['--color-primary'] === 'light-dark(#0061a6, #a0c9ff)'`
  */
 export function createSeedTheme(seed: string, { contrast, target }?: SeedThemeOptions): Record<string, string>;
+/**
+ * The same accent family as plain hex per scheme, for React Native
+ * (`@nexub/react-native` merges it over the built-in roles).
+ * @param {string} seed Hex colour, `#rgb` or `#rrggbb`.
+ * @param {SeedThemeOptions} [options]
+ * @returns {{ light: Record<string, string>, dark: Record<string, string> }}
+ */
+export function createSeedRoles(seed: string, { contrast, target }?: SeedThemeOptions): {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+};
 /**
  * The same theme as a CSS rule, for SSR / static stylesheets (no flash, no JS):
  * `:root {\n  --color-primary: light-dark(…);\n  …\n}\n`.

package/dist/js/seed.js

@@ -20,6 +20,21 @@ const HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
  * @returns {Record<string, string>} e.g. `createSeedTheme('#4099f1')['--color-primary'] === 'light-dark(#0061a6, #a0c9ff)'`
  */
 export function createSeedTheme(seed, { contrast = 'standard', target = 'primary' } = {}) {
+    const { light, dark } = createSeedRoles(seed, { contrast, target });
+    /** @type {Record<string, string>} */
+    const vars = {};
+    for (const role of Object.keys(light))
+        vars[`--color-${role}`] = `light-dark(${light[role]}, ${dark[role]})`;
+    return vars;
+}
+/**
+ * The same accent family as plain hex per scheme, for React Native
+ * (`@nexub/react-native` merges it over the built-in roles).
+ * @param {string} seed Hex colour, `#rgb` or `#rrggbb`.
+ * @param {SeedThemeOptions} [options]
+ * @returns {{ light: Record<string, string>, dark: Record<string, string> }}
+ */
+export function createSeedRoles(seed, { contrast = 'standard', target = 'primary' } = {}) {
     if (typeof seed !== 'string' || !HEX.test(seed))
         throw new TypeError(`@nexub/tokens/seed: seed must be a hex colour (#rgb or #rrggbb), got ${JSON.stringify(seed)}`);
     if (!LEVELS.includes(contrast))
@@ -30,13 +45,14 @@ export function createSeedTheme(seed, { contrast = 'standard', target = 'primary
     const roles = { ...accent(target) };
     if (target === 'primary' && ROLES['inverse-primary'])
         roles['inverse-primary'] = ROLES['inverse-primary'];
-    /** @type {Record<string, string>} */
-    const vars = {};
+    /** @type {{ light: Record<string, string>, dark: Record<string, string> }} */
+    const out = { light: {}, dark: {} };
     for (const [role, entry] of Object.entries(roles)) {
         const [, l, d] = tonesAt(entry, contrast);
-        vars[`--color-${role}`] = `light-dark(${toneHex(pal, l)}, ${toneHex(pal, d)})`;
+        out.light[role] = toneHex(pal, l);
+        out.dark[role] = toneHex(pal, d);
     }
-    return vars;
+    return out;
 }
 /**
  * The same theme as a CSS rule, for SSR / static stylesheets (no flash, no JS):

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexub/tokens",
-  "version": "1.9.0",
-  "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables and Tailwind preset.",
+  "version": "2.1.0",
+  "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables, Tailwind presets and React Native objects.",
   "type": "module",
   "license": "MIT",
   "homepage": "https://github.com/Nexub-AI/nexub-ds#readme",
@@ -42,6 +42,10 @@
       "types": "./dist/js/seed.d.ts",
       "default": "./dist/js/seed.js"
     },
+    "./native": {
+      "types": "./dist/js/native.d.ts",
+      "default": "./dist/js/native.js"
+    },
     "./tailwind": {
       "types": "./dist/tailwind/preset.d.ts",
       "default": "./dist/tailwind/preset.js"