From 37b82e107b14fb041f0a2ef4d2a589ea50cb3bfd Mon Sep 17 00:00:00 2001
From: Barry van Veen <barry@observation.org>
Date: Wed, 13 May 2026 13:59:17 +0200
Subject: [PATCH 1/3] Get font sizes from theme to account for overrides

---
 src/components/InputField.tsx      | 6 +++---
 src/components/Notification.tsx    | 3 +--
 src/components/ProgressBarList.tsx | 7 +++----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/InputField.tsx b/src/components/InputField.tsx
index 0f8f240..cd2ee65 100644
--- a/src/components/InputField.tsx
+++ b/src/components/InputField.tsx
@@ -3,7 +3,7 @@ import { Platform, StyleProp, StyleSheet, Text, TextInput, TextInputProps, View,
 
 import { Icon } from './Icon'
 import IconText from './IconText'
-import { font, layout, rounded } from '../styles'
+import { layout, rounded } from '../styles'
 import { Theme, createInputStyles, useStyles, useTheme } from '../theme'
 
 type Props = {
@@ -128,11 +128,11 @@ const createStyles = (theme: Theme) => {
       justifyContent: 'center',
     },
     errorStyle: {
-      ...font.small,
+      ...theme.font.small,
       color: theme.color.text.system.error,
     },
     descriptionStyle: {
-      ...font.small,
+      ...theme.font.small,
       color: theme.color.text.system.subtle,
     },
   })
diff --git a/src/components/Notification.tsx b/src/components/Notification.tsx
index c53c618..68dbdea 100644
--- a/src/components/Notification.tsx
+++ b/src/components/Notification.tsx
@@ -1,7 +1,6 @@
 import React from 'react'
 import { StyleProp, Text, View, ViewStyle } from 'react-native'
 
-import { font } from '../styles'
 import { useTheme } from '../theme/ThemeProvider'
 
 type Props = {
@@ -27,7 +26,7 @@ const Notification = ({ count, style }: Props) => {
     >
       <Text
         allowFontScaling={false}
-        style={{ ...font.extraSmall, color: theme.color.text.system.staticWhite, textAlign: 'center' }}
+        style={{ ...theme.font.extraSmall, color: theme.color.text.system.staticWhite, textAlign: 'center' }}
       >
         {count}
       </Text>
diff --git a/src/components/ProgressBarList.tsx b/src/components/ProgressBarList.tsx
index 3a4ebb4..7fc40e3 100644
--- a/src/components/ProgressBarList.tsx
+++ b/src/components/ProgressBarList.tsx
@@ -3,7 +3,6 @@ import { StyleSheet, Text, View } from 'react-native'
 
 import { Icon } from './Icon'
 import ProgressBar from '../data/ProgressBar'
-import { font } from '../styles'
 import { Theme, useStyles, useTheme } from '../theme'
 
 type Props = {
@@ -127,7 +126,7 @@ const createStyles = (theme: Theme) =>
       paddingLeft: borderRadius,
     },
     label: {
-      ...font.small,
+      ...theme.font.small,
       color: theme.overlay.white70,
       justifyContent: 'center',
       lineHeight: barHeight,
@@ -150,12 +149,12 @@ const createStyles = (theme: Theme) =>
       paddingRight: borderRadius,
     },
     denominator: {
-      ...font.small,
+      ...theme.font.small,
       color: theme.overlay.white70,
       lineHeight: barHeight,
     },
     numerator: {
-      ...font.smallBold,
+      ...theme.font.smallBold,
       color: theme.color.text.system.staticWhite,
       lineHeight: barHeight,
     },

From e9ecd94171cedfbe6e36adadcd2290a90ef82d87 Mon Sep 17 00:00:00 2001
From: Barry van Veen <barry@observation.org>
Date: Tue, 26 May 2026 08:50:33 +0200
Subject: [PATCH 2/3] Bump version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 42d6461..de9d87b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@observation.org/react-native-components",
-  "version": "1.77.0",
+  "version": "1.78.0",
   "main": "src/index.ts",
   "exports": {
     ".": "./src/index.ts",

From bcc8f0e594ae2aa0400b5e5889a2363f27298c27 Mon Sep 17 00:00:00 2001
From: Barry van Veen <barry@observation.org>
Date: Wed, 27 May 2026 12:56:08 +0200
Subject: [PATCH 3/3] useInputStyles helper

---
 src/theme/createInputStyles.ts | 3 +++
 src/theme/index.ts             | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/theme/createInputStyles.ts b/src/theme/createInputStyles.ts
index 930f1d2..849bca9 100644
--- a/src/theme/createInputStyles.ts
+++ b/src/theme/createInputStyles.ts
@@ -1,5 +1,6 @@
 import { StyleSheet } from 'react-native'
 
+import { useStyles } from './ThemeProvider'
 import { Theme } from './types'
 import { rounded } from '../styles/rounded'
 
@@ -14,3 +15,5 @@ export const createInputStyles = (theme: Theme) =>
       paddingRight: theme.margin.double,
     },
   })
+
+export const useInputStyles = () => useStyles(createInputStyles)
diff --git a/src/theme/index.ts b/src/theme/index.ts
index f2212e1..eaac1ea 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -1,6 +1,6 @@
 export { ThemeProvider, useTheme, useStyles } from './ThemeProvider'
 export { createTheme } from './createTheme'
-export { createInputStyles } from './createInputStyles'
+export { createInputStyles, useInputStyles } from './createInputStyles'
 export { defaultTheme } from './defaultTheme'
 
 export type * from './types'