Skip to content

v0.7.1

Choose a tag to compare

View all tags
@joshstovall joshstovall released this 01 Mar 19:32
· 33 commits to main since this release
v0.7.1
440d4a0

Features

Interactive Playgrounds (20 New Components)

Added interactive playground configurations for 20 additional components in the documentation site, bringing the total to 42 components with live playgrounds:

  • Dialog, Badge, Chip, Notice, Checkbox, Toggle, Radio, Skeleton, Rating, Divider, Breadcrumbs, Pagination, IconButton, TextArea, NumberInput, Popover, SegmentedControl, Highlight, CodeBlock, Toast

Each playground allows real-time prop editing with tailored controls (color pickers, segmented selectors, number sliders, etc.) directly in the documentation.

BrandButton Dark Mode Support

  • The plain variant now adapts to dark mode, using theme-aware background and text colors instead of hardcoded white/black
  • Improves visibility and consistency when using BrandButton in dark color schemes

Fixes

Text Hydration Error (Web)

  • Fixed React hydration mismatch caused by block-level elements (e.g., View, Pressable) rendered inside <p> tags on web
  • Added containsBlockElement() detection that automatically switches the Text wrapper from <p> to <div> when children contain block-level React Native components
  • Eliminates the <div> cannot appear as a descendant of <p> browser warning

Carousel Demo Migrations

  • Updated all 5 Carousel demos (basic, multi, motionControls, performance, vertical) to use Block instead of the deprecated Column component

Documentation TypeScript Fixes

Resolved numerous TypeScript errors across the docs site:

  • Layout prop renames: Updated width/height to w/h across Header, HeaderMobile, FooterPage, SkeletonShowcase, MediaShowcase, EverythingShowcase, PhotoGalleryExample, ExampleListScreen, HookListScreen
  • Component API updates:
    • Switch value → checked
    • Button color → colorVariant
    • Text variant 'body' → 'p'
    • IconButton iconVariant ternary fix
    • getAllUISounds → getAllSounds
  • Import corrections: Fixed DataTableDataTableSort import, SliderShowcase props, ChatroomExample missing import, PreviewFile unused import
  • Type fixes: NodeJS.Timeout type annotation, ColorSchemeName narrowing for "unspecified" value
Assets 2
Loading