ripple@0.4.1

Ripple-TS/rippleripple@0.4.1Sep 15, 2026by github-actions[bot]

Upgrading?

AI Summary

Introduces strict type checking for CSS properties, requiring units for numeric lengths, and re-exports JSX/Ripple namespaces for easier type imports.

Key Highlights

  • CSS properties now require units (e.g., '400px') to produce type errors
  • Re-exports JSX and Ripple namespaces as types from the main package
  • Nullable and optional style properties are omitted during server rendering

Breaking Changes

  • Numeric lengths without units (e.g., width: 400) now produce a type error

New Features

  • Type-safe style objects using property-specific CSS types
  • Improved hover types for Tracked, Derived, and WritableDerived values
  • Support for conditional style values using null/undefined

Full Release Notes

### Patch Changes

- [#1477](https://github.com/Ripple-TS/ripple/pull/1477)
  [`670d669`](https://github.com/Ripple-TS/ripple/commit/670d66916a0b2d58254adb3248abc9d3e816fd8d)
  Thanks [@leonidaz](https://github.com/leonidaz)! - Use property-specific CSS
  types for HTML and SVG style objects and export `CSSProperties` from `ripple`
  and `ripple/jsx-runtime`. Numeric lengths such as `width: 400` now produce a
  type error; specify units with `width: '400px'` or `width: '24rem'`. Unitless
  CSS properties, zero lengths, camelCase and kebab-case names, and CSS custom
  properties remain supported.

  Style properties set to `null` or `undefined` are omitted during server
  rendering and removed on the client, matching the nullable and optional property
  types and supporting conditional style values. Ripple does not infer or add CSS
  units.

  Re-export the `JSX` and `Ripple` namespaces as types from `ripple` so element
  prop and event types can be imported from the main package. The
  `ripple/jsx-runtime` exports remain available.

- [#1475](https://github.com/Ripple-TS/ripple/pull/1475)
  [`e008b3f`](https://github.com/Ripple-TS/ripple/commit/e008b3f933a5a5b54ca8b74ae80aa98b6ddfb82f)
  Thanks [@leonidaz](https://github.com/leonidaz)! - Show public Tracked, Derived,
  and WritableDerived type names in value property hovers.

Related Repositories