@netlify/spark-ui 1.20.1 → 1.21.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/packages/components/HeadingBlock.astro +1 -1
  3. package/skills/landing-page.md +11 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@netlify/spark-ui",
3
3
  "description": "Assets, design tokens, components, and utilities",
4
- "version": "1.20.1",
4
+ "version": "1.21.1",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
package/packages/components/HeadingBlock.astro CHANGED
@@ -21,7 +21,7 @@ const {
21
21
  id,
22
22
  eyebrow,
23
23
  heading,
24
- headingLevel = 2,
24
+ headingLevel = '2',
25
25
  headingMaxWidth,
26
26
  text,
27
27
  textMaxWidth,
package/skills/landing-page.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  Build a marketing landing page using Netlify Spark UI. Follow these guidelines strictly.
4
4
 
5
+ ## Template Reference
6
+
7
+ Before building, read the template pages under `docs/src/content/docs/templates/`. They contain complete, working examples of full landing pages and individual sections with recommended layouts and usage patterns:
8
+
9
+ - `docs/src/content/docs/templates/page.mdx` — Full landing page example showing a recommended section order and composition
10
+ - `docs/src/content/docs/templates/cards.mdx` — Cards section layout and usage patterns
11
+ - `docs/src/content/docs/templates/switchback.mdx` — Switchback section layout and usage patterns
12
+ - `docs/src/content/docs/templates/tabbed-content.mdx` — Tabbed content section layout and usage patterns
13
+
14
+ Treat these templates as the authoritative reference for structure and layout decisions. Where template examples differ from or extend the guidelines below, prefer the template.
15
+
5
16
  ## Page Structure
6
17
 
7
18
  Wrap every section in `<PageSection>` (props: `spaceTop`, `spaceBottom`, `theme`). Use this order (include only what fits the request):