@wix/himalaya-cli 0.1409.0 → 0.1411.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 (67) hide show
  1. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/dev-server/src/builder.d.ts +6 -0
  2. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/sdui/src/screen-kit.d.ts +10 -0
  3. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/schema.d.ts +10 -1
  4. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/tokens.d.ts +11 -0
  5. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/validator.d.ts +50 -0
  6. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/core.mjs +14 -0
  7. package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/sdui.mjs +25 -4
  8. package/dist/cli.mjs +393 -60
  9. package/dist/preview-assets.generated.bin +0 -0
  10. package/guides/component-reference.json +2 -2
  11. package/guides/component-reference.md +10 -1
  12. package/package.json +2 -2
  13. package/templates/beauty-salon/dev/index.ts +486 -328
  14. package/templates/beauty-salon/tokens.json +2 -1
  15. package/templates/beauty-salon-owner/config.ts +7 -1
  16. package/templates/beauty-salon-owner/dev/index.ts +1139 -509
  17. package/templates/beauty-salon-owner/tokens.json +16 -1
  18. package/templates/branded-lite/dev/index.ts +1394 -640
  19. package/templates/branded-lite/tokens.json +1 -1
  20. package/templates/community-club/dev/index.ts +315 -200
  21. package/templates/community-club/tokens.json +2 -1
  22. package/templates/community-club-owner/config.ts +7 -1
  23. package/templates/community-club-owner/dev/index.ts +1113 -467
  24. package/templates/community-club-owner/tokens.json +16 -1
  25. package/templates/events-meetups/dev/index.ts +274 -195
  26. package/templates/events-meetups/tokens.json +2 -1
  27. package/templates/events-meetups-owner/config.ts +7 -1
  28. package/templates/events-meetups-owner/dev/index.ts +962 -370
  29. package/templates/events-meetups-owner/tokens.json +16 -1
  30. package/templates/gym-fitness/dev/index.ts +624 -463
  31. package/templates/gym-fitness/tokens.json +2 -1
  32. package/templates/gym-fitness-owner/config.ts +7 -1
  33. package/templates/gym-fitness-owner/dev/index.ts +1213 -557
  34. package/templates/gym-fitness-owner/tokens.json +16 -1
  35. package/templates/nonprofit-cause/dev/index.ts +315 -200
  36. package/templates/nonprofit-cause/tokens.json +2 -1
  37. package/templates/nonprofit-cause-owner/config.ts +7 -1
  38. package/templates/nonprofit-cause-owner/dev/index.ts +1062 -460
  39. package/templates/nonprofit-cause-owner/tokens.json +16 -1
  40. package/templates/owner-lite/config.ts +7 -1
  41. package/templates/owner-lite/dev/index.ts +1223 -571
  42. package/templates/owner-lite/tokens.json +16 -1
  43. package/templates/podcast-creator/dev/index.ts +315 -200
  44. package/templates/podcast-creator/tokens.json +2 -1
  45. package/templates/podcast-creator-owner/config.ts +7 -1
  46. package/templates/podcast-creator-owner/dev/index.ts +1113 -467
  47. package/templates/podcast-creator-owner/tokens.json +16 -1
  48. package/templates/portfolio-creative/dev/index.ts +441 -304
  49. package/templates/portfolio-creative/tokens.json +2 -1
  50. package/templates/portfolio-creative-owner/config.ts +7 -1
  51. package/templates/portfolio-creative-owner/dev/index.ts +1139 -509
  52. package/templates/portfolio-creative-owner/tokens.json +16 -1
  53. package/templates/restaurant/dev/index.ts +269 -195
  54. package/templates/restaurant/tokens.json +2 -1
  55. package/templates/restaurant-owner/config.ts +7 -1
  56. package/templates/restaurant-owner/dev/index.ts +1213 -557
  57. package/templates/restaurant-owner/tokens.json +16 -1
  58. package/templates/retail-store/dev/index.ts +277 -194
  59. package/templates/retail-store/tokens.json +2 -1
  60. package/templates/retail-store-owner/config.ts +7 -1
  61. package/templates/retail-store-owner/dev/index.ts +1039 -419
  62. package/templates/retail-store-owner/tokens.json +16 -1
  63. package/templates/yoga-studio/dev/index.ts +483 -329
  64. package/templates/yoga-studio/tokens.json +2 -1
  65. package/templates/yoga-studio-owner/config.ts +7 -1
  66. package/templates/yoga-studio-owner/dev/index.ts +1062 -460
  67. package/templates/yoga-studio-owner/tokens.json +16 -1
package/templates/events-meetups/dev/index.ts CHANGED
@@ -197,6 +197,8 @@ const SCREENS = runtimeSetting({
197
197
  "props": {
198
198
  "itemsPath": "$service:himiBrandedHome.homeModules.visible",
199
199
  "spacing": 16,
200
+ "staggerMs": 60,
201
+ "animateItems": true,
200
202
  "items": [
201
203
  {
202
204
  "id": "himiBrandedHome.home.module.$item.id",
@@ -1864,6 +1866,13 @@ const SCREENS = runtimeSetting({
1864
1866
  ],
1865
1867
  "defaultCase": "saved"
1866
1868
  }
1869
+ },
1870
+ "modifiers": {
1871
+ "transition": {
1872
+ "enter": "fadeSlide",
1873
+ "direction": "up",
1874
+ "distance": 12
1875
+ }
1867
1876
  }
1868
1877
  }
1869
1878
  ]
@@ -7909,6 +7918,10 @@ const SCREENS = runtimeSetting({
7909
7918
  "top": 14,
7910
7919
  "bottom": 14
7911
7920
  },
7921
+ "transition": {
7922
+ "enter": "fade",
7923
+ "exit": "fade"
7924
+ },
7912
7925
  "hiddenPath": "$service:himiEvents.notErrored"
7913
7926
  }
7914
7927
  },
@@ -7924,10 +7937,10 @@ const SCREENS = runtimeSetting({
7924
7937
  "id": "himi_events.skeleton_1",
7925
7938
  "body": {
7926
7939
  "package": "himalaya",
7927
- "type": "ZStack",
7940
+ "type": "Skeleton",
7928
7941
  "props": {
7929
- "alignment": "center",
7930
- "children": []
7942
+ "height": 90,
7943
+ "cornerRadius": 8
7931
7944
  }
7932
7945
  },
7933
7946
  "modifiers": {
@@ -7935,23 +7948,18 @@ const SCREENS = runtimeSetting({
7935
7948
  "background": {
7936
7949
  "token": "surfaceSecondary"
7937
7950
  },
7938
- "border": {
7939
- "width": 1,
7940
- "color": {
7941
- "token": "border"
7942
- }
7943
- },
7944
- "cornerRadius": 8
7951
+ "cornerRadius": 8,
7952
+ "accessibilityRole": "decorative"
7945
7953
  }
7946
7954
  },
7947
7955
  {
7948
7956
  "id": "himi_events.skeleton_2",
7949
7957
  "body": {
7950
7958
  "package": "himalaya",
7951
- "type": "ZStack",
7959
+ "type": "Skeleton",
7952
7960
  "props": {
7953
- "alignment": "center",
7954
- "children": []
7961
+ "height": 90,
7962
+ "cornerRadius": 8
7955
7963
  }
7956
7964
  },
7957
7965
  "modifiers": {
@@ -7959,23 +7967,18 @@ const SCREENS = runtimeSetting({
7959
7967
  "background": {
7960
7968
  "token": "surfaceSecondary"
7961
7969
  },
7962
- "border": {
7963
- "width": 1,
7964
- "color": {
7965
- "token": "border"
7966
- }
7967
- },
7968
- "cornerRadius": 8
7970
+ "cornerRadius": 8,
7971
+ "accessibilityRole": "decorative"
7969
7972
  }
7970
7973
  },
7971
7974
  {
7972
7975
  "id": "himi_events.skeleton_3",
7973
7976
  "body": {
7974
7977
  "package": "himalaya",
7975
- "type": "ZStack",
7978
+ "type": "Skeleton",
7976
7979
  "props": {
7977
- "alignment": "center",
7978
- "children": []
7980
+ "height": 90,
7981
+ "cornerRadius": 8
7979
7982
  }
7980
7983
  },
7981
7984
  "modifiers": {
@@ -7983,13 +7986,8 @@ const SCREENS = runtimeSetting({
7983
7986
  "background": {
7984
7987
  "token": "surfaceSecondary"
7985
7988
  },
7986
- "border": {
7987
- "width": 1,
7988
- "color": {
7989
- "token": "border"
7990
- }
7991
- },
7992
- "cornerRadius": 8
7989
+ "cornerRadius": 8,
7990
+ "accessibilityRole": "decorative"
7993
7991
  }
7994
7992
  }
7995
7993
  ]
@@ -8657,6 +8655,7 @@ const SCREENS = runtimeSetting({
8657
8655
  "id": "$item.id"
8658
8656
  }
8659
8657
  },
8658
+ "haptic": "light",
8660
8659
  "background": {
8661
8660
  "token": "surfaceElevated"
8662
8661
  },
@@ -8675,10 +8674,17 @@ const SCREENS = runtimeSetting({
8675
8674
  },
8676
8675
  "fillMaxWidth": true,
8677
8676
  "accessibilityLabel": "$item.collectionTitle",
8678
- "pressFeedback": "highlight"
8677
+ "pressFeedback": "scale",
8678
+ "transition": {
8679
+ "enter": "fadeSlide",
8680
+ "direction": "up",
8681
+ "distance": 8
8682
+ }
8679
8683
  }
8680
8684
  }
8681
8685
  ],
8686
+ "staggerMs": 30,
8687
+ "animateItems": true,
8682
8688
  "rowSwipeActions": {
8683
8689
  "trailing": [
8684
8690
  {
@@ -8727,6 +8733,7 @@ const SCREENS = runtimeSetting({
8727
8733
  "columnsMedium": 3,
8728
8734
  "columnsExpanded": 4,
8729
8735
  "spacing": 12,
8736
+ "staggerMs": 30,
8730
8737
  "itemsPath": "$service:himiEvents.collection.items",
8731
8738
  "items": [
8732
8739
  {
@@ -9065,6 +9072,7 @@ const SCREENS = runtimeSetting({
9065
9072
  "id": "$item.id"
9066
9073
  }
9067
9074
  },
9075
+ "haptic": "light",
9068
9076
  "background": {
9069
9077
  "token": "surfaceElevated"
9070
9078
  },
@@ -9083,7 +9091,12 @@ const SCREENS = runtimeSetting({
9083
9091
  },
9084
9092
  "fillMaxWidth": true,
9085
9093
  "accessibilityLabel": "$item.collectionTitle",
9086
- "pressFeedback": "highlight"
9094
+ "pressFeedback": "scale",
9095
+ "transition": {
9096
+ "enter": "fadeSlide",
9097
+ "direction": "up",
9098
+ "distance": 8
9099
+ }
9087
9100
  }
9088
9101
  }
9089
9102
  ]
@@ -9425,6 +9438,7 @@ const SCREENS = runtimeSetting({
9425
9438
  "id": "$item.id"
9426
9439
  }
9427
9440
  },
9441
+ "haptic": "light",
9428
9442
  "background": {
9429
9443
  "token": "surfaceElevated"
9430
9444
  },
@@ -9443,10 +9457,17 @@ const SCREENS = runtimeSetting({
9443
9457
  },
9444
9458
  "fillMaxWidth": true,
9445
9459
  "accessibilityLabel": "$item.collectionTitle",
9446
- "pressFeedback": "highlight"
9460
+ "pressFeedback": "scale",
9461
+ "transition": {
9462
+ "enter": "fadeSlide",
9463
+ "direction": "up",
9464
+ "distance": 8
9465
+ }
9447
9466
  }
9448
9467
  }
9449
9468
  ],
9469
+ "staggerMs": 30,
9470
+ "animateItems": true,
9450
9471
  "rowSwipeActions": {
9451
9472
  "trailing": [
9452
9473
  {
@@ -9495,6 +9516,7 @@ const SCREENS = runtimeSetting({
9495
9516
  "columnsMedium": 3,
9496
9517
  "columnsExpanded": 4,
9497
9518
  "spacing": 8,
9519
+ "staggerMs": 30,
9498
9520
  "itemsPath": "$service:himiEvents.collection.items",
9499
9521
  "items": [
9500
9522
  {
@@ -9833,6 +9855,7 @@ const SCREENS = runtimeSetting({
9833
9855
  "id": "$item.id"
9834
9856
  }
9835
9857
  },
9858
+ "haptic": "light",
9836
9859
  "background": {
9837
9860
  "token": "surfaceElevated"
9838
9861
  },
@@ -9851,7 +9874,12 @@ const SCREENS = runtimeSetting({
9851
9874
  },
9852
9875
  "fillMaxWidth": true,
9853
9876
  "accessibilityLabel": "$item.collectionTitle",
9854
- "pressFeedback": "highlight"
9877
+ "pressFeedback": "scale",
9878
+ "transition": {
9879
+ "enter": "fadeSlide",
9880
+ "direction": "up",
9881
+ "distance": 8
9882
+ }
9855
9883
  }
9856
9884
  }
9857
9885
  ]
@@ -10580,6 +10608,7 @@ const SCREENS = runtimeSetting({
10580
10608
  "id": "$item.id"
10581
10609
  }
10582
10610
  },
10611
+ "haptic": "light",
10583
10612
  "background": {
10584
10613
  "token": "surfaceElevated"
10585
10614
  },
@@ -10598,7 +10627,12 @@ const SCREENS = runtimeSetting({
10598
10627
  },
10599
10628
  "fillMaxWidth": true,
10600
10629
  "accessibilityLabel": "$item.collectionTitle",
10601
- "pressFeedback": "highlight"
10630
+ "pressFeedback": "scale",
10631
+ "transition": {
10632
+ "enter": "fadeSlide",
10633
+ "direction": "up",
10634
+ "distance": 8
10635
+ }
10602
10636
  }
10603
10637
  }
10604
10638
  ]
@@ -10701,6 +10735,10 @@ const SCREENS = runtimeSetting({
10701
10735
  "top": 24,
10702
10736
  "bottom": 24
10703
10737
  },
10738
+ "transition": {
10739
+ "enter": "fade",
10740
+ "exit": "fade"
10741
+ },
10704
10742
  "hiddenPath": "$service:himiEvents.noEmpty"
10705
10743
  }
10706
10744
  }
@@ -10900,6 +10938,10 @@ const SCREENS = runtimeSetting({
10900
10938
  "top": 14,
10901
10939
  "bottom": 14
10902
10940
  },
10941
+ "transition": {
10942
+ "enter": "fade",
10943
+ "exit": "fade"
10944
+ },
10903
10945
  "hiddenPath": "$service:himiMyEvents.notErrored"
10904
10946
  }
10905
10947
  },
@@ -10915,10 +10957,10 @@ const SCREENS = runtimeSetting({
10915
10957
  "id": "himi_my_events.skeleton_1",
10916
10958
  "body": {
10917
10959
  "package": "himalaya",
10918
- "type": "ZStack",
10960
+ "type": "Skeleton",
10919
10961
  "props": {
10920
- "alignment": "center",
10921
- "children": []
10962
+ "height": 86,
10963
+ "cornerRadius": 8
10922
10964
  }
10923
10965
  },
10924
10966
  "modifiers": {
@@ -10926,23 +10968,18 @@ const SCREENS = runtimeSetting({
10926
10968
  "background": {
10927
10969
  "token": "surfaceSecondary"
10928
10970
  },
10929
- "border": {
10930
- "width": 1,
10931
- "color": {
10932
- "token": "border"
10933
- }
10934
- },
10935
- "cornerRadius": 8
10971
+ "cornerRadius": 8,
10972
+ "accessibilityRole": "decorative"
10936
10973
  }
10937
10974
  },
10938
10975
  {
10939
10976
  "id": "himi_my_events.skeleton_2",
10940
10977
  "body": {
10941
10978
  "package": "himalaya",
10942
- "type": "ZStack",
10979
+ "type": "Skeleton",
10943
10980
  "props": {
10944
- "alignment": "center",
10945
- "children": []
10981
+ "height": 86,
10982
+ "cornerRadius": 8
10946
10983
  }
10947
10984
  },
10948
10985
  "modifiers": {
@@ -10950,13 +10987,8 @@ const SCREENS = runtimeSetting({
10950
10987
  "background": {
10951
10988
  "token": "surfaceSecondary"
10952
10989
  },
10953
- "border": {
10954
- "width": 1,
10955
- "color": {
10956
- "token": "border"
10957
- }
10958
- },
10959
- "cornerRadius": 8
10990
+ "cornerRadius": 8,
10991
+ "accessibilityRole": "decorative"
10960
10992
  }
10961
10993
  }
10962
10994
  ]
@@ -11293,6 +11325,10 @@ const SCREENS = runtimeSetting({
11293
11325
  "top": 24,
11294
11326
  "bottom": 24
11295
11327
  },
11328
+ "transition": {
11329
+ "enter": "fade",
11330
+ "exit": "fade"
11331
+ },
11296
11332
  "hiddenPath": "$service:himiMyEvents.noEmpty"
11297
11333
  }
11298
11334
  }
@@ -11491,6 +11527,10 @@ const SCREENS = runtimeSetting({
11491
11527
  "top": 14,
11492
11528
  "bottom": 14
11493
11529
  },
11530
+ "transition": {
11531
+ "enter": "fade",
11532
+ "exit": "fade"
11533
+ },
11494
11534
  "hiddenPath": "$service:himiBlogFeed.notErrored"
11495
11535
  }
11496
11536
  },
@@ -11506,10 +11546,10 @@ const SCREENS = runtimeSetting({
11506
11546
  "id": "himi_blog.skeleton_1",
11507
11547
  "body": {
11508
11548
  "package": "himalaya",
11509
- "type": "ZStack",
11549
+ "type": "Skeleton",
11510
11550
  "props": {
11511
- "alignment": "center",
11512
- "children": []
11551
+ "height": 76,
11552
+ "cornerRadius": 8
11513
11553
  }
11514
11554
  },
11515
11555
  "modifiers": {
@@ -11517,23 +11557,18 @@ const SCREENS = runtimeSetting({
11517
11557
  "background": {
11518
11558
  "token": "surfaceSecondary"
11519
11559
  },
11520
- "border": {
11521
- "width": 1,
11522
- "color": {
11523
- "token": "border"
11524
- }
11525
- },
11526
- "cornerRadius": 8
11560
+ "cornerRadius": 8,
11561
+ "accessibilityRole": "decorative"
11527
11562
  }
11528
11563
  },
11529
11564
  {
11530
11565
  "id": "himi_blog.skeleton_2",
11531
11566
  "body": {
11532
11567
  "package": "himalaya",
11533
- "type": "ZStack",
11568
+ "type": "Skeleton",
11534
11569
  "props": {
11535
- "alignment": "center",
11536
- "children": []
11570
+ "height": 104,
11571
+ "cornerRadius": 8
11537
11572
  }
11538
11573
  },
11539
11574
  "modifiers": {
@@ -11541,23 +11576,18 @@ const SCREENS = runtimeSetting({
11541
11576
  "background": {
11542
11577
  "token": "surfaceSecondary"
11543
11578
  },
11544
- "border": {
11545
- "width": 1,
11546
- "color": {
11547
- "token": "border"
11548
- }
11549
- },
11550
- "cornerRadius": 8
11579
+ "cornerRadius": 8,
11580
+ "accessibilityRole": "decorative"
11551
11581
  }
11552
11582
  },
11553
11583
  {
11554
11584
  "id": "himi_blog.skeleton_3",
11555
11585
  "body": {
11556
11586
  "package": "himalaya",
11557
- "type": "ZStack",
11587
+ "type": "Skeleton",
11558
11588
  "props": {
11559
- "alignment": "center",
11560
- "children": []
11589
+ "height": 104,
11590
+ "cornerRadius": 8
11561
11591
  }
11562
11592
  },
11563
11593
  "modifiers": {
@@ -11565,13 +11595,8 @@ const SCREENS = runtimeSetting({
11565
11595
  "background": {
11566
11596
  "token": "surfaceSecondary"
11567
11597
  },
11568
- "border": {
11569
- "width": 1,
11570
- "color": {
11571
- "token": "border"
11572
- }
11573
- },
11574
- "cornerRadius": 8
11598
+ "cornerRadius": 8,
11599
+ "accessibilityRole": "decorative"
11575
11600
  }
11576
11601
  }
11577
11602
  ]
@@ -12130,6 +12155,7 @@ const SCREENS = runtimeSetting({
12130
12155
  "id": "$item.id"
12131
12156
  }
12132
12157
  },
12158
+ "haptic": "light",
12133
12159
  "background": {
12134
12160
  "token": "surfaceElevated"
12135
12161
  },
@@ -12148,7 +12174,12 @@ const SCREENS = runtimeSetting({
12148
12174
  },
12149
12175
  "fillMaxWidth": true,
12150
12176
  "accessibilityLabel": "$item.collectionTitle",
12151
- "pressFeedback": "highlight"
12177
+ "pressFeedback": "scale",
12178
+ "transition": {
12179
+ "enter": "fadeSlide",
12180
+ "direction": "up",
12181
+ "distance": 8
12182
+ }
12152
12183
  }
12153
12184
  }
12154
12185
  ],
@@ -12162,6 +12193,8 @@ const SCREENS = runtimeSetting({
12162
12193
  },
12163
12194
  "pageSize": 20
12164
12195
  },
12196
+ "staggerMs": 30,
12197
+ "animateItems": true,
12165
12198
  "rowSwipeActions": {
12166
12199
  "trailing": [
12167
12200
  {
@@ -12210,6 +12243,7 @@ const SCREENS = runtimeSetting({
12210
12243
  "columnsMedium": 3,
12211
12244
  "columnsExpanded": 4,
12212
12245
  "spacing": 12,
12246
+ "staggerMs": 30,
12213
12247
  "itemsPath": "$service:himiBlogFeed.collection.items",
12214
12248
  "items": [
12215
12249
  {
@@ -12473,6 +12507,7 @@ const SCREENS = runtimeSetting({
12473
12507
  "id": "$item.id"
12474
12508
  }
12475
12509
  },
12510
+ "haptic": "light",
12476
12511
  "background": {
12477
12512
  "token": "surfaceElevated"
12478
12513
  },
@@ -12491,7 +12526,12 @@ const SCREENS = runtimeSetting({
12491
12526
  },
12492
12527
  "fillMaxWidth": true,
12493
12528
  "accessibilityLabel": "$item.collectionTitle",
12494
- "pressFeedback": "highlight"
12529
+ "pressFeedback": "scale",
12530
+ "transition": {
12531
+ "enter": "fadeSlide",
12532
+ "direction": "up",
12533
+ "distance": 8
12534
+ }
12495
12535
  }
12496
12536
  }
12497
12537
  ]
@@ -12767,6 +12807,7 @@ const SCREENS = runtimeSetting({
12767
12807
  "id": "$item.id"
12768
12808
  }
12769
12809
  },
12810
+ "haptic": "light",
12770
12811
  "background": {
12771
12812
  "token": "surfaceElevated"
12772
12813
  },
@@ -12785,7 +12826,12 @@ const SCREENS = runtimeSetting({
12785
12826
  },
12786
12827
  "fillMaxWidth": true,
12787
12828
  "accessibilityLabel": "$item.collectionTitle",
12788
- "pressFeedback": "highlight"
12829
+ "pressFeedback": "scale",
12830
+ "transition": {
12831
+ "enter": "fadeSlide",
12832
+ "direction": "up",
12833
+ "distance": 8
12834
+ }
12789
12835
  }
12790
12836
  }
12791
12837
  ],
@@ -12799,6 +12845,8 @@ const SCREENS = runtimeSetting({
12799
12845
  },
12800
12846
  "pageSize": 20
12801
12847
  },
12848
+ "staggerMs": 30,
12849
+ "animateItems": true,
12802
12850
  "rowSwipeActions": {
12803
12851
  "trailing": [
12804
12852
  {
@@ -12847,6 +12895,7 @@ const SCREENS = runtimeSetting({
12847
12895
  "columnsMedium": 3,
12848
12896
  "columnsExpanded": 4,
12849
12897
  "spacing": 8,
12898
+ "staggerMs": 30,
12850
12899
  "itemsPath": "$service:himiBlogFeed.collection.items",
12851
12900
  "items": [
12852
12901
  {
@@ -13110,6 +13159,7 @@ const SCREENS = runtimeSetting({
13110
13159
  "id": "$item.id"
13111
13160
  }
13112
13161
  },
13162
+ "haptic": "light",
13113
13163
  "background": {
13114
13164
  "token": "surfaceElevated"
13115
13165
  },
@@ -13128,7 +13178,12 @@ const SCREENS = runtimeSetting({
13128
13178
  },
13129
13179
  "fillMaxWidth": true,
13130
13180
  "accessibilityLabel": "$item.collectionTitle",
13131
- "pressFeedback": "highlight"
13181
+ "pressFeedback": "scale",
13182
+ "transition": {
13183
+ "enter": "fadeSlide",
13184
+ "direction": "up",
13185
+ "distance": 8
13186
+ }
13132
13187
  }
13133
13188
  }
13134
13189
  ]
@@ -13751,6 +13806,7 @@ const SCREENS = runtimeSetting({
13751
13806
  "id": "$item.id"
13752
13807
  }
13753
13808
  },
13809
+ "haptic": "light",
13754
13810
  "background": {
13755
13811
  "token": "surfaceElevated"
13756
13812
  },
@@ -13769,7 +13825,12 @@ const SCREENS = runtimeSetting({
13769
13825
  },
13770
13826
  "fillMaxWidth": true,
13771
13827
  "accessibilityLabel": "$item.collectionTitle",
13772
- "pressFeedback": "highlight"
13828
+ "pressFeedback": "scale",
13829
+ "transition": {
13830
+ "enter": "fadeSlide",
13831
+ "direction": "up",
13832
+ "distance": 8
13833
+ }
13773
13834
  }
13774
13835
  }
13775
13836
  ]
@@ -13859,6 +13920,10 @@ const SCREENS = runtimeSetting({
13859
13920
  "top": 24,
13860
13921
  "bottom": 24
13861
13922
  },
13923
+ "transition": {
13924
+ "enter": "fade",
13925
+ "exit": "fade"
13926
+ },
13862
13927
  "hiddenPath": "$service:himiBlogFeed.noEmpty"
13863
13928
  }
13864
13929
  }
@@ -14068,6 +14133,10 @@ const SCREENS = runtimeSetting({
14068
14133
  "top": 14,
14069
14134
  "bottom": 14
14070
14135
  },
14136
+ "transition": {
14137
+ "enter": "fade",
14138
+ "exit": "fade"
14139
+ },
14071
14140
  "hiddenPath": "$service:himiBlogSaved.notErrored"
14072
14141
  }
14073
14142
  },
@@ -14083,10 +14152,10 @@ const SCREENS = runtimeSetting({
14083
14152
  "id": "himi_saved.skeleton_1",
14084
14153
  "body": {
14085
14154
  "package": "himalaya",
14086
- "type": "ZStack",
14155
+ "type": "Skeleton",
14087
14156
  "props": {
14088
- "alignment": "center",
14089
- "children": []
14157
+ "height": 72,
14158
+ "cornerRadius": 8
14090
14159
  }
14091
14160
  },
14092
14161
  "modifiers": {
@@ -14094,23 +14163,18 @@ const SCREENS = runtimeSetting({
14094
14163
  "background": {
14095
14164
  "token": "surfaceSecondary"
14096
14165
  },
14097
- "border": {
14098
- "width": 1,
14099
- "color": {
14100
- "token": "border"
14101
- }
14102
- },
14103
- "cornerRadius": 8
14166
+ "cornerRadius": 8,
14167
+ "accessibilityRole": "decorative"
14104
14168
  }
14105
14169
  },
14106
14170
  {
14107
14171
  "id": "himi_saved.skeleton_2",
14108
14172
  "body": {
14109
14173
  "package": "himalaya",
14110
- "type": "ZStack",
14174
+ "type": "Skeleton",
14111
14175
  "props": {
14112
- "alignment": "center",
14113
- "children": []
14176
+ "height": 72,
14177
+ "cornerRadius": 8
14114
14178
  }
14115
14179
  },
14116
14180
  "modifiers": {
@@ -14118,13 +14182,8 @@ const SCREENS = runtimeSetting({
14118
14182
  "background": {
14119
14183
  "token": "surfaceSecondary"
14120
14184
  },
14121
- "border": {
14122
- "width": 1,
14123
- "color": {
14124
- "token": "border"
14125
- }
14126
- },
14127
- "cornerRadius": 8
14185
+ "cornerRadius": 8,
14186
+ "accessibilityRole": "decorative"
14128
14187
  }
14129
14188
  }
14130
14189
  ]
@@ -14424,6 +14483,10 @@ const SCREENS = runtimeSetting({
14424
14483
  "top": 24,
14425
14484
  "bottom": 24
14426
14485
  },
14486
+ "transition": {
14487
+ "enter": "fade",
14488
+ "exit": "fade"
14489
+ },
14427
14490
  "hiddenPath": "$service:himiBlogSaved.noEmpty"
14428
14491
  }
14429
14492
  }
@@ -15171,6 +15234,7 @@ const SCREENS = runtimeSetting({
15171
15234
  "id": "$item.id"
15172
15235
  }
15173
15236
  },
15237
+ "haptic": "light",
15174
15238
  "background": {
15175
15239
  "token": "surfaceElevated"
15176
15240
  },
@@ -15189,10 +15253,17 @@ const SCREENS = runtimeSetting({
15189
15253
  },
15190
15254
  "fillMaxWidth": true,
15191
15255
  "accessibilityLabel": "$item.collectionTitle",
15192
- "pressFeedback": "highlight"
15256
+ "pressFeedback": "scale",
15257
+ "transition": {
15258
+ "enter": "fadeSlide",
15259
+ "direction": "up",
15260
+ "distance": 8
15261
+ }
15193
15262
  }
15194
15263
  }
15195
15264
  ],
15265
+ "staggerMs": 30,
15266
+ "animateItems": true,
15196
15267
  "rowSwipeActions": {
15197
15268
  "trailing": [
15198
15269
  {
@@ -15241,6 +15312,7 @@ const SCREENS = runtimeSetting({
15241
15312
  "columnsMedium": 3,
15242
15313
  "columnsExpanded": 4,
15243
15314
  "spacing": 12,
15315
+ "staggerMs": 30,
15244
15316
  "itemsPath": "$service:himiBrandedGroups.collection.items",
15245
15317
  "items": [
15246
15318
  {
@@ -15504,6 +15576,7 @@ const SCREENS = runtimeSetting({
15504
15576
  "id": "$item.id"
15505
15577
  }
15506
15578
  },
15579
+ "haptic": "light",
15507
15580
  "background": {
15508
15581
  "token": "surfaceElevated"
15509
15582
  },
@@ -15522,7 +15595,12 @@ const SCREENS = runtimeSetting({
15522
15595
  },
15523
15596
  "fillMaxWidth": true,
15524
15597
  "accessibilityLabel": "$item.collectionTitle",
15525
- "pressFeedback": "highlight"
15598
+ "pressFeedback": "scale",
15599
+ "transition": {
15600
+ "enter": "fadeSlide",
15601
+ "direction": "up",
15602
+ "distance": 8
15603
+ }
15526
15604
  }
15527
15605
  }
15528
15606
  ]
@@ -15782,6 +15860,7 @@ const SCREENS = runtimeSetting({
15782
15860
  "id": "$item.id"
15783
15861
  }
15784
15862
  },
15863
+ "haptic": "light",
15785
15864
  "background": {
15786
15865
  "token": "surfaceElevated"
15787
15866
  },
@@ -15800,10 +15879,17 @@ const SCREENS = runtimeSetting({
15800
15879
  },
15801
15880
  "fillMaxWidth": true,
15802
15881
  "accessibilityLabel": "$item.collectionTitle",
15803
- "pressFeedback": "highlight"
15882
+ "pressFeedback": "scale",
15883
+ "transition": {
15884
+ "enter": "fadeSlide",
15885
+ "direction": "up",
15886
+ "distance": 8
15887
+ }
15804
15888
  }
15805
15889
  }
15806
15890
  ],
15891
+ "staggerMs": 30,
15892
+ "animateItems": true,
15807
15893
  "rowSwipeActions": {
15808
15894
  "trailing": [
15809
15895
  {
@@ -15852,6 +15938,7 @@ const SCREENS = runtimeSetting({
15852
15938
  "columnsMedium": 3,
15853
15939
  "columnsExpanded": 4,
15854
15940
  "spacing": 8,
15941
+ "staggerMs": 30,
15855
15942
  "itemsPath": "$service:himiBrandedGroups.collection.items",
15856
15943
  "items": [
15857
15944
  {
@@ -16115,6 +16202,7 @@ const SCREENS = runtimeSetting({
16115
16202
  "id": "$item.id"
16116
16203
  }
16117
16204
  },
16205
+ "haptic": "light",
16118
16206
  "background": {
16119
16207
  "token": "surfaceElevated"
16120
16208
  },
@@ -16133,7 +16221,12 @@ const SCREENS = runtimeSetting({
16133
16221
  },
16134
16222
  "fillMaxWidth": true,
16135
16223
  "accessibilityLabel": "$item.collectionTitle",
16136
- "pressFeedback": "highlight"
16224
+ "pressFeedback": "scale",
16225
+ "transition": {
16226
+ "enter": "fadeSlide",
16227
+ "direction": "up",
16228
+ "distance": 8
16229
+ }
16137
16230
  }
16138
16231
  }
16139
16232
  ]
@@ -16739,6 +16832,7 @@ const SCREENS = runtimeSetting({
16739
16832
  "id": "$item.id"
16740
16833
  }
16741
16834
  },
16835
+ "haptic": "light",
16742
16836
  "background": {
16743
16837
  "token": "surfaceElevated"
16744
16838
  },
@@ -16757,7 +16851,12 @@ const SCREENS = runtimeSetting({
16757
16851
  },
16758
16852
  "fillMaxWidth": true,
16759
16853
  "accessibilityLabel": "$item.collectionTitle",
16760
- "pressFeedback": "highlight"
16854
+ "pressFeedback": "scale",
16855
+ "transition": {
16856
+ "enter": "fadeSlide",
16857
+ "direction": "up",
16858
+ "distance": 8
16859
+ }
16761
16860
  }
16762
16861
  }
16763
16862
  ]
@@ -17012,6 +17111,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17012
17111
  "top": 14,
17013
17112
  "bottom": 14
17014
17113
  },
17114
+ "transition": {
17115
+ "enter": "fade",
17116
+ "exit": "fade"
17117
+ },
17015
17118
  "hiddenPath": "$service:himiEventDetail.notErrored"
17016
17119
  }
17017
17120
  },
@@ -17027,10 +17130,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17027
17130
  "id": "himi_event.skeleton_media",
17028
17131
  "body": {
17029
17132
  "package": "himalaya",
17030
- "type": "ZStack",
17133
+ "type": "Skeleton",
17031
17134
  "props": {
17032
- "alignment": "center",
17033
- "children": []
17135
+ "height": 180,
17136
+ "cornerRadius": 8
17034
17137
  }
17035
17138
  },
17036
17139
  "modifiers": {
@@ -17038,23 +17141,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17038
17141
  "background": {
17039
17142
  "token": "surfaceSecondary"
17040
17143
  },
17041
- "border": {
17042
- "width": 1,
17043
- "color": {
17044
- "token": "border"
17045
- }
17046
- },
17047
- "cornerRadius": 8
17144
+ "cornerRadius": 8,
17145
+ "accessibilityRole": "decorative"
17048
17146
  }
17049
17147
  },
17050
17148
  {
17051
17149
  "id": "himi_event.skeleton_title",
17052
17150
  "body": {
17053
17151
  "package": "himalaya",
17054
- "type": "ZStack",
17152
+ "type": "Skeleton",
17055
17153
  "props": {
17056
- "alignment": "center",
17057
- "children": []
17154
+ "height": 26,
17155
+ "cornerRadius": 8
17058
17156
  }
17059
17157
  },
17060
17158
  "modifiers": {
@@ -17062,23 +17160,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17062
17160
  "background": {
17063
17161
  "token": "surfaceSecondary"
17064
17162
  },
17065
- "border": {
17066
- "width": 1,
17067
- "color": {
17068
- "token": "border"
17069
- }
17070
- },
17071
- "cornerRadius": 8
17163
+ "cornerRadius": 8,
17164
+ "accessibilityRole": "decorative"
17072
17165
  }
17073
17166
  },
17074
17167
  {
17075
17168
  "id": "himi_event.skeleton_body",
17076
17169
  "body": {
17077
17170
  "package": "himalaya",
17078
- "type": "ZStack",
17171
+ "type": "Skeleton",
17079
17172
  "props": {
17080
- "alignment": "center",
17081
- "children": []
17173
+ "height": 92,
17174
+ "cornerRadius": 8
17082
17175
  }
17083
17176
  },
17084
17177
  "modifiers": {
@@ -17086,13 +17179,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17086
17179
  "background": {
17087
17180
  "token": "surfaceSecondary"
17088
17181
  },
17089
- "border": {
17090
- "width": 1,
17091
- "color": {
17092
- "token": "border"
17093
- }
17094
- },
17095
- "cornerRadius": 8
17182
+ "cornerRadius": 8,
17183
+ "accessibilityRole": "decorative"
17096
17184
  }
17097
17185
  }
17098
17186
  ]
@@ -17810,6 +17898,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17810
17898
  "top": 24,
17811
17899
  "bottom": 24
17812
17900
  },
17901
+ "transition": {
17902
+ "enter": "fade",
17903
+ "exit": "fade"
17904
+ },
17813
17905
  "hiddenPath": "$service:himiEventDetail.noEmpty"
17814
17906
  }
17815
17907
  }
@@ -17962,6 +18054,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17962
18054
  "top": 14,
17963
18055
  "bottom": 14
17964
18056
  },
18057
+ "transition": {
18058
+ "enter": "fade",
18059
+ "exit": "fade"
18060
+ },
17965
18061
  "hiddenPath": "$service:himiEventsRsvp.notErrored"
17966
18062
  }
17967
18063
  },
@@ -17977,10 +18073,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17977
18073
  "id": "himi_rsvp.skeleton_event",
17978
18074
  "body": {
17979
18075
  "package": "himalaya",
17980
- "type": "ZStack",
18076
+ "type": "Skeleton",
17981
18077
  "props": {
17982
- "alignment": "center",
17983
- "children": []
18078
+ "height": 96,
18079
+ "cornerRadius": 8
17984
18080
  }
17985
18081
  },
17986
18082
  "modifiers": {
@@ -17988,23 +18084,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
17988
18084
  "background": {
17989
18085
  "token": "surfaceSecondary"
17990
18086
  },
17991
- "border": {
17992
- "width": 1,
17993
- "color": {
17994
- "token": "border"
17995
- }
17996
- },
17997
- "cornerRadius": 8
18087
+ "cornerRadius": 8,
18088
+ "accessibilityRole": "decorative"
17998
18089
  }
17999
18090
  },
18000
18091
  {
18001
18092
  "id": "himi_rsvp.skeleton_account",
18002
18093
  "body": {
18003
18094
  "package": "himalaya",
18004
- "type": "ZStack",
18095
+ "type": "Skeleton",
18005
18096
  "props": {
18006
- "alignment": "center",
18007
- "children": []
18097
+ "height": 120,
18098
+ "cornerRadius": 8
18008
18099
  }
18009
18100
  },
18010
18101
  "modifiers": {
@@ -18012,13 +18103,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18012
18103
  "background": {
18013
18104
  "token": "surfaceSecondary"
18014
18105
  },
18015
- "border": {
18016
- "width": 1,
18017
- "color": {
18018
- "token": "border"
18019
- }
18020
- },
18021
- "cornerRadius": 8
18106
+ "cornerRadius": 8,
18107
+ "accessibilityRole": "decorative"
18022
18108
  }
18023
18109
  }
18024
18110
  ]
@@ -18492,6 +18578,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18492
18578
  "top": 24,
18493
18579
  "bottom": 24
18494
18580
  },
18581
+ "transition": {
18582
+ "enter": "fade",
18583
+ "exit": "fade"
18584
+ },
18495
18585
  "hiddenPath": "$service:himiEventsRsvp.noEmpty"
18496
18586
  }
18497
18587
  }
@@ -18656,6 +18746,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18656
18746
  "top": 14,
18657
18747
  "bottom": 14
18658
18748
  },
18749
+ "transition": {
18750
+ "enter": "fade",
18751
+ "exit": "fade"
18752
+ },
18659
18753
  "hiddenPath": "$service:himiBlogPost.notErrored"
18660
18754
  }
18661
18755
  },
@@ -18671,10 +18765,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18671
18765
  "id": "himi_blog_post.skeleton_media",
18672
18766
  "body": {
18673
18767
  "package": "himalaya",
18674
- "type": "ZStack",
18768
+ "type": "Skeleton",
18675
18769
  "props": {
18676
- "alignment": "center",
18677
- "children": []
18770
+ "height": 180,
18771
+ "cornerRadius": 8
18678
18772
  }
18679
18773
  },
18680
18774
  "modifiers": {
@@ -18682,23 +18776,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18682
18776
  "background": {
18683
18777
  "token": "surfaceSecondary"
18684
18778
  },
18685
- "border": {
18686
- "width": 1,
18687
- "color": {
18688
- "token": "border"
18689
- }
18690
- },
18691
- "cornerRadius": 8
18779
+ "cornerRadius": 8,
18780
+ "accessibilityRole": "decorative"
18692
18781
  }
18693
18782
  },
18694
18783
  {
18695
18784
  "id": "himi_blog_post.skeleton_title",
18696
18785
  "body": {
18697
18786
  "package": "himalaya",
18698
- "type": "ZStack",
18787
+ "type": "Skeleton",
18699
18788
  "props": {
18700
- "alignment": "center",
18701
- "children": []
18789
+ "height": 26,
18790
+ "cornerRadius": 8
18702
18791
  }
18703
18792
  },
18704
18793
  "modifiers": {
@@ -18706,23 +18795,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18706
18795
  "background": {
18707
18796
  "token": "surfaceSecondary"
18708
18797
  },
18709
- "border": {
18710
- "width": 1,
18711
- "color": {
18712
- "token": "border"
18713
- }
18714
- },
18715
- "cornerRadius": 8
18798
+ "cornerRadius": 8,
18799
+ "accessibilityRole": "decorative"
18716
18800
  }
18717
18801
  },
18718
18802
  {
18719
18803
  "id": "himi_blog_post.skeleton_body",
18720
18804
  "body": {
18721
18805
  "package": "himalaya",
18722
- "type": "ZStack",
18806
+ "type": "Skeleton",
18723
18807
  "props": {
18724
- "alignment": "center",
18725
- "children": []
18808
+ "height": 92,
18809
+ "cornerRadius": 8
18726
18810
  }
18727
18811
  },
18728
18812
  "modifiers": {
@@ -18730,13 +18814,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
18730
18814
  "background": {
18731
18815
  "token": "surfaceSecondary"
18732
18816
  },
18733
- "border": {
18734
- "width": 1,
18735
- "color": {
18736
- "token": "border"
18737
- }
18738
- },
18739
- "cornerRadius": 8
18817
+ "cornerRadius": 8,
18818
+ "accessibilityRole": "decorative"
18740
18819
  }
18741
18820
  }
18742
18821
  ]