@refrakt-md/lumina 0.9.2 → 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 (31) hide show
  1. package/contracts/structures.json +17 -38
  2. package/dist/config.js +42 -42
  3. package/dist/config.js.map +1 -1
  4. package/package.json +4 -4
  5. package/styles/dimensions/density.css +22 -0
  6. package/styles/dimensions/metadata.css +2 -6
  7. package/styles/dimensions/sections.css +1 -1
  8. package/styles/dimensions/surfaces.css +5 -4
  9. package/styles/elements/blockquote.css +1 -1
  10. package/styles/elements/code.css +11 -0
  11. package/styles/elements/table.css +14 -8
  12. package/styles/global.css +1 -1
  13. package/styles/layouts/default.css +7 -0
  14. package/styles/runes/api.css +11 -54
  15. package/styles/runes/bond.css +3 -3
  16. package/styles/runes/budget.css +22 -8
  17. package/styles/runes/chart.css +1 -0
  18. package/styles/runes/codegroup.css +14 -5
  19. package/styles/runes/design-context.css +13 -16
  20. package/styles/runes/details.css +3 -8
  21. package/styles/runes/diff.css +3 -2
  22. package/styles/runes/event.css +2 -23
  23. package/styles/runes/form.css +4 -1
  24. package/styles/runes/hint.css +3 -0
  25. package/styles/runes/lore.css +0 -10
  26. package/styles/runes/milestone.css +13 -5
  27. package/styles/runes/preview.css +5 -1
  28. package/styles/runes/testimonial.css +5 -2
  29. package/styles/runes/tint.css +59 -57
  30. package/tokens/base.css +48 -48
  31. package/tokens/dark.css +72 -72
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);