@refrakt-md/lumina 0.4.0 → 0.5.1
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.
- package/base.css +18 -0
- package/contracts/structures.json +1360 -3
- package/dist/config.d.ts +2 -3
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js +6 -229
- package/dist/config.js.map +1 -1
- package/dist/icons.d.ts +3 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +86 -0
- package/dist/icons.js.map +1 -0
- package/dist/transform.d.ts +2 -0
- package/dist/transform.d.ts.map +1 -1
- package/dist/transform.js +2 -0
- package/dist/transform.js.map +1 -1
- package/index.css +12 -0
- package/package.json +18 -11
- package/styles/elements/blockquote.css +8 -4
- package/styles/elements/code.css +40 -0
- package/styles/global.css +0 -7
- package/styles/layouts/blog.css +267 -0
- package/styles/layouts/default.css +26 -6
- package/styles/layouts/docs.css +84 -18
- package/styles/layouts/mobile.css +84 -0
- package/styles/runes/bento.css +2 -0
- package/styles/runes/codegroup.css +7 -2
- package/styles/runes/design-context.css +25 -0
- package/styles/runes/feature.css +30 -14
- package/styles/runes/form.css +1 -2
- package/styles/runes/grid.css +25 -7
- package/styles/runes/hero.css +15 -0
- package/styles/runes/map.css +113 -0
- package/styles/runes/palette.css +91 -0
- package/styles/runes/preview.css +188 -0
- package/styles/runes/sandbox.css +23 -0
- package/styles/runes/spacing.css +110 -0
- package/styles/runes/steps.css +21 -3
- package/styles/runes/swatch.css +28 -0
- package/styles/runes/symbol.css +164 -0
- package/styles/runes/tabs.css +6 -0
- package/styles/runes/testimonial.css +2 -3
- package/styles/runes/timeline.css +43 -24
- package/styles/runes/typography.css +104 -0
- package/svelte/elements.ts +1 -0
- package/{sveltekit → svelte}/index.ts +0 -8
- package/svelte/layouts/BlogLayout.svelte +173 -0
- package/svelte/layouts/DefaultLayout.svelte +67 -0
- package/svelte/layouts/DocsLayout.svelte +155 -0
- package/{sveltekit → svelte}/manifest.json +1 -1
- package/svelte/registry.ts +2 -0
- package/svelte/tokens.css +6 -0
- package/dist/lib/engine.d.ts +0 -13
- package/dist/lib/engine.d.ts.map +0 -1
- package/dist/lib/engine.js +0 -218
- package/dist/lib/engine.js.map +0 -1
- package/dist/lib/helpers.d.ts +0 -14
- package/dist/lib/helpers.d.ts.map +0 -1
- package/dist/lib/helpers.js +0 -26
- package/dist/lib/helpers.js.map +0 -1
- package/dist/lib/types.d.ts +0 -74
- package/dist/lib/types.d.ts.map +0 -1
- package/dist/lib/types.js +0 -2
- package/dist/lib/types.js.map +0 -1
- package/sveltekit/components/Accordion.svelte +0 -26
- package/sveltekit/components/Bento.svelte +0 -50
- package/sveltekit/components/Chart.svelte +0 -121
- package/sveltekit/components/CodeGroup.svelte +0 -88
- package/sveltekit/components/Comparison.svelte +0 -209
- package/sveltekit/components/DataTable.svelte +0 -154
- package/sveltekit/components/Details.svelte +0 -23
- package/sveltekit/components/Diagram.svelte +0 -45
- package/sveltekit/components/Embed.svelte +0 -36
- package/sveltekit/components/Form.svelte +0 -194
- package/sveltekit/components/Grid.svelte +0 -42
- package/sveltekit/components/Nav.svelte +0 -62
- package/sveltekit/components/Pricing.svelte +0 -20
- package/sveltekit/components/Reveal.svelte +0 -62
- package/sveltekit/components/Storyboard.svelte +0 -41
- package/sveltekit/components/Tabs.svelte +0 -75
- package/sveltekit/components/Testimonial.svelte +0 -26
- package/sveltekit/elements/Blockquote.svelte +0 -37
- package/sveltekit/elements/Pre.svelte +0 -77
- package/sveltekit/elements/Table.svelte +0 -40
- package/sveltekit/elements.ts +0 -11
- package/sveltekit/layouts/BlogLayout.svelte +0 -382
- package/sveltekit/layouts/DefaultLayout.svelte +0 -70
- package/sveltekit/layouts/DocsLayout.svelte +0 -133
- package/sveltekit/registry.ts +0 -59
- package/sveltekit/tokens.css +0 -71
package/sveltekit/registry.ts
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import type { ComponentRegistry } from '@refrakt-md/svelte';
|
|
2
|
-
import Tabs from './components/Tabs.svelte';
|
|
3
|
-
import DataTable from './components/DataTable.svelte';
|
|
4
|
-
import Diagram from './components/Diagram.svelte';
|
|
5
|
-
import Reveal from './components/Reveal.svelte';
|
|
6
|
-
import Form from './components/Form.svelte';
|
|
7
|
-
import Nav from './components/Nav.svelte';
|
|
8
|
-
import Accordion from './components/Accordion.svelte';
|
|
9
|
-
import Details from './components/Details.svelte';
|
|
10
|
-
import Chart from './components/Chart.svelte';
|
|
11
|
-
import Grid from './components/Grid.svelte';
|
|
12
|
-
import Comparison from './components/Comparison.svelte';
|
|
13
|
-
import Pricing from './components/Pricing.svelte';
|
|
14
|
-
import Testimonial from './components/Testimonial.svelte';
|
|
15
|
-
import Embed from './components/Embed.svelte';
|
|
16
|
-
import Storyboard from './components/Storyboard.svelte';
|
|
17
|
-
import Bento from './components/Bento.svelte';
|
|
18
|
-
import CodeGroup from './components/CodeGroup.svelte';
|
|
19
|
-
|
|
20
|
-
/** Maps typeof attribute values to Lumina theme Svelte components.
|
|
21
|
-
* Components registered here handle interactive behavior, complex data
|
|
22
|
-
* rendering, or dynamic layouts. All other runes use the generic Renderer
|
|
23
|
-
* path with BEM classes applied by the identity transform.
|
|
24
|
-
*/
|
|
25
|
-
export const registry: ComponentRegistry = {
|
|
26
|
-
// Interactive
|
|
27
|
-
'CodeGroup': CodeGroup,
|
|
28
|
-
'TabGroup': Tabs,
|
|
29
|
-
'Tab': Tabs,
|
|
30
|
-
'DataTable': DataTable,
|
|
31
|
-
'Form': Form,
|
|
32
|
-
'FormField': Form,
|
|
33
|
-
'Reveal': Reveal,
|
|
34
|
-
'RevealStep': Reveal,
|
|
35
|
-
'Diagram': Diagram,
|
|
36
|
-
'Nav': Nav,
|
|
37
|
-
'NavGroup': Nav,
|
|
38
|
-
'NavItem': Nav,
|
|
39
|
-
'Accordion': Accordion,
|
|
40
|
-
'AccordionItem': Accordion,
|
|
41
|
-
'Details': Details,
|
|
42
|
-
// Complex data rendering
|
|
43
|
-
'Chart': Chart,
|
|
44
|
-
'Comparison': Comparison,
|
|
45
|
-
'ComparisonColumn': Comparison,
|
|
46
|
-
'ComparisonRow': Comparison,
|
|
47
|
-
// Dynamic layout
|
|
48
|
-
'Grid': Grid,
|
|
49
|
-
'Storyboard': Storyboard,
|
|
50
|
-
'StoryboardPanel': Storyboard,
|
|
51
|
-
'Bento': Bento,
|
|
52
|
-
'BentoCell': Bento,
|
|
53
|
-
'Embed': Embed,
|
|
54
|
-
// Rendering logic
|
|
55
|
-
'Pricing': Pricing,
|
|
56
|
-
'Tier': Pricing,
|
|
57
|
-
'FeaturedTier': Pricing,
|
|
58
|
-
'Testimonial': Testimonial,
|
|
59
|
-
};
|
package/sveltekit/tokens.css
DELETED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/* ──────────────────────────────────────────────
|
|
2
|
-
Lumina Theme — Token Bridge
|
|
3
|
-
Imports identity tokens + global styles (--rf-* prefix),
|
|
4
|
-
then aliases legacy --* names for existing components.
|
|
5
|
-
────────────────────────────────────────────── */
|
|
6
|
-
|
|
7
|
-
@import '../index.css';
|
|
8
|
-
|
|
9
|
-
:root {
|
|
10
|
-
/* Typography */
|
|
11
|
-
--font-sans: var(--rf-font-sans);
|
|
12
|
-
--font-mono: var(--rf-font-mono);
|
|
13
|
-
|
|
14
|
-
/* Primary scale */
|
|
15
|
-
--color-primary-50: var(--rf-color-primary-50);
|
|
16
|
-
--color-primary-100: var(--rf-color-primary-100);
|
|
17
|
-
--color-primary-200: var(--rf-color-primary-200);
|
|
18
|
-
--color-primary-300: var(--rf-color-primary-300);
|
|
19
|
-
--color-primary-400: var(--rf-color-primary-400);
|
|
20
|
-
--color-primary-500: var(--rf-color-primary-500);
|
|
21
|
-
--color-primary-600: var(--rf-color-primary-600);
|
|
22
|
-
--color-primary-700: var(--rf-color-primary-700);
|
|
23
|
-
--color-primary-800: var(--rf-color-primary-800);
|
|
24
|
-
--color-primary-900: var(--rf-color-primary-900);
|
|
25
|
-
--color-primary-950: var(--rf-color-primary-950);
|
|
26
|
-
|
|
27
|
-
/* Core palette */
|
|
28
|
-
--color-text: var(--rf-color-text);
|
|
29
|
-
--color-muted: var(--rf-color-muted);
|
|
30
|
-
--color-border: var(--rf-color-border);
|
|
31
|
-
--color-bg: var(--rf-color-bg);
|
|
32
|
-
--color-primary: var(--rf-color-primary);
|
|
33
|
-
--color-primary-hover: var(--rf-color-primary-hover);
|
|
34
|
-
|
|
35
|
-
/* Surfaces */
|
|
36
|
-
--color-surface: var(--rf-color-surface);
|
|
37
|
-
--color-surface-hover: var(--rf-color-surface-hover);
|
|
38
|
-
--color-surface-active: var(--rf-color-surface-active);
|
|
39
|
-
--color-surface-raised: var(--rf-color-surface-raised);
|
|
40
|
-
|
|
41
|
-
/* Semantic */
|
|
42
|
-
--color-info: var(--rf-color-info);
|
|
43
|
-
--color-info-bg: var(--rf-color-info-bg);
|
|
44
|
-
--color-info-border: var(--rf-color-info-border);
|
|
45
|
-
--color-warning: var(--rf-color-warning);
|
|
46
|
-
--color-warning-bg: var(--rf-color-warning-bg);
|
|
47
|
-
--color-warning-border: var(--rf-color-warning-border);
|
|
48
|
-
--color-danger: var(--rf-color-danger);
|
|
49
|
-
--color-danger-bg: var(--rf-color-danger-bg);
|
|
50
|
-
--color-danger-border: var(--rf-color-danger-border);
|
|
51
|
-
--color-success: var(--rf-color-success);
|
|
52
|
-
--color-success-bg: var(--rf-color-success-bg);
|
|
53
|
-
--color-success-border: var(--rf-color-success-border);
|
|
54
|
-
|
|
55
|
-
/* Radii */
|
|
56
|
-
--radius-sm: var(--rf-radius-sm);
|
|
57
|
-
--radius-md: var(--rf-radius-md);
|
|
58
|
-
--radius-lg: var(--rf-radius-lg);
|
|
59
|
-
--radius-full: var(--rf-radius-full);
|
|
60
|
-
|
|
61
|
-
/* Shadows */
|
|
62
|
-
--shadow-xs: var(--rf-shadow-xs);
|
|
63
|
-
--shadow-sm: var(--rf-shadow-sm);
|
|
64
|
-
--shadow-md: var(--rf-shadow-md);
|
|
65
|
-
--shadow-lg: var(--rf-shadow-lg);
|
|
66
|
-
|
|
67
|
-
/* Code block */
|
|
68
|
-
--color-code-bg: var(--rf-color-code-bg);
|
|
69
|
-
--color-code-text: var(--rf-color-code-text);
|
|
70
|
-
--color-inline-code-bg: var(--rf-color-inline-code-bg);
|
|
71
|
-
}
|