@ankhorage/zora 21.0.6 → 21.0.7

package/web-dist/runtime/ZoraProvider.d.ts

@@ -1,12 +1,84 @@
 import type React from 'react';
 
+export type ZoraThemeMode = 'light' | 'dark';
+
+export interface ZoraRuntimeRoleSemantics {
+  base: string;
+  hover: string;
+  strong: string;
+  softBg: string;
+  softHover: string;
+  softActive: string;
+  outline: string;
+  onSurfaceText: string;
+  onSolidText: string;
+  onHoverText: string;
+  onStrongText: string;
+  onSoftText: string;
+  onSoftHoverText: string;
+  onSoftActiveText: string;
+  disabledBg: string;
+  onDisabledText: string;
+}
+
+export interface ZoraRuntimeTheme {
+  colors: Readonly<Record<string, string>>;
+  spacing: Readonly<Record<string, number>>;
+  radii: Readonly<Record<string, number>>;
+  semantics: {
+    brand: ZoraRuntimeRoleSemantics;
+    secondary: ZoraRuntimeRoleSemantics;
+    accent: ZoraRuntimeRoleSemantics;
+    highlight: ZoraRuntimeRoleSemantics;
+    danger: ZoraRuntimeRoleSemantics;
+    success: ZoraRuntimeRoleSemantics;
+    warning: ZoraRuntimeRoleSemantics;
+    error: ZoraRuntimeRoleSemantics;
+    info: ZoraRuntimeRoleSemantics;
+    surface: {
+      default: string;
+      subtle: string;
+      raised: string;
+      sunken: string;
+      overlay: string;
+      disabled: string;
+      inverse: string;
+    };
+    content: {
+      default: string;
+      muted: string;
+      subtle: string;
+      disabled: string;
+      icon: string;
+      link: string;
+      visited: string;
+      inverse: string;
+    };
+    border: {
+      default: string;
+      subtle: string;
+      strong: string;
+      divider: string;
+      focus: string;
+    };
+    selection: { background: string; content: string; border: string };
+  };
+}
+
+export interface ZoraThemeRuntime {
+  readonly theme: ZoraRuntimeTheme;
+  readonly mode: ZoraThemeMode;
+  readonly setMode: (mode: ZoraThemeMode) => void;
+}
+
 export interface ZoraProviderProps {
   children: React.ReactNode;
-  initialMode?: 'light' | 'dark';
-  mode?: 'light' | 'dark';
+  initialMode?: ZoraThemeMode;
+  mode?: ZoraThemeMode;
   theme?: { id: string; name: string; appCategory: string; primaryColor: string; harmony: string };
   themeConfig?: Record<string, unknown>;
   toast?: boolean | Record<string, unknown>;
   bottomSheet?: boolean;
 }
 export declare function ZoraProvider(props: ZoraProviderProps): React.ReactElement;
+export declare function useZoraTheme(): ZoraThemeRuntime;

package/web-dist/runtime/ZoraProvider.js

@@ -29,6 +29,9 @@ import {
 import"../chunks/Accordion-r4c9k9y7.js";
 import"../chunks/Accordion-0jkm3y3w.js";
 import"../chunks/Accordion-eqvdv7tt.js";
+import {
+  useZoraTheme2
+} from "../chunks/Accordion-7ja4mtbz.js";
 import"../chunks/Accordion-ys214jt5.js";
 import"../chunks/Accordion-f5swy5bs.js";
 import"../chunks/Accordion-fre84yaq.js";
@@ -202,5 +205,6 @@ function ZoraProviderMode({ children, mode }) {
   return children;
 }
 export {
-  ZoraProvider
+  ZoraProvider,
+  useZoraTheme2 as useZoraTheme
 };