Skip to content

v85.0.0

Choose a tag to compare

View all tags
@github-actions github-actions released this 12 Feb 09:38
v85.0.0
c9d04a1

Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

85.0.0 (2026-02-12)

プロダクト側で対応してほしい事項

フォーカスリング (フォーカスインジケータ) を独自に設定している場合

従来、フォーカスインジケータをカスタマイズするために shr-shadow-none クラスを使用していた場合、今回の変更により outline プロパティが追加されたため、shr-shadow-none だけではフォーカスインジケータを完全に非表示にできなくなります。

代わりに、新しく追加した shr-focus-indicator-none クラスを使用してください。このクラスは box-shadow と outline の両方を無効化します。

// 従来の方法(今回の変更後は outline が残る)
<Button className="focus:shr-shadow-none focus:custom-focus">

// 新しい方法(推奨)
<Button className="focus:shr-focus-indicator-none focus:custom-focus">

MessageDialog

  • MessageDialog[description] を MessageDialog[children] に変更してください。

FilterDropdown

  • isFiltered を filtered に置換してください
  • decoratorsを削除し、個別の属性で指定しなおしてください
    • status -> filtered.iconAltで指定します
      • <FilterDropdown {...any} filtered={filterd ? { iconAlt: 'フィルター適用済みアイコンのalt' } : false} />
    • triggerButton -> trigger、もしくはtrigger.textで指定します
      • <FilterDropdown {...any} trigger="開閉ボタン" />
      • <FilterDropdown {...any} trigger={{ text: '開閉ボタン', size: 's' }} />
    • applyButton -> applyText
    • cancelButton -> cancelText
    • resetButton -> resetText
  • triggerSize、onlyIconTriggerはtrigger属性でまとめて指定する方式に変更されています
    • <FilterDropdown {...any} trigger={{ text: '開閉ボタン', size: 's', onlyIcon: true }} />

SortDropdown

  • decoratorsを削除し、個別の属性で指定しなおしてください
    • decorators.sortFieldLabel を sortFieldLabelに変更
    • decorators.sortOrderLabel を sortOrderLegendに変更
    • decorators.ascLabel を ascLabelに変更
    • decorators.descLabel を descLabelに変更
    • decorators.applyButtonLabel を applyText に変更
    • decorators.cancelButtonLabel を cancelText に変更

Icon

Iconにtextを設定するのではなく、テキストやその他コンポーネントにiconが所属するように修正してください。
ほとんどのパターンに置いて、以下の属性への置き換えで対応可能です。

  • Textコンポーネントのicon
    • 今までIcon[gap]を使っていた場合は Text[icon.gap] を使ってください。
  • Headingコンポーネントのicon
  • FormControlのlabel.icon
  • Fieldsetのlegend.icon

Text

  • Text[prefixIcon] は Text[icon] に置き換えてください。
  • Text[suffixIcon] は Text[icon.suffix] に置き換えてください。
  • 今までIcon[gap]を使っていた場合は Text[icon.gap] を使ってください。

FormControl, Fieldset

  • statusLabelPropsを削除しstatusLabelsに置き換えてください。

⚠ BREAKING CHANGES

  • MessageDialog: description属性をchildrenに変更 (#5976)
  • FilterDropdown: 属性のフォーマットを変更する (#6011)
  • SortDropdown: decoratorsを廃止し、個別にテキスト指定を行うように修正 (#6012)
  • FormControl,Fieldset: deprecatedであるstatusLabelProps属性を削除する (#6007)
  • Icon: text,iconGap,right属性を削除する (#5971)
  • Text: prefixIcon, suffixIcon, iconGap属性をicon属性にまとめる (#5970)

Features

  • FilterDropdown: 属性のフォーマットを変更する (#6011) (c58d3af)
  • FormControl,Fieldset: deprecatedであるstatusLabelProps属性を削除する (#6007) (c7acc5b)
  • Icon: text,iconGap,right属性を削除する (#5971) (76133f0)
  • Input: 日付入力のUIの挙動改善のため、max属性をデフォルトで設定する (#6082) (b4e948b)
  • SortDropdown: decoratorsを廃止し、個別にテキスト指定を行うように修正 (#6012) (3429b1c)
  • フォーカスインジケータをoutlineベースの実装に変更 (#6050) (1bbac85)

Bug Fixes

  • charts: strictモードでキーボード操作時にエラーが発生する問題を修正 (#6083) (4c61843)

  • Text: prefixIcon, suffixIcon, iconGap属性をicon属性にまとめる (#5970) (77d1053)

  • MessageDialog: description属性をchildrenに変更 (#5976) (ca27d5d)

Assets 2
Loading