@crewlethq/ui 0.78.0 → 0.80.0

package/README.md

@@ -205,6 +205,12 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.80.0
+
+**`DataTable` takes `columnSizing="content"`** (compact variant): each column as wide as what it holds, its header included, the cells' own insets apart, and the spare width given to the trailing spacer. For a short table in a wide pane (an agent, a switch, a level and a status), which the fit spread across the box until a row read as four separate facts. The browser's automatic table layout measures the columns, so no width is stated on a column the caller did not lock with `width`, the fit pass does not run, and no resize handle is drawn. Its cells stay on one line whatever Wrap lines says, since a column as wide as its content truncates nothing, while a panel or strip that spans the row wraps; a row wider than its box scrolls sideways. `fill`, the default, is the table as it was. The type is `DataTableColumnSizing`.
+
+**`ChangeList` takes `layout="inline"`**: each row on one line, its label and then its values as chips ("Deployments: Read-only → Read and write"), the old value on an outline chip and the new one on the added tone. A pair is still said "Changed from X to Y" and an added or removed value says so, and a word diff or a block value keeps its own layout under its label. `grid`, the default, is unchanged. The type is `ChangeListLayout`.
+
 ## Changes in 0.78.0
 
 **`Tabs` take `actions`, controls at the row's far end in a tab list too.** A screen's own buttons ("Check now", "New") stand beside its tabs, in one bar with them, and never inside the tab list: the actions are the row's next sibling, so a screen reader meets a tab list of tabs alone and then the buttons, and the keyboard reaches the tabs (one stop, the arrows inside) and then each action. In router mode they stand outside the `nav` for the same reason. The actions keep their width at every size and the row gives way first: it takes the room left beside them, and scrolls (`overflow="scroll"`) or folds into "More" (`overflow="menu"`) inside that room, where the slider and the fold are measured. A pill or chip row keeps its width while it fits and scrolls inside the bar once it does not, so no tab paints under an action. An underline row's rule runs on under the actions to the bar's edge. With `actions`, `className` lands on the bar, the outermost element (`.crewlet-tabs-bar`, the actions in `.crewlet-tabs__actions`). Actions that arrive after the row is drawn, or go, never re-parent it: every row now sits in one wrapper element, `display: contents` while there are no actions, so the focused tab keeps focus and the slider and fold measure the live row. Without actions `className` stays on the row. `trailing` is unchanged: router mode only, inside the `nav`.

package/dist/AgentHandoffPanel/index.js

@@ -1,12 +1,12 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-A6NUAQFW.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-57AKYFML.js';
 import '../chunk-4MJN2KN6.js';
 import '../chunk-WFCWPXJN.js';
-import '../chunk-CZUIPICC.js';
+import '../chunk-E35HYQMK.js';
 import '../chunk-222VILSP.js';
 import '../chunk-FFGEJUAP.js';
 import '../chunk-CLJGFOTV.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';
@@ -14,11 +14,11 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AppShell/index.js

@@ -1,13 +1,13 @@
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-HDLUG3MA.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useScreenBelow, useScreenWidth, useStoredWidth } from '../chunk-UY3FWQWG.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-KNAHKQD4.js';
+import '../chunk-OQG4P5KU.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from '../chunk-PIYJNCN7.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList/index.js

@@ -1,13 +1,13 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-2GBG7KPK.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-TKUAGWNR.js';
 import '../chunk-3XDT5ZWL.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-GKWZTTFV.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-LMQG3VPG.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactBar/index.js

@@ -1,21 +1,21 @@
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-QEVYTXCY.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-HA3C53OU.js';
 import '../chunk-36WK24AI.js';
 import '../chunk-I33UIUZD.js';
-import '../chunk-PQDQTK64.js';
-import '../chunk-LPN3RHMA.js';
+import '../chunk-OZAMLQY7.js';
+import '../chunk-W3VDHUJM.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-CYQBDZ6M.js';
 import '../chunk-AVL52EME.js';
+import '../chunk-CYQBDZ6M.js';
 import '../chunk-RSKW25Y5.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-MLDTLZAO.js';
-import '../chunk-KNAHKQD4.js';
+import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactCard/index.js

@@ -1,23 +1,23 @@
-export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-HZHFXKVP.js';
+export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-ZKLEAK7M.js';
 import '../chunk-BRLZXYPA.js';
 import '../chunk-N2BF272H.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-4AUTALJA.js';
+import '../chunk-AV2DXAEL.js';
 import '../chunk-BT3GB7HC.js';
 import '../chunk-KTIQSSME.js';
 import '../chunk-NHLNHH4J.js';
-import '../chunk-4AUTALJA.js';
-import '../chunk-AV2DXAEL.js';
+import '../chunk-LMQG3VPG.js';
 import '../chunk-DOY3KC6I.js';
-import '../chunk-GKWZTTFV.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactPanel/index.js

@@ -5,7 +5,7 @@ import '../chunk-PIYJNCN7.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AvatarPicker/index.js

@@ -1,21 +1,21 @@
-export { AvatarPicker } from '../chunk-PP5E3FGY.js';
-import '../chunk-LE6K34SN.js';
+export { AvatarPicker } from '../chunk-3EKXL76Z.js';
+import '../chunk-ERB7UI3P.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-I22MUEG7.js';
-import '../chunk-PQDQTK64.js';
-import '../chunk-LPN3RHMA.js';
+import '../chunk-OZAMLQY7.js';
+import '../chunk-W3VDHUJM.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-KTIQSSME.js';
 import '../chunk-MLDTLZAO.js';
-import '../chunk-KNAHKQD4.js';
+import '../chunk-OQG4P5KU.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Canvas/index.js

@@ -1,12 +1,12 @@
-export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-EMCVX5FY.js';
+export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-OBPINJNO.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasBoard/index.js

@@ -1,16 +1,16 @@
-export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-ODAZIKZF.js';
+export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-FQI62PIZ.js';
 import '../chunk-5SZGKSGL.js';
-import '../chunk-SQ7GYC4K.js';
+import '../chunk-KL6A7JGH.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-EMCVX5FY.js';
+import '../chunk-OBPINJNO.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasToolbar/index.js

@@ -1,14 +1,14 @@
-export { CanvasToolbar, toolForKey } from '../chunk-SQ7GYC4K.js';
+export { CanvasToolbar, toolForKey } from '../chunk-KL6A7JGH.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-EMCVX5FY.js';
+import '../chunk-OBPINJNO.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ChangeList/ChangeList.d.ts

@@ -78,8 +78,23 @@ export interface ChangeListLabels {
     showWhole: string;
 }
 export declare const CHANGE_LIST_LABELS: ChangeListLabels;
+/**
+ * How the rows are laid out.
+ *
+ *   - 'grid'   the labels in one column and the values in the other, the
+ *              values in DiffList's tints. The default: a record's fields.
+ *   - 'inline' each row one line, its label and then its values as chips:
+ *              "Deployments: [Read-only] → [Read and write]". For a short
+ *              change read in passing, such as a level moved in a review.
+ */
+export type ChangeListLayout = 'grid' | 'inline';
 export interface ChangeListProps {
     rows: readonly ChangeListRow[];
+    /**
+     * `inline` sets each row on one line with its values as chips. A word diff
+     * and a block value keep their own layout under their label in either.
+     */
+    layout?: ChangeListLayout | undefined;
     /** The eyebrow over the rows: "What will change", "What will be created", "What changed". */
     heading?: ReactNode;
     /**
@@ -134,5 +149,5 @@ declare function BlockValue({ row, labels }: {
  * values in the other, rows apart by the list's spacing rather than rules,
  * and no box of its own inside the card that holds it.
  */
-export declare function ChangeList({ rows, heading, settled, labels: overrides, diffLabels, className }: ChangeListProps): import("react").JSX.Element;
+export declare function ChangeList({ rows, heading, layout, settled, labels: overrides, diffLabels, className, }: ChangeListProps): import("react").JSX.Element;
 export {};

package/dist/ChangeList/index.d.ts

@@ -1,3 +1,3 @@
 import './ChangeList.css';
 export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from './ChangeList.js';
-export type { ChangeListAddedRow, ChangeListChangedRow, ChangeListFactRow, ChangeListLabels, ChangeListProps, ChangeListRemovedRow, ChangeListRow, ChangeListTextRow, WordDiffPart, } from './ChangeList.js';
+export type { ChangeListAddedRow, ChangeListChangedRow, ChangeListFactRow, ChangeListLabels, ChangeListLayout, ChangeListProps, ChangeListRemovedRow, ChangeListRow, ChangeListTextRow, WordDiffPart, } from './ChangeList.js';

package/dist/ChangeList/index.js

@@ -1,4 +1,4 @@
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-BBD7PTBG.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-4XF7ENQA.js';
 import '../chunk-LR4IWUWQ.js';
 import '../chunk-VERJCAJ4.js';
 import '../chunk-CYQBDZ6M.js';

package/dist/{ChangeList-MDFH5NPH.css → ChangeList-ITJMTVDF.css}

@@ -207,3 +207,56 @@
 .crewlet-change-list--settled .crewlet-change-list__value {
   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;
+}

package/dist/CheckGrid/index.js

@@ -1,11 +1,11 @@
-export { CheckGrid } from '../chunk-HUIYSNBS.js';
-import '../chunk-GKWZTTFV.js';
-import '../chunk-6Q7RW2JJ.js';
+export { CheckGrid } from '../chunk-MGQKF7GK.js';
+import '../chunk-LMQG3VPG.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Checkbox/index.js

@@ -1,10 +1,10 @@
-export { Checkbox, CheckboxGroup } from '../chunk-GKWZTTFV.js';
-import '../chunk-6Q7RW2JJ.js';
+export { Checkbox, CheckboxGroup } from '../chunk-LMQG3VPG.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ColorField/index.js

@@ -1,11 +1,11 @@
-export { ColorField } from '../chunk-TL74TBDR.js';
+export { ColorField } from '../chunk-T24HBEU6.js';
 import '../chunk-7W3LYIOC.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,12 +1,12 @@
-export { Combobox } from '../chunk-FRLUJAFK.js';
+export { Combobox } from '../chunk-6EWNMSS4.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,18 +1,18 @@
-export { CommandPalette } from '../chunk-3NYVPLPW.js';
+export { CommandPalette } from '../chunk-5CEQ3HLH.js';
 import '../chunk-C667GCU7.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommentThread/index.js

@@ -1,22 +1,22 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-U4ICCJJP.js';
-import '../chunk-BXCL6P5Z.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-ADGNISEI.js';
 import '../chunk-N2BF272H.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-BT3GB7HC.js';
 import '../chunk-KTIQSSME.js';
-import '../chunk-CZUIPICC.js';
+import '../chunk-BXCL6P5Z.js';
+import '../chunk-E35HYQMK.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Composer/index.js

@@ -1,12 +1,12 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-CZUIPICC.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-E35HYQMK.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,11 +1,11 @@
-export { ConfirmField, confirmMatches } from '../chunk-LJSQT5NJ.js';
+export { ConfirmField, confirmMatches } from '../chunk-TPIMOGOZ.js';
 import '../chunk-PLL7ZJHY.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ContrastBadge/index.js

@@ -1,6 +1,6 @@
-export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-MGWFVAPN.js';
-import '../chunk-VERJCAJ4.js';
+export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-7PJFUQMY.js';
 import '../chunk-7W3LYIOC.js';
+import '../chunk-VERJCAJ4.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ContrastHelp/index.js

@@ -1,12 +1,12 @@
-export { ContrastHelp } from '../chunk-4O5XNGDC.js';
-import '../chunk-MGWFVAPN.js';
-import '../chunk-VERJCAJ4.js';
+export { ContrastHelp } from '../chunk-HQOEAUDJ.js';
+import '../chunk-7PJFUQMY.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-7W3LYIOC.js';
+import '../chunk-VERJCAJ4.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataGrid/index.js

@@ -1,7 +1,7 @@
-export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-MKWURHR5.js';
-import '../chunk-GKWZTTFV.js';
+export { ChooserList, ColumnChooser, DATA_GRID_ICON_TRACK, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, nextGridSort, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-LCZULGMB.js';
+import '../chunk-LMQG3VPG.js';
 import '../chunk-PPUR46MK.js';
-import '../chunk-6Q7RW2JJ.js';
+import '../chunk-FB3TCNQP.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
@@ -9,7 +9,7 @@ import '../chunk-RTPQDNW3.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/DataTable.d.ts

@@ -190,6 +190,17 @@ export type DataTableItemsPerPage = number | typeof ALL_ITEMS;
  * its own resizable column widths.
  */
 export type DataTableDensity = 'compact' | 'comfortable';
+/**
+ * How a compact table's columns share its width.
+ *
+ *   - 'fill'    every column grows in proportion until the row fills its
+ *               box. The default: a list page, where the columns are the
+ *               screen and a reader resizes them.
+ *   - 'content' each column is as wide as what it holds, its header
+ *               included, the cells' own insets apart, and the trailing
+ *               spacer takes the rest.
+ */
+export type DataTableColumnSizing = 'fill' | 'content';
 /**
  * Every string the table renders on its own behalf, in one prop.
  *
@@ -344,6 +355,19 @@ export interface DataTableProps<TRow = DataTableRow> {
      * render anywhere on the table.
      */
     resizable?: boolean;
+    /**
+     * How the columns share the table's width. Compact variant only.
+     *
+     * `content` IS FOR A SHORT TABLE IN A WIDE PANE: an agent, a switch, a
+     * level and a status, spread by the fit across a 900px box, sat so far
+     * apart that a row read as four facts about nothing in particular. Sized
+     * to content, the columns stand together and the spare width goes to the
+     * trailing spacer. Nothing resizes a column then, neither the fit nor a
+     * reader, so no resize handle is drawn; a column with a `width` keeps it,
+     * and a row wider than its box scrolls sideways as any table here does.
+     * `fill` (the default) is the table as it always was.
+     */
+    columnSizing?: DataTableColumnSizing;
     onRowAction?: ((row: TRow) => void) | null;
     actionLabel?: string;
     /** The action column's glyph. A component, not a name. */
@@ -569,6 +593,15 @@ export interface DataTableProps<TRow = DataTableRow> {
      * the header chevron opens or closes every row on the page.
      */
     renderExpandedRow?: (row: TRow) => ReactNode | null | undefined;
+    /**
+     * The name of one row's expand button, open or closed: "Show SRE's
+     * Datadog details". Defaults to `labels.expandRow` and `labels.collapseRow`.
+     *
+     * ONE NAME PER ROW, because a screen reader lists a page's buttons by name:
+     * a table of twelve rows each offering "Expand row" is twelve controls a
+     * reader cannot tell apart without walking back to each row's first cell.
+     */
+    expandLabel?: (row: TRow, open: boolean) => string;
     /** Optional initial expanded row key (resolved via the row-key resolver). */
     defaultExpandedKey?: string | number | null;
     /**
@@ -607,6 +640,13 @@ export interface DataTableProps<TRow = DataTableRow> {
      * This one is for a table that is the whole of its own surface.
      */
     title?: ReactNode;
+    /**
+     * The table's accessible name, for a table with no `title` of its own: an
+     * integration's Agents tab, a list a card's header already names visually.
+     * Without it, a table with a `title` is named by that title; a table with
+     * neither is announced as a table of so many rows belonging to nothing.
+     */
+    ariaLabel?: string;
     description?: ReactNode;
     /** The header's glyph. A component, not a name. */
     icon?: ReactNode;
@@ -621,4 +661,4 @@ export interface DataTableProps<TRow = DataTableRow> {
     /** Every string the table renders itself. Merged over the English defaults. */
     labels?: Partial<DataTableLabels>;
 }
-export declare const DataTable: <TRow>({ data, columns, storageKey, defaultColumnOrder, columnOrder: columnOrderProp, onColumnOrderChange, defaultItemsPerPage, itemsPerPage: itemsPerPageProp, onItemsPerPageChange, page: pageProp, onPageChange, pageCount, minColumnWidth, resizable, itemsPerPageOptions, onRowAction, actionLabel, actionIcon, getRowKey, rowKey, emptyMessage, endMessage, showActions, className, variant, density, maxBodyHeight, sort: sortProp, onSortChange, defaultSort, sortCycle, stableOrder, rowActions, archivedPredicate, archivedLabel, loading, skeletonRows, error, paginated, showSettings, onRowClick, getRowHref, rowTone, isSelected, renderAccessoryRow, renderToolbar, renderFilterBar, onClearFilters, filtersActive, clearFiltersLabel, filterKey, visibleColumns: visibleColumnsProp, onVisibleColumnsChange, renderExpandedRow, defaultExpandedKey, hasMore, onLoadMore, loadingMore, loadMoreLabel, title, description, icon, defaultWrapLines, labels: labelOverrides, }: DataTableProps<TRow>) => React.JSX.Element;
+export declare const DataTable: <TRow>({ data, columns, storageKey, defaultColumnOrder, columnOrder: columnOrderProp, onColumnOrderChange, defaultItemsPerPage, itemsPerPage: itemsPerPageProp, onItemsPerPageChange, page: pageProp, onPageChange, pageCount, minColumnWidth, resizable, columnSizing, itemsPerPageOptions, onRowAction, actionLabel, actionIcon, getRowKey, rowKey, emptyMessage, endMessage, showActions, className, variant, density, maxBodyHeight, sort: sortProp, onSortChange, defaultSort, sortCycle, stableOrder, rowActions, archivedPredicate, archivedLabel, loading, skeletonRows, error, paginated, showSettings, onRowClick, getRowHref, rowTone, isSelected, renderAccessoryRow, renderToolbar, renderFilterBar, onClearFilters, filtersActive, clearFiltersLabel, filterKey, visibleColumns: visibleColumnsProp, onVisibleColumnsChange, renderExpandedRow, defaultExpandedKey, hasMore, onLoadMore, loadingMore, loadMoreLabel, title, ariaLabel, expandLabel, description, icon, defaultWrapLines, labels: labelOverrides, }: DataTableProps<TRow>) => React.JSX.Element;

package/dist/DataTable/index.d.ts

@@ -1,6 +1,6 @@
 import './DataTable.css';
 export { DataTable, DATA_TABLE_LABELS, ALL_ITEMS } from './DataTable.js';
-export type { DataTableColumn, DataTableDensity, DataTableItemsPerPage, DataTableLabels, DataTableProps, DataTableRow, DataTableRowAction, DataTableRowTone, DataTableSortCycle, DataTableSortDirection, DataTableSortState, DataTableVariant, } from './DataTable.js';
+export type { DataTableColumn, DataTableColumnSizing, DataTableDensity, DataTableItemsPerPage, DataTableLabels, DataTableProps, DataTableRow, DataTableRowAction, DataTableRowTone, DataTableSortCycle, DataTableSortDirection, DataTableSortState, DataTableVariant, } from './DataTable.js';
 export { CopyableCell } from './CopyableCell.js';
 export type { CopyableCellProps } from './CopyableCell.js';
 export { RowActionsMenu } from './RowActionsMenu.js';