svelte-docsmith 0.6.0 → 0.7.0

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.
Files changed (5) hide show
  1. package/README.md +6 -2
  2. package/dist/theme.css +57 -57
  3. package/dist/themes/darkmatter.css +6 -4
  4. package/dist/themes/tangerine.css +3 -6
  5. package/package.json +11 -3
package/README.md CHANGED
@@ -3,6 +3,10 @@
3
3
  [![NPM version](https://img.shields.io/npm/v/svelte-docsmith.svg?style=flat)](https://www.npmjs.com/package/svelte-docsmith)
4
4
  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
5
5
 
6
+ <p align="center">
7
+ <img src="https://raw.githubusercontent.com/geodask/svelte-docsmith/master/.github/assets/hero.png" alt="Svelte DocSmith: craft documentation worthy of legend" width="100%" />
8
+ </p>
9
+
6
10
  The documentation framework for Svelte 5 library authors whose interactive
7
11
  examples need to live inside one real, stateful SvelteKit app, not sandboxed as
8
12
  isolated islands.
@@ -169,8 +173,8 @@ plugin you already added:
169
173
 
170
174
  ## Themes
171
175
 
172
- Eleven presets ship in the box. Pick one with a single import after the base
173
- contract:
176
+ Eleven presets ship in the box. **Darkmatter** is the default, applied by
177
+ `theme.css`; import any other preset after it to switch:
174
178
 
175
179
  ```css
176
180
  @import 'svelte-docsmith/theme.css';
package/dist/theme.css CHANGED
@@ -107,38 +107,38 @@
107
107
 
108
108
  @layer base {
109
109
  :root {
110
- --background: oklch(0.9383 0.0042 236.4993);
111
- --foreground: oklch(0.3211 0 0);
110
+ --background: oklch(1 0 0);
111
+ --foreground: oklch(0.2101 0.0318 264.6645);
112
112
  --card: oklch(1 0 0);
113
- --card-foreground: oklch(0.3211 0 0);
113
+ --card-foreground: oklch(0.2101 0.0318 264.6645);
114
114
  --popover: oklch(1 0 0);
115
- --popover-foreground: oklch(0.3211 0 0);
116
- --primary: oklch(0.6397 0.172 36.4421);
115
+ --popover-foreground: oklch(0.2101 0.0318 264.6645);
116
+ --primary: oklch(0.6716 0.1368 48.513);
117
117
  --primary-foreground: oklch(1 0 0);
118
- --secondary: oklch(0.967 0.0029 264.5419);
119
- --secondary-foreground: oklch(0.4461 0.0263 256.8018);
120
- --muted: oklch(0.9846 0.0017 247.8389);
118
+ --secondary: oklch(0.536 0.0398 196.028);
119
+ --secondary-foreground: oklch(1 0 0);
120
+ --muted: oklch(0.967 0.0029 264.5419);
121
121
  --muted-foreground: oklch(0.551 0.0234 264.3637);
122
- --accent: oklch(0.9119 0.0222 243.8174);
123
- --accent-foreground: oklch(0.3791 0.1378 265.5222);
122
+ --accent: oklch(0.9491 0 0);
123
+ --accent-foreground: oklch(0.2101 0.0318 264.6645);
124
124
  --destructive: oklch(0.6368 0.2078 25.3313);
125
- --destructive-foreground: oklch(1 0 0);
126
- --border: oklch(0.9022 0.0052 247.8822);
127
- --input: oklch(0.97 0.0029 264.542);
128
- --ring: oklch(0.6397 0.172 36.4421);
129
- --chart-1: oklch(0.7156 0.0605 248.6845);
130
- --chart-2: oklch(0.7875 0.0917 35.9616);
131
- --chart-3: oklch(0.5778 0.0759 254.1573);
132
- --chart-4: oklch(0.5016 0.0849 259.4902);
133
- --chart-5: oklch(0.4241 0.0952 264.0306);
134
- --sidebar: oklch(0.903 0.0046 258.3257);
135
- --sidebar-foreground: oklch(0.3211 0 0);
136
- --sidebar-primary: oklch(0.6397 0.172 36.4421);
125
+ --destructive-foreground: oklch(0.9851 0 0);
126
+ --border: oklch(0.9276 0.0058 264.5313);
127
+ --input: oklch(0.9276 0.0058 264.5313);
128
+ --ring: oklch(0.6716 0.1368 48.513);
129
+ --chart-1: oklch(0.594 0.0443 196.0233);
130
+ --chart-2: oklch(0.7214 0.1337 49.9802);
131
+ --chart-3: oklch(0.8721 0.0864 68.5474);
132
+ --chart-4: oklch(0.6268 0 0);
133
+ --chart-5: oklch(0.683 0 0);
134
+ --sidebar: oklch(0.967 0.0029 264.5419);
135
+ --sidebar-foreground: oklch(0.2101 0.0318 264.6645);
136
+ --sidebar-primary: oklch(0.6716 0.1368 48.513);
137
137
  --sidebar-primary-foreground: oklch(1 0 0);
138
- --sidebar-accent: oklch(0.9119 0.0222 243.8174);
139
- --sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
138
+ --sidebar-accent: oklch(1 0 0);
139
+ --sidebar-accent-foreground: oklch(0.2101 0.0318 264.6645);
140
140
  --sidebar-border: oklch(0.9276 0.0058 264.5313);
141
- --sidebar-ring: oklch(0.6397 0.172 36.4421);
141
+ --sidebar-ring: oklch(0.6716 0.1368 48.513);
142
142
  --font-sans: Inter, sans-serif;
143
143
  --font-serif: Source Serif 4, serif;
144
144
  --font-mono: JetBrains Mono, monospace;
@@ -165,38 +165,38 @@
165
165
  }
166
166
 
167
167
  .dark {
168
- --background: oklch(0.2598 0.0306 262.6666);
169
- --foreground: oklch(0.9219 0 0);
170
- --card: oklch(0.3106 0.0301 268.6365);
171
- --card-foreground: oklch(0.9219 0 0);
172
- --popover: oklch(0.29 0.0249 268.3986);
173
- --popover-foreground: oklch(0.9219 0 0);
174
- --primary: oklch(0.6397 0.172 36.4421);
175
- --primary-foreground: oklch(1 0 0);
176
- --secondary: oklch(0.3095 0.0266 266.7132);
177
- --secondary-foreground: oklch(0.9219 0 0);
178
- --muted: oklch(0.3095 0.0266 266.7132);
179
- --muted-foreground: oklch(0.7155 0 0);
180
- --accent: oklch(0.338 0.0589 267.5867);
181
- --accent-foreground: oklch(0.8823 0.0571 254.1284);
182
- --destructive: oklch(0.6368 0.2078 25.3313);
183
- --destructive-foreground: oklch(1 0 0);
184
- --border: oklch(0.3843 0.0301 269.7337);
185
- --input: oklch(0.3843 0.0301 269.7337);
186
- --ring: oklch(0.6397 0.172 36.4421);
187
- --chart-1: oklch(0.7156 0.0605 248.6845);
188
- --chart-2: oklch(0.7693 0.0876 34.1875);
189
- --chart-3: oklch(0.5778 0.0759 254.1573);
190
- --chart-4: oklch(0.5016 0.0849 259.4902);
191
- --chart-5: oklch(0.4241 0.0952 264.0306);
192
- --sidebar: oklch(0.31 0.0283 267.7408);
193
- --sidebar-foreground: oklch(0.9219 0 0);
194
- --sidebar-primary: oklch(0.6397 0.172 36.4421);
195
- --sidebar-primary-foreground: oklch(1 0 0);
196
- --sidebar-accent: oklch(0.338 0.0589 267.5867);
197
- --sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
198
- --sidebar-border: oklch(0.3843 0.0301 269.7337);
199
- --sidebar-ring: oklch(0.6397 0.172 36.4421);
168
+ --background: oklch(0.1797 0.0043 308.1928);
169
+ --foreground: oklch(0.8109 0 0);
170
+ --card: oklch(0.1822 0 0);
171
+ --card-foreground: oklch(0.8109 0 0);
172
+ --popover: oklch(0.1797 0.0043 308.1928);
173
+ --popover-foreground: oklch(0.8109 0 0);
174
+ --primary: oklch(0.7214 0.1337 49.9802);
175
+ --primary-foreground: oklch(0.1797 0.0043 308.1928);
176
+ --secondary: oklch(0.594 0.0443 196.0233);
177
+ --secondary-foreground: oklch(0.1797 0.0043 308.1928);
178
+ --muted: oklch(0.252 0 0);
179
+ --muted-foreground: oklch(0.6268 0 0);
180
+ --accent: oklch(0.3211 0 0);
181
+ --accent-foreground: oklch(0.8109 0 0);
182
+ --destructive: oklch(0.7106 0.1661 22.2162);
183
+ --destructive-foreground: oklch(0.1797 0.0043 308.1928);
184
+ --border: oklch(0.252 0 0);
185
+ --input: oklch(0.252 0 0);
186
+ --ring: oklch(0.7214 0.1337 49.9802);
187
+ --chart-1: oklch(0.594 0.0443 196.0233);
188
+ --chart-2: oklch(0.7214 0.1337 49.9802);
189
+ --chart-3: oklch(0.8721 0.0864 68.5474);
190
+ --chart-4: oklch(0.6268 0 0);
191
+ --chart-5: oklch(0.683 0 0);
192
+ --sidebar: oklch(0.1822 0 0);
193
+ --sidebar-foreground: oklch(0.8109 0 0);
194
+ --sidebar-primary: oklch(0.7214 0.1337 49.9802);
195
+ --sidebar-primary-foreground: oklch(0.1797 0.0043 308.1928);
196
+ --sidebar-accent: oklch(0.3211 0 0);
197
+ --sidebar-accent-foreground: oklch(0.8109 0 0);
198
+ --sidebar-border: oklch(0.252 0 0);
199
+ --sidebar-ring: oklch(0.7214 0.1337 49.9802);
200
200
  }
201
201
 
202
202
  * {
package/dist/themes/darkmatter.css CHANGED
@@ -1,8 +1,10 @@
1
1
  /*
2
- * svelte-docsmith theme — Darkmatter (based on the tweakcn preset).
2
+ * svelte-docsmith theme — Darkmatter. The built-in default (based on the tweakcn
3
+ * preset): theme.css already ships these tokens, so you only import this file to
4
+ * return to Darkmatter after choosing another preset.
3
5
  *
4
- * A near-monochrome shell with a warm orange primary and a muted teal
5
- * secondary; light mode is crisp white, dark mode is deep near-black.
6
+ * A near-monochrome shell with a warm orange primary and a muted teal secondary;
7
+ * light mode is crisp white, dark mode is deep near-black.
6
8
  *
7
9
  * @import 'svelte-docsmith/theme.css';
8
10
  * @import 'svelte-docsmith/themes/darkmatter.css';
@@ -63,7 +65,7 @@
63
65
  --border: oklch(0.252 0 0);
64
66
  --input: oklch(0.252 0 0);
65
67
  --ring: oklch(0.7214 0.1337 49.9802);
66
- --destructive: oklch(0.594 0.0443 196.0233);
68
+ --destructive: oklch(0.7106 0.1661 22.2162);
67
69
  --destructive-foreground: oklch(0.1797 0.0043 308.1928);
68
70
  --chart-1: oklch(0.594 0.0443 196.0233);
69
71
  --chart-2: oklch(0.7214 0.1337 49.9802);
package/dist/themes/tangerine.css CHANGED
@@ -1,13 +1,10 @@
1
1
  /*
2
- * svelte-docsmith theme — Tangerine (the default).
3
- *
4
- * These are the same tokens baked into theme.css, extracted as a named preset
5
- * so you can re-apply the default explicitly or use it as a starting point:
2
+ * svelte-docsmith theme — Tangerine. A warm terracotta primary on calm,
3
+ * faintly-cool neutrals. Import it after theme.css to swap the default Darkmatter
4
+ * tokens for this palette:
6
5
  *
7
6
  * @import 'svelte-docsmith/theme.css';
8
7
  * @import 'svelte-docsmith/themes/tangerine.css';
9
- *
10
- * Warm terracotta primary on calm, faintly-cool neutrals.
11
8
  */
12
9
 
13
10
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "svelte-docsmith",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "A framework for building beautiful documentation sites with Svelte.",
5
5
  "author": {
6
6
  "name": "George Daskalakis",
@@ -104,9 +104,17 @@
104
104
  },
105
105
  "keywords": [
106
106
  "svelte",
107
+ "sveltekit",
108
+ "svelte5",
109
+ "docs",
110
+ "documentation",
111
+ "documentation-generator",
112
+ "docs-site",
113
+ "markdown",
114
+ "mdsvex",
115
+ "shiki",
107
116
  "ui",
108
- "component",
109
- "docs"
117
+ "components"
110
118
  ],
111
119
  "scripts": {
112
120
  "dev": "vite dev",