@obvi/blueprint 1.1.1 → 1.1.3

package/README.md

@@ -10,8 +10,9 @@ A blueprint is a technical document that should look like one: monochrome ink on
 
 - **Semantic HTML is the API.** Headings, paragraphs, lists, tables, figures, and landmarks render as a finished document with no classes to memorize. You write meaning; the design arrives for free.
 - **Classless-first, not class-only.** Components exist only for the few patterns native HTML cannot express, and each is a composition of real semantic elements rather than a replacement for them.
+- **Interactive blocks read as working surfaces.** Live components (choices, pre-flights, source, mockups, galleries) sit on a faint dot-grid mat, so a reader can tell an interactive surface from settled prose at a glance — a texture distinct from the diagonal hatch that marks held or rejected regions.
 - **Zero-specificity by contract.** Everything ships in cascade layers wrapped in `:where()`, so the library never fights your own CSS. Your styles always win, with no `!important` and no parent-scoping.
-- **Runtime-complete package.** The default stylesheet includes the chrome that `blueprint.js` injects, and runtime icons are inline SVG, so installed documents do not depend on repository-only CSS or assets.
+- **Runtime-complete package.** The default stylesheet includes the chrome that `blueprint.js` injects, the published browser entry bundles Choice components, and runtime icons are inline SVG, so installed or host-inlined documents do not depend on sibling modules or repository-only assets.
 
 The result is one portable stylesheet, no build step, that turns plain semantic markup into a polished blueprint.
 

package/dist/blueprint-choices.js

@@ -255,7 +255,10 @@ class BlueprintChoiceElement extends HTMLElement {
         input.name = viewName
         input.value = opt.value
         input.className = 'bp-choice__view'
-        if (index === 0) input.checked = true
+        if (index === 0) {
+          input.defaultChecked = true
+          input.checked = true
+        }
         segOpt.append(input, doc.createTextNode(opt.tab))
         seg.append(segOpt)
       }
@@ -522,9 +525,8 @@ class BlueprintChoiceRecordRowElement extends HTMLElement {
     const nodes = [dl]
     if (considered) {
       const details = el(doc, 'details', 'bp-choice__compare')
-      details.style.marginTop = 'var(--bp-space-2)'
       const summary = el(doc, 'summary')
-      summary.textContent = '＋ Show the options considered'
+      summary.textContent = 'Show the options considered'
       details.append(summary)
       const body = el(doc, 'div', 'bp-choice__compare-body')
       body.append(considered.cloneNode(true))