From 9d985227208e305b8e4fd0539bf885e72be74a62 Mon Sep 17 00:00:00 2001 From: Devin Michael Date: Tue, 8 Sep 2026 09:57:15 +0700 Subject: [PATCH] Release 1.4.0: Theme Settings > Style token-shaped settings Promote the Unreleased entry to 1.4.0 and bump the three version markers (manifest.json, README.md, CLAUDE.md). No CSS or template change since #57; assets/main.css is unchanged and the drift gate confirms it. Co-Authored-By: Claude Fable 5.1 --- CHANGELOG.md | 2 +- CLAUDE.md | 2 +- README.md | 2 +- manifest.json | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0c0357b..b4ac5fc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,7 +4,7 @@ All notable public Spark changes should be recorded here. Spark follows human-readable release notes rather than a package-manager version contract. The release version is stored in `manifest.json` and mirrored in [README.md](README.md) and `CLAUDE.md`. When releasing, update all three version markers, add a dated changelog section, and publish a Git tag or GitHub release when the repo is ready for external consumers to pin versions. -## Unreleased +## 1.4.0 - 2026-09-08 - Theme Settings > Style gained nine token-shaped settings: Layout holds `body_bg_color`, `border_color`, `radius_control`, `radius_card`, `section_padding`, `content_gap` and `container_max_width`; Type Scale holds `heading_scale` and `body_size`. `layouts/base.html` bridges them into `:root` with the same guarded pattern the font and colour settings use (noun-first properties such as `--control-radius` and `--section-padding-y`), and `css/input.css` registers namespace-first `@theme` keys that read them with today's values as fallbacks (`--radius-control: var(--control-radius, 4px)`); the names differ on purpose, because a key that reads a property of its own name is a self-reference and the bridge disconnects. The default option of `section_padding`, `content_gap`, `heading_scale` and `body_size` emits nothing. Component rules now read the bridge directly: body background and font-size, `.btn` radius, `.btn-secondary` and `.product-card-bordered` border colour, `.container` max-width, `.product-card` radius (with `overflow: hidden` so a rounded card clips its image), and the `.product-grid` / `.category-grid` gaps. In the six homepage sections the live branches swap design-decision literals for token utilities: `py-section-y md:py-section-y-md` on the four standard sections and `py-band-y md:py-band-y-md` on the promo band, `gap-content-md md:gap-content-lg` on the featured product columns, `text-display md:text-display-md` on the hero heading, `text-h1 md:text-h1-md` / `text-h2` / `text-h3` on the section headings, promo heading and featured product title, and `rounded-card` on the featured image and category tiles. Every `--text-*` key carries Tailwind's own line-height ratio, so the swap changes neither size nor leading. Placeholder and empty-state chrome stays literal because it signals missing configuration rather than the merchant-facing design language. A fixture render of the homepage before and after, at default settings, shows 0 computed-style differences and 0 differing pixels at 1280 and 375, for both a populated homepage and a fresh store rendering only `settings_data.json`. `tests/test_style_tokens.py` pins the fallbacks, the bridge conditions, the live-versus-placeholder split and the nine setting ids. `assets/main.css` grew from 48219 to 50298 bytes (#56). diff --git a/CLAUDE.md b/CLAUDE.md index b34a2f2..0bb7462 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -3,7 +3,7 @@ ## Overview Spark is a modern starter theme for Next Commerce storefronts. Tailwind CSS + vanilla JS. Clean, minimal commerce aesthetic. Intended to replace Intro Bootstrap as the default starter theme and become a product in its own right. -**Current version:** 1.3.0 +**Current version:** 1.4.0 **Repo:** `NextCommerceCo/spark` (public starter theme) **ntk config:** `config.yml` is gitignored and store-specific. Create it with `ntk init`; never commit store credentials. **Companion skill:** Use the [next-theme-dev skill](https://github.com/NextCommerceCo/skills/tree/main/next-theme-dev) for AI-assisted Spark, Intro Bootstrap, and custom Next Commerce theme work. diff --git a/README.md b/README.md index 2ef069e..3c27ff3 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ A modern starter theme for Next Commerce. Tailwind CSS v4, vanilla JS + Web Components, zero jQuery, zero Bootstrap, no bundler required. -**Current version:** 1.3.0 +**Current version:** 1.4.0 **Release status:** Public starter theme. Spark is installable on NEXT stores via `ntk` and is used for public-facing storefront builds. The theme is ready for theme developers to clone, inspect, adapt, and push to stores they control. diff --git a/manifest.json b/manifest.json index 6b1328e..5580e9e 100644 --- a/manifest.json +++ b/manifest.json @@ -1,4 +1,4 @@ { "name": "Spark", - "version": "1.3.0" + "version": "1.4.0" }