@justai/cuts 0.20.0 → 0.21.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/ConfirmSheet.astro +9 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justai/cuts",
3
- "version": "0.20.0",
3
+ "version": "0.21.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/ConfirmSheet.astro CHANGED
@@ -100,15 +100,19 @@ const { id, title, body, actionLabel, cancelLabel, destructive = false, ask = fa
100
100
  .confirm-form { display: flex; flex-direction: column; gap: 8px; }
101
101
  .confirm-group {
102
102
  border-radius: 18px; overflow: hidden; border: 1px solid var(--border);
103
- background: color-mix(in srgb, var(--bg) 80%, transparent);
103
+ /* Apple's THICK material, deliberately: at 80% the kernel behind ghosted through the card
104
+ (founder-caught on the QR grid). The frosted feel comes from the blur, not from letting
105
+ content bleed into the words — a sheet asking for a decision must be legible first. */
106
+ background: color-mix(in srgb, var(--bg) 93%, transparent);
104
107
  backdrop-filter: blur(30px) saturate(1.5); -webkit-backdrop-filter: blur(30px) saturate(1.5);
105
108
  }
106
109
  .confirm-msg { padding: 18px 18px 16px; text-align: center; display: flex; flex-direction: column; gap: 5px; }
107
110
  .confirm-msg strong { font-size: var(--fs-md); font-weight: 700; letter-spacing: -0.01em; color: var(--text); }
108
111
  .confirm-msg span { font-size: var(--fs-xs); color: var(--text-dim); line-height: 1.45; }
109
- /* a title-less sheet's body is not supporting text under a headline — it IS the voice, so it
110
- speaks in the primary colour at reading size */
111
- .confirm-msg span:only-child { color: var(--text); font-size: var(--fs-sm); }
112
+ /* a title-less sheet's body is not supporting text under a headline — it IS the voice AND the
113
+ title, so it speaks in the primary colour at the native body size (founder: the question
114
+ deserves reading size, not caption size) */
115
+ .confirm-msg span:only-child { color: var(--text); font-size: var(--fs-base); line-height: 1.5; }
112
116
  .confirm-act {
113
117
  width: 100%; padding: 15px; border: 0; border-block-start: 1px solid var(--border);
114
118
  /* --confirm-accent: the declared hook for personas whose accent is too BRIGHT to read as text
@@ -133,7 +137,7 @@ const { id, title, body, actionLabel, cancelLabel, destructive = false, ask = fa
133
137
  /* the safe choice wears the boldest face, in its own detached card */
134
138
  .confirm-cancel {
135
139
  border: 1px solid var(--border); border-radius: 18px;
136
- background: color-mix(in srgb, var(--bg) 88%, transparent);
140
+ background: color-mix(in srgb, var(--bg) 93%, transparent);
137
141
  backdrop-filter: blur(30px) saturate(1.5); -webkit-backdrop-filter: blur(30px) saturate(1.5);
138
142
  font-weight: 700; color: var(--text);
139
143
  }