fix: props

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

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

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

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

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

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

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

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

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"]]}
+{"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"]]}

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'"]]}
+{"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'"]]}

src/routes/props/ChevronDown.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron down'"]]}
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron down'"]]}

src/routes/props/ChevronLeft.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron left'"]]}
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron left'"]]}

src/routes/props/ChevronRight.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron right'"]]}
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron right'"]]}

src/routes/props/ChevronUp.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron up'"]]}
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'chevron up'"]]}

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'"]]}
+{"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'"]]}

src/routes/props/InformationCircle.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'information circle'"]]}
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'information circle'"]]}

src/routes/props/Menu.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'bars 3'"]]}
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'bars 3'"]]}

src/routes/props/NavSidebarHamburger.json

@@ -0,0 +1 @@
+{"props":[["btnClass","string ","'ml-3 md:hidden'"]]}

src/routes/props/SidebarMenu.json

@@ -0,0 +1 @@
+{"props":[["size ","string"," '20'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'bars 3'"]]}

src/routes/props/Star.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'star'"]]}
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'star'"]]}

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'"]]}
+{"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"]]}

src/routes/props/UserCircle.json

@@ -1 +1 @@
-{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'user circle'"]]}
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" ariaLabel ","string"," 'user circle'"]]}