Minor Changes
-
BREAKING CHANGE: The core component APIs provided by
@remix-run/uihave now moved to@remix-run/component.@remix-run/uinow provides headless, accessible UI primitives and animation utilities for Remix components.The package root and its JSX runtime, server-rendering, test, development-refresh, and styled-component exports are no longer available. Move runtime imports to
@remix-run/componentorremix/component:-import { createRoot, css, on } from '@remix-run/ui' +import { createRoot, css, on } from '@remix-run/component'
If
jsxImportSourcecurrently points to@remix-run/uiorremix/ui, move it to the corresponding component entrypoint:{ "compilerOptions": { "jsx": "react-jsx", - "jsxImportSource": "@remix-run/ui" + "jsxImportSource": "@remix-run/component" } }Primitive APIs retain their existing contracts but now use flat package subpaths:
-import * as accordion from '@remix-run/ui/accordion/primitives' +import * as accordion from '@remix-run/ui/accordion'
The package exports the
accordion,anchor,animation,combobox,listbox,menu,popover,select,tabs, andtogglesubpaths. The previous styledbreadcrumbs,button,checkbox,input, andradiomodules have been removed.@remix-run/uiis currently unstable and versioned independently. It is not available through theremixpackage and must be installed and imported directly. For an application that otherwise uses theremixpackage:npm i remix @remix-run/ui
If the asset server restricts imports with
allowPackages, add@remix-run/uinow that these APIs are imported from the standalone package:{ "assets": { - "allowPackages": ["remix"] + "allowPackages": ["@remix-run/ui", "remix"] } }Direct-package consumers should install both
@remix-run/componentand@remix-run/uiwhen they use the component runtime with the primitives or animation utilities.
Patch Changes
- Bumped
@remix-run/*dependencies: