Skip to content

feat: 文字・本文・入力・重なるものの部品 10 個と、軸 96〜102 の決定 - #18

Merged
kazuemon merged 2 commits into
mainfrom
feat/next-components
Sep 18, 2026
Merged

kazuemon merged 2 commits into
mainfrom
feat/next-components

Conversation

@kazuemon

Copy link
Copy Markdown
Owner

概要

README の未実装のうち、デザインと部品がそろっていたものを作りました。決まっていなかった見た目は Design Review(軸 96〜102)で決め、ADR-0121〜0128 に記録しています。

足した部品

  • 文字: Mark・Time・RelativeTime・NumberFormat(ADR-0121)。言語とタイムゾーンの既定(ja-JP・Asia/Tokyo)は ThemeProvider の localetimeZone で上書きできます
  • 本文・ページの枠: Accordion(ADR-0122)・SkipLink(ADR-0125)・Bleed(ADR-0126)
  • 入力: Textarea(ADR-0124。入力に合わせて伸びる高さ、右下のつまみ、ScrollArea と同じスクロールバー、maxCount による文字数の上限)
  • 操作・重なるもの: CopyButton(ADR-0128)・AlertDialog(ADR-0123)・Button のアイコンだけの形 iconOnlyshape(ADR-0127)

共有に移したもの(見た目は変えていません)

  • src/internal/: collapsible-styles・scroll-area-styles・copy(use-copy とコピーの印)・date(日付の書式・今・言語)・reading/mark
  • Field に invalid(エラーの行なしでエラーの状態にする)を足しました

コミット

  1. 2f37f7f 部品と比較ストーリー(決めた時点。git checkout 2f37f7f && pnpm storybook で比較を開けます)
  2. 6af0b83 ADR・原則・backlog・索引・比較画像の記録と、比較ストーリーの削除

README には、部品の一覧を広げた変更(メインの作業ツリーで未コミットだったもの)も含まれています。

確かめたこと

  • pnpm typecheckpnpm lint(既存の警告 2 件のみ)・pnpm format:check
  • pnpm test: 61 ファイル・281 件すべて通過。コミット済みの基準画像は 1 枚も変わっていません

あとで見ること(backlog に記載)

  • AlertDialog をシートで出すとき、面の role を中身から書き換えています。SheetPopup に role を通す形に直すか
  • Tooltip を長押しで出したとき、指を離すと閉じる件(実機で確認)
  • iOS Safari での Textarea の右下のつまみ

🤖 Generated with Claude Code

kazuemon and others added 2 commits September 19, 2026 00:40
…iew axes 96–102

Add Mark, Time, RelativeTime, NumberFormat, Accordion, AlertDialog,
Textarea, SkipLink, Bleed and CopyButton, and give Button an icon-only
shape (square by default, round selectable). ThemeProvider now passes
locale and time zone defaults. Shared parts move to src/internal:
collapsible styles, scroll area styles, copy parts, date helpers and the
mark styles that Prose and Mark share. Field gains an invalid state
without a message line, used by Textarea when maxCount is exceeded.

The comparison stories for axes 96–102 are kept in this commit as the
point of decision; they are removed in the next commit.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Write ADR-0121 (Mark, Time, RelativeTime, NumberFormat and the locale
and time zone defaults) and ADR-0122–0128 for Accordion, AlertDialog,
Textarea, SkipLink, Bleed, the icon-only button shape and CopyButton,
with comparison images. Note in ADR-0102 that AlertDialog is now a
component. Update principles 1, 4 and 5, the backlog, the ADR index and
the visual testing notes, and remove the comparison stories (decided at
2f37f7f).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@kazuemon
kazuemon merged commit 2778434 into main Sep 18, 2026
2 checks passed
@kazuemon
kazuemon deleted the feat/next-components branch September 18, 2026 15:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant