@refrakt-md/lumina 0.9.1 → 0.9.3

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 (39) hide show
  1. package/contracts/structures.json +19 -40
  2. package/dist/config.js +42 -42
  3. package/dist/config.js.map +1 -1
  4. package/layouts/index.ts +13 -0
  5. package/package.json +10 -35
  6. package/styles/dimensions/density.css +22 -0
  7. package/styles/dimensions/metadata.css +2 -6
  8. package/styles/dimensions/sections.css +1 -1
  9. package/styles/dimensions/surfaces.css +5 -4
  10. package/styles/elements/blockquote.css +1 -1
  11. package/styles/elements/code.css +11 -0
  12. package/styles/elements/table.css +14 -8
  13. package/styles/global.css +1 -1
  14. package/styles/layouts/default.css +7 -0
  15. package/styles/runes/api.css +11 -54
  16. package/styles/runes/bond.css +3 -3
  17. package/styles/runes/budget.css +22 -8
  18. package/styles/runes/chart.css +1 -0
  19. package/styles/runes/codegroup.css +14 -5
  20. package/styles/runes/design-context.css +13 -16
  21. package/styles/runes/details.css +3 -8
  22. package/styles/runes/diff.css +3 -2
  23. package/styles/runes/event.css +2 -23
  24. package/styles/runes/form.css +4 -1
  25. package/styles/runes/gallery.css +1 -0
  26. package/styles/runes/hint.css +3 -0
  27. package/styles/runes/lore.css +0 -10
  28. package/styles/runes/milestone.css +13 -5
  29. package/styles/runes/preview.css +5 -1
  30. package/styles/runes/testimonial.css +5 -2
  31. package/styles/runes/tint.css +59 -57
  32. package/tokens/base.css +48 -48
  33. package/tokens/dark.css +72 -72
  34. package/html/index.ts +0 -28
  35. package/svelte/elements.ts +0 -1
  36. package/svelte/index.ts +0 -37
  37. package/svelte/manifest.json +0 -17
  38. package/svelte/registry.ts +0 -2
  39. package/svelte/tokens.css +0 -6
package/tokens/dark.css CHANGED
@@ -1,47 +1,47 @@
1
1
  /* Lumina Theme — Dark Mode Token Overrides */
2
2
 
3
3
  [data-theme="dark"] {
4
- --rf-color-text: #e2e8f0;
5
- --rf-color-muted: #94a3b8;
6
- --rf-color-border: rgba(255, 255, 255, 0.1);
7
- --rf-color-bg: #0c1222;
8
- --rf-color-primary: #38bdf8;
9
- --rf-color-primary-hover: #7dd3fc;
4
+ --rf-color-text: #f1faee;
5
+ --rf-color-muted: #a8dadc;
6
+ --rf-color-border: rgba(168, 218, 220, 0.15);
7
+ --rf-color-bg: #152238;
8
+ --rf-color-primary: #70b4c0;
9
+ --rf-color-primary-hover: #a8dadc;
10
10
 
11
- --rf-color-surface: #0f172a;
12
- --rf-color-surface-hover: #1e293b;
13
- --rf-color-surface-active: #334155;
14
- --rf-color-surface-raised: #1e293b;
11
+ --rf-color-surface: #1a2940;
12
+ --rf-color-surface-hover: #203048;
13
+ --rf-color-surface-active: #263850;
14
+ --rf-color-surface-raised: #1a2940;
15
15
 
16
- --rf-color-info: #60a5fa;
17
- --rf-color-info-bg: rgba(59, 130, 246, 0.1);
18
- --rf-color-info-border: rgba(59, 130, 246, 0.3);
19
- --rf-color-warning: #fbbf24;
20
- --rf-color-warning-bg: rgba(245, 158, 11, 0.1);
21
- --rf-color-warning-border: rgba(245, 158, 11, 0.3);
22
- --rf-color-danger: #f87171;
23
- --rf-color-danger-bg: rgba(239, 68, 68, 0.1);
24
- --rf-color-danger-border: rgba(239, 68, 68, 0.3);
25
- --rf-color-success: #34d399;
26
- --rf-color-success-bg: rgba(16, 185, 129, 0.1);
27
- --rf-color-success-border: rgba(16, 185, 129, 0.3);
16
+ --rf-color-info: #a8dadc;
17
+ --rf-color-info-bg: rgba(69, 123, 157, 0.12);
18
+ --rf-color-info-border: rgba(69, 123, 157, 0.3);
19
+ --rf-color-warning: #e8c07a;
20
+ --rf-color-warning-bg: rgba(200, 144, 10, 0.12);
21
+ --rf-color-warning-border: rgba(200, 144, 10, 0.3);
22
+ --rf-color-danger: #f07078;
23
+ --rf-color-danger-bg: rgba(230, 57, 70, 0.12);
24
+ --rf-color-danger-border: rgba(230, 57, 70, 0.3);
25
+ --rf-color-success: #72c098;
26
+ --rf-color-success-bg: rgba(61, 143, 101, 0.12);
27
+ --rf-color-success-border: rgba(61, 143, 101, 0.3);
28
28
 
29
- --rf-color-code-bg: #0f172a;
30
- --rf-color-code-text: #e2e8f0;
31
- --rf-color-inline-code-bg: rgba(255, 255, 255, 0.08);
29
+ --rf-color-code-bg: #152238;
30
+ --rf-color-code-text: #f1faee;
31
+ --rf-color-inline-code-bg: rgba(168, 218, 220, 0.08);
32
32
 
33
33
  /* Syntax highlighting (Shiki CSS variables) */
34
- --shiki-foreground: var(--rf-color-code-text);
35
- --shiki-background: var(--rf-color-code-bg);
36
- --shiki-token-keyword: #c792ea;
37
- --shiki-token-string: #c3e88d;
38
- --shiki-token-string-expression: #c3e88d;
39
- --shiki-token-constant: #f78c6c;
40
- --shiki-token-comment: #637777;
41
- --shiki-token-function: #82aaff;
42
- --shiki-token-parameter: #d6deeb;
43
- --shiki-token-punctuation: #89ddff;
44
- --shiki-token-link: #82aaff;
34
+ --shiki-foreground: #f1faee;
35
+ --shiki-background: #0c162a;
36
+ --shiki-token-keyword: #f2cc8f;
37
+ --shiki-token-string: #a8dadc;
38
+ --shiki-token-string-expression: #a8dadc;
39
+ --shiki-token-constant: #e8c07a;
40
+ --shiki-token-comment: #5a7a90;
41
+ --shiki-token-function: #a8dadc;
42
+ --shiki-token-parameter: #b8d6e2;
43
+ --shiki-token-punctuation: #70b4c0;
44
+ --shiki-token-link: #a8dadc;
45
45
 
46
46
  --rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
47
47
  --rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
@@ -52,47 +52,47 @@
52
52
  /* Auto dark mode via system preference */
53
53
  @media (prefers-color-scheme: dark) {
54
54
  :root:not([data-theme="light"]) {
55
- --rf-color-text: #e2e8f0;
56
- --rf-color-muted: #94a3b8;
57
- --rf-color-border: rgba(255, 255, 255, 0.1);
58
- --rf-color-bg: #0c1222;
59
- --rf-color-primary: #38bdf8;
60
- --rf-color-primary-hover: #7dd3fc;
55
+ --rf-color-text: #f1faee;
56
+ --rf-color-muted: #a8dadc;
57
+ --rf-color-border: rgba(168, 218, 220, 0.15);
58
+ --rf-color-bg: #152238;
59
+ --rf-color-primary: #70b4c0;
60
+ --rf-color-primary-hover: #a8dadc;
61
61
 
62
- --rf-color-surface: #0f172a;
63
- --rf-color-surface-hover: #1e293b;
64
- --rf-color-surface-active: #334155;
65
- --rf-color-surface-raised: #1e293b;
62
+ --rf-color-surface: #1a2940;
63
+ --rf-color-surface-hover: #203048;
64
+ --rf-color-surface-active: #263850;
65
+ --rf-color-surface-raised: #1a2940;
66
66
 
67
- --rf-color-info: #60a5fa;
68
- --rf-color-info-bg: rgba(59, 130, 246, 0.1);
69
- --rf-color-info-border: rgba(59, 130, 246, 0.3);
70
- --rf-color-warning: #fbbf24;
71
- --rf-color-warning-bg: rgba(245, 158, 11, 0.1);
72
- --rf-color-warning-border: rgba(245, 158, 11, 0.3);
73
- --rf-color-danger: #f87171;
74
- --rf-color-danger-bg: rgba(239, 68, 68, 0.1);
75
- --rf-color-danger-border: rgba(239, 68, 68, 0.3);
76
- --rf-color-success: #34d399;
77
- --rf-color-success-bg: rgba(16, 185, 129, 0.1);
78
- --rf-color-success-border: rgba(16, 185, 129, 0.3);
67
+ --rf-color-info: #a8dadc;
68
+ --rf-color-info-bg: rgba(69, 123, 157, 0.12);
69
+ --rf-color-info-border: rgba(69, 123, 157, 0.3);
70
+ --rf-color-warning: #e8c07a;
71
+ --rf-color-warning-bg: rgba(200, 144, 10, 0.12);
72
+ --rf-color-warning-border: rgba(200, 144, 10, 0.3);
73
+ --rf-color-danger: #f07078;
74
+ --rf-color-danger-bg: rgba(230, 57, 70, 0.12);
75
+ --rf-color-danger-border: rgba(230, 57, 70, 0.3);
76
+ --rf-color-success: #72c098;
77
+ --rf-color-success-bg: rgba(61, 143, 101, 0.12);
78
+ --rf-color-success-border: rgba(61, 143, 101, 0.3);
79
79
 
80
- --rf-color-code-bg: #0f172a;
81
- --rf-color-code-text: #e2e8f0;
82
- --rf-color-inline-code-bg: rgba(255, 255, 255, 0.08);
80
+ --rf-color-code-bg: #152238;
81
+ --rf-color-code-text: #f1faee;
82
+ --rf-color-inline-code-bg: rgba(168, 218, 220, 0.08);
83
83
 
84
84
  /* Syntax highlighting (Shiki CSS variables) */
85
- --shiki-foreground: var(--rf-color-code-text);
86
- --shiki-background: var(--rf-color-code-bg);
87
- --shiki-token-keyword: #c792ea;
88
- --shiki-token-string: #c3e88d;
89
- --shiki-token-string-expression: #c3e88d;
90
- --shiki-token-constant: #f78c6c;
91
- --shiki-token-comment: #637777;
92
- --shiki-token-function: #82aaff;
93
- --shiki-token-parameter: #d6deeb;
94
- --shiki-token-punctuation: #89ddff;
95
- --shiki-token-link: #82aaff;
85
+ --shiki-foreground: #f1faee;
86
+ --shiki-background: #0c162a;
87
+ --shiki-token-keyword: #f2cc8f;
88
+ --shiki-token-string: #a8dadc;
89
+ --shiki-token-string-expression: #a8dadc;
90
+ --shiki-token-constant: #e8c07a;
91
+ --shiki-token-comment: #5a7a90;
92
+ --shiki-token-function: #a8dadc;
93
+ --shiki-token-parameter: #b8d6e2;
94
+ --shiki-token-punctuation: #70b4c0;
95
+ --shiki-token-link: #a8dadc;
96
96
 
97
97
  --rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
98
98
  --rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
package/html/index.ts DELETED
@@ -1,28 +0,0 @@
1
- import type { HtmlTheme } from '@refrakt-md/html';
2
- import manifest from '../manifest.json';
3
- import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
4
-
5
- // Layout region metadata from the base theme manifest
6
- const layoutRegions: Record<string, { regions: string[]; requiredRegions?: string[] }> = {
7
- default: { regions: ['header', 'footer'] },
8
- docs: { regions: ['header', 'nav', 'sidebar', 'footer'], requiredRegions: ['nav'] },
9
- 'blog-article': { regions: ['header', 'sidebar', 'footer'] },
10
- };
11
-
12
- const layouts: Record<string, any> = {};
13
- for (const [name, def] of Object.entries(manifest.layouts)) {
14
- layouts[name] = { ...layoutRegions[name], ...def };
15
- }
16
-
17
- const mergedManifest = { ...manifest, layouts };
18
-
19
- export { mergedManifest as manifest };
20
-
21
- export const theme: HtmlTheme = {
22
- manifest: mergedManifest as any,
23
- layouts: {
24
- default: defaultLayout,
25
- docs: docsLayout,
26
- 'blog-article': blogArticleLayout,
27
- },
28
- };
package/svelte/elements.ts DELETED
@@ -1 +0,0 @@
1
- export { elements } from '@refrakt-md/svelte';
package/svelte/index.ts DELETED
@@ -1,37 +0,0 @@
1
- import type { SvelteTheme } from '@refrakt-md/svelte';
2
- import adapterManifest from './manifest.json';
3
- import { registry } from './registry.js';
4
- import { elements } from './elements.js';
5
- import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
6
-
7
- // Layout region metadata from the base theme manifest (packages/lumina/manifest.json).
8
- // Merged with adapter manifest component paths to produce full LayoutDefinitions.
9
- const layoutRegions: Record<string, { regions: string[]; requiredRegions?: string[] }> = {
10
- default: { regions: ['header', 'footer'] },
11
- docs: { regions: ['header', 'nav', 'sidebar', 'footer'], requiredRegions: ['nav'] },
12
- 'blog-article': { regions: ['header', 'sidebar', 'footer'] },
13
- };
14
-
15
- const layouts: Record<string, any> = {};
16
- for (const [name, adapter] of Object.entries(adapterManifest.layouts)) {
17
- layouts[name] = { ...layoutRegions[name], ...adapter };
18
- }
19
-
20
- const manifest = { ...adapterManifest, layouts };
21
-
22
- /** Re-export the merged manifest for server-side use (no Svelte imports) */
23
- export { manifest };
24
-
25
- /** The structured theme object consumed by ThemeShell */
26
- export const theme: SvelteTheme = {
27
- manifest: manifest as any,
28
- layouts: {
29
- default: defaultLayout,
30
- docs: docsLayout,
31
- 'blog-article': blogArticleLayout,
32
- },
33
- components: registry,
34
- elements,
35
- };
36
-
37
- export { registry };
package/svelte/manifest.json DELETED
@@ -1,17 +0,0 @@
1
- {
2
- "name": "lumina",
3
- "version": "0.1.0",
4
- "description": "A clean, light documentation theme for refrakt.md",
5
- "target": "svelte",
6
- "designTokens": "tokens.css",
7
-
8
- "layouts": {
9
- "default": {},
10
- "docs": {},
11
- "blog": {}
12
- },
13
-
14
- "components": {},
15
-
16
- "unsupportedRuneBehavior": "passthrough"
17
- }
package/svelte/registry.ts DELETED
@@ -1,2 +0,0 @@
1
- // Re-export base registry — lumina uses the same interactive components
2
- export { registry } from '@refrakt-md/svelte';
package/svelte/tokens.css DELETED
@@ -1,6 +0,0 @@
1
- /* ──────────────────────────────────────────────
2
- Lumina Theme — Token Bridge
3
- Imports identity tokens + global styles (--rf-* prefix).
4
- ────────────────────────────────────────────── */
5
-
6
- @import '../index.css';