@synopackageland/ui 0.19.9 → 0.19.11

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.19.11 (2026-11-03)
+
+- `Progress` draws its track as a faint tint of its own tone (`--ui-primary-soft`, `--ui-success-soft`, `--ui-warning-soft`, `--ui-danger-soft`) instead of the grey border colour, so a bar never sits on a grey track.
+- `Progress` takes `indeterminate` for a total that is not known yet, such as a download whose size the server has not sent: a segment slides along the track, `aria-valuenow` is left out and no percentage is shown. With reduced motion the segment rests across the track, dimmed.
+
+## 0.19.10 (2026-11-03)
+
+- `ConnectionTopology` takes `cards` and `layout`. With `cards`, every lane is a card of one height (the tallest sets it) with node boxes of one size, each link word is centred on its own segment (one word on the middle of a lane with no relay), and the lines are solid or dashed instead of flowing dots. `layout="columns"` sets the cards side by side from 560px of container width. Without `cards` nothing changes. The real-browser check measures card heights, node boxes and word centres.
+
 ## 0.19.9 (2026-11-03)
 
 - `WizardDialog` takes `confirm-close`. While it is true, the close button, Escape and Cancel first ask "Discard changes?" with Keep editing and Discard; Keep editing returns to the wizard, Discard closes it and emits `cancel` once. Finish never asks, and with the prop false (the default) the wizard closes at once as before. The text follows the locale provider in every built-in locale ([wizard](docs/wizard.md#leaving-with-input)).

package/README.md

@@ -806,6 +806,14 @@ maps its own states to six link states.
   whole text on hover. `label-lines` keeps room for that many lines under
   every node (two in a dense lane), so paths side by side keep one height.
   With no lanes, one idle line shows `empty-label`.
+- **Cards.** `cards` makes a method chooser of the lanes: each lane is a card
+  of the tallest one's height with node boxes of one size, always stacked
+  (`layout="columns"` puts them side by side from 560px of container width).
+  Each link word sits under its own link, centred on that segment; in a lane
+  with no relay one word is centred on the whole path, and two links in one
+  state draw one mark and arrow. Lines are plain: solid when working, dashed
+  when idle, changing or unknown, with no flowing dots. `label-lines` (two by
+  default) clamps the words; `selected-lane` highlights a card as before.
 - **Motion.** The keyframes `ui-flow` and `ui-pulse` stop under
   `prefers-reduced-motion`; a working link then turns solid with an arrow.
 

package/dist/components/composite/connection-topology/ConnectionTopology.vue.d.ts

@@ -23,6 +23,10 @@ type __VLS_Props = {
      * unless set), so paths side by side, such as cards in a row, keep one
      * height whether or not their words wrap. */
     labelLines?: number;
+    /** Equal-size cards: every lane is a card of the tallest one's height, with node boxes of one size, each link word centred on its own segment (one word centred on the whole path in a lane with no relay) and calm solid or dashed lines. Always the stacked layout, at any width. */
+    cards?: boolean;
+    /** With `cards`: `columns` puts the lanes side by side once the container is 560px wide; `stacked` (default) keeps them one above the other. */
+    layout?: 'stacked' | 'columns';
 };
 type __VLS_Slots = Record<`node-${string}`, (props: {
     node: TopologyNode;
@@ -37,6 +41,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     selectable: boolean;
     selectedLane: string | number;
+    cards: boolean;
+    layout: "stacked" | "columns";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/primitives/progress/Progress.vue.d.ts

@@ -8,11 +8,14 @@ type __VLS_Props = {
     tone?: 'primary' | 'success' | 'warning' | 'danger';
     /** `sm` is a 4px line that fits under a label in a dense table row. */
     size?: 'md' | 'sm';
+    /** The total is not known yet: a segment moves along the track and no value is shown. */
+    indeterminate?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "md" | "sm";
     value: number;
     max: number;
+    indeterminate: boolean;
     tone: "primary" | "success" | "warning" | "danger";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;