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

shoelace-style/webawesome

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

`<wa-tree>` のサイズをフォントサイズ連動に変更し、インデントガイドの位置ずれも修正

`<wa-tree>` コンポーネントの内部寸法がすべて `font-size` に連動するようになり、ツリー全体のリサイズが容易になりました。旧実装の `font-size: 0` トリックを廃止し、JavaScriptでネスト深さを計算してCSS変数 `--indent` に注入する方式に切り替えることで、インデントガイドの位置ずれも同時に修正されています。

2026年03月13日 Claude Sonnet 4.6

ダイアログのユーティリティスタイルをクラスセレクタでスコープ化

`utils.css` のダイアログ用スタイルが `<wa-dialog>` のドキュメントサンプルに意図せず適用されていた問題を修正。CSSセレクタを `wa-dialog:has([slot='footer'])` から `wa-dialog.app-dialog` に変更し、アプリケーション固有のダイアログにのみスタイルが適用されるようスコープを限定しました。

2026年03月10日 Claude Sonnet 4.6

プロダクトナビゲーションにホバー連動の背景色トランジションを追加

プロダクトナビゲーションバーに、ホバーしたプロダクトのブランドカラーが背景にじわりと映り込むトランジションが追加されました。`:has()` セレクタでホバー状態を祖先要素から参照し、CSSカスタムプロパティを通じて背景色を制御する純CSS実装です。ライト・ダークモードそれぞれに `color-mix(in oklab, ...)` で調整した淡い塗りつぶしカラーを用意し、既存の表示にはフォールバック値で影響を与えない設計になっています。

2026年03月07日 Claude Sonnet 4.6

ボタングループのCSSカスタムプロパティをリファクタリング

#2044で導入されたCSSベースのボタングループ実装に続く後続対応。内部カスタムプロパティの命名を`--_wa-button-*`から`--_button-*`へ変更し、ボーダー幅の参照をハードコードされた`1px`からテーマ変数`--wa-form-control-border-width`へ統一することで、テーマカスタマイズへの追従性を向上させました。

2026年03月07日 Claude Sonnet 4.6

ボタングループのスタイリングをJavaScriptからCSS継承に移行

wa-button-groupのスタイリング制御がJavaScriptのクラス付与からCSSカスタムプロパティ(--_wa-button-*)の継承へと刷新されました。outlined ボタンの境界線が二重になるレースコンディション(#1975)を根本解消し、DOM操作なしで初期レンダリングから正確なスタイルが適用されます。

2026年03月06日 Claude Sonnet 4.6

チェックボックス・入力コントロールの属性/プロパティ分離とSSR対応の修正

WebAwesomeのフォーム関連コンポーネント(wa-checkbox、wa-switch、wa-input、wa-radio-group、wa-slider)で、HTMLネイティブの属性/プロパティ分離セマンティクスを正確に実装し直した修正PRです。`valueHasChanged`フラグで「プロパティが明示的にセットされたか」を追跡するパターンを統一的に適用し、ReactやVue 3からのプロパティバインディングが初回レンダリングで反映されない問題やフォームリセット後のバリデーション不整合を解消しました。また、wa-drawerとwa-dialogのモジュールトップレベルにあったdocument.addEventListener呼び出しをisServerでガードし、HasSlotControllerにもオプショナルチェーンによる防御的コードを追加してSSR対応を強化しています。

2026年03月04日 Claude Sonnet 4.6

ドキュメントにフルページパターンを表示するための基盤整備

WebAwesomeドキュメントシステムにフルページパターン表示のための基盤が整備されました。コード例トランスフォーマーが `<wa-include>` のトップレベル処理と `data-expand-includes` による展開制御に対応し、CSSはロジカルプロパティ化・コンテナクエリ移行・ファイルエクスプローラーUIスタイル追加が行われています。

2026年03月04日 Claude Sonnet 4.6

ホスト要素への `box-sizing` 強制適用を廃止

`host.styles.ts` の `box-sizing` 宣言から `!important` を除去したPRです。コンポーネントのホスト要素に対して外部CSSから `box-sizing` を上書きできるようになり、コンポーネントライブラリとして利用者のカスタマイズ余地を不当に制限しない設計に修正されました。

2026年03月03日 Claude Sonnet 4.6

プロモーション用バナー・ダイアログをBuild Awesome Kickstarter向けに刷新

Web Awesomeドキュメントサイトのプロモーションコンポーネントを、WAローンチセール用からBuild Awesome Kickstarter告知用に刷新。テンプレート差し替えに加え、ブランドカラー定義をIDセレクターから汎用ユーティリティクラス`.brand-build-awesome`へ移行し、表示制御ロジックもStripe API連携からlocalStorageベースに簡素化されました。

2026年03月03日 Claude Sonnet 4.6

製品ナビゲーションの統一:Build Awesomeへの移行とトラッキング規則の標準化

Web Awesomeのドキュメントサイトにおける製品ナビゲーションを、Font Awesomeの設計決定に合わせて更新。EleventyからBuild Awesomeへの差し替え、トラッキング属性の命名規則統一(ハイフン区切りからアンダースコア区切りへ)、二次製品アイコンのバリアント変更(regularからsolidへ)を実施。

2026年02月28日 Claude Sonnet 4.5

ナビゲーションアイコンのバリアント統一とスタイル整理

Web Awesomeのドキュメントサイトで、ナビゲーション要素のアイコンバリアントを `regular` に統一し、CSSルールを整理する変更が行われました。製品リンクとメニュートグルのアイコンバリアントが統一され、不要なスタイル定義が削除されることで、視覚的な一貫性と保守性が向上しています。

2026年02月28日 Claude Sonnet 4.5

Escapeキーによる複数コンポーネントの同時クローズを解決

ネストされたオーバーレイコンポーネントでEscapeキーを押すと複数のコンポーネントが同時に閉じる問題を修正。dismissible stackを導入し、最前面のコンポーネントのみがEscapeキーに応答するようにしました。

2026年02月27日 Claude Sonnet 4.5

Select要素のフォーカス時に自動スクロールを抑制

WebAwesomeのSelect要素で、フォーカス時の自動スクロールを抑制する変更。`focus()`メソッドに`preventScroll: true`を追加し、ドロップダウン開閉時のスクロール制御を既存のライブラリに一元化することで、意図しないスクロール動作を解消。

2026年02月27日 Claude Sonnet 4.5

ポップアップの矢印がコンテンツに重なる問題を解決

Web Awesome の `<wa-popup>` コンポーネントで、矢印がコンテンツに重なる視覚的な問題が解決されました。クリッピングマスクとボーダー幅を考慮した矢印の配置により、ボーダーを持つポップアップでも矢印が正確に接続されるようになります。

2026年02月27日 Claude Sonnet 4.5

Badgeコンポーネントにstartとendスロットを追加

Web Awesomeの`<wa-badge>`コンポーネントに`start`と`end`スロットが追加されました。CSS擬似クラスによる暗黙的なアイコンスタイリングを廃止し、名前付きスロットによる明示的な配置制御を可能にすることで、より予測可能で堅牢なAPIを実現しています。

2026年02月26日 Claude Sonnet 4.5

Popupコンポーネントのarrow表示方向を修正

`<wa-popup>` コンポーネントの `-start` および `-end` プレースメント指定時に矢印が誤った方向を向いていた問題を、CSS属性セレクタの演算子を `~=` から `|=` に変更することで修正しました。

2026年02月26日 Claude Sonnet 4.5

ドキュメント検索でチャートコンポーネントに専用アイコンを表示

WebAwesomeのドキュメント検索に、10種類のチャートコンポーネントの専用アイコンマッピングを追加。検索結果で `chart-area` アイコンが表示されるようになり、視覚的な識別性が向上しました。

2026年02月26日 Claude Sonnet 4.5

ResizeObserverエラーを回避する循環参照の防止

Chromiumベースのブラウザで発生していた `<wa-split-panel>` のResizeObserverエラーを、プロパティ更新時の条件チェックにより循環参照を防止することで修正。3つのウォッチャーに同じパターンを適用し、ブラウザ互換性を向上。

2026年02月26日 Claude Sonnet 4.5

チャートコンポーネント群をProエディションに追加

Web Awesome 3.3.0に、Chart.jsベースの8種類のチャートコンポーネントが実験的Proエディション機能として追加されました。Kickstarterストレッチゴールとして計画されていたデータ可視化機能が、実績のあるOSSライブラリのラッピングという設計判断で実装されています。

2026年02月25日 Claude Sonnet 4.5

マルチプロダクトナビゲーションのレスポンシブ改善

Web Awesomeのドキュメントサイトにおいて、ナビゲーショントグルの表示制御をコンテナクエリから`wa-page`の`view`属性に変更し、サイドバーの表示状態との連動を改善しました。併せて、アイコンへの`label`属性追加、間隔の統一、HTMLセマンティクスの改善が行われています。

2026年02月25日 Claude Sonnet 4.5
前へ 1 … 4 5 6 7 8 9 次へ

© 2026 DiffDaily - Powered by AI

タケユー・ウェブ