@johnmorrisdotca/kyogijo-stadiums 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -7,6 +7,17 @@ All notable changes to this project are written here. The format follows
 
 ## [Unreleased]
 
+## [0.10.0] - 2026-10-14
+
+### Added
+
+- **The demo has an optional Background menu.** None by default, then the family's twenty-five backgrounds (`scripts/family-backgrounds.ts`, version 1.0.0, copied byte for byte from taisen-brackets and pinned by version and sha256), also by `?background=<name>`. It draws one behind the stage in the dark or the light variant of the page's look, takes the stage's text colour from the ink the background returns, and loads the module only when one is chosen. It is presentation only: the drawing's SVG is the same string with and without it, and an e2e test holds that. The package ships none of it and still has no dependency.
+
+### Changed
+
+- **Every README picture stands on one of the family's backgrounds,** in a light and a dark twin (ice behind the rinks, floodlights behind the football field, a royal purple behind the ballpark, a glow or a spotlight behind the courts), and `pnpm screenshots:readme` remakes all twenty in one run.
+- **The docs' and the README's samples use real countries,** Canada, the USA and Japan first, with their names and colours and no flag (a snippet cannot await Hata); where a sample shows marks it draws a maple leaf and a sun disc of its own. The gallery's teams and the pool races' swimmers' countries are real too.
+
 ## [0.9.0] - 2026-10-14
 
 ### Added

package/NOTICE.md

@@ -46,6 +46,7 @@ picture or code of the sources is copied; each source is named here so that the
 | `events`: the special games, their days, venues, hosts and where a surface stood | The English Wikipedia articles of each game and of its venue, at the revision cited below, and three articles of the press (Sports Video Group, NHL.com, The Boston Globe), named below with their authors and dates; the size of a carrier from the Nimitz class's article | Facts, CC BY-SA 4.0 articles as above; no text copied |
 | The atlas (`@johnmorrisdotca/kyogijo-stadiums/atlas`): the places and their map | The parks, grounds and arenas above, joined; the demo's and docs/atlas.md's map is drawn by chizu (MIT) from Natural Earth, which is in the public domain (https://www.naturalearthdata.com/about/terms-of-use/) | Facts and CC0 data; Natural Earth is public domain; chizu is a development dependency and none of it is in the package |
 | The demo's country flags | [Hata](https://github.com/johnmorrisdotca/hata) (`@johnmorrisdotca/hata`, a development dependency): the flags of the countries in `demo/nations.js`, loaded when the demo is built and written into the demo site with Hata's licence and notice (`site/hata/`); the package itself draws no flag | Hata is MIT; each flag's own source, author and licence are in Hata's NOTICE.md |
+| tooling: the demo's backgrounds and the README's pictures | `scripts/family-backgrounds.ts`, version 1.0.0: the family's shared module, copied byte for byte from taisen-brackets. Twenty-five backgrounds drawn in code from gradients, patterns and paths, all by this package's author, none traced from a picture, a poster, a logo, a trophy or a photograph | MIT. The package ships none of it, and no surface is drawn on a background: the background is the page around it |
 
 ## The ballparks' articles
 

package/README.md

@@ -20,14 +20,14 @@ The NFL, CFL and IFAF football fields, the NHL rink, the NBA court, the soccer p
 <td align="center" valign="top">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-desk-light.webp" alt="The demo on a desk, in English: the heading Kyogijo Stadiums with the language chooser, the Docs and API reference links, five cloth patches and the Help switch, and an NHL rink drawn wide on green felt, with a made-up game on it, the USA and its flag on the left, Canada and its flag on the right, and a panel of the score 3 to 2, Final/OT, in the middle. The controls on the right list the sports, from the NFL and the NHL to handball, and then the layout and the teams." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-desk-light.webp" alt="The demo on a desk, in English: the heading Kyogijo Stadiums with the language chooser, the Docs and API reference links, five cloth patches and the Help switch, and an NHL rink drawn wide on an ice-blue background of faint skate marks and rink lines, with a made-up game on it, the USA and its flag on the left, Canada and its flag on the right, and a panel of the score 3 to 2, Final/OT, in the middle. The controls on the right list the sports, from the NFL and the NHL to handball, and then the layout and the teams." width="640">
 </picture>
 <br><em>The demo on a desk: a rink, with the teams on their sides and the score in the middle.</em>
 </td>
 <td align="center" valign="top">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-phone-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-phone-light.webp" alt="The demo on a phone: the heading Kyogijo Stadiums over the page's controls, and under them a football field turned a quarter to stand tall, Mexico's green end zone at the top and the USA's navy end zone at the bottom, each with its flag and name written across it, the yard numbers upright, and a score panel at midfield reading 27 to 24, Final." width="240">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/hero-phone-light.webp" alt="The demo on a phone: the heading Kyogijo Stadiums over the page's controls, and under them, on a background of floodlight beams, a football field turned a quarter to stand tall, Mexico's green end zone at the top and the USA's navy end zone at the bottom, each with its flag and name written across it, the yard numbers upright, and a score panel at midfield reading 27 to 24, Final." width="240">
 </picture>
 <br><em>On a phone the same surface stands tall, the words still upright.</em>
 </td>
@@ -179,7 +179,7 @@ console.log(svg.includes("Cup Final, Game 7"), svg.includes("Final/OT"));
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/football-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/football-desk-light.webp" alt="A football field drawn wide on the demo's felt: Mexico's green end zone on the left with its flag and its name written along it, the USA's navy end zone on the right with its flag, the yard lines, hash marks and upright and upside-down yard numbers between them, and the score panel at midfield reading 27 to 24, Final, Championship Game." width="720">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/football-desk-light.webp" alt="A football field drawn wide on a background of floodlight beams: Mexico's green end zone on the left with its flag and its name written along it, the USA's navy end zone on the right with its flag, the yard lines, hash marks and upright and upside-down yard numbers between them, and the score panel at midfield reading 27 to 24, Final, Championship Game." width="720">
 </picture>
 <br><em>A football field: the end zones in the teams' colours, the score at midfield.</em>
 </p>
@@ -196,12 +196,12 @@ useEmblems(renderEmblem);
 
 const svg = drawKyogijo({
   sport: "soccer",
-  away: { name: "Harbour City Gulls", abbr: "HCG", score: 2, color: "#1f5fa8", logo: "crest:shield" },
-  home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 1, color: "#b5452c", logo: "crest:roundel" },
+  away: { name: "Brazil", abbr: "BRA", score: 2, color: "#009739", logo: "crest:shield" },
+  home: { name: "England", abbr: "ENG", score: 1, color: "#c8102e", logo: "crest:roundel" },
   status: "final",
   pageant: { style: "stage", emblem: "trophy:soccer-globe", emblemName: "Northern Cup" },
 });
-console.log(svg.includes(encodeURIComponent(">HCG<")), svg.includes("Northern Cup"));
+console.log(svg.includes(encodeURIComponent(">BRA<")), svg.includes("Northern Cup"));
 // true true
 ```
 
@@ -213,7 +213,7 @@ import { drawKyogijo, drawSurface } from "@johnmorrisdotca/kyogijo-stadiums";
 // No teams: just the NFL field at its true shape, 120 by 53⅓ yards with 12 feet of ground round it.
 console.log(/viewBox="-12 -12 384 184"/.test(drawSurface({ sport: "nfl" })));
 // true
-const game = { away: { name: "Harbour City Gulls", score: 27 }, home: { name: "Prairie Ridge Bison", score: 24 }, status: "final" };
+const game = { away: { name: "Mexico", score: 27 }, home: { name: "USA", score: 24 }, status: "final" };
 const wide = drawKyogijo({ sport: "nfl", ...game, orientation: "landscape" });
 const tall = drawKyogijo({ sport: "nfl", ...game, orientation: "portrait" });
 const box = (svg: string) => /viewBox="[^ ]+ [^ ]+ ([^ ]+) ([^ "]+)"/.exec(svg)!.slice(1).map(Number);
@@ -224,7 +224,7 @@ console.log(box(wide), box(tall));
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/tall-phone-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/tall-phone-light.webp" alt="A hockey rink standing tall on a phone, the same game as on the desk: the USA's flag and name in the upper zone, Canada's in the lower, each reading upright, the score panel between them over the centre line." width="240">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/tall-phone-light.webp" alt="A hockey rink standing tall on a phone, on an ice-blue background, the same game as on the desk: the USA's flag and name in the upper zone, Canada's in the lower, each reading upright, the score panel between them over the centre line." width="240">
 </picture>
 <br><em>The same game tall: the teams top and bottom, every word upright.</em>
 </p>
@@ -259,7 +259,7 @@ console.log(svg.includes("甲子園球場のグラウンド"), svg.includes("阪
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/ballpark-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/ballpark-desk-light.webp" alt="The baseball field of Hanshin Koshien Stadium with the outfield fence drawn through its published distances, 95 metres at the lines and 118 metres in the alleys and the middle, with mown arcs on the grass, the warning track, the infield dirt, and a red and a navy panel in the foul ground at the bottom for the teams' dugouts, each with its country's flag, Japan's and the USA's." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/ballpark-desk-light.webp" alt="The baseball field of Hanshin Koshien Stadium on a royal purple background, with the outfield fence drawn through its published distances, 95 metres at the lines and 118 metres in the alleys and the middle, with mown arcs on the grass, the warning track, the infield dirt, and a red and a navy panel in the foul ground at the bottom for the teams' dugouts, each with its country's flag, Japan's and the USA's." width="640">
 </picture>
 <br><em>A ballpark's fence, drawn through the distances its article publishes.</em>
 </p>
@@ -307,8 +307,8 @@ import { drawBadge } from "@johnmorrisdotca/kyogijo-stadiums";
 
 const badge = drawBadge({
   sport: "nba",
-  away: { name: "Summit Peaks", abbr: "SMT", score: 98, color: "#14233f" },
-  home: { name: "Metro Bolts", abbr: "MTB", score: 104, color: "#c2410c" },
+  away: { name: "Australia", abbr: "AUS", score: 98, color: "#00843d" },
+  home: { name: "Japan", abbr: "JPN", score: 104, color: "#bc002d" },
   status: "Q4 2:31",
 });
 console.log(/viewBox="0 0 440 64"/.test(badge));
@@ -318,7 +318,7 @@ console.log(/viewBox="0 0 440 64"/.test(badge));
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/badges-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/badges-desk-light.webp" alt="A list of eight score strips in the demo, each a team block with its country's flag, a short name and its score at each end, in the team's colour, and in the middle a small picture of the sport and the state of the game, such as Final, Final/OT and 2nd period." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/badges-desk-light.webp" alt="A list of eight score strips in the demo, on a midnight-blue background, each a team block with its country's flag, a short name and its score at each end, in the team's colour, and in the middle a small picture of the sport and the state of the game, such as Final, Final/OT and 2nd period." width="640">
 </picture>
 <br><em>Badges for a list of games.</em>
 </p>
@@ -339,7 +339,7 @@ console.log(svg.includes("--ky-key:#1e4f8f"), svg.includes("METRO BOLTS"));
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/court-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/court-desk-light.webp" alt="A basketball court in the two-tone look: a pale floor with a deep blue key, centre circle and border, the words AUSTRALIA and JAPAN along the baselines, each country's flag and name on its half, and the score panel at centre court reading 108 to 112, Finals, Game 6." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/court-desk-light.webp" alt="A basketball court in the two-tone look, in a warm glow: a pale floor with a deep blue key, centre circle and border, the words AUSTRALIA and JAPAN along the baselines, each country's flag and name on its half, and the score panel at centre court reading 108 to 112, Finals, Game 6." width="640">
 </picture>
 <br><em>A court in a look of its own: the paint, the border and the words on the baselines are options.</em>
 </p>
@@ -369,7 +369,7 @@ The flat drawing is the floor, turned by a drag, a swipe, the keys or four viewp
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-volleyball-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-volleyball-desk-light.webp" alt="A volleyball court from behind an end line, turned in the demo: the net at 2.43 metres on its posts with the red and white antennae, and under it the buttons for the four viewpoints, turning, raising, zooming and resetting." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-volleyball-desk-light.webp" alt="A volleyball court from behind an end line under a spotlight, turned in the demo: the net at 2.43 metres on its posts with the red and white antennae, and under it the buttons for the four viewpoints, turning, raising, zooming and resetting." width="640">
 </picture>
 <br><em>A volleyball net at its rulebook height, with its posts and antennae.</em>
 </p>
@@ -377,7 +377,7 @@ The flat drawing is the floor, turned by a drag, a swipe, the keys or four viewp
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-rink-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-rink-desk-light.webp" alt="An ice rink from a low corner, turned in the demo: the boards with their glass round the ice, a goal at each end, and the score on the ice." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-rink-desk-light.webp" alt="An ice rink from a low corner on an ice-blue background, turned in the demo: the boards with their glass round the ice, a goal at each end, and the score on the ice." width="640">
 </picture>
 <br><em>A rink with its boards, glass and goals.</em>
 </p>
@@ -385,7 +385,7 @@ The flat drawing is the floor, turned by a drag, a swipe, the keys or four viewp
 <p align="center">
 <picture>
 <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-court-desk-dark.webp">
-<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-court-desk-light.webp" alt="A basketball court from the main camera, turned in the demo: a basket on its backboard and padded stanchion at each end of the floor." width="640">
+<img src="https://raw.githubusercontent.com/johnmorrisdotca/kyogijo-stadiums/main/docs/images/turn-court-desk-light.webp" alt="A basketball court from the main camera in a warm glow, turned in the demo: a basket on its backboard and padded stanchion at each end of the floor." width="640">
 </picture>
 <br><em>A court with a basket at each end, the rim at 10 feet.</em>
 </p>
@@ -497,7 +497,7 @@ console.log(svg.includes('viewBox="0 0 1200 675"'), svg.includes("Three ballpark
 
 <!-- score is home-away; home-score and away-score say it the other way -->
 <kyogijo-field sport="nba" size="compact" orientation="auto"
-  home="Metro Bolts" away="Summit Peaks" score="112-108"
+  home="Japan" away="Australia" score="112-108"
   home-color="#c2410c" away-color="#14233f" status="final"></kyogijo-field>
 ```
 
@@ -527,7 +527,7 @@ import "@johnmorrisdotca/kyogijo-stadiums/element/define";
 </script>
 
 <template>
-  <kyogijo-field sport="nfl" orientation="auto" away="Harbour City Gulls" home="Prairie Ridge Bison" away-score="27" home-score="24" status="final" />
+  <kyogijo-field sport="nfl" orientation="auto" away="Mexico" home="USA" away-score="27" home-score="24" status="final" />
 </template>
 ```
 
@@ -659,7 +659,7 @@ pnpm check          # lint, types, every test, the build and the packed package
 pnpm test:package   # pack, install and import it as somebody who installed it would
 pnpm test:demo      # build the demo and the docs and play them in a real browser, at a phone's width and a desk's
 pnpm site           # build the demo and the docs site into site/, as the Pages workflow publishes it
-pnpm screenshots:readme   # take the README's pictures from the built demo, in light and dark
+pnpm screenshots:readme   # remake every README picture from the built demo, in light and dark, each on one of the family's backgrounds
 pnpm test:readme    # run every example in the README and the docs against the built package
 pnpm docs:make      # rewrite what the docs make from the source: the Japanese words, the leagues, the frames and units tables
 ```

package/dist/charts.curling.d.ts

@@ -41,7 +41,7 @@ export declare function curlingScore(stones: readonly CurlingStone[], options?:
  *     { x: 1.9, y: 1.1, team: "away", number: 7 },
  *     { x: 0, y: -12, team: "away", number: 3 },
  *   ],
- *   { end: 6, hammer: "home", names: { home: "Prairie Ridge", away: "Harbour City" } },
+ *   { end: 6, hammer: "home", names: { home: "Canada", away: "Japan" } },
  * );
  * console.log(chart.totals.points, chart.totals.scoring, chart.title);
  * // 2 home Curling stones, End 6

package/dist/charts.curling.js

@@ -109,7 +109,7 @@ const LOOKS = { stone: {}, counting: { hollow: true }, "shot-rock": { hollow: tr
  *     { x: 1.9, y: 1.1, team: "away", number: 7 },
  *     { x: 0, y: -12, team: "away", number: 3 },
  *   ],
- *   { end: 6, hammer: "home", names: { home: "Prairie Ridge", away: "Harbour City" } },
+ *   { end: 6, hammer: "home", names: { home: "Canada", away: "Japan" } },
  * );
  * console.log(chart.totals.points, chart.totals.scoring, chart.title);
  * // 2 home Curling stones, End 6

package/dist/draw.d.ts

@@ -39,11 +39,11 @@ export declare function describe(o: SurfaceOptions | ScoreOptions): {
  * import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
  * const svg = drawKyogijo({
  *   sport: "nhl",
- *   away: { name: "Harbour City Gulls", abbr: "HCG", score: 3, color: "#1f5fa8" },
- *   home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 2, color: "#b5452c" },
+ *   away: { name: "USA", abbr: "USA", score: 3, color: "#1c3f7a" },
+ *   home: { name: "Canada", abbr: "CAN", score: 2, color: "#d52b1e" },
  *   status: "final-ot",
  * });
- * console.log(svg.startsWith("<svg"), svg.includes("Harbour City Gulls"));
+ * console.log(svg.startsWith("<svg"), svg.includes("USA"));
  * // true true
  * ```
  */

package/dist/draw.js

@@ -812,11 +812,11 @@ export function describe(o) {
  * import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";
  * const svg = drawKyogijo({
  *   sport: "nhl",
- *   away: { name: "Harbour City Gulls", abbr: "HCG", score: 3, color: "#1f5fa8" },
- *   home: { name: "Prairie Ridge Bison", abbr: "PRB", score: 2, color: "#b5452c" },
+ *   away: { name: "USA", abbr: "USA", score: 3, color: "#1c3f7a" },
+ *   home: { name: "Canada", abbr: "CAN", score: 2, color: "#d52b1e" },
  *   status: "final-ot",
  * });
- * console.log(svg.startsWith("<svg"), svg.includes("Harbour City Gulls"));
+ * console.log(svg.startsWith("<svg"), svg.includes("USA"));
  * // true true
  * ```
  */

package/dist/mount.d.ts

@@ -44,11 +44,11 @@ export declare function containerAspect(host: HTMLElement, breakpoint?: number):
  * const card = mountKyogijo(document.querySelector("#game")!, {
  *   sport: "nhl",
  *   orientation: "auto",
- *   away: { name: "Harbour City Gulls", score: 1 },
- *   home: { name: "Prairie Ridge Bison", score: 0 },
+ *   away: { name: "USA", score: 1 },
+ *   home: { name: "Canada", score: 0 },
  *   status: "live",
  * });
- * card.update({ sport: "nhl", orientation: "auto", away: { name: "Harbour City Gulls", score: 2 }, home: { name: "Prairie Ridge Bison", score: 0 } });
+ * card.update({ sport: "nhl", orientation: "auto", away: { name: "USA", score: 2 }, home: { name: "Canada", score: 0 } });
  * ```
  */
 export declare function mountKyogijo(host: HTMLElement, options: SurfaceOptions | ScoreOptions, settings?: MountSettings): KyogijoMount;

package/dist/mount.js

@@ -59,11 +59,11 @@ export function containerAspect(host, breakpoint = 560) {
  * const card = mountKyogijo(document.querySelector("#game")!, {
  *   sport: "nhl",
  *   orientation: "auto",
- *   away: { name: "Harbour City Gulls", score: 1 },
- *   home: { name: "Prairie Ridge Bison", score: 0 },
+ *   away: { name: "USA", score: 1 },
+ *   home: { name: "Canada", score: 0 },
  *   status: "live",
  * });
- * card.update({ sport: "nhl", orientation: "auto", away: { name: "Harbour City Gulls", score: 2 }, home: { name: "Prairie Ridge Bison", score: 0 } });
+ * card.update({ sport: "nhl", orientation: "auto", away: { name: "USA", score: 2 }, home: { name: "Canada", score: 0 } });
  * ```
  */
 export function mountKyogijo(host, options, settings = {}) {

package/dist/react.d.ts

@@ -9,7 +9,7 @@ export declare function kyogijoHtml(options: SurfaceOptions | ScoreOptions): {
  * @example
  * ```ts
  * import { kyogijoProps } from "@johnmorrisdotca/kyogijo-stadiums/react";
- * const props = kyogijoProps({ sport: "nba", away: { name: "Harbour City Gulls", score: 108 }, home: { name: "Prairie Ridge Bison", score: 112 }, status: "final" });
+ * const props = kyogijoProps({ sport: "nba", away: { name: "Australia", score: 108 }, home: { name: "Japan", score: 112 }, status: "final" });
  * console.log(props["data-kyogijo"], props.dangerouslySetInnerHTML.__html.startsWith("<svg"));
  * // nba true
  * ```

package/dist/react.js

@@ -10,7 +10,7 @@ export function kyogijoHtml(options) {
  * @example
  * ```ts
  * import { kyogijoProps } from "@johnmorrisdotca/kyogijo-stadiums/react";
- * const props = kyogijoProps({ sport: "nba", away: { name: "Harbour City Gulls", score: 108 }, home: { name: "Prairie Ridge Bison", score: 112 }, status: "final" });
+ * const props = kyogijoProps({ sport: "nba", away: { name: "Australia", score: 108 }, home: { name: "Japan", score: 112 }, status: "final" });
  * console.log(props["data-kyogijo"], props.dangerouslySetInnerHTML.__html.startsWith("<svg"));
  * // nba true
  * ```

package/dist/turn.dom.d.ts

@@ -40,7 +40,7 @@ export declare function turnSupported(win?: {
  * @example
  * ```ts no-run
  * import { mountKyogijoTurn } from "@johnmorrisdotca/kyogijo-stadiums/turn";
- * const view = mountKyogijoTurn(document.querySelector("#court")!, { sport: "volleyball", home: { name: "Harbour City Gulls", score: 3 }, away: { name: "Prairie Ridge Bison", score: 2 } }, { preset: "end" });
+ * const view = mountKyogijoTurn(document.querySelector("#court")!, { sport: "volleyball", home: { name: "Japan", score: 3 }, away: { name: "USA", score: 2 } }, { preset: "end" });
  * view.preset("corner");
  * view.set({ yaw: 60, pitch: 40 });
  * ```

package/dist/turn.dom.js

@@ -24,7 +24,7 @@ const between = (from, to, t) => ({ yaw: from.yaw + (nearest(from.yaw, to.yaw) -
  * @example
  * ```ts no-run
  * import { mountKyogijoTurn } from "@johnmorrisdotca/kyogijo-stadiums/turn";
- * const view = mountKyogijoTurn(document.querySelector("#court")!, { sport: "volleyball", home: { name: "Harbour City Gulls", score: 3 }, away: { name: "Prairie Ridge Bison", score: 2 } }, { preset: "end" });
+ * const view = mountKyogijoTurn(document.querySelector("#court")!, { sport: "volleyball", home: { name: "Japan", score: 3 }, away: { name: "USA", score: 2 } }, { preset: "end" });
  * view.preset("corner");
  * view.set({ yaw: 60, pitch: 40 });
  * ```

package/dist/types.d.ts

@@ -479,7 +479,7 @@ export interface PageantOptions {
 }
 /** One team of a score. */
 export interface Team {
-    /** The name, as it is to be written: "Harbour City Gulls". */
+    /** The name, as it is to be written: "Canada". */
     name: string;
     /** A short form, three letters or so, for the score and the badge. Taken from the name when missing. */
     abbr?: string;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export declare const VERSION = "0.9.0";
+export declare const VERSION = "0.10.0";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** The package's version: the same as package.json's, and a test holds them to each other. */
-export const VERSION = "0.9.0";
+export const VERSION = "0.10.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johnmorrisdotca/kyogijo-stadiums",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Kyogijo Stadiums 競技場, 39 sports' surfaces as SVG, drawn to scale from the rulebooks: NFL, CFL and IFAF football fields, an NHL rink, an NBA court, MLB ballparks, soccer pitches, curling sheets, athletics stadiums, speed skating, short track and figure skating rinks, swimming pools, water polo fields, diving wells, artistic swimming areas, and the courts and fields of tennis, volleyball (indoor, beach and sitting), badminton, pickleball, table tennis, padel, squash, racquetball, sepak takraw, teqball, roundnet, netball, lacrosse, rugby, Australian football, Gaelic games, cricket, field hockey and handball, and the budo of judo, karate, kendo, sumo and kyudo with a dojo of tatami laid as real units, with each team's name and logo on its side and the score in the middle, stands and a crowd, a pageant of flags, and a 3D view. Light and dark, accessible, a compact badge for lists, a helper for React and a custom element. Zero dependencies.",
   "keywords": [
     "sports",