・汎用的に使用するボタンを、種類別に用意していますので、基本的にはこちらを使ってください。<x-button.*** />
・汎用的に使用するボタンは、ボタンの種類によって、色やテキストだけ変更して使用できる場合もあります。（propsで上書き）

---

・上記以外のボタンは、<x-button shape="{かたち・色}" icon="{アイコン}" text="{テキスト}" /> で使用します。
・かたち・色は、shape="btn-main btn-primary-alt" のように、かたちのcss（btn-main）と 色のcss（btn-primary-alt）を指定します。
・色のcssは、btn-{ベース色}-{色種別} で指定します。ベース色がprimaryの場合、btn-primary（基本）・btn-primary-outline（アウトライン）・btn-primary-alt（ソフト）の3種類があります。 {{-- ボタン｜種類別 --}} 汎用的に使用するボタン（x-button.*** ）

種類別%PARTS%BUTTON%TYPE%

画面種別	部品ID（***の部分）	ボタン	用途	種類	主な設置場所
検索・一覧画面	new		新規登録画面へのリンク	sub	一覧画面のタイトル領域（右上）
	bulk-import		一括取込画面へのリンク	sub	一覧画面のタイトル領域（右上）
検索・一覧画面 ｜検索ボックス	search		検索フォームのポスト	main	一覧画面の検索アクション（右）
	reset		検索フォームのリセット	main	一覧画面の検索アクション（右）
	more		検索フォームの詳細条件を表示	sub	一覧画面の検索アクション（左）
	less		検索フォームの詳細条件を非表示	sub	一覧画面の検索アクション（左）
検索・一覧画面 ｜データリスト	order		表示順設定画面へのリンク	table	一覧画面のリスト関連アクション
	excel		エクセル出力の実行	table	一覧画面のリスト関連アクション
	list-link-to		関連画面への遷移、関連アクションの実行	table	一覧画面のリスト関連アクション
	show		指定行の表示画面へのリンク	table	一覧画面のリスト内行アクション
	edit		指定行の編集画面へのリンク	table	一覧画面のリスト内行アクション
入力画面	store		入力フォームのポスト	main	新規登録画面のタイトル領域（右上）
	update		入力フォームのポスト	main	編集画面のタイトル領域（右上）
	delete		削除確認の表示	main	編集画面のタイトル領域（右上）
	cancel		入力のキャンセル	sub	入力画面のタイトル領域（右上）
	actions		アクションリストの表示	sub	入力画面のタイトル領域（右上）
表示画面	next-edit		編集画面へのリンク	sub	画面のタイトル領域（右上）
検索・一覧 ｜入力｜表示	main-sub		メインアクションに関連するアクション	main	画面のタイトル領域（右上）
	main		メインアクション	main	画面のタイトル領域（右上）
	link-to		関連する画面へのリンク	sub	画面のタイトル領域（右上）
	link-prev		経由した画面へのリンク	sub	画面のタイトル領域（右上）
	back		前画面へのリンク	sub	画面のタイトル領域（右上）
モーダル	modal-close		モーダルの消去	modal	モーダルのアクション（右下）
	modal-search		モーダル検索の実行	modal	一覧モーダル検索アクション
	modal-select		一覧からの行選択	modal	一覧モーダルのリスト内アクション
モーダル ｜確認	modal-delete-action		削除処理の実行	modal	削除確認モーダルのアクション
	modal-ok		対象処理の実行	modal	処理確認モーダルのアクション
	modal-cancel		処理のキャンセル	modal	モーダルのアクション

{{-- ボタン｜かたち・色の組み合わせ --}} 上記以外のボタン（x-button shape="**"） {{-- btn-main --}} {{-- btn-sub --}} {{-- btn-table --}} {{-- btn-modal --}} {{-- btn-circle --}}

かたち・色の組み合わせ%PARTS%BUTTON%SHAPE%

shape		color	primary	secondary	light	tertiary	warning	danger
			メインアクション	サブアクション	準サブアクション	関連アクション	強調アクション	リスクアクション
btn-main	ベース機能のアクション （検索・登録・更新などのメインアクションに使用）	base
		outline
		alt
btn-sub	サブ機能のアクション （画面遷移やモーダル表示へのリンクなどに使用）	base
		outline
		alt
btn-table	テーブル内のアクション （一覧の詳細などに使用）	base
		outline
		alt
btn-modal	モーダル内のアクション （モーダル上の選択・OK・キャンセルなどに使用）	base
		outline
		alt
btn-circle	アイコンボタン （入力エリアの表示切替などに使用）	base
		outline
		alt