feat(release): prepare 1.1.0 candidate

packages/ui-native/src/components/Header.tsx

@@ -5,7 +5,7 @@
 import { View, type ViewStyle, type StyleProp } from 'react-native'
 import { Led } from './Led'
 import { PhosphorText } from './PhosphorText'
-import { d3roNativePalette } from '../theme'
+import { useNativePalette } from '../theme-context'
 
 export interface HeaderProps {
   title: string
@@ -22,6 +22,7 @@ export function Header({
   paddingTop = 0,
   style
 }: HeaderProps): React.ReactElement {
+  const palette = useNativePalette()
   return (
     <View
       style={[
@@ -33,14 +34,18 @@ export function Header({
           paddingTop: paddingTop + 8,
           paddingBottom: 12,
           borderBottomWidth: showBorder ? 1 : 0,
-          borderBottomColor: d3roNativePalette.border.subtle
+          borderBottomColor: palette.border.subtle
         },
         style
       ]}
     >
       <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
         <Led color="amber" size={8} />
-        <PhosphorText variant="label" color="muted" style={{ letterSpacing: 3 }}>
+        <PhosphorText
+          accessibilityRole="header"
+          variant="label"
+          color="muted"
+        >
           {title}
         </PhosphorText>
       </View>