@ankhorage/zora 0.13.1 → 0.13.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.13.2
+
+### Patch Changes
+
+- 7ad5fab: replace stale tone with colorTone in theme seed examples
+
 ## 0.13.1
 
 ### Patch Changes

package/README.md

@@ -99,13 +99,19 @@ colors for light and dark mode internally.
     id: 'studio',
     primaryColor: '#0f766e',
     harmony: 'analogous',
-    tone: 'jewel',
+    colorTone: 'jewel',
   }}
 >
   <App />
 </ZoraProvider>
 ```
 
+> **`colorTone` vs component `tone`** — `colorTone` is a theme-seed field that
+> selects the color-world / palette tone for the whole theme (e.g. `'jewel'`,
+> `'pastel'`). Component `tone` props (e.g. `<Text tone="muted" />`,
+> `<Button tone="primary" />`) express semantic color intent inside that theme
+> and are independent of `colorTone`.
+
 `mode` and `themeId` are available on public ZORA components through `ZoraBaseProps`.
 Use component props for local component/subtree overrides.
 
@@ -1382,7 +1388,7 @@ Pass a theme seed to define your app theme:
     name: 'Studio',
     primaryColor: '#0f766e',
     harmony: 'analogous',
-    tone: 'jewel',
+    colorTone: 'jewel',
   }}
 >
   <App />
@@ -1416,7 +1422,7 @@ const themeConfig = createZoraThemeConfig({
   name: 'Studio',
   primaryColor: '#0f766e',
   harmony: 'analogous',
-  tone: 'jewel',
+  colorTone: 'jewel',
 });
 ```
 
@@ -1442,7 +1448,7 @@ const zoraDefaultTheme: ZoraTheme = {
   name: 'ZORA',
   primaryColor: '#0f766e',
   harmony: 'analogous',
-  tone: 'jewel',
+  colorTone: 'jewel',
 };
 ```
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {

package/src/components/heading/resolveHeadingRecipe.test.ts

@@ -52,12 +52,12 @@ function createTestTheme(): AnkhTheme {
       light: {
         primaryColor: '#0f766e',
         harmony: 'analogous',
-        systemTone: 'jewel',
+        colorTone: 'jewel',
       },
       dark: {
         primaryColor: '#2dd4bf',
         harmony: 'analogous',
-        systemTone: 'jewel',
+        colorTone: 'jewel',
       },
     },
     radii: {

package/src/components/text/resolveTextRecipe.test.ts

@@ -86,12 +86,12 @@ function createTestTheme(): AnkhTheme {
       light: {
         primaryColor: '#0f766e',
         harmony: 'analogous',
-        systemTone: 'jewel',
+        colorTone: 'jewel',
       },
       dark: {
         primaryColor: '#2dd4bf',
         harmony: 'analogous',
-        systemTone: 'jewel',
+        colorTone: 'jewel',
       },
     },
     radii: {