sdocs 0.0.16 → 0.0.18

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.
@@ -90,11 +90,9 @@
90
90
  </div>
91
91
 
92
92
  <style>
93
- :global(body) {
93
+ .sdocs-app {
94
94
  margin: 0;
95
95
  padding: 0;
96
- }
97
- .sdocs-app {
98
96
  display: flex;
99
97
  height: 100vh;
100
98
  overflow: hidden;
@@ -1,11 +1,37 @@
1
1
  <script lang="ts">
2
- const modules = import.meta.glob('./icons/*.svg', { eager: true, query: '?raw', import: 'default' });
2
+ import bookmarkSvg from './icons/bookmark.svg?raw';
3
+ import chevronDownSvg from './icons/chevron-down.svg?raw';
4
+ import chevronLeftSvg from './icons/chevron-left.svg?raw';
5
+ import chevronRightSvg from './icons/chevron-right.svg?raw';
6
+ import chevronUpSvg from './icons/chevron-up.svg?raw';
7
+ import codeSvg from './icons/code.svg?raw';
8
+ import componentSvg from './icons/component.svg?raw';
9
+ import copySvg from './icons/copy.svg?raw';
10
+ import diamondSvg from './icons/diamond.svg?raw';
11
+ import fileCodeSvg from './icons/file-code.svg?raw';
12
+ import fileTextSvg from './icons/file-text.svg?raw';
13
+ import folderOpenSvg from './icons/folder-open.svg?raw';
14
+ import folderSvg from './icons/folder.svg?raw';
15
+ import panelsTopLeftSvg from './icons/panels-top-left.svg?raw';
16
+ import sdocsSvg from './icons/sdocs.svg?raw';
3
17
 
4
- const icons: Record<string, string> = {};
5
- for (const [path, raw] of Object.entries(modules)) {
6
- const key = path.replace('./icons/', '').replace('.svg', '');
7
- icons[key] = raw as string;
8
- }
18
+ const icons: Record<string, string> = {
19
+ 'bookmark': bookmarkSvg,
20
+ 'chevron-down': chevronDownSvg,
21
+ 'chevron-left': chevronLeftSvg,
22
+ 'chevron-right': chevronRightSvg,
23
+ 'chevron-up': chevronUpSvg,
24
+ 'code': codeSvg,
25
+ 'component': componentSvg,
26
+ 'copy': copySvg,
27
+ 'diamond': diamondSvg,
28
+ 'file-code': fileCodeSvg,
29
+ 'file-text': fileTextSvg,
30
+ 'folder-open': folderOpenSvg,
31
+ 'folder': folderSvg,
32
+ 'panels-top-left': panelsTopLeftSvg,
33
+ 'sdocs': sdocsSvg,
34
+ };
9
35
 
10
36
  /**
11
37
  * @cssvar {length} --w - Icon width (default: 24px)
@@ -6,7 +6,7 @@
6
6
  * Layer 2 — Semantic aliases (per-theme, use these in components)
7
7
  */
8
8
 
9
- :root {
9
+ .sdocs-app {
10
10
  /* zinc — Tailwind v4 zinc (oklch), 150-850 interpolated */
11
11
  --color-zinc-0: #fff;
12
12
  --color-zinc-50: oklch(0.985 0 0);
@@ -454,12 +454,12 @@
454
454
  --mono: 'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace;
455
455
  }
456
456
 
457
- body {
457
+ .sdocs-app {
458
458
  font-family: var(--sans);
459
459
  }
460
460
 
461
- :root,
462
- [data-sdocs-theme="light"] {
461
+ .sdocs-app,
462
+ .sdocs-app[data-sdocs-theme="light"] {
463
463
  /* base — layouts, backgrounds, surfaces, borders, text */
464
464
  --color-base-0: var(--color-zinc-0);
465
465
  --color-base-50: var(--color-zinc-50);
@@ -684,7 +684,7 @@ body {
684
684
  --color-action-950: var(--color-blue-950);
685
685
  }
686
686
 
687
- [data-sdocs-theme="dark"] {
687
+ .sdocs-app[data-sdocs-theme="dark"] {
688
688
  /* base — layouts, backgrounds, surfaces, borders, text (inverted) */
689
689
  --color-base-0: var(--color-zinc-1000);
690
690
  --color-base-50: var(--color-zinc-950);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sdocs",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "description": "A lightweight documentation tool for Svelte 5 components",
5
5
  "type": "module",
6
6
  "license": "MIT",