Skip to content

Commit 19fdac0

Browse files
MathurAditya724MathurAditya724
committed
chore: corrected prettier config
1 parent 1c0dc47 commit 19fdac0

Some content is hidden

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

83 files changed

+337
-336
lines changed

‎.prettierrc‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎apps/docs/app/Wrapper.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,9 @@ function Header({ setDrawerOpen, setSearchOpen }: Header) {
5353
return (
5454
<header
5555
className={classNames(
56-
"sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-secondary-900/5 transition duration-500 dark:shadow-none sm:px-6 md:gap-6 lg:px-8",
56+
"shadow-secondary-900/5 sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md transition duration-500 dark:shadow-none sm:px-6 md:gap-6 lg:px-8",
5757
isScrolled
58-
? "backdrop-blur dark:bg-secondary-950/95 dark:[@supports(backdrop-filter:blur(0))]:bg-secondary-950/75"
58+
? "dark:bg-secondary-950/95 dark:[@supports(backdrop-filter:blur(0))]:bg-secondary-950/75 backdrop-blur"
5959
: "dark:bg-transparent",
6060
)}
6161
>
@@ -67,7 +67,7 @@ function Header({ setDrawerOpen, setSearchOpen }: Header) {
6767
<div className="relative flex flex-grow basis-0 items-center">
6868
<Link href="/" aria-label="Home page">
6969
<Logomark className="h-9 w-9 lg:hidden" />
70-
<Logo className="hidden h-9 w-auto fill-secondary-700 dark:fill-primary-100 lg:block" />
70+
<Logo className="fill-secondary-700 dark:fill-primary-100 hidden h-9 w-auto lg:block" />
7171
</Link>
7272
</div>
7373
<div className="relative flex basis-0 items-center justify-end gap-1 md:flex-grow md:gap-2 lg:gap-4">
@@ -117,7 +117,7 @@ export function Wrapper({ children }: Wrapper) {
117117
setSearchOpen={setSearchOpen}
118118
/>
119119
{isHomePage && <Hero />}
120-
<div className="relative mx-auto flex w-full max-w-8xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
120+
<div className="max-w-8xl relative mx-auto flex w-full flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
121121
{component}
122122
</div>
123123
</div>

‎apps/docs/app/layout.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ export default function RootLayout({
4444
)}
4545
suppressHydrationWarning
4646
>
47-
<body className="flex min-h-full bg-white selection:bg-[#79ffe1] dark:bg-secondary-950 dark:selection:bg-[#f81ce5] dark:selection:text-white">
47+
<body className="dark:bg-secondary-950 flex min-h-full bg-white selection:bg-[#79ffe1] dark:selection:bg-[#f81ce5] dark:selection:text-white">
4848
<Providers>
4949
<Wrapper>{children}</Wrapper>
5050
</Providers>

‎apps/docs/app/not-found.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export default function NotFound() {
77
<p className="text-secondary-900 font-display text-sm font-medium dark:text-white">
88
404
99
</p>
10-
<h1 className="text-secondary-900 mt-3 font-display text-3xl tracking-tight dark:text-white">
10+
<h1 className="text-secondary-900 font-display mt-3 text-3xl tracking-tight dark:text-white">
1111
Page not found
1212
</h1>
1313
<p className="text-secondary-500 dark:text-secondary-400 mt-2 text-sm">

‎apps/docs/app/themes/Examples/ChatBoxExample.tsx‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -74,13 +74,13 @@ export function ChatBoxExample() {
7474

7575
return (
7676
<div className="space-y-6">
77-
<div className="flex gap-4 justify-between items-center">
77+
<div className="flex items-center justify-between gap-4">
7878
<Avatar
7979
name={USERS_DATA[3].name}
8080
src={`https://api.dicebear.com/7.x/notionists/svg?seed=${USERS_DATA[3].name}&backgroundColor=ffdfbf,ffd5dc,c0aede,d1d4f9,b6e3f4`}
8181
/>
8282
<div>
83-
<Text className="font-semibold text-sm leading-tight">
83+
<Text className="text-sm font-semibold leading-tight">
8484
Jackson Lee
8585
</Text>
8686
<Text className="text-secondary-500 text-sm leading-tight">
@@ -95,28 +95,28 @@ export function ChatBoxExample() {
9595
Hi, how can I help you today?
9696
</Message>
9797
<div className="flex flex-row-reverse">
98-
<Message className="bg-primary-500 dark:bg-primary-300/90 !text-white dark:!text-secondary-900 dark:!font-semibold">
98+
<Message className="bg-primary-500 dark:bg-primary-300/90 dark:!text-secondary-900 !text-white dark:!font-semibold">
9999
Hey, I&apos;m having trouble with my account.
100100
</Message>
101101
</div>
102102
<Message className="bg-secondary-100 dark:bg-secondary-800">
103103
What seems to be the problem?
104104
</Message>
105105
<div className="flex flex-row-reverse">
106-
<Message className="bg-primary-500 dark:bg-primary-300/90 !text-white dark:!text-secondary-900 dark:!font-semibold">
106+
<Message className="bg-primary-500 dark:bg-primary-300/90 dark:!text-secondary-900 !text-white dark:!font-semibold">
107107
I can&apos;t log in.
108108
</Message>
109109
</div>
110110
{messages &&
111111
messages.map((message, index) => (
112112
<div key={index} className="flex flex-row-reverse">
113-
<Message className="bg-primary-500 dark:bg-primary-300/90 !text-white dark:!text-secondary-900 dark:!font-semibold">
113+
<Message className="bg-primary-500 dark:bg-primary-300/90 dark:!text-secondary-900 !text-white dark:!font-semibold">
114114
{message}
115115
</Message>
116116
</div>
117117
))}
118118
</div>
119-
<div className="flex gap-2 items-center">
119+
<div className="flex items-center gap-2">
120120
<InputField
121121
ref={ref}
122122
placeholder="Type your message..."
@@ -157,14 +157,14 @@ function NewMessageDialog() {
157157
<TooltipContent>New message</TooltipContent>
158158
</Tooltip>
159159
<DialogOverlay />
160-
<DialogContent className="!p-0 dark:!bg-secondary-900">
160+
<DialogContent className="dark:!bg-secondary-900 !p-0">
161161
<DialogHeader className="!p-4">
162162
<DialogTitle>New message</DialogTitle>
163163
<Text className="text-sm leading-tight opacity-60">
164164
Invite a user to this thread. This will create a new group message.
165165
</Text>
166166
</DialogHeader>
167-
<Command className="border-y dark:border-secondary-700 !rounded-none dark:!bg-secondary-900">
167+
<Command className="dark:border-secondary-700 dark:!bg-secondary-900 !rounded-none border-y">
168168
<CommandInput placeholder="Type a command or search..." />
169169
<CommandList>
170170
<CommandEmpty>No results found.</CommandEmpty>
@@ -175,13 +175,13 @@ function NewMessageDialog() {
175175
className="!rounded-lg"
176176
onSelect={() => dispatch(user.id)}
177177
>
178-
<div className="flex w-full gap-3 items-center">
178+
<div className="flex w-full items-center gap-3">
179179
<Avatar
180180
name={user.name}
181181
src={`https://api.dicebear.com/7.x/notionists/svg?seed=${user.name}&backgroundColor=ffdfbf,ffd5dc,c0aede,d1d4f9,b6e3f4`}
182182
/>
183183
<div>
184-
<Text className="font-semibold text-sm leading-tight">
184+
<Text className="text-sm font-semibold leading-tight">
185185
{user.name}
186186
</Text>
187187
<Text className="text-secondary-500 text-sm leading-tight">
@@ -198,7 +198,7 @@ function NewMessageDialog() {
198198
</CommandGroup>
199199
</CommandList>
200200
</Command>
201-
<DialogFooter className="!p-4 !justify-between items-center">
201+
<DialogFooter className="items-center !justify-between !p-4">
202202
{selected.length > 0 ? (
203203
<AvatarGroup>
204204
{selected.map((user_index) => {
@@ -213,7 +213,7 @@ function NewMessageDialog() {
213213
})}
214214
</AvatarGroup>
215215
) : (
216-
<Text className="text-sm dark:text-secondary-500 text-secondary-400">
216+
<Text className="dark:text-secondary-500 text-secondary-400 text-sm">
217217
Select users to add to this thread.
218218
</Text>
219219
)}
@@ -238,7 +238,7 @@ function Message({
238238
return (
239239
<Text
240240
className={classNames(
241-
"px-3 py-1.5 rounded-md max-w-[75%] text-sm font-medium text-secondary-800 dark:text-secondary-100 leading-snug",
241+
"text-secondary-800 dark:text-secondary-100 max-w-[75%] rounded-md px-3 py-1.5 text-sm font-medium leading-snug",
242242
className,
243243
)}
244244
>

‎apps/docs/app/themes/Examples/CookieSettingsExample.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,10 @@ export function CookieSettingsExample() {
3030
</Text>
3131
</div>
3232
{SETTINGS.map(({ heading, description }, index) => (
33-
<div key={index} className="flex justify-between items-center">
33+
<div key={index} className="flex items-center justify-between">
3434
<div>
3535
<Text className="text-sm font-medium">{heading}</Text>
36-
<Text className="text-xs opacity-50 max-w-[250px]">
36+
<Text className="max-w-[250px] text-xs opacity-50">
3737
{description}
3838
</Text>
3939
</div>

‎apps/docs/app/themes/Examples/CounterExample.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,10 +29,10 @@ const data = [
2929

3030
export function CounterExample() {
3131
return (
32-
<div className="space-y-2 h-full w-full">
32+
<div className="h-full w-full space-y-2">
3333
<div>
3434
<Text className="text-2xl font-semibold leading-snug">Move goal</Text>
35-
<Text className="text-sm opacity-60 leading-snug">
35+
<Text className="text-sm leading-snug opacity-60">
3636
Set your daily activity goal
3737
</Text>
3838
</div>
@@ -68,9 +68,9 @@ function Counter() {
6868
>
6969
<HiMinus size={18} />
7070
</Button>
71-
<div className="w-full flex items-center flex-col">
71+
<div className="flex w-full flex-col items-center">
7272
<Text className="text-5xl tabular-nums">{count}</Text>
73-
<Text className="text-sm font-medium opacity-50 leading-none">
73+
<Text className="text-sm font-medium leading-none opacity-50">
7474
CALORIES/DAY
7575
</Text>
7676
</div>

‎apps/docs/app/themes/Examples/CreateAnAccountExample.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,12 @@ export function CreateAnAccountExample() {
1515
<Text className="text-2xl font-semibold leading-snug">
1616
Create an account
1717
</Text>
18-
<Text className="text-sm opacity-60 leading-snug">
18+
<Text className="text-sm leading-snug opacity-60">
1919
Enter your email below to create your account
2020
</Text>
2121
</div>
2222
<form className="space-y-3">
23-
<div className="flex gap-4 justify-center flex-col sm:flex-row sm:gap-6">
23+
<div className="flex flex-col justify-center gap-4 sm:flex-row sm:gap-6">
2424
<Button
2525
variant="outline"
2626
leftIcon={<BsGithub size={18} />}
@@ -36,9 +36,9 @@ export function CreateAnAccountExample() {
3636
Google
3737
</Button>
3838
</div>
39-
<div className="relative w-full flex items-center justify-center">
40-
<div className="h-px w-full bg-secondary-300 absolute -z-[1] dark:bg-secondary-700" />
41-
<Text className="text-xs dark:text-secondary-500 text-secondary-400 text-center px-2 bg-white dark:bg-secondary-950">
39+
<div className="relative flex w-full items-center justify-center">
40+
<div className="bg-secondary-300 dark:bg-secondary-700 absolute -z-[1] h-px w-full" />
41+
<Text className="dark:text-secondary-500 text-secondary-400 dark:bg-secondary-950 bg-white px-2 text-center text-xs">
4242
OR CONTINUE WITH
4343
</Text>
4444
</div>

‎apps/docs/app/themes/Examples/ExerciseMinuteExample.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,17 +51,17 @@ export function ExerciseMinuteExample() {
5151
if (!(active && payload && payload.length)) return;
5252

5353
return (
54-
<div className="grid grid-cols-2 gap-2 rounded-lg border p-2 dark:bg-secondary-800 bg-white">
54+
<div className="dark:bg-secondary-800 grid grid-cols-2 gap-2 rounded-lg border bg-white p-2">
5555
<div className="flex flex-col">
56-
<span className="text-[0.70rem] uppercase text-muted-foreground">
56+
<span className="text-muted-foreground text-[0.70rem] uppercase">
5757
Average
5858
</span>
59-
<span className="font-bold text-muted-foreground">
59+
<span className="text-muted-foreground font-bold">
6060
{payload[0].value}
6161
</span>
6262
</div>
6363
<div className="flex flex-col">
64-
<span className="text-[0.70rem] uppercase text-muted-foreground">
64+
<span className="text-muted-foreground text-[0.70rem] uppercase">
6565
Today
6666
</span>
6767
<span className="font-bold">{payload[1].value}</span>

‎apps/docs/app/themes/Examples/PaymentMethodExample.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -75,9 +75,9 @@ export function PaymentMethodExample() {
7575
onClick={() => setSelected(index)}
7676
className={classNames(
7777
isSelect == index
78-
? "ring-2 ring-primary-300 dark:ring-primary-500/50 border-primary-500 dark:border-primary-400"
78+
? "ring-primary-300 dark:ring-primary-500/50 border-primary-500 dark:border-primary-400 ring-2"
7979
: "dark:border-secondary-700",
80-
"w-full p-4 flex justify-center items-center flex-col gap-2 border rounded-md dark:hover:bg-secondary-900/70 hover:bg-secondary-50 transition-all ease-in-out cursor-pointer",
80+
"dark:hover:bg-secondary-900/70 hover:bg-secondary-50 flex w-full cursor-pointer flex-col items-center justify-center gap-2 rounded-md border p-4 transition-all ease-in-out",
8181
)}
8282
>
8383
<item.logo
@@ -100,7 +100,7 @@ export function PaymentMethodExample() {
100100
<Label>Card Number</Label>
101101
<InputField />
102102
</FieldControl>
103-
<div className="flex gap-2 w-full items-center">
103+
<div className="flex w-full items-center gap-2">
104104
<FieldControl name="month">
105105
<Label>Expires</Label>
106106
<ExpireMonthSelect />
@@ -113,7 +113,7 @@ export function PaymentMethodExample() {
113113
<Label>CVC</Label>
114114
<InputField
115115
placeholder="CVC"
116-
className="placeholder:text-sm !py-2"
116+
className="!py-2 placeholder:text-sm"
117117
/>
118118
</FieldControl>
119119
</div>
@@ -129,7 +129,7 @@ function ExpireMonthSelect() {
129129
<Selector value={selected}>
130130
{MONTHS.map((month) => (
131131
<CommandItem key={month} value={month} onSelect={setSelected}>
132-
<div className="flex items-center gap-2 w-full">
132+
<div className="flex w-full items-center gap-2">
133133
<div className="w-3.5">
134134
{selected == month && <HiCheck className="opacity-60" />}
135135
</div>
@@ -149,7 +149,7 @@ function ExpireYearSelect() {
149149
<Selector value={selected}>
150150
{YEARS.map((year) => (
151151
<CommandItem key={year} value={year} onSelect={setSelected}>
152-
<div className="flex items-center gap-2 w-full ">
152+
<div className="flex w-full items-center gap-2 ">
153153
<div className="w-3.5">
154154
{selected == year && <HiCheck className="opacity-60" />}
155155
</div>

0 commit comments

Comments
 (0)