<panel name="files">
</panel>
- <infobox type="foo">が、infobox出力にtype-fooのHTMLクラスを追加するようになったよ。これは、情報ボックスがどのように見えるかについて設計されたテーマを使用するのではなく、情報ボックスが記述しているものをより論理的に識別できるようにするためのものなんだって。要するに、例えば、ポケモンを記述する（CSSセレクターの.type-pokemonを含む）すべてのインフォボックスは、それらが.pi-theme-fire、.pi-theme-waterなどであるかどうかにかかわらず、CSSからのレイアウトを共有できるみたい。
- sourceの入力を持つすべてのPortable Infobox要素は、data-source = "ATK"のように、data-attributeにそのパラメーター名を持つHTMLでレンダリングされるようになったよ。これにより、.pi-item [data-source = "ATK"]のようなCSSまたはjQueryセレクタを記述して個々の項目をスタイル設定し識別することができるんだって。typeと組み合わせて使用すると、これはn番目のタイプのスタイル選択の必要性を排除し、デザインと対話性のための他の可能性を切り開くんじゃないかな。
- 言語違いのsourceもそのままでいいみたい。ここが参考になるよ。
- 新しい名前パラメータは、<title>、<group>、<data>、<header>、<image>、および<navigation>の識別を含めて、要素がソース入力を受け入れるかどうかにかかわらず、要素の明示的な選択を可能にするよ。データソースのdata-attributeと同じように、<data name="bar">は.pi-item[data-item-name="bar"]として選択できるよ。
- データ項目とグループをタブ付きパネルで構造化できるようになったよ。これで、デスクトップビューとモバイルビューでの柔軟性とスマートなデータ表示が可能になるね。ルートの<infobox>要素の子としての各<panel>は、（<label>で）ラベル付けして、タブセットを作成するための1つ以上の<section>要素を付けることができるよ。それ以外の場合は<infobox>の子になる可能性のある要素は、<section>の子になることができるよ。より動的な方法で情報ボックスを構築する一方で、これは混乱とページ上の情報ボックスのグループの必要性を減らすはずだよ。こんな風にね。
.portable-infobox .type-eggy{
background-color: #d6d6d6;
}