        [{"id":"471bd01d-2c55-4895-b46f-811c4eed7571","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"da208fce-85ad-4c35-a5e3-87ff194b17ed","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"ac6cc2b2-6ddb-42d4-8bfa-95509e6448e2","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"99c67dff-427d-41b4-a4b0-144ec624500b","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"21d10235-4abe-486e-8859-6aa2f7edc442","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"361f2cdd-a34a-446b-8f53-16b7c82fb69a","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"2a3cece3-ed23-4e9f-a71f-226657337d2c","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"d8001871-044e-4afc-899d-e4104efcfbde","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"feb1cbab-9f1e-4233-b9db-11b2b9156c6d","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"a7942aeb-844b-42a6-83df-1c0aa8da3d0e","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"318074f6-ca29-4ed9-adb6-af319ab87121","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"3c29b05e-ef44-48c3-b836-6743680fa52a","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"5b86275f-ec58-4d09-b5c9-f0047fc3d2f3","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"55a78d7c-a608-4ff6-bb3c-f5993afc8631","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"64e9c9e5-dc70-4dcc-b101-824c175010f9","tags":[{"product":null,"links":null,"id":"7b9720d8-a3f2-4aed-b5d1-ecdd9c83fd98","name":"New","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]},{"id":"e7dd5528-b482-4399-9d5d-38d10a9b0ddb","tags":[{"product":null,"links":null,"id":"eb6fd2e9-402e-4d9d-941f-2f1d8e8d94a4","name":"Upd","color":"#4f3b88","productId":"615f7894-45c6-4170-bf0f-737df4b95179"}]}]

検証コントロールのCSS

本製品の検証コントロールに適用できるCSSの一覧をこちらに記載します。

これらのCSSは以下の通知に適用されます。

ツールチップ通知（GcTipNotifier）
アイコン通知（GcIconNotifier）
コントロール状態通知（GcControlStateNotifier）

ツールチップ通知

CSSクラス（概要）	適用箇所	CSSプロパティ
.gcim-notify__tip-content （ツールチップの基本スタイル）	境界線	border-width
	角丸	border-radius
	フォント	font-family, font-weight
	影	box-shadow
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-content 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-content （ツールチップの色）	文字色	color
	背景色	background-color
	境界線の色	border-color
.gcim-notify__tip-arrow （ツールチップの矢印）	矢印の大きさ	border-width
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-arrow.right 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-arrow.right （ツールチップをコントロールの右に表示する場合の矢印）	矢印の色	border-color: [上] [右] [下] [左](例) border-color: transparent #ff0000 transparent transparent
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-arrow.left 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-arrow.left （ツールチップをコントロールの左に表示する場合の矢印）	矢印の色	border-color: [上] [右] [下] [左](例) border-color: transparent transparent transparent #ff0000
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-arrow.top 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-arrow.top （ツールチップをコントロールの上に表示する場合の矢印）	矢印の色	border-color: [上] [右] [下] [左](例) border-color: #ff0000 transparent transparent transparent
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-arrow.bottom 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-arrow.bottom （ツールチップをコントロールの下に表示する場合の矢印）	矢印の色	border-color: [上] [右] [下] [左](例) border-color: transparent transparent #ff0000 transparent
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-close div 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-close div （ツールチップのクローズボタン）	ボタンの色	background-color
【検証失敗時のスタイル】 [gcim-notify__tip-state='fail'] .gcim-notify__tip-close:hover div 【検証成功時のスタイル】 [gcim-notify__tip-state='success'] .gcim-notify__tip-close:hover div （ホバー時のクローズボタン）	ボタンの色	background-color

アイコン通知

CSSクラス（概要）	適用箇所	CSSプロパティ
【検証失敗時のスタイル】 .gcim-notify__icon[gcim-notify__icon-state='fail'] 【検証成功時のスタイル】 .gcim-notify__icon[gcim-notify__icon-state='success'] （通知アイコン）	アイコン画像	background-image

コントロール状態通知

CSSクラス（概要）	適用箇所	CSSプロパティ
【検証失敗時のスタイル】 .gcim-notify__state-container[gcim-notify__control-state='fail'] 【検証成功時のスタイル】 .gcim-notify__state-container[gcim-notify__control-state='success'] （コントロールの境界線）	境界線の色	border-color
	境界線のスタイル	border-style
	境界線の太さ	border-width
【検証失敗時のスタイル】 .gcim-notify__state-container[gcim-notify__control-state='fail'].gcim-notify__state-input 【検証成功時のスタイル】 .gcim-notify__state-container[gcim-notify__control-state='success'].gcim-notify__state-input （コントロールのテキスト）	文字色	color