@docubook/create 1.16.1 → 2.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,69 +1,189 @@
1
- @import "@docsearch/css";
2
- @import "./algolia.css";
1
+ @import 'tailwindcss';
2
+ @plugin '@tailwindcss/typography';
3
3
 
4
- @tailwind base;
5
- @tailwind components;
6
- @tailwind utilities;
7
4
 
8
- @import url("./syntax.css");
9
- /* Modern Blue Theme */
10
- @layer base {
11
- :root {
12
- --background: 210 40% 98%;
13
- --foreground: 220 30% 15%;
14
- --card: 0 0% 100%;
15
- --card-foreground: 220 30% 15%;
16
- --popover: 0 0% 100%;
17
- --popover-foreground: 220 30% 15%;
18
- --primary: 210 81% 56%; /* #2281E3 */
19
- --primary-foreground: 0 0% 100%;
20
- --secondary: 210 30% 90%;
21
- --secondary-foreground: 220 30% 15%;
22
- --muted: 210 20% 92%;
23
- --muted-foreground: 220 15% 50%;
24
- --accent: 200 100% 40%;
25
- --accent-foreground: 0 0% 100%;
26
- --destructive: 0 85% 60%;
27
- --destructive-foreground: 0 0% 100%;
28
- --border: 210 20% 85%;
29
- --input: 210 20% 85%;
30
- --ring: 210 81% 56%;
31
- --radius: 0.5rem;
32
- --chart-1: 210 81% 56%;
33
- --chart-2: 200 100% 40%;
34
- --chart-3: 220 76% 60%;
35
- --chart-4: 190 90% 50%;
36
- --chart-5: 230 86% 45%;
37
- --line-number-color: rgba(0, 0, 0, 0.05);
5
+ @custom-variant dark (&:is(.dark *));
6
+
7
+ @utility container {
8
+ margin-inline: auto;
9
+ padding-inline: 2rem;
10
+
11
+ @media (width >=--theme(--breakpoint-sm)) {
12
+ max-width: none;
13
+ }
14
+
15
+ @media (width >=1440px) {
16
+ max-width: 1440px;
17
+ }
18
+ }
19
+
20
+ @theme {
21
+ --color-border: hsl(var(--border));
22
+ --color-input: hsl(var(--input));
23
+ --color-ring: hsl(var(--ring));
24
+ --color-background: hsl(var(--background));
25
+ --color-foreground: hsl(var(--foreground));
26
+
27
+ --color-primary: hsl(var(--primary));
28
+ --color-primary-foreground: hsl(var(--primary-foreground));
29
+
30
+ --color-secondary: hsl(var(--secondary));
31
+ --color-secondary-foreground: hsl(var(--secondary-foreground));
32
+
33
+ --color-destructive: hsl(var(--destructive));
34
+ --color-destructive-foreground: hsl(var(--destructive-foreground));
35
+
36
+ --color-muted: hsl(var(--muted));
37
+ --color-muted-foreground: hsl(var(--muted-foreground));
38
+
39
+ --color-accent: hsl(var(--accent));
40
+ --color-accent-foreground: hsl(var(--accent-foreground));
41
+
42
+ --color-popover: hsl(var(--popover));
43
+ --color-popover-foreground: hsl(var(--popover-foreground));
44
+
45
+ --color-card: hsl(var(--card));
46
+ --color-card-foreground: hsl(var(--card-foreground));
47
+
48
+ --color-sidebar: hsl(var(--sidebar-background));
49
+ --color-sidebar-foreground: hsl(var(--sidebar-foreground));
50
+ --color-sidebar-primary: hsl(var(--sidebar-primary));
51
+ --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
52
+ --color-sidebar-accent: hsl(var(--sidebar-accent));
53
+ --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
54
+ --color-sidebar-border: hsl(var(--sidebar-border));
55
+ --color-sidebar-ring: hsl(var(--sidebar-ring));
56
+
57
+ --radius-lg: var(--radius);
58
+ --radius-md: calc(var(--radius) - 2px);
59
+ --radius-sm: calc(var(--radius) - 4px);
60
+
61
+ --font-code: var(--font-geist-mono);
62
+ --font-regular: var(--font-geist-sans);
63
+
64
+ --animate-accordion-down: accordion-down 0.2s ease-out;
65
+ --animate-accordion-up: accordion-up 0.2s ease-out;
66
+ --animate-shiny-text: shiny-text 8s infinite;
67
+
68
+ @keyframes accordion-down {
69
+ from {
70
+ height: 0;
71
+ }
72
+
73
+ to {
74
+ height: var(--radix-accordion-content-height);
75
+ }
76
+ }
77
+
78
+ @keyframes accordion-up {
79
+ from {
80
+ height: var(--radix-accordion-content-height);
38
81
  }
39
82
 
40
- .dark {
41
- --background: 220 25% 10%;
42
- --foreground: 210 30% 96%;
43
- --card: 220 25% 15%;
44
- --card-foreground: 210 30% 96%;
45
- --popover: 220 25% 15%;
46
- --popover-foreground: 210 30% 96%;
47
- --primary: 210 100% 65%;
48
- --primary-foreground: 220 25% 10%;
49
- --secondary: 215 25% 20%;
50
- --secondary-foreground: 210 30% 96%;
51
- --muted: 215 20% 25%;
52
- --muted-foreground: 215 20% 65%;
53
- --accent: 200 100% 60%;
54
- --accent-foreground: 0 0% 100%;
55
- --destructive: 0 85% 70%;
56
- --destructive-foreground: 0 0% 100%;
57
- --border: 215 20% 25%;
58
- --input: 215 20% 25%;
59
- --ring: 210 100% 65%;
60
- --chart-1: 210 100% 65%;
61
- --chart-2: 200 100% 60%;
62
- --chart-3: 220 90% 70%;
63
- --chart-4: 190 100% 65%;
64
- --chart-5: 230 90% 60%;
65
- --line-number-color: rgba(255, 255, 255, 0.1);
83
+ to {
84
+ height: 0;
66
85
  }
86
+ }
87
+
88
+ @keyframes shiny-text {
89
+
90
+ 0%,
91
+ 90%,
92
+ 100% {
93
+ background-position: calc(-100% - var(--shiny-width)) 0;
94
+ }
95
+
96
+ 30%,
97
+ 60% {
98
+ background-position: calc(100% + var(--shiny-width)) 0;
99
+ }
100
+ }
101
+ }
102
+
103
+ /*
104
+ The default border color has changed to `currentcolor` in Tailwind CSS v4,
105
+ so we've added these compatibility styles to make sure everything still
106
+ looks the same as it did with Tailwind CSS v3.
107
+
108
+ If we ever want to remove these styles, we need to add an explicit border
109
+ color utility to any element that depends on these defaults.
110
+ */
111
+ @layer base {
112
+
113
+ *,
114
+ ::after,
115
+ ::before,
116
+ ::backdrop,
117
+ ::file-selector-button {
118
+ border-color: var(--color-gray-200, currentcolor);
119
+ }
120
+ }
121
+
122
+ @utility animate-shine {
123
+ --animate-shine: shine var(--duration) infinite linear;
124
+ animation: var(--animate-shine);
125
+ background-size: 200% 200%;
126
+ }
127
+
128
+ /* Modern Blue Theme */
129
+ @layer base {
130
+ :root {
131
+ --background: 210 40% 98%;
132
+ --foreground: 220 30% 15%;
133
+ --card: 0 0% 100%;
134
+ --card-foreground: 220 30% 15%;
135
+ --popover: 0 0% 100%;
136
+ --popover-foreground: 220 30% 15%;
137
+ --primary: 210 81% 56%;
138
+ /* #2281E3 */
139
+ --primary-foreground: 0 0% 100%;
140
+ --secondary: 210 30% 90%;
141
+ --secondary-foreground: 220 30% 15%;
142
+ --muted: 210 20% 92%;
143
+ --muted-foreground: 220 15% 50%;
144
+ --accent: 200 100% 40%;
145
+ --accent-foreground: 0 0% 100%;
146
+ --destructive: 0 85% 60%;
147
+ --destructive-foreground: 0 0% 100%;
148
+ --border: 210 20% 85%;
149
+ --input: 210 20% 85%;
150
+ --ring: 210 81% 56%;
151
+ --radius: 0.5rem;
152
+ --chart-1: 210 81% 56%;
153
+ --chart-2: 200 100% 40%;
154
+ --chart-3: 220 76% 60%;
155
+ --chart-4: 190 90% 50%;
156
+ --chart-5: 230 86% 45%;
157
+ --line-number-color: rgba(0, 0, 0, 0.05);
158
+ }
159
+
160
+ .dark {
161
+ --background: 220 25% 10%;
162
+ --foreground: 210 30% 96%;
163
+ --card: 220 25% 15%;
164
+ --card-foreground: 210 30% 96%;
165
+ --popover: 220 25% 15%;
166
+ --popover-foreground: 210 30% 96%;
167
+ --primary: 210 100% 65%;
168
+ --primary-foreground: 220 25% 10%;
169
+ --secondary: 215 25% 20%;
170
+ --secondary-foreground: 210 30% 96%;
171
+ --muted: 215 20% 25%;
172
+ --muted-foreground: 215 20% 65%;
173
+ --accent: 200 100% 60%;
174
+ --accent-foreground: 0 0% 100%;
175
+ --destructive: 0 85% 70%;
176
+ --destructive-foreground: 0 0% 100%;
177
+ --border: 215 20% 25%;
178
+ --input: 215 20% 25%;
179
+ --ring: 210 100% 65%;
180
+ --chart-1: 210 100% 65%;
181
+ --chart-2: 200 100% 60%;
182
+ --chart-3: 220 90% 70%;
183
+ --chart-4: 190 100% 65%;
184
+ --chart-5: 230 90% 60%;
185
+ --line-number-color: rgba(255, 255, 255, 0.1);
186
+ }
67
187
  }
68
188
 
69
189
  @layer base {
@@ -76,67 +196,66 @@
76
196
  }
77
197
  }
78
198
 
79
- .prose {
80
- margin: 0 !important;
81
- }
199
+ @layer utilities {
200
+ .prose {
201
+ margin: 0 !important;
202
+ }
82
203
 
83
- pre {
84
- padding: 2px 0 !important;
85
- width: inherit !important;
86
- overflow-x: auto;
87
- }
204
+ pre {
205
+ padding: 2px 0 !important;
206
+ width: inherit !important;
207
+ overflow-x: auto;
208
+ }
88
209
 
89
- pre>code {
90
- display: grid;
91
- max-width: inherit !important;
92
- padding: 14px 0 !important;
93
- border: 0 !important;
94
- }
210
+ pre>code {
211
+ display: grid;
212
+ max-width: inherit !important;
213
+ padding: 14px 0 !important;
214
+ border: 0 !important;
215
+ }
95
216
 
96
- .code-line {
97
- padding: 0.75px 16px;
98
- @apply border-l-2 border-transparent
99
- }
217
+ .code-line {
218
+ padding: 0.75px 16px;
219
+ @apply border-l-2 border-transparent;
220
+ }
100
221
 
101
- .line-number::before {
102
- display: inline-block;
103
- width: 1rem;
104
- margin-right: 22px;
105
- margin-left: -2px;
106
- color: rgb(110, 110, 110);
107
- content: attr(line);
108
- font-size: 13.5px;
109
- text-align: right;
110
- }
222
+ .line-number::before {
223
+ display: inline-block;
224
+ width: 1rem;
225
+ margin-right: 22px;
226
+ margin-left: -2px;
227
+ color: rgb(110, 110, 110);
228
+ content: attr(line);
229
+ font-size: 13.5px;
230
+ text-align: right;
231
+ }
111
232
 
112
- .highlight-line {
113
- @apply bg-primary/5 border-l-2 border-primary/30;
114
- }
233
+ .highlight-line {
234
+ @apply bg-primary/5 border-l-2 border-primary/30;
235
+ }
115
236
 
116
- .rehype-code-title {
117
- @apply px-2 -mb-8 w-full text-sm pb-5 font-medium mt-5 font-code;
118
- }
237
+ .rehype-code-title {
238
+ @apply px-2 -mb-8 w-full text-sm pb-5 font-medium mt-5 font-code;
239
+ }
119
240
 
120
- .highlight-comp>code {
121
- background-color: transparent !important;
241
+ .highlight-comp>code {
242
+ background-color: transparent !important;
243
+ }
122
244
  }
123
245
 
124
246
  @layer utilities {
125
- .animate-shine {
126
- --animate-shine: shine var(--duration) infinite linear;
127
- animation: var(--animate-shine);
128
- background-size: 200% 200%;
247
+
248
+ @keyframes shine {
249
+ 0% {
250
+ background-position: 0% 0%;
251
+ }
252
+
253
+ 50% {
254
+ background-position: 100% 100%;
129
255
  }
130
256
 
131
- @keyframes shine {
132
- 0% {
133
- background-position: 0% 0%;
134
- }
135
- 50% {
136
- background-position: 100% 100%;
137
- }
138
- 100% {
139
- background-position: 0% 0%;
140
- }
257
+ 100% {
258
+ background-position: 0% 0%;
141
259
  }
142
260
  }
261
+ }
@@ -1,111 +1,113 @@
1
1
  import type { Config } from "tailwindcss";
2
+ import tailwindAnimate from "tailwindcss-animate";
3
+ import typography from "@tailwindcss/typography";
2
4
 
3
5
  const config = {
4
- darkMode: ["class"],
5
- content: [
6
- "./pages/**/*.{ts,tsx}",
7
- "./components/**/*.{ts,tsx}",
8
- "./app/**/*.{ts,tsx}",
9
- "./src/**/*.{ts,tsx}",
10
- ],
11
- prefix: "",
12
- theme: {
13
- container: {
14
- center: true,
15
- padding: '2rem',
16
- screens: {
17
- '2xl': '1440px'
18
- }
19
- },
20
- extend: {
21
- colors: {
22
- border: 'hsl(var(--border))',
23
- input: 'hsl(var(--input))',
24
- ring: 'hsl(var(--ring))',
25
- background: 'hsl(var(--background))',
26
- foreground: 'hsl(var(--foreground))',
27
- primary: {
28
- DEFAULT: 'hsl(var(--primary))',
29
- foreground: 'hsl(var(--primary-foreground))'
30
- },
31
- secondary: {
32
- DEFAULT: 'hsl(var(--secondary))',
33
- foreground: 'hsl(var(--secondary-foreground))'
34
- },
35
- destructive: {
36
- DEFAULT: 'hsl(var(--destructive))',
37
- foreground: 'hsl(var(--destructive-foreground))'
38
- },
39
- muted: {
40
- DEFAULT: 'hsl(var(--muted))',
41
- foreground: 'hsl(var(--muted-foreground))'
42
- },
43
- accent: {
44
- DEFAULT: 'hsl(var(--accent))',
45
- foreground: 'hsl(var(--accent-foreground))'
46
- },
47
- popover: {
48
- DEFAULT: 'hsl(var(--popover))',
49
- foreground: 'hsl(var(--popover-foreground))'
50
- },
51
- card: {
52
- DEFAULT: 'hsl(var(--card))',
53
- foreground: 'hsl(var(--card-foreground))'
54
- },
55
- sidebar: {
56
- DEFAULT: 'hsl(var(--sidebar-background))',
57
- foreground: 'hsl(var(--sidebar-foreground))',
58
- primary: 'hsl(var(--sidebar-primary))',
59
- 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
60
- accent: 'hsl(var(--sidebar-accent))',
61
- 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
62
- border: 'hsl(var(--sidebar-border))',
63
- ring: 'hsl(var(--sidebar-ring))'
64
- }
65
- },
66
- borderRadius: {
67
- lg: 'var(--radius)',
68
- md: 'calc(var(--radius) - 2px)',
69
- sm: 'calc(var(--radius) - 4px)'
70
- },
71
- fontFamily: {
72
- code: ["var(--font-geist-mono)"],
73
- regular: ["var(--font-geist-sans)"]
74
- },
75
- keyframes: {
76
- 'accordion-down': {
77
- from: {
78
- height: '0'
79
- },
80
- to: {
81
- height: 'var(--radix-accordion-content-height)'
82
- }
83
- },
84
- 'accordion-up': {
85
- from: {
86
- height: 'var(--radix-accordion-content-height)'
87
- },
88
- to: {
89
- height: '0'
90
- }
91
- },
92
- 'shiny-text': {
93
- '0%, 90%, 100%': {
94
- 'background-position': 'calc(-100% - var(--shiny-width)) 0'
95
- },
96
- '30%, 60%': {
97
- 'background-position': 'calc(100% + var(--shiny-width)) 0'
98
- }
99
- }
100
- },
101
- animation: {
102
- 'accordion-down': 'accordion-down 0.2s ease-out',
103
- 'accordion-up': 'accordion-up 0.2s ease-out',
104
- 'shiny-text': 'shiny-text 8s infinite'
105
- }
106
- }
107
- },
108
- plugins: [require("tailwindcss-animate"), require("@tailwindcss/typography")],
6
+ darkMode: "class",
7
+ content: [
8
+ "./pages/**/*.{ts,tsx}",
9
+ "./components/**/*.{ts,tsx}",
10
+ "./app/**/*.{ts,tsx}",
11
+ "./src/**/*.{ts,tsx}",
12
+ ],
13
+ prefix: "",
14
+ theme: {
15
+ container: {
16
+ center: true,
17
+ padding: '2rem',
18
+ screens: {
19
+ '2xl': '1440px'
20
+ }
21
+ },
22
+ extend: {
23
+ colors: {
24
+ border: 'hsl(var(--border))',
25
+ input: 'hsl(var(--input))',
26
+ ring: 'hsl(var(--ring))',
27
+ background: 'hsl(var(--background))',
28
+ foreground: 'hsl(var(--foreground))',
29
+ primary: {
30
+ DEFAULT: 'hsl(var(--primary))',
31
+ foreground: 'hsl(var(--primary-foreground))'
32
+ },
33
+ secondary: {
34
+ DEFAULT: 'hsl(var(--secondary))',
35
+ foreground: 'hsl(var(--secondary-foreground))'
36
+ },
37
+ destructive: {
38
+ DEFAULT: 'hsl(var(--destructive))',
39
+ foreground: 'hsl(var(--destructive-foreground))'
40
+ },
41
+ muted: {
42
+ DEFAULT: 'hsl(var(--muted))',
43
+ foreground: 'hsl(var(--muted-foreground))'
44
+ },
45
+ accent: {
46
+ DEFAULT: 'hsl(var(--accent))',
47
+ foreground: 'hsl(var(--accent-foreground))'
48
+ },
49
+ popover: {
50
+ DEFAULT: 'hsl(var(--popover))',
51
+ foreground: 'hsl(var(--popover-foreground))'
52
+ },
53
+ card: {
54
+ DEFAULT: 'hsl(var(--card))',
55
+ foreground: 'hsl(var(--card-foreground))'
56
+ },
57
+ sidebar: {
58
+ DEFAULT: 'hsl(var(--sidebar-background))',
59
+ foreground: 'hsl(var(--sidebar-foreground))',
60
+ primary: 'hsl(var(--sidebar-primary))',
61
+ 'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
62
+ accent: 'hsl(var(--sidebar-accent))',
63
+ 'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
64
+ border: 'hsl(var(--sidebar-border))',
65
+ ring: 'hsl(var(--sidebar-ring))'
66
+ }
67
+ },
68
+ borderRadius: {
69
+ lg: 'var(--radius)',
70
+ md: 'calc(var(--radius) - 2px)',
71
+ sm: 'calc(var(--radius) - 4px)'
72
+ },
73
+ fontFamily: {
74
+ code: ["var(--font-geist-mono)"],
75
+ regular: ["var(--font-geist-sans)"]
76
+ },
77
+ keyframes: {
78
+ 'accordion-down': {
79
+ from: {
80
+ height: '0'
81
+ },
82
+ to: {
83
+ height: 'var(--radix-accordion-content-height)'
84
+ }
85
+ },
86
+ 'accordion-up': {
87
+ from: {
88
+ height: 'var(--radix-accordion-content-height)'
89
+ },
90
+ to: {
91
+ height: '0'
92
+ }
93
+ },
94
+ 'shiny-text': {
95
+ '0%, 90%, 100%': {
96
+ 'background-position': 'calc(-100% - var(--shiny-width)) 0'
97
+ },
98
+ '30%, 60%': {
99
+ 'background-position': 'calc(100% + var(--shiny-width)) 0'
100
+ }
101
+ }
102
+ },
103
+ animation: {
104
+ 'accordion-down': 'accordion-down 0.2s ease-out',
105
+ 'accordion-up': 'accordion-up 0.2s ease-out',
106
+ 'shiny-text': 'shiny-text 8s infinite'
107
+ }
108
+ }
109
+ },
110
+ plugins: [tailwindAnimate, typography],
109
111
  } satisfies Config;
110
112
 
111
113
  export default config;
@@ -1,6 +1,10 @@
1
1
  {
2
2
  "compilerOptions": {
3
- "lib": ["dom", "dom.iterable", "esnext"],
3
+ "lib": [
4
+ "dom",
5
+ "dom.iterable",
6
+ "esnext"
7
+ ],
4
8
  "allowJs": true,
5
9
  "skipLibCheck": true,
6
10
  "strict": true,
@@ -10,7 +14,7 @@
10
14
  "moduleResolution": "bundler",
11
15
  "resolveJsonModule": true,
12
16
  "isolatedModules": true,
13
- "jsx": "preserve",
17
+ "jsx": "react-jsx",
14
18
  "incremental": true,
15
19
  "plugins": [
16
20
  {
@@ -18,9 +22,20 @@
18
22
  }
19
23
  ],
20
24
  "paths": {
21
- "@/*": ["./*"]
22
- }
25
+ "@/*": [
26
+ "./*"
27
+ ]
28
+ },
29
+ "target": "ES2017"
23
30
  },
24
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25
- "exclude": ["node_modules"]
31
+ "include": [
32
+ "next-env.d.ts",
33
+ "**/*.ts",
34
+ "**/*.tsx",
35
+ ".next/types/**/*.ts",
36
+ ".next/dev/types/**/*.ts"
37
+ ],
38
+ "exclude": [
39
+ "node_modules"
40
+ ]
26
41
  }