mote.css 0.10.1 → 0.10.3

package/CHANGELOG.md

@@ -5,6 +5,51 @@ 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.3] - 2026-10-25
+
+### Fixed
+
+- **Definition lists keep grouped terms and descriptions aligned**: valid
+  grouped definition-list markup no longer turns each grouping wrapper into an
+  alternating grid cell. Terms and descriptions share aligned columns within
+  each list when direct children alternate one term and one description; grouped
+  wrappers support one term and one description per group; fixture-pinned.
+- **Form fieldsets no longer force narrow pages sideways**: fieldsets may shrink
+  below their intrinsic content width, and file inputs stay within their
+  container; fixture-pinned.
+
+### Changed (docs — round-9 findings)
+
+- Added responsive-composition guidance for grids, toolbars, and narrow header
+  navigation, including a page-owned toolbar recipe; wide reference tables now
+  use contained scroll regions instead of widening the page.
+- Documented the choice between a contained scrolling table and a semantic
+  record layout for narrow screens.
+- Added a dedicated print-and-paper section covering screen/paper helpers,
+  table expansion, disclosures, and page-break rules.
+- Added a long-form reading recipe with a companion table of contents and
+  numbered references with backlinks.
+- Documented direct and grouped definition-list structures.
+
+### Evaluation
+
+- Ninth round: ten independent agents built ten new page types against
+  v0.10.2. All ten would use mote again, and every final page kept
+  page-level horizontal overflow at zero. The round exposed the grouped
+  definition-list defect and the documentation gaps fixed here. Narrow
+  documentation verification also exposed the fieldset/file-input overflow
+  fixed above.
+
+## [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
@@ -655,6 +700,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.3]: https://gitlab.com/abmach/mote/compare/v0.10.2...v0.10.3
+[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

package/mote.components.css

@@ -1,6 +1,6 @@
 /*!
  * mote.components.css — opt-in components for mote.css.
- * v0.10.1 · MIT
+ * v0.10.3 · MIT
  * https://gitlab.com/abmach/mote · mirror: https://github.com/abmach/mote
  *
  * Requires mote.css loaded first (provides the --mote-* tokens).
@@ -523,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,
@@ -536,6 +538,7 @@ dialog[open] {
   transform: none;
 }
 
+/* clean-css ignore:start */
 @starting-style {
   [popover]:popover-open,
   dialog[open] {
@@ -543,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">
@@ -617,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 {
@@ -628,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 */
 }
 
 /* ---------------------------------------------------------------------------

package/mote.css

@@ -1,6 +1,6 @@
 /*!
  * mote.css — a mote of styling for plain HTML.
- * v0.10.1 · MIT
+ * v0.10.3 · MIT
  * https://gitlab.com/abmach/mote · mirror: https://github.com/abmach/mote
  *
  * The smallest thing that can carry style:
@@ -285,10 +285,13 @@ li::marker {
 
 dl {
   display: grid;
-  grid-template-columns: auto 1fr;
+  grid-template-columns: auto minmax(0, 1fr);
   gap: 0.4rem 1.5rem;
 }
 
+/* Grouping wrappers are structural, not grid items. */
+dl > div { display: contents; }
+
 dt { font-weight: 600; }
 
 dd {
@@ -418,7 +421,9 @@ label {
   cursor: pointer;
 }
 
+/* Fieldsets default to min-content and can force a narrow page sideways. */
 fieldset {
+  min-inline-size: 0;
   padding: 1rem 1.2rem;
   border: var(--mote-border-width) solid var(--mote-border);
   border-radius: var(--mote-radius);
@@ -484,7 +489,9 @@ select[multiple] {
   height: 2.4rem;
 }
 
+/* Native file controls have a wide intrinsic size; keep them inside their parent. */
 [type="file"] {
+  max-width: 100%;
   padding: var(--mote-control-pad, 0.5rem) var(--mote-control-pad-inline, 0.75rem);
   background: none;
   border-style: dashed;

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "mote.css",
-  "version": "0.10.1",
+  "version": "0.10.3",
+  "bugs": {
+    "url": "https://gitlab.com/abmach/mote/-/issues"
+  },
   "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": [