@boostdev/design-system-react-native 0.4.0 → 0.5.1

package/CHANGELOG.md

@@ -1,6 +1,71 @@
 # Changelog
 
 All notable changes to `@boostdev/design-system-react-native` are documented here.
+## [0.5.1] - 2026-09-28
+### Fixed
+- Fix(button): text buttons get medium corners
+
+A button with a text label now uses border.radius.m (16) on every
+size instead of border.radius.full. An icon-only button (isIconOnly)
+stays round. A borderRadius in `style` still wins, since `style` is
+applied last.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`085e779`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/085e77953480a1724df35b716c4f8dcf23ed14a3))
+- Fix(form): fields get the same medium corners as buttons
+
+FormInput, Combobox, Select and NumberInput went from a pill
+(border.radius.full) to border.radius.m (16). Textarea (xs) and the
+FileInput drop zone (s) move to m as well, so every field matches.
+NumberInput rounds only its outer corners, on the steppers.
+
+FormInput and Combobox draw the border on an inner View, so a
+consumer could not override the radius through `style`.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`70f88f9`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/70f88f9d44e9c6552330eeaadb8e0c3e9f056a6c))
+- Fix(select): a chevron replaces the ▾ glyph
+
+The trigger drew its indicator as a ▾ character in the body font, so
+it rendered small and its size and weight differed per platform and
+font. It is now a thin open V in colorOnBgSubtle, drawn with borders
+like Collapsible's disclosure chevron, sized to the body text and
+centred on it. It stays hidden from assistive technology and the
+trigger's accessibility label is unchanged.
+
+Collapsible's chevron moves into one internal Chevron that both use,
+so Collapsible changes a little too: its stroke goes from 2 to 1.5 pt
+to match regular body text, and the V is centred on its box whichever
+way it points. The old Collapsible stroke assertion passed a number to
+toHaveStyle, which matched anything; it now checks '1.5px'.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`ecf0dc0`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/ecf0dc0f43980128dd3e49a86d313dd4ab932cde))
+
+## [0.5.0] - 2026-09-27
+### Added
+- Feat(text): ScaledText with a ceiling from its own font size
+
+maxFontScaleFor(fontSize): below 20 pt text may double with the OS text
+size, 20-25 pt grows to 1.5x, 26-59 pt to 1.3x, and 60 pt or more stays
+as it is. ScaledText and ScaledTextInput apply it to React Native's own
+Text and TextInput, which otherwise grow up to 3.57x on iOS
+accessibility sizes.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`6420767`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/6420767083a8b2549583d933a9493816a23e537e))
+- Feat(text): every component text goes through ScaledText
+
+A guard spec fails when a component takes Text or TextInput from
+react-native directly.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`e1202d5`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/e1202d5f1e91debf8b66667a14615b6674c775c5))
+- Feat(text): components hold a larger OS text size
+
+Typography takes maxFontSizeMultiplier and numberOfLines. Button and
+FormInput grow from a minimum height instead of a fixed one, and a
+long Button label wraps. SegmentedControl labels stay on one line and
+shrink to fit. Badge takes maxFontSizeMultiplier for a count on a
+fixed shape.
+
+Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> ([`27af98d`](https://gitlab.com/b00stdev/boostdev-design-system-react-native/-/commit/27af98d047ee97ad0870827a3254d6ea02802546))
+
 ## [0.4.0] - 2026-09-24
 ### Added
 - Feat(segmented-control): xlarge size with a 56 pt tap target

package/README.md

@@ -135,6 +135,16 @@ Both standalone (`useTheme`) and Navigation (`useReactNavigationTheme` / `create
 2. Pass it as `tokens` to `createReactNavigationTheme({ tokens, dark })` for the Navigation layer.
 3. For the standalone layer — and to have overrides flow through to the Navigation theme automatically — use the `tokens` prop on `ThemeProvider` (see [Brand theming](#brand-theming-token-overrides) above).
 
+## Text size
+
+Every DS text grows with the OS text size (iOS Dynamic Type, Android font scale) up to a ceiling
+taken from its own font size (`maxFontScaleFor`): below 20pt grows up to 2×, 20–25pt up to 1.5×,
+26–59pt up to 1.3×, and 60pt or more stays at 1× (a countdown, a score). Override a component's
+`maxFontSizeMultiplier` prop to set a different ceiling, e.g. `1` for text in a fixed shape.
+
+In your own app code, use `ScaledText` / `ScaledTextInput` instead of React Native's `Text` /
+`TextInput` to get the same rule.
+
 ## Development
 
 ```bash