@dloizides/marketing-astro-kit 1.3.1 → 1.4.0

package/src/a11y.css

@@ -0,0 +1,22 @@
+/* Minimum touch-target floor for every interactive box in this kit.
+ *
+ * SOURCE OF TRUTH: `MIN_TARGET_PX` in @dloizides/ui-layout
+ * (v1.27.0, src/constants.ts:134). It is re-declared here as a CSS custom
+ * property rather than imported, deliberately:
+ *
+ *   1. ui-layout is a React Native / RN-web package. Its peer dependencies are
+ *      react, react-dom, react-native, react-native-svg and three more
+ *      @dloizides UI packages. This kit is a zero-dependency static Astro
+ *      source distribution (one peer: astro). Pulling that stack in for one
+ *      integer is the wrong trade.
+ *   2. A CSS `min-height` cannot read a JS constant anyway. The value has to
+ *      exist as CSS somewhere, so the only question is how many times — and
+ *      this file is the one place.
+ *
+ * Keep the two in sync: if ui-layout's MIN_TARGET_PX changes, change this.
+ * A host may RAISE this (e.g. a touch-heavy kiosk build); it must never lower
+ * it below 44px, which is the WCAG 2.2 AA target-size floor.
+ */
+:root {
+  --tmk-min-target: 44px;
+}

package/src/heroBackdrop/presets.ts

@@ -93,32 +93,41 @@ export const HERO_BACKDROP_PRESETS: Record<HeroBackdropPresetName, HeroBackdropP
   /**
    * CSDF's shipped backdrop, exported from the studio verbatim.
    *
-   * Read `count: 40` before judging this against `ember-high`. It is High's
-   * CSS intensity and High's `size`/`drift` feel on a deliberately SPARSE
-   * field — an eighth of the 320-particle default. Per-frame cost is dominated
-   * by the sprite draw loop, so the sparse field is what makes a canvas
-   * backdrop defensible on a site with a hard Lighthouse >= 80 budget.
-   * A `focus` of 0.85 flattens the column into a wider sheet to compensate,
-   * and the longer `life` (1.7) keeps each of the few sprites on screen longer.
+   * The id still says `sparse`; the field is no longer sparse in the original
+   * sense. `count` was raised 40 -> 110 (still about a third of the 320-particle
+   * default), and the cost of that is paid back everywhere else: the CSS layer
+   * dropped from the High intensity triplet to `CSS_MED`, `alpha` fell to 0.44,
+   * and `rise` fell from 2.6 to 0.68 so sprites drift rather than shoot. The
+   * result is a slow, wide, low-contrast bed of embers instead of a few fast
+   * bright ones. A `life` of 2.5 keeps each sprite alive long enough for that
+   * slow rise to read, and `bloomA: 2` puts the extra glow in the static base
+   * bloom -- one cheap gradient -- rather than in more sprites.
+   *
+   * The NAME is deliberately unchanged. `HeroBackdropPresetName` is this
+   * package's published public API and `CsdfSite.astro` indexes
+   * `HERO_BACKDROP_PRESETS[...]` directly with no undefined fallback, so a
+   * rename is a breaking change that blanks the hero for any consumer that
+   * updates the app before the package. Read `sparse` as "the CSDF one",
+   * historical, and trust the numbers below.
    */
   'csdf-ember-sparse': {
     variant: 'ember',
     engine: 'canvas',
-    label: 'CSDF ember — sparse column, high intensity',
+    label: 'CSDF ember — wide slow column, medium intensity',
     palette: EMBER_PALETTE,
-    css: { amp: 1.34, spd: 0.72, bri: 1.3, blurk: 0.82 },
+    css: CSS_MED,
     ember: {
       width: 1.2,
-      focus: 0.85,
-      count: 40,
-      rise: 2.6,
+      focus: 1,
+      count: 110,
+      rise: 0.68,
       drift: 1.15,
-      swirl: 2.7,
-      size: 1.24,
-      life: 1.7,
-      alpha: 0.62,
-      bloomA: 1,
-      bloomH: 0.85,
+      swirl: 1.2,
+      size: 1.12,
+      life: 2.5,
+      alpha: 0.44,
+      bloomA: 2,
+      bloomH: 0.9,
     },
   },
   'doom-med': {