Skip to content

Commit 281d5a6

Browse files
claudeclaude
committed
Fix all MDX lint errors with proper formatting
Apply comprehensive lint fixes: - Sort imports alphabetically (simple-import-sort) - Add proper indentation for TableCell contents (prettier) - Replace quotes with HTML entities " (react/no-unescaped-entities) Changes apply to: - overview/page.mdx - typography/page.mdx - breakpoints/page.mdx - group-selector/page.mdx
1 parent 167460b commit 281d5a6

File tree

4 files changed

+93
-39
lines changed

4 files changed

+93
-39
lines changed

‎apps/landing/src/app/(detail)/docs/api/group-selector/page.mdx‎

Lines changed: 24 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import {
22
Table,
3-
TableHead,
43
TableBody,
5-
TableRow,
6-
TableHeaderCell,
74
TableCell,
5+
TableHead,
6+
TableHeaderCell,
7+
TableRow,
88
} from '@/components/mdx/components/Table'
99

1010
export const metadata = {
@@ -44,19 +44,33 @@ Add `role="group"` to a parent element, then use `_groupHover`, `_groupFocus`, o
4444
</TableHead>
4545
<TableBody>
4646
<TableRow>
47-
<TableCell><code>_groupHover</code></TableCell>
48-
<TableCell>Parent with <code>role="group"</code> is hovered</TableCell>
47+
<TableCell>
48+
<code>_groupHover</code>
49+
</TableCell>
50+
<TableCell>
51+
Parent with <code>role=&quot;group&quot;</code> is hovered
52+
</TableCell>
4953
</TableRow>
5054
<TableRow>
51-
<TableCell><code>_groupFocus</code></TableCell>
52-
<TableCell>Parent with <code>role="group"</code> is focused</TableCell>
55+
<TableCell>
56+
<code>_groupFocus</code>
57+
</TableCell>
58+
<TableCell>
59+
Parent with <code>role=&quot;group&quot;</code> is focused
60+
</TableCell>
5361
</TableRow>
5462
<TableRow>
55-
<TableCell><code>_groupActive</code></TableCell>
56-
<TableCell>Parent with <code>role="group"</code> is active (pressed)</TableCell>
63+
<TableCell>
64+
<code>_groupActive</code>
65+
</TableCell>
66+
<TableCell>
67+
Parent with <code>role=&quot;group&quot;</code> is active (pressed)
68+
</TableCell>
5769
</TableRow>
5870
<TableRow>
59-
<TableCell><code>_groupFocusWithin</code></TableCell>
71+
<TableCell>
72+
<code>_groupFocusWithin</code>
73+
</TableCell>
6074
<TableCell>Any element inside the group receives focus</TableCell>
6175
</TableRow>
6276
</TableBody>

‎apps/landing/src/app/(detail)/docs/devup/breakpoints/page.mdx‎

Lines changed: 21 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import {
22
Table,
3-
TableHead,
43
TableBody,
5-
TableRow,
6-
TableHeaderCell,
74
TableCell,
5+
TableHead,
6+
TableHeaderCell,
7+
TableRow,
88
} from '@/components/mdx/components/Table'
99

1010
export const metadata = {
@@ -32,37 +32,49 @@ Devup UI uses a mobile-first responsive design system with 6 breakpoints. Use ar
3232
<TableBody>
3333
<TableRow>
3434
<TableCell>0</TableCell>
35-
<TableCell><code>xs</code></TableCell>
35+
<TableCell>
36+
<code>xs</code>
37+
</TableCell>
3638
<TableCell>0px - 479px</TableCell>
3739
<TableCell>Mobile (portrait)</TableCell>
3840
</TableRow>
3941
<TableRow>
4042
<TableCell>1</TableCell>
41-
<TableCell><code>sm</code></TableCell>
43+
<TableCell>
44+
<code>sm</code>
45+
</TableCell>
4246
<TableCell>480px - 767px</TableCell>
4347
<TableCell>Mobile (landscape)</TableCell>
4448
</TableRow>
4549
<TableRow>
4650
<TableCell>2</TableCell>
47-
<TableCell><code>md</code></TableCell>
51+
<TableCell>
52+
<code>md</code>
53+
</TableCell>
4854
<TableCell>768px - 991px</TableCell>
4955
<TableCell>Tablet</TableCell>
5056
</TableRow>
5157
<TableRow>
5258
<TableCell>3</TableCell>
53-
<TableCell><code>lg</code></TableCell>
59+
<TableCell>
60+
<code>lg</code>
61+
</TableCell>
5462
<TableCell>992px - 1279px</TableCell>
5563
<TableCell>Small desktop</TableCell>
5664
</TableRow>
5765
<TableRow>
5866
<TableCell>4</TableCell>
59-
<TableCell><code>xl</code></TableCell>
67+
<TableCell>
68+
<code>xl</code>
69+
</TableCell>
6070
<TableCell>1280px - 1599px</TableCell>
6171
<TableCell>Desktop</TableCell>
6272
</TableRow>
6373
<TableRow>
6474
<TableCell>5</TableCell>
65-
<TableCell><code>2xl</code></TableCell>
75+
<TableCell>
76+
<code>2xl</code>
77+
</TableCell>
6678
<TableCell>1600px+</TableCell>
6779
<TableCell>Large desktop</TableCell>
6880
</TableRow>

‎apps/landing/src/app/(detail)/docs/devup/typography/page.mdx‎

Lines changed: 45 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import {
22
Table,
3-
TableHead,
43
TableBody,
5-
TableRow,
6-
TableHeaderCell,
74
TableCell,
5+
TableHead,
6+
TableHeaderCell,
7+
TableRow,
88
} from '@/components/mdx/components/Table'
99

1010
export const metadata = {
@@ -80,39 +80,67 @@ Each typography style can include:
8080
</TableHead>
8181
<TableBody>
8282
<TableRow>
83-
<TableCell><code>fontFamily</code></TableCell>
83+
<TableCell>
84+
<code>fontFamily</code>
85+
</TableCell>
8486
<TableCell>Font family name</TableCell>
85-
<TableCell><code>"Pretendard"</code></TableCell>
87+
<TableCell>
88+
<code>&quot;Pretendard&quot;</code>
89+
</TableCell>
8690
</TableRow>
8791
<TableRow>
88-
<TableCell><code>fontSize</code></TableCell>
92+
<TableCell>
93+
<code>fontSize</code>
94+
</TableCell>
8995
<TableCell>Font size</TableCell>
90-
<TableCell><code>"16px"</code></TableCell>
96+
<TableCell>
97+
<code>&quot;16px&quot;</code>
98+
</TableCell>
9199
</TableRow>
92100
<TableRow>
93-
<TableCell><code>fontWeight</code></TableCell>
101+
<TableCell>
102+
<code>fontWeight</code>
103+
</TableCell>
94104
<TableCell>Font weight (number or string)</TableCell>
95-
<TableCell><code>700</code> or <code>"bold"</code></TableCell>
105+
<TableCell>
106+
<code>700</code> or <code>&quot;bold&quot;</code>
107+
</TableCell>
96108
</TableRow>
97109
<TableRow>
98-
<TableCell><code>fontStyle</code></TableCell>
110+
<TableCell>
111+
<code>fontStyle</code>
112+
</TableCell>
99113
<TableCell>Font style</TableCell>
100-
<TableCell><code>"normal"</code> or <code>"italic"</code></TableCell>
114+
<TableCell>
115+
<code>&quot;normal&quot;</code> or <code>&quot;italic&quot;</code>
116+
</TableCell>
101117
</TableRow>
102118
<TableRow>
103-
<TableCell><code>lineHeight</code></TableCell>
119+
<TableCell>
120+
<code>lineHeight</code>
121+
</TableCell>
104122
<TableCell>Line height (number or string)</TableCell>
105-
<TableCell><code>1.5</code> or <code>"150%"</code></TableCell>
123+
<TableCell>
124+
<code>1.5</code> or <code>&quot;150%&quot;</code>
125+
</TableCell>
106126
</TableRow>
107127
<TableRow>
108-
<TableCell><code>letterSpacing</code></TableCell>
128+
<TableCell>
129+
<code>letterSpacing</code>
130+
</TableCell>
109131
<TableCell>Letter spacing</TableCell>
110-
<TableCell><code>"-0.02em"</code></TableCell>
132+
<TableCell>
133+
<code>&quot;-0.02em&quot;</code>
134+
</TableCell>
111135
</TableRow>
112136
<TableRow>
113-
<TableCell><code>textTransform</code></TableCell>
137+
<TableCell>
138+
<code>textTransform</code>
139+
</TableCell>
114140
<TableCell>Text transformation</TableCell>
115-
<TableCell><code>"uppercase"</code></TableCell>
141+
<TableCell>
142+
<code>&quot;uppercase&quot;</code>
143+
</TableCell>
116144
</TableRow>
117145
</TableBody>
118146
</Table>

‎apps/landing/src/app/(detail)/docs/overview/page.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import {
22
Table,
3-
TableHead,
43
TableBody,
5-
TableRow,
6-
TableHeaderCell,
74
TableCell,
5+
TableHead,
6+
TableHeaderCell,
7+
TableRow,
88
} from '@/components/mdx/components/Table'
99

1010
export const metadata = {

0 commit comments

Comments
 (0)