@wix/himalaya-cli 0.1029.0 → 0.1031.0

package/templates/retail-store/dev/index.ts

@@ -3210,18 +3210,6 @@ const SCREENS = runtimeSetting({
                           "style": "title3"
                         }
                       }
-                    },
-                    {
-                      "id": "",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Text",
-                        "props": {
-                          "text": "Tint the brand surfaces.",
-                          "style": "footnote",
-                          "color": "textSecondary"
-                        }
-                      }
                     }
                   ]
                 }
@@ -3233,218 +3221,506 @@ const SCREENS = runtimeSetting({
                 "package": "himalaya",
                 "type": "Grid",
                 "props": {
-                  "columns": 6,
+                  "columns": 3,
                   "columnsMedium": 6,
                   "spacing": 12,
                   "items": [
                     {
-                      "id": "himi_appearance.accent.brand",
+                      "id": "himi_appearance.accent_option.brand",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.brand",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_brand"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_brand",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.brand",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Brand",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_brand",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "brand"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_brand",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "brand"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "brand"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     },
                     {
-                      "id": "himi_appearance.accent.amber",
+                      "id": "himi_appearance.accent_option.amber",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.amber",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_amber"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_amber",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.amber",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Amber",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_amber",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "amber"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_amber",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "amber"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "amber"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     },
                     {
-                      "id": "himi_appearance.accent.terracotta",
+                      "id": "himi_appearance.accent_option.terracotta",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.terracotta",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_terracotta"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_terracotta",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.terracotta",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Terracotta",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_terracotta",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "terracotta"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_terracotta",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "terracotta"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "terracotta"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     },
                     {
-                      "id": "himi_appearance.accent.sage",
+                      "id": "himi_appearance.accent_option.sage",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.sage",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_sage"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_sage",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.sage",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Sage",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_sage",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "sage"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
+                        }
+                      },
+                      "modifiers": {
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
+                      }
+                    },
+                    {
+                      "id": "himi_appearance.accent_option.plum",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "VStack",
+                        "props": {
+                          "spacing": 8,
+                          "alignment": "center",
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.plum",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_plum"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_plum",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.plum",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Plum",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_plum",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "plum"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_sage",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "sage"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "sage"
-                      }
-                    },
-                    {
-                      "id": "himi_appearance.accent.plum",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "ZStack",
-                        "props": {
-                          "alignment": "center",
-                          "children": []
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
                         }
-                      },
-                      "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_plum",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "plum"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "plum"
                       }
                     },
                     {
-                      "id": "himi_appearance.accent.ocean",
+                      "id": "himi_appearance.accent_option.ocean",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "children": [
+                            {
+                              "id": "himi_appearance.accent.ocean",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "ZStack",
+                                "props": {
+                                  "alignment": "center",
+                                  "children": [
+                                    {
+                                      "id": "",
+                                      "body": {
+                                        "package": "himalaya",
+                                        "type": "Icon",
+                                        "props": {
+                                          "name": "check",
+                                          "size": 20,
+                                          "tint": "textOnAccent"
+                                        }
+                                      },
+                                      "modifiers": {
+                                        "accessibilityRole": "decorative",
+                                        "hiddenPath": "$service:himiBrandedAppearance.notSelected_ocean"
+                                      }
+                                    }
+                                  ]
+                                }
+                              },
+                              "modifiers": {
+                                "width": 46,
+                                "height": 46,
+                                "cornerRadius": 23,
+                                "background": {
+                                  "token": "accentPrimary"
+                                },
+                                "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_ocean",
+                                "border": {
+                                  "width": 2,
+                                  "color": {
+                                    "token": "border"
+                                  }
+                                }
+                              }
+                            },
+                            {
+                              "id": "himi_appearance.accent_radio.ocean",
+                              "body": {
+                                "package": "himalaya",
+                                "type": "SelectionControl",
+                                "props": {
+                                  "kind": "radio",
+                                  "groupId": "himi_appearance.accent",
+                                  "label": "Ocean",
+                                  "valuePath": "$service:himiBrandedAppearance.selected_ocean",
+                                  "onChange": {
+                                    "actionId": "tier5.himiBrandedAppearance.selectAccent",
+                                    "params": {
+                                      "id": "ocean"
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          ]
                         }
                       },
                       "modifiers": {
-                        "width": 46,
-                        "height": 46,
-                        "cornerRadius": 23,
-                        "background": {
-                          "token": "accentPrimary"
-                        },
-                        "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_ocean",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "ocean"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "ocean"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     }
                   ]
@@ -3944,41 +4220,21 @@ const SCREENS = runtimeSetting({
                           "spacing": 12,
                           "children": [
                             {
-                              "id": "",
+                              "id": "himi_app_language.option.$item.id",
                               "body": {
                                 "package": "himalaya",
-                                "type": "VStack",
+                                "type": "SelectionControl",
                                 "props": {
-                                  "spacing": 3,
-                                  "alignment": "leading",
-                                  "children": [
-                                    {
-                                      "id": "",
-                                      "body": {
-                                        "package": "himalaya",
-                                        "type": "Text",
-                                        "props": {
-                                          "text": "$item.name",
-                                          "style": "bodyEmphasis",
-                                          "maxLines": 1
-                                        }
-                                      }
-                                    },
-                                    {
-                                      "id": "",
-                                      "body": {
-                                        "package": "himalaya",
-                                        "type": "Text",
-                                        "props": {
-                                          "text": "$item.subtitle",
-                                          "style": "caption",
-                                          "color": "accentPrimary",
-                                          "maxLines": 1,
-                                          "collapseWhenEmpty": true
-                                        }
-                                      }
+                                  "kind": "radio",
+                                  "groupId": "himi_app_language",
+                                  "label": "$item.name",
+                                  "valuePath": "$item.selected",
+                                  "onChange": {
+                                    "actionId": "tier5.spacesAppLanguage.select",
+                                    "params": {
+                                      "id": "$item.id"
                                     }
-                                  ]
+                                  }
                                 }
                               }
                             },
@@ -4009,16 +4265,7 @@ const SCREENS = runtimeSetting({
                           "trailing": 12,
                           "top": 12,
                           "bottom": 12
-                        },
-                        "onTap": {
-                          "actionId": "tier5.spacesAppLanguage.select",
-                          "params": {
-                            "id": "$item.id"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "$item.name"
+                        }
                       }
                     }
                   ]
@@ -15551,6 +15798,9 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                           "color": "textSecondary",
                           "collapseWhenEmpty": true
                         }
+                      },
+                      "modifiers": {
+                        "hiddenPath": "$service:himiStoreProduct.added"
                       }
                     }
                   ]
@@ -15666,7 +15916,7 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
         "package": "himalaya",
         "type": "VStack",
         "props": {
-          "spacing": 0,
+          "spacing": 8,
           "children": [
             {
               "id": "himi_product.add_to_cart",
@@ -15687,6 +15937,117 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                 "pressFeedback": "scale",
                 "haptic": "medium"
               }
+            },
+            {
+              "id": "himi_product.adding",
+              "body": {
+                "package": "himalaya",
+                "type": "HStack",
+                "props": {
+                  "spacing": 8,
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "ActivityIndicator",
+                        "props": {
+                          "indeterminate": true,
+                          "size": 16
+                        }
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "Adding to cart…",
+                          "style": "footnote",
+                          "color": "textSecondary"
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "hiddenPath": "$service:himiStoreProduct.notAdding"
+              }
+            },
+            {
+              "id": "himi_product.added_confirmation",
+              "body": {
+                "package": "himalaya",
+                "type": "HStack",
+                "props": {
+                  "spacing": 10,
+                  "children": [
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Icon",
+                        "props": {
+                          "name": "check",
+                          "size": 18,
+                          "tint": "success"
+                        }
+                      },
+                      "modifiers": {
+                        "accessibilityRole": "decorative"
+                      }
+                    },
+                    {
+                      "id": "",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Text",
+                        "props": {
+                          "text": "$service:himiStoreProduct.cartHint",
+                          "style": "footnote",
+                          "collapseWhenEmpty": true
+                        }
+                      },
+                      "modifiers": {
+                        "weight": 1
+                      }
+                    },
+                    {
+                      "id": "himi_product.view_cart",
+                      "body": {
+                        "package": "himalaya",
+                        "type": "Button",
+                        "props": {
+                          "title": "View cart",
+                          "style": "tertiary",
+                          "action": {
+                            "actionId": "himi.open",
+                            "params": {
+                              "screenId": "himi_cart"
+                            }
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              },
+              "modifiers": {
+                "background": {
+                  "token": "surfaceSecondary"
+                },
+                "cornerRadius": 8,
+                "padding": {
+                  "leading": 12,
+                  "trailing": 8,
+                  "top": 6,
+                  "bottom": 6
+                },
+                "fillMaxWidth": true,
+                "hiddenPath": "$service:himiStoreProduct.notAdded"
+              }
             }
           ]
         }