@wix/himalaya-cli 0.1028.0 → 0.1030.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/cli.mjs +146 -36
  2. package/dist/preview-assets.generated.bin +0 -0
  3. package/guides/component-reference.json +0 -7
  4. package/guides/component-reference.md +0 -2
  5. package/package.json +2 -2
  6. package/templates/beauty-salon/dev/index.ts +590 -217
  7. package/templates/beauty-salon/tier5-src/_shared/collection-contract.ts +4 -1
  8. package/templates/beauty-salon/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  9. package/templates/beauty-salon/tier5-src/himi-store-product/index.ts +36 -5
  10. package/templates/beauty-salon/tier5-src/wix-spaces-app-language/index.ts +4 -2
  11. package/templates/beauty-salon-owner/dev/index.ts +22 -27
  12. package/templates/beauty-salon-owner/tier5-src/_shared/aria-chat.ts +23 -3
  13. package/templates/beauty-salon-owner/tier5-src/_shared/collection-contract.ts +4 -1
  14. package/templates/branded-lite/dev/index.ts +731 -232
  15. package/templates/branded-lite/tier5-src/_shared/collection-contract.ts +4 -1
  16. package/templates/branded-lite/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  17. package/templates/branded-lite/tier5-src/himi-branded-lite-notifsettings/index.ts +11 -6
  18. package/templates/branded-lite/tier5-src/himi-branded-lite-reviews/index.ts +11 -6
  19. package/templates/branded-lite/tier5-src/himi-store-product/index.ts +36 -5
  20. package/templates/branded-lite/tier5-src/wix-spaces-app-language/index.ts +4 -2
  21. package/templates/community-club/dev/index.ts +451 -204
  22. package/templates/community-club/tier5-src/_shared/collection-contract.ts +4 -1
  23. package/templates/community-club/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  24. package/templates/community-club/tier5-src/wix-spaces-app-language/index.ts +4 -2
  25. package/templates/community-club-owner/dev/index.ts +22 -27
  26. package/templates/community-club-owner/tier5-src/_shared/aria-chat.ts +23 -3
  27. package/templates/community-club-owner/tier5-src/_shared/collection-contract.ts +4 -1
  28. package/templates/events-meetups/dev/index.ts +451 -204
  29. package/templates/events-meetups/tier5-src/_shared/collection-contract.ts +4 -1
  30. package/templates/events-meetups/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  31. package/templates/events-meetups/tier5-src/wix-spaces-app-language/index.ts +4 -2
  32. package/templates/events-meetups-owner/dev/index.ts +22 -27
  33. package/templates/events-meetups-owner/tier5-src/_shared/aria-chat.ts +23 -3
  34. package/templates/events-meetups-owner/tier5-src/_shared/collection-contract.ts +4 -1
  35. package/templates/gym-fitness/dev/index.ts +590 -217
  36. package/templates/gym-fitness/tier5-src/_shared/collection-contract.ts +4 -1
  37. package/templates/gym-fitness/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  38. package/templates/gym-fitness/tier5-src/himi-store-product/index.ts +36 -5
  39. package/templates/gym-fitness/tier5-src/wix-spaces-app-language/index.ts +4 -2
  40. package/templates/gym-fitness-owner/dev/index.ts +22 -27
  41. package/templates/gym-fitness-owner/tier5-src/_shared/aria-chat.ts +23 -3
  42. package/templates/gym-fitness-owner/tier5-src/_shared/collection-contract.ts +4 -1
  43. package/templates/nonprofit-cause/dev/index.ts +451 -204
  44. package/templates/nonprofit-cause/tier5-src/_shared/collection-contract.ts +4 -1
  45. package/templates/nonprofit-cause/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  46. package/templates/nonprofit-cause/tier5-src/wix-spaces-app-language/index.ts +4 -2
  47. package/templates/nonprofit-cause-owner/dev/index.ts +22 -27
  48. package/templates/nonprofit-cause-owner/tier5-src/_shared/aria-chat.ts +23 -3
  49. package/templates/nonprofit-cause-owner/tier5-src/_shared/collection-contract.ts +4 -1
  50. package/templates/owner-lite/dev/index.ts +22 -27
  51. package/templates/owner-lite/tier5-src/_shared/aria-chat.ts +23 -3
  52. package/templates/owner-lite/tier5-src/_shared/collection-contract.ts +4 -1
  53. package/templates/podcast-creator/dev/index.ts +451 -204
  54. package/templates/podcast-creator/tier5-src/_shared/collection-contract.ts +4 -1
  55. package/templates/podcast-creator/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  56. package/templates/podcast-creator/tier5-src/wix-spaces-app-language/index.ts +4 -2
  57. package/templates/podcast-creator-owner/dev/index.ts +22 -27
  58. package/templates/podcast-creator-owner/tier5-src/_shared/aria-chat.ts +23 -3
  59. package/templates/podcast-creator-owner/tier5-src/_shared/collection-contract.ts +4 -1
  60. package/templates/portfolio-creative/dev/index.ts +575 -214
  61. package/templates/portfolio-creative/tier5-src/_shared/collection-contract.ts +4 -1
  62. package/templates/portfolio-creative/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  63. package/templates/portfolio-creative/tier5-src/himi-store-product/index.ts +36 -5
  64. package/templates/portfolio-creative/tier5-src/wix-spaces-app-language/index.ts +4 -2
  65. package/templates/portfolio-creative-owner/dev/index.ts +22 -27
  66. package/templates/portfolio-creative-owner/tier5-src/_shared/aria-chat.ts +23 -3
  67. package/templates/portfolio-creative-owner/tier5-src/_shared/collection-contract.ts +4 -1
  68. package/templates/restaurant/dev/index.ts +451 -204
  69. package/templates/restaurant/tier5-src/_shared/collection-contract.ts +4 -1
  70. package/templates/restaurant/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  71. package/templates/restaurant/tier5-src/wix-spaces-app-language/index.ts +4 -2
  72. package/templates/restaurant-owner/dev/index.ts +22 -27
  73. package/templates/restaurant-owner/tier5-src/_shared/aria-chat.ts +23 -3
  74. package/templates/restaurant-owner/tier5-src/_shared/collection-contract.ts +4 -1
  75. package/templates/retail-store/dev/index.ts +575 -214
  76. package/templates/retail-store/tier5-src/_shared/collection-contract.ts +4 -1
  77. package/templates/retail-store/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  78. package/templates/retail-store/tier5-src/himi-store-product/index.ts +36 -5
  79. package/templates/retail-store/tier5-src/wix-spaces-app-language/index.ts +4 -2
  80. package/templates/retail-store-owner/dev/index.ts +22 -27
  81. package/templates/retail-store-owner/tier5-src/_shared/aria-chat.ts +23 -3
  82. package/templates/retail-store-owner/tier5-src/_shared/collection-contract.ts +4 -1
  83. package/templates/yoga-studio/dev/index.ts +466 -205
  84. package/templates/yoga-studio/tier5-src/_shared/collection-contract.ts +4 -1
  85. package/templates/yoga-studio/tier5-src/himi-branded-lite-appearance/index.ts +12 -1
  86. package/templates/yoga-studio/tier5-src/wix-spaces-app-language/index.ts +4 -2
  87. package/templates/yoga-studio-owner/dev/index.ts +22 -27
  88. package/templates/yoga-studio-owner/tier5-src/_shared/aria-chat.ts +23 -3
  89. package/templates/yoga-studio-owner/tier5-src/_shared/collection-contract.ts +4 -1
package/templates/podcast-creator/dev/index.ts CHANGED
@@ -3896,18 +3896,6 @@ const SCREENS = runtimeSetting({
3896
3896
  "style": "title3"
3897
3897
  }
3898
3898
  }
3899
- },
3900
- {
3901
- "id": "",
3902
- "body": {
3903
- "package": "himalaya",
3904
- "type": "Text",
3905
- "props": {
3906
- "text": "Tint the brand surfaces.",
3907
- "style": "footnote",
3908
- "color": "textSecondary"
3909
- }
3910
- }
3911
3899
  }
3912
3900
  ]
3913
3901
  }
@@ -3919,218 +3907,506 @@ const SCREENS = runtimeSetting({
3919
3907
  "package": "himalaya",
3920
3908
  "type": "Grid",
3921
3909
  "props": {
3922
- "columns": 6,
3910
+ "columns": 3,
3923
3911
  "columnsMedium": 6,
3924
3912
  "spacing": 12,
3925
3913
  "items": [
3926
3914
  {
3927
- "id": "himi_appearance.accent.brand",
3915
+ "id": "himi_appearance.accent_option.brand",
3928
3916
  "body": {
3929
3917
  "package": "himalaya",
3930
- "type": "ZStack",
3918
+ "type": "VStack",
3931
3919
  "props": {
3920
+ "spacing": 8,
3932
3921
  "alignment": "center",
3933
- "children": []
3922
+ "children": [
3923
+ {
3924
+ "id": "himi_appearance.accent.brand",
3925
+ "body": {
3926
+ "package": "himalaya",
3927
+ "type": "ZStack",
3928
+ "props": {
3929
+ "alignment": "center",
3930
+ "children": [
3931
+ {
3932
+ "id": "",
3933
+ "body": {
3934
+ "package": "himalaya",
3935
+ "type": "Icon",
3936
+ "props": {
3937
+ "name": "check",
3938
+ "size": 20,
3939
+ "tint": "textOnAccent"
3940
+ }
3941
+ },
3942
+ "modifiers": {
3943
+ "accessibilityRole": "decorative",
3944
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_brand"
3945
+ }
3946
+ }
3947
+ ]
3948
+ }
3949
+ },
3950
+ "modifiers": {
3951
+ "width": 46,
3952
+ "height": 46,
3953
+ "cornerRadius": 23,
3954
+ "background": {
3955
+ "token": "accentPrimary"
3956
+ },
3957
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_brand",
3958
+ "border": {
3959
+ "width": 2,
3960
+ "color": {
3961
+ "token": "border"
3962
+ }
3963
+ }
3964
+ }
3965
+ },
3966
+ {
3967
+ "id": "himi_appearance.accent_radio.brand",
3968
+ "body": {
3969
+ "package": "himalaya",
3970
+ "type": "SelectionControl",
3971
+ "props": {
3972
+ "kind": "radio",
3973
+ "groupId": "himi_appearance.accent",
3974
+ "label": "Brand",
3975
+ "valuePath": "$service:himiBrandedAppearance.selected_brand",
3976
+ "onChange": {
3977
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
3978
+ "params": {
3979
+ "id": "brand"
3980
+ }
3981
+ }
3982
+ }
3983
+ }
3984
+ }
3985
+ ]
3934
3986
  }
3935
3987
  },
3936
3988
  "modifiers": {
3937
- "width": 46,
3938
- "height": 46,
3939
- "cornerRadius": 23,
3940
- "background": {
3941
- "token": "accentPrimary"
3942
- },
3943
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_brand",
3944
- "border": {
3945
- "width": 2,
3946
- "color": {
3947
- "token": "border"
3948
- }
3949
- },
3950
- "onTap": {
3951
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
3952
- "params": {
3953
- "id": "brand"
3954
- }
3955
- },
3956
- "pressFeedback": "scale",
3957
- "haptic": "light",
3958
- "accessibilityLabel": "brand"
3989
+ "padding": {
3990
+ "top": 6,
3991
+ "bottom": 6,
3992
+ "leading": 4,
3993
+ "trailing": 4
3994
+ }
3959
3995
  }
3960
3996
  },
3961
3997
  {
3962
- "id": "himi_appearance.accent.amber",
3998
+ "id": "himi_appearance.accent_option.amber",
3963
3999
  "body": {
3964
4000
  "package": "himalaya",
3965
- "type": "ZStack",
4001
+ "type": "VStack",
3966
4002
  "props": {
4003
+ "spacing": 8,
3967
4004
  "alignment": "center",
3968
- "children": []
4005
+ "children": [
4006
+ {
4007
+ "id": "himi_appearance.accent.amber",
4008
+ "body": {
4009
+ "package": "himalaya",
4010
+ "type": "ZStack",
4011
+ "props": {
4012
+ "alignment": "center",
4013
+ "children": [
4014
+ {
4015
+ "id": "",
4016
+ "body": {
4017
+ "package": "himalaya",
4018
+ "type": "Icon",
4019
+ "props": {
4020
+ "name": "check",
4021
+ "size": 20,
4022
+ "tint": "textOnAccent"
4023
+ }
4024
+ },
4025
+ "modifiers": {
4026
+ "accessibilityRole": "decorative",
4027
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_amber"
4028
+ }
4029
+ }
4030
+ ]
4031
+ }
4032
+ },
4033
+ "modifiers": {
4034
+ "width": 46,
4035
+ "height": 46,
4036
+ "cornerRadius": 23,
4037
+ "background": {
4038
+ "token": "accentPrimary"
4039
+ },
4040
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_amber",
4041
+ "border": {
4042
+ "width": 2,
4043
+ "color": {
4044
+ "token": "border"
4045
+ }
4046
+ }
4047
+ }
4048
+ },
4049
+ {
4050
+ "id": "himi_appearance.accent_radio.amber",
4051
+ "body": {
4052
+ "package": "himalaya",
4053
+ "type": "SelectionControl",
4054
+ "props": {
4055
+ "kind": "radio",
4056
+ "groupId": "himi_appearance.accent",
4057
+ "label": "Amber",
4058
+ "valuePath": "$service:himiBrandedAppearance.selected_amber",
4059
+ "onChange": {
4060
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
4061
+ "params": {
4062
+ "id": "amber"
4063
+ }
4064
+ }
4065
+ }
4066
+ }
4067
+ }
4068
+ ]
3969
4069
  }
3970
4070
  },
3971
4071
  "modifiers": {
3972
- "width": 46,
3973
- "height": 46,
3974
- "cornerRadius": 23,
3975
- "background": {
3976
- "token": "accentPrimary"
3977
- },
3978
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_amber",
3979
- "border": {
3980
- "width": 2,
3981
- "color": {
3982
- "token": "border"
3983
- }
3984
- },
3985
- "onTap": {
3986
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
3987
- "params": {
3988
- "id": "amber"
3989
- }
3990
- },
3991
- "pressFeedback": "scale",
3992
- "haptic": "light",
3993
- "accessibilityLabel": "amber"
4072
+ "padding": {
4073
+ "top": 6,
4074
+ "bottom": 6,
4075
+ "leading": 4,
4076
+ "trailing": 4
4077
+ }
3994
4078
  }
3995
4079
  },
3996
4080
  {
3997
- "id": "himi_appearance.accent.terracotta",
4081
+ "id": "himi_appearance.accent_option.terracotta",
3998
4082
  "body": {
3999
4083
  "package": "himalaya",
4000
- "type": "ZStack",
4084
+ "type": "VStack",
4001
4085
  "props": {
4086
+ "spacing": 8,
4002
4087
  "alignment": "center",
4003
- "children": []
4088
+ "children": [
4089
+ {
4090
+ "id": "himi_appearance.accent.terracotta",
4091
+ "body": {
4092
+ "package": "himalaya",
4093
+ "type": "ZStack",
4094
+ "props": {
4095
+ "alignment": "center",
4096
+ "children": [
4097
+ {
4098
+ "id": "",
4099
+ "body": {
4100
+ "package": "himalaya",
4101
+ "type": "Icon",
4102
+ "props": {
4103
+ "name": "check",
4104
+ "size": 20,
4105
+ "tint": "textOnAccent"
4106
+ }
4107
+ },
4108
+ "modifiers": {
4109
+ "accessibilityRole": "decorative",
4110
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_terracotta"
4111
+ }
4112
+ }
4113
+ ]
4114
+ }
4115
+ },
4116
+ "modifiers": {
4117
+ "width": 46,
4118
+ "height": 46,
4119
+ "cornerRadius": 23,
4120
+ "background": {
4121
+ "token": "accentPrimary"
4122
+ },
4123
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_terracotta",
4124
+ "border": {
4125
+ "width": 2,
4126
+ "color": {
4127
+ "token": "border"
4128
+ }
4129
+ }
4130
+ }
4131
+ },
4132
+ {
4133
+ "id": "himi_appearance.accent_radio.terracotta",
4134
+ "body": {
4135
+ "package": "himalaya",
4136
+ "type": "SelectionControl",
4137
+ "props": {
4138
+ "kind": "radio",
4139
+ "groupId": "himi_appearance.accent",
4140
+ "label": "Terracotta",
4141
+ "valuePath": "$service:himiBrandedAppearance.selected_terracotta",
4142
+ "onChange": {
4143
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
4144
+ "params": {
4145
+ "id": "terracotta"
4146
+ }
4147
+ }
4148
+ }
4149
+ }
4150
+ }
4151
+ ]
4004
4152
  }
4005
4153
  },
4006
4154
  "modifiers": {
4007
- "width": 46,
4008
- "height": 46,
4009
- "cornerRadius": 23,
4010
- "background": {
4011
- "token": "accentPrimary"
4012
- },
4013
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_terracotta",
4014
- "border": {
4015
- "width": 2,
4016
- "color": {
4017
- "token": "border"
4018
- }
4019
- },
4020
- "onTap": {
4021
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
4022
- "params": {
4023
- "id": "terracotta"
4024
- }
4025
- },
4026
- "pressFeedback": "scale",
4027
- "haptic": "light",
4028
- "accessibilityLabel": "terracotta"
4155
+ "padding": {
4156
+ "top": 6,
4157
+ "bottom": 6,
4158
+ "leading": 4,
4159
+ "trailing": 4
4160
+ }
4029
4161
  }
4030
4162
  },
4031
4163
  {
4032
- "id": "himi_appearance.accent.sage",
4164
+ "id": "himi_appearance.accent_option.sage",
4033
4165
  "body": {
4034
4166
  "package": "himalaya",
4035
- "type": "ZStack",
4167
+ "type": "VStack",
4036
4168
  "props": {
4169
+ "spacing": 8,
4037
4170
  "alignment": "center",
4038
- "children": []
4171
+ "children": [
4172
+ {
4173
+ "id": "himi_appearance.accent.sage",
4174
+ "body": {
4175
+ "package": "himalaya",
4176
+ "type": "ZStack",
4177
+ "props": {
4178
+ "alignment": "center",
4179
+ "children": [
4180
+ {
4181
+ "id": "",
4182
+ "body": {
4183
+ "package": "himalaya",
4184
+ "type": "Icon",
4185
+ "props": {
4186
+ "name": "check",
4187
+ "size": 20,
4188
+ "tint": "textOnAccent"
4189
+ }
4190
+ },
4191
+ "modifiers": {
4192
+ "accessibilityRole": "decorative",
4193
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_sage"
4194
+ }
4195
+ }
4196
+ ]
4197
+ }
4198
+ },
4199
+ "modifiers": {
4200
+ "width": 46,
4201
+ "height": 46,
4202
+ "cornerRadius": 23,
4203
+ "background": {
4204
+ "token": "accentPrimary"
4205
+ },
4206
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_sage",
4207
+ "border": {
4208
+ "width": 2,
4209
+ "color": {
4210
+ "token": "border"
4211
+ }
4212
+ }
4213
+ }
4214
+ },
4215
+ {
4216
+ "id": "himi_appearance.accent_radio.sage",
4217
+ "body": {
4218
+ "package": "himalaya",
4219
+ "type": "SelectionControl",
4220
+ "props": {
4221
+ "kind": "radio",
4222
+ "groupId": "himi_appearance.accent",
4223
+ "label": "Sage",
4224
+ "valuePath": "$service:himiBrandedAppearance.selected_sage",
4225
+ "onChange": {
4226
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
4227
+ "params": {
4228
+ "id": "sage"
4229
+ }
4230
+ }
4231
+ }
4232
+ }
4233
+ }
4234
+ ]
4039
4235
  }
4040
4236
  },
4041
4237
  "modifiers": {
4042
- "width": 46,
4043
- "height": 46,
4044
- "cornerRadius": 23,
4045
- "background": {
4046
- "token": "accentPrimary"
4047
- },
4048
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_sage",
4049
- "border": {
4050
- "width": 2,
4051
- "color": {
4052
- "token": "border"
4053
- }
4054
- },
4055
- "onTap": {
4056
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
4057
- "params": {
4058
- "id": "sage"
4059
- }
4060
- },
4061
- "pressFeedback": "scale",
4062
- "haptic": "light",
4063
- "accessibilityLabel": "sage"
4238
+ "padding": {
4239
+ "top": 6,
4240
+ "bottom": 6,
4241
+ "leading": 4,
4242
+ "trailing": 4
4243
+ }
4064
4244
  }
4065
4245
  },
4066
4246
  {
4067
- "id": "himi_appearance.accent.plum",
4247
+ "id": "himi_appearance.accent_option.plum",
4068
4248
  "body": {
4069
4249
  "package": "himalaya",
4070
- "type": "ZStack",
4250
+ "type": "VStack",
4071
4251
  "props": {
4252
+ "spacing": 8,
4072
4253
  "alignment": "center",
4073
- "children": []
4254
+ "children": [
4255
+ {
4256
+ "id": "himi_appearance.accent.plum",
4257
+ "body": {
4258
+ "package": "himalaya",
4259
+ "type": "ZStack",
4260
+ "props": {
4261
+ "alignment": "center",
4262
+ "children": [
4263
+ {
4264
+ "id": "",
4265
+ "body": {
4266
+ "package": "himalaya",
4267
+ "type": "Icon",
4268
+ "props": {
4269
+ "name": "check",
4270
+ "size": 20,
4271
+ "tint": "textOnAccent"
4272
+ }
4273
+ },
4274
+ "modifiers": {
4275
+ "accessibilityRole": "decorative",
4276
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_plum"
4277
+ }
4278
+ }
4279
+ ]
4280
+ }
4281
+ },
4282
+ "modifiers": {
4283
+ "width": 46,
4284
+ "height": 46,
4285
+ "cornerRadius": 23,
4286
+ "background": {
4287
+ "token": "accentPrimary"
4288
+ },
4289
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_plum",
4290
+ "border": {
4291
+ "width": 2,
4292
+ "color": {
4293
+ "token": "border"
4294
+ }
4295
+ }
4296
+ }
4297
+ },
4298
+ {
4299
+ "id": "himi_appearance.accent_radio.plum",
4300
+ "body": {
4301
+ "package": "himalaya",
4302
+ "type": "SelectionControl",
4303
+ "props": {
4304
+ "kind": "radio",
4305
+ "groupId": "himi_appearance.accent",
4306
+ "label": "Plum",
4307
+ "valuePath": "$service:himiBrandedAppearance.selected_plum",
4308
+ "onChange": {
4309
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
4310
+ "params": {
4311
+ "id": "plum"
4312
+ }
4313
+ }
4314
+ }
4315
+ }
4316
+ }
4317
+ ]
4074
4318
  }
4075
4319
  },
4076
4320
  "modifiers": {
4077
- "width": 46,
4078
- "height": 46,
4079
- "cornerRadius": 23,
4080
- "background": {
4081
- "token": "accentPrimary"
4082
- },
4083
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_plum",
4084
- "border": {
4085
- "width": 2,
4086
- "color": {
4087
- "token": "border"
4088
- }
4089
- },
4090
- "onTap": {
4091
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
4092
- "params": {
4093
- "id": "plum"
4094
- }
4095
- },
4096
- "pressFeedback": "scale",
4097
- "haptic": "light",
4098
- "accessibilityLabel": "plum"
4321
+ "padding": {
4322
+ "top": 6,
4323
+ "bottom": 6,
4324
+ "leading": 4,
4325
+ "trailing": 4
4326
+ }
4099
4327
  }
4100
4328
  },
4101
4329
  {
4102
- "id": "himi_appearance.accent.ocean",
4330
+ "id": "himi_appearance.accent_option.ocean",
4103
4331
  "body": {
4104
4332
  "package": "himalaya",
4105
- "type": "ZStack",
4333
+ "type": "VStack",
4106
4334
  "props": {
4335
+ "spacing": 8,
4107
4336
  "alignment": "center",
4108
- "children": []
4337
+ "children": [
4338
+ {
4339
+ "id": "himi_appearance.accent.ocean",
4340
+ "body": {
4341
+ "package": "himalaya",
4342
+ "type": "ZStack",
4343
+ "props": {
4344
+ "alignment": "center",
4345
+ "children": [
4346
+ {
4347
+ "id": "",
4348
+ "body": {
4349
+ "package": "himalaya",
4350
+ "type": "Icon",
4351
+ "props": {
4352
+ "name": "check",
4353
+ "size": 20,
4354
+ "tint": "textOnAccent"
4355
+ }
4356
+ },
4357
+ "modifiers": {
4358
+ "accessibilityRole": "decorative",
4359
+ "hiddenPath": "$service:himiBrandedAppearance.notSelected_ocean"
4360
+ }
4361
+ }
4362
+ ]
4363
+ }
4364
+ },
4365
+ "modifiers": {
4366
+ "width": 46,
4367
+ "height": 46,
4368
+ "cornerRadius": 23,
4369
+ "background": {
4370
+ "token": "accentPrimary"
4371
+ },
4372
+ "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_ocean",
4373
+ "border": {
4374
+ "width": 2,
4375
+ "color": {
4376
+ "token": "border"
4377
+ }
4378
+ }
4379
+ }
4380
+ },
4381
+ {
4382
+ "id": "himi_appearance.accent_radio.ocean",
4383
+ "body": {
4384
+ "package": "himalaya",
4385
+ "type": "SelectionControl",
4386
+ "props": {
4387
+ "kind": "radio",
4388
+ "groupId": "himi_appearance.accent",
4389
+ "label": "Ocean",
4390
+ "valuePath": "$service:himiBrandedAppearance.selected_ocean",
4391
+ "onChange": {
4392
+ "actionId": "tier5.himiBrandedAppearance.selectAccent",
4393
+ "params": {
4394
+ "id": "ocean"
4395
+ }
4396
+ }
4397
+ }
4398
+ }
4399
+ }
4400
+ ]
4109
4401
  }
4110
4402
  },
4111
4403
  "modifiers": {
4112
- "width": 46,
4113
- "height": 46,
4114
- "cornerRadius": 23,
4115
- "background": {
4116
- "token": "accentPrimary"
4117
- },
4118
- "backgroundColorPath": "$service:himiBrandedAppearance.accentHex_ocean",
4119
- "border": {
4120
- "width": 2,
4121
- "color": {
4122
- "token": "border"
4123
- }
4124
- },
4125
- "onTap": {
4126
- "actionId": "tier5.himiBrandedAppearance.selectAccent",
4127
- "params": {
4128
- "id": "ocean"
4129
- }
4130
- },
4131
- "pressFeedback": "scale",
4132
- "haptic": "light",
4133
- "accessibilityLabel": "ocean"
4404
+ "padding": {
4405
+ "top": 6,
4406
+ "bottom": 6,
4407
+ "leading": 4,
4408
+ "trailing": 4
4409
+ }
4134
4410
  }
4135
4411
  }
4136
4412
  ]
@@ -4630,41 +4906,21 @@ const SCREENS = runtimeSetting({
4630
4906
  "spacing": 12,
4631
4907
  "children": [
4632
4908
  {
4633
- "id": "",
4909
+ "id": "himi_app_language.option.$item.id",
4634
4910
  "body": {
4635
4911
  "package": "himalaya",
4636
- "type": "VStack",
4912
+ "type": "SelectionControl",
4637
4913
  "props": {
4638
- "spacing": 3,
4639
- "alignment": "leading",
4640
- "children": [
4641
- {
4642
- "id": "",
4643
- "body": {
4644
- "package": "himalaya",
4645
- "type": "Text",
4646
- "props": {
4647
- "text": "$item.name",
4648
- "style": "bodyEmphasis",
4649
- "maxLines": 1
4650
- }
4651
- }
4652
- },
4653
- {
4654
- "id": "",
4655
- "body": {
4656
- "package": "himalaya",
4657
- "type": "Text",
4658
- "props": {
4659
- "text": "$item.subtitle",
4660
- "style": "caption",
4661
- "color": "accentPrimary",
4662
- "maxLines": 1,
4663
- "collapseWhenEmpty": true
4664
- }
4665
- }
4914
+ "kind": "radio",
4915
+ "groupId": "himi_app_language",
4916
+ "label": "$item.name",
4917
+ "valuePath": "$item.selected",
4918
+ "onChange": {
4919
+ "actionId": "tier5.spacesAppLanguage.select",
4920
+ "params": {
4921
+ "id": "$item.id"
4666
4922
  }
4667
- ]
4923
+ }
4668
4924
  }
4669
4925
  }
4670
4926
  },
@@ -4695,16 +4951,7 @@ const SCREENS = runtimeSetting({
4695
4951
  "trailing": 12,
4696
4952
  "top": 12,
4697
4953
  "bottom": 12
4698
- },
4699
- "onTap": {
4700
- "actionId": "tier5.spacesAppLanguage.select",
4701
- "params": {
4702
- "id": "$item.id"
4703
- }
4704
- },
4705
- "pressFeedback": "scale",
4706
- "haptic": "light",
4707
- "accessibilityLabel": "$item.name"
4954
+ }
4708
4955
  }
4709
4956
  }
4710
4957
  ]