@crewlethq/ui 0.64.0 → 0.65.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.64.0",
+  "version": "0.65.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.64.0",
-    "@crewlethq/tokens": "0.64.0",
+    "@crewlethq/icons": "0.65.0",
+    "@crewlethq/tokens": "0.65.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/ArrangeList-NNRTDFI5.css

@@ -1,94 +0,0 @@
-/*
- * ArrangeList: rows a reader puts in order and switches on and off.
- *
- * The row is a quiet inset band rather than a card: a panel holding eight of
- * them is a list, and eight bordered boxes read as eight separate objects.
- */
-
-.crewlet-arrange-list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-1);
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.crewlet-arrange-list__item {
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-2);
-  min-height: var(--size-row-lg);
-  padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-1);
-  border: 1px solid transparent;
-  border-radius: var(--radius-md);
-  background: var(--color-surface-subtle);
-  transition: background-color var(--motion-duration-fast) var(--motion-easing-default),
-    border-color var(--motion-duration-fast) var(--motion-easing-default);
-}
-
-.crewlet-arrange-list__item:hover {
-  border-color: var(--color-border-default);
-}
-
-/* The row being carried is a gap in the list, outlined where it will land. */
-.crewlet-arrange-list__item[data-reorder='dragging'] {
-  border-style: dashed;
-  border-color: var(--color-border-strong);
-  background: transparent;
-}
-.crewlet-arrange-list__item[data-reorder='dragging'] > * {
-  opacity: 0.4;
-}
-
-.crewlet-arrange-list__handle {
-  flex-shrink: 0;
-  cursor: grab;
-  color: var(--color-text-tertiary);
-}
-.crewlet-arrange-list__handle:active {
-  cursor: grabbing;
-}
-
-.crewlet-arrange-list__label {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-2);
-}
-
-.crewlet-arrange-list__icon {
-  display: inline-flex;
-  flex-shrink: 0;
-  color: var(--color-text-secondary);
-}
-
-/* The toggle takes the row's width, so its label is the row's target. */
-.crewlet-arrange-list__toggle {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-/* Off, the words step back; the switch itself already says off. */
-.crewlet-arrange-list__item.is-off .crewlet-arrange-list__icon,
-.crewlet-arrange-list__item.is-off .crewlet-switch__label,
-.crewlet-arrange-list__item.is-off .crewlet-checkbox__label {
-  color: var(--color-text-tertiary);
-}
-
-.crewlet-arrange-list__trailing {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-}
-
-.crewlet-arrange-list__moves {
-  display: inline-flex;
-  flex-shrink: 0;
-  gap: 2px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .crewlet-arrange-list__item {
-    transition: none;
-  }
-}

package/dist/AttachmentChip-XF4KPQ3G.css

@@ -1,16 +0,0 @@
-/*
- * A file attached to a message: a Tag whose leading mark is the file's
- * thumbnail, at the glyph's own box so the pill keeps its height, with the
- * name cut short rather than widening the composer's row.
- */
-.crewlet-attachment-chip {
-  max-width: 14rem;
-}
-
-.crewlet-attachment-chip__thumb {
-  display: block;
-  width: var(--font-size-md);
-  height: var(--font-size-md);
-  border-radius: var(--radius-xs);
-  object-fit: cover;
-}

package/dist/ConflictNote-DH77PYF7.css

@@ -1,27 +0,0 @@
-/* ConflictNote: a refused write's sentence in the danger ink, with its glyph
-   so the colour is never the only carrier, and its controls beside it. */
-.crewlet-conflict-note {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--spacing-1) var(--spacing-2);
-  max-width: 40rem;
-  color: var(--color-feedback-danger-ink);
-  font-size: var(--font-size-compact);
-  overflow-wrap: anywhere;
-}
-
-.crewlet-conflict-note__glyph {
-  flex: none;
-}
-
-.crewlet-conflict-note__text {
-  flex: 1 1 16rem;
-  min-width: 0;
-}
-
-.crewlet-conflict-note__actions {
-  display: inline-flex;
-  flex-wrap: wrap;
-  gap: var(--spacing-1);
-}

package/dist/ListDetail-ALKU5VJW.css

@@ -1,53 +0,0 @@
-/*
- * ListDetail: a list beside the detail of what is chosen in it, each scrolling
- * on its own in the height it is given, one pane on a phone (ListDetail.tsx).
- */
-
-.crewlet-list-detail {
-  display: grid;
-  flex: 1 1 auto;
-  grid-template-columns: var(--crewlet-list-detail-list, 17rem) minmax(0, 1fr);
-  gap: var(--spacing-8);
-  height: 100%;
-  min-width: 0;
-  min-height: 0;
-}
-
-.crewlet-list-detail__list {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-  padding-right: var(--spacing-6);
-  border-right: 1px solid var(--color-border-default);
-}
-
-.crewlet-list-detail__detail {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-5);
-  min-width: 0;
-  min-height: 0;
-  overflow-y: auto;
-}
-
-@media (width < 640px) {
-  .crewlet-list-detail {
-    grid-template-columns: minmax(0, 1fr);
-    height: auto;
-  }
-
-  .crewlet-list-detail__list {
-    padding-right: 0;
-    border-right: 0;
-  }
-
-  .crewlet-list-detail__detail {
-    overflow: visible;
-  }
-
-  .crewlet-list-detail--showing-list .crewlet-list-detail__detail,
-  .crewlet-list-detail--showing-detail .crewlet-list-detail__list {
-    display: none;
-  }
-}

package/dist/PresenceStack-FJJQVH74.css

@@ -1,67 +0,0 @@
-/*
- * Who is here (PresenceStack.tsx), on the avatar stack's own geometry: the
- * overlap and the counted chip are the stack's. What this adds is the ring in
- * each present collaborator's hue, outside the cut-out, and the idle fade.
- */
-
-/* HOW FAR THE RING REACHES past each badge: the cut-out, then the hue. The
-   ring is drawn outside the stack's own box, so a container that places the
-   stack flush to an edge (or clips) keeps this much clear round it. */
-.crewlet-presence-stack {
-  --crewlet-presence-stack-cutout: 2px;
-  --crewlet-presence-stack-reach: calc(var(--crewlet-presence-stack-cutout) * 2);
-}
-
-/* The wrapper (a span, or a button when badges select) carries no edge of its
-   own: the cut-out and the hue ring are drawn on the badge inside it, which
-   has the badge's own outline to follow. */
-.crewlet-presence-stack > .crewlet-presence-stack__member {
-  display: inline-flex;
-  flex: none;
-  padding: 0;
-  border: 0;
-  background: none;
-  box-shadow: none;
-  color: inherit;
-  font: inherit;
-}
-
-.crewlet-presence-stack > .crewlet-presence-stack__member--human {
-  border-radius: var(--radius-circle);
-}
-
-.crewlet-presence-stack > .crewlet-presence-stack__member--agent {
-  border-radius: var(--radius-sm);
-}
-
-button.crewlet-presence-stack__member {
-  cursor: pointer;
-}
-
-button.crewlet-presence-stack__member:focus-visible {
-  outline: 2px solid var(--color-focus);
-  outline-offset: var(--size-focus-ring-inset-offset);
-}
-
-.crewlet-presence-stack .crewlet-presence-stack__badge {
-  box-shadow: 0 0 0 var(--crewlet-presence-stack-cutout) var(--crewlet-avatar-stack-ground);
-}
-
-/* The hue ring sits outside the cut-out, so it reads as a ring round the
-   badge rather than a stroke on it. */
-.crewlet-presence-stack .crewlet-presence-stack__badge--present {
-  box-shadow:
-    0 0 0 var(--crewlet-presence-stack-cutout) var(--crewlet-avatar-stack-ground),
-    0 0 0 var(--crewlet-presence-stack-reach) var(--crewlet-presence-hue);
-}
-
-.crewlet-presence-stack .crewlet-presence-stack__badge--idle {
-  opacity: 0.5;
-}
-
-@media (forced-colors: active) {
-  .crewlet-presence-stack .crewlet-presence-stack__badge--present {
-    outline: 2px solid Highlight;
-    outline-offset: 2px;
-  }
-}

package/dist/RelatedRow-2FVS6QQA.css

@@ -1,6 +0,0 @@
-/* RelatedRow: the glyphs in the quiet ink; everything else is the kit's card. */
-.crewlet-related-row__glyph {
-  display: inline-flex;
-  flex: none;
-  color: var(--color-text-tertiary);
-}