DiffDaily Deep & Concise - OSS変更の定点観測
トップに戻る

shoelace-style/webawesome

https://github.com/shoelace-style/webawesome

`menu` 要素のリセットを Native Styles に追加

WebAwesome の Native Styles に `menu` 要素のリセットルールが追加され、デフォルトの list-style、margin、padding が除去されました。これにより既存の見た目を崩さず、柔軟なカスタマイズが可能になります。

2026年06月02日 gpt-oss-120b

Carousel のマウスドラッグでスムーズなスナップアニメーションを実現

ドラッグ中に無効化していた `scroll-snap-type` を削除し、マウスアップ時のスムーズなスナップアニメーションを実現した変更です。

2026年06月02日 gpt-oss-120b

<wa-dropdown> のオーバーフロー時に自動スクロールで可視化を確保

<wa-dropdown> のオーバーフロー時に自動スクロールを追加し、キーボード操作で選択項目が常に可視になるよう修正しました。

2026年06月02日 gpt-oss-120b

ドロップダウンのキーボード操作時に選択項目を自動スクロール

スクロール可能なドロップダウンでキーボード操作時に選択項目が画面外に隠れないよう、`scrollIntoView` を追加して可視化を実現した変更です。

2026年06月02日 gpt-oss-120b

Add light-dismiss behavior tests and changelog entry for dialog and drawer components

テストと changelog を追加し、`<wa-dialog>` と `<wa-drawer>` の lightDismiss 挙動を CI で検証できるようにした変更です。

2026年06月02日 gpt-oss-120b

Drawer コンポーネントの lightDismiss デフォルトを false に修正

`<wa-drawer>` の `lightDismiss` デフォルトを `true` から `false` に変更し、ブール属性規約と `<wa-dialog>` と整合させました。コードとテストの差分のみで機能影響は最小です。

2026年06月02日 gpt-oss-120b

Pro コンポーネントのトランジションをデザイントークンに同期

WebAwesome の CHANGELOG に、Pro コンポーネントである `<wa-combobox>` と `<wa-toast-item>` のトランジションをデザイントークンへ統一した変更が追記されました。#2423 で進められたライブラリ全体のモーション統一作業が Pro コンポーネントにも適用されたことを記録するものです。

2026年05月22日 Claude Sonnet 4.6

ドキュメントサイトのLighthouseスコア改善:フォント最適化・アクセシビリティ修正・プロモ改善

WebAwesomeドキュメントサイトのLighthouseスコア改善を目的に、287 KBのBase64インラインフォントを実ファイル配信(CSS 723バイト+フォント103 KB)に移行。あわせてアイコンボタン3箇所のアクセシブル名不足を修正し、プロモーションダイアログの149 KBポスター画像をdismissedユーザーには読み込まないよう遅延化した。

2026年05月21日 Claude Sonnet 4.6

アニメーション時間をデザイントークンに統一し、モーションの一貫性を確保

ポップアップ・パネル系コンポーネント計8種のアニメーション時間のデフォルト値を、ハードコードされた50〜200msからデザイントークン(`--wa-transition-fast` / `--wa-transition-normal`)への参照に統一。あわせて `<wa-copy-button>` と `<wa-select>` のイージングもトークン化され、デザインシステム全体でモーションの一貫性が確保されます。

2026年05月21日 Claude Sonnet 4.6

ドキュメントのコード例ブロックをコンテナクエリ・Web Animations API・アクセシビリティで刷新

ドキュメントのコード例ブロックが、コンテナクエリ・Web Animations API・スコープ付きカスタムプロパティを用いて刷新されました。ナローレイアウト対応・高速トグル時のアニメーション競合制御・スクリーンリーダー向けARIA属性の付与が一度に整理され、ドキュメント基盤の保守性と品質が向上しています。

2026年05月21日 Claude Sonnet 4.6

`<wa-popover>` のビューポート端マージンをShift Paddingで置き換え

`<wa-popover>` のビューポート端余白をCSSの `margin-inline` / `margin-block` で実現していた実装を、Floating UIの `shift-padding` 属性に置き換えました。カスタムマージンによる「見た目上のずらし」がアロー位置の計算と乖離していたリグレッションを、レイアウトエンジン側へ制約を渡す方式で根本解決しています。

2026年05月20日 Claude Sonnet 4.6

`<wa-textarea>` の無効状態スタイリングを他フォームコントロールと統一

`<wa-textarea>` の `disabled` 状態に視覚的スタイルが適用されていなかったバグを修正。`:has(:disabled)` セレクタでコンテナに `opacity: 0.5` と `cursor: not-allowed` を適用し、`<textarea>` 要素には `cursor: inherit` を追加することで、他のフォームコントロールと同等の無効状態表示を実現しました。

2026年05月20日 Claude Sonnet 4.6

カードリンクのホバー演出をユーティリティクラスに統一

ドキュメントサイトのカードグリッド向けホバー演出を、`hover-grow`(スケールアニメーション)と `hover-emphasize-border`(ブランドボーダー+アウトラインリング)の2つのユーティリティクラスに集約しました。従来は `docs.css` にインライン記述されていた `box-shadow` ベースのリングが `outline` に置き換えられ、`wa-card` のエレベーション影を保持しながらホバー演出を適用できるようになっています。

2026年05月13日 Claude Sonnet 4.6

コンポーネントステータスバッジをマクロで統一管理

ドキュメントの個別コンポーネントビューと一覧ページに重複していたバッジ描画ロジックを、共有Nunjucksマクロ `componentStatusBadges` に集約しました。Stableバッジのサイトテーマ適用除外(`class="preview"`)と「Since X.X」バッジの控えめな表示(`--wa-color-surface-lowered`)を統一し、30行のインライン実装を1行の呼び出しに置き換えています。

2026年05月13日 Claude Sonnet 4.6

ドキュメントサイトのパンくずリストをリファクタリング:クラス名変更とスタイルの汎用化

ドキュメントサイトのパンくずリストUIパターンを再設計し、クラス名を `.docs-subpage-crumbs` から `.page-breadcrumbs` へ改名。スタイル定義を `docs.css` から `utils.css` へ移動して再利用性を高めるとともに、`color-mix(in oklab, ...)` による半透明ティントを採用し任意のサーフェスレベルで機能するよう視覚的な改善を実施しました。

2026年05月12日 Claude Sonnet 4.6

`:::pro` ディレクティブの拡張とProコールアウトスタイルの統合

ドキュメント全体に分散していた「Web Awesome Pro」告知用コールアウトのスタイルを `utils.css` の単一ルールに集約し、インラインスタイルや外部スタイルシートへの依存を排除。また `:::pro` Markdownディレクティブがオプションのタイトルとアイコン指定をサポートするよう拡張され、`:::pro Using Web Awesome Pro?` のような記法でタイトル付きコールアウトをMarkdownから直接記述できるようになりました。

2026年05月12日 Claude Sonnet 4.6

ポップオーバーの配置方向別ビューポート制約を追加

モバイルなど狭い画面でポップオーバーがビューポートからはみ出す問題を修正。上下配置では `min()` 関数で `max-width` をビューポート幅に合わせて制限し、左右配置では `max-height` で高さを制御する、配置方向ごとに制約軸を切り替えるCSSルールが追加されました。

2026年05月08日 Claude Sonnet 4.6

ボタンのホバー・アクティブフィードバックを `oklch()` とトランスフォームトークンで改善

デフォルトテーマのニュートラルボタンで発生していた弱い視覚フィードバック問題を解消。`--wa-color-mix-hover` / `--wa-color-mix-active` の混合色算出を `black` 固定から `oklch()` 相対色構文に変更し彩度劣化を排除。また `--wa-button-transform-hover` / `--wa-button-transform-active` デザイントークンを新設し、テーマごとのボタントランスフォーム挙動を統一管理できるようにした。

2026年05月08日 Claude Sonnet 4.6

ナローなビューポートでのポップオーバーのはみ出しを修正

`<wa-popover>` が狭いビューポートで水平方向にはみ出すバグを修正しました。`.body` 要素の `width: max-content` を `width: auto` に変更し、`max-width` に `min(var(--max-width), 100vw)` を適用することで、既存のカスタムプロパティを維持しつつビューポート幅を上限として強制するよう改善しています。

2026年05月08日 Claude Sonnet 4.6

`wa-radio-group` のラベル縦位置ズレを CSS 1 行削除で修正

`wa-radio-group` のラベルが他フォームコントロールと比べて約 3px ずれるバグを修正。原因はコンポーネント固有スタイルの `:host { display: block; }` が共通フォームコントロールスタイルのデフォルト表示を上書きしていたことで、この 4 行を削除するだけで解消された。

2026年05月08日 Claude Sonnet 4.6
1 2 3 … 9 次へ

© 2026 DiffDaily - Powered by AI

タケユー・ウェブ