@startupjs-ui/span 0.1.12 → 0.1.16

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
+
+**Note:** Version bump only for package @startupjs-ui/span
+
+
+
+
+
+## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
+
+**Note:** Version bump only for package @startupjs-ui/span
+
+
+
+
+
 ## [0.1.12](https://github.com/startupjs/startupjs-ui/compare/v0.1.11...v0.1.12) (2026-01-21)
 
 

package/README.mdx

@@ -6,7 +6,7 @@ import { Sandbox } from '@startupjs-ui/docs'
 
 # Span
 
-The base component of typography is `Span`, which is used for plain text.
+Span is the base typography component for rendering plain text. It extends React Native's `Text` component and adds shortcuts for headings, bold, italic, and description styles.
 
 ```jsx
 import { Span } from 'startupjs-ui'
@@ -20,7 +20,7 @@ import { Span } from 'startupjs-ui'
 
 ## Headers
 
-Use `h1` - `h6` props to create headers.
+Use the `h1` through `h6` props to render text as a heading. On web, the appropriate accessibility role is set automatically.
 
 ```jsx example
 <Span h1>H1 Heading</Span>
@@ -41,7 +41,7 @@ Use `h1` - `h6` props to create headers.
 
 ## Description
 
-Use `description` prop for secondary text.
+Use the `description` prop to apply a secondary text color, suitable for captions and helper text.
 
 ```jsx example
 <Span description>Description text</Span>
@@ -49,9 +49,9 @@ Use `description` prop for secondary text.
 
 ## Animations
 
-Div automatically uses React Native Reanimated when a `transition` or `animation` property is detected in the style. This allows you to create smooth animations without any additional setup.
+Span automatically uses React Native Reanimated when a `transition` or `animation` property is detected in the style. This allows you to create smooth animations without any additional setup.
 
-**Note:** When using modifier classes to add transitions/animations dynamically, set `animation: none` in the base styles. This ensures Div uses the animated component from the start.
+**Note:** When using modifier classes to add transitions/animations dynamically, set `animation: none` in the base styles. This ensures Span uses the animated component from the start.
 
 ```jsx example
 const [isActive, setIsActive] = useState(false)
@@ -97,6 +97,20 @@ styl`
 `
 ```
 
+## Props
+
+Span extends React Native's `TextProps`, so all standard Text props are supported in addition to the following:
+
+- **children** -- the text content to render
+- **bold** -- render text in bold
+- **italic** -- render text in italic
+- **description** -- apply a secondary text color for captions or helper text
+- **full** -- expand to full width (`flex: 1`)
+- **h1** through **h6** -- render text as a heading of the specified level
+- **theme** -- apply a named theme
+- **style** -- custom text styles
+- **ref** -- ref to access the underlying `Text` element
+
 ## Sandbox
 
 <Sandbox

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/span",
-  "version": "0.1.12",
+  "version": "0.1.16",
   "publishConfig": {
     "access": "public"
   },
@@ -16,5 +16,5 @@
     "react-native-reanimated": ">=4.0.0",
     "startupjs": "*"
   },
-  "gitHead": "c0b4606437077bb6d170e2c0b16b674801c304fe"
+  "gitHead": "9943aa3566d5d80f5b404473906eb3c0611f9ee5"
 }