@ankhorage/zora 0.12.3 → 0.13.1

package/src/theme/createZoraThemeConfig.test.ts

@@ -16,10 +16,10 @@ describe('createZoraThemeConfig', () => {
     expect(themeConfig.name).toBe('ZORA');
     expect(isSixDigitHexColor(themeConfig.light.primaryColor)).toBe(true);
     expect(themeConfig.light.harmony).toBe('analogous');
-    expect(themeConfig.light.systemTone).toBe('jewel');
+    expect(themeConfig.light.colorTone).toBe('jewel');
     expect(isSixDigitHexColor(themeConfig.dark.primaryColor)).toBe(true);
     expect(themeConfig.dark.harmony).toBe('analogous');
-    expect(themeConfig.dark.systemTone).toBe('jewel');
+    expect(themeConfig.dark.colorTone).toBe('jewel');
 
     expect(themeConfig.light.primaryColor).not.toBe(themeConfig.dark.primaryColor);
 
@@ -33,17 +33,17 @@ describe('createZoraThemeConfig', () => {
       id: 'studio',
       primaryColor: '#0f766e',
       harmony: 'analogous',
-      tone: 'jewel',
+      colorTone: 'jewel',
     });
 
     expect(themeConfig.id).toBe('studio');
     expect(themeConfig.name).toBe('studio');
     expect(isSixDigitHexColor(themeConfig.light.primaryColor)).toBe(true);
     expect(themeConfig.light.harmony).toBe('analogous');
-    expect(themeConfig.light.systemTone).toBe('jewel');
+    expect(themeConfig.light.colorTone).toBe('jewel');
     expect(isSixDigitHexColor(themeConfig.dark.primaryColor)).toBe(true);
     expect(themeConfig.dark.harmony).toBe('analogous');
-    expect(themeConfig.dark.systemTone).toBe('jewel');
+    expect(themeConfig.dark.colorTone).toBe('jewel');
 
     expect(themeConfig.light.primaryColor).not.toBe(themeConfig.dark.primaryColor);
   });

package/src/theme/createZoraThemeConfig.ts

@@ -11,12 +11,12 @@ export function createZoraThemeConfig(theme: ZoraTheme = zoraDefaultTheme): Them
     light: {
       primaryColor: resolveModePrimaryColor(theme.primaryColor, 'light'),
       harmony: theme.harmony,
-      systemTone: theme.tone,
+      colorTone: theme.colorTone,
     },
     dark: {
       primaryColor: resolveModePrimaryColor(theme.primaryColor, 'dark'),
       harmony: theme.harmony,
-      systemTone: theme.tone,
+      colorTone: theme.colorTone,
     },
   };
 }

package/src/theme/types.ts

@@ -1,4 +1,4 @@
-import type { ThemeConfig } from '@ankhorage/surface';
+import type { ColorHarmony, ColorTone, ThemeConfig } from '@ankhorage/surface';
 
 export type ZoraThemeId = string;
 
@@ -6,22 +6,38 @@ export type ZoraThemeMode = 'light' | 'dark';
 
 export type ZoraHexColor = `#${string}`;
 
-export type ZoraColorHarmony =
-  | 'monochromatic'
-  | 'analogous'
-  | 'complementary'
-  | 'splitComplementary'
-  | 'triadic'
-  | 'tetradic';
+export const ZORA_COLOR_HARMONIES = [
+  'monochromatic',
+  'analogous',
+  'complementary',
+  'splitComplementary',
+  'triadic',
+  'tetradic',
+] as const satisfies readonly ColorHarmony[];
 
-export type ZoraColorTone = 'neutral' | 'pastel' | 'earth' | 'jewel' | 'fluorescent';
+export type ZoraColorHarmony = ColorHarmony;
+
+export const ZORA_COLOR_TONES = [
+  'neutral',
+  'pastel',
+  'earth',
+  'mineral',
+  'muted',
+  'jewel',
+  'fluorescent',
+  'obsidian',
+  'vaporwave',
+  'monochromeAccent',
+] as const satisfies readonly ColorTone[];
+
+export type ZoraColorTone = ColorTone;
 
 export interface ZoraTheme {
   id: ZoraThemeId;
   name?: string;
   primaryColor: ZoraHexColor;
   harmony: ZoraColorHarmony;
-  tone: ZoraColorTone;
+  colorTone: ZoraColorTone;
 }
 
 export interface ZoraComputedTheme {

package/src/theme/zoraDefaultTheme.ts

@@ -5,5 +5,5 @@ export const zoraDefaultTheme: ZoraTheme = {
   name: 'ZORA',
   primaryColor: '#0f766e',
   harmony: 'analogous',
-  tone: 'jewel',
+  colorTone: 'jewel',
 };