@ankhorage/zora 4.0.0 → 4.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 4.1.0
+
+### Minor Changes
+
+- 39967b9: Expose SVG `source` rendering through the existing ZORA `Icon` component.
+
 ## 4.0.0
 
 ### Major Changes

package/dist/components/icon/Icon.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
 export type IconProps = ZoraBaseProps & SurfaceIconProps;
 /***
- * Renders an icon from a configured icon provider with theme-aware defaults.
+ * Renders either a named font icon or an SVG source through Surface with theme-aware defaults.
  */
 export declare const Icon: (props: IconProps) => React.ReactElement | null;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/icon/Icon.js

@@ -5,7 +5,7 @@ function IconInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interac
     return <SurfaceIcon {...props}/>;
 }
 /***
- * Renders an icon from a configured icon provider with theme-aware defaults.
+ * Renders either a named font icon or an SVG source through Surface with theme-aware defaults.
  */
 export const Icon = withZoraThemeScope(IconInner);
 //# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAsC,MAAM,oBAAoB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKpE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACE;IACV,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpC,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import { Icon as SurfaceIcon, type IconProps as SurfaceIconProps } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type IconProps = ZoraBaseProps & SurfaceIconProps;\n\nfunction IconInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: IconProps) {\n  return <SurfaceIcon {...props} />;\n}\n\n/***\n * Renders an icon from a configured icon provider with theme-aware defaults.\n */\nexport const Icon = withZoraThemeScope(IconInner);\n"]}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAsC,MAAM,oBAAoB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAKpE,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACE;IACV,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACpC,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import { Icon as SurfaceIcon, type IconProps as SurfaceIconProps } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type IconProps = ZoraBaseProps & SurfaceIconProps;\n\nfunction IconInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: IconProps) {\n  return <SurfaceIcon {...props} />;\n}\n\n/***\n * Renders either a named font icon or an SVG source through Surface with theme-aware defaults.\n */\nexport const Icon = withZoraThemeScope(IconInner);\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/zora",
   "type": "module",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.",
   "homepage": "https://github.com/ankhorage/zora#readme",
   "bugs": {
@@ -33,12 +33,13 @@
     "react": "19.2.3",
     "react-native": "0.86.x",
     "react-native-safe-area-context": "~5.7.0",
+    "react-native-svg": "15.15.4",
     "react-native-web": "~0.21.0"
   },
   "dependencies": {
     "@ankhorage/color-theory": "^0.3.0",
     "@ankhorage/contracts": "^8.0.2",
-    "@ankhorage/surface": "^3.3.0"
+    "@ankhorage/surface": "^3.4.1"
   },
   "files": [
     "dist",
@@ -94,7 +95,7 @@
     "version-packages": "ankhorage-changeset version"
   },
   "devDependencies": {
-    "@ankhorage/devtools": "^1.9.4",
+    "@ankhorage/devtools": "^1.10.4",
     "@ankhorage/paradox": "^0.1.24",
     "@react-native-picker/picker": "2.11.4",
     "@react-native-vector-icons/fontawesome": "^13.1.3",
@@ -111,6 +112,7 @@
     "react-dom": "19.2.3",
     "react-native": "0.86.3",
     "react-native-safe-area-context": "~5.7.0",
+    "react-native-svg": "15.15.4",
     "react-native-web": "~0.21.0",
     "typescript": "~6.0.3"
   },

package/src/components/icon/Icon.tsx

@@ -16,6 +16,6 @@ function IconInner({
 }
 
 /***
- * Renders an icon from a configured icon provider with theme-aware defaults.
+ * Renders either a named font icon or an SVG source through Surface with theme-aware defaults.
  */
 export const Icon = withZoraThemeScope(IconInner);

package/src/expo57Migration.test.ts

@@ -60,6 +60,8 @@ describe('portable ZORA package boundary', () => {
     expect(readValue(dependencies, '@ankhorage/contracts')).toMatch(CARET_SEMVER_RANGE);
     expect(peers.react).toMatch(EXACT_SEMVER_VERSION);
     expect(readValue(peers, 'react-native')).toMatch(MINOR_WILDCARD_SEMVER_RANGE);
+    expect(readValue(peers, 'react-native-svg')).toBe('15.15.4');
+    expect(readValue(development, 'react-native-svg')).toBe('15.15.4');
     expect(readValue(peers, 'react-native-web')).toMatch(TILDE_SEMVER_RANGE);
     expect(development.typescript).toMatch(TILDE_SEMVER_RANGE);
 

package/src/platformAcceptance.test.ts

@@ -9,6 +9,6 @@ test('passes the isolated Surface 3 and RN Web 0.21 acceptance suite', () => {
   const output = `${subprocess.stdout.toString()}\n${subprocess.stderr.toString()}`;
 
   expect(subprocess.exitCode, output).toBe(0);
-  expect(output).toContain('4 pass');
+  expect(output).toContain('5 pass');
   expect(output).toContain('0 fail');
 });