@justai/cuts 0.56.0 → 0.57.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/BackToZone.astro +15 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justai/cuts",
3
- "version": "0.56.0",
3
+ "version": "0.57.0",
4
4
  "description": "A persona's named parts — the page shell that holds them, and the cuts themselves.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {
package/src/BackToZone.astro CHANGED
@@ -5,19 +5,29 @@
5
5
  ---
6
6
 
7
7
  <a class="home" href="https://app.zone" data-home aria-label="app.zone" title="app.zone">
8
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.5L12 3l9 7.5"/><path d="M5 9.5V20h14V9.5"/></svg>
8
+ <img class="zmark az-light" src="https://app.zone/favicon.svg" alt="" width="20" height="20" loading="lazy" />
9
+ <img class="zmark az-dark" src="https://app.zone/appzone-mark.svg" alt="" width="20" height="20" loading="lazy" />
9
10
  </a>
10
11
 
11
12
  <style>
12
13
  /* icon-only, flat — flush to the left edge of the (full-bleed) toolbar */
13
14
  .home {
14
15
  display: inline-grid; place-items: center; width: 36px; height: 36px;
15
- color: var(--text-dim); text-decoration: none; margin-inline-start: -7px;
16
- transition: color 0.2s, transform 0.2s var(--ease-spring);
16
+ text-decoration: none; margin-inline-start: -7px;
17
+ transition: transform 0.2s var(--ease-spring);
17
18
  }
18
- .home:hover { color: var(--text); }
19
+ /* Four fixed colours, so hover cannot tint this the way an outline in currentColor could. Opacity says
20
+ "this answers you" without recolouring the brand: held slightly back at rest, full on hover. */
21
+ .home .zmark { width: 20px; height: 20px; display: block; opacity: 0.78; transition: opacity 0.2s; }
22
+ .home:hover .zmark { opacity: 1; }
19
23
  .home:active { transform: scale(0.9); }
20
- .home svg { width: 20px; height: 20px; }
24
+ /* Dark ground → cream marker, light ground → black. The file cannot choose: an SVG own
25
+ prefers-color-scheme does not survive being loaded through <img>, measured. So the page chooses. */
26
+ .home .zmark.az-dark { display: none; }
27
+ @media (prefers-color-scheme: dark) {
28
+ .home .zmark.az-light { display: none; }
29
+ .home .zmark.az-dark { display: block; }
30
+ }
21
31
  </style>
22
32
 
23
33
  <script>