@colixsystems/widget-sdk 0.185.0 → 0.186.0

package/README.md

@@ -74,7 +74,11 @@ See the design reference for the full architecture: [`docs/architecture/widget-m
 
 ## Status
 
-`v0.185.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+`v0.186.0` — pre-publish. The package surface (types, function names, export paths) is the v1 contract; runtime behaviour for some hooks is stubbed (each hook documents what's wired and what isn't). It is **not yet published to npm**.
+
+### What's new in 0.186.0 (contract 1.147.0)
+
+**A page's top navigation bar puts its tabs on the left or the right; the centred option is gone.** `resolveTopBarTokens().tabAlignment` is now `"left"` | `"right"`. A `theme_config.topBar.tabAlignment` of `"center"` resolves to `"left"`, like any other unknown value, and the Studio drops it the next time the theme is saved. Host-integration surface only — no author-facing hook, prop, primitive, or manifest field changed.
 
 ### What's new in 0.185.0 (contract 1.146.0)
 

package/dist/contract.cjs

@@ -4813,7 +4813,9 @@ const CONTRACT = deepFreeze({
   //    sized to their content. `<Button>` / `<ListRow>` read their `style`
   //    through the same flatten; their behaviour is unchanged. `<Stat>`'s
   //    icon, figure and delta wrap in a tile too narrow to hold them.
-  version: "1.146.0",
+  // 1.147.0: narrowing (sc-10123) — `resolveTopBarTokens().tabAlignment` is
+  //    "left" | "right". A stored "center" resolves to "left".
+  version: "1.147.0",
   sharedTranslationKeys: SHARED_TRANSLATION_KEYS,
   hooks: HOOKS,
   primitives: PRIMITIVES,

package/dist/contract.js

@@ -4809,7 +4809,9 @@ const CONTRACT = deepFreeze({
   //    sized to their content. `<Button>` / `<ListRow>` read their `style`
   //    through the same flatten; their behaviour is unchanged. `<Stat>`'s
   //    icon, figure and delta wrap in a tile too narrow to hold them.
-  version: "1.146.0",
+  // 1.147.0: narrowing (sc-10123) — `resolveTopBarTokens().tabAlignment` is
+  //    "left" | "right". A stored "center" resolves to "left".
+  version: "1.147.0",
   sharedTranslationKeys: SHARED_TRANSLATION_KEYS,
   hooks: HOOKS,
   primitives: PRIMITIVES,

package/dist/host.d.ts

@@ -292,7 +292,7 @@ export interface TopBarTokens {
    *  current tab so the page shows through it. */
   tabStyle: "underline" | "attached";
   /** Where the row's tabs sit across its width; `left` unless authored. */
-  tabAlignment: "left" | "center" | "right";
+  tabAlignment: "left" | "right";
   /** The column the tabs sit in: the whole bar, or the page content's. The
    *  bar's surface spans the full width either way. */
   tabRowWidth: "full" | "content";

package/dist/navigation.cjs

@@ -535,7 +535,7 @@ function resolveTopStripeLayout(theme) {
   };
 }
 
-const TAB_ALIGNMENTS = ["left", "center", "right"];
+const TAB_ALIGNMENTS = ["left", "right"];
 const TAB_ROW_WIDTHS = ["full", "content"];
 
 function resolveTopBarTokens(theme) {
@@ -569,8 +569,8 @@ function resolveTopBarTokens(theme) {
     // surface and meets the page beneath it, so the two read as one plane. Meaningless on a shape that draws no tab row — a host
     // reads it only where it has tabs to draw.
     tabStyle: topBar.tabStyle === "attached" ? "attached" : "underline",
-    // sc-10123: where the row's tabs sit across its width. Both hosts place
-    // them with flexible spacers rather than centring the row, so a row that
+    // sc-10123: which end of the row the tabs sit at. Both hosts place them
+    // with a flexible spacer rather than justifying the row, so a row that
     // overflows still scrolls from its first tab instead of clipping it.
     tabAlignment: TAB_ALIGNMENTS.includes(topBar.tabAlignment)
       ? topBar.tabAlignment

package/dist/navigation.js

@@ -526,7 +526,7 @@ export function resolveTopStripeLayout(theme) {
   };
 }
 
-const TAB_ALIGNMENTS = ["left", "center", "right"];
+const TAB_ALIGNMENTS = ["left", "right"];
 const TAB_ROW_WIDTHS = ["full", "content"];
 
 export function resolveTopBarTokens(theme) {
@@ -560,8 +560,8 @@ export function resolveTopBarTokens(theme) {
     // surface and meets the page beneath it, so the two read as one plane. Meaningless on a shape that draws no tab row — a host
     // reads it only where it has tabs to draw.
     tabStyle: topBar.tabStyle === "attached" ? "attached" : "underline",
-    // sc-10123: where the row's tabs sit across its width. Both hosts place
-    // them with flexible spacers rather than centring the row, so a row that
+    // sc-10123: which end of the row the tabs sit at. Both hosts place them
+    // with a flexible spacer rather than justifying the row, so a row that
     // overflows still scrolls from its first tab instead of clipping it.
     tabAlignment: TAB_ALIGNMENTS.includes(topBar.tabAlignment)
       ? topBar.tabAlignment

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colixsystems/widget-sdk",
-  "version": "0.185.0",
+  "version": "0.186.0",
   "description": "Common widget interface for AppStudio. Implements WidgetManifest, WidgetContext, property schema, and helper hooks.",
   "homepage": "https://github.com/Colix-AB/AppStudio",
   "type": "module",