@astryxdesign/theme-gothic 0.7.6-canary.f73623d → 0.7.6-canary.f899313

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-gothic",
-  "version": "0.7.6-canary.f73623d",
+  "version": "0.7.6-canary.f899313",
   "displayName": "Gothic Theme",
   "private": false,
   "description": "Deep blue-grays and a signature display serif. Dramatic and editorial, for surfaces that want to be remembered.",
@@ -52,17 +52,30 @@
     "src",
     "fonts.css",
     "fonts.css.d.ts",
-    "palette.config.json"
+    "palette.config.json",
+    "!**/*.test.*",
+    "!**/*.spec.js",
+    "!**/*.spec.jsx",
+    "!**/*.spec.mjs",
+    "!**/*.spec.cjs",
+    "!**/*.spec.ts",
+    "!**/*.spec.tsx",
+    "!**/*.spec.mts",
+    "!**/*.spec.cts",
+    "!**/*.spec.d.ts",
+    "!**/__tests__/**",
+    "!**/__mocks__/**",
+    "!**/*.bench.*"
   ],
   "dependencies": {
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.6-canary.f73623d",
+    "@astryxdesign/core": "0.7.6-canary.f899313",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.6-canary.f73623d"
+    "@astryxdesign/cli": "0.7.6-canary.f899313"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/dist/gothicColorMapping.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=gothicColorMapping.test.d.ts.map

package/dist/gothicColorMapping.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gothicColorMapping.test.d.ts","sourceRoot":"","sources":["../src/gothicColorMapping.test.ts"],"names":[],"mappings":""}

package/dist/gothicPalettes.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=gothicPalettes.test.d.ts.map

package/dist/gothicPalettes.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gothicPalettes.test.d.ts","sourceRoot":"","sources":["../src/gothicPalettes.test.ts"],"names":[],"mappings":""}

package/dist/gothicTheme.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=gothicTheme.test.d.ts.map

package/dist/gothicTheme.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"gothicTheme.test.d.ts","sourceRoot":"","sources":["../src/gothicTheme.test.ts"],"names":[],"mappings":""}

package/src/gothicColorMapping.test.ts

@@ -1,43 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {readFileSync} from 'node:fs';
-import {describe, expect, it} from 'vitest';
-import {gothicTheme} from './gothicTheme';
-
-const source = readFileSync(
-  new URL('./gothicTheme.ts', import.meta.url),
-  'utf8',
-);
-
-const maintainedThemeSource = source.slice(
-  0,
-  source.indexOf('/**\n * Frozen released compatibility palettes'),
-);
-
-describe('gothic color token mapping completeness', () => {
-  it('does not redefine the data-visualization color system', () => {
-    expect(
-      Object.keys(gothicTheme.tokens).filter(name =>
-        name.startsWith('--color-data-'),
-      ),
-    ).toEqual([]);
-  });
-
-  it('keeps every root color value concrete', () => {
-    for (const [name, value] of Object.entries(gothicTheme.tokens)) {
-      if (!name.startsWith('--color-')) {
-        continue;
-      }
-      expect(typeof value, name).toBe('string');
-      expect(value, name).toMatch(
-        /^(?:transparent|#[0-9a-f]{6}(?:[0-9a-f]{2})?)$/i,
-      );
-    }
-  });
-
-  it('uses no one-off color literals in the maintained theme source', () => {
-    expect(maintainedThemeSource).not.toMatch(
-      /#[0-9a-f]{3,8}\b|\brgba?\(|\bhsl[a]?\(|\boklch\(|\bblack\b|\bwhite\b/i,
-    );
-  });
-});

package/src/gothicPalettes.test.ts

@@ -1,63 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, expect, it} from 'vitest';
-import {palette as gothicModePalettes} from './gothicPalettes.generated';
-import {gothicPalettes} from './gothicTheme';
-
-const stops = [
-  0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95,
-  100,
-] as const;
-
-const families = [
-  'neutral',
-  'blue',
-  'cyan',
-  'green',
-  'orange',
-  'pink',
-  'purple',
-  'red',
-  'teal',
-  'yellow',
-] as const;
-
-describe('gothic palette artifact', () => {
-  it('preserves the existing public shape with every reviewed dark stop', () => {
-    expect(Object.keys(gothicPalettes)).toEqual(families);
-    for (const familyName of families) {
-      const family = gothicPalettes[familyName];
-      expect(typeof family.hue).toBe('number');
-      expect(typeof family.chroma).toBe('number');
-      for (const stop of stops) {
-        expect(family[stop]).toMatch(/^#[0-9a-f]{6}$/i);
-      }
-      expect(family[0]).toBe('#000000');
-      expect(family[100]).toBe('#ffffff');
-    }
-  });
-
-  it('keeps Gothic semantic, categorical, and syntax anchors exact', () => {
-    expect(gothicPalettes.neutral[10]).toBe('#101314');
-    expect(gothicPalettes.neutral[20]).toBe('#24292D');
-    expect(gothicPalettes.neutral[40]).toBe('#495056');
-    expect(gothicPalettes.neutral[75]).toBe('#96A0AB');
-    expect(gothicPalettes.neutral[95]).toBe('#E8F1F6');
-
-    expect(gothicModePalettes.purple.dark[80]).toBe('#c39adb');
-    expect(gothicModePalettes.green.dark[70]).toBe('#a3c987');
-    expect(gothicModePalettes.blue.dark[65]).toBe('#8aa1d8');
-    expect(gothicModePalettes.yellow.dark[65]).toBe('#e6b85e');
-    expect(gothicModePalettes.yellow.dark[70]).toBe('#dec074');
-    expect(gothicModePalettes.pink.dark[65]).toBe('#d97580');
-    expect(gothicModePalettes.teal.dark[70]).toBe('#7cc5b3');
-
-    for (const familyName of families.filter(family => family !== 'neutral')) {
-      const family = gothicModePalettes[familyName].dark;
-      expect(family[20]).toMatch(/^#[0-9a-f]{6}$/i);
-      expect(family[30]).toMatch(/^#[0-9a-f]{6}$/i);
-      expect(family[60]).toMatch(/^#[0-9a-f]{6}$/i);
-      expect(family[75]).toMatch(/^#[0-9a-f]{6}$/i);
-    }
-  });
-});

package/src/gothicTheme.test.ts

@@ -1,98 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, expect, it} from 'vitest';
-import {resolveThemeTokens} from '@astryxdesign/core/theme';
-import {palette as gothicModePalettes} from './gothicPalettes.generated';
-import {gothicTheme} from './gothicTheme';
-
-const categoricalFamilies = [
-  'blue',
-  'cyan',
-  'green',
-  'orange',
-  'pink',
-  'purple',
-  'red',
-  'teal',
-  'yellow',
-] as const;
-
-function linearize(channel: number): number {
-  const value = channel / 255;
-  return value <= 0.04045
-    ? value / 12.92
-    : Math.pow((value + 0.055) / 1.055, 2.4);
-}
-
-function luminance(color: string): number {
-  const [red, green, blue] = [1, 3, 5].map(index =>
-    Number.parseInt(color.slice(index, index + 2), 16),
-  );
-  return (
-    0.2126 * linearize(red) +
-    0.7152 * linearize(green) +
-    0.0722 * linearize(blue)
-  );
-}
-
-function contrast(foreground: string, background: string): number {
-  const [lighter, darker] = [luminance(foreground), luminance(background)].sort(
-    (left, right) => right - left,
-  );
-  return (lighter + 0.05) / (darker + 0.05);
-}
-
-describe('gothic palette mapping', () => {
-  it('keeps the theme dark-only and maps its neutral surface ladder', () => {
-    const tokens = resolveThemeTokens(gothicTheme, {mode: 'dark'});
-    const neutral = gothicModePalettes.neutral.dark;
-
-    expect(tokens['--color-background-body']).toBe(neutral[10]);
-    expect(tokens['--color-background-surface']).toBe(neutral[10]);
-    expect(tokens['--color-background-card']).toBe(neutral[15]);
-    expect(tokens['--color-background-popover']).toBe(neutral[20]);
-    expect(tokens['--color-text-primary']).toBe(neutral[95]);
-    expect(tokens['--color-text-secondary']).toBe(neutral[75]);
-  });
-
-  it('maps syntax roles to reviewed jewel-tone anchors with AA comments', () => {
-    const tokens = resolveThemeTokens(gothicTheme, {mode: 'dark'});
-    expect(tokens).toMatchObject({
-      '--color-syntax-keyword': gothicModePalettes.purple.dark[80],
-      '--color-syntax-string': gothicModePalettes.green.dark[70],
-      '--color-syntax-comment': gothicModePalettes.neutral.dark[65],
-      '--color-syntax-number': gothicModePalettes.yellow.dark[70],
-      '--color-syntax-function': gothicModePalettes.blue.dark[65],
-      '--color-syntax-type': gothicModePalettes.purple.dark[80],
-      '--color-syntax-constant': gothicModePalettes.yellow.dark[65],
-      '--color-syntax-tag': gothicModePalettes.pink.dark[65],
-      '--color-syntax-attribute': gothicModePalettes.yellow.dark[70],
-      '--color-syntax-property': gothicModePalettes.teal.dark[70],
-      '--color-syntax-added-marker': gothicModePalettes.green.dark[70],
-      '--color-syntax-removed-marker': gothicModePalettes.pink.dark[65],
-    });
-    expect(
-      contrast(
-        gothicModePalettes.neutral.dark[65],
-        gothicModePalettes.neutral.dark[10],
-      ),
-      'syntax comment text',
-    ).toBeGreaterThanOrEqual(4.5);
-  });
-
-  it('maps every categorical role to the reviewed pattern with AA text', () => {
-    const tokens = resolveThemeTokens(gothicTheme, {mode: 'dark'});
-    for (const family of categoricalFamilies) {
-      const ramp = gothicModePalettes[family].dark;
-      const textStop = family === 'pink' || family === 'yellow' ? 15 : 20;
-      expect(tokens[`--color-background-${family}`]).toBe(ramp[75]);
-      expect(tokens[`--color-border-${family}`]).toBe(ramp[60]);
-      expect(tokens[`--color-icon-${family}`]).toBe(ramp[30]);
-      expect(tokens[`--color-text-${family}`]).toBe(ramp[textStop]);
-      expect(
-        contrast(ramp[textStop], ramp[75]),
-        `${family} categorical text`,
-      ).toBeGreaterThanOrEqual(4.5);
-    }
-  });
-});