@refrakt-md/lumina 0.8.5 → 0.9.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 (80) hide show
  1. package/base.css +10 -0
  2. package/contracts/structures.json +92 -47
  3. package/index.css +20 -0
  4. package/package.json +6 -6
  5. package/styles/dimensions/checklist.css +81 -0
  6. package/styles/dimensions/density.css +51 -0
  7. package/styles/dimensions/media.css +62 -0
  8. package/styles/dimensions/metadata.css +161 -0
  9. package/styles/dimensions/sections.css +77 -0
  10. package/styles/dimensions/sequence.css +129 -0
  11. package/styles/dimensions/state.css +57 -0
  12. package/styles/dimensions/surfaces.css +88 -0
  13. package/styles/global.css +1 -1
  14. package/styles/layouts/docs.css +28 -2
  15. package/styles/layouts/split.css +159 -3
  16. package/styles/runes/accordion.css +1 -2
  17. package/styles/runes/annotate.css +0 -3
  18. package/styles/runes/api.css +0 -4
  19. package/styles/runes/audio.css +0 -3
  20. package/styles/runes/backlog.css +61 -0
  21. package/styles/runes/bento.css +4 -5
  22. package/styles/runes/blog.css +3 -7
  23. package/styles/runes/budget.css +3 -19
  24. package/styles/runes/bug.css +25 -0
  25. package/styles/runes/cast.css +0 -3
  26. package/styles/runes/character.css +5 -43
  27. package/styles/runes/chart.css +0 -2
  28. package/styles/runes/codegroup.css +2 -2
  29. package/styles/runes/compare.css +0 -1
  30. package/styles/runes/conversation.css +0 -1
  31. package/styles/runes/cta.css +6 -3
  32. package/styles/runes/datatable.css +0 -3
  33. package/styles/runes/decision-log.css +46 -0
  34. package/styles/runes/decision.css +21 -0
  35. package/styles/runes/design-context.css +0 -1
  36. package/styles/runes/details.css +0 -1
  37. package/styles/runes/diagram.css +0 -1
  38. package/styles/runes/diff.css +0 -1
  39. package/styles/runes/embed.css +0 -1
  40. package/styles/runes/event.css +0 -3
  41. package/styles/runes/faction.css +79 -48
  42. package/styles/runes/feature.css +10 -10
  43. package/styles/runes/figure.css +0 -3
  44. package/styles/runes/form.css +0 -1
  45. package/styles/runes/gallery.css +0 -1
  46. package/styles/runes/grid.css +0 -3
  47. package/styles/runes/hero.css +13 -4
  48. package/styles/runes/hint.css +0 -7
  49. package/styles/runes/howto.css +7 -18
  50. package/styles/runes/itinerary.css +0 -2
  51. package/styles/runes/juxtapose.css +0 -4
  52. package/styles/runes/lore.css +0 -20
  53. package/styles/runes/mediatext.css +0 -3
  54. package/styles/runes/milestone.css +106 -0
  55. package/styles/runes/mockup.css +0 -1
  56. package/styles/runes/organization.css +0 -3
  57. package/styles/runes/palette.css +0 -3
  58. package/styles/runes/plan-activity.css +87 -0
  59. package/styles/runes/plan-progress.css +69 -0
  60. package/styles/runes/playlist.css +101 -83
  61. package/styles/runes/plot.css +0 -23
  62. package/styles/runes/preview.css +9 -17
  63. package/styles/runes/pricing.css +4 -1
  64. package/styles/runes/realm.css +80 -46
  65. package/styles/runes/recipe.css +7 -89
  66. package/styles/runes/reveal.css +1 -4
  67. package/styles/runes/sandbox.css +0 -1
  68. package/styles/runes/spacing.css +0 -3
  69. package/styles/runes/spec.css +20 -0
  70. package/styles/runes/steps.css +4 -2
  71. package/styles/runes/storyboard.css +0 -3
  72. package/styles/runes/symbol.css +0 -39
  73. package/styles/runes/tabs.css +1 -4
  74. package/styles/runes/testimonial.css +0 -2
  75. package/styles/runes/textblock.css +0 -3
  76. package/styles/runes/toc.css +0 -1
  77. package/styles/runes/track.css +16 -5
  78. package/styles/runes/typography.css +0 -3
  79. package/styles/runes/work.css +35 -0
  80. package/styles/runes/xref.css +12 -0
package/styles/runes/sandbox.css CHANGED
@@ -1,6 +1,5 @@
1
1
  /* Sandbox — Isolated HTML/CSS/JS rendering via iframe */
2
2
  .rf-sandbox {
3
- margin: 1.5rem 0;
4
3
  border-radius: var(--rf-radius-md);
5
4
  overflow: hidden;
6
5
  }
package/styles/runes/spacing.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* Spacing — spacing scale, radii, and shadow display */
2
- .rf-spacing {
3
- margin: 1.5rem 0;
4
- }
5
2
  .rf-spacing__title {
6
3
  font-size: 1.125rem;
7
4
  font-weight: 600;
package/styles/runes/spec.css ADDED
@@ -0,0 +1,20 @@
1
+ /* Spec */
2
+ .rf-spec__body {
3
+ font-size: 0.925rem;
4
+ line-height: 1.65;
5
+ }
6
+ .rf-spec__body > header {
7
+ margin-bottom: 0.75rem;
8
+ }
9
+ .rf-spec__body > header h1,
10
+ .rf-spec__body > header h2,
11
+ .rf-spec__body > header h3 {
12
+ margin-top: 0;
13
+ }
14
+ .rf-spec__body blockquote {
15
+ border-left: 3px solid var(--rf-color-border);
16
+ padding: 0.5rem 1rem;
17
+ margin: 0.75rem 0;
18
+ font-style: italic;
19
+ color: var(--rf-color-muted);
20
+ }
package/styles/runes/steps.css CHANGED
@@ -1,9 +1,11 @@
1
1
  /* Steps */
2
2
  .rf-steps {
3
3
  counter-reset: step;
4
- margin: 1.5rem 0;
5
4
  }
6
- .rf-steps__header {
5
+ .rf-steps__preamble {
6
+ flex-direction: column;
7
+ align-items: flex-start;
8
+ gap: 0.25rem;
7
9
  margin-bottom: 1.5rem;
8
10
  }
9
11
  .rf-steps__eyebrow {
package/styles/runes/storyboard.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* Storyboard */
2
- .rf-storyboard {
3
- margin: 1.5rem 0;
4
- }
5
2
  .rf-storyboard__panels {
6
3
  display: grid;
7
4
  grid-template-columns: repeat(var(--sb-columns, 3), 1fr);
package/styles/runes/symbol.css CHANGED
@@ -1,45 +1,6 @@
1
1
  /* Symbol */
2
- .rf-symbol {
3
- margin: 1.5rem 0;
4
- }
5
2
  .rf-symbol__header {
6
- display: flex;
7
- align-items: center;
8
- gap: 0.5rem;
9
3
  padding: 0.5rem 0;
10
- flex-wrap: wrap;
11
- }
12
- .rf-symbol__kind-badge {
13
- font-size: 0.6875rem;
14
- font-weight: 700;
15
- text-transform: uppercase;
16
- letter-spacing: 0.05em;
17
- padding: 0.125rem 0.5rem;
18
- border-radius: var(--rf-radius-sm);
19
- color: var(--rf-color-primary);
20
- background: var(--rf-color-primary-bg, rgba(14, 165, 233, 0.1));
21
- }
22
- .rf-symbol__lang-badge {
23
- font-size: 0.6875rem;
24
- font-weight: 500;
25
- padding: 0.125rem 0.5rem;
26
- border-radius: var(--rf-radius-sm);
27
- color: var(--rf-color-muted);
28
- background: var(--rf-color-surface-active);
29
- }
30
- .rf-symbol__since-badge {
31
- font-size: 0.6875rem;
32
- color: var(--rf-color-success);
33
- background: var(--rf-color-success-bg);
34
- padding: 0.125rem 0.5rem;
35
- border-radius: var(--rf-radius-sm);
36
- }
37
- .rf-symbol__deprecated-badge {
38
- font-size: 0.6875rem;
39
- color: var(--rf-color-warning);
40
- background: var(--rf-color-warning-bg);
41
- padding: 0.125rem 0.5rem;
42
- border-radius: var(--rf-radius-sm);
43
4
  }
44
5
  .rf-symbol__source-link {
45
6
  margin-left: auto;
package/styles/runes/tabs.css CHANGED
@@ -1,8 +1,5 @@
1
1
  /* Tabs */
2
- .rf-tabs {
3
- margin: 1.5rem 0;
4
- }
5
- .rf-tabs__header {
2
+ .rf-tabs__preamble {
6
3
  margin-bottom: 1.5rem;
7
4
  }
8
5
  .rf-tabs__eyebrow {
package/styles/runes/testimonial.css CHANGED
@@ -1,9 +1,7 @@
1
1
  /* Testimonial */
2
2
  .rf-testimonial {
3
- border: 1px solid var(--rf-color-border);
4
3
  border-radius: var(--rf-radius-lg);
5
4
  padding: 1.75rem 2rem;
6
- margin: 1.5rem 0;
7
5
  background: var(--rf-color-surface);
8
6
  }
9
7
  .rf-testimonial__rating {
package/styles/runes/textblock.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* TextBlock */
2
- .rf-textblock {
3
- margin: 1.5rem 0;
4
- }
5
2
  .rf-textblock__body {
6
3
  display: block;
7
4
  }
package/styles/runes/toc.css CHANGED
@@ -4,7 +4,6 @@
4
4
  border-left: 3px solid var(--rf-color-primary);
5
5
  background: var(--rf-color-surface);
6
6
  border-radius: 0 var(--rf-radius-md) var(--rf-radius-md) 0;
7
- margin: 1.5rem 0;
8
7
  }
9
8
  .rf-toc__list {
10
9
  font-weight: 650;
package/styles/runes/track.css CHANGED
@@ -3,12 +3,12 @@
3
3
  display: flex;
4
4
  align-items: center;
5
5
  gap: 0.75rem;
6
- padding: 0.625rem 1.5rem;
6
+ padding: 0.75rem 1.25rem;
7
7
  transition: background 0.15s ease;
8
8
  counter-increment: track;
9
9
  }
10
10
  .rf-track + .rf-track {
11
- box-shadow: inset 0 1px 0 color-mix(in srgb, var(--rf-color-border) 50%, transparent);
11
+ border-top: 1px solid var(--rf-color-border);
12
12
  }
13
13
  .rf-track:hover {
14
14
  background: color-mix(in srgb, var(--rf-color-border) 15%, transparent);
@@ -34,29 +34,40 @@
34
34
  white-space: nowrap;
35
35
  }
36
36
 
37
- /* Artist — secondary text */
37
+ /* Artist — secondary text with dot separator */
38
38
  .rf-track__track-artist {
39
39
  font-size: 0.8125rem;
40
40
  color: var(--rf-color-muted);
41
41
  flex-shrink: 0;
42
42
  }
43
+ .rf-track__track-artist::before {
44
+ content: '\00b7';
45
+ margin-right: 0.5rem;
46
+ opacity: 0.5;
47
+ }
43
48
 
44
- /* Duration — right-aligned, tabular nums */
49
+ /* Duration — pushed right, tabular nums */
45
50
  .rf-track__track-duration {
46
51
  font-size: 0.8125rem;
47
52
  color: var(--rf-color-muted);
48
53
  font-variant-numeric: tabular-nums;
49
54
  flex-shrink: 0;
55
+ margin-left: auto;
50
56
  min-width: 3rem;
51
57
  text-align: right;
52
58
  }
53
59
 
54
- /* Meta (date etc.) */
60
+ /* Meta (date etc.) — dot separator */
55
61
  .rf-track__track-meta {
56
62
  font-size: 0.75rem;
57
63
  color: var(--rf-color-muted);
58
64
  flex-shrink: 0;
59
65
  }
66
+ .rf-track__track-meta::before {
67
+ content: '\00b7';
68
+ margin-right: 0.5rem;
69
+ opacity: 0.5;
70
+ }
60
71
 
61
72
  /* Description — full width below the row */
62
73
  .rf-track__track-description {
package/styles/runes/typography.css CHANGED
@@ -1,7 +1,4 @@
1
1
  /* Typography — font specimen display */
2
- .rf-typography {
3
- margin: 1.5rem 0;
4
- }
5
2
  .rf-typography__title {
6
3
  font-size: 1.125rem;
7
4
  font-weight: 600;
package/styles/runes/work.css ADDED
@@ -0,0 +1,35 @@
1
+ /* Work */
2
+ .rf-work__assignee-badge {
3
+ margin-left: auto;
4
+ }
5
+ .rf-work__assignee-badge::before { content: '@'; }
6
+ .rf-work__body {
7
+ font-size: 0.925rem;
8
+ line-height: 1.65;
9
+ }
10
+ .rf-work__body > header {
11
+ margin-bottom: 0.75rem;
12
+ }
13
+ .rf-work__body > header h1,
14
+ .rf-work__body > header h2,
15
+ .rf-work__body > header h3 {
16
+ margin-top: 0;
17
+ }
18
+ .rf-work__body > div > section {
19
+ margin-top: 1rem;
20
+ padding-top: 0.75rem;
21
+ border-top: 1px solid var(--rf-color-border);
22
+ }
23
+ .rf-work__body > div > section:first-child {
24
+ margin-top: 0.75rem;
25
+ }
26
+
27
+ /* Complexity dots */
28
+ .rf-work__complexity-badge::after {
29
+ margin-left: 0.25rem;
30
+ }
31
+ [data-complexity="trivial"] > .rf-work__header > .rf-work__complexity-badge::after { content: '●'; }
32
+ [data-complexity="simple"] > .rf-work__header > .rf-work__complexity-badge::after { content: '●●'; }
33
+ [data-complexity="moderate"] > .rf-work__header > .rf-work__complexity-badge::after { content: '●●●'; }
34
+ [data-complexity="complex"] > .rf-work__header > .rf-work__complexity-badge::after { content: '●●●●'; }
35
+ [data-complexity="unknown"] > .rf-work__header > .rf-work__complexity-badge::after { content: '?'; }
package/styles/runes/xref.css ADDED
@@ -0,0 +1,12 @@
1
+ /* Xref — inline cross-reference link */
2
+
3
+ .rf-xref {
4
+ /* Inherits normal link styling from the theme */
5
+ }
6
+
7
+ /* Unresolved reference */
8
+ .rf-xref--unresolved {
9
+ text-decoration: underline dashed;
10
+ color: var(--rf-color-text-muted);
11
+ cursor: help;
12
+ }