Skip to content

Commit 455360d

Browse files
sergimarquezsergimarquez
committed
Format all files with Prettier
1 parent b740bd0 commit 455360d

Some content is hidden

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

41 files changed

+432
-204
lines changed

‎.prettierrc.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,4 +10,3 @@
1010
"bracketSpacing": true,
1111
"jsxSingleQuote": false
1212
}
13-

‎.storybook/main.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@ const config: StorybookConfig = {
1616
reactDocgen: "react-docgen-typescript",
1717
reactDocgenTypescriptOptions: {
1818
shouldExtractLiteralValuesFromEnum: true,
19-
propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
19+
propFilter: (prop) =>
20+
prop.parent ? !/node_modules/.test(prop.parent.fileName) : true,
2021
},
2122
},
2223
};
2324

2425
export default config;
25-

‎.storybook/preview.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,4 +29,3 @@ const preview: Preview = {
2929
};
3030

3131
export default preview;
32-

‎demo/package.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,4 +21,3 @@
2121
"vite": "^6.0.1"
2222
}
2323
}
24-

‎demo/src/components/FeaturesSection.tsx‎

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,32 +4,38 @@ const features = [
44
{
55
icon: "🎨",
66
title: "Design Tokens",
7-
description: "Framework-agnostic tokens using CSS custom properties and TypeScript constants for maximum flexibility.",
7+
description:
8+
"Framework-agnostic tokens using CSS custom properties and TypeScript constants for maximum flexibility.",
89
},
910
{
1011
icon: "⚛️",
1112
title: "React Primitives",
12-
description: "Headless, accessible components that work with any styling approach. Fully typed with TypeScript.",
13+
description:
14+
"Headless, accessible components that work with any styling approach. Fully typed with TypeScript.",
1315
},
1416
{
1517
icon: "✅",
1618
title: "Type Safety",
17-
description: "Full type safety with strict TypeScript mode for better developer experience and fewer bugs.",
19+
description:
20+
"Full type safety with strict TypeScript mode for better developer experience and fewer bugs.",
1821
},
1922
{
2023
icon: "📦",
2124
title: "Build System",
22-
description: "ESM + CJS + TypeScript declarations. Works with any modern bundler or framework.",
25+
description:
26+
"ESM + CJS + TypeScript declarations. Works with any modern bundler or framework.",
2327
},
2428
{
2529
icon: "♿",
2630
title: "Accessibility",
27-
description: "WCAG compliant components with keyboard navigation, ARIA attributes, and screen reader support.",
31+
description:
32+
"WCAG compliant components with keyboard navigation, ARIA attributes, and screen reader support.",
2833
},
2934
{
3035
icon: "🎨",
3136
title: "Themeable",
32-
description: "Easily customize colors and tokens through CSS variables or the applyTheme function.",
37+
description:
38+
"Easily customize colors and tokens through CSS variables or the applyTheme function.",
3339
},
3440
];
3541

@@ -47,8 +53,13 @@ export default function FeaturesSection() {
4753
<Text as="h2" size="4xl" weight="bold">
4854
Everything You Need
4955
</Text>
50-
<Text size="lg" color="secondary" style={{ maxWidth: "600px", margin: "0 auto" }}>
51-
A complete design system with all the primitives you need to build modern applications.
56+
<Text
57+
size="lg"
58+
color="secondary"
59+
style={{ maxWidth: "600px", margin: "0 auto" }}
60+
>
61+
A complete design system with all the primitives you need to build
62+
modern applications.
5263
</Text>
5364
</Stack>
5465
<Grid cols={3} gap={6}>
@@ -62,11 +73,13 @@ export default function FeaturesSection() {
6273
}}
6374
onMouseEnter={(e: React.MouseEvent<HTMLDivElement>) => {
6475
e.currentTarget.style.transform = "translateY(-4px)";
65-
e.currentTarget.style.boxShadow = "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
76+
e.currentTarget.style.boxShadow =
77+
"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
6678
}}
6779
onMouseLeave={(e: React.MouseEvent<HTMLDivElement>) => {
6880
e.currentTarget.style.transform = "translateY(0)";
69-
e.currentTarget.style.boxShadow = "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)";
81+
e.currentTarget.style.boxShadow =
82+
"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)";
7083
}}
7184
>
7285
<Stack gap={4}>
@@ -87,4 +100,3 @@ export default function FeaturesSection() {
87100
</section>
88101
);
89102
}
90-

‎demo/src/components/Footer.tsx‎

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,20 +16,30 @@ export default function Footer() {
1616
<Text weight="semibold">Design System</Text>
1717
<Stack gap={2}>
1818
<Text size="sm" color="secondary">
19-
A modern, accessible design system built with React, TypeScript, and design tokens.
19+
A modern, accessible design system built with React, TypeScript,
20+
and design tokens.
2021
</Text>
2122
</Stack>
2223
</Stack>
2324
<Stack gap={3}>
2425
<Text weight="semibold">Resources</Text>
2526
<Stack gap={2}>
26-
<Link href="#components" style={{ fontSize: "0.875rem", textDecoration: "none" }}>
27+
<Link
28+
href="#components"
29+
style={{ fontSize: "0.875rem", textDecoration: "none" }}
30+
>
2731
Components
2832
</Link>
29-
<Link href="#examples" style={{ fontSize: "0.875rem", textDecoration: "none" }}>
33+
<Link
34+
href="#examples"
35+
style={{ fontSize: "0.875rem", textDecoration: "none" }}
36+
>
3037
Examples
3138
</Link>
32-
<Link href="/storybook" style={{ fontSize: "0.875rem", textDecoration: "none" }}>
39+
<Link
40+
href="/storybook"
41+
style={{ fontSize: "0.875rem", textDecoration: "none" }}
42+
>
3343
Storybook
3444
</Link>
3545
</Stack>
@@ -50,7 +60,12 @@ export default function Footer() {
5060
</Stack>
5161
</Stack>
5262
</Grid>
53-
<div style={{ borderTop: "1px solid var(--color-border-default)", paddingTop: "2rem" }}>
63+
<div
64+
style={{
65+
borderTop: "1px solid var(--color-border-default)",
66+
paddingTop: "2rem",
67+
}}
68+
>
5469
<Text size="sm" color="muted" style={{ textAlign: "center" }}>
5570
Built with @sergi-marquez/design-system
5671
</Text>
@@ -59,4 +74,3 @@ export default function Footer() {
5974
</footer>
6075
);
6176
}
62-

‎demo/src/components/Header.tsx‎

Lines changed: 25 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,40 @@ export default function Header() {
1414
boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
1515
}}
1616
>
17-
<Stack direction="row" gap={6} justify="space-between" align="center" style={{ maxWidth: "1400px", margin: "0 auto" }}>
17+
<Stack
18+
direction="row"
19+
gap={6}
20+
justify="space-between"
21+
align="center"
22+
style={{ maxWidth: "1400px", margin: "0 auto" }}
23+
>
1824
<Link href="/" style={{ textDecoration: "none" }}>
19-
<Text size="xl" weight="bold" style={{ color: "var(--color-foreground-primary)" }}>
25+
<Text
26+
size="xl"
27+
weight="bold"
28+
style={{ color: "var(--color-foreground-primary)" }}
29+
>
2030
@sergi-marquez
2131
</Text>
2232
</Link>
2333
<Stack direction="row" gap={4} align="center">
24-
<Link href="#components" style={{ textDecoration: "none", fontSize: "0.9375rem" }}>
34+
<Link
35+
href="#components"
36+
style={{ textDecoration: "none", fontSize: "0.9375rem" }}
37+
>
2538
Components
2639
</Link>
27-
<Link href="#examples" style={{ textDecoration: "none", fontSize: "0.9375rem" }}>
40+
<Link
41+
href="#examples"
42+
style={{ textDecoration: "none", fontSize: "0.9375rem" }}
43+
>
2844
Examples
2945
</Link>
30-
<Link href="https://github.com/sergimarquez/design-system" external style={{ textDecoration: "none", fontSize: "0.9375rem" }}>
46+
<Link
47+
href="https://github.com/sergimarquez/design-system"
48+
external
49+
style={{ textDecoration: "none", fontSize: "0.9375rem" }}
50+
>
3151
GitHub
3252
</Link>
3353
<a href="/storybook" style={{ textDecoration: "none" }}>
@@ -40,4 +60,3 @@ export default function Header() {
4060
</header>
4161
);
4262
}
43-

‎demo/src/components/HeroSection.tsx‎

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,10 @@ export default function HeroSection() {
1111
}}
1212
>
1313
<Stack gap={6} align="center">
14-
<Badge variant="info" style={{ fontSize: "0.875rem", padding: "0.5rem 1rem" }}>
14+
<Badge
15+
variant="info"
16+
style={{ fontSize: "0.875rem", padding: "0.5rem 1rem" }}
17+
>
1518
Design System v0.1.0
1619
</Badge>
1720
<Stack gap={4}>
@@ -20,7 +23,8 @@ export default function HeroSection() {
2023
size="6xl"
2124
weight="bold"
2225
style={{
23-
background: "linear-gradient(135deg, var(--color-foreground-primary) 0%, var(--color-foreground-secondary) 100%)",
26+
background:
27+
"linear-gradient(135deg, var(--color-foreground-primary) 0%, var(--color-foreground-secondary) 100%)",
2428
WebkitBackgroundClip: "text",
2529
WebkitTextFillColor: "transparent",
2630
backgroundClip: "text",
@@ -29,12 +33,22 @@ export default function HeroSection() {
2933
>
3034
Build Beautiful Interfaces
3135
</Text>
32-
<Text size="xl" color="secondary" style={{ maxWidth: "700px", margin: "0 auto", lineHeight: "1.6" }}>
33-
A modern, accessible design system built with React, TypeScript, and design tokens.
34-
Create consistent, beautiful user experiences with our collection of headless primitives.
36+
<Text
37+
size="xl"
38+
color="secondary"
39+
style={{ maxWidth: "700px", margin: "0 auto", lineHeight: "1.6" }}
40+
>
41+
A modern, accessible design system built with React, TypeScript, and
42+
design tokens. Create consistent, beautiful user experiences with
43+
our collection of headless primitives.
3544
</Text>
3645
</Stack>
37-
<Stack direction="row" gap={3} justify="center" style={{ flexWrap: "wrap" }}>
46+
<Stack
47+
direction="row"
48+
gap={3}
49+
justify="center"
50+
style={{ flexWrap: "wrap" }}
51+
>
3852
<a href="#components" style={{ textDecoration: "none" }}>
3953
<Button variant="primary" size="lg">
4054
Explore Components
@@ -50,4 +64,3 @@ export default function HeroSection() {
5064
</section>
5165
);
5266
}
53-

‎demo/src/main.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,5 @@ import "@sergi-marquez/design-system/styles/tokens.css";
66
ReactDOM.createRoot(document.getElementById("root")!).render(
77
<React.StrictMode>
88
<App />
9-
</React.StrictMode>,
9+
</React.StrictMode>
1010
);
11-

‎demo/tsconfig.node.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,3 @@
88
},
99
"include": ["vite.config.ts"]
1010
}
11-

0 commit comments

Comments
 (0)