mote.css 0.10.0 → 0.10.2

package/CHANGELOG.md

@@ -5,6 +5,52 @@ All notable changes to this project are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.10.2] - 2026-10-24
+
+### Fixed
+
+- **jsDelivr now minifies `mote.components.css`**: clean-css 5.3.3 could not
+  parse the Baseline 2024 `@starting-style` rules and `allow-discrete`
+  transition values, so the automatic `mote.components.min.css` URL served
+  the unminified source. Narrow ignore guards preserve those modern rules
+  verbatim while allowing jsDelivr's minifier to produce a compact stylesheet.
+
+## [0.10.1] - 2026-10-24
+
+### Fixed
+
+- **Narrow `.mote-doc` layouts keep landmark order**: the collapsed shell no
+  longer places the footer before `main` when guide and context rails are
+  present.
+- **`.mote-table-scroll` expands on paper**: the optional components file
+  now owns its print override, so loading it can no longer undo the core
+  print behavior.
+- **`.mote-skip-link` reveals on any focus**: programmatic focus now gets
+  the same fixed skip-link pill as keyboard focus, removing a focus-modality
+  dependency from the accessibility helper and regression fixture.
+
+### Changed (tests — round-8 findings)
+
+- The regression fixture now selects an active screen or print-specific
+  assertion suite, rebuilds its results on media changes, and self-checks both
+  paper helpers and printable table expansion.
+
+### Changed (docs — round-8 findings)
+
+- Document-layout guidance now states that the collapsed shell preserves
+  source order, distinguishes `main` overflow from table-wrapper overflow,
+  and calls out the body-level gutter.
+- Header guidance now includes a narrow-screen recipe that gives the nav its
+  own row when the brand and pushed controls leave too little room.
+- The helper map now includes print helpers and a right-rail TOC recipe.
+
+### Evaluation
+
+- Eighth round: ten independent agents built ten new page types against
+  v0.10.0. All ten would use mote again and kept page-level horizontal
+  overflow at zero; the round exposed the collapsed document-order and
+  cross-file print defects fixed in this release.
+
 ## [0.10.0] - 2026-10-23
 
 ### Fixed
@@ -619,6 +665,8 @@ Components:
 [0.8.0]: https://gitlab.com/abmach/mote/compare/v0.7.0...v0.8.0
 [0.9.0]: https://gitlab.com/abmach/mote/compare/v0.8.0...v0.9.0
 [0.9.1]: https://gitlab.com/abmach/mote/compare/v0.9.0...v0.9.1
+[0.10.2]: https://gitlab.com/abmach/mote/compare/v0.10.1...v0.10.2
+[0.10.1]: https://gitlab.com/abmach/mote/compare/v0.10.0...v0.10.1
 [0.10.0]: https://gitlab.com/abmach/mote/compare/v0.9.1...v0.10.0
 [0.7.0]: https://gitlab.com/abmach/mote/compare/v0.6.1...v0.7.0
 [0.6.1]: https://gitlab.com/abmach/mote/compare/v0.6.0...v0.6.1

package/README.md

@@ -160,7 +160,7 @@ mote is class-optional by design — elements are styled from tags alone; these
 | Display text | `.mote-display` — opt-in hero/error-code scale via `--mote-display` |
 | Content rows | `.mote-row` + `.mote-push` — flex row, right-align helper |
 | Stacks | `.mote-stack` — vertical rhythm with `--mote-stack-gap`; fields full width, checkboxes 1em, works on any content |
-| Scrollable tables | `.mote-table-scroll` — sticky `thead`, no page scroll, no margin jump |
+| Scrollable tables | `.mote-table-scroll` — sticky `thead`, no page scroll, no margin jump; expands on paper |
 | Numeric columns | `.mote-num` — right-aligned tabular figures |
 | Tabular figures | `.mote-tabular` — tabular numerals without the right-alignment (day numbers, meta lines) |
 | Sparse grids | `.mote-grid-sparse` — standalone auto-fit variant, collapses empty tracks |
@@ -169,7 +169,7 @@ mote is class-optional by design — elements are styled from tags alone; these
 | Current table row | `tr[aria-current]` — accent-tinted row, reads over zebra |
 | Footer baseline | `body > footer` — semantic top-border + padding; its `nav` renders as a quiet wrapped row |
 | Screen-reader helper | `.mote-sr-only` — pure hiding, never appears |
-| Skip link | `.mote-skip-link` — sr-only until keyboard focus, then a fixed pill |
+| Skip link | `.mote-skip-link` — sr-only until focused, then a fixed pill |
 | Print helpers | `.mote-no-print` / `.mote-print-only` |
 | Theme-switch guard | `.mote-theme-switch` — prevents Chromium stale-color bug on `data-theme` flips |
 | Status inheritance control | `.mote-default` (force accent) · `.mote-reset` (clear inherited status) |

package/mote.components.css

@@ -1,6 +1,6 @@
 /*!
  * mote.components.css — opt-in components for mote.css.
- * v0.10.0 · MIT
+ * v0.10.2 · MIT
  * https://gitlab.com/abmach/mote · mirror: https://github.com/abmach/mote
  *
  * Requires mote.css loaded first (provides the --mote-* tokens).
@@ -390,6 +390,13 @@ nav[aria-label="toc"] a:hover {
   overflow-y: auto;
 }
 
+/* The components file owns this component's print behavior. Keep the
+   override after the screen rule so loading the optional file cannot
+   undo the core print promise. */
+@media print {
+  .mote-table-scroll { max-height: none; overflow: visible; }
+}
+
 /* Chromium paints collapsed borders at the original flow position,
    not with the sticky cell — separate borders belong to the cell. */
 .mote-table-scroll table {
@@ -516,11 +523,13 @@ menu[popover] :is(button, [role="menuitem"]):focus-visible {
 dialog {
   opacity: 0;
   transform: translateY(8px) scale(0.98);
+  /* clean-css ignore:start */
   transition:
     opacity 180ms ease,
     transform 180ms ease,
     display 180ms allow-discrete,
     overlay 180ms allow-discrete;
+  /* clean-css ignore:end */
 }
 
 [popover]:popover-open,
@@ -529,6 +538,7 @@ dialog[open] {
   transform: none;
 }
 
+/* clean-css ignore:start */
 @starting-style {
   [popover]:popover-open,
   dialog[open] {
@@ -536,17 +546,22 @@ dialog[open] {
     transform: translateY(8px) scale(0.98);
   }
 }
+/* clean-css ignore:end */
 
 dialog::backdrop {
   opacity: 1;
+  /* clean-css ignore:start */
   transition: opacity 180ms allow-discrete;
+  /* clean-css ignore:end */
 }
 
+/* clean-css ignore:start */
 @starting-style {
   dialog::backdrop {
     opacity: 0;
   }
 }
+/* clean-css ignore:end */
 
 /* ---------------------------------------------------------------------------
  * 10. Exclusive accordions — <details name="group">
@@ -610,10 +625,12 @@ details[name] > :not(summary):last-child {
     block-size: 0;
     overflow: clip;
     opacity: 0;
+    /* clean-css ignore:start */
     transition:
       block-size 260ms ease,
       opacity 260ms ease,
       content-visibility 260ms allow-discrete;
+    /* clean-css ignore:end */
   }
 
   details[open]::details-content {
@@ -621,12 +638,14 @@ details[name] > :not(summary):last-child {
     opacity: 1;
   }
 
+  /* clean-css ignore:start */
   @starting-style {
     details[open]::details-content {
       block-size: 0;
       opacity: 0;
     }
   }
+  /* clean-css ignore:end */
 }
 
 /* ---------------------------------------------------------------------------
@@ -765,15 +784,13 @@ nav[aria-label="toc"] :is(h2, h3) {
 }
 
 @media (width < 50rem) {
-  .mote-doc:where(:has(> nav)),
-  .mote-doc:where(:has(> aside)),
-  .mote-doc:where(:has(> nav)):where(:has(> aside)) {
-    grid-template-columns: 1fr;
+  .mote-doc {
+    display: flex;
+    flex-direction: column;
   }
 
-  .mote-doc > :is(nav, aside, main) {
-    grid-column: 1 / -1;
-    grid-row: auto;
+  .mote-doc > main {
+    flex: 1 0 auto;
   }
 
   .mote-doc > aside {

package/mote.css

@@ -1,6 +1,6 @@
 /*!
  * mote.css — a mote of styling for plain HTML.
- * v0.10.0 · MIT
+ * v0.10.2 · MIT
  * https://gitlab.com/abmach/mote · mirror: https://github.com/abmach/mote
  *
  * The smallest thing that can carry style:
@@ -810,7 +810,7 @@ progress, meter {
    Use .mote-skip-link for the accessibility skip link;
    use plain .mote-sr-only to hide things that must never
    appear (radios driving CSS toggles, visually hidden labels). */
-.mote-skip-link:focus-visible {
+.mote-skip-link:focus {
   position: fixed;
   top: 1rem;
   left: 1rem;
@@ -936,7 +936,6 @@ progress, meter {
   /* Opt-in print helpers */
   .mote-no-print { display: none !important; }
   .mote-print-only { display: block; }
-  .mote-table-scroll { max-height: none; overflow: visible; }
 }
 
 @media not print {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mote.css",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "A mote of styling for plain HTML \u2014 tiny, semantic, class-optional CSS with zero dependencies and no build step.",
   "style": "mote.css",
   "files": [