react-native-terra-ui 0.2.2 → 0.3.0

package/lib/module/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","jsx","_jsx","HEADING_VARIANT_ALIAS","h1","h2","h3","h4","h5","h6","resolveTextVariant","variant","Text","color","weight","align","italic","underline","strikeThrough","isTruncated","style","numberOfLines","ellipsizeMode","maxFontSizeMultiplier","rest","ref","theme","resolvedVariant","v","typography","variants","effectiveWeight","fontWeight","fontFamily","fonts","italicFamily","fontsItalic","undefined","resolvedFamily","isSystemFont","base","fontSize","lineHeight","letterSpacing","textAlign","fontStyle","textDecorationLine","RNText","styles","root","create"],"sourceRoot":"../../../../src","sources":["components/text/Text.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","jsx","_jsx","HEADING_VARIANT_ALIAS","h1","h2","h3","h4","h5","h6","resolveTextVariant","variant","Text","color","weight","align","italic","underline","transform","strikeThrough","isTruncated","style","numberOfLines","ellipsizeMode","maxFontSizeMultiplier","rest","ref","theme","resolvedVariant","v","typography","variants","effectiveWeight","fontWeight","fontFamily","fonts","italicFamily","fontsItalic","undefined","resolvedFamily","isSystemFont","base","fontSize","lineHeight","letterSpacing","textAlign","fontStyle","textDecorationLine","textTransform","RNText","styles","root","create"],"sourceRoot":"../../../../src","sources":["components/text/Text.tsx"],"mappings":";;;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AAOrD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AASjE,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB,EAAEC,WAAW;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAInE,MAAMC,qBAAkE,GAAG;EACzEC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,aAAa;EACjBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE;AACN,CAAC;AAED,SAASC,kBAAkBA,CAACC,OAAoB,EAAmB;EACjE,OAAOA,OAAO,IAAIR,qBAAqB,GACnCA,qBAAqB,CAACQ,OAAO,CAAuB,GACnDA,OAA2B;AAClC;AAkBA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGjB,UAAU,CAC5B,SAASiB,IAAIA,CACX;EACED,OAAO,GAAG,SAAS;EACnBE,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,KAAK;EACLC,aAAa;EACbC,aAAa;EACbC,qBAAqB;EACrB,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAG9B,YAAY,CAAC,CAAC;EAChC,MAAM+B,eAAe,GAAGlB,kBAAkB,CAACC,OAAO,CAAC;EACnD,MAAMkB,CAAC,GAAGF,KAAK,CAACG,UAAU,CAACC,QAAQ,CAACH,eAAe,CAAC;EACpD,MAAMI,eAAgC,GAAGlB,MAAM,IAAIe,CAAC,CAACI,UAAU;EAC/D,MAAMC,UAAU,GAAGP,KAAK,CAACG,UAAU,CAACK,KAAK,CAACH,eAAe,CAAC;EAC1D,MAAMI,YAAY,GAAGpB,MAAM,GACvBW,KAAK,CAACG,UAAU,CAACO,WAAW,GAAGL,eAAe,CAAC,GAC/CM,SAAS;EACb,MAAMC,cAAc,GAAGH,YAAY,IAAIF,UAAU;EACjD,MAAMM,YAAY,GAAGD,cAAc,KAAKvC,WAAW;EAEnD,MAAMyC,IAAwB,GAAG;IAC/BC,QAAQ,EAAEb,CAAC,CAACa,QAAQ;IACpBC,UAAU,EAAEd,CAAC,CAACc,UAAU;IACxBC,aAAa,EAAEf,CAAC,CAACe,aAAa;IAC9B/B,KAAK,EACHf,iBAAiB,CAACe,KAAK,EAAEc,KAAK,CAAC,IAC9BA,KAAK,CAACd,KAAK,CACV,cAAc,CACf,IACD;EACJ,CAAC;EACD;EACA,IAAI2B,YAAY,EAAEC,IAAI,CAACR,UAAU,GAAGlC,iBAAiB,CAACiC,eAAe,CAAC,CAAC,KAClES,IAAI,CAACP,UAAU,GAAGK,cAAc;EAErC,IAAIxB,KAAK,EAAE0B,IAAI,CAACI,SAAS,GAAG9B,KAAK;EACjC;EACA;EACA;EACA,IAAIC,MAAM,IAAI,CAACoB,YAAY,EAAEK,IAAI,CAACK,SAAS,GAAG,QAAQ;EACtD,IAAI7B,SAAS,IAAIE,aAAa,EAC5BsB,IAAI,CAACM,kBAAkB,GAAG,wBAAwB,CAAC,KAChD,IAAI9B,SAAS,EAAEwB,IAAI,CAACM,kBAAkB,GAAG,WAAW,CAAC,KACrD,IAAI5B,aAAa,EAAEsB,IAAI,CAACM,kBAAkB,GAAG,cAAc;EAChE,IAAI7B,SAAS,EAAEuB,IAAI,CAACO,aAAa,GAAG9B,SAAS;EAE7C,oBACEhB,IAAA,CAAC+C,MAAM;IACLvB,GAAG,EAAEA,GAAI;IACTL,KAAK,EAAE,CAAC6B,MAAM,CAACC,IAAI,EAAEV,IAAI,EAAEpB,KAAK,CAAE;IAClCG,qBAAqB,EAAEA,qBAAqB,IAAIK,CAAC,CAACL,qBAAsB;IACxEF,aAAa,EAAEF,WAAW,GAAG,CAAC,GAAGE,aAAc;IAC/CC,aAAa,EAAEH,WAAW,GAAG,MAAM,GAAGG,aAAc;IAAA,GAChDE;EAAI,CACT,CAAC;AAEN,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMyB,MAAM,GAAGtD,UAAU,CAACwD,MAAM,CAAC,OAAO;EAAED,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}

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

@@ -9,11 +9,11 @@
  */
 export const dark = {
   // ── color: page background ────────────────────────────────────────────────
-  'color.background': '{palette.neutral.950}',
+  'color.background': '#050505',
   // ── color: shadow (used as elevation.*.shadowColor) ───────────────────────
-  'color.shadow': '#000000',
+  'color.shadow': '#FFFFFF',
   // ── color: surfaces  (bg implied — no property segment) ──────────────────
-  'color.surface.default': '{palette.neutral.900}',
+  'color.surface.default': '#17191A',
   'color.surface.raised': '{palette.neutral.800}',
   'color.surface.sunken': '#050506',
   'color.surface.overlay': 'rgba(0, 0, 0, 0.72)',

package/lib/module/theme/tokens/dark.js.map

@@ -1 +1 @@
-{"version":3,"names":["dark"],"sourceRoot":"../../../../src","sources":["theme/tokens/dark.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG;EAClB;EACA,kBAAkB,EAAE,uBAAuB;EAE3C;EACA,cAAc,EAAE,SAAS;EAEzB;EACA,uBAAuB,EAAE,uBAAuB;EAChD,sBAAsB,EAAE,uBAAuB;EAC/C,sBAAsB,EAAE,SAAS;EACjC,uBAAuB,EAAE,qBAAqB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,oBAAoB,EAAE,sBAAsB;EAC5C;EACA;EACA;EACA;EACA;EACA,kBAAkB,EAAE,SAAS;EAC7B,mBAAmB,EAAE,SAAS;EAC9B,qBAAqB,EAAE,SAAS;EAChC,oBAAoB,EAAE,uBAAuB;EAC7C,iBAAiB,EAAE,oBAAoB;EACvC,mBAAmB,EAAE,uBAAuB;EAC5C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,qBAAqB,EAAE,uBAAuB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,qBAAqB,EAAE,uBAAuB;EAC9C,oBAAoB,EAAE,oBAAoB;EAC1C,qBAAqB,EAAE,uBAAuB;EAE9C;EACA,yBAAyB,EAAE,uBAAuB;EAClD,+BAA+B,EAAE,uBAAuB;EACxD,gCAAgC,EAAE,uBAAuB;EACzD,kCAAkC,EAAE,qBAAqB;EACzD,yBAAyB,EAAE,qBAAqB;EAEhD,gCAAgC,EAAE,uBAAuB;EACzD,sCAAsC,EAAE,uBAAuB;EAC/D,uCAAuC,EAAE,uBAAuB;EAChE,yCAAyC,EAAE,uBAAuB;EAClE,gCAAgC,EAAE,uBAAuB;EAEzD;EACA;EACA;EACA,2BAA2B,EAAE,uBAAuB;EACpD,2BAA2B,EAAE,sBAAsB;EACnD;EACA;EACA;EACA;EACA;EACA;EACA,kCAAkC,EAAE,0BAA0B;EAC9D,wCAAwC,EAAE,0BAA0B;EACpE,yCAAyC,EAAE,0BAA0B;EACrE,2CAA2C,EAAE,uBAAuB;EACpE,kCAAkC,EAAE,uBAAuB;EAE3D;EACA,sBAAsB,EAAE,qBAAqB;EAC7C,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,wBAAwB;EAC1D,6BAA6B,EAAE,qBAAqB;EACpD,oCAAoC,EAAE,qBAAqB;EAC3D,yBAAyB,EAAE,iBAAiB;EAC5C,gCAAgC,EAAE,qBAAqB;EAEvD,sBAAsB,EAAE,sBAAsB;EAC9C,yBAAyB,EAAE,sBAAsB;EACjD,gCAAgC,EAAE,yBAAyB;EAC3D,6BAA6B,EAAE,sBAAsB;EACrD,oCAAoC,EAAE,sBAAsB;EAC5D,yBAAyB,EAAE,iBAAiB;EAC5C,gCAAgC,EAAE,sBAAsB;EAExD,qBAAqB,EAAE,mBAAmB;EAC1C,wBAAwB,EAAE,mBAAmB;EAC7C,+BAA+B,EAAE,sBAAsB;EACvD,4BAA4B,EAAE,mBAAmB;EACjD,mCAAmC,EAAE,mBAAmB;EACxD,wBAAwB,EAAE,iBAAiB;EAC3C,+BAA+B,EAAE,mBAAmB;EAEpD,mBAAmB,EAAE,mBAAmB;EACxC,sBAAsB,EAAE,mBAAmB;EAC3C,6BAA6B,EAAE,mBAAmB;EAClD,0BAA0B,EAAE,mBAAmB;EAC/C,iCAAiC,EAAE,mBAAmB;EACtD,sBAAsB,EAAE,qBAAqB;EAC7C,6BAA6B,EAAE;AACjC,CAAC","ignoreList":[]}
+{"version":3,"names":["dark"],"sourceRoot":"../../../../src","sources":["theme/tokens/dark.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG;EAClB;EACA,kBAAkB,EAAE,SAAS;EAE7B;EACA,cAAc,EAAE,SAAS;EAEzB;EACA,uBAAuB,EAAE,SAAS;EAClC,sBAAsB,EAAE,uBAAuB;EAC/C,sBAAsB,EAAE,SAAS;EACjC,uBAAuB,EAAE,qBAAqB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,oBAAoB,EAAE,sBAAsB;EAC5C;EACA;EACA;EACA;EACA;EACA,kBAAkB,EAAE,SAAS;EAC7B,mBAAmB,EAAE,SAAS;EAC9B,qBAAqB,EAAE,SAAS;EAChC,oBAAoB,EAAE,uBAAuB;EAC7C,iBAAiB,EAAE,oBAAoB;EACvC,mBAAmB,EAAE,uBAAuB;EAC5C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,qBAAqB,EAAE,uBAAuB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,qBAAqB,EAAE,uBAAuB;EAC9C,oBAAoB,EAAE,oBAAoB;EAC1C,qBAAqB,EAAE,uBAAuB;EAE9C;EACA,yBAAyB,EAAE,uBAAuB;EAClD,+BAA+B,EAAE,uBAAuB;EACxD,gCAAgC,EAAE,uBAAuB;EACzD,kCAAkC,EAAE,qBAAqB;EACzD,yBAAyB,EAAE,qBAAqB;EAEhD,gCAAgC,EAAE,uBAAuB;EACzD,sCAAsC,EAAE,uBAAuB;EAC/D,uCAAuC,EAAE,uBAAuB;EAChE,yCAAyC,EAAE,uBAAuB;EAClE,gCAAgC,EAAE,uBAAuB;EAEzD;EACA;EACA;EACA,2BAA2B,EAAE,uBAAuB;EACpD,2BAA2B,EAAE,sBAAsB;EACnD;EACA;EACA;EACA;EACA;EACA;EACA,kCAAkC,EAAE,0BAA0B;EAC9D,wCAAwC,EAAE,0BAA0B;EACpE,yCAAyC,EAAE,0BAA0B;EACrE,2CAA2C,EAAE,uBAAuB;EACpE,kCAAkC,EAAE,uBAAuB;EAE3D;EACA,sBAAsB,EAAE,qBAAqB;EAC7C,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,wBAAwB;EAC1D,6BAA6B,EAAE,qBAAqB;EACpD,oCAAoC,EAAE,qBAAqB;EAC3D,yBAAyB,EAAE,iBAAiB;EAC5C,gCAAgC,EAAE,qBAAqB;EAEvD,sBAAsB,EAAE,sBAAsB;EAC9C,yBAAyB,EAAE,sBAAsB;EACjD,gCAAgC,EAAE,yBAAyB;EAC3D,6BAA6B,EAAE,sBAAsB;EACrD,oCAAoC,EAAE,sBAAsB;EAC5D,yBAAyB,EAAE,iBAAiB;EAC5C,gCAAgC,EAAE,sBAAsB;EAExD,qBAAqB,EAAE,mBAAmB;EAC1C,wBAAwB,EAAE,mBAAmB;EAC7C,+BAA+B,EAAE,sBAAsB;EACvD,4BAA4B,EAAE,mBAAmB;EACjD,mCAAmC,EAAE,mBAAmB;EACxD,wBAAwB,EAAE,iBAAiB;EAC3C,+BAA+B,EAAE,mBAAmB;EAEpD,mBAAmB,EAAE,mBAAmB;EACxC,sBAAsB,EAAE,mBAAmB;EAC3C,6BAA6B,EAAE,mBAAmB;EAClD,0BAA0B,EAAE,mBAAmB;EAC/C,iCAAiC,EAAE,mBAAmB;EACtD,sBAAsB,EAAE,qBAAqB;EAC7C,6BAA6B,EAAE;AACjC,CAAC","ignoreList":[]}

package/lib/typescript/src/components/chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAe,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAgHD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAOf,aAAa,gCAaf,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLA4CZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAQpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAK/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqID,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAOf,aAAa,gCAaf,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLAyCZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}

package/lib/typescript/src/components/chip/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAclB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAqBlB"}

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

@@ -1,7 +1,9 @@
 import type { TitleHeaderProps } from '../TitleHeader/index.js';
 export interface LargeTitleHeaderProps extends TitleHeaderProps {
+    /** Optional small line shown above the large title. */
+    overline?: string;
     /** Optional secondary line shown under the large title. */
-    caption?: string;
+    subtitle?: string;
     /** Hide the large title (keeps the compact bar). Defaults to `false`. */
     isLargeTitleHidden?: boolean;
 }
@@ -17,9 +19,13 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
  * @example
  * ```tsx
  * <Screen.Header>
- *   <Header.LargeTitle title="Meditate" caption="Good morning" />
+ *   <Header.LargeTitle
+ *     overline="Today"
+ *     title="Meditate"
+ *     subtitle="Good morning"
+ *   />
  * </Screen.Header>
  * ```
  */
-export declare function LargeTitleHeader({ title, caption, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
+export declare function LargeTitleHeader({ title, overline, subtitle, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AA0DD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,OAAO,EACP,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAsB,GACvB,EAAE,qBAAqB,+BAyIvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAwED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,EAAsB,GACvB,EAAE,qBAAqB,+BAqIvB"}

package/lib/typescript/src/components/text/Text.d.ts

@@ -11,6 +11,7 @@ export interface TextProps extends RNTextProps {
     align?: TextAlign;
     italic?: boolean;
     underline?: boolean;
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
     strikeThrough?: boolean;
     /** Truncate to a single line with a trailing ellipsis. */
     isTruncated?: boolean;

package/lib/typescript/src/components/text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,IAAI,WAAW,EAE9B,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EAGf,WAAW,EACZ,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAiBhE,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,+CAA+C;IAC/C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uLAkEhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,IAAI,WAAW,EAE9B,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EAGf,WAAW,EACZ,MAAM,cAAc,CAAC;AAKtB,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAiBhE,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,+CAA+C;IAC/C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,uLAoEhB,CAAC"}

package/package.json

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

package/skills/terra-ui/SKILL.md

@@ -115,7 +115,7 @@ Everything else takes explicit props.
 `as`, and any extra props forward to it:
 
 ```tsx
-<Screen.Header as={Header.LargeTitle} title="Library" caption="24 items" />
+<Screen.Header as={Header.LargeTitle} title="Library" subtitle="24 items" />
 ```
 
 Nesting the header as a child still works and appears throughout older code, but `as` is

package/skills/terra-ui/references/recipes.md

@@ -39,7 +39,7 @@ import { Header, Screen, Text } from 'react-native-terra-ui';
 export function LibraryScreen() {
   return (
     <Screen>
-      <Screen.Header as={Header.LargeTitle} title="Library" caption="24 items" />
+      <Screen.Header as={Header.LargeTitle} title="Library" subtitle="24 items" />
 
       <Screen.ScrollView>
         <Text variant="body-md">Content starts below the bar automatically.</Text>

package/src/components/chip/Chip.tsx

@@ -6,14 +6,19 @@ import {
   type ReactNode,
   useContext,
 } from 'react';
-import { View, type ViewProps } from 'react-native';
+import { Text as RNText, View, type ViewProps } from 'react-native';
 
-import { StyleSheet, withUnistyles } from 'react-native-unistyles';
+import {
+  StyleSheet,
+  useUnistyles,
+  withUnistyles,
+} from 'react-native-unistyles';
 
-import type { ColorToken, TerraIconName, TextVariant } from '#theme/types';
+import type { ColorToken, RoleTextVariant, TerraIconName } from '#theme/types';
+import { resolveThemeColor } from '#utils/resolve-theme-color';
+import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from '#utils/typography';
 
 import { Icon } from '../icon';
-import { Text } from '../text';
 import type { ChipColor, ChipSize, ChipVariant } from './types';
 import { type CustomChipColors, getCustomColorColors } from './utils';
 
@@ -69,6 +74,13 @@ const SCHEME_NAMES = new Set([
 type ChipScheme = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
 type ChipPaintedVariant = Exclude<ChipVariant, 'ghost'>;
 
+// `ghost` is `outline` with its border taken away, so it has no colors of its
+// own — it borrows outline's foreground. Only the *paint* differs, and that
+// comes from the `ghost` style variant, never from here.
+function paintedVariant(variant: ChipVariant): ChipPaintedVariant {
+  return variant === 'ghost' ? 'outline' : variant;
+}
+
 /** Foreground token per (scheme, variant) — mirrors the spec's token table. */
 const FG_TOKEN: Record<ChipScheme, Record<ChipPaintedVariant, ColorToken>> = {
   primary: {
@@ -105,33 +117,47 @@ function resolveForeground(
   customColors: CustomChipColors | null
 ): ColorToken {
   if (customColors) return customColors.fg;
-  if (variant === 'ghost') return 'text.default';
-  return FG_TOKEN[color as ChipScheme][variant];
+  return FG_TOKEN[color as ChipScheme][paintedVariant(variant)];
 }
 
 // ─── Label sub-component ───────────────────────────────────────────────────────
 
-const LABEL_VARIANT: Record<ChipSize, TextVariant> = {
+const LABEL_VARIANT: Record<ChipSize, RoleTextVariant> = {
   sm: 'label-sm',
   md: 'label-md',
   lg: 'label-lg',
 };
 
+// Renders through React Native's `Text` rather than the `Text` primitive: a
+// chip label never needs the primitive's alignment, decoration, or truncation
+// handling, and a list of chips pays for that style assembly on every render.
+// The type scale lives in `styles.label`'s size variants, so unistyles resolves
+// it against the live theme, and the colour is resolved here from the token the
+// root put on the context — keeping the theme-change behaviour the primitive
+// gave us.
 const ChipLabel = ({ children }: { children: ReactNode }) => {
   const { color, size } = useContext(ChipContext);
+  const { theme } = useUnistyles();
+  styles.useVariants({ size });
+
   return (
-    <Text variant={LABEL_VARIANT[size]} weight="semibold" color={color}>
+    <RNText
+      style={[styles.label, { color: resolveThemeColor(color, theme) }]}
+      maxFontSizeMultiplier={
+        theme.typography.variants[LABEL_VARIANT[size]].maxFontSizeMultiplier
+      }
+    >
       {children}
-    </Text>
+    </RNText>
   );
 };
 
 // ─── Icon sub-component ────────────────────────────────────────────────────────
 
 const ICON_SIZE: Record<ChipSize, number> = {
-  sm: 12,
-  md: 14,
-  lg: 16,
+  sm: 16,
+  md: 18,
+  lg: 20,
 };
 
 export interface ChipIconProps extends Omit<ViewProps, 'children'> {
@@ -157,7 +183,7 @@ const ChipIcon = ({
       color={color || contextColor}
       size={sizeProp ?? ICON_SIZE[size]}
       strokeWidth={strokeWidth}
-      style={style}
+      style={[{ marginVertical: -4 }, style]}
       {...rest}
     />
   );
@@ -193,30 +219,27 @@ const ChipRoot = forwardRef<ComponentRef<typeof View>, ChipProps>(function Chip(
   // literal-union type while still comparing against the real value below.
   styles.useVariants({ color: color as ChipScheme, variant, size });
 
-  const isCustomColor = variant !== 'ghost' && !SCHEME_NAMES.has(color);
+  const isCustomColor = !SCHEME_NAMES.has(color);
   const customColors = isCustomColor
-    ? getCustomColorColors(color, variant as 'solid' | 'soft' | 'outline')
+    ? getCustomColorColors(color, paintedVariant(variant))
     : null;
 
   const fg = resolveForeground(color, variant, customColors);
+  // Ghost takes outline's foreground but none of its paint — its transparent
+  // background and absent border come from the `ghost` style variant, so
+  // applying the derived paint here would hand it outline's border back.
+  const customPaint =
+    customColors && variant !== 'ghost'
+      ? {
+          backgroundColor: customColors.bg,
+          borderColor: customColors.border,
+          borderWidth: customColors.borderWidth,
+        }
+      : null;
 
   return (
     <ChipContext.Provider value={{ color: fg, size }}>
-      <View
-        ref={ref}
-        style={[
-          styles.base,
-          customColors
-            ? {
-                backgroundColor: customColors.bg,
-                borderColor: customColors.border,
-                borderWidth: customColors.borderWidth,
-              }
-            : null,
-          style,
-        ]}
-        {...rest}
-      >
+      <View ref={ref} style={[styles.base, customPaint, style]} {...rest}>
         {renderChildren(children)}
       </View>
     </ChipContext.Provider>
@@ -256,8 +279,41 @@ Chip.Icon = ChipIcon;
 // this View, and is handed to them as a token via `FG_TOKEN` / context.
 const styles = StyleSheet.create((theme) => {
   const c = theme.color;
+  // A custom font encodes its weight in the family name, so only the system
+  // font takes a numeric `fontWeight` — the same branch `Text` makes. Inlined
+  // rather than extracted: the unistyles Babel plugin rewrites this factory,
+  // and an imported function called from inside it is not in scope at runtime.
+  const labelFont = theme.typography.fonts.semibold;
+  const isSystemLabelFont = labelFont === SYSTEM_FONT;
 
   return {
+    // Spelled out rather than derived from `LABEL_VARIANT`: the unistyles Babel
+    // plugin reads this object statically, so computed variant keys are not
+    // safe here even though they would resolve correctly under test.
+    label: {
+      paddingHorizontal: 2,
+      fontFamily: isSystemLabelFont ? undefined : labelFont,
+      fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.semibold : undefined,
+      variants: {
+        size: {
+          sm: {
+            fontSize: theme.typography.variants['label-sm'].fontSize,
+            lineHeight: theme.typography.variants['label-sm'].lineHeight,
+            letterSpacing: theme.typography.variants['label-sm'].letterSpacing,
+          },
+          md: {
+            fontSize: theme.typography.variants['label-md'].fontSize,
+            lineHeight: theme.typography.variants['label-md'].lineHeight,
+            letterSpacing: theme.typography.variants['label-md'].letterSpacing,
+          },
+          lg: {
+            fontSize: theme.typography.variants['label-lg'].fontSize,
+            lineHeight: theme.typography.variants['label-lg'].lineHeight,
+            letterSpacing: theme.typography.variants['label-lg'].letterSpacing,
+          },
+        },
+      },
+    },
     base: {
       flexDirection: 'row',
       alignItems: 'center',
@@ -268,19 +324,19 @@ const styles = StyleSheet.create((theme) => {
           sm: {
             minHeight: 24,
             paddingVertical: 6,
-            paddingHorizontal: 12,
+            paddingHorizontal: 8,
             gap: 4,
           },
           md: {
             minHeight: 26,
             paddingVertical: 8,
-            paddingHorizontal: 14,
+            paddingHorizontal: 10,
             gap: 4,
           },
           lg: {
             minHeight: 28,
             paddingVertical: 8,
-            paddingHorizontal: 16,
+            paddingHorizontal: 12,
             gap: 4,
           },
         },
@@ -308,7 +364,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'solid',
           styles: {
             backgroundColor: c['action.bg.primary'],
-            borderColor: c['action.bg.primary'],
             borderWidth: 0,
           },
         },
@@ -317,7 +372,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'soft',
           styles: {
             backgroundColor: c['action.bg.primary.subtle'],
-            borderColor: c['action.bg.primary.subtle'],
             borderWidth: 0,
           },
         },
@@ -326,7 +380,7 @@ const styles = StyleSheet.create((theme) => {
           variant: 'outline',
           styles: {
             backgroundColor: 'transparent',
-            borderColor: c['border.accent'],
+            borderColor: c['action.bg.primary.subtle'],
             borderWidth: 1,
           },
         },
@@ -335,7 +389,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'solid',
           styles: {
             backgroundColor: c['action.bg.secondary'],
-            borderColor: c['action.bg.secondary'],
             borderWidth: 0,
           },
         },
@@ -344,7 +397,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'soft',
           styles: {
             backgroundColor: c['action.bg.secondary.subtle'],
-            borderColor: c['action.bg.secondary.subtle'],
             borderWidth: 0,
           },
         },
@@ -353,7 +405,7 @@ const styles = StyleSheet.create((theme) => {
           variant: 'outline',
           styles: {
             backgroundColor: 'transparent',
-            borderColor: c['border.default'],
+            borderColor: c['action.bg.secondary.subtle'],
             borderWidth: 1,
           },
         },
@@ -362,7 +414,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'solid',
           styles: {
             backgroundColor: c['status.success.bg'],
-            borderColor: c['status.success.bg'],
             borderWidth: 0,
           },
         },
@@ -371,7 +422,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'soft',
           styles: {
             backgroundColor: c['status.success.bg.subtle'],
-            borderColor: c['status.success.bg.subtle'],
             borderWidth: 0,
           },
         },
@@ -380,7 +430,7 @@ const styles = StyleSheet.create((theme) => {
           variant: 'outline',
           styles: {
             backgroundColor: 'transparent',
-            borderColor: c['status.success.border'],
+            borderColor: c['status.success.bg.subtle'],
             borderWidth: 1,
           },
         },
@@ -389,7 +439,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'solid',
           styles: {
             backgroundColor: c['status.warning.bg'],
-            borderColor: c['status.warning.bg'],
             borderWidth: 0,
           },
         },
@@ -398,7 +447,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'soft',
           styles: {
             backgroundColor: c['status.warning.bg.subtle'],
-            borderColor: c['status.warning.bg.subtle'],
             borderWidth: 0,
           },
         },
@@ -407,7 +455,7 @@ const styles = StyleSheet.create((theme) => {
           variant: 'outline',
           styles: {
             backgroundColor: 'transparent',
-            borderColor: c['status.warning.border'],
+            borderColor: c['status.warning.bg.subtle'],
             borderWidth: 1,
           },
         },
@@ -416,7 +464,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'solid',
           styles: {
             backgroundColor: c['status.danger.bg'],
-            borderColor: c['status.danger.bg'],
             borderWidth: 0,
           },
         },
@@ -425,7 +472,6 @@ const styles = StyleSheet.create((theme) => {
           variant: 'soft',
           styles: {
             backgroundColor: c['status.danger.bg.subtle'],
-            borderColor: c['status.danger.bg.subtle'],
             borderWidth: 0,
           },
         },
@@ -434,7 +480,7 @@ const styles = StyleSheet.create((theme) => {
           variant: 'outline',
           styles: {
             backgroundColor: 'transparent',
-            borderColor: c['status.danger.border'],
+            borderColor: c['status.danger.bg.subtle'],
             borderWidth: 1,
           },
         },

package/src/components/chip/utils.ts

@@ -18,8 +18,15 @@ export function getCustomColorColors(
   literal: string,
   variant: 'solid' | 'soft' | 'outline'
 ): CustomChipColors {
+  // Outline borrows the `soft` background as its border, so the two variants
+  // read as the same weight of colour — one filled, one drawn.
   if (variant === 'outline') {
-    return { bg: 'transparent', border: literal, borderWidth: 1, fg: literal };
+    return {
+      bg: 'transparent',
+      border: withAlpha(literal, CUSTOM_COLOR_SOFT_ALPHA),
+      borderWidth: 1,
+      fg: literal,
+    };
   }
   if (variant === 'soft') {
     const bg = withAlpha(literal, CUSTOM_COLOR_SOFT_ALPHA);

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

@@ -29,17 +29,23 @@ const COMPACT_TITLE_SLIDE_OFFSET = 8;
 const LARGE_TITLE_SLIDE_OFFSET = 6;
 
 export interface LargeTitleHeaderProps extends TitleHeaderProps {
+  /** Optional small line shown above the large title. */
+  overline?: string;
   /** Optional secondary line shown under the large title. */
-  caption?: string;
+  subtitle?: string;
   /** Hide the large title (keeps the compact bar). Defaults to `false`. */
   isLargeTitleHidden?: boolean;
 }
 
 function LargeTitlePortalContent({
   title,
-  caption,
+  overline,
+  subtitle,
   titleAlignment = 'center',
-}: Pick<LargeTitleHeaderProps, 'title' | 'caption' | 'titleAlignment'>) {
+}: Pick<
+  LargeTitleHeaderProps,
+  'title' | 'overline' | 'subtitle' | 'titleAlignment'
+>) {
   const { theme } = useUnistyles();
   const { scrollY } = useScreen();
   styles.useVariants({ titleAlignment });
@@ -69,6 +75,16 @@ function LargeTitlePortalContent({
 
   return (
     <Animated.View style={[styles.portalContent, largeTitleAnimatedStyle]}>
+      {!!overline && (
+        <Text
+          style={styles.overline}
+          maxFontSizeMultiplier={
+            theme.typography.variants['label-sm'].maxFontSizeMultiplier
+          }
+        >
+          {overline}
+        </Text>
+      )}
       <Text
         style={styles.largeTitle}
         maxFontSizeMultiplier={
@@ -77,14 +93,14 @@ function LargeTitlePortalContent({
       >
         {title}
       </Text>
-      {!!caption && (
+      {!!subtitle && (
         <Text
-          style={styles.caption}
+          style={styles.subtitle}
           maxFontSizeMultiplier={
             theme.typography.variants['body-lg'].maxFontSizeMultiplier
           }
         >
-          {caption}
+          {subtitle}
         </Text>
       )}
     </Animated.View>
@@ -103,13 +119,18 @@ function LargeTitlePortalContent({
  * @example
  * ```tsx
  * <Screen.Header>
- *   <Header.LargeTitle title="Meditate" caption="Good morning" />
+ *   <Header.LargeTitle
+ *     overline="Today"
+ *     title="Meditate"
+ *     subtitle="Good morning"
+ *   />
  * </Screen.Header>
  * ```
  */
 export function LargeTitleHeader({
   title,
-  caption,
+  overline,
+  subtitle,
   LeftToolbar,
   RightToolbar,
   dismissAction = 'none',
@@ -181,11 +202,6 @@ export function LargeTitleHeader({
     isLargeTitleHiddenValue.value = isLargeTitleHidden;
   }, [isLargeTitleHidden, isLargeTitleHiddenValue]);
 
-  // // biome-ignore lint/correctness/useExhaustiveDependencies: reset stale collapse height whenever content that resizes the portal (title/caption/visibility) changes, ahead of remeasurement
-  // useEffect(() => {
-  //   setHeaderCollapseHeight(0);
-  // }, [title, caption, isLargeTitleHidden, setHeaderCollapseHeight]);
-
   const leading =
     dismissAction === 'back' ? (
       <>
@@ -220,7 +236,8 @@ export function LargeTitleHeader({
         <Portal hostName={SCREEN_HEADER_PORTAL_HOST}>
           <LargeTitlePortalContent
             title={title}
-            caption={caption}
+            overline={overline}
+            subtitle={subtitle}
             titleAlignment={titleAlignment}
           />
         </Portal>
@@ -288,11 +305,29 @@ const styles = StyleSheet.create((theme, runtime) => ({
     justifyContent: 'flex-end',
   },
   portalContent: {
+    gap: 2,
     minHeight: theme.layout.header.height,
     // paddingTop: theme.spacing['1'],
     paddingBottom: theme.spacing['3'],
     paddingHorizontal: theme.layout.screen.margin.x,
   },
+  overline: {
+    fontSize: theme.typography.variants['label-sm'].fontSize,
+    lineHeight: theme.typography.variants['label-sm'].lineHeight,
+    letterSpacing: theme.typography.variants['label-sm'].letterSpacing,
+    fontWeight:
+      FONT_WEIGHT_VALUE[theme.typography.variants['label-sm'].fontWeight],
+    color:
+      (theme.color as unknown as Record<string, string | undefined>)[
+        'text.subtle'
+      ] ?? '',
+    variants: {
+      titleAlignment: {
+        center: { textAlign: 'center' },
+        left: { textAlign: 'left' },
+      },
+    },
+  },
   largeTitle: {
     fontSize: theme.typography.variants['headline-lg'].fontSize,
     lineHeight: theme.typography.variants['headline-lg'].lineHeight,
@@ -303,8 +338,14 @@ const styles = StyleSheet.create((theme, runtime) => ({
       (theme.color as unknown as Record<string, string | undefined>)[
         'text.default'
       ] ?? '',
+    variants: {
+      titleAlignment: {
+        center: { textAlign: 'center' },
+        left: { textAlign: 'left' },
+      },
+    },
   },
-  caption: {
+  subtitle: {
     fontSize: theme.typography.variants['body-lg'].fontSize,
     lineHeight: theme.typography.variants['body-lg'].lineHeight,
     letterSpacing: theme.typography.variants['body-lg'].letterSpacing,

package/src/components/text/Text.tsx

@@ -44,6 +44,7 @@ export interface TextProps extends RNTextProps {
   align?: TextAlign;
   italic?: boolean;
   underline?: boolean;
+  transform?: 'uppercase' | 'lowercase' | 'capitalize';
   strikeThrough?: boolean;
   /** Truncate to a single line with a trailing ellipsis. */
   isTruncated?: boolean;
@@ -62,6 +63,7 @@ export const Text = forwardRef<ComponentRef<typeof RNText>, TextProps>(
       align,
       italic,
       underline,
+      transform,
       strikeThrough,
       isTruncated,
       style,
@@ -107,6 +109,7 @@ export const Text = forwardRef<ComponentRef<typeof RNText>, TextProps>(
       base.textDecorationLine = 'underline line-through';
     else if (underline) base.textDecorationLine = 'underline';
     else if (strikeThrough) base.textDecorationLine = 'line-through';
+    if (transform) base.textTransform = transform;
 
     return (
       <RNText