react-native-terra-ui 0.13.0 → 0.13.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [0.13.1](https://github.com/earthlin9/react-native-terra-ui/compare/v0.13.0...v0.13.1) (2026-09-26)
+
+### Bug Fixes
+
+* **ui:** [header] minor UI update to header ([b8e60da](https://github.com/earthlin9/react-native-terra-ui/commit/b8e60da94ce17a5af2eb525c0bfb8f4b8f08255a))
+
 ## [0.13.0](https://github.com/earthlin9/react-native-terra-ui/compare/v0.12.1...v0.13.0) (2026-09-26)
 
 ### ⚠ BREAKING CHANGES

package/lib/module/components/header/parts/HeaderBar.js

@@ -17,6 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Shared compact bar. Only the title and background animate; actions stay interactive. */
 export function HeaderBar({
   title,
+  subtitle,
   leading,
   trailing,
   titleAlignment,
@@ -77,15 +78,20 @@ export function HeaderBar({
           }), hasLeading && /*#__PURE__*/_jsxs(Toolbar, {
             onLayout: onLeadingLayout,
             children: [dismissAction === "back" && dismiss, leading]
-          }), /*#__PURE__*/_jsx(Animated.View, {
+          }), /*#__PURE__*/_jsxs(Animated.View, {
             style: [styles.titleContainer, styles.titleInsets(windowInsets.left, windowInsets.right, hasLeading ? leadingWidth : 0, hasTrailing ? trailingWidth : 0, titleAlignment), titleStyle],
             pointerEvents: isCustomTitle(title) ? "box-none" : "none",
-            children: isTextTitle(title) ? String(title).trim().length > 0 && /*#__PURE__*/_jsx(Text, {
+            children: [isTextTitle(title) ? String(title).trim().length > 0 && /*#__PURE__*/_jsx(Text, {
               style: styles.title,
               numberOfLines: 1,
               maxFontSizeMultiplier: theme.typography.variants["title-md"].maxFontSizeMultiplier,
               children: title
-            }) : title
+            }) : title, !!subtitle && /*#__PURE__*/_jsx(Text, {
+              style: styles.subtitle,
+              numberOfLines: 1,
+              maxFontSizeMultiplier: theme.typography.variants["label-sm"].maxFontSizeMultiplier,
+              children: subtitle
+            })]
           }), hasTrailing && /*#__PURE__*/_jsxs(Toolbar, {
             style: styles.trailing,
             onLayout: onTrailingLayout,
@@ -102,6 +108,9 @@ const styles = StyleSheet.create((theme, runtime) => {
   const titleWeight = theme.typography.variants["title-md"].fontWeight;
   const titleFont = theme.typography.fonts[titleWeight];
   const isSystemTitleFont = titleFont === SYSTEM_FONT;
+  const subtitleWeight = theme.typography.variants["label-sm"].fontWeight;
+  const subtitleFont = theme.typography.fonts[subtitleWeight];
+  const isSystemSubtitleFont = subtitleFont === SYSTEM_FONT;
   return {
     windowInsets: (left, right) => ({
       paddingLeft: Math.max(resolveScreenPadding(theme, runtime.breakpoint).x, left),
@@ -189,6 +198,26 @@ const styles = StyleSheet.create((theme, runtime) => {
         }
       },
       uni__dependencies: [0, 4]
+    },
+    subtitle: {
+      fontSize: theme.typography.variants["label-sm"].fontSize,
+      lineHeight: theme.typography.variants["label-sm"].lineHeight,
+      letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
+      fontFamily: isSystemSubtitleFont ? undefined : subtitleFont,
+      fontWeight: isSystemSubtitleFont ? FONT_WEIGHT_VALUE[subtitleWeight] : undefined,
+      includeFontPadding: false,
+      color: theme.color["text.tertiary"] ?? "",
+      variants: {
+        titleAlignment: {
+          center: {
+            textAlign: "center"
+          },
+          left: {
+            textAlign: "left"
+          }
+        }
+      },
+      uni__dependencies: [0, 4]
     }
   };
 });

package/lib/module/components/header/parts/HeaderBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","leadingWidth","setLeadingWidth","trailingWidth","setTrailingWidth","onLeadingLayout","event","nativeEvent","layout","width","onTrailingLayout","hasLeading","hasTrailing","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","onLayout","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","numberOfLines","maxFontSizeMultiplier","typography","variants","create","runtime","titleWeight","fontWeight","titleFont","fonts","isSystemTitleFont","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","padding","gap","spacing","reachLeft","reachRight","inset","height","header","flexDirection","alignItems","paddingHorizontal","screen","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","fontFamily","undefined","includeFontPadding","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","Animated","ScrollToTopGuard","StyleSheet","useUnistyles","FONT_WEIGHT_VALUE","SYSTEM_FONT","resolveScreenPadding","Toolbar","HeaderDismissButton","isCustomTitle","isTextTitle","HeaderSurface","HeaderWindowInsets","jsx","_jsx","jsxs","_jsxs","HeaderBar","title","subtitle","leading","trailing","titleAlignment","color","surfaceStyle","titleStyle","dismissAction","navigation","onDismiss","theme","windowInsets","setWindowInsets","left","right","leadingWidth","setLeadingWidth","trailingWidth","setTrailingWidth","onLeadingLayout","event","nativeEvent","layout","width","onTrailingLayout","hasLeading","hasTrailing","_styles","styles","useVariants","dismiss","children","View","style","bar","animatedStyle","onInsetsChange","onLayout","titleContainer","titleInsets","pointerEvents","String","trim","length","Text","numberOfLines","maxFontSizeMultiplier","typography","variants","create","runtime","titleWeight","fontWeight","titleFont","fonts","isSystemTitleFont","subtitleWeight","subtitleFont","isSystemSubtitleFont","paddingLeft","Math","max","breakpoint","x","paddingRight","uni__dependencies","alignment","padding","gap","spacing","reachLeft","reachRight","inset","height","header","flexDirection","alignItems","paddingHorizontal","screen","justifyContent","center","marginLeft","position","flex","fontSize","lineHeight","letterSpacing","fontFamily","undefined","includeFontPadding","textAlign"],"sourceRoot":"../../../../../src","sources":["components/header/parts/HeaderBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/header/variants/TitleHeader/index.js

@@ -12,6 +12,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /** Compact header. Screen owns the safe area when present; standalone headers reserve it here. */
 export function TitleHeader({
   title,
+  subtitle,
   leadingActions,
   trailingActions,
   LeftToolbar,
@@ -33,6 +34,7 @@ export function TitleHeader({
     }), /*#__PURE__*/_jsx(HeaderBar, {
       ...dismissProps,
       title: title,
+      subtitle: subtitle,
       titleAlignment: titleAlignment,
       color: color,
       leading: leadingActions !== undefined ? leadingActions : LeftToolbar,

package/lib/module/components/header/variants/TitleHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","StyleSheet","useHeaderBackground","ScreenContext","useHeaderColor","HeaderAccessory","HeaderBar","jsx","_jsx","jsxs","_jsxs","TitleHeader","title","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","titleAlignment","background","bg","dismissProps","screen","color","View","style","styles","container","children","safeArea","leading","undefined","trailing","padding","onHeightChange","setHeaderAccessoryHeight","create","_","runtime","position","top","left","right","zIndex","withinScreen","height","insets","backgroundColor","uni__dependencies"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":";;;AAAA,SAAyBA,UAAU,QAAQ,OAAO;AAGlD,SAASC,UAAU,QAAQ,wBAAwB;AAGnD,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AAEtB,SAASC,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,SAAS;AAAgC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA4ClD;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,cAAc;EACdC,eAAe;EACfC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,gBAAgB,GAAG,GAAG;EACtBC,cAAc,GAAG,QAAQ;EACzBC,UAAU;EACVC,EAAE;EACF,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,MAAM,GAAGvB,UAAU,CAACG,aAAa,CAAC;EACxC,MAAMqB,KAAK,GAAGpB,cAAc,CAACgB,UAAU,IAAIC,EAAE,CAAC;EAC9CnB,mBAAmB,CAACsB,KAAK,CAAC;EAC1B,oBACEd,KAAA,CAACe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BrB,IAAA,CAACiB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACG,QAAQ,CAACN,KAAK,EAAED,MAAM,KAAK,IAAI;IAAE,CAAE,CAAC,eACxDf,IAAA,CAACF,SAAS;MAAA,GACJgB,YAAY;MAChBV,KAAK,EAAEA,KAAM;MACbO,cAAc,EAAEA,cAAe;MAC/BK,KAAK,EAAEA,KAAM;MACbO,OAAO,EAAElB,cAAc,KAAKmB,SAAS,GAAGnB,cAAc,GAAGE,WAAY;MACrEkB,QAAQ,EAAEnB,eAAe,KAAKkB,SAAS,GAAGlB,eAAe,GAAGE;IAAa,CAC1E,CAAC,EACDC,SAAS,IAAI,IAAI,iBAChBT,IAAA,CAACH,eAAe;MACd6B,OAAO,EAAEhB,gBAAiB;MAC1BM,KAAK,EAAEA,KAAM;MACbW,cAAc,EAAEZ,MAAM,EAAEa,wBAAyB;MAAAP,QAAA,EAEhDZ;IAAS,CACK,CAClB;EAAA,CACG,CAAC;AAEX;AAEA,MAAMU,MAAM,GAAG1B,UAAU,CAACoC,MAAM,CAAC,CAACC,CAAC,EAAEC,OAAO,MAAM;EAChDX,SAAS,EAAE;IAAEY,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAK,CAAC;EAC5Ed,QAAQ,EAAEA,CAACN,KAAa,EAAEqB,YAAqB,MAAM;IACnDC,MAAM,EAAED,YAAY,GAAG,CAAC,GAAGN,OAAO,CAACQ,MAAM,CAACN,GAAG;IAC7CO,eAAe,EAAExB,KAAK;IAAAyB,iBAAA;EACxB,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useContext","StyleSheet","useHeaderBackground","ScreenContext","useHeaderColor","HeaderAccessory","HeaderBar","jsx","_jsx","jsxs","_jsxs","TitleHeader","title","subtitle","leadingActions","trailingActions","LeftToolbar","RightToolbar","accessory","accessoryPadding","titleAlignment","background","bg","dismissProps","screen","color","View","style","styles","container","children","safeArea","leading","undefined","trailing","padding","onHeightChange","setHeaderAccessoryHeight","create","_","runtime","position","top","left","right","zIndex","withinScreen","height","insets","backgroundColor","uni__dependencies"],"sourceRoot":"../../../../../../src","sources":["components/header/variants/TitleHeader/index.tsx"],"mappings":";;;AAAA,SAAyBA,UAAU,QAAQ,OAAO;AAGlD,SAASC,UAAU,QAAQ,wBAAwB;AAGnD,SAASC,mBAAmB;AAC5B,SAASC,aAAa;AAEtB,SAASC,cAAc;AACvB,SAASC,eAAe;AACxB,SAASC,SAAS;AAAgC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA8ClD;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,QAAQ;EACRC,cAAc;EACdC,eAAe;EACfC,WAAW;EACXC,YAAY;EACZC,SAAS;EACTC,gBAAgB,GAAG,GAAG;EACtBC,cAAc,GAAG,QAAQ;EACzBC,UAAU;EACVC,EAAE;EACF,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,MAAM,GAAGxB,UAAU,CAACG,aAAa,CAAC;EACxC,MAAMsB,KAAK,GAAGrB,cAAc,CAACiB,UAAU,IAAIC,EAAE,CAAC;EAC9CpB,mBAAmB,CAACuB,KAAK,CAAC;EAC1B,oBACEf,KAAA,CAACgB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BtB,IAAA,CAACkB,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACG,QAAQ,CAACN,KAAK,EAAED,MAAM,KAAK,IAAI;IAAE,CAAE,CAAC,eACxDhB,IAAA,CAACF,SAAS;MAAA,GACJiB,YAAY;MAChBX,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBO,cAAc,EAAEA,cAAe;MAC/BK,KAAK,EAAEA,KAAM;MACbO,OAAO,EAAElB,cAAc,KAAKmB,SAAS,GAAGnB,cAAc,GAAGE,WAAY;MACrEkB,QAAQ,EAAEnB,eAAe,KAAKkB,SAAS,GAAGlB,eAAe,GAAGE;IAAa,CAC1E,CAAC,EACDC,SAAS,IAAI,IAAI,iBAChBV,IAAA,CAACH,eAAe;MACd8B,OAAO,EAAEhB,gBAAiB;MAC1BM,KAAK,EAAEA,KAAM;MACbW,cAAc,EAAEZ,MAAM,EAAEa,wBAAyB;MAAAP,QAAA,EAEhDZ;IAAS,CACK,CAClB;EAAA,CACG,CAAC;AAEX;AAEA,MAAMU,MAAM,GAAG3B,UAAU,CAACqC,MAAM,CAAC,CAACC,CAAC,EAAEC,OAAO,MAAM;EAChDX,SAAS,EAAE;IAAEY,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,CAAC;IAAEC,IAAI,EAAE,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAK,CAAC;EAC5Ed,QAAQ,EAAEA,CAACN,KAAa,EAAEqB,YAAqB,MAAM;IACnDC,MAAM,EAAED,YAAY,GAAG,CAAC,GAAGN,OAAO,CAACQ,MAAM,CAACN,GAAG;IAC7CO,eAAe,EAAExB,KAAK;IAAAyB,iBAAA;EACxB,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/theme/tokens/primitives.js

@@ -467,8 +467,8 @@ export const primitives = {
   // ── screen-level layout ───────────────────────────────────────────────────
   // `padding.x`/`padding.y` both scale up with the viewport breakpoint (see
   // `theme/breakpoints.ts`).
-  "layout.screen.padding.x.xs": 16,
-  "layout.screen.padding.x.sm": 16,
+  "layout.screen.padding.x.xs": 20,
+  "layout.screen.padding.x.sm": 20,
   "layout.screen.padding.x.md": 24,
   "layout.screen.padding.x.lg": 32,
   "layout.screen.padding.x.xl": 48,

package/lib/typescript/src/components/header/parts/HeaderBar.d.ts

@@ -4,6 +4,7 @@ import { type HeaderDismissProps } from "../header-buttons.js";
 import { type HeaderSurfaceProps } from "./HeaderSurface.js";
 interface HeaderBarProps extends HeaderDismissProps {
     title?: ReactNode;
+    subtitle?: string;
     leading?: ReactNode;
     trailing?: ReactNode;
     titleAlignment: "center" | "left";
@@ -12,6 +13,6 @@ interface HeaderBarProps extends HeaderDismissProps {
     titleStyle?: ComponentProps<typeof Animated.View>["style"];
 }
 /** Shared compact bar. Only the title and background animate; actions stay interactive. */
-export declare function HeaderBar({ title, leading, trailing, titleAlignment, color, surfaceStyle, titleStyle, dismissAction, navigation, onDismiss, }: HeaderBarProps): import("react").JSX.Element;
+export declare function HeaderBar({ title, subtitle, leading, trailing, titleAlignment, color, surfaceStyle, titleStyle, dismissAction, navigation, onDismiss, }: HeaderBarProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=HeaderBar.d.ts.map

package/lib/typescript/src/components/header/parts/HeaderBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGtE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAO/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,sBAAmB,CAAC;AAEjF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAGzE,UAAU,cAAe,SAAQ,kBAAkB;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAC5D;AAED,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,cAAc,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,aAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,cAAc,+BA2EhB"}
+{"version":3,"file":"HeaderBar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGtE,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAO/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,sBAAmB,CAAC;AAEjF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAiB,CAAC;AAGzE,UAAU,cAAe,SAAQ,kBAAkB;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,EAAE,QAAQ,GAAG,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAC5D;AAED,2FAA2F;AAC3F,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,aAAsB,EACtB,UAAU,EACV,SAAS,GACV,EAAE,cAAc,+BAoFhB"}

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts

@@ -9,6 +9,8 @@ export interface TitleHeaderProps extends HeaderDismissProps {
      * the header only places it according to `titleAlignment`.
      */
     title?: ReactNode;
+    /** Optional secondary line shown under the title, in the `label-sm` style. */
+    subtitle?: string;
     /**
      * Leading-side actions, wrapped in a `Toolbar` row. Pass `Toolbar.Group` /
      * `Toolbar.Button` children directly — no `Toolbar` of your own.
@@ -43,5 +45,5 @@ export interface TitleHeaderProps extends HeaderDismissProps {
     bg?: ColorToken;
 }
 /** Compact header. Screen owns the safe area when present; standalone headers reserve it here. */
-export declare function TitleHeader({ title, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, titleAlignment, background, bg, ...dismissProps }: TitleHeaderProps): import("react").JSX.Element;
+export declare function TitleHeader({ title, subtitle, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, titleAlignment, background, bg, ...dismissProps }: TitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAI/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAa,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,mGAAmG;IACnG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kCAAkC;IAClC,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED,kGAAkG;AAClG,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,cAAyB,EACzB,UAAU,EACV,EAAE,EACF,GAAG,YAAY,EAChB,EAAE,gBAAgB,+BA0BlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAI/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAa,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,mGAAmG;IACnG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kCAAkC;IAClC,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED,kGAAkG;AAClG,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,cAAyB,EACzB,UAAU,EACV,EAAE,EACF,GAAG,YAAY,EAChB,EAAE,gBAAgB,+BA2BlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-terra-ui",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "Themeable React Native UI components built on react-native-unistyles",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/header/parts/HeaderBar.tsx

@@ -15,6 +15,7 @@ import { HeaderWindowInsets } from "./HeaderWindowInsets";
 
 interface HeaderBarProps extends HeaderDismissProps {
   title?: ReactNode;
+  subtitle?: string;
   leading?: ReactNode;
   trailing?: ReactNode;
   titleAlignment: "center" | "left";
@@ -26,6 +27,7 @@ interface HeaderBarProps extends HeaderDismissProps {
 /** Shared compact bar. Only the title and background animate; actions stay interactive. */
 export function HeaderBar({
   title,
+  subtitle,
   leading,
   trailing,
   titleAlignment,
@@ -100,6 +102,15 @@ export function HeaderBar({
                 </Text>
               )
             : title}
+          {!!subtitle && (
+            <Text
+              style={styles.subtitle}
+              numberOfLines={1}
+              maxFontSizeMultiplier={theme.typography.variants["label-sm"].maxFontSizeMultiplier}
+            >
+              {subtitle}
+            </Text>
+          )}
         </Animated.View>
         {hasTrailing && (
           <Toolbar style={styles.trailing} onLayout={onTrailingLayout}>
@@ -118,6 +129,9 @@ const styles = StyleSheet.create((theme, runtime) => {
   const titleWeight = theme.typography.variants["title-md"].fontWeight;
   const titleFont = theme.typography.fonts[titleWeight];
   const isSystemTitleFont = titleFont === SYSTEM_FONT;
+  const subtitleWeight = theme.typography.variants["label-sm"].fontWeight;
+  const subtitleFont = theme.typography.fonts[subtitleWeight];
+  const isSystemSubtitleFont = subtitleFont === SYSTEM_FONT;
 
   return {
     windowInsets: (left: number, right: number) => ({
@@ -196,5 +210,20 @@ const styles = StyleSheet.create((theme, runtime) => {
         },
       },
     },
+    subtitle: {
+      fontSize: theme.typography.variants["label-sm"].fontSize,
+      lineHeight: theme.typography.variants["label-sm"].lineHeight,
+      letterSpacing: theme.typography.variants["label-sm"].letterSpacing,
+      fontFamily: isSystemSubtitleFont ? undefined : subtitleFont,
+      fontWeight: isSystemSubtitleFont ? FONT_WEIGHT_VALUE[subtitleWeight] : undefined,
+      includeFontPadding: false,
+      color: (theme.color as unknown as Record<string, string | undefined>)["text.tertiary"] ?? "",
+      variants: {
+        titleAlignment: {
+          center: { textAlign: "center" },
+          left: { textAlign: "left" },
+        },
+      },
+    },
   };
 });

package/src/components/header/variants/TitleHeader/index.tsx

@@ -19,6 +19,8 @@ export interface TitleHeaderProps extends HeaderDismissProps {
    * the header only places it according to `titleAlignment`.
    */
   title?: ReactNode;
+  /** Optional secondary line shown under the title, in the `label-sm` style. */
+  subtitle?: string;
   /**
    * Leading-side actions, wrapped in a `Toolbar` row. Pass `Toolbar.Group` /
    * `Toolbar.Button` children directly — no `Toolbar` of your own.
@@ -56,6 +58,7 @@ export interface TitleHeaderProps extends HeaderDismissProps {
 /** Compact header. Screen owns the safe area when present; standalone headers reserve it here. */
 export function TitleHeader({
   title,
+  subtitle,
   leadingActions,
   trailingActions,
   LeftToolbar,
@@ -76,6 +79,7 @@ export function TitleHeader({
       <HeaderBar
         {...dismissProps}
         title={title}
+        subtitle={subtitle}
         titleAlignment={titleAlignment}
         color={color}
         leading={leadingActions !== undefined ? leadingActions : LeftToolbar}

package/src/theme/tokens/primitives.ts

@@ -479,8 +479,8 @@ export const primitives = {
   // ── screen-level layout ───────────────────────────────────────────────────
   // `padding.x`/`padding.y` both scale up with the viewport breakpoint (see
   // `theme/breakpoints.ts`).
-  "layout.screen.padding.x.xs": 16,
-  "layout.screen.padding.x.sm": 16,
+  "layout.screen.padding.x.xs": 20,
+  "layout.screen.padding.x.sm": 20,
   "layout.screen.padding.x.md": 24,
   "layout.screen.padding.x.lg": 32,
   "layout.screen.padding.x.xl": 48,