@crewlethq/ui 0.65.1 → 0.66.0

package/dist/styles.css

@@ -754,7 +754,7 @@
 }
 
 
-/* AppShell-LZQA3XU4.css */
+/* AppShell-2IBUS4TH.css */
 /*
  * The application frame: a rail on the FRAME, and the screen on a SHEET that
  * floats beside it.
@@ -816,7 +816,12 @@
      past it. A page that can also scroll as a whole carries the rail off the
      top of the window. */
   height: 100dvh;
-  overflow: hidden;
+  /* CLIPPED, NOT SCROLLABLE. `overflow: hidden` is still a scroll container:
+     a focus or a scrollIntoView on anything that reaches past the viewport
+     scrolled the whole shell up, the frame showing as a band under it, and
+     nothing a reader could do scrolled it back. `clip` cuts the same edge
+     and offers nothing to scroll (SidePanel's flush body, the same rule). */
+  overflow: clip;
   /* The FRAME, the lowest rung: what the rail stands on and what shows round
      the sheet's inset. */
   background: var(--color-surface-frame);
@@ -9635,11 +9640,11 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
 }
 
 
-/* ChatThread-FGXVDLI2.css */
+/* ChatThread-2KO3FZKQ.css */
 /*
  * A conversation as it grows: the scroller, the items a spacing step and a
- * half apart on the panel's 16px inset, and the Jump to latest pill floating
- * over its foot.
+ * half apart on the panel's 16px inset, and the Jump to latest pill in a row
+ * of its own under it.
  */
 .crewlet-chat-thread {
   position: relative;
@@ -9691,14 +9696,17 @@ button.crewlet-histogram__bar[data-empty]:focus-visible > .crewlet-histogram__fi
   flex: none;
 }
 
-/* The pill, centred a step above the thread's foot. */
+/*
+ * The pill, centred in a row of its own under the log. IN FLOW, NOT FLOATING:
+ * laid over the scroller it covered the last lines of whatever was being read,
+ * a table's rows or an answer's text. Here the log gives up the row while the
+ * pill shows, and nothing it holds is hidden under it.
+ */
 .crewlet-chat-thread__jump {
-  position: absolute;
-  bottom: var(--spacing-3);
-  left: 50%;
-  transform: translateX(-50%);
-  box-shadow: var(--shadow-md);
-  border-radius: var(--radius-pill);
+  display: flex;
+  flex: none;
+  justify-content: center;
+  padding: var(--spacing-2) var(--spacing-4);
 }
 
 .crewlet-chat-thread__fresh {
@@ -27077,7 +27085,7 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* ProposalCard-VTTCDXYK.css */
+/* ProposalCard-SF332W4E.css */
 /*
  * A proposed change. The card, its head, its strip and its foot are
  * StatusCard's; only the note's register is said here: the consequence is a
@@ -27098,6 +27106,28 @@ button.crewlet-presence-stack__member:focus-visible {
   text-align: end;
 }
 
+/* THE DELIBERATE CONFIRMATION, on a row of its own above the decision. It
+   starts at the foot's start edge, unlike the one-line reasons around it: a
+   checkbox's sentence wraps under its own first line, and set at the end its
+   lines would start in a different place each. */
+.crewlet-proposal-card__confirmation {
+  flex: 1 1 100%;
+}
+
+/* A PRIMARY THAT HAS JUST APPEARED takes no pointer for a moment (ARMING_MS
+   in ProposalCard.tsx): no hover, and no press from a pointer that was
+   already resting where it landed. Focus and the keyboard still reach it. */
+.crewlet-proposal-card__approve[data-arming] {
+  pointer-events: none;
+}
+
+/* THE DANGER TONE, while the decision is open: Card's rail (passed through
+   StatusCard) and the title in the danger ink, the step the tokens measure as
+   text, so it holds AA in every palette. The Tag keeps the state. */
+.crewlet-proposal-card--danger .crewlet-card__title {
+  color: var(--color-feedback-danger-ink);
+}
+
 /* WHY THE LAST DECISION WAS REFUSED, on a line of its own above the
    decision and at its end, as the held primary's reason is: the refusal
    strip's own inline drawing, which wraps rather than widening the row. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.65.1",
+  "version": "0.66.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.65.1",
-    "@crewlethq/tokens": "0.65.1",
+    "@crewlethq/icons": "0.66.0",
+    "@crewlethq/tokens": "0.66.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{Editor-NZRUKWB4.js → Editor-URGZOK2S.js}

@@ -1,5 +1,5 @@
-import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { FormField, Input } from './chunk-ETSF7SU6.js';

package/dist/{chunk-R2YHKVWN.js → chunk-SBHAKX2T.js}

@@ -1,5 +1,5 @@
-import { PageHeader } from './chunk-FPDIHEM4.js';
 import { Stepper } from './chunk-HJBHP66O.js';
+import { PageHeader } from './chunk-FPDIHEM4.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';