mirror of
https://github.com/chakra-ui/chakra-ui.git
synced 2026-09-14 16:43:45 +08:00
51eb0ff050
* feat(Button): add accessibleWhenDisabled prop for accessible disabled state When the `accessibleWhenDisabled` prop is set to `true`, the Button component uses `aria-disabled` instead of the native `disabled` attribute, keeping the button focusable and accessible to assistive technologies. - Add `accessibleWhenDisabled` prop to `ButtonBaseProps` - Use `aria-disabled` instead of `disabled` when the prop is enabled - Set `data-disabled` for CSS styling in both modes - Suppress click events when `aria-disabled` is active - IconButton and CloseButton inherit the feature via ButtonProps Closes #10929 * fix: add Emotion style registry for Next.js App Router to prevent hydration errors with Suspense streaming - Add EmotionRegistry component to sandbox/next-app template with delta-tracking cache to avoid duplicated styles - Add @emotion/cache dependency to sandbox/next-app - Document the Emotion style registry in the Next.js App Router guide including the full EmotionRegistry component code and layout usage - Update install command to include @emotion/cache Fixes #10942 * revert: drop unrelated Button accessibleWhenDisabled change This belongs in #10932, not the Next.js Emotion registry docs. * test: add Next.js streaming sandbox for Emotion hydration Reproduces the Suspense/Cache Components mismatch and the Emotion registry fix. * revert: keep the default next-app template without an Emotion registry Streaming hydration belongs in the dedicated next-app-streaming sandbox. * chore: stop ignoring Next agent files in the streaming sandbox * docs(next-app): make the Emotion registry an optional streaming step Keep the default install one-pass. Document the registry only for Suspense and Cache Components. * chore: sync lockfile after dropping @emotion/cache from next-app CI frozen-lockfile failed because the default template no longer depends on it. --------- Co-authored-by: waterWang <waterWang@users.noreply.github.com> Co-authored-by: Segun Adebayo <joseshegs@gmail.com>
26 lines
676 B
JSON
26 lines
676 B
JSON
{
|
|
"name": "next-app-streaming",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev --webpack --port 3010",
|
|
"dev:registry": "USE_EMOTION_REGISTRY=1 next dev --webpack --port 3010",
|
|
"build": "next build --webpack",
|
|
"start": "next start --port 3010",
|
|
"type-check": "tsc"
|
|
},
|
|
"dependencies": {
|
|
"@chakra-ui/react": "workspace:*",
|
|
"@emotion/cache": "^11.14.0",
|
|
"@emotion/react": "^11.14.0",
|
|
"@types/node": "^24.10.1",
|
|
"@types/react": "19.2.17",
|
|
"@types/react-dom": "19.2.3",
|
|
"next": "16.3.1",
|
|
"next-themes": "^0.4.6",
|
|
"react": "^19.2.1",
|
|
"react-dom": "^19.2.1",
|
|
"typescript": "^5.9.3"
|
|
}
|
|
}
|