@crewlethq/ui 0.79.0 → 0.81.0

package/dist/styles.css

@@ -8387,7 +8387,7 @@ a.crewlet-breadcrumb__crumb:focus-visible {
 }
 
 
-/* ChangeList-MDFH5NPH.css */
+/* ChangeList-ITJMTVDF.css */
 /*
  * What a change will do, as a before and after on PropertyList's grid: one
  * label column (as wide as the longest label, never under 92px) and one value
@@ -8598,6 +8598,59 @@ a.crewlet-breadcrumb__crumb:focus-visible {
   color: var(--color-text-secondary);
 }
 
+/*
+ * INLINE: one line a row, the label and then its values as chips. The rows
+ * stack; a row wraps as the pair does, the arrow staying with what it points
+ * at. A word diff and a block value keep their own layout under the label.
+ */
+.crewlet-change-list--inline .crewlet-change-list__rows {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+}
+
+.crewlet-change-list--inline .crewlet-change-list__row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1) var(--spacing-2);
+}
+
+.crewlet-change-list--inline .crewlet-change-list__row--text,
+.crewlet-change-list--inline .crewlet-change-list__row--block {
+  flex-direction: column;
+  align-items: stretch;
+}
+
+/* The label in the secondary ink at the row's own size, closed by a colon. */
+.crewlet-change-list--inline .crewlet-change-list__label {
+  font-size: inherit;
+  color: var(--color-text-secondary);
+}
+
+.crewlet-change-list--inline .crewlet-change-list__row:not(.crewlet-change-list__row--text):not(.crewlet-change-list__row--block) > .crewlet-change-list__label::after {
+  content: ':';
+}
+
+.crewlet-change-list--inline .crewlet-change-list__pair {
+  align-items: center;
+}
+
+.crewlet-change-list--inline .crewlet-change-list__next {
+  align-items: center;
+}
+
+/* THE CHIP IS THE MARK, so the element around it draws none of its own. */
+.crewlet-change-list__chip {
+  display: inline-flex;
+  text-decoration: none;
+}
+
+.crewlet-change-list--inline .crewlet-change-list__note {
+  flex-basis: 100%;
+  margin-top: 0;
+}
+
 
 /* ChangeMark-KFDGBF6G.css */
 /*
@@ -13862,7 +13915,7 @@ button.crewlet-data-grid__row-link {
 }
 
 
-/* DataTable-H43JSHOI.css */
+/* DataTable-GSLDFY5U.css */
 /* ─────────────────────────────────────────────────────────────────
  * Default variant.
  *
@@ -14662,6 +14715,44 @@ body.crewlet-data-table-resizing {
   width: var(--spacing-6);
 }
 
+/*
+ * A TABLE SIZED TO ITS CONTENT (`columnSizing="content"`) is laid out by the
+ * automatic algorithm, with no width stated on its columns. The spacer asks
+ * for the whole row, so every other column gives up all it can: down to its
+ * widest cell. What is left over is the spacer's.
+ *
+ * Its cells never wrap, Wrap lines or not. A cell that may break anywhere is
+ * a column the automatic layout squeezes to a few letters a line, which is
+ * what a name became the first time this was drawn; and with every column as
+ * wide as its content there is nothing to truncate, so the toggle has nothing
+ * to decide.
+ *
+ * After the gutter rule above and as specific, so a pinned column keeps its
+ * gutter as the spacer's floor while the spacer still takes the rest of the
+ * row. The panels that span the row wrap, as their content does at any width:
+ * kept on one line, a sentence in one would be measured as the narrowest the
+ * table may be.
+ */
+.crewlet-data-table--compact .crewlet-data-table__table.crewlet-data-table__table--content {
+  table-layout: auto;
+}
+
+.crewlet-data-table--compact .crewlet-data-table__table.crewlet-data-table__table--content td:not(.crewlet-data-table__expanded-cell):not(.crewlet-data-table__accessory-cell) {
+  white-space: nowrap;
+  overflow-wrap: normal;
+  word-break: normal;
+}
+
+.crewlet-data-table--compact .crewlet-data-table__table.crewlet-data-table__table--content .crewlet-data-table__th--spacer,
+.crewlet-data-table--compact .crewlet-data-table__table.crewlet-data-table__table--content .crewlet-data-table__td--spacer {
+  width: 100%;
+}
+
+.crewlet-data-table__table--content td.crewlet-data-table__expanded-cell,
+.crewlet-data-table__table--content td.crewlet-data-table__accessory-cell {
+  white-space: normal;
+}
+
 /*
  * Row actions column: pinned to the viewport's right edge with
  * position: sticky so the kebab affordance stays visible during

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.79.0",
+  "version": "0.81.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.79.0",
-    "@crewlethq/tokens": "0.79.0",
+    "@crewlethq/icons": "0.81.0",
+    "@crewlethq/tokens": "0.81.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{Editor-BXOWAV46.js → Editor-IMYESOW7.js}

@@ -1,5 +1,5 @@
-import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-7CSTEH5I.js';
+import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import './chunk-KOJPDCGQ.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-KBZO4B33.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';