Radix Primitives のリリースとその変更ログ。
CheckedState 型のエクスポートTooltipProviderProps 型のエクスポートpackage.json に欠けていた内部ユーティリティを追加しました。ポータル部分を提供する対応するパッケージもパッチアップデートを受けました。– #2966以下の変更を加えた、すべてのプリミティブのマイナーバージョンをリリースしました。
react-remove-scroll 依存関係のバージョンを更新および固定しました – #2776onEscapeKeyDown で stopPropagation を呼び出すことができます。hideWhenDetached プロップをサポートするコンポーネントが、非表示のコンテンツとのインタラクションを許可しないようにしました – #2743 – #2745Dialog.Title部分でアクセス可能なタイトルがない場合、エラーをログに記録します – #2948Dialog.Description部分でアクセス可能な説明がない場合、警告をログに記録します – #2948disableOutsidePointerEventsプロパティを削除します。value={undefined}を明示的に許可し、現在の実際的な動作と一致させます – #2947nonceプロパティを追加します – #2728nonceプロパティを追加します – #2728Portalコンポーネントの型定義で、DOMプロパティを受け入れるという記述が間違っていた点を修正します – #2178Dialogの中にネストされたPopoverが開かない問題を修正します – #2182scroll-behavior: smoothの互換性を追加します – #2175""のvalueを使用してプレースホルダーにリセットする機能を追加しました。 valueが""のオプションを使用していた場合のみ、破壊的変更となります。– #2174Portalコンポーネントの型定義で、DOMプロパティを受け入れるという記述が間違っていた点を修正します – #2178Portalコンポーネントの型定義で、DOMプロパティを受け入れるという記述が間違っていた点を修正します – #2178Contentを常に動的に再配置するオプションを追加します – #2092このリリースでは、すべてのプリミティブがESMと互換性を持つようにしました。また、すべてのポッパー配置プリミティブについて、最新バージョンのFloating UI に更新しました。
collisionBoundaryを使用する場合に、--radix-popper-available-widthが正しく計算されるようにします – #2032Slotを使用できるようにします – #2116このリリースでは、プレビューで新しいプリミティブForm
ContextMenu.CheckboxItemのonCheckedChange型を緩和します – #1778DropdownMenu.CheckboxItemのonCheckedChange型を緩和します – #1778onCheckedChange の型を Menubar.CheckboxItem で緩和 – #1778このリリースでは、新しいプリミティブ Menubar を導入します。また、強く要望されていた Select の機能、Popover や DropdownMenu と同様の方法でコンテンツを配置する機能を追加しました。
orientation プロパティによる水平方向のサポートと、dir によるRTLサポートを追加 – #1850Select.Content に position プロパティを追加し、Popperによる配置を有効化 – #1853ContextMenu.Trigger に disabled プロパティを追加 – #1746pointerId を修正 – #1753ContextMenu.CheckboxItem で中間状態のサポートを追加。これは、CheckboxItem を使用しており、コードベースがTypeScriptで記述されている場合のみ、互換性に影響します。 – #1624DropdownMenu.CheckboxItem で中間状態のサポートを追加。これは、CheckboxItem を使用しており、コードベースがTypeScriptで記述されている場合のみ、互換性に影響します。 – #1624DropdownMenu.Trigger の開閉状態を aria-expanded と正しく連携 – #1644asChild を使用する場合の項目の先行選択の問題を修正 – #1647useLabelContext と完全にカスタムコントロールのサポートを削除。ネイティブのラベル付けを機能させるには、カスタムコントロールが button や input などのネイティブ要素に基づいていることを確認してください。 – #1686label 要素を使用することで、ネイティブの動作を改善 – #1686NavigationMenu.Root に delayDuration と skipDelayDuration プロパティを追加。デフォルトでは、トリガーはUXの向上のため、開く前に短い遅延があります。これは、提供されたプロパティを使用して変更できます。 – #1716RadioGroup.Root に disabled プロパティを追加 – #1530RadioGroup.Root がフォーカス可能であった問題を修正 – #1530Slider.Root の新しい inverted プロパティを使用して、スライダーを視覚的に反転させる機能を追加 – #1695Slider.Root に onValueCommit プロパティを追加し、離散的な値の変化をより適切に処理 – #1696ref代入に関する回帰バグを修正しました。これにより、子要素がnullを返す問題が解決されました – #1668Toast.RootにonPauseプロパティとonResumeプロパティを追加しました – #1669Toolbar.Itemのクリックハンドラーが2回発火するのを防止しました – #1526このリリースから、セマンティックバージョニングを厳密に遵守します。すべてのプリミティブは、1.0.0バージョンになります。
Select、Toast、NavigationMenuをプレビューから安定版に移行しました。
dir属性のドキュメントからの継承（または任意の要素）に依存していた場合は、DirectionProviderを使用する必要があります。 – #1119allowPinchZoomプロパティを削除しました。デフォルトでtrueになります – #1514AlertDialog.PortalのforceMountを使用して、JSアニメーションライブラリとの互換性を向上させました – #1075allowPinchZoomプロパティを削除しました。デフォルトでtrueになります – #1514Portalパーツを追加しました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。z-indexは管理されなくなったため、レイヤーを完全に制御できます。 – #1429Arrowパーツのoffsetを削除しました – #1531ContentパーツのcollisionToleranceをcollisionPaddingに名前変更し、数値またはパディングオブジェクトを受け入れるようにしました – #1531data-highlighted属性を追加しました – #1388Triggerパーツにdata-state属性を追加しました – #1455ContentパーツにcollisionBoundary、arrowPadding、sticky、hideWhenDetachedプロパティを追加しました – #1531allowPinchZoomプロパティを削除しました。デフォルトでtrueになります – #1514Dialog.PortalのforceMountを使用して、JSアニメーションライブラリとの互換性を向上させました – #1075allowPinchZoomプロパティを削除しました。デフォルトでtrueになります – #1514Portalパーツを追加しました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。z-indexは管理されなくなったため、レイヤーを完全に制御できます。 – #1429Arrowパーツのoffsetを削除しました – #1531ContentパーツのcollisionToleranceをcollisionPaddingに名前変更し、数値またはパディングオブジェクトを受け入れるようにしました – #1531data-highlighted属性を追加しました – #1388ContentパーツにcollisionBoundary、arrowPadding、sticky、hideWhenDetachedプロパティを追加しました – #1531Portalパーツを追加しました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。z-indexは管理されなくなったため、レイヤーを完全に制御できます。 – #1426Arrowパーツのoffsetを削除しました – #1531ContentパーツのcollisionToleranceをcollisionPaddingに名前変更し、数値またはパディングオブジェクトを受け入れるようにしました – #1531ContentパーツにcollisionBoundary、arrowPadding、sticky、hideWhenDetachedプロパティを追加しました – #1531NavigationMenu.Linkをクリックした後にメニューが閉じられるようにしました – #1347NavigationMenu.LinkにonSelectプロパティを追加しました – #1372allowPinchZoomプロパティを削除しました。デフォルトでtrueになります – #1514Portalパーツを追加しました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。z-indexは管理されなくなったため、レイヤーを完全に制御できます。 – #1425Arrowパーツのoffsetを削除しました – #1531ContentパーツのcollisionToleranceをcollisionPaddingに名前変更し、数値またはパディングオブジェクトを受け入れるようにしました – #1531ContentパーツにcollisionBoundary、arrowPadding、sticky、hideWhenDetachedプロパティを追加しました – #1531containerRef (参照) から container (要素) に変更されました。data-radix-portal は削除されました。要素の制御には asChild を使用できます。– #1463aria-required が追加されました。– #1422ScrollArea.Thumb がアニメーション化できるようになりました。– #1392data-state の値が active|inactive から checked|unchecked に変更されました。– #1388Portal パーツが追加されました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。`z-index` の管理が廃止されたため、レイヤーの制御を完全に自由に操作できます。– #1459Select.Content で asChild を使用する場合の、位置の破損問題を修正しました。– #1245Select.Content にパディングがある場合の、トリガー/コンテンツの配置を改善しました。– #1312data-highlighted属性を追加しました – #1388Select.Value に placeholder プロップを追加し、プレースホルダーをサポートしました。– #1384Slottable を使用する場合の子要素の順序付けに関する問題を修正しました。– #1376Tabs.Content にライフサイクルアニメーションのサポートを追加しました。– #1346asChild を使用する場合のTypeScript型を改善しました。– #1300keyプロップを更新する場合の、トーストの並べ替えに関する問題を修正しました。– #1283Portal パーツが追加されました。回帰を避けるため、ポータリング動作が必要な場合はこのパーツを使用してください。`z-index` の管理が廃止されたため、レイヤーの制御を完全に自由に操作できます。– #1427Tooltip.Content はホバー中に開いたままになります (WCAG 2.1 ホバー時のコンテンツへの準拠)。以前の動作に戻すには、disableHoverableContent を Tooltip.Provider に指定できます。– #1490Tooltip.Content の side は、デフォルトで top になりました。– #1490Tooltip.Provider が必須になりました。回帰を避けるために、アプリケーションをラップする必要があります。– #1490Arrowパーツのoffsetを削除しました – #1531ContentパーツのcollisionToleranceをcollisionPaddingに名前変更し、数値またはパディングオブジェクトを受け入れるようにしました – #1531ContentパーツにcollisionBoundary、arrowPadding、sticky、hideWhenDetachedプロパティを追加しました – #1531このリリースでは、プレビュー版として3つの新しいプリミティブが導入されました。 Select、Toast、NavigationMenuです。多くの修正と改善も含まれています。
Dialog.Title は必須のパーツになったため、使用されていない場合はエラーが発生します。aria-describedby={undefined} は、説明が不要な場合に Dialog.Content に渡す必要があります。– #1098Dialog/AlertDialog` – #1097DropdownMenu.TriggerItem のクリックが2回発生する問題を修正しました。– #1057Home`キーと`End`キー使用時のページスクロール防止 – #1076このリリースでは、React 18のサポートに重点を置き、いくつかのパッケージに多数の破壊的変更が導入されています。ほとんどは、ポータルダイアログに関連しています。
IdProvider`の非推奨化。今後のReact 18のサポートが向上し、古いバージョンでは不要になりました。非推奨警告を回避するために、アプリケーションから削除してください。– #1006type`プロップと`value`プロップによる開発モードエラーの改善 – #979Accordion.Content`の高さアニメーション防止 – #977Portal`パートの追加。回帰を避けるには、ポータル機能が必要な場合はこのパートを使用してください。– #936AlertDialog.Overlay`内でのスクロールのサポート。`allowPinchZoom`をルートに移動。 – #963asChild`のTypeScriptエラー修正 – #924Collapsible.Content`の高さアニメーション防止 – #977Portal`パートの追加。回帰を避けるには、ポータル機能が必要な場合はこのパートを使用してください。– #936Dialog.Overlay`内でのスクロールのサポート。`allowPinchZoom`をルートに移動。 – #963HoverCard`へのフォーカス機能の修正 – #920role=group`要素の無効な`aria-orientation`属性の削除 – #965TooltipProvider`パートの追加。回帰を避けるには、アプリケーションをラップする必要があります。– #1007Tooltip.Trigger`から`type=button`属性の削除 – #1011key`警告の修正 – #1015Accordion.Content`に追加 – #879AlertDialog`のコンポーザビリティの向上 – #906DropdownMenu.Contentに、allowPinchZoomプロパティ経由でピンチトゥズームのサポートを追加 – #884ContextMenu.Contentに、allowPinchZoomプロパティ経由でピンチトゥズームのサポートを追加 – #884Collapsible.Contentに幅アニメーションのための新しいCSS変数を追加 – #879Tooltipとのコンポーザビリティを向上 – #906DropdownMenu.Contentに、allowPinchZoomプロパティ経由でピンチトゥズームのサポートを追加 – #884Popover.Contentに、allowPinchZoomプロパティ経由でピンチトゥズームのサポートを追加 – #8840の場合の計算を修正 – #866Tabs.Content内のコンテンツをアンマウント – #859asプロパティをasChildブールプロパティに置き換え。レンダリングされる要素の変更方法の詳細については、こちらを参照 – #835DropdownMenuとのコンポーザビリティを向上 – #818Dialogとのコンポーザビリティを向上 – #818pointer-eventsを再度有効化 – #819extendPrimitiveユーティリティの非推奨化 – #840AlertDialog.ContentのonPointerDownOutsideプロパティの削除 – #700modalプロパティによるモダリティサポートの追加 – #700ContextMenu.ContentのdisableOutsidePointerEventsプロパティの削除 – #700modalプロパティによるモダリティサポートの追加 – #700autofocus属性を使用する場合、閉じるときにトリガーにフォーカスが復元されるようにする – #739modalプロパティによるモダリティサポートの追加 – #700DropdownMenu.ContentのdisableOutsideScrollプロパティの削除 – #700DropdownMenu.ContentのdisableOutsidePointerEventsプロパティの削除 – #700modalプロパティによるモダリティサポートの追加 – #700Popover.ContentのdisableOutsideScrollプロパティの削除 – #700Popover.ContentのdisableOutsidePointerEventsプロパティの削除 – #700Popover.ContentのtrapFocusプロパティの削除 – #700autofocus属性を使用する場合、閉じるときにトリガーにフォーカスが復元されるようにする – #739ScrollBarパーツにdata-stateを追加 – #801Title と Description の部分を追加 – #741Accordion.Button を Accordion.Trigger に名前変更 – #651Accordion.Panel を Accordion.Content に名前変更 – #651--radix-accordion-content-height) – #651type=“single” の Accordion には、新しい collapsible プロパティが追加され、デフォルトは false となりました。これは、デフォルトの動作が変更されたことを意味します。デフォルトでは、ユーザーはすべてのアイテムを閉じることができません。– #651onPointerDownOutside でデフォルトの動作を防止できるようにする – #654onCheckedChange(event) は、onCheckedChange(checked: CheckedState) になりました – #672Checkbox の onClick で伝播を停止できるようにする – #672label との互換性を向上 – #672label でラップした場合のアクセシビリティを向上 – #672Collapsible.Button を Collapsible.Trigger に名前変更 – #651ContextMenu.TriggerItem を追加 – #682ContextMenu.Arrow を追加 – #682dir プロパティを追加 – #682onPointerDownOutside でデフォルトの動作を防止できるようにする – #654ContextMenu.Content の side プロパティを削除 – #658ContextMenu.Content の align プロパティを削除 – #658ContextMenu.Content に sideOffset があった場合は、alignOffset を使用する必要があります。これは、ルートメニューとサブメニューの両方で垂直方向の配置を標準化するためです。– #712onFocusOutside はカスタムイベントになりました – #671onPointerDownOutside でデフォルトの動作を防止できるようにする – #654DropdownMenu.TriggerItem を追加 – #682dir プロパティを追加 – #682onPointerDownOutside でデフォルトの動作を防止できるようにする – #654onFocusOutside はカスタムイベントになりました – #671onPointerDownOutside でデフォルトの動作を防止できるようにする – #654onFocusOutside はカスタムイベントになりました – #671onValueChange(event) が onValueChange(value: string) に変更されました – #685RadioGroup.Item の onCheckedChange プロパティが削除されました – #685Scrollbar のマウント/アンマウントにアニメーションが追加されました – #624overflowX と overflowY プロパティが削除されました – #624ScrollAreaButtonStart、ScrollAreaButtonEnd、ScrollAreaTrack が削除されました – #624scrollbarVisibility プロパティの名前が type に変更されました。値は auto、always、scroll、または hover です – #624scrollbarVisibilityRestTimeout プロパティの名前が scrollHideDelay に変更されました – #624trackClickBehavior プロパティが削除されました。トラックをクリックすると、常にポインタの位置にスナップします – #624ScrollAreaScrollbarX と ScrollAreaScrollbarY が <ScrollAreaScrollbar orientation="horizontal" /> と <ScrollAreaScrollbar orientation="vertical" /> に変更されました – #624onCheckedChange(event) が onCheckedChange(checked: boolean) に変更されました – #679label でラップした場合のアクセシビリティが向上しました – #679Tabs.Tab の名前が Tabs.Trigger に変更されました – #652Tabs.Panel の名前が Tabs.Content に変更されました – #652readOnly プロパティが削除されました – #600onOpenChange プロパティが追加されました – #604anchorRef プロパティが削除されました – #580anchorRef プロパティが削除され、オプションの Anchor 部分に置き換えられました – #580readOnly プロパティが削除されました – #600orientation、dir、loopプロップを追加 – #618anchorRef プロパティが削除されました – #580Contentが複数のクローズアニメーションを持つ場合に確実に閉じられるようにする – #571ToggleButtonプリミティブの名前をToggleに変更 – #546toggledプロップの名前をpressedに変更 – #546defaultToggledプロップの名前をdefaultPressedに変更 – #546onToggledChangeプロップの名前をonPressedChangeに変更 – #546selectorプロップとdata-radix-*属性を削除 – #517typeプロップが必要になったため、これは互換性に影響する変更です – #527stepが正しく丸められるようにする – #463dirプロップ） – #497<Trigger as={Slot}>を使用する場合、イベントが合成されるようにする – #461onCloseAutoFocusプロップを公開 – #456onCloseAutoFocusプロップを公開 – #456asプロップを使用する場合の型の自動補完を修正 – #421nameプロップをItemからRootに移動 – #424childrenを再追加 – #414childrenを再追加 – #414selectorプロップを追加 – #347Rootでdisabled={false}を設定しても無効なアイテムが有効にならないようにする – #400