[ リスト / 枠線ボックス ]リストの is-style-default スタイルと枠線ボックスの色の処理を改善

[goutetsuguma]

チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）

#2378

どういう変更をしたか？

• スタイルが default 時の color の指定を追加して、枠線付きの吹き出しブロックの中にリストが入っていても、枠線の色が適応されないようにしました。
• 枠線ボックス内にアラートを設置しても、アラートボックス内のカラーがアラートのカラーになるように not 指定を増やしました。

スクリーンショットまたは動画

変更前 Before

変更後 After

実装者の確認事項

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

• 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
• Files changed (変更ファイル)の内容は目視で確認したか？
• readme.txt に変更内容は書いたか？
• 本当にちゃんと確認をしたか？

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。

• 書けそうなテストは書いたか？
  cssの修正のみなのでスキップ

変更内容について何を確認したか、どういう方法で確認をしたかなど

• developブランチで、確認用の固定ページを「コードエディタ」に変更して、以下のコードを貼ります。

<!-- wp:vk-blocks/balloon {"balloonBorder":true,"balloonBorderColor":"vk-color-primary"} -->
<div class="wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none"><div class="vk_balloon_icon"><figure><img class="vk_balloon_icon_image vk_balloon_icon_image-type-normal  has-text-color has-vk-color-primary-color" src="http://testsite.local/wp-content/plugins/vk-blocks-pro/inc/vk-blocks/images/avatar.png" alt=""/><figcaption class="vk_balloon_icon_name"></figcaption></figure></div><div class="vk_balloon_content_outer"><div class="vk_balloon_content  vk_balloon_content-border-true has-text-color has-vk-color-primary-color"><span class="vk_balloon_content_before "></span><span class="vk_balloon_content_after  has-text-color has-vk-color-primary-color"></span><!-- wp:paragraph -->
<p>吹き出しの線の色をキーカラーに設定したとき</p>
<!-- /wp:paragraph -->

<!-- wp:list {"className":"is-style-default"} -->
<ul class="wp-block-list is-style-default"><!-- wp:list-item -->
<li>デフォルトスタイルのリストの色</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>デフォルトスタイルのリストの色</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>デフォルトスタイルのリストの色</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div></div></div>
<!-- /wp:vk-blocks/balloon -->

<!-- wp:vk-blocks/border-box -->
<div class="wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent is-style-vk_borderBox-style-solid-kado-tit-tab"><div class="vk_borderBox_title_container"><i class=""></i><h4 class="vk_borderBox_title">テスト</h4></div><div class="vk_borderBox_body"><!-- wp:paragraph -->
<p>枠線ボックスにアラートブロック枠線ボックスにアラートブロック枠線ボックスにアラートブロック枠線ボックスにアラートブロック</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|vivid-red"}}}},"textColor":"vivid-red"} -->
<p class="has-vivid-red-color has-text-color has-link-color">枠線ボックスにアラートブロック枠線ボックスにアラートブロック枠線ボックスにアラートブロック枠線ボックスにアラートブロック</p>
<!-- /wp:paragraph -->

<!-- wp:vk-blocks/alert {"style":"warning","icon":"\u003ci class=\u0022fa-solid fa-circle-exclamation\u0022\u003e\u003c/i\u003e","iconText":"Danger"} -->
<div class="wp-block-vk-blocks-alert vk_alert alert alert-warning has-alert-icon"><div class="vk_alert_icon"><div class="vk_alert_icon_icon"><i class="fa-solid fa-circle-exclamation"></i></div><div class="vk_alert_icon_text"><span>Danger</span></div></div><div class="vk_alert_content"><!-- wp:paragraph -->
<p>テストです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:vk-blocks/alert -->

<!-- wp:vk-blocks/alert -->
<div class="wp-block-vk-blocks-alert vk_alert alert alert-info"><div class="vk_alert_content"><!-- wp:paragraph -->
<p>テストです。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:vk-blocks/alert --></div></div>
<!-- /wp:vk-blocks/border-box -->

• ビジュアルエディタに戻して保存し、リストのテキストカラーが、吹き出しブロックの枠線の色になっていることを確認、
  枠線の中のアラートブロックの文字がアラートのカラーになっていないことを確認してから、このブランチに切り替えて npm run build してリストのテキストカラーが初期値になっていることを確認、枠線の中のアラートブロックの文字がアラートのカラーになっていることを確認しました。
• リストアイコンの色やリストの文字色を変えて、問題なく適応されることを確認しました。

レビュワーに回す前の確認事項

• 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？

レビュワー確認方法・確認内容など

• 実装者と同じ方法で確認お願いします。

---

レビュワー向け

レビュワーが確認して変更が反映されていない場合の確認事項

レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。

• プルしたか？
• ビルドしたか？
• ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
• npm install したか？
• composer install したか？
• キャッシュをクリアして確認したか？

[mtdkei]

ありがとうございます。確認項目の内容、また、CSSを確認いたしました。
2人目の方お願いいたします。

[akito-38]

@goutetsuguma
こちら同様に
確認項目の内容、また、CSSを確認いたしました。
問題無いと思いますので、マージしておきます。