@korsolutions/ui 0.0.85 → 0.0.86

package/src/utils/use-themed-styles.ts

@@ -1,5 +1,8 @@
 import { useTheme } from "../themes";
 import type { Colors, FontFamily, FontSize, LetterSpacing, Radius } from "../themes/types";
+import { getSizeScale, type Size } from "./size-scale";
+
+type SizeScale = ReturnType<typeof getSizeScale>;
 
 interface CallbackProps {
   colors: Colors;
@@ -7,6 +10,9 @@ interface CallbackProps {
   fontFamily: FontFamily;
   letterSpacing: LetterSpacing;
   fontSize: FontSize;
+  spacing: number;
+  /** Compute spacing-based size dimensions from a Size token */
+  sizeScale: (size: Size) => SizeScale;
 }
 
 export const useThemedStyles = <T>(callback: (props: CallbackProps) => T): T => {
@@ -17,5 +23,7 @@ export const useThemedStyles = <T>(callback: (props: CallbackProps) => T): T =>
     fontFamily: theme.fontFamily,
     letterSpacing: theme.letterSpacing,
     fontSize: theme.fontSize,
+    spacing: theme.spacing,
+    sizeScale: (size: Size) => getSizeScale(size, theme.spacing, theme.fontSize),
   });
 };