Skip to content

Commit f83142a

Browse files
Zuzzemumer114matthewferry
authored
docs: Figma Code Connect and Storybook Theming (#1735)
* feat(components): code component connected in Figma * feat(components): code component figma preview in storybook and default state bugfix * feat(componenents): deprecated tagging for legacy stories * feat(components): buttongroup figma connect, prop table stories type clean up * feat(components): storybook prop table global config added for better control types * feat(components): file trigger figma connect, more stories for icon button * feat(components): linter fix * feat(components): toggleButton figma code connect and component overview docs draft * feat(components): overview story draft * feat(components): ai figma connect and figma design addon two way linking * feat(components): figma code connect stories published for all matching components * feat(recipes): mcp server experiments * feat(recipes): mcp example cleanup * feat(recipes): storybook dark/light mode theming draft * Zuzze/feat/figma connect.dummy (#1734) * Test commit * fix: (overview) Modularize and fix broken components * fix: (overview) Modularize and fix broken components * feat(docs): logo update and storybook UI aligned with brand colors * feat(docs): styling storybook UI dark mode for better contrast * feat: cover image and story reordering * feat(docs): toolbar to dark in dark mode * feat: changeset added * Zuzze/feat/figma connect.variant (#1737) * feat(figma-connect): filter Alert using variants * feat(figma-connect): filter alert using variants * feat(overview): add prompt header for better frontend code generation (#1736) * feat(docs): tooltip, toggleIconButton, togglebutton, text field figma code connect completed * feat(docs): tag and tag group fully integrated with code connect * feat(docs): code connect for tag, tabs, table, switch and select * feat(docs): code connect cleanup for searchfield, raido and progress bar * feat(docs): cleanup * feat(docs): dark mode doc block accessibility fix * feat(docs): cleanup and linter fixes * feat(docs): lint fix * feat(docs): lint fix * docs: storybook css override fixes * feat(docs): storybook code css polishments, stay in selected theme also on new tab * feat(docs): logo update * fix: readme update * fix: figma page links updated * fix(doc): new logo update * fix(docs): dynamic logo color change --------- Co-authored-by: mumer114 <[email protected]> Co-authored-by: Matthew Ferry <[email protected]>
1 parent c689b72 commit f83142a

File tree

133 files changed

+3765
-64
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

133 files changed

+3765
-64
lines changed

.changeset/cruel-apes-relax.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@launchpad-ui/components": patch
3+
---
4+
5+
Figma code connect files, design links and component overview added

.storybook/main.ts

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,29 @@ const config: StorybookConfig = {
1919
disableTelemetry: true,
2020
},
2121
staticDirs: ['.', { from: '../packages/tokens/dist', to: '/static' }],
22+
managerHead: (head) => `
23+
${head}
24+
<link rel="stylesheet" href="./manager.css" />
25+
`,
26+
previewHead: (head) => `
27+
${head}
28+
<link rel="stylesheet" href="./manager.css" />
29+
<style>
30+
/* Ensure docs content gets proper theme styling using LaunchPad design tokens */
31+
.dark-theme .docs-story,
32+
.dark-theme [data-docs-story] {
33+
background-color: #181A1F !important; /* gray.950 */
34+
color: #ECEFF2 !important; /* gray.50 */
35+
}
36+
37+
/* Light theme docs styling */
38+
.light-theme .docs-story,
39+
.light-theme [data-docs-story] {
40+
background-color: #FFFFFF !important; /* white.950 */
41+
color: #23252A !important; /* gray.900 */
42+
}
43+
</style>
44+
`,
2245
async viteFinal(config, { configType }) {
2346
const { mergeConfig } = await import('vite');
2447

0 commit comments

Comments
 (0)