@wix/himalaya-cli 0.1029.0 → 0.1031.0

package/templates/yoga-studio/dev/index.ts

@@ -4318,18 +4318,6 @@ const SCREENS = runtimeSetting({
                           "style": "title3"
                         }
                       }
-                    },
-                    {
-                      "id": "",
-                      "body": {
-                        "package": "himalaya",
-                        "type": "Text",
-                        "props": {
-                          "text": "Tint the brand surfaces.",
-                          "style": "footnote",
-                          "color": "textSecondary"
-                        }
-                      }
                     }
                   ]
                 }
@@ -4341,218 +4329,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": {
-                        "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"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     },
                     {
-                      "id": "himi_appearance.accent.plum",
+                      "id": "himi_appearance.accent_option.plum",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "VStack",
                         "props": {
+                          "spacing": 8,
                           "alignment": "center",
-                          "children": []
+                          "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_plum",
-                        "border": {
-                          "width": 2,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "onTap": {
-                          "actionId": "tier5.himiBrandedAppearance.selectAccent",
-                          "params": {
-                            "id": "plum"
-                          }
-                        },
-                        "pressFeedback": "scale",
-                        "haptic": "light",
-                        "accessibilityLabel": "plum"
+                        "padding": {
+                          "top": 6,
+                          "bottom": 6,
+                          "leading": 4,
+                          "trailing": 4
+                        }
                       }
                     },
                     {
-                      "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
+                        }
                       }
                     }
                   ]
@@ -5052,41 +5328,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"
                                     }
-                                  ]
+                                  }
                                 }
                               }
                             },
@@ -5117,16 +5373,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"
+                        }
                       }
                     }
                   ]