Merge pull request #1150 from kufu/deprecate-compact-information-panel

CompactInformationPanelを非推奨にする

content/articles/products/components/compact-information-panel.mdx

@@ -1,9 +1,23 @@
 ---
-title: 'CompactInformationPanel'
-description: ''
+title: 'CompactInformationPanel（非推奨）'
+description: "ユーザーに情報を伝えるために、他の要素より視覚的に目立たせるためのInformationPanelよりもコンパクトなコンポーネントです。NotificationBar[base='base']で代替が可能になったため非推奨です。"
 ---
 import { ComponentStory } from '@Components/ComponentStory'
 import { ComponentPropsTable } from '@Components/ComponentPropsTable'
+import { BaseColumn, WarningIcon } from 'smarthr-ui'
+
+<BaseColumn>
+  <WarningIcon text={
+    <span>
+    CompactInformationPanelは非推奨です。<a href="/products/components/notification-bar/">NotificationBar[base="base"]</a>を利用してください。
+    </span>}
+    />
+</BaseColumn>
+
+ユーザーに情報を伝えるために、他の要素より視覚的に目立たせるための[InformationPanel](/products/components/information-panel/)よりもコンパクトなコンポーネントです。
+InformationPanelとは異なり、パネルを閉じることはできません。
+
+伝えたい情報の種類によってアイコンを切り替えて使います。
 
 <ComponentStory name="CompactInformationPanel" />