Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 40 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,44 @@ of them together.

## [Unreleased]

## [1.0.1] - 2026-05-18

A patch release: eight fixes across the renderers, the token presets, the
headless layer, and the docs. Every package ships at `1.0.1`.

### Added

- **RTL / bidirectional layout.** A `<Direction>` provider and `useDirection()`
hook on both renderers. New logical style props — `ps` / `pe` / `ms` / `me`,
the `start` / `end` insets, and the `paddingInline*` / `marginInline*` /
`insetInline*` long forms. `px` / `mx` resolve to the logical `paddingInline`
/ `marginInline`, so they adapt to writing direction.
- **`useReducedMotion()`.** A cross-platform hook in `@usemotif/headless` —
`matchMedia` on web, `AccessibilityInfo` on native. Headless components skip
their enter/exit animation when the user prefers reduced motion.
- **Default `borderWidths` and `letterSpacings` token scales.** The default
light and dark themes ship both scales, so `$borderWidths.*` /
`$letterSpacings.*` references resolve out of the box.
- **`@usemotif/react/svg` entry.** A dedicated, tree-shakeable export for the
`Icon` and `Svg` primitives.

### Changed

- **Smaller icon imports.** `@usemotif/icons` glyphs import through
`@usemotif/react/svg` — a single-icon import drops from ~6.2 KB to ~0.6 KB
gzip. No API change.
- **`@usemotif/compiler-swc` package description.** Corrected to describe the
package as it is — a universal `unplugin` running the Babel-based transform,
not an SWC plugin.

### Fixed

- **Invisible native `<Heading>` / `<Paragraph>` text.** A unitless
`lineHeight` was read as absolute pixels by React Native and clipped glyphs to
nothing; it is now resolved against the font size.
- **Next.js setup docs.** The bundler guide now documents the
`transpilePackages` configuration the official example app relies on.

## [1.0.0] - 2026-05-15

The graduation release. motif spent its pre-1.0 life under the `@motif-js/*`
Expand Down Expand Up @@ -111,7 +149,8 @@ First publish. Phase A and Phase B closed.
- **`useTheme` and `useThemeName` hooks.**
- **CSS-variable emission** and **`SSRStyleCollector`** for server rendering.

[Unreleased]: https://github.com/foo-stack/usemotif/compare/v1.0.0...HEAD
[Unreleased]: https://github.com/foo-stack/usemotif/compare/v1.0.1...HEAD
[1.0.1]: https://github.com/foo-stack/usemotif/compare/v1.0.0...v1.0.1
[1.0.0]: https://github.com/foo-stack/usemotif/compare/v0.3.0...v1.0.0
[0.3.0]: https://github.com/foo-stack/usemotif/compare/v0.2.0...v0.3.0
[0.2.0]: https://github.com/foo-stack/usemotif/compare/v0.1.0...v0.2.0
Expand Down
20 changes: 18 additions & 2 deletions apps/docs/theme/landing/ChangelogPeek.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,15 +17,31 @@ export function ChangelogPeek() {
Shipped <TitleEm>this week</TitleEm>.
</>
}
sub="The 1.0.0 release consolidates the library under the @usemotif/* scope. Read the full changelog for everything it carries."
sub="The 1.0.1 patch adds RTL layout and reduced-motion support on top of the 1.0.0 graduation release. Read the full changelog for everything it carries."
/>

<Box mx="auto">
<ChangelogEntry
first
date="May 18, 2026"
version="v1.0.1"
tag="Latest"
chip={{ label: 'Patch', kind: 'fix' }}
title="RTL layout, reduced motion, and lighter icon imports"
>
<ChangelogParagraph>
A patch release: eight fixes across the renderers, the token presets, and the headless
layer. A new <ChangelogCode>&lt;Direction&gt;</ChangelogCode> provider and logical style
props bring RTL / bidirectional layout;{' '}
<ChangelogCode>useReducedMotion()</ChangelogCode> lands in the headless layer; and{' '}
<ChangelogCode>@usemotif/icons</ChangelogCode> imports drop from ~6.2 KB to ~0.6 KB gzip
per icon.
</ChangelogParagraph>
</ChangelogEntry>

<ChangelogEntry
date="May 15, 2026"
version="v1.0.0"
tag="Latest"
chip={{ label: 'Release', kind: 'feat' }}
title="The graduation release on the @usemotif/* scope"
>
Expand Down
Loading