お知らせ（コードスニペット）
- HTML版：リンク
- リンクactive時の色をOrange-700からOrange-800に変更
- React版：リンク
- リンクactive時の色をOrange-700からOrange-800に変更
- HTML版：見出し
- 新規追加
- React版：テキストエリア
- Readonlyステートの作例を追加
- React版：日付ピッカー
- Readonlyステートの作例を追加
- React版：フォームコントロールラベル
- サポートテキストの文字色をGray 600に修正
- React版：その他の修正
GitHubリポジトリのURLをHTML版の形式に揃うように変更
旧：https://github.com/digital-go-jp/design-system-example-components/
新：https://github.com/digital-go-jp/design-system-example-components-react/
- HTML版：インプットテキスト
- Readonlyステートの作例を追加
- HTML版：テキストエリア
- Readonlyステートの作例を追加
- HTML版：日付ピッカー
- Readonlyステートの作例を追加
- HTML版：その他の修正
- Storybookのアクセシビリティを改善
- StorybookのドキュメントがFirefoxで正しく表示できなかった問題を修正
- React版：インプットテキスト
- Readonlyステートの作例を追加
- React版：その他の修正
- Storybookのアクセシビリティを改善
- StorybookのドキュメントがFirefoxで正しく表示できなかった問題を修正
- 依存パッケージの更新
- React版：コードスニペット
コードスニペット（React版）のURLが変更になりました
旧：https://digital-go-jp.github.io/design-system-example-components/
新：https://design.digital.go.jp/dads/react/
- React版：DatePickerコンポーネント
- DatePickerコンポーネントに
'use client'ディレクティブを追加する
- DatePickerコンポーネントに
- React版：HamburgerMenuButtonコンポーネント
- デスクトップ・モバイル共通コンポーネントのパディングをデザインに合わせる
- React版：LanguageSelectorコンポーネント
- メニューリストのパディングをデザインに合わせる
- React版：NotificationBannerコンポーネント
- 閉じるボタンのサイズおよびホバー時のスタイルをハンバーガーメニューボタンに統一
- デスクトップおよびモバイルの閉じるボタンを横組みのものに統一
- コンパクトタイプの閉じるボタンのアイコンを「閉じる」ラベル付きのものに変更
- コンパクトタイプの閉じるボタンの作例を追加
- React版：UtilityLinkコンポーネント
- リードアイコンを追加、テールアイコンを16pxに修正
- Tableコンポーネント
- v2.5.0 Figma デザインデータの更新を反映
- NotificationBannerコンポーネント
- 強制カラーモード時のアイコンの色を調整
- その他の修正
- イントロダクションの文章を一部修正
- Accordionコンポーネント
- 意図しないリストマーカーを非表示にする（Safari 18.4）
- Checkboxコンポーネント
- 強制カラーモード時の色を
CanvasTextからButtonTextに修正 - 全選択チェックボックスのチェックボックスをチェック時にフォーカスが失われないように修正
- 強制カラーモード時の色を
- DatePickerコンポーネント
- カレンダーのみのStoryを新規追加
- エラー時は3つのフィールドすべてを
aria-invalid="true"とする - エラー時のエラーテキストをデザインに合わせる
- カレンダーの閉じるボタンを削除ボタンに修正
- Radioコンポーネント
- 強制カラーモード時の色を
CanvasTextからButtonTextに修正
- 強制カラーモード時の色を
- その他の修正
- コンポーネント一覧のコンポーネント名を日本語化
- Biomeのa11y/noLabelWithoutControlルールを無効化
- 依存パッケージの更新
- 日付ピッカー／カレンダーのサンプルを追加
- 外周の色をデザインデータに準拠
- インプットテキスト
- セレクトボックス
- テキストエリア
- 状態のスタイリングに
data-*属性を使用するように修正- インプットテキスト
- 項目ラベル
- セレクトボックス
- ディバイダー
- テキストエリア
- 要否ラベル
- テーブルにサンプルを追加
- チェックボックスとラジオボタンにStandaloneのサンプルを追加
- チェックボックスにIndeterminateのサンプルを追加
- ドロワーサンプルのオーバーレイシェイドの強制カラーモード対応
- 依存パッケージのアップグレード
- チェックボックスおよびラジオボタンのホバー時の表示を、最新のv2デザインデータに準拠
- 緊急時バナーの実装をv2.1.2の仕様に準拠
- ドロワーのサンプルを新規追加
- Storybookの各Storyのページにソースコード表示用のアドオンを追加（@storybook/storysource-addon）
- 依存パッケージのアップグレード
- アコーディオンコンポーネントにv2.1.0 デザインデータを適用し、サンプルのフォーカスの挙動を変更
- ディスクロージャーコンポーネントを新規追加
- チェックボックス・ラジオボタンの低解像度ディスプレイでの見た目を改善
- tailwind-theme-plugin v0.2.2 対応
- 依存パッケージのアップグレード
- その他細かい修正
- Select コンポーネント
- コンポーネントスタイルから
min-widthを削除など、汎用性を高めるための改修を実施 - サンプルのメニュー（
option）がFirefoxでキーボード操作ができなかった問題を修正
- コンポーネントスタイルから
- Input コンポーネント
- コンポーネントスタイルから
min-widthを削除
- コンポーネントスタイルから
- Textarea コンポーネント
- コンポーネントスタイルから
min-widthを削除 コンポーネントスタイルから
field-sizing: contentを削除し、入力内容によって高さが可変するテキストエリアのサンプルの提供のみに変更
- コンポーネントスタイルから
- Table コンポーネント
Tableコンポーネントとそれに関連するTh,Tdコンポーネントなどを削除し、HTML要素を使ったサンプルの提供のみに変更
- その他の修正
tailwind-theme-pluginのアップグレードに伴い、廃止予定のクラスを新しいものに置き換え（例：
leading-1-7->leading-170など）- Storybookプレビュー画面のfont-familyにデザイントークンで定義されたTailwind CSS クラスを使用
- Ul, Ol コンポーネントに v2.0.4 デザインデータを反映し、サンプルを追加
- Storybook上でTailwind CSSのスタイルが重複して読み込まれていた問題を修正
- 依存パッケージを更新
- Checkbox, RadioにMサイズ、Lサイズを追加
- Checkbox, Radioにホバースタイルを追加
- HamburgerMenuButtonの強制カラーモード時のスタイルを調整
- LanguageSelectorのメニュー項目がSafariで選択できなかった不具合を修正
- 依存パッケージのアップグレード
- デジタル庁デザインシステムのStorybookを公開
- Storybook のロゴ画像のファイルパスを修正
- READMEにStorybookへのリンクを追加
- カラー＆タイポグラフィトークンをv2.0.3の新しいトークンに置き換え
- LanguageSelectorのキーボード操作の挙動を改善
- 強制カラーモード（コントラストテーマ）時の見た目の改善
- v2対応のHamburgerMenuButtonコンポーネントを追加
- Breadcrumbsのラベル付けを aria-label ではなく aria-labelledby を使うように改善
- 依存ライブラリのアップグレード
- その他細かい改善・修正
- Label, Legendコンポーネントのテキストスタイルを修正
- Slotコンポーネントを新規追加
- LanguageSelector（ランゲージセレクター）コンポーネントを新規追加
- 依存パッケージのアップグレード
- イントロダクションページをStorybookに追加
- NotificationBanner（通知バナー）コンポーネントを新規追加
- EmergencyBanner（緊急時バナー）コンポーネントを新規追加
- 依存パッケージのアップグレード
- その他細かい修正・改善
- デザインデータv2に対応したコードスニペット（React）をリリースしました