From b481c0999e55cc515c0d1c0f663a2d1d2563dbf7 Mon Sep 17 00:00:00 2001
From: Shinichi Okada <okada.shin@gmail.com>
Date: Tue, 2 May 2023 09:45:03 +0900
Subject: [PATCH] fix: props and update them

---
 src/lib/navbar/Menu.svelte                | 3 ++-
 src/lib/ratings/Star.svelte               | 3 ++-
 src/lib/utils/ChevronDown.svelte          | 2 +-
 src/lib/utils/ChevronLeft.svelte          | 3 ++-
 src/lib/utils/ChevronRight.svelte         | 3 ++-
 src/lib/utils/ChevronUp.svelte            | 3 ++-
 src/lib/utils/InformationCircle.svelte    | 3 ++-
 src/lib/utils/UserCircle.svelte           | 3 ++-
 src/routes/props/Badge.json               | 2 +-
 src/routes/props/Banner.json              | 2 +-
 src/routes/props/ChevronDown.json         | 2 +-
 src/routes/props/ChevronLeft.json         | 2 +-
 src/routes/props/ChevronRight.json        | 2 +-
 src/routes/props/ChevronUp.json           | 2 +-
 src/routes/props/DarkMode.json            | 2 +-
 src/routes/props/GalleryItem.json         | 1 -
 src/routes/props/InformationCircle.json   | 2 +-
 src/routes/props/Menu.json                | 2 +-
 src/routes/props/NavSidebarHamburger.json | 1 +
 src/routes/props/SidebarMenu.json         | 1 +
 src/routes/props/Star.json                | 2 +-
 src/routes/props/TabHead.json             | 1 -
 src/routes/props/TabHeadItem.json         | 1 -
 src/routes/props/ToolbarButton.json       | 2 +-
 src/routes/props/UserCircle.json          | 2 +-
 25 files changed, 29 insertions(+), 23 deletions(-)
 delete mode 100644 src/routes/props/GalleryItem.json
 create mode 100644 src/routes/props/NavSidebarHamburger.json
 create mode 100644 src/routes/props/SidebarMenu.json
 delete mode 100644 src/routes/props/TabHead.json
 delete mode 100644 src/routes/props/TabHeadItem.json

diff --git a/src/lib/navbar/Menu.svelte b/src/lib/navbar/Menu.svelte
index 1d8438ebe..84b1cf6bb 100644
--- a/src/lib/navbar/Menu.svelte
+++ b/src/lib/navbar/Menu.svelte
@@ -2,6 +2,8 @@
 	export let size = '24';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'bars 3';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path stroke="${color}" stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> `;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 24 24';
 	}
-	export let ariaLabel = 'bars 3';
 </script>
 
 <svg
diff --git a/src/lib/ratings/Star.svelte b/src/lib/ratings/Star.svelte
index 3304609bb..5484ead8b 100644
--- a/src/lib/ratings/Star.svelte
+++ b/src/lib/ratings/Star.svelte
@@ -2,6 +2,8 @@
 	export let size = '24';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'star';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path d="M11.4806 3.49883C11.6728 3.03685 12.3272 3.03685 12.5193 3.49883L14.6453 8.61028C14.7263 8.80504 14.9095 8.93811 15.1197 8.95497L20.638 9.39736C21.1367 9.43735 21.339 10.0598 20.959 10.3853L16.7546 13.9867C16.5945 14.1239 16.5245 14.3392 16.5734 14.5444L17.8579 19.9293C17.974 20.416 17.4446 20.8007 17.0176 20.5398L12.2932 17.6542C12.1132 17.5443 11.8868 17.5443 11.7068 17.6542L6.98238 20.5398C6.55539 20.8007 6.02594 20.416 6.14203 19.9293L7.42652 14.5444C7.47546 14.3392 7.4055 14.1239 7.24531 13.9867L3.04099 10.3853C2.661 10.0598 2.86323 9.43735 3.36197 9.39736L8.88022 8.95497C9.09048 8.93811 9.27363 8.80504 9.35464 8.61028L11.4806 3.49883Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 24 24';
 	}
-	export let ariaLabel = 'star';
 </script>
 
 <svg
diff --git a/src/lib/utils/ChevronDown.svelte b/src/lib/utils/ChevronDown.svelte
index 504f88895..8ad799ee7 100644
--- a/src/lib/utils/ChevronDown.svelte
+++ b/src/lib/utils/ChevronDown.svelte
@@ -2,6 +2,7 @@
 	export let size = '20';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'chevron down';
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" stroke="${color}"></path>`;
@@ -19,7 +20,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 20 20';
 	}
-	export let ariaLabel = 'chevron down';
 </script>
 
 <svg
diff --git a/src/lib/utils/ChevronLeft.svelte b/src/lib/utils/ChevronLeft.svelte
index 50b053c6d..e40d36818 100644
--- a/src/lib/utils/ChevronLeft.svelte
+++ b/src/lib/utils/ChevronLeft.svelte
@@ -2,6 +2,8 @@
 	export let size = '20';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'chevron left';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path clip-rule="evenodd" fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" stroke="${color}"></path>`;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 20 20';
 	}
-	export let ariaLabel = 'chevron left';
 </script>
 
 <svg
diff --git a/src/lib/utils/ChevronRight.svelte b/src/lib/utils/ChevronRight.svelte
index 1ec902767..58ccaecdb 100644
--- a/src/lib/utils/ChevronRight.svelte
+++ b/src/lib/utils/ChevronRight.svelte
@@ -2,6 +2,8 @@
 	export let size = '20';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'chevron right';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path clip-rule="evenodd" fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" stroke="${color}"></path> `;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 20 20';
 	}
-	export let ariaLabel = 'chevron right';
 </script>
 
 <svg
diff --git a/src/lib/utils/ChevronUp.svelte b/src/lib/utils/ChevronUp.svelte
index 50769d71f..1ced292e0 100644
--- a/src/lib/utils/ChevronUp.svelte
+++ b/src/lib/utils/ChevronUp.svelte
@@ -2,6 +2,8 @@
 	export let size = '20';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'chevron up';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path clip-rule="evenodd" fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" stroke="${color}"></path>`;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 20 20';
 	}
-	export let ariaLabel = 'chevron up';
 </script>
 
 <svg
diff --git a/src/lib/utils/InformationCircle.svelte b/src/lib/utils/InformationCircle.svelte
index 5a2b7af5c..e45d8026b 100644
--- a/src/lib/utils/InformationCircle.svelte
+++ b/src/lib/utils/InformationCircle.svelte
@@ -2,6 +2,8 @@
 	export let size = '24';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'information circle';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path d="M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 24 24';
 	}
-	export let ariaLabel = 'information circle';
 </script>
 
 <svg
diff --git a/src/lib/utils/UserCircle.svelte b/src/lib/utils/UserCircle.svelte
index 7036bfa08..c07ceb89d 100644
--- a/src/lib/utils/UserCircle.svelte
+++ b/src/lib/utils/UserCircle.svelte
@@ -2,6 +2,8 @@
 	export let size = '24';
 	export let color = 'currentColor';
 	export let variation: 'solid' | 'outline' = 'outline';
+	export let ariaLabel = 'user circle';
+	
 	let viewBox: string;
 	let svgpath: string;
 	let svgoutline = `<path d="M17.9815 18.7248C16.6121 16.9175 14.4424 15.75 12 15.75C9.55761 15.75 7.38789 16.9175 6.01846 18.7248M17.9815 18.7248C19.8335 17.0763 21 14.6744 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.6744 4.1665 17.0763 6.01846 18.7248M17.9815 18.7248C16.3915 20.1401 14.2962 21 12 21C9.70383 21 7.60851 20.1401 6.01846 18.7248M15 9.75C15 11.4069 13.6569 12.75 12 12.75C10.3431 12.75 9 11.4069 9 9.75C9 8.09315 10.3431 6.75 12 6.75C13.6569 6.75 15 8.09315 15 9.75Z" stroke="${color}" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> `;
@@ -19,7 +21,6 @@
 			svgpath = svgoutline;
 			viewBox = '0 0 24 24';
 	}
-	export let ariaLabel = 'user circle';
 </script>
 
 <svg
diff --git a/src/routes/props/Badge.json b/src/routes/props/Badge.json
index 2aedb339c..205fe9262 100644
--- a/src/routes/props/Badge.json
+++ b/src/routes/props/Badge.json
@@ -1 +1 @@
-{"props":[["color","'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' ","'blue'"],["large","boolean ","false"],["border","boolean ","false"],["href","string | undefined ","undefined"],["rounded","boolean ","false"],["index","boolean ","false"],["dismissable","boolean ","false"]]}
\ No newline at end of file
+{"props":[["color","'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none' ","'blue'"],["large","boolean ","false"],["border","boolean ","false"],["href","string | undefined ","undefined"],["rounded","boolean ","false"],["index","boolean ","false"],["dismissable","boolean ","false"]]}
\ No newline at end of file
diff --git a/src/routes/props/Banner.json b/src/routes/props/Banner.json
index 220403664..afa135bd0 100644
--- a/src/routes/props/Banner.json
+++ b/src/routes/props/Banner.json
@@ -1 +1 @@
-{"props":[["id","string ","'sticky-banner'"],["position","'static'|'fixed'|'absolute'|'relative'|'sticky'","'sticky'"],["dismissable","boolean ","true"],["bannerType","'default'|'bottom'|'cta'|'signup'|'info'|'custom'","'default'"],["divDefault","string ","'z-50 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],["insideDiv","string ","'flex'"]]}
\ No newline at end of file
+{"props":[["id","string ","'sticky-banner'"],["position","'static'|'fixed'|'absolute'|'relative'|'sticky'","'sticky'"],["dismissable","boolean ","true"],["bannerType","'default'|'bottom'|'cta'|'signup'|'info'|'custom'","'default'"],["divDefault","string ","'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],["insideDiv","string ","'flex'"]]}
\ No newline at end of file
diff --git a/src/routes/props/ChevronDown.json b/src/routes/props/ChevronDown.json
index 62b781504..1eb131e41 100644
--- a/src/routes/props/ChevronDown.json
+++ b/src/routes/props/ChevronDown.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron down'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron down'"]]}
\ No newline at end of file
diff --git a/src/routes/props/ChevronLeft.json b/src/routes/props/ChevronLeft.json
index 9cf3aca10..df00364b6 100644
--- a/src/routes/props/ChevronLeft.json
+++ b/src/routes/props/ChevronLeft.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron left'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron left'"]]}
\ No newline at end of file
diff --git a/src/routes/props/ChevronRight.json b/src/routes/props/ChevronRight.json
index 181e0affe..d6fa27713 100644
--- a/src/routes/props/ChevronRight.json
+++ b/src/routes/props/ChevronRight.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron right'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron right'"]]}
\ No newline at end of file
diff --git a/src/routes/props/ChevronUp.json b/src/routes/props/ChevronUp.json
index 126ecaeea..38704d739 100644
--- a/src/routes/props/ChevronUp.json
+++ b/src/routes/props/ChevronUp.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron up'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron up'"]]}
\ No newline at end of file
diff --git a/src/routes/props/DarkMode.json b/src/routes/props/DarkMode.json
index 32c55e70e..d09026bf0 100644
--- a/src/routes/props/DarkMode.json
+++ b/src/routes/props/DarkMode.json
@@ -1 +1 @@
-{"props":[["btnClass","string ","'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5'"]]}
\ No newline at end of file
+{"props":[["btnClass","string ","'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5'"],["size","'sm' | 'md' | 'lg' ","'md'"]]}
\ No newline at end of file
diff --git a/src/routes/props/GalleryItem.json b/src/routes/props/GalleryItem.json
deleted file mode 100644
index 344766706..000000000
--- a/src/routes/props/GalleryItem.json
+++ /dev/null
@@ -1 +0,0 @@
-{"props":[["  src"," string",""],["alt","string | undefined ","undefined"],["defaultClass","string ","'h-auto max-w-full rounded-lg'"]]}
\ No newline at end of file
diff --git a/src/routes/props/InformationCircle.json b/src/routes/props/InformationCircle.json
index 149f344ce..3eb0e6f0b 100644
--- a/src/routes/props/InformationCircle.json
+++ b/src/routes/props/InformationCircle.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'information circle'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'information circle'"]]}
\ No newline at end of file
diff --git a/src/routes/props/Menu.json b/src/routes/props/Menu.json
index cda72629a..44da9677e 100644
--- a/src/routes/props/Menu.json
+++ b/src/routes/props/Menu.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'bars 3'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'bars 3'"]]}
\ No newline at end of file
diff --git a/src/routes/props/NavSidebarHamburger.json b/src/routes/props/NavSidebarHamburger.json
new file mode 100644
index 000000000..f2a915c15
--- /dev/null
+++ b/src/routes/props/NavSidebarHamburger.json
@@ -0,0 +1 @@
+{"props":[["btnClass","string ","'ml-3 md:hidden'"]]}
\ No newline at end of file
diff --git a/src/routes/props/SidebarMenu.json b/src/routes/props/SidebarMenu.json
new file mode 100644
index 000000000..398b23d80
--- /dev/null
+++ b/src/routes/props/SidebarMenu.json
@@ -0,0 +1 @@
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'bars 3'"]]}
\ No newline at end of file
diff --git a/src/routes/props/Star.json b/src/routes/props/Star.json
index d0ca96291..abaf21a1c 100644
--- a/src/routes/props/Star.json
+++ b/src/routes/props/Star.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'star'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'star'"]]}
\ No newline at end of file
diff --git a/src/routes/props/TabHead.json b/src/routes/props/TabHead.json
deleted file mode 100644
index 799935139..000000000
--- a/src/routes/props/TabHead.json
+++ /dev/null
@@ -1 +0,0 @@
-{"props":[["tabStyle","'default' | 'full' | 'icon' | 'pill' | 'underline' | 'custom' ","'default'"],["customDivClass","string ","''"],["customUlClass","string ","''"]]}
\ No newline at end of file
diff --git a/src/routes/props/TabHeadItem.json b/src/routes/props/TabHeadItem.json
deleted file mode 100644
index fe7745261..000000000
--- a/src/routes/props/TabHeadItem.json
+++ /dev/null
@@ -1 +0,0 @@
-{"props":[["   id"," number",""],["tabStyle","'default' | 'full' | 'icon' | 'pill' | 'underline' | 'custom' ","'default'"],["   activeTabValue"," number",""],["customActiveClass","string ","''"],["customInActiveClass","string ","''"],["customLiClass","string ","''"]]}
\ No newline at end of file
diff --git a/src/routes/props/ToolbarButton.json b/src/routes/props/ToolbarButton.json
index 0a3d8f548..3943bf5c0 100644
--- a/src/routes/props/ToolbarButton.json
+++ b/src/routes/props/ToolbarButton.json
@@ -1 +1 @@
-{"props":[["color","| 'dark'     | 'default'     | 'gray'     | 'red'     | 'yellow'     | 'green'     | 'indigo'     | 'purple'     | 'pink'     | 'blue' ","'default'"],["name","string | undefined ","undefined"],["ariaLabel","string | undefined ","undefined"],["size","'xs' | 'sm' | 'md' ","'md'"]]}
\ No newline at end of file
+{"props":[["color","| 'dark'     | 'default'     | 'gray'     | 'red'     | 'yellow'     | 'green'     | 'indigo'     | 'purple'     | 'pink'     | 'blue' ","'default'"],["name","string | undefined ","undefined"],["ariaLabel","string | undefined ","undefined"],["size","'xs' | 'sm' | 'md' | 'lg' ","'md'"],["href","string | undefined ","undefined"]]}
\ No newline at end of file
diff --git a/src/routes/props/UserCircle.json b/src/routes/props/UserCircle.json
index 038b05c4b..4f14e2451 100644
--- a/src/routes/props/UserCircle.json
+++ b/src/routes/props/UserCircle.json
@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'user circle'"]]}
\ No newline at end of file
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'user circle'"]]}
\ No newline at end of file