@wix/himalaya-cli 0.1024.0 → 0.1026.0

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/schema.d.ts

@@ -2514,7 +2514,18 @@ export interface OrientationConfig {
 /** RFC 0010 — tab-bar structure config. */
 export interface TabBarConfig {
     items: NavTabItem[];
-}
+    /** #3222 — who draws the bar. `"native"` (the default, and what an absent or unknown value
+     *  means): the platform's own — SwiftUI `TabView` on iOS, Material 3 `NavigationBar` on
+     *  Android, and the web preview imitates the look it is previewing. `"kit"`: `KitTabBar`, styled
+     *  by the design kit's `tabBar` block (shape, indicator, gradient…). Operational: it can be
+     *  flipped over the air. */
+    presentation?: TabBarPresentation;
+}
+/** #3222 — see `TabBarConfig.presentation`. */
+export type TabBarPresentation = "native" | "kit";
+/** #3222 — the presentation a tab bar is drawn with: `"kit"` only when asked for by name; anything
+ *  else (absent, empty, unknown) is the platform's native bar. */
+export declare function resolveTabBarPresentation(raw: unknown): TabBarPresentation;
 /** RFC 0010 (nav-modes amendment) — sidebar / navigation-rail structure.
  *  Reuses NavTabItem (each entry roots its own stack, like a tab). */
 export interface SidebarConfig {

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/core.mjs

@@ -6882,6 +6882,11 @@ var require_dist = __commonJS({
   }
 });
 
+// ../../core/ts/src/schema.ts
+function resolveTabBarPresentation(raw) {
+  return raw === "kit" ? "kit" : "native";
+}
+
 // ../../core/ts/src/stream-policy.ts
 var STREAM_POLICY_VERSION = 1;
 var FORBIDDEN_HEADERS = /* @__PURE__ */ new Set([
@@ -13062,6 +13067,7 @@ export {
   resolveSurfaceEnvelope,
   resolveSurfaceNav,
   resolveSurfaceViewKey,
+  resolveTabBarPresentation,
   screenDescriptorSchema,
   selectIdiomOverlay,
   shouldRevealError,

package/dist/cli.mjs

@@ -12750,7 +12750,9 @@ var init_idiom_controls = __esm({
         segmented: { height: 50, trackPadding: 3, trackRadius: null, segmentRadius: null, outlined: false, selectedCheck: false, roles: FILLED_SEGMENT_ROLES },
         sheet: { cornerRadius: 16, grabberWidth: 36, grabberHeight: 5 },
         navBar: { rootTitle: "inline", pushedTitle: "inline", back: "chevron", inlineTitleSize: 15, largeTitleSize: 15, hideWithStickyChrome: false },
-        press: { button: "none", tappable: "none", highlightOpacity: 1, stateLayerOpacity: 0 }
+        press: { button: "none", tappable: "none", highlightOpacity: 1, stateLayerOpacity: 0 },
+        // The web's own bar, exactly as web-host drew it before #3222.
+        tabBar: { height: null, itemPadding: "7px 4px 6px", itemGap: 3, iconSize: 22, labelSize: 11, labelWeight: 600, indicator: null, roles: { background: "surfacePrimary", selected: "accentPrimary", selectedLabel: "accentPrimary", unselected: "textSecondary", indicator: null }, topHairline: true, translucent: false, badgeColor: "#E62214" }
       },
       // iOS: the stock UIKit / SwiftUI controls. The switch is MEASURED against
       // HimalayaDemoAppSnapshotTests' gallery_inputs golden (51×31, 27pt thumb, 2pt inset).
@@ -12771,7 +12773,10 @@ var init_idiom_controls = __esm({
         // A Button is `.buttonStyle(.borderless)`, which dims its content while pressed; any other
         // tappable is `.onTapGesture` (SDUIRenderer.swift `TapGestureIfPresent`), which shows
         // nothing. The dim is approximate — no golden captures a pressed state.
-        press: { button: "highlight", tappable: "none", highlightOpacity: 0.3, stateLayerOpacity: 0 }
+        press: { button: "highlight", tappable: "none", highlightOpacity: 0.3, stateLayerOpacity: 0 },
+        // UITabBar: 49pt, a 25pt glyph over a 10pt medium label, the tint on the selected tab, a
+        // translucent material with a hairline, systemRed badges.
+        tabBar: { height: 49, itemPadding: "6px 2px 2px", itemGap: 2, iconSize: 25, labelSize: 10, labelWeight: 500, indicator: null, roles: { background: "surfacePrimary", selected: "accentPrimary", selectedLabel: "accentPrimary", unselected: "textSecondary", indicator: null }, topHairline: true, translucent: true, badgeColor: "#FF3B30" }
       },
       // Android: the stock Material 3 controls. The switch's ON state is MEASURED against the
       // Paparazzi gallery_inputs golden (52×32 track, 24dp thumb, 4dp inset); its OFF state —
@@ -12818,7 +12823,12 @@ var init_idiom_controls = __esm({
         navBar: { rootTitle: "none", pushedTitle: "none", back: "arrow", inlineTitleSize: 0, largeTitleSize: 0, hideWithStickyChrome: false },
         // M3 Buttons and `Modifier.clickable` (every `onTap`, SDUIRenderer.kt) ripple. The web draws
         // the M3 pressed state layer (10% of the content colour), not the expanding circle.
-        press: { button: "ripple", tappable: "ripple", highlightOpacity: 1, stateLayerOpacity: 0.1 }
+        press: { button: "ripple", tappable: "ripple", highlightOpacity: 1, stateLayerOpacity: 0.1 },
+        // M3 NavigationBar: 80dp on surfaceContainer, a 64×32 pill (secondaryContainer) behind the
+        // selected 24dp icon, a 12sp medium label, no hairline. Roles as HimalayaMaterialTheme maps
+        // them: surfaceContainer → surfaceSecondary, secondaryContainer → accentSurface,
+        // onSecondaryContainer / onSurface → textPrimary, onSurfaceVariant → textSecondary.
+        tabBar: { height: 80, itemPadding: "12px 0 16px", itemGap: 4, iconSize: 24, labelSize: 12, labelWeight: 500, indicator: { width: 64, height: 32, radius: 16 }, roles: { background: ["surfaceSecondary", "surfacePrimary"], selected: "textPrimary", selectedLabel: "textPrimary", unselected: "textSecondary", indicator: ["accentSurface", "surfaceTertiary"] }, topHairline: false, translucent: false, badgeColor: "#B3261E" }
       }
     };
   }
@@ -29273,6 +29283,7 @@ __export(src_exports, {
   makeModStyle: () => makeModStyle,
   makeTokenResolvers: () => makeTokenResolvers,
   normalize: () => normalize,
+  pickRole: () => pickRole,
   renderDescriptorToHtml: () => renderDescriptorToHtml,
   renderNode: () => renderNode,
   servicePath: () => servicePath,
@@ -48769,21 +48780,21 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-hHpGDjBZ.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1038931, sha256: "65ef206c528bdc3e9b7ec6907e734267cd225ed33513982c46ecb3bbdd6d44ee" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1038939, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1043549, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1532133, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1623057, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1714041, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1805021, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1895893, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 1986873, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2095509, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2204593, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2313641, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2421341, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2509449, length: 4947, sha256: "f07de6435f49d7608a56b7af529229f2ccc10901ab33a9e600e01f10b60975d6" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2514396, length: 17209, sha256: "dffc9718e2faa63ae2cc919e0a842f585ed565aaaa7c53778e90379442c731b6" }
+      { key: "assets/index-CxGyJNjV.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1041209, sha256: "4eb08b810b7f8e5ae57dc8eef60fe084213c20e0ba7a9bc79b55c89b50cd1291" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1041217, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1045827, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1534411, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1625335, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1716319, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1807299, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1898171, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 1989151, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2097787, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2206871, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2315919, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2423619, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2511727, length: 4947, sha256: "8f89772181b62b7bda8f1620af71cca03ee0aae2471127d0633e07488edbf290" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2516674, length: 17209, sha256: "dffc9718e2faa63ae2cc919e0a842f585ed565aaaa7c53778e90379442c731b6" }
     ];
   }
 });

package/guides/sdk-reference.json

@@ -871,7 +871,7 @@
         "name": "TabBarConfig",
         "kind": "interface",
         "jsdoc": "/** Tab-bar structure config. */",
-        "decl": "export interface TabBarConfig {\n  items: NavTabItem[];\n}"
+        "decl": "export interface TabBarConfig {\n  items: NavTabItem[];\n  /** #3222 — who draws the bar. `\"native\"` (the default, and what an absent or unknown value\n   *  means): the platform's own — SwiftUI `TabView` on iOS, Material 3 `NavigationBar` on\n   *  Android, and the web preview imitates the look it is previewing. `\"kit\"`: `KitTabBar`, styled\n   *  by the design kit's `tabBar` block (shape, indicator, gradient…). Operational: it can be\n   *  flipped over the air. */\n  presentation?: TabBarPresentation;\n}"
       },
       {
         "name": "NavTabItem",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1024.0",
+  "version": "0.1026.0",
   "type": "module",
   "description": "himi — the Himalaya authoring CLI. Build a Tier-5 content package on your own machine, push it to the production serve as a draft, preview it on web + Himi Player, and read worker logs back — the remote dev loop. Wraps @himalaya/serve-cli for transport.",
   "keywords": [
@@ -65,5 +65,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "3447850e1e9f50f259b3b0d4aadd45e127233d1ae54ad9d31816cc1d"
+  "falconPackageHash": "7697d5497f3decfef92c0b07e21a8dd59a19989b5556baf7509f4a26"
 }