docs: Figma Code Connect and Storybook Theming

.changeset/cruel-apes-relax.md

@@ -0,0 +1,5 @@
+---
+"@launchpad-ui/components": patch
+---
+
+Figma code connect files, design links and component overview added

.storybook/main.ts

@@ -19,6 +19,29 @@ const config: StorybookConfig = {
 		disableTelemetry: true,
 	},
 	staticDirs: ['.', { from: '../packages/tokens/dist', to: '/static' }],
+	managerHead: (head) => `
+		${head}
+		<link rel="stylesheet" href="./manager.css" />
+	`,
+	previewHead: (head) => `
+		${head}
+		<link rel="stylesheet" href="./manager.css" />
+		<style>
+			/* Ensure docs content gets proper theme styling using LaunchPad design tokens */
+			.dark-theme .docs-story,
+			.dark-theme [data-docs-story] {
+				background-color: #181A1F !important; /* gray.950 */
+				color: #ECEFF2 !important; /* gray.50 */
+			}
+
+			/* Light theme docs styling */
+			.light-theme .docs-story,
+			.light-theme [data-docs-story] {
+				background-color: #FFFFFF !important; /* white.950 */
+				color: #23252A !important; /* gray.900 */
+			}
+		</style>
+	`,
 	async viteFinal(config, { configType }) {
 		const { mergeConfig } = await import('vite');