@half-built/astro 0.6.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Footer.astro +16 -22
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@half-built/astro",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "description": "Astro components, islands, and pure helpers for the half-built design system.",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/components/Footer.astro CHANGED
@@ -28,19 +28,18 @@ const year = new Date().getFullYear();
28
28
  <div class="shell">
29
29
  <div class="bottom-footer-info">
30
30
  <div class="site-info">
31
- {/* Segments are unbreakable so narrow screens wrap only at
32
- the sanctioned points: after the year and at the pipe,
33
- which the line break replaces below the mobile breakpoint
34
- (owner call 2026-08-20). Desktop and tablet render the
35
- one line exactly as before. */}
36
- <slot name="site-info"
37
- ><span>
31
+ {/* Two lines at every width (owner call 2026-09-13): the
32
+ copyright over the site name, a real break rather than the
33
+ old pipe that retired on phones and left the wrap to do
34
+ the separating. The copyright's segments stay unbreakable
35
+ so a narrow screen wraps that line only after the year. */}
36
+ <slot name="site-info">
37
+ <span class="site-info-line">
38
38
  <span class="site-info-seg">Copyright © {year}</span>{" "}
39
- <span class="site-info-seg">{legalHolder}</span>{" "}
40
- <span class="site-info-sep" aria-hidden="true">|</span>{" "}
41
- <a class="site-info-seg" href="/">{siteName}</a>
42
- </span></slot
43
- >
39
+ <span class="site-info-seg">{legalHolder}</span>
40
+ </span>
41
+ <span class="site-info-line"><a href="/">{siteName}</a></span>
42
+ </slot>
44
43
  </div>
45
44
  </div>
46
45
  <nav class="footer-sitemap" aria-label="Sitemap">
@@ -129,22 +128,17 @@ const year = new Date().getFullYear();
129
128
  font-size: var(--font-size-sm);
130
129
  }
131
130
 
132
- /* The wrapped phone lines center under each other like the sitemap
133
- below (owner report 2026-08-25); one line on desktop, as before. */
131
+ /* The two lines center under each other like the sitemap below
132
+ (owner report 2026-08-25). */
134
133
  .site-info { text-align: center; }
134
+ .site-info-line { display: block; }
135
135
 
136
136
  /* Underlined, unlike the sitemap links below: this one sits inside
137
- running text (the copyright line), where the same ink at 0.8
137
+ running text (the copyright block), where the same ink at 0.8
138
138
  opacity is not a visible link mark (WCAG 1.4.1, axe
139
- link-in-text-block; caught by test/a11y.test.ts at phone width,
140
- where the pipe retires and the line break is all that frames it). */
139
+ link-in-text-block; the line break is all that frames it). */
141
140
  .site-info a { text-decoration: underline; opacity: 0.8; transition: var(--transition); color: var(--ink); }
142
141
  .site-info-seg { white-space: nowrap; }
143
-
144
- /* The pipe's separating job is done by the line break when the
145
- segments wrap; below the mobile breakpoint the break is expected,
146
- so the pipe retires there. */
147
- @media (--bp-phone) { .site-info-sep { display: none; } }
148
142
  .site-info a:hover { opacity: 1; }
149
143
 
150
144
  /* Sitemap columns under the copyright line, centered like it (owner