@wix/himalaya-cli 0.905.0 → 0.906.0

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

@@ -329,6 +329,20 @@ export declare function button(props: {
     id?: string;
 }): Component;
 export declare function withModifiers(c: Component, mods: NonNullable<Component["modifiers"]>): Component;
+/**
+ * Stamp a stable node id on an already-built component (invariant 27).
+ *
+ * The builders take `{ id }` as an option, but a screen is usually assembled as
+ * `withModifiers(vstack({ … }), { … })`, where reaching the inner call to name the node
+ * means restructuring the expression. `withId` names it from the outside instead.
+ *
+ * Added for #2738: descriptors had been carrying their node identifier in
+ * `modifiers.accessibilityLabel` — the only place that survived to the renderer — so a
+ * screen reader announced "himi_branded_home.store" and the tests that address these
+ * nodes had nothing else to match on. The id belongs here; the accessible name is then
+ * free to be the human text.
+ */
+export declare function withId(c: Component, id: string): Component;
 /** RFC 0024 — conditional visibility. Collapse `c` (zero layout) when `path`
  *  resolves truthy. `path` is a `"$item.<field>"` / `"$service:<svc>.<field>"`
  *  sentinel; the worker emits the bool (for "show only when X", emit the inverse

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

@@ -1,5 +1,11 @@
 import type { Component } from "../../dev-server/src/builder.js";
-/** A shimmer skeleton rectangle of the given height, tagged with an a11y id. */
+/**
+ * A shimmer skeleton rectangle of the given height, tagged with a stable NODE id.
+ *
+ * #2738 — `id` used to be emitted as `accessibilityLabel`, so a screen reader announced
+ * "himi_branded_home.hero_skeleton" and read three shimmer boxes aloud during every load.
+ * A skeleton is decorative: it carries an id for tests and no accessible name at all.
+ */
 export declare function skRect(height: number, id: string): Component;
 /** Options for the standard empty-state block. */
 export interface EmptyBlockOptions {

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

@@ -8038,6 +8038,9 @@ function button(props, opts) {
 function withModifiers(c, mods) {
   return { ...c, modifiers: { ...c.modifiers, ...mods } };
 }
+function withId(c, id) {
+  return { ...c, id };
+}
 function hiddenWhen(c, path) {
   return withModifiers(c, { hiddenPath: path });
 }
@@ -8455,13 +8458,12 @@ function deriveAppMeta(name, m, platforms = {}) {
 
 // ../../core/sdui/src/screen-kit.ts
 function skRect(height, id) {
-  return withModifiers(zstack({ alignment: "center", children: [] }), {
+  return withId(withModifiers(zstack({ alignment: "center", children: [] }), {
     height,
     background: { token: "surfaceSecondary" },
     border: { width: 1, color: { token: "border" } },
-    cornerRadius: 8,
-    accessibilityLabel: id
-  });
+    cornerRadius: 8
+  }), id);
 }
 function emptyBlock(service, titlePath, ctaTitle, ctaScreen, iconName, id, opts = {}) {
   const children = [
@@ -8569,6 +8571,7 @@ export {
   vstack,
   webView,
   wheelPicker,
+  withId,
   withModifiers,
   withTheme,
   workerSubtree,