@cdx-ui/styles 0.0.1-beta.87 → 0.0.1-beta.88

package/lib/commonjs/useCdxFonts.js

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useCdxFonts", {
-  enumerable: true,
-  get: function () {
-    return _useForgeFonts.useForgeFonts;
-  }
-});
+exports.useCdxFonts = void 0;
 var _useForgeFonts = require("./useForgeFonts");
+/** @deprecated Use `useForgeFonts` instead. Will be removed in a future major release. */
+const useCdxFonts = exports.useCdxFonts = _useForgeFonts.useForgeFonts;
 //# sourceMappingURL=useCdxFonts.js.map

package/lib/commonjs/useCdxFonts.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useForgeFonts","require"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;;;;;;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_useForgeFonts","require","useCdxFonts","exports","useForgeFonts"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,4BAAa","ignoreList":[]}

package/lib/module/useCdxFonts.js

@@ -1,5 +1,7 @@
 "use strict";
 
+import { useForgeFonts } from './useForgeFonts';
+
 /** @deprecated Use `useForgeFonts` instead. Will be removed in a future major release. */
-export { useForgeFonts as useCdxFonts } from './useForgeFonts';
+export const useCdxFonts = useForgeFonts;
 //# sourceMappingURL=useCdxFonts.js.map

package/lib/module/useCdxFonts.js.map

@@ -1 +1 @@
-{"version":3,"names":["useForgeFonts","useCdxFonts"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;AAAA;AACA,SAASA,aAAa,IAAIC,WAAW,QAAQ,iBAAiB","ignoreList":[]}
+{"version":3,"names":["useForgeFonts","useCdxFonts"],"sourceRoot":"../../src","sources":["useCdxFonts.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB;;AAE/C;AACA,OAAO,MAAMC,WAAW,GAAGD,aAAa","ignoreList":[]}

package/lib/typescript/useCdxFonts.d.ts

@@ -1,3 +1,4 @@
+import { useForgeFonts } from './useForgeFonts';
 /** @deprecated Use `useForgeFonts` instead. Will be removed in a future major release. */
-export { useForgeFonts as useCdxFonts } from './useForgeFonts';
+export declare const useCdxFonts: typeof useForgeFonts;
 //# sourceMappingURL=useCdxFonts.d.ts.map

package/lib/typescript/useCdxFonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCdxFonts.d.ts","sourceRoot":"","sources":["../../src/useCdxFonts.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,OAAO,EAAE,aAAa,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"useCdxFonts.d.ts","sourceRoot":"","sources":["../../src/useCdxFonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,0FAA0F;AAC1F,eAAO,MAAM,WAAW,sBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/styles",
-  "version": "0.0.1-beta.87",
+  "version": "0.0.1-beta.88",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -65,7 +65,7 @@
     "@expo-google-fonts/manrope": "0.4.2",
     "@expo-google-fonts/outfit": "0.4.3",
     "@expo-google-fonts/public-sans": "0.4.2",
-    "@cdx-ui/utils": "0.0.1-beta.87"
+    "@cdx-ui/utils": "0.0.1-beta.88"
   },
   "peerDependencies": {
     "expo-font": ">=13.0.0",
@@ -113,6 +113,6 @@
     "tokens:fetch": "node scripts/figma-fetch-variables.mjs",
     "tokens:build": "node scripts/build-tokens.mjs",
     "fonts:validate": "node scripts/validate-font-tokens.mjs",
-    "test": "jest --config jest.config.js"
+    "test": "jest --config ../../jest.config.js --selectProjects styles"
   }
 }

package/src/__tests__/presetJson.test.ts

@@ -0,0 +1,120 @@
+import poise from '../../tokens/presets/poise.json';
+import prestige from '../../tokens/presets/prestige.json';
+import pulse from '../../tokens/presets/pulse.json';
+import { OVERRIDE_SCHEMA_VERSION } from '../types';
+import type { Preset } from '../types';
+
+interface PresetThemeMetadata {
+  name: string;
+  preset: string;
+  schemaVersion: string;
+}
+
+interface PresetJson {
+  $extensions: {
+    'com.forge.ui.theme': PresetThemeMetadata;
+    [key: string]: unknown;
+  };
+  modes: {
+    light: Record<string, unknown>;
+    dark: Record<string, unknown>;
+  };
+  platform: {
+    web: Record<string, unknown>;
+    ios: Record<string, unknown>;
+    android: Record<string, unknown>;
+  };
+  [key: string]: unknown;
+}
+
+const presets: readonly { name: string; key: Preset; data: PresetJson }[] = [
+  { name: 'poise', key: 'poise', data: poise as unknown as PresetJson },
+  { name: 'prestige', key: 'prestige', data: prestige as unknown as PresetJson },
+  { name: 'pulse', key: 'pulse', data: pulse as unknown as PresetJson },
+];
+
+/**
+ * Tailwind theme namespaces every generated preset is expected to declare at
+ * the top level. `typography` is intentionally omitted because non-default
+ * presets (prestige, pulse) ship as deltas from poise and don't redeclare
+ * composite typography tokens — those resolve from the base preset at runtime.
+ */
+const REQUIRED_TOP_LEVEL_NAMESPACES = [
+  'color',
+  'font',
+  'font-weight',
+  'spacing',
+  'text',
+  'radius',
+  'blur',
+  'breakpoint',
+  'leading',
+  'tracking',
+];
+
+describe.each(presets)('preset JSON: $name.json', ({ key, data: preset }) => {
+  describe('top-level structure', () => {
+    it('has $extensions, modes, and platform top-level keys', () => {
+      expect(preset).toHaveProperty('$extensions');
+      expect(preset).toHaveProperty('modes');
+      expect(preset).toHaveProperty('platform');
+    });
+
+    it.each(REQUIRED_TOP_LEVEL_NAMESPACES)('declares the %s namespace', (ns) => {
+      expect(preset).toHaveProperty(ns);
+    });
+  });
+
+  describe('$extensions.com.forge.ui.theme metadata', () => {
+    const meta = preset.$extensions['com.forge.ui.theme'];
+
+    it('declares name, preset, and schemaVersion', () => {
+      expect(meta).toBeDefined();
+      expect(typeof meta.name).toBe('string');
+      expect(typeof meta.preset).toBe('string');
+      expect(typeof meta.schemaVersion).toBe('string');
+    });
+
+    it('preset field matches the file name', () => {
+      expect(meta.preset).toBe(key);
+    });
+
+    it('schemaVersion matches the current OVERRIDE_SCHEMA_VERSION', () => {
+      expect(meta.schemaVersion).toBe(OVERRIDE_SCHEMA_VERSION);
+    });
+  });
+
+  describe('modes', () => {
+    it('declares both light and dark modes (may be empty for delta presets)', () => {
+      expect(preset.modes).toHaveProperty('light');
+      expect(preset.modes).toHaveProperty('dark');
+      expect(typeof preset.modes.light).toBe('object');
+      expect(typeof preset.modes.dark).toBe('object');
+    });
+  });
+
+  describe('platform', () => {
+    it('declares web, ios, and android platforms', () => {
+      expect(preset.platform).toHaveProperty('web');
+      expect(preset.platform).toHaveProperty('ios');
+      expect(preset.platform).toHaveProperty('android');
+    });
+
+    it.each(['web', 'ios', 'android'] as const)('platform %s has a font group', (platform) => {
+      expect(preset.platform[platform]).toHaveProperty('font');
+    });
+  });
+});
+
+describe('poise preset (default — full semantic surface)', () => {
+  const data = poise as unknown as PresetJson;
+
+  it('declares the typography namespace (composite typography tokens)', () => {
+    expect(data).toHaveProperty('typography');
+  });
+
+  it.each(['light', 'dark'] as const)('mode %s carries semantic color and font groups', (mode) => {
+    expect(data.modes[mode]).toHaveProperty('color');
+    expect(data.modes[mode]).toHaveProperty('font');
+  });
+});