rastrillo / fiesta Public

Example titles and the layout note in Fiesta's words

The <title> used to follow rastrillo's preview-title pattern ("badge
sample standalone preview, Display"); Paul approved "{example}:
{state}" in its place, and the exporter now writes it for every
document from the manifest's own Title and label, so "field-date:
Enhanced input: type "tomorrow", or "in 3 weeks"" and "scheme-menu:
Standalone: the page remembers the choice". A state whose label is
empty, which is every idiom, layout and format, shows its id.

The layout intro is the one sentence on the shell sample pages that
named rastrillo's package and its word for a component. SEED's prose
key stays in the exporter as seedIntro, so a SEED that reworded it
fails the count check rather than leaving the old sentence in place.
The stage has no intro: it frames the sign-in card.

Summary

Every example document's <title> is now the approved "{example}: {state}": the entry's Title and the state's label (its id, default, where the label is empty), built in the exporter's addState for every kind. The six chrome layout sample pages carry the approved intro naming Fiesta and components in place of SEED's ui.Layout and partials sentence, replaced after rendering with a count check. Reseeded: the only changes under examples/ are the 163 title lines and the 6 intros; examples.json, sources.json and the fixtures are unchanged.

Agent notes

Task 5 copy follow-up; Paul approved the second review unchanged. One decision for the controller: a state with no label (idioms, layouts, formats) shows its id in the title, so "box: default" and "The sidebar shell: default"; nothing was invented for those. The seed README's hashes cover copied files only, so none moved.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

claude 1 week ago c0004a6364ef1d7e98ea22e167fdf2a6bfcb04e6 parent 78f245d

164 files changed, +213 −182

examples/actor/a-person.html +1 −1
examples/actor/an-agent-acting-for-a-person.html +1 −1
examples/api-tokens/four-tokens-two-of-them-live.html +1 −1
examples/api-tokens/just-created-the-secret-shown-once.html +1 −1
examples/api-tokens/no-tokens-yet.html +1 −1
examples/back-nav/back-to-a-record.html +1 −1
examples/badge/negative.html +1 −1
examples/badge/neutral.html +1 −1
examples/badge/no-tone-quiet-default.html +1 −1
examples/badge/positive.html +1 −1
examples/badge/warning.html +1 −1
examples/box/default.html +1 −1
examples/bulk-bar/three-rows-selected.html +1 −1
examples/button/default.html +1 −1
examples/callout/info.html +1 −1
examples/callout/negative-announced-as-an-alert.html +1 −1
examples/callout/negative.html +1 −1
examples/callout/positive.html +1 −1
examples/callout/warning.html +1 −1
examples/choice-field/pick-any.html +1 −1
examples/choice-field/pick-one.html +1 −1
examples/confirm-form/destructive.html +1 −1
examples/confirm-form/ordinary-default-cancel-wording.html +1 −1
examples/detail-list/four-facts-one-machine-ish.html +1 −1
examples/dropdown/a-filter-menu-with-one-choice-applied.html +1 −1
examples/dropdown/menu-idiom.html +1 −1
examples/empty-state/sentence-only.html +1 −1
examples/empty-state/with-a-post-call-to-action.html +1 −1
examples/error-page/403-forbidden.html +1 −1
examples/error-page/404-not-found.html +1 −1
examples/error-page/422-unprocessable.html +1 −1
examples/error-page/500-server-error.html +1 −1
examples/error-page/503-unavailable.html +1 −1
examples/error-page/anything-else-the-generic-pair.html +1 −1
examples/field-check/disabled.html +1 −1
examples/field-check/off.html +1 −1
examples/field-check/on.html +1 −1
examples/field-date/bounded.html +1 −1
examples/field-date/enhanced-input-type-tomorrow-or-in-3-weeks.html +1 −1
examples/field-date/plain-the-bare-native-input.html +1 −1
examples/field-date/required-with-an-error.html +1 −1
examples/field-daterange/date-and-time-seeded.html +1 −1
examples/field-daterange/dates-only-with-an-error-on-the-end.html +1 −1
examples/field-datetime/bounded.html +1 −1
examples/field-datetime/enhanced-input-type-tomorrow-or-in-3-weeks.html +1 −1
examples/field-datetime/plain-the-bare-native-input.html +1 −1
examples/field-datetime/required-with-an-error.html +1 −1
examples/field-money/bare.html +1 −1
examples/field-money/with-a-hint.html +1 −1
examples/field-money/with-an-error.html +1 −1
examples/field-select/hand-written-with-optgroups.html +1 −1
examples/field-select/required-with-an-error.html +1 −1
examples/field-select/three-options-a-native-select.html +1 −1
examples/field-select/twelve-options-plain-the-enhancement-opted-out.html +1 −1
examples/field-select/twelve-options-the-filterable-combobox.html +1 −1
examples/field-text/bare.html +1 −1
examples/field-text/required.html +1 −1
examples/field-text/the-headline-field.html +1 −1
examples/field-text/with-a-hint.html +1 −1
examples/field-text/with-an-error.html +1 −1
examples/field-textarea/bare.html +1 −1
examples/field-textarea/required.html +1 −1
examples/field-textarea/with-a-hint.html +1 −1
examples/field-textarea/with-an-error.html +1 −1
examples/field-time/bounded.html +1 −1
examples/field-time/enhanced-input-type-half-seven-or-noon.html +1 −1
examples/field-time/plain-the-bare-native-input.html +1 −1
examples/field-time/required-with-an-error.html +1 −1
examples/field-url/bare.html +1 −1
examples/field-url/with-a-hint.html +1 −1
examples/field-url/with-an-error.html +1 −1
examples/field/bare.html +1 −1
examples/field/required.html +1 −1
examples/field/short.html +1 −1
examples/field/the-headline-field.html +1 −1
examples/field/with-a-hint.html +1 −1
examples/field/with-an-error.html +1 −1
examples/field/with-help-under-the-control.html +1 −1
examples/form-error/a-rejected-submission.html +1 −1
examples/form-foot/idle-the-button-before-anything-happens.html +1 −1
examples/form-foot/save-and-cancel.html +1 −1
examples/form-foot/submit-only.html +1 −1
examples/form-foot/working-what-busy-js-writes-on-the-way-out.html +1 −1
examples/form-layout/default.html +1 −1
examples/format-abbr/default.html +1 −1
examples/format-addresses/default.html +1 −1
examples/format-dates/default.html +1 −1
examples/format-durations/default.html +1 −1
examples/format-filesizes/default.html +1 −1
examples/format-identifiers/default.html +1 −1
examples/format-money/default.html +1 −1
examples/format-numbers/default.html +1 −1
examples/format-output/default.html +1 −1
examples/format-people/default.html +1 −1
examples/format-ratios/default.html +1 −1
examples/help/default.html +1 −1
examples/job-status/failed.html +1 −1
examples/job-status/finished.html +1 −1
examples/job-status/running.html +1 −1
examples/layout-column/default.html +2 −2
examples/layout-console-page/default.html +2 −2
examples/layout-console/default.html +2 −2
examples/layout-sidebar-page/default.html +2 −2
examples/layout-sidebar/default.html +2 −2
examples/layout-stage/default.html +1 −1
examples/layout-topbar/default.html +2 −2
examples/list-bar-search/empty-accessible-name-from-the-catalog.html +1 −1
examples/list-bar-search/with-a-query-on-page-4.html +1 −1
examples/list-bar-search/with-a-query.html +1 −1
examples/list-bar/search-with-a-filter-dropdown.html +1 −1
examples/list-grid/default.html +1 −1
examples/list-row-action/lead-marker-status-and-an-action.html +1 −1
examples/list-row-action/name-and-meta-line-only.html +1 −1
examples/list-search-submit/default-label.html +1 −1
examples/locale-menu/twelve-languages-current-highlighted.html +1 −1
examples/media-grid/screenshots-a-logo-and-a-banner.html +1 −1
examples/media-grid/select-mode-one-tile-selected.html +1 −1
examples/meter/empty.html +1 −1
examples/meter/full.html +1 −1
examples/meter/nearly-full.html +1 −1
examples/meter/over-budget.html +1 −1
examples/meter/part-way.html +1 −1
examples/modal/default.html +1 −1
examples/notice/a-saved-message.html +1 −1
examples/page-header/title-only.html +1 −1
examples/page-header/title-subhead-and-a-primary-action.html +1 −1
examples/pagination/first-page-default-accessible-name.html +1 −1
examples/pagination/middle-of-a-long-list.html +1 −1
examples/person/large-the-show-header-size.html +1 −1
examples/person/name-and-email.html +1 −1
examples/person/no-initial.html +1 −1
examples/row-menu/links-a-form-and-a-destructive-item.html +1 −1
examples/row-menu/links-only-for-a-list-inside-a-selection-form.html +1 −1
examples/scheme-menu/standalone.html +1 −1
examples/scheme-menu/three-choices-dark-current.html +1 −1
examples/seg-tabs/two-sections.html +1 −1
examples/selbox/default.html +1 −1
examples/shell-sidebar/default.html +1 −1
examples/shell-topbar/default.html +1 −1
examples/signin/a-passkey.html +1 −1
examples/signin/after-the-link-is-sent-in-another-browser.html +1 −1
examples/signin/after-the-link-is-sent.html +1 −1
examples/signin/an-address-that-does-not-look-right.html +1 −1
examples/signin/asking-for-an-address.html +1 −1
examples/signin/coming-back-with-an-email-link.html +1 −1
examples/signin/coming-back-with-keymail.html +1 −1
examples/signin/email-and-password.html +1 −1
examples/signin/google-apple-and-the-rest.html +1 −1
examples/signin/on-the-way-to-keymail.html +1 −1
examples/signin/when-keymail-could-not-confirm-it.html +1 −1
examples/signin/when-keymail-was-offered-and-a-link-went-out.html +1 −1
examples/stat-band/default.html +1 −1
examples/stat/a-shortened-number.html +1 −1
examples/stat/a-smaller-number.html +1 −1
examples/stat/the-big-number.html +1 −1
examples/stat/when-going-down-is-good.html +1 −1
examples/stat/when-going-up-is-bad.html +1 −1
examples/stat/when-you-cannot-say.html +1 −1
examples/status-pill/negative.html +1 −1
examples/status-pill/neutral.html +1 −1
examples/status-pill/positive.html +1 −1
examples/status-pill/warning.html +1 −1
examples/tblock/default.html +1 −1
hack/seed/_rastrillo/designsystem_fiestaseed_test.go +44 −13

CI passed — run details

CI log

=== gofmt ===
=== no-rastrillo ===
go test -run '^(TestFiestaNeverImportsRastrillo|TestThePublicPackagesLinkNoBrowser)$' -count=1 .
ok  	amadan.net/rastrillo/fiesta	0.073s
=== suite ===
--- shard 0 of 8 ---
==> shard 0 of 8: make root
go build ./...
go vet ./...
FIESTA_TEST_REQUIRE_NODE=1 go test -count=1 ./...
ok  	amadan.net/rastrillo/fiesta	0.343s
ok  	amadan.net/rastrillo/fiesta/check	2.790s
ok  	amadan.net/rastrillo/fiesta/example	0.255s
ok  	amadan.net/rastrillo/fiesta/internal/axe	0.015s
?   	amadan.net/rastrillo/fiesta/internal/harness	[no test files]
ok  	amadan.net/rastrillo/fiesta/internal/markup	0.016s
ok  	amadan.net/rastrillo/fiesta/internal/nodetest	0.361s
--- shard 1 of 8 ---
==> shard 1 of 8: make staticcheck
go run honnef.co/go/tools/cmd/staticcheck@v0.8.2 -tags browser ./...
--- shard 2 of 8 ---
==> shard 2 of 8: make govulncheck
go run golang.org/x/vuln/cmd/govulncheck@v1.8.0 ./...
=== Symbol Results ===

No vulnerabilities found.

Your code is affected by 0 vulnerabilities.
This scan also found 0 vulnerabilities in packages you import and 5
vulnerabilities in modules you require, but your code doesn't appear to call
these vulnerabilities.
Use '-show verbose' for more details.
--- shard 3 of 8 ---
==> shard 3 of 8: make gitleaks
go run github.com/zricethezav/gitleaks/v8@v8.30.1 git --no-banner --redact --log-opts='--full-history --diff-filter=tuxdb HEAD' .
[90m11:03AM[0m [32mINF[0m [1mUnknown SCM platform. Use --platform to include links in findings.[0m [36mhost=[0mamadan.net
[90m11:03AM[0m [32mINF[0m [1m1 commits scanned.[0m
[90m11:03AM[0m [32mINF[0m [1mscanned ~3504349 bytes (3.50 MB) in 2.31s[0m
[90m11:03AM[0m [32mINF[0m [1mno leaks found[0m
--- shard 4 of 8 ---
==> shard 4 of 8: make browser.internal.harness
./hack/gotest.sh browser 'internal.harness'
gotest: on DOCS-T1, driving the harness's own choice (/usr/bin/chromium)
ok  	amadan.net/rastrillo/fiesta/internal/harness	8.203s
--- shard 5 of 8 ---
==> shard 5 of 8: make browser.check~1of3
./hack/gotest.sh browser 'check~1of3'
gotest: on DOCS-T1, driving the harness's own choice (/usr/bin/chromium)
gotest: slice 1 of 3 of ./check/ runs 45 of 142 tests
ok  	amadan.net/rastrillo/fiesta/check	73.009s
--- shard 6 of 8 ---
==> shard 6 of 8: make browser.check~2of3
./hack/gotest.sh browser 'check~2of3'
gotest: on DOCS-T1, driving the harness's own choice (/usr/bin/chromium)
gotest: slice 2 of 3 of ./check/ runs 47 of 142 tests
ok  	amadan.net/rastrillo/fiesta/check	82.494s
--- shard 7 of 8 ---
==> shard 7 of 8: make browser.check~3of3
./hack/gotest.sh browser 'check~3of3'
gotest: on DOCS-T1, driving the harness's own choice (/usr/bin/chromium)
gotest: slice 3 of 3 of ./check/ runs 50 of 142 tests
ok  	amadan.net/rastrillo/fiesta/check	82.125s

diff --git a/examples/actor/a-person.html b/examples/actor/a-person.html

index 5cb0b23..83b32e0 100644

--- a/examples/actor/a-person.html

+++ b/examples/actor/a-person.html

@@ -3,7 +3,7 @@

<head>

-<title>actor sample standalone preview, Display</title>

+<title>actor: A person</title>

</head>

diff --git a/examples/actor/an-agent-acting-for-a-person.html b/examples/actor/an-agent-acting-for-a-person.html

index bcaf0dd..8d6bde3 100644

--- a/examples/actor/an-agent-acting-for-a-person.html

+++ b/examples/actor/an-agent-acting-for-a-person.html

@@ -3,7 +3,7 @@

<head>

-<title>actor sample standalone preview, Display</title>

+<title>actor: An agent acting for a person</title>

</head>

diff --git a/examples/api-tokens/four-tokens-two-of-them-live.html b/examples/api-tokens/four-tokens-two-of-them-live.html

index 297b2b4..8b570d9 100644

--- a/examples/api-tokens/four-tokens-two-of-them-live.html

+++ b/examples/api-tokens/four-tokens-two-of-them-live.html

@@ -3,7 +3,7 @@

<head>

-<title>api-tokens sample standalone preview, Route</title>

+<title>api-tokens: Four tokens, two of them live</title>

diff --git a/examples/api-tokens/just-created-the-secret-shown-once.html b/examples/api-tokens/just-created-the-secret-shown-once.html

index 99f186e..27b9814 100644

--- a/examples/api-tokens/just-created-the-secret-shown-once.html

+++ b/examples/api-tokens/just-created-the-secret-shown-once.html

@@ -3,7 +3,7 @@

<head>

-<title>api-tokens sample standalone preview, Route</title>

+<title>api-tokens: Just created: the secret, shown once</title>

diff --git a/examples/api-tokens/no-tokens-yet.html b/examples/api-tokens/no-tokens-yet.html

index d3e8289..a6e2931 100644

--- a/examples/api-tokens/no-tokens-yet.html

+++ b/examples/api-tokens/no-tokens-yet.html

@@ -3,7 +3,7 @@

<head>

-<title>api-tokens sample standalone preview, Route</title>

+<title>api-tokens: No tokens yet</title>

diff --git a/examples/back-nav/back-to-a-record.html b/examples/back-nav/back-to-a-record.html

index 8598e71..baa5439 100644

--- a/examples/back-nav/back-to-a-record.html

+++ b/examples/back-nav/back-to-a-record.html

@@ -3,7 +3,7 @@

<head>

-<title>back-nav sample standalone preview, Route</title>

+<title>back-nav: Back to a record</title>

</head>

diff --git a/examples/badge/negative.html b/examples/badge/negative.html

index 35932d1..a8ac17e 100644

--- a/examples/badge/negative.html

+++ b/examples/badge/negative.html

@@ -3,7 +3,7 @@

<head>

-<title>badge sample standalone preview, Display</title>

+<title>badge: negative</title>

</head>

diff --git a/examples/badge/neutral.html b/examples/badge/neutral.html

index 8e8b967..9e54fe6 100644

--- a/examples/badge/neutral.html

+++ b/examples/badge/neutral.html

@@ -3,7 +3,7 @@

<head>

-<title>badge sample standalone preview, Display</title>

+<title>badge: neutral</title>

</head>

diff --git a/examples/badge/no-tone-quiet-default.html b/examples/badge/no-tone-quiet-default.html

index 10ee935..b65fbef 100644

--- a/examples/badge/no-tone-quiet-default.html

+++ b/examples/badge/no-tone-quiet-default.html

@@ -3,7 +3,7 @@

<head>

-<title>badge sample standalone preview, Display</title>

+<title>badge: No tone (quiet default)</title>

</head>

diff --git a/examples/badge/positive.html b/examples/badge/positive.html

index 7664344..44c2f38 100644

--- a/examples/badge/positive.html

+++ b/examples/badge/positive.html

@@ -3,7 +3,7 @@

<head>

-<title>badge sample standalone preview, Display</title>

+<title>badge: positive</title>

</head>

diff --git a/examples/badge/warning.html b/examples/badge/warning.html

index 439f15f..af27e2b 100644

--- a/examples/badge/warning.html

+++ b/examples/badge/warning.html

@@ -3,7 +3,7 @@

<head>

-<title>badge sample standalone preview, Display</title>

+<title>badge: warning</title>

</head>

diff --git a/examples/box/default.html b/examples/box/default.html

index fa0b862..6a97244 100644

--- a/examples/box/default.html

+++ b/examples/box/default.html

@@ -3,7 +3,7 @@

<head>

-<title>box sample standalone preview, UI primitives</title>

+<title>box: default</title>

diff --git a/examples/bulk-bar/three-rows-selected.html b/examples/bulk-bar/three-rows-selected.html

index f7bd8ce..32965a9 100644

--- a/examples/bulk-bar/three-rows-selected.html

+++ b/examples/bulk-bar/three-rows-selected.html

@@ -3,7 +3,7 @@

<head>

-<title>bulk-bar sample standalone preview, List screen</title>

+<title>bulk-bar: Three rows selected</title>

diff --git a/examples/button/default.html b/examples/button/default.html

index 4269d6a..a8235b6 100644

--- a/examples/button/default.html

+++ b/examples/button/default.html

@@ -3,7 +3,7 @@

<head>

-<title>button sample standalone preview, UI primitives</title>

+<title>button: default</title>

diff --git a/examples/callout/info.html b/examples/callout/info.html

index 8f708d1..cfeac28 100644

--- a/examples/callout/info.html

+++ b/examples/callout/info.html

@@ -3,7 +3,7 @@

<head>

-<title>callout sample standalone preview, Display</title>

+<title>callout: info</title>

</head>

diff --git a/examples/callout/negative-announced-as-an-alert.html b/examples/callout/negative-announced-as-an-alert.html

index d713416..5c7fd95 100644

--- a/examples/callout/negative-announced-as-an-alert.html

+++ b/examples/callout/negative-announced-as-an-alert.html

@@ -3,7 +3,7 @@

<head>

-<title>callout sample standalone preview, Display</title>

+<title>callout: negative, announced as an alert</title>

</head>

diff --git a/examples/callout/negative.html b/examples/callout/negative.html

index 1e03154..4af9e4e 100644

--- a/examples/callout/negative.html

+++ b/examples/callout/negative.html

@@ -3,7 +3,7 @@

<head>

-<title>callout sample standalone preview, Display</title>

+<title>callout: negative</title>

</head>

diff --git a/examples/callout/positive.html b/examples/callout/positive.html

index e9e3575..9b8150e 100644

--- a/examples/callout/positive.html

+++ b/examples/callout/positive.html

@@ -3,7 +3,7 @@

<head>

-<title>callout sample standalone preview, Display</title>

+<title>callout: positive</title>

</head>

diff --git a/examples/callout/warning.html b/examples/callout/warning.html

index 7344024..2b0efc6 100644

--- a/examples/callout/warning.html

+++ b/examples/callout/warning.html

@@ -3,7 +3,7 @@

<head>

-<title>callout sample standalone preview, Display</title>

+<title>callout: warning</title>

</head>

diff --git a/examples/choice-field/pick-any.html b/examples/choice-field/pick-any.html

index bff842a..aed6ee5 100644

--- a/examples/choice-field/pick-any.html

+++ b/examples/choice-field/pick-any.html

@@ -3,7 +3,7 @@

<head>

-<title>choice-field sample standalone preview, Choices and actions</title>

+<title>choice-field: Pick any</title>

diff --git a/examples/choice-field/pick-one.html b/examples/choice-field/pick-one.html

index f34db76..7475ed9 100644

--- a/examples/choice-field/pick-one.html

+++ b/examples/choice-field/pick-one.html

@@ -3,7 +3,7 @@

<head>

-<title>choice-field sample standalone preview, Choices and actions</title>

+<title>choice-field: Pick one</title>

diff --git a/examples/confirm-form/destructive.html b/examples/confirm-form/destructive.html

index 93db970..405d1bb 100644

--- a/examples/confirm-form/destructive.html

+++ b/examples/confirm-form/destructive.html

@@ -3,7 +3,7 @@

<head>

-<title>confirm-form sample standalone preview, Choices and actions</title>

+<title>confirm-form: Destructive</title>

diff --git a/examples/confirm-form/ordinary-default-cancel-wording.html b/examples/confirm-form/ordinary-default-cancel-wording.html

index ceff127..5a22919 100644

--- a/examples/confirm-form/ordinary-default-cancel-wording.html

+++ b/examples/confirm-form/ordinary-default-cancel-wording.html

@@ -3,7 +3,7 @@

<head>

-<title>confirm-form sample standalone preview, Choices and actions</title>

+<title>confirm-form: Ordinary, default cancel wording</title>

diff --git a/examples/detail-list/four-facts-one-machine-ish.html b/examples/detail-list/four-facts-one-machine-ish.html

index 5f89d3f..280ff2a 100644

--- a/examples/detail-list/four-facts-one-machine-ish.html

+++ b/examples/detail-list/four-facts-one-machine-ish.html

@@ -3,7 +3,7 @@

<head>

-<title>detail-list sample standalone preview, Display</title>

+<title>detail-list: Four facts, one machine-ish</title>

diff --git a/examples/dropdown/a-filter-menu-with-one-choice-applied.html b/examples/dropdown/a-filter-menu-with-one-choice-applied.html

index a46a80f..aa6d600 100644

--- a/examples/dropdown/a-filter-menu-with-one-choice-applied.html

+++ b/examples/dropdown/a-filter-menu-with-one-choice-applied.html

@@ -3,7 +3,7 @@

<head>

-<title>dropdown sample standalone preview, List screen</title>

+<title>dropdown: A filter menu with one choice applied</title>

diff --git a/examples/dropdown/menu-idiom.html b/examples/dropdown/menu-idiom.html

index 44db361..19f9c44 100644

--- a/examples/dropdown/menu-idiom.html

+++ b/examples/dropdown/menu-idiom.html

@@ -3,7 +3,7 @@

<head>

-<title>dropdown sample standalone preview, UI primitives</title>

+<title>dropdown: menu-idiom</title>

diff --git a/examples/empty-state/sentence-only.html b/examples/empty-state/sentence-only.html

index 8d0f90b..b9757d1 100644

--- a/examples/empty-state/sentence-only.html

+++ b/examples/empty-state/sentence-only.html

@@ -3,7 +3,7 @@

<head>

-<title>empty-state sample standalone preview, List screen</title>

+<title>empty-state: Sentence only</title>

</head>

diff --git a/examples/empty-state/with-a-post-call-to-action.html b/examples/empty-state/with-a-post-call-to-action.html

index 87117d8..38ec137 100644

--- a/examples/empty-state/with-a-post-call-to-action.html

+++ b/examples/empty-state/with-a-post-call-to-action.html

@@ -3,7 +3,7 @@

<head>

-<title>empty-state sample standalone preview, List screen</title>

+<title>empty-state: With a POST call to action</title>

diff --git a/examples/error-page/403-forbidden.html b/examples/error-page/403-forbidden.html

index a37a52b..3bd6357 100644

--- a/examples/error-page/403-forbidden.html

+++ b/examples/error-page/403-forbidden.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: 403: forbidden</title>

diff --git a/examples/error-page/404-not-found.html b/examples/error-page/404-not-found.html

index c2b4e72..308d503 100644

--- a/examples/error-page/404-not-found.html

+++ b/examples/error-page/404-not-found.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: 404: not found</title>

diff --git a/examples/error-page/422-unprocessable.html b/examples/error-page/422-unprocessable.html

index fb90feb..1ec5574 100644

--- a/examples/error-page/422-unprocessable.html

+++ b/examples/error-page/422-unprocessable.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: 422: unprocessable</title>

diff --git a/examples/error-page/500-server-error.html b/examples/error-page/500-server-error.html

index 63dc17a..a08a1c4 100644

--- a/examples/error-page/500-server-error.html

+++ b/examples/error-page/500-server-error.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: 500: server error</title>

diff --git a/examples/error-page/503-unavailable.html b/examples/error-page/503-unavailable.html

index 4734513..c286c97 100644

--- a/examples/error-page/503-unavailable.html

+++ b/examples/error-page/503-unavailable.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: 503: unavailable</title>

diff --git a/examples/error-page/anything-else-the-generic-pair.html b/examples/error-page/anything-else-the-generic-pair.html

index 2544487..58a8cba 100644

--- a/examples/error-page/anything-else-the-generic-pair.html

+++ b/examples/error-page/anything-else-the-generic-pair.html

@@ -3,7 +3,7 @@

<head>

-<title>error-page sample standalone preview, Route</title>

+<title>error-page: Anything else: the generic pair</title>

diff --git a/examples/field-check/disabled.html b/examples/field-check/disabled.html

index cc1774c..bd925d4 100644

--- a/examples/field-check/disabled.html

+++ b/examples/field-check/disabled.html

@@ -3,7 +3,7 @@

<head>

-<title>field-check sample standalone preview, Choices and actions</title>

+<title>field-check: Disabled</title>

diff --git a/examples/field-check/off.html b/examples/field-check/off.html

index 8b89389..7f8bde7 100644

--- a/examples/field-check/off.html

+++ b/examples/field-check/off.html

@@ -3,7 +3,7 @@

<head>

-<title>field-check sample standalone preview, Choices and actions</title>

+<title>field-check: Off</title>

diff --git a/examples/field-check/on.html b/examples/field-check/on.html

index 9a8db6b..e6a1890 100644

--- a/examples/field-check/on.html

+++ b/examples/field-check/on.html

@@ -3,7 +3,7 @@

<head>

-<title>field-check sample standalone preview, Choices and actions</title>

+<title>field-check: On</title>

diff --git a/examples/field-date/bounded.html b/examples/field-date/bounded.html

index 6421407..1988fe9 100644

--- a/examples/field-date/bounded.html

+++ b/examples/field-date/bounded.html

@@ -3,7 +3,7 @@

<head>

-<title>field-date sample standalone preview, Date and time</title>

+<title>field-date: Bounded</title>

diff --git a/examples/field-date/enhanced-input-type-tomorrow-or-in-3-weeks.html b/examples/field-date/enhanced-input-type-tomorrow-or-in-3-weeks.html

index 535c2b3..d2f4b8b 100644

--- a/examples/field-date/enhanced-input-type-tomorrow-or-in-3-weeks.html

+++ b/examples/field-date/enhanced-input-type-tomorrow-or-in-3-weeks.html

@@ -3,7 +3,7 @@

<head>

-<title>field-date sample standalone preview, Date and time</title>

+<title>field-date: Enhanced input: type "tomorrow", or "in 3 weeks"</title>

diff --git a/examples/field-date/plain-the-bare-native-input.html b/examples/field-date/plain-the-bare-native-input.html

index 8914858..9ad0ff4 100644

--- a/examples/field-date/plain-the-bare-native-input.html

+++ b/examples/field-date/plain-the-bare-native-input.html

@@ -3,7 +3,7 @@

<head>

-<title>field-date sample standalone preview, Date and time</title>

+<title>field-date: Plain: the bare native input</title>

diff --git a/examples/field-date/required-with-an-error.html b/examples/field-date/required-with-an-error.html

index c851010..2a8b112 100644

--- a/examples/field-date/required-with-an-error.html

+++ b/examples/field-date/required-with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-date sample standalone preview, Date and time</title>

+<title>field-date: Required, with an error</title>

diff --git a/examples/field-daterange/date-and-time-seeded.html b/examples/field-daterange/date-and-time-seeded.html

index 3ce0c8d..f4b8e81 100644

--- a/examples/field-daterange/date-and-time-seeded.html

+++ b/examples/field-daterange/date-and-time-seeded.html

@@ -3,7 +3,7 @@

<head>

-<title>field-daterange sample standalone preview, Date and time</title>

+<title>field-daterange: Date and time, seeded</title>

diff --git a/examples/field-daterange/dates-only-with-an-error-on-the-end.html b/examples/field-daterange/dates-only-with-an-error-on-the-end.html

index 00ebd00..87db190 100644

--- a/examples/field-daterange/dates-only-with-an-error-on-the-end.html

+++ b/examples/field-daterange/dates-only-with-an-error-on-the-end.html

@@ -3,7 +3,7 @@

<head>

-<title>field-daterange sample standalone preview, Date and time</title>

+<title>field-daterange: Dates only, with an error on the end</title>

diff --git a/examples/field-datetime/bounded.html b/examples/field-datetime/bounded.html

index ee79f5e..c0a9a45 100644

--- a/examples/field-datetime/bounded.html

+++ b/examples/field-datetime/bounded.html

@@ -3,7 +3,7 @@

<head>

-<title>field-datetime sample standalone preview, Date and time</title>

+<title>field-datetime: Bounded</title>

diff --git a/examples/field-datetime/enhanced-input-type-tomorrow-or-in-3-weeks.html b/examples/field-datetime/enhanced-input-type-tomorrow-or-in-3-weeks.html

index ff0c66a..3252ef8 100644

--- a/examples/field-datetime/enhanced-input-type-tomorrow-or-in-3-weeks.html

+++ b/examples/field-datetime/enhanced-input-type-tomorrow-or-in-3-weeks.html

@@ -3,7 +3,7 @@

<head>

-<title>field-datetime sample standalone preview, Date and time</title>

+<title>field-datetime: Enhanced input: type "tomorrow", or "in 3 weeks"</title>

diff --git a/examples/field-datetime/plain-the-bare-native-input.html b/examples/field-datetime/plain-the-bare-native-input.html

index 1d276f1..4f11966 100644

--- a/examples/field-datetime/plain-the-bare-native-input.html

+++ b/examples/field-datetime/plain-the-bare-native-input.html

@@ -3,7 +3,7 @@

<head>

-<title>field-datetime sample standalone preview, Date and time</title>

+<title>field-datetime: Plain: the bare native input</title>

diff --git a/examples/field-datetime/required-with-an-error.html b/examples/field-datetime/required-with-an-error.html

index a7297f0..20bc5d8 100644

--- a/examples/field-datetime/required-with-an-error.html

+++ b/examples/field-datetime/required-with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-datetime sample standalone preview, Date and time</title>

+<title>field-datetime: Required, with an error</title>

diff --git a/examples/field-money/bare.html b/examples/field-money/bare.html

index 02b8146..34ad571 100644

--- a/examples/field-money/bare.html

+++ b/examples/field-money/bare.html

@@ -3,7 +3,7 @@

<head>

-<title>field-money sample standalone preview, Form</title>

+<title>field-money: Bare</title>

diff --git a/examples/field-money/with-a-hint.html b/examples/field-money/with-a-hint.html

index a0ac961..c265452 100644

--- a/examples/field-money/with-a-hint.html

+++ b/examples/field-money/with-a-hint.html

@@ -3,7 +3,7 @@

<head>

-<title>field-money sample standalone preview, Form</title>

+<title>field-money: With a hint</title>

diff --git a/examples/field-money/with-an-error.html b/examples/field-money/with-an-error.html

index ee685fc..553dea0 100644

--- a/examples/field-money/with-an-error.html

+++ b/examples/field-money/with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-money sample standalone preview, Form</title>

+<title>field-money: With an error</title>

diff --git a/examples/field-select/hand-written-with-optgroups.html b/examples/field-select/hand-written-with-optgroups.html

index 3cc0579..8991ae0 100644

--- a/examples/field-select/hand-written-with-optgroups.html

+++ b/examples/field-select/hand-written-with-optgroups.html

@@ -3,7 +3,7 @@

<head>

-<title>field-select sample standalone preview, Choices and actions</title>

+<title>field-select: Hand-written, with optgroups</title>

diff --git a/examples/field-select/required-with-an-error.html b/examples/field-select/required-with-an-error.html

index d4838e7..c655fbf 100644

--- a/examples/field-select/required-with-an-error.html

+++ b/examples/field-select/required-with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-select sample standalone preview, Choices and actions</title>

+<title>field-select: Required, with an error</title>

diff --git a/examples/field-select/three-options-a-native-select.html b/examples/field-select/three-options-a-native-select.html

index 317a9f1..71ab61a 100644

--- a/examples/field-select/three-options-a-native-select.html

+++ b/examples/field-select/three-options-a-native-select.html

@@ -3,7 +3,7 @@

<head>

-<title>field-select sample standalone preview, Choices and actions</title>

+<title>field-select: Three options: a native select</title>

diff --git a/examples/field-select/twelve-options-plain-the-enhancement-opted-out.html b/examples/field-select/twelve-options-plain-the-enhancement-opted-out.html

index 2137799..9888257 100644

--- a/examples/field-select/twelve-options-plain-the-enhancement-opted-out.html

+++ b/examples/field-select/twelve-options-plain-the-enhancement-opted-out.html

@@ -3,7 +3,7 @@

<head>

-<title>field-select sample standalone preview, Choices and actions</title>

+<title>field-select: Twelve options, Plain: the enhancement opted out</title>

diff --git a/examples/field-select/twelve-options-the-filterable-combobox.html b/examples/field-select/twelve-options-the-filterable-combobox.html

index 7278b21..278cb94 100644

--- a/examples/field-select/twelve-options-the-filterable-combobox.html

+++ b/examples/field-select/twelve-options-the-filterable-combobox.html

@@ -3,7 +3,7 @@

<head>

-<title>field-select sample standalone preview, Choices and actions</title>

+<title>field-select: Twelve options: the filterable combobox</title>

diff --git a/examples/field-text/bare.html b/examples/field-text/bare.html

index 4135f5d..2a38fef 100644

--- a/examples/field-text/bare.html

+++ b/examples/field-text/bare.html

@@ -3,7 +3,7 @@

<head>

-<title>field-text sample standalone preview, Form</title>

+<title>field-text: Bare</title>

diff --git a/examples/field-text/required.html b/examples/field-text/required.html

index 2458ede..6baa223 100644

--- a/examples/field-text/required.html

+++ b/examples/field-text/required.html

@@ -3,7 +3,7 @@

<head>

-<title>field-text sample standalone preview, Form</title>

+<title>field-text: Required</title>

diff --git a/examples/field-text/the-headline-field.html b/examples/field-text/the-headline-field.html

index d4de8f3..edf02a6 100644

--- a/examples/field-text/the-headline-field.html

+++ b/examples/field-text/the-headline-field.html

@@ -3,7 +3,7 @@

<head>

-<title>field-text sample standalone preview, Form</title>

+<title>field-text: The headline field</title>

diff --git a/examples/field-text/with-a-hint.html b/examples/field-text/with-a-hint.html

index f888f39..af1d3db 100644

--- a/examples/field-text/with-a-hint.html

+++ b/examples/field-text/with-a-hint.html

@@ -3,7 +3,7 @@

<head>

-<title>field-text sample standalone preview, Form</title>

+<title>field-text: With a hint</title>

diff --git a/examples/field-text/with-an-error.html b/examples/field-text/with-an-error.html

index 5f9d469..ccf78eb 100644

--- a/examples/field-text/with-an-error.html

+++ b/examples/field-text/with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-text sample standalone preview, Form</title>

+<title>field-text: With an error</title>

diff --git a/examples/field-textarea/bare.html b/examples/field-textarea/bare.html

index f8a57ea..20f6bdd 100644

--- a/examples/field-textarea/bare.html

+++ b/examples/field-textarea/bare.html

@@ -3,7 +3,7 @@

<head>

-<title>field-textarea sample standalone preview, Form</title>

+<title>field-textarea: Bare</title>

diff --git a/examples/field-textarea/required.html b/examples/field-textarea/required.html

index e4fd100..aa2d910 100644

--- a/examples/field-textarea/required.html

+++ b/examples/field-textarea/required.html

@@ -3,7 +3,7 @@

<head>

-<title>field-textarea sample standalone preview, Form</title>

+<title>field-textarea: Required</title>

diff --git a/examples/field-textarea/with-a-hint.html b/examples/field-textarea/with-a-hint.html

index 987b234..2dc60a5 100644

--- a/examples/field-textarea/with-a-hint.html

+++ b/examples/field-textarea/with-a-hint.html

@@ -3,7 +3,7 @@

<head>

-<title>field-textarea sample standalone preview, Form</title>

+<title>field-textarea: With a hint</title>

diff --git a/examples/field-textarea/with-an-error.html b/examples/field-textarea/with-an-error.html

index 870f3b7..1c4ece2 100644

--- a/examples/field-textarea/with-an-error.html

+++ b/examples/field-textarea/with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-textarea sample standalone preview, Form</title>

+<title>field-textarea: With an error</title>

diff --git a/examples/field-time/bounded.html b/examples/field-time/bounded.html

index 8d3ba2b..c075fce 100644

--- a/examples/field-time/bounded.html

+++ b/examples/field-time/bounded.html

@@ -3,7 +3,7 @@

<head>

-<title>field-time sample standalone preview, Date and time</title>

+<title>field-time: Bounded</title>

diff --git a/examples/field-time/enhanced-input-type-half-seven-or-noon.html b/examples/field-time/enhanced-input-type-half-seven-or-noon.html

index 38d5104..b762691 100644

--- a/examples/field-time/enhanced-input-type-half-seven-or-noon.html

+++ b/examples/field-time/enhanced-input-type-half-seven-or-noon.html

@@ -3,7 +3,7 @@

<head>

-<title>field-time sample standalone preview, Date and time</title>

+<title>field-time: Enhanced input: type "half seven", or "noon"</title>

diff --git a/examples/field-time/plain-the-bare-native-input.html b/examples/field-time/plain-the-bare-native-input.html

index b61ffad..bd5df26 100644

--- a/examples/field-time/plain-the-bare-native-input.html

+++ b/examples/field-time/plain-the-bare-native-input.html

@@ -3,7 +3,7 @@

<head>

-<title>field-time sample standalone preview, Date and time</title>

+<title>field-time: Plain: the bare native input</title>

diff --git a/examples/field-time/required-with-an-error.html b/examples/field-time/required-with-an-error.html

index 95a1148..e0b7c7c 100644

--- a/examples/field-time/required-with-an-error.html

+++ b/examples/field-time/required-with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-time sample standalone preview, Date and time</title>

+<title>field-time: Required, with an error</title>

diff --git a/examples/field-url/bare.html b/examples/field-url/bare.html

index 59028b4..f0957ff 100644

--- a/examples/field-url/bare.html

+++ b/examples/field-url/bare.html

@@ -3,7 +3,7 @@

<head>

-<title>field-url sample standalone preview, Form</title>

+<title>field-url: Bare</title>

diff --git a/examples/field-url/with-a-hint.html b/examples/field-url/with-a-hint.html

index 51e9ada..11d8420 100644

--- a/examples/field-url/with-a-hint.html

+++ b/examples/field-url/with-a-hint.html

@@ -3,7 +3,7 @@

<head>

-<title>field-url sample standalone preview, Form</title>

+<title>field-url: With a hint</title>

diff --git a/examples/field-url/with-an-error.html b/examples/field-url/with-an-error.html

index c8ff2b4..5a21619 100644

--- a/examples/field-url/with-an-error.html

+++ b/examples/field-url/with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field-url sample standalone preview, Form</title>

+<title>field-url: With an error</title>

diff --git a/examples/field/bare.html b/examples/field/bare.html

index c8cc5b0..572b938 100644

--- a/examples/field/bare.html

+++ b/examples/field/bare.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: Bare</title>

diff --git a/examples/field/required.html b/examples/field/required.html

index ece2509..97d3996 100644

--- a/examples/field/required.html

+++ b/examples/field/required.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: Required</title>

diff --git a/examples/field/short.html b/examples/field/short.html

index 495b99a..350983e 100644

--- a/examples/field/short.html

+++ b/examples/field/short.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: Short</title>

diff --git a/examples/field/the-headline-field.html b/examples/field/the-headline-field.html

index e90b26d..1e1a7a2 100644

--- a/examples/field/the-headline-field.html

+++ b/examples/field/the-headline-field.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: The headline field</title>

diff --git a/examples/field/with-a-hint.html b/examples/field/with-a-hint.html

index 28b5803..3092d66 100644

--- a/examples/field/with-a-hint.html

+++ b/examples/field/with-a-hint.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: With a hint</title>

diff --git a/examples/field/with-an-error.html b/examples/field/with-an-error.html

index 4017a52..d2841bd 100644

--- a/examples/field/with-an-error.html

+++ b/examples/field/with-an-error.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: With an error</title>

diff --git a/examples/field/with-help-under-the-control.html b/examples/field/with-help-under-the-control.html

index d8f243d..06510e9 100644

--- a/examples/field/with-help-under-the-control.html

+++ b/examples/field/with-help-under-the-control.html

@@ -3,7 +3,7 @@

<head>

-<title>field sample standalone preview, Form</title>

+<title>field: With help under the control</title>

diff --git a/examples/form-error/a-rejected-submission.html b/examples/form-error/a-rejected-submission.html

index 78a0106..57cb9d4 100644

--- a/examples/form-error/a-rejected-submission.html

+++ b/examples/form-error/a-rejected-submission.html

@@ -3,7 +3,7 @@

<head>

-<title>form-error sample standalone preview, Display</title>

+<title>form-error: A rejected submission</title>

</head>

diff --git a/examples/form-foot/idle-the-button-before-anything-happens.html b/examples/form-foot/idle-the-button-before-anything-happens.html

index 782e7c3..99d2ba4 100644

--- a/examples/form-foot/idle-the-button-before-anything-happens.html

+++ b/examples/form-foot/idle-the-button-before-anything-happens.html

@@ -3,7 +3,7 @@

<head>

-<title>form-foot sample standalone preview, Choices and actions</title>

+<title>form-foot: Idle: the button before anything happens</title>

diff --git a/examples/form-foot/save-and-cancel.html b/examples/form-foot/save-and-cancel.html

index 809f3fc..1a7838c 100644

--- a/examples/form-foot/save-and-cancel.html

+++ b/examples/form-foot/save-and-cancel.html

@@ -3,7 +3,7 @@

<head>

-<title>form-foot sample standalone preview, Choices and actions</title>

+<title>form-foot: Save and cancel</title>

diff --git a/examples/form-foot/submit-only.html b/examples/form-foot/submit-only.html

index d9358b6..0957321 100644

--- a/examples/form-foot/submit-only.html

+++ b/examples/form-foot/submit-only.html

@@ -3,7 +3,7 @@

<head>

-<title>form-foot sample standalone preview, Choices and actions</title>

+<title>form-foot: Submit only</title>

diff --git a/examples/form-foot/working-what-busy-js-writes-on-the-way-out.html b/examples/form-foot/working-what-busy-js-writes-on-the-way-out.html

index 0b3f8ec..4fb9e69 100644

--- a/examples/form-foot/working-what-busy-js-writes-on-the-way-out.html

+++ b/examples/form-foot/working-what-busy-js-writes-on-the-way-out.html

@@ -3,7 +3,7 @@

<head>

-<title>form-foot sample standalone preview, Choices and actions</title>

+<title>form-foot: Working: what busy.js writes on the way out</title>

diff --git a/examples/form-layout/default.html b/examples/form-layout/default.html

index a4cc05c..dd83630 100644

--- a/examples/form-layout/default.html

+++ b/examples/form-layout/default.html

@@ -3,7 +3,7 @@

<head>

-<title>form-layout sample standalone preview, UI primitives</title>

+<title>form-layout: default</title>

diff --git a/examples/format-abbr/default.html b/examples/format-abbr/default.html

index 826cc77..01edc72 100644

--- a/examples/format-abbr/default.html

+++ b/examples/format-abbr/default.html

@@ -3,7 +3,7 @@

<head>

-<title>abbr sample standalone preview, Dates, numbers and names</title>

+<title>Short forms like WCAG: default</title>

diff --git a/examples/format-addresses/default.html b/examples/format-addresses/default.html

index 1a832ae..ed7d04e 100644

--- a/examples/format-addresses/default.html

+++ b/examples/format-addresses/default.html

@@ -3,7 +3,7 @@

<head>

-<title>addresses sample standalone preview, Dates, numbers and names</title>

+<title>Addresses: default</title>

diff --git a/examples/format-dates/default.html b/examples/format-dates/default.html

index 337856f..72bcc46 100644

--- a/examples/format-dates/default.html

+++ b/examples/format-dates/default.html

@@ -3,7 +3,7 @@

<head>

-<title>dates sample standalone preview, Dates, numbers and names</title>

+<title>Dates and times: default</title>

diff --git a/examples/format-durations/default.html b/examples/format-durations/default.html

index 6bbdf89..0a73162 100644

--- a/examples/format-durations/default.html

+++ b/examples/format-durations/default.html

@@ -3,7 +3,7 @@

<head>

-<title>durations sample standalone preview, Dates, numbers and names</title>

+<title>How long something took: default</title>

diff --git a/examples/format-filesizes/default.html b/examples/format-filesizes/default.html

index 8f32034..1ce8cad 100644

--- a/examples/format-filesizes/default.html

+++ b/examples/format-filesizes/default.html

@@ -3,7 +3,7 @@

<head>

-<title>filesizes sample standalone preview, Dates, numbers and names</title>

+<title>File sizes: default</title>

diff --git a/examples/format-identifiers/default.html b/examples/format-identifiers/default.html

index c4a393b..4a8881a 100644

--- a/examples/format-identifiers/default.html

+++ b/examples/format-identifiers/default.html

@@ -3,7 +3,7 @@

<head>

-<title>identifiers sample standalone preview, Dates, numbers and names</title>

+<title>Reference numbers and codes: default</title>

diff --git a/examples/format-money/default.html b/examples/format-money/default.html

index 93b7b36..783c8e4 100644

--- a/examples/format-money/default.html

+++ b/examples/format-money/default.html

@@ -3,7 +3,7 @@

<head>

-<title>money sample standalone preview, Dates, numbers and names</title>

+<title>Money: default</title>

diff --git a/examples/format-numbers/default.html b/examples/format-numbers/default.html

index 70b177c..4ad650b 100644

--- a/examples/format-numbers/default.html

+++ b/examples/format-numbers/default.html

@@ -3,7 +3,7 @@

<head>

-<title>numbers sample standalone preview, Dates, numbers and names</title>

+<title>Numbers: default</title>

diff --git a/examples/format-output/default.html b/examples/format-output/default.html

index c9bd786..28da104 100644

--- a/examples/format-output/default.html

+++ b/examples/format-output/default.html

@@ -3,7 +3,7 @@

<head>

-<title>output sample standalone preview, Dates, numbers and names</title>

+<title>Numbers your page works out: default</title>

diff --git a/examples/format-people/default.html b/examples/format-people/default.html

index 68fefe8..a936b86 100644

--- a/examples/format-people/default.html

+++ b/examples/format-people/default.html

@@ -3,7 +3,7 @@

<head>

-<title>people sample standalone preview, Dates, numbers and names</title>

+<title>People's names: default</title>

diff --git a/examples/format-ratios/default.html b/examples/format-ratios/default.html

index 952eca5..aa6dfad 100644

--- a/examples/format-ratios/default.html

+++ b/examples/format-ratios/default.html

@@ -3,7 +3,7 @@

<head>

-<title>ratios sample standalone preview, Dates, numbers and names</title>

+<title>Percentages and bars: default</title>

diff --git a/examples/help/default.html b/examples/help/default.html

index 1acadf4..7c48963 100644

--- a/examples/help/default.html

+++ b/examples/help/default.html

@@ -3,7 +3,7 @@

<head>

-<title>help sample standalone preview, UI primitives</title>

+<title>help: default</title>

</head>

diff --git a/examples/job-status/failed.html b/examples/job-status/failed.html

index 70ef66d..8c29b20 100644

--- a/examples/job-status/failed.html

+++ b/examples/job-status/failed.html

@@ -3,7 +3,7 @@

<head>

-<title>job-status sample standalone preview, Display</title>

+<title>job-status: Failed</title>

</head>

diff --git a/examples/job-status/finished.html b/examples/job-status/finished.html

index f9eeb91..2608e03 100644

--- a/examples/job-status/finished.html

+++ b/examples/job-status/finished.html

@@ -3,7 +3,7 @@

<head>

-<title>job-status sample standalone preview, Display</title>

+<title>job-status: Finished</title>

</head>

diff --git a/examples/job-status/running.html b/examples/job-status/running.html

index 5b4b324..25de404 100644

--- a/examples/job-status/running.html

+++ b/examples/job-status/running.html

@@ -3,7 +3,7 @@

<head>

-<title>job-status sample standalone preview, Display</title>

+<title>job-status: Running</title>

diff --git a/examples/layout-column/default.html b/examples/layout-column/default.html

index 1fe2a19..fd58b94 100644

--- a/examples/layout-column/default.html

+++ b/examples/layout-column/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-column sample standalone preview, Shells</title>

+<title>The column shell: default</title>

@@ -31,7 +31,7 @@

<a rst-btn="primary" href="#"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>Write a post</a>

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

-<section rst-box><p>This is the column shell, one of the shells ui.Layout ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two partials.</p></section>

+<section rst-box><p>This is the column shell, one of the shells Fiesta ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two components.</p></section>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/layout-console-page/default.html b/examples/layout-console-page/default.html

index 191728d..94e10e7 100644

--- a/examples/layout-console-page/default.html

+++ b/examples/layout-console-page/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-console-page sample standalone preview, Shells</title>

+<title>The console shell: default</title>

@@ -59,7 +59,7 @@

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

-<section rst-box><p>This is the console shell, one of the shells ui.Layout ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two partials.</p></section>

+<section rst-box><p>This is the console shell, one of the shells Fiesta ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two components.</p></section>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/layout-console/default.html b/examples/layout-console/default.html

index 0e71460..1be6d4b 100644

--- a/examples/layout-console/default.html

+++ b/examples/layout-console/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-console sample standalone preview, Shells</title>

+<title>The console shell: default</title>

@@ -59,7 +59,7 @@

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/layout-sidebar-page/default.html b/examples/layout-sidebar-page/default.html

index c55283d..85718c6 100644

--- a/examples/layout-sidebar-page/default.html

+++ b/examples/layout-sidebar-page/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-sidebar-page sample standalone preview, Shells</title>

+<title>The sidebar shell: default</title>

@@ -47,7 +47,7 @@

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

-<section rst-box><p>This is the sidebar shell, one of the shells ui.Layout ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two partials.</p></section>

+<section rst-box><p>This is the sidebar shell, one of the shells Fiesta ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two components.</p></section>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/layout-sidebar/default.html b/examples/layout-sidebar/default.html

index b9bc686..2d8dbe5 100644

--- a/examples/layout-sidebar/default.html

+++ b/examples/layout-sidebar/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-sidebar sample standalone preview, Shells</title>

+<title>The sidebar shell: default</title>

@@ -47,7 +47,7 @@

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/layout-stage/default.html b/examples/layout-stage/default.html

index 5e3270e..054bea6 100644

--- a/examples/layout-stage/default.html

+++ b/examples/layout-stage/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-stage sample standalone preview, Shells</title>

+<title>The stage shell: default</title>

diff --git a/examples/layout-topbar/default.html b/examples/layout-topbar/default.html

index 5870926..45e3f87 100644

--- a/examples/layout-topbar/default.html

+++ b/examples/layout-topbar/default.html

@@ -3,7 +3,7 @@

<head>

-<title>layout-topbar sample standalone preview, Shells</title>

+<title>The topbar shell: default</title>

@@ -45,7 +45,7 @@

</header>

<div rst-box-head><h2>This page</h2><a rst-btn href="/">Back to the design system</a></div>

-<section rst-box><p>This is the topbar shell, one of the shells ui.Layout ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two partials.</p></section>

+<section rst-box><p>This is the topbar shell, one of the shells Fiesta ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two components.</p></section>

<div rst-box-head><h2>Recent</h2></div>

<div rst-lrow="head"><span>Post</span><span class="rst-m-hide">Status</span><span></span></div>

diff --git a/examples/list-bar-search/empty-accessible-name-from-the-catalog.html b/examples/list-bar-search/empty-accessible-name-from-the-catalog.html

index 13c4f6f..d3be60e 100644

--- a/examples/list-bar-search/empty-accessible-name-from-the-catalog.html

+++ b/examples/list-bar-search/empty-accessible-name-from-the-catalog.html

@@ -3,7 +3,7 @@

<head>

-<title>list-bar-search sample standalone preview, List screen</title>

+<title>list-bar-search: Empty, accessible name from the catalog</title>

diff --git a/examples/list-bar-search/with-a-query-on-page-4.html b/examples/list-bar-search/with-a-query-on-page-4.html

index 2ed4f34..87325db 100644

--- a/examples/list-bar-search/with-a-query-on-page-4.html

+++ b/examples/list-bar-search/with-a-query-on-page-4.html

@@ -3,7 +3,7 @@

<head>

-<title>list-bar-search sample standalone preview, List screen</title>

+<title>list-bar-search: With a query on page 4</title>

diff --git a/examples/list-bar-search/with-a-query.html b/examples/list-bar-search/with-a-query.html

index b1b7bf4..34bc068 100644

--- a/examples/list-bar-search/with-a-query.html

+++ b/examples/list-bar-search/with-a-query.html

@@ -3,7 +3,7 @@

<head>

-<title>list-bar-search sample standalone preview, List screen</title>

+<title>list-bar-search: With a query</title>

diff --git a/examples/list-bar/search-with-a-filter-dropdown.html b/examples/list-bar/search-with-a-filter-dropdown.html

index 6ed7ac2..724f2df 100644

--- a/examples/list-bar/search-with-a-filter-dropdown.html

+++ b/examples/list-bar/search-with-a-filter-dropdown.html

@@ -3,7 +3,7 @@

<head>

-<title>list-bar sample standalone preview, List screen</title>

+<title>list-bar: Search with a filter dropdown</title>

diff --git a/examples/list-grid/default.html b/examples/list-grid/default.html

index 338be09..8383a0d 100644

--- a/examples/list-grid/default.html

+++ b/examples/list-grid/default.html

@@ -3,7 +3,7 @@

<head>

-<title>list-grid sample standalone preview, UI primitives</title>

+<title>list-grid: default</title>

diff --git a/examples/list-row-action/lead-marker-status-and-an-action.html b/examples/list-row-action/lead-marker-status-and-an-action.html

index 170e4c3..c310f98 100644

--- a/examples/list-row-action/lead-marker-status-and-an-action.html

+++ b/examples/list-row-action/lead-marker-status-and-an-action.html

@@ -3,7 +3,7 @@

<head>

-<title>list-row-action sample standalone preview, List screen</title>

+<title>list-row-action: Lead marker, status and an action</title>

diff --git a/examples/list-row-action/name-and-meta-line-only.html b/examples/list-row-action/name-and-meta-line-only.html

index 92817a5..e6a256e 100644

--- a/examples/list-row-action/name-and-meta-line-only.html

+++ b/examples/list-row-action/name-and-meta-line-only.html

@@ -3,7 +3,7 @@

<head>

-<title>list-row-action sample standalone preview, List screen</title>

+<title>list-row-action: Name and meta line only</title>

diff --git a/examples/list-search-submit/default-label.html b/examples/list-search-submit/default-label.html

index a5ffb6b..02f5af9 100644

--- a/examples/list-search-submit/default-label.html

+++ b/examples/list-search-submit/default-label.html

@@ -3,7 +3,7 @@

<head>

-<title>list-search-submit sample standalone preview, List screen</title>

+<title>list-search-submit: Default label</title>

diff --git a/examples/locale-menu/twelve-languages-current-highlighted.html b/examples/locale-menu/twelve-languages-current-highlighted.html

index af14fa8..644a5ec 100644

--- a/examples/locale-menu/twelve-languages-current-highlighted.html

+++ b/examples/locale-menu/twelve-languages-current-highlighted.html

@@ -3,7 +3,7 @@

<head>

-<title>locale-menu sample standalone preview, Route</title>

+<title>locale-menu: Twelve languages, current highlighted.</title>

diff --git a/examples/media-grid/screenshots-a-logo-and-a-banner.html b/examples/media-grid/screenshots-a-logo-and-a-banner.html

index d4e7e46..e52a0d2 100644

--- a/examples/media-grid/screenshots-a-logo-and-a-banner.html

+++ b/examples/media-grid/screenshots-a-logo-and-a-banner.html

@@ -3,7 +3,7 @@

<head>

-<title>media-grid sample standalone preview, List screen</title>

+<title>media-grid: Screenshots, a logo and a banner</title>

diff --git a/examples/media-grid/select-mode-one-tile-selected.html b/examples/media-grid/select-mode-one-tile-selected.html

index 402ad0e..96df6e1 100644

--- a/examples/media-grid/select-mode-one-tile-selected.html

+++ b/examples/media-grid/select-mode-one-tile-selected.html

@@ -3,7 +3,7 @@

<head>

-<title>media-grid sample standalone preview, List screen</title>

+<title>media-grid: Select mode, one tile selected</title>

diff --git a/examples/meter/empty.html b/examples/meter/empty.html

index 64e9fd9..a729b81 100644

--- a/examples/meter/empty.html

+++ b/examples/meter/empty.html

@@ -3,7 +3,7 @@

<head>

-<title>meter sample standalone preview, Display</title>

+<title>meter: Empty</title>

</head>

diff --git a/examples/meter/full.html b/examples/meter/full.html

index 1de8ff2..727a2c8 100644

--- a/examples/meter/full.html

+++ b/examples/meter/full.html

@@ -3,7 +3,7 @@

<head>

-<title>meter sample standalone preview, Display</title>

+<title>meter: Full</title>

</head>

diff --git a/examples/meter/nearly-full.html b/examples/meter/nearly-full.html

index 41cdd16..f7a4e2a 100644

--- a/examples/meter/nearly-full.html

+++ b/examples/meter/nearly-full.html

@@ -3,7 +3,7 @@

<head>

-<title>meter sample standalone preview, Display</title>

+<title>meter: Nearly full</title>

</head>

diff --git a/examples/meter/over-budget.html b/examples/meter/over-budget.html

index bd360ca..74790d3 100644

--- a/examples/meter/over-budget.html

+++ b/examples/meter/over-budget.html

@@ -3,7 +3,7 @@

<head>

-<title>meter sample standalone preview, Display</title>

+<title>meter: Over budget</title>

</head>

diff --git a/examples/meter/part-way.html b/examples/meter/part-way.html

index 3cedb84..c534612 100644

--- a/examples/meter/part-way.html

+++ b/examples/meter/part-way.html

@@ -3,7 +3,7 @@

<head>

-<title>meter sample standalone preview, Display</title>

+<title>meter: Part way</title>

</head>

diff --git a/examples/modal/default.html b/examples/modal/default.html

index 2b3b8e6..44336f2 100644

--- a/examples/modal/default.html

+++ b/examples/modal/default.html

@@ -3,7 +3,7 @@

<head>

-<title>modal sample standalone preview, UI primitives</title>

+<title>modal: default</title>

</head>

diff --git a/examples/notice/a-saved-message.html b/examples/notice/a-saved-message.html

index 22e6adf..783214b 100644

--- a/examples/notice/a-saved-message.html

+++ b/examples/notice/a-saved-message.html

@@ -3,7 +3,7 @@

<head>

-<title>notice sample standalone preview, Display</title>

+<title>notice: A saved message</title>

</head>

diff --git a/examples/page-header/title-only.html b/examples/page-header/title-only.html

index bfaf1c3..8b9de4b 100644

--- a/examples/page-header/title-only.html

+++ b/examples/page-header/title-only.html

@@ -3,7 +3,7 @@

<head>

-<title>page-header sample standalone preview, List screen</title>

+<title>page-header: Title only</title>

</head>

diff --git a/examples/page-header/title-subhead-and-a-primary-action.html b/examples/page-header/title-subhead-and-a-primary-action.html

index 27e350b..5b2aa9c 100644

--- a/examples/page-header/title-subhead-and-a-primary-action.html

+++ b/examples/page-header/title-subhead-and-a-primary-action.html

@@ -3,7 +3,7 @@

<head>

-<title>page-header sample standalone preview, List screen</title>

+<title>page-header: Title, subhead and a primary action</title>

diff --git a/examples/pagination/first-page-default-accessible-name.html b/examples/pagination/first-page-default-accessible-name.html

index d3e2b1d..ddb93ce 100644

--- a/examples/pagination/first-page-default-accessible-name.html

+++ b/examples/pagination/first-page-default-accessible-name.html

@@ -3,7 +3,7 @@

<head>

-<title>pagination sample standalone preview, List screen</title>

+<title>pagination: First page, default accessible name</title>

</head>

diff --git a/examples/pagination/middle-of-a-long-list.html b/examples/pagination/middle-of-a-long-list.html

index 8ddcdc4..9f7bc1c 100644

--- a/examples/pagination/middle-of-a-long-list.html

+++ b/examples/pagination/middle-of-a-long-list.html

@@ -3,7 +3,7 @@

<head>

-<title>pagination sample standalone preview, List screen</title>

+<title>pagination: Middle of a long list</title>

</head>

diff --git a/examples/person/large-the-show-header-size.html b/examples/person/large-the-show-header-size.html

index 2aaf81d..aa942df 100644

--- a/examples/person/large-the-show-header-size.html

+++ b/examples/person/large-the-show-header-size.html

@@ -3,7 +3,7 @@

<head>

-<title>person sample standalone preview, Display</title>

+<title>person: Large, the show-header size</title>

</head>

diff --git a/examples/person/name-and-email.html b/examples/person/name-and-email.html

index b4c9528..66a3e5a 100644

--- a/examples/person/name-and-email.html

+++ b/examples/person/name-and-email.html

@@ -3,7 +3,7 @@

<head>

-<title>person sample standalone preview, Display</title>

+<title>person: Name and email</title>

</head>

diff --git a/examples/person/no-initial.html b/examples/person/no-initial.html

index f2e46c9..f4834a7 100644

--- a/examples/person/no-initial.html

+++ b/examples/person/no-initial.html

@@ -3,7 +3,7 @@

<head>

-<title>person sample standalone preview, Display</title>

+<title>person: No initial</title>

</head>

diff --git a/examples/row-menu/links-a-form-and-a-destructive-item.html b/examples/row-menu/links-a-form-and-a-destructive-item.html

index f3e5324..6c38268 100644

--- a/examples/row-menu/links-a-form-and-a-destructive-item.html

+++ b/examples/row-menu/links-a-form-and-a-destructive-item.html

@@ -3,7 +3,7 @@

<head>

-<title>row-menu sample standalone preview, List screen</title>

+<title>row-menu: Links, a form and a destructive item</title>

diff --git a/examples/row-menu/links-only-for-a-list-inside-a-selection-form.html b/examples/row-menu/links-only-for-a-list-inside-a-selection-form.html

index 56795a2..1d6cf9f 100644

--- a/examples/row-menu/links-only-for-a-list-inside-a-selection-form.html

+++ b/examples/row-menu/links-only-for-a-list-inside-a-selection-form.html

@@ -3,7 +3,7 @@

<head>

-<title>row-menu sample standalone preview, List screen</title>

+<title>row-menu: Links only, for a list inside a selection form</title>

diff --git a/examples/scheme-menu/standalone.html b/examples/scheme-menu/standalone.html

index 1440000..eb71b55 100644

--- a/examples/scheme-menu/standalone.html

+++ b/examples/scheme-menu/standalone.html

@@ -3,7 +3,7 @@

<head>

-<title>scheme-menu sample standalone preview, Route</title>

+<title>scheme-menu: Standalone: the page remembers the choice</title>

diff --git a/examples/scheme-menu/three-choices-dark-current.html b/examples/scheme-menu/three-choices-dark-current.html

index 7b26386..56370fe 100644

--- a/examples/scheme-menu/three-choices-dark-current.html

+++ b/examples/scheme-menu/three-choices-dark-current.html

@@ -3,7 +3,7 @@

<head>

-<title>scheme-menu sample standalone preview, Route</title>

+<title>scheme-menu: Three choices, Dark current.</title>

diff --git a/examples/seg-tabs/two-sections.html b/examples/seg-tabs/two-sections.html

index bb121dd..5b9127d 100644

--- a/examples/seg-tabs/two-sections.html

+++ b/examples/seg-tabs/two-sections.html

@@ -3,7 +3,7 @@

<head>

-<title>seg-tabs sample standalone preview, List screen</title>

+<title>seg-tabs: Two sections</title>

</head>

diff --git a/examples/selbox/default.html b/examples/selbox/default.html

index 444a3fa..b645fab 100644

--- a/examples/selbox/default.html

+++ b/examples/selbox/default.html

@@ -3,7 +3,7 @@

<head>

-<title>selbox sample standalone preview, UI primitives</title>

+<title>selbox: default</title>

</head>

diff --git a/examples/shell-sidebar/default.html b/examples/shell-sidebar/default.html

index f4aacec..e576b81 100644

--- a/examples/shell-sidebar/default.html

+++ b/examples/shell-sidebar/default.html

@@ -3,7 +3,7 @@

<head>

-<title>shell-sidebar sample standalone preview, UI primitives</title>

+<title>shell-sidebar: default</title>

diff --git a/examples/shell-topbar/default.html b/examples/shell-topbar/default.html

index eb0d9c4..1510c0a 100644

--- a/examples/shell-topbar/default.html

+++ b/examples/shell-topbar/default.html

@@ -3,7 +3,7 @@

<head>

-<title>shell-topbar sample standalone preview, UI primitives</title>

+<title>shell-topbar: default</title>

diff --git a/examples/signin/a-passkey.html b/examples/signin/a-passkey.html

index 327dfbd..6b53bdf 100644

--- a/examples/signin/a-passkey.html

+++ b/examples/signin/a-passkey.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-returning-passkey sample standalone preview, Screens</title>

+<title>signin: A passkey</title>

diff --git a/examples/signin/after-the-link-is-sent-in-another-browser.html b/examples/signin/after-the-link-is-sent-in-another-browser.html

index de4eea8..67dda38 100644

--- a/examples/signin/after-the-link-is-sent-in-another-browser.html

+++ b/examples/signin/after-the-link-is-sent-in-another-browser.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-sent-unbound sample standalone preview, Screens</title>

+<title>signin: After the link is sent, in another browser</title>

diff --git a/examples/signin/after-the-link-is-sent.html b/examples/signin/after-the-link-is-sent.html

index b23bd27..4f36ab5 100644

--- a/examples/signin/after-the-link-is-sent.html

+++ b/examples/signin/after-the-link-is-sent.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-sent sample standalone preview, Screens</title>

+<title>signin: After the link is sent</title>

diff --git a/examples/signin/an-address-that-does-not-look-right.html b/examples/signin/an-address-that-does-not-look-right.html

index 17d1288..6fa359c 100644

--- a/examples/signin/an-address-that-does-not-look-right.html

+++ b/examples/signin/an-address-that-does-not-look-right.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-problem-address sample standalone preview, Screens</title>

+<title>signin: An address that does not look right</title>

diff --git a/examples/signin/asking-for-an-address.html b/examples/signin/asking-for-an-address.html

index a5a891d..97d0204 100644

--- a/examples/signin/asking-for-an-address.html

+++ b/examples/signin/asking-for-an-address.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-ask sample standalone preview, Screens</title>

+<title>signin: Asking for an address</title>

diff --git a/examples/signin/coming-back-with-an-email-link.html b/examples/signin/coming-back-with-an-email-link.html

index 7a18874..dcda8b3 100644

--- a/examples/signin/coming-back-with-an-email-link.html

+++ b/examples/signin/coming-back-with-an-email-link.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-returning-link sample standalone preview, Screens</title>

+<title>signin: Coming back with an email link</title>

diff --git a/examples/signin/coming-back-with-keymail.html b/examples/signin/coming-back-with-keymail.html

index 713d97e..da334fd 100644

--- a/examples/signin/coming-back-with-keymail.html

+++ b/examples/signin/coming-back-with-keymail.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-returning-keymail sample standalone preview, Screens</title>

+<title>signin: Coming back with Keymail</title>

diff --git a/examples/signin/email-and-password.html b/examples/signin/email-and-password.html

index 0ec2312..ff762bf 100644

--- a/examples/signin/email-and-password.html

+++ b/examples/signin/email-and-password.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-password sample standalone preview, Screens</title>

+<title>signin: Email and password</title>

diff --git a/examples/signin/google-apple-and-the-rest.html b/examples/signin/google-apple-and-the-rest.html

index 95cbaee..6c65823 100644

--- a/examples/signin/google-apple-and-the-rest.html

+++ b/examples/signin/google-apple-and-the-rest.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-social sample standalone preview, Screens</title>

+<title>signin: Google, Apple and the rest</title>

diff --git a/examples/signin/on-the-way-to-keymail.html b/examples/signin/on-the-way-to-keymail.html

index 2c81405..fadbf7f 100644

--- a/examples/signin/on-the-way-to-keymail.html

+++ b/examples/signin/on-the-way-to-keymail.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-continue sample standalone preview, Screens</title>

+<title>signin: On the way to Keymail</title>

diff --git a/examples/signin/when-keymail-could-not-confirm-it.html b/examples/signin/when-keymail-could-not-confirm-it.html

index 9729cc7..bf08dd1 100644

--- a/examples/signin/when-keymail-could-not-confirm-it.html

+++ b/examples/signin/when-keymail-could-not-confirm-it.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-problem-keymail sample standalone preview, Screens</title>

+<title>signin: When Keymail could not confirm it</title>

diff --git a/examples/signin/when-keymail-was-offered-and-a-link-went-out.html b/examples/signin/when-keymail-was-offered-and-a-link-went-out.html

index 79f4cf0..28b4291 100644

--- a/examples/signin/when-keymail-was-offered-and-a-link-went-out.html

+++ b/examples/signin/when-keymail-was-offered-and-a-link-went-out.html

@@ -3,7 +3,7 @@

<head>

-<title>signin-sent-instead sample standalone preview, Screens</title>

+<title>signin: When Keymail was offered and a link went out</title>

diff --git a/examples/stat-band/default.html b/examples/stat-band/default.html

index 533ad6f..a74a723 100644

--- a/examples/stat-band/default.html

+++ b/examples/stat-band/default.html

@@ -3,7 +3,7 @@

<head>

-<title>stat-band sample standalone preview, UI primitives</title>

+<title>stat-band: default</title>

diff --git a/examples/stat/a-shortened-number.html b/examples/stat/a-shortened-number.html

index 0d43e0a..dfa402c 100644

--- a/examples/stat/a-shortened-number.html

+++ b/examples/stat/a-shortened-number.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: A shortened number</title>

diff --git a/examples/stat/a-smaller-number.html b/examples/stat/a-smaller-number.html

index d4a7d14..8628515 100644

--- a/examples/stat/a-smaller-number.html

+++ b/examples/stat/a-smaller-number.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: A smaller number</title>

diff --git a/examples/stat/the-big-number.html b/examples/stat/the-big-number.html

index 71f3bd3..a4a1f34 100644

--- a/examples/stat/the-big-number.html

+++ b/examples/stat/the-big-number.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: The big number</title>

diff --git a/examples/stat/when-going-down-is-good.html b/examples/stat/when-going-down-is-good.html

index c661d41..177fd9d 100644

--- a/examples/stat/when-going-down-is-good.html

+++ b/examples/stat/when-going-down-is-good.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: When going down is good</title>

diff --git a/examples/stat/when-going-up-is-bad.html b/examples/stat/when-going-up-is-bad.html

index 16d97b6..f450166 100644

--- a/examples/stat/when-going-up-is-bad.html

+++ b/examples/stat/when-going-up-is-bad.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: When going up is bad</title>

diff --git a/examples/stat/when-you-cannot-say.html b/examples/stat/when-you-cannot-say.html

index 22ee269..1f62538 100644

--- a/examples/stat/when-you-cannot-say.html

+++ b/examples/stat/when-you-cannot-say.html

@@ -3,7 +3,7 @@

<head>

-<title>stat sample standalone preview, Display</title>

+<title>stat: When you cannot say</title>

diff --git a/examples/status-pill/negative.html b/examples/status-pill/negative.html

index afc9287..264976f 100644

--- a/examples/status-pill/negative.html

+++ b/examples/status-pill/negative.html

@@ -3,7 +3,7 @@

<head>

-<title>status-pill sample standalone preview, Display</title>

+<title>status-pill: negative</title>

</head>

diff --git a/examples/status-pill/neutral.html b/examples/status-pill/neutral.html

index cac6633..2139b83 100644

--- a/examples/status-pill/neutral.html

+++ b/examples/status-pill/neutral.html

@@ -3,7 +3,7 @@

<head>

-<title>status-pill sample standalone preview, Display</title>

+<title>status-pill: neutral</title>

</head>

diff --git a/examples/status-pill/positive.html b/examples/status-pill/positive.html

index c68976d..e6e0dd0 100644

--- a/examples/status-pill/positive.html

+++ b/examples/status-pill/positive.html

@@ -3,7 +3,7 @@

<head>

-<title>status-pill sample standalone preview, Display</title>

+<title>status-pill: positive</title>

</head>

diff --git a/examples/status-pill/warning.html b/examples/status-pill/warning.html

index 8642f22..bd23e09 100644

--- a/examples/status-pill/warning.html

+++ b/examples/status-pill/warning.html

@@ -3,7 +3,7 @@

<head>

-<title>status-pill sample standalone preview, Display</title>

+<title>status-pill: warning</title>

</head>

diff --git a/examples/tblock/default.html b/examples/tblock/default.html

index 8cf8e8d..abd2835 100644

--- a/examples/tblock/default.html

+++ b/examples/tblock/default.html

@@ -3,7 +3,7 @@

<head>

-<title>tblock sample standalone preview, UI primitives</title>

+<title>tblock: default</title>

diff --git a/hack/seed/_rastrillo/designsystem_fiestaseed_test.go b/hack/seed/_rastrillo/designsystem_fiestaseed_test.go

index 30c99ab..935ba07 100644

--- a/hack/seed/_rastrillo/designsystem_fiestaseed_test.go

+++ b/hack/seed/_rastrillo/designsystem_fiestaseed_test.go

@@ -105,8 +105,30 @@ var (

layoutBrand = "Party planner"

layoutTitle = "Posts"

layoutFooter = "Made with Fiesta"

+ // exampleTitle is every example document's <title>: the entry's

+ // Title and the state's label. A state with no label (the idioms,

+ // layouts and formats) shows its id, default.

+ exampleTitle = "{example}: {state}"

+ // layoutIntro is the note on each chrome shell's sample page,

+ // replacing SEED's sentence (seedIntro below) with the shell's

+ // name filled in the same way.

+ layoutIntro = "This is the {shell} shell, one of the shells Fiesta ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two components."

)

+// seedIntro is the sentence shellTemplate's content writes, as this

+// package's prose key; layouts() replaces it and fails if it is not

+// there exactly once.

+const seedIntro = "This is the {shell} shell, one of the shells ui.Layout ships. A screen is a column: a page header, then a section heading and its card, then the next one. Everything you see here is the shell, tokens.css and two partials."

+// titleFor is exampleTitle for one state.

+func titleFor(e *seedEntry, id, label string) string {

+ state := label

+ if state == "" {

+ state = id

+ }

+ return strings.NewReplacer("{example}", e.Title, "{state}", state).Replace(exampleTitle)

// demoCopy applies the approved replacements to a sample's markup.

func demoCopy(markup string) string {

return strings.ReplaceAll(markup, "Made with rastrillo", layoutFooter)

@@ -326,8 +348,9 @@ func document(title, htmlAttr, body string, scripts []string) string {

// addState writes one state's document and records it on its entry.

// label is checked against the strings this package already holds.

-func (s *seeder) addState(e *seedEntry, id, label, title, htmlAttr, body string, scripts []string, src seedSource) {

+func (s *seeder) addState(e *seedEntry, id, label, htmlAttr, body string, scripts []string, src seedSource) {

s.t.Helper()

+ title := titleFor(e, id, label)

for _, st := range e.States {

if st.ID == id {

s.t.Fatalf("%s: state id %q twice", e.Name, id)

@@ -403,7 +426,6 @@ func (s *seeder) components() {

for _, doc := range fam.Partials {

e := seedEntry{Name: doc.Name, Title: doc.Name, Family: fam.Key, Kind: "component", Wrapper: wrapperName(doc.Wrap)}

ids := map[string]int{}

- title := previewTitle("en", doc.Name, fam.Title)

var bodies []string

for i, st := range doc.States {

h, err := renderSample(tmpl, doc.Name, i, st, "en")

@@ -417,7 +439,7 @@ func (s *seeder) components() {

label = approved

}

id := stateID(ids, label)

- s.addState(&e, id, label, title, "", body, seedScripts(body), seedSource{Kind: "partial", Source: doc.Name, State: i, Locale: "en"})

+ s.addState(&e, id, label, "", body, seedScripts(body), seedSource{Kind: "partial", Source: doc.Name, State: i, Locale: "en"})

}

if doc.Name == "scheme-menu" {

// The hand-written standalone state: the first state's

@@ -428,7 +450,7 @@ func (s *seeder) components() {

if standalone == bodies[0] {

s.t.Fatal("scheme-menu: no action to remove")

}

- s.addState(&e, "standalone", standaloneLabel, title, ` data-rst-scheme-store="local"`, standalone, seedScripts(standalone), seedSource{Kind: "partial", Source: doc.Name, State: 0, Locale: "en"})

+ s.addState(&e, "standalone", standaloneLabel, ` data-rst-scheme-store="local"`, standalone, seedScripts(standalone), seedSource{Kind: "partial", Source: doc.Name, State: 0, Locale: "en"})

}

s.finish(e)

}

@@ -448,14 +470,13 @@ func (s *seeder) idiomStates() {

for _, name := range names {

body := demoCopy(localMarkup("en", samples[name]))

src := seedSource{Kind: "idiom", Source: name, State: 0, Locale: "en"}

- title := previewTitle("en", name, "UI primitives")

if name == "dropdown" {

for i := range s.entries {

if s.entries[i].Name != "dropdown" {

continue

}

e := &s.entries[i]

- s.addState(e, "menu-idiom", "", title, "", body, seedScripts(body), src)

+ s.addState(e, "menu-idiom", "", "", body, seedScripts(body), src)

s.idioms[name] = seedIdiom{Example: "dropdown", State: "menu-idiom"}

}

if _, ok := s.idioms[name]; !ok {

@@ -464,7 +485,7 @@ func (s *seeder) idiomStates() {

continue

}

e := seedEntry{Name: name, Title: name, Family: "primitives", Kind: "idiom"}

- s.addState(&e, "default", "", title, "", body, seedScripts(body), src)

+ s.addState(&e, "default", "", "", body, seedScripts(body), src)

s.idioms[name] = seedIdiom{Example: name, State: "default"}

s.finish(e)

}

@@ -585,8 +606,8 @@ func (s *seeder) layouts() {

for _, d := range docs {

// The title block feeds both <title> and the shell title's

// h1. The h1 shows the approved layoutTitle; the <title>

- // keeps the preview-title pattern every other example

- // carries, put back once the page is rendered.

+ // gets exampleTitle like every other document, put in once

+ // the page is rendered.

d.data.Title = layoutTitle

run, err := tmpl.Clone()

if err != nil {

@@ -606,7 +627,17 @@ func (s *seeder) layouts() {

if strings.Count(page, docTitle) != 1 {

s.t.Fatalf("%s: the document title did not render once", d.name)

}

- page = strings.Replace(page, docTitle, "<title>"+template.HTMLEscapeString(previewTitle("en", d.name, "Shells"))+"</title>", 1)

+ e := seedEntry{Name: d.name, Title: proseIn("en", "The {shell} shell", "shell", shell), Family: "shells", Kind: "layout", Document: true}

+ page = strings.Replace(page, docTitle, "<title>"+template.HTMLEscapeString(titleFor(&e, "default", ""))+"</title>", 1)

+ if shell != "stage" {

+ // The chrome shells' sample page carries the intro;

+ // the stage frames the sign-in card and has none.

+ old := proseIn("en", seedIntro, "shell", shell)

+ if strings.Count(page, old) != 1 {

+ s.t.Fatalf("%s: the layout intro did not render once", d.name)

+ }

+ page = strings.Replace(page, old, template.HTMLEscapeString(strings.ReplaceAll(layoutIntro, "{shell}", shell)), 1)

+ }

bodyAt := strings.Index(page, "<body")

if bodyAt < 0 {

s.t.Fatalf("%s: the rendered layout has no <body", d.name)

@@ -616,7 +647,7 @@ func (s *seeder) layouts() {

for _, m := range seedScript.FindAllStringSubmatch(head, -1) {

scripts = append(scripts, m[1])

}

- e := seedEntry{Name: d.name, Title: proseIn("en", "The {shell} shell", "shell", shell), Family: "shells", Kind: "layout", Document: true, Scripts: scripts}

+ e.Scripts = scripts

e.States = append(e.States, seedState{ID: "default", Label: "", SampleURLs: sampleURLs(body)})

s.sources[d.name+"/default"] = seedSource{Kind: "shell", Source: shell, State: 0, Locale: "en", View: d.data.View}

s.write("examples/"+d.name+"/default.html", []byte(page))

@@ -630,7 +661,7 @@ func (s *seeder) formats() {

for i, doc := range formatDocs() {

body := formatMarkup(doc, "en")

e := seedEntry{Name: "format-" + doc.Key, Title: doc.Title, Family: "formats", Kind: "format"}

- s.addState(&e, "default", "", previewTitle("en", doc.Key, "Dates, numbers and names"), "", body, seedScripts(body), seedSource{Kind: "format", Source: doc.Key, State: i, Locale: "en"})

+ s.addState(&e, "default", "", "", body, seedScripts(body), seedSource{Kind: "format", Source: doc.Key, State: i, Locale: "en"})

s.finish(e)

}

@@ -660,7 +691,7 @@ func (s *seeder) screens() {

body = buf.String()

}

id := stateID(ids, doc.Name)

- s.addState(&e, id, doc.Name, previewTitle("en", doc.Key, "Screens"), "", body, seedScripts(body), seedSource{Kind: "screen", Source: doc.Key, State: i, Locale: "en"})

+ s.addState(&e, id, doc.Name, "", body, seedScripts(body), seedSource{Kind: "screen", Source: doc.Key, State: i, Locale: "en"})

}

s.finish(e)

}