@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/restaurant/dev/index.ts CHANGED
@@ -162,6 +162,8 @@ const SCREENS = runtimeSetting({
162
162
  "props": {
163
163
  "itemsPath": "$service:himiBrandedHome.homeModules.visible",
164
164
  "spacing": 16,
165
+ "staggerMs": 60,
166
+ "animateItems": true,
165
167
  "items": [
166
168
  {
167
169
  "id": "himiBrandedHome.home.module.$item.id",
@@ -1665,6 +1667,13 @@ const SCREENS = runtimeSetting({
1665
1667
  ],
1666
1668
  "defaultCase": "saved"
1667
1669
  }
1670
+ },
1671
+ "modifiers": {
1672
+ "transition": {
1673
+ "enter": "fadeSlide",
1674
+ "direction": "up",
1675
+ "distance": 12
1676
+ }
1668
1677
  }
1669
1678
  }
1670
1679
  ]
@@ -9969,10 +9978,17 @@ const SCREENS = runtimeSetting({
9969
9978
  },
9970
9979
  "fillMaxWidth": true,
9971
9980
  "accessibilityLabel": "$item.collectionTitle",
9972
- "pressFeedback": "highlight"
9981
+ "pressFeedback": "highlight",
9982
+ "transition": {
9983
+ "enter": "fadeSlide",
9984
+ "direction": "up",
9985
+ "distance": 8
9986
+ }
9973
9987
  }
9974
9988
  }
9975
9989
  ],
9990
+ "staggerMs": 30,
9991
+ "animateItems": true,
9976
9992
  "rowSwipeActions": {
9977
9993
  "trailing": [
9978
9994
  {
@@ -10021,6 +10037,7 @@ const SCREENS = runtimeSetting({
10021
10037
  "columnsMedium": 3,
10022
10038
  "columnsExpanded": 4,
10023
10039
  "spacing": 12,
10040
+ "staggerMs": 30,
10024
10041
  "itemsPath": "$service:himiBrandedMenus.collection.items",
10025
10042
  "items": [
10026
10043
  {
@@ -10283,7 +10300,12 @@ const SCREENS = runtimeSetting({
10283
10300
  },
10284
10301
  "fillMaxWidth": true,
10285
10302
  "accessibilityLabel": "$item.collectionTitle",
10286
- "pressFeedback": "highlight"
10303
+ "pressFeedback": "highlight",
10304
+ "transition": {
10305
+ "enter": "fadeSlide",
10306
+ "direction": "up",
10307
+ "distance": 8
10308
+ }
10287
10309
  }
10288
10310
  }
10289
10311
  ]
@@ -10542,10 +10564,17 @@ const SCREENS = runtimeSetting({
10542
10564
  },
10543
10565
  "fillMaxWidth": true,
10544
10566
  "accessibilityLabel": "$item.collectionTitle",
10545
- "pressFeedback": "highlight"
10567
+ "pressFeedback": "highlight",
10568
+ "transition": {
10569
+ "enter": "fadeSlide",
10570
+ "direction": "up",
10571
+ "distance": 8
10572
+ }
10546
10573
  }
10547
10574
  }
10548
10575
  ],
10576
+ "staggerMs": 30,
10577
+ "animateItems": true,
10549
10578
  "rowSwipeActions": {
10550
10579
  "trailing": [
10551
10580
  {
@@ -10594,6 +10623,7 @@ const SCREENS = runtimeSetting({
10594
10623
  "columnsMedium": 3,
10595
10624
  "columnsExpanded": 4,
10596
10625
  "spacing": 8,
10626
+ "staggerMs": 30,
10597
10627
  "itemsPath": "$service:himiBrandedMenus.collection.items",
10598
10628
  "items": [
10599
10629
  {
@@ -10856,7 +10886,12 @@ const SCREENS = runtimeSetting({
10856
10886
  },
10857
10887
  "fillMaxWidth": true,
10858
10888
  "accessibilityLabel": "$item.collectionTitle",
10859
- "pressFeedback": "highlight"
10889
+ "pressFeedback": "highlight",
10890
+ "transition": {
10891
+ "enter": "fadeSlide",
10892
+ "direction": "up",
10893
+ "distance": 8
10894
+ }
10860
10895
  }
10861
10896
  }
10862
10897
  ]
@@ -11461,7 +11496,12 @@ const SCREENS = runtimeSetting({
11461
11496
  },
11462
11497
  "fillMaxWidth": true,
11463
11498
  "accessibilityLabel": "$item.collectionTitle",
11464
- "pressFeedback": "highlight"
11499
+ "pressFeedback": "highlight",
11500
+ "transition": {
11501
+ "enter": "fadeSlide",
11502
+ "direction": "up",
11503
+ "distance": 8
11504
+ }
11465
11505
  }
11466
11506
  }
11467
11507
  ]
@@ -12643,6 +12683,10 @@ const SCREENS = runtimeSetting({
12643
12683
  "top": 14,
12644
12684
  "bottom": 14
12645
12685
  },
12686
+ "transition": {
12687
+ "enter": "fade",
12688
+ "exit": "fade"
12689
+ },
12646
12690
  "hiddenPath": "$service:himiEvents.notErrored"
12647
12691
  }
12648
12692
  },
@@ -12658,10 +12702,10 @@ const SCREENS = runtimeSetting({
12658
12702
  "id": "himi_events.skeleton_1",
12659
12703
  "body": {
12660
12704
  "package": "himalaya",
12661
- "type": "ZStack",
12705
+ "type": "Skeleton",
12662
12706
  "props": {
12663
- "alignment": "center",
12664
- "children": []
12707
+ "height": 90,
12708
+ "cornerRadius": 8
12665
12709
  }
12666
12710
  },
12667
12711
  "modifiers": {
@@ -12669,23 +12713,18 @@ const SCREENS = runtimeSetting({
12669
12713
  "background": {
12670
12714
  "token": "surfaceSecondary"
12671
12715
  },
12672
- "border": {
12673
- "width": 1,
12674
- "color": {
12675
- "token": "border"
12676
- }
12677
- },
12678
- "cornerRadius": 8
12716
+ "cornerRadius": 8,
12717
+ "accessibilityRole": "decorative"
12679
12718
  }
12680
12719
  },
12681
12720
  {
12682
12721
  "id": "himi_events.skeleton_2",
12683
12722
  "body": {
12684
12723
  "package": "himalaya",
12685
- "type": "ZStack",
12724
+ "type": "Skeleton",
12686
12725
  "props": {
12687
- "alignment": "center",
12688
- "children": []
12726
+ "height": 90,
12727
+ "cornerRadius": 8
12689
12728
  }
12690
12729
  },
12691
12730
  "modifiers": {
@@ -12693,23 +12732,18 @@ const SCREENS = runtimeSetting({
12693
12732
  "background": {
12694
12733
  "token": "surfaceSecondary"
12695
12734
  },
12696
- "border": {
12697
- "width": 1,
12698
- "color": {
12699
- "token": "border"
12700
- }
12701
- },
12702
- "cornerRadius": 8
12735
+ "cornerRadius": 8,
12736
+ "accessibilityRole": "decorative"
12703
12737
  }
12704
12738
  },
12705
12739
  {
12706
12740
  "id": "himi_events.skeleton_3",
12707
12741
  "body": {
12708
12742
  "package": "himalaya",
12709
- "type": "ZStack",
12743
+ "type": "Skeleton",
12710
12744
  "props": {
12711
- "alignment": "center",
12712
- "children": []
12745
+ "height": 90,
12746
+ "cornerRadius": 8
12713
12747
  }
12714
12748
  },
12715
12749
  "modifiers": {
@@ -12717,13 +12751,8 @@ const SCREENS = runtimeSetting({
12717
12751
  "background": {
12718
12752
  "token": "surfaceSecondary"
12719
12753
  },
12720
- "border": {
12721
- "width": 1,
12722
- "color": {
12723
- "token": "border"
12724
- }
12725
- },
12726
- "cornerRadius": 8
12754
+ "cornerRadius": 8,
12755
+ "accessibilityRole": "decorative"
12727
12756
  }
12728
12757
  }
12729
12758
  ]
@@ -13391,6 +13420,7 @@ const SCREENS = runtimeSetting({
13391
13420
  "id": "$item.id"
13392
13421
  }
13393
13422
  },
13423
+ "haptic": "light",
13394
13424
  "background": {
13395
13425
  "token": "surfaceElevated"
13396
13426
  },
@@ -13409,10 +13439,17 @@ const SCREENS = runtimeSetting({
13409
13439
  },
13410
13440
  "fillMaxWidth": true,
13411
13441
  "accessibilityLabel": "$item.collectionTitle",
13412
- "pressFeedback": "highlight"
13442
+ "pressFeedback": "scale",
13443
+ "transition": {
13444
+ "enter": "fadeSlide",
13445
+ "direction": "up",
13446
+ "distance": 8
13447
+ }
13413
13448
  }
13414
13449
  }
13415
13450
  ],
13451
+ "staggerMs": 30,
13452
+ "animateItems": true,
13416
13453
  "rowSwipeActions": {
13417
13454
  "trailing": [
13418
13455
  {
@@ -13461,6 +13498,7 @@ const SCREENS = runtimeSetting({
13461
13498
  "columnsMedium": 3,
13462
13499
  "columnsExpanded": 4,
13463
13500
  "spacing": 12,
13501
+ "staggerMs": 30,
13464
13502
  "itemsPath": "$service:himiEvents.collection.items",
13465
13503
  "items": [
13466
13504
  {
@@ -13799,6 +13837,7 @@ const SCREENS = runtimeSetting({
13799
13837
  "id": "$item.id"
13800
13838
  }
13801
13839
  },
13840
+ "haptic": "light",
13802
13841
  "background": {
13803
13842
  "token": "surfaceElevated"
13804
13843
  },
@@ -13817,7 +13856,12 @@ const SCREENS = runtimeSetting({
13817
13856
  },
13818
13857
  "fillMaxWidth": true,
13819
13858
  "accessibilityLabel": "$item.collectionTitle",
13820
- "pressFeedback": "highlight"
13859
+ "pressFeedback": "scale",
13860
+ "transition": {
13861
+ "enter": "fadeSlide",
13862
+ "direction": "up",
13863
+ "distance": 8
13864
+ }
13821
13865
  }
13822
13866
  }
13823
13867
  ]
@@ -14159,6 +14203,7 @@ const SCREENS = runtimeSetting({
14159
14203
  "id": "$item.id"
14160
14204
  }
14161
14205
  },
14206
+ "haptic": "light",
14162
14207
  "background": {
14163
14208
  "token": "surfaceElevated"
14164
14209
  },
@@ -14177,10 +14222,17 @@ const SCREENS = runtimeSetting({
14177
14222
  },
14178
14223
  "fillMaxWidth": true,
14179
14224
  "accessibilityLabel": "$item.collectionTitle",
14180
- "pressFeedback": "highlight"
14225
+ "pressFeedback": "scale",
14226
+ "transition": {
14227
+ "enter": "fadeSlide",
14228
+ "direction": "up",
14229
+ "distance": 8
14230
+ }
14181
14231
  }
14182
14232
  }
14183
14233
  ],
14234
+ "staggerMs": 30,
14235
+ "animateItems": true,
14184
14236
  "rowSwipeActions": {
14185
14237
  "trailing": [
14186
14238
  {
@@ -14229,6 +14281,7 @@ const SCREENS = runtimeSetting({
14229
14281
  "columnsMedium": 3,
14230
14282
  "columnsExpanded": 4,
14231
14283
  "spacing": 8,
14284
+ "staggerMs": 30,
14232
14285
  "itemsPath": "$service:himiEvents.collection.items",
14233
14286
  "items": [
14234
14287
  {
@@ -14567,6 +14620,7 @@ const SCREENS = runtimeSetting({
14567
14620
  "id": "$item.id"
14568
14621
  }
14569
14622
  },
14623
+ "haptic": "light",
14570
14624
  "background": {
14571
14625
  "token": "surfaceElevated"
14572
14626
  },
@@ -14585,7 +14639,12 @@ const SCREENS = runtimeSetting({
14585
14639
  },
14586
14640
  "fillMaxWidth": true,
14587
14641
  "accessibilityLabel": "$item.collectionTitle",
14588
- "pressFeedback": "highlight"
14642
+ "pressFeedback": "scale",
14643
+ "transition": {
14644
+ "enter": "fadeSlide",
14645
+ "direction": "up",
14646
+ "distance": 8
14647
+ }
14589
14648
  }
14590
14649
  }
14591
14650
  ]
@@ -15314,6 +15373,7 @@ const SCREENS = runtimeSetting({
15314
15373
  "id": "$item.id"
15315
15374
  }
15316
15375
  },
15376
+ "haptic": "light",
15317
15377
  "background": {
15318
15378
  "token": "surfaceElevated"
15319
15379
  },
@@ -15332,7 +15392,12 @@ const SCREENS = runtimeSetting({
15332
15392
  },
15333
15393
  "fillMaxWidth": true,
15334
15394
  "accessibilityLabel": "$item.collectionTitle",
15335
- "pressFeedback": "highlight"
15395
+ "pressFeedback": "scale",
15396
+ "transition": {
15397
+ "enter": "fadeSlide",
15398
+ "direction": "up",
15399
+ "distance": 8
15400
+ }
15336
15401
  }
15337
15402
  }
15338
15403
  ]
@@ -15435,6 +15500,10 @@ const SCREENS = runtimeSetting({
15435
15500
  "top": 24,
15436
15501
  "bottom": 24
15437
15502
  },
15503
+ "transition": {
15504
+ "enter": "fade",
15505
+ "exit": "fade"
15506
+ },
15438
15507
  "hiddenPath": "$service:himiEvents.noEmpty"
15439
15508
  }
15440
15509
  }
@@ -15634,6 +15703,10 @@ const SCREENS = runtimeSetting({
15634
15703
  "top": 14,
15635
15704
  "bottom": 14
15636
15705
  },
15706
+ "transition": {
15707
+ "enter": "fade",
15708
+ "exit": "fade"
15709
+ },
15637
15710
  "hiddenPath": "$service:himiMyEvents.notErrored"
15638
15711
  }
15639
15712
  },
@@ -15649,10 +15722,10 @@ const SCREENS = runtimeSetting({
15649
15722
  "id": "himi_my_events.skeleton_1",
15650
15723
  "body": {
15651
15724
  "package": "himalaya",
15652
- "type": "ZStack",
15725
+ "type": "Skeleton",
15653
15726
  "props": {
15654
- "alignment": "center",
15655
- "children": []
15727
+ "height": 86,
15728
+ "cornerRadius": 8
15656
15729
  }
15657
15730
  },
15658
15731
  "modifiers": {
@@ -15660,23 +15733,18 @@ const SCREENS = runtimeSetting({
15660
15733
  "background": {
15661
15734
  "token": "surfaceSecondary"
15662
15735
  },
15663
- "border": {
15664
- "width": 1,
15665
- "color": {
15666
- "token": "border"
15667
- }
15668
- },
15669
- "cornerRadius": 8
15736
+ "cornerRadius": 8,
15737
+ "accessibilityRole": "decorative"
15670
15738
  }
15671
15739
  },
15672
15740
  {
15673
15741
  "id": "himi_my_events.skeleton_2",
15674
15742
  "body": {
15675
15743
  "package": "himalaya",
15676
- "type": "ZStack",
15744
+ "type": "Skeleton",
15677
15745
  "props": {
15678
- "alignment": "center",
15679
- "children": []
15746
+ "height": 86,
15747
+ "cornerRadius": 8
15680
15748
  }
15681
15749
  },
15682
15750
  "modifiers": {
@@ -15684,13 +15752,8 @@ const SCREENS = runtimeSetting({
15684
15752
  "background": {
15685
15753
  "token": "surfaceSecondary"
15686
15754
  },
15687
- "border": {
15688
- "width": 1,
15689
- "color": {
15690
- "token": "border"
15691
- }
15692
- },
15693
- "cornerRadius": 8
15755
+ "cornerRadius": 8,
15756
+ "accessibilityRole": "decorative"
15694
15757
  }
15695
15758
  }
15696
15759
  ]
@@ -16027,6 +16090,10 @@ const SCREENS = runtimeSetting({
16027
16090
  "top": 24,
16028
16091
  "bottom": 24
16029
16092
  },
16093
+ "transition": {
16094
+ "enter": "fade",
16095
+ "exit": "fade"
16096
+ },
16030
16097
  "hiddenPath": "$service:himiMyEvents.noEmpty"
16031
16098
  }
16032
16099
  }
@@ -16225,6 +16292,10 @@ const SCREENS = runtimeSetting({
16225
16292
  "top": 14,
16226
16293
  "bottom": 14
16227
16294
  },
16295
+ "transition": {
16296
+ "enter": "fade",
16297
+ "exit": "fade"
16298
+ },
16228
16299
  "hiddenPath": "$service:himiBlogFeed.notErrored"
16229
16300
  }
16230
16301
  },
@@ -16240,10 +16311,10 @@ const SCREENS = runtimeSetting({
16240
16311
  "id": "himi_blog.skeleton_1",
16241
16312
  "body": {
16242
16313
  "package": "himalaya",
16243
- "type": "ZStack",
16314
+ "type": "Skeleton",
16244
16315
  "props": {
16245
- "alignment": "center",
16246
- "children": []
16316
+ "height": 76,
16317
+ "cornerRadius": 8
16247
16318
  }
16248
16319
  },
16249
16320
  "modifiers": {
@@ -16251,23 +16322,18 @@ const SCREENS = runtimeSetting({
16251
16322
  "background": {
16252
16323
  "token": "surfaceSecondary"
16253
16324
  },
16254
- "border": {
16255
- "width": 1,
16256
- "color": {
16257
- "token": "border"
16258
- }
16259
- },
16260
- "cornerRadius": 8
16325
+ "cornerRadius": 8,
16326
+ "accessibilityRole": "decorative"
16261
16327
  }
16262
16328
  },
16263
16329
  {
16264
16330
  "id": "himi_blog.skeleton_2",
16265
16331
  "body": {
16266
16332
  "package": "himalaya",
16267
- "type": "ZStack",
16333
+ "type": "Skeleton",
16268
16334
  "props": {
16269
- "alignment": "center",
16270
- "children": []
16335
+ "height": 104,
16336
+ "cornerRadius": 8
16271
16337
  }
16272
16338
  },
16273
16339
  "modifiers": {
@@ -16275,23 +16341,18 @@ const SCREENS = runtimeSetting({
16275
16341
  "background": {
16276
16342
  "token": "surfaceSecondary"
16277
16343
  },
16278
- "border": {
16279
- "width": 1,
16280
- "color": {
16281
- "token": "border"
16282
- }
16283
- },
16284
- "cornerRadius": 8
16344
+ "cornerRadius": 8,
16345
+ "accessibilityRole": "decorative"
16285
16346
  }
16286
16347
  },
16287
16348
  {
16288
16349
  "id": "himi_blog.skeleton_3",
16289
16350
  "body": {
16290
16351
  "package": "himalaya",
16291
- "type": "ZStack",
16352
+ "type": "Skeleton",
16292
16353
  "props": {
16293
- "alignment": "center",
16294
- "children": []
16354
+ "height": 104,
16355
+ "cornerRadius": 8
16295
16356
  }
16296
16357
  },
16297
16358
  "modifiers": {
@@ -16299,13 +16360,8 @@ const SCREENS = runtimeSetting({
16299
16360
  "background": {
16300
16361
  "token": "surfaceSecondary"
16301
16362
  },
16302
- "border": {
16303
- "width": 1,
16304
- "color": {
16305
- "token": "border"
16306
- }
16307
- },
16308
- "cornerRadius": 8
16363
+ "cornerRadius": 8,
16364
+ "accessibilityRole": "decorative"
16309
16365
  }
16310
16366
  }
16311
16367
  ]
@@ -16864,6 +16920,7 @@ const SCREENS = runtimeSetting({
16864
16920
  "id": "$item.id"
16865
16921
  }
16866
16922
  },
16923
+ "haptic": "light",
16867
16924
  "background": {
16868
16925
  "token": "surfaceElevated"
16869
16926
  },
@@ -16882,7 +16939,12 @@ const SCREENS = runtimeSetting({
16882
16939
  },
16883
16940
  "fillMaxWidth": true,
16884
16941
  "accessibilityLabel": "$item.collectionTitle",
16885
- "pressFeedback": "highlight"
16942
+ "pressFeedback": "scale",
16943
+ "transition": {
16944
+ "enter": "fadeSlide",
16945
+ "direction": "up",
16946
+ "distance": 8
16947
+ }
16886
16948
  }
16887
16949
  }
16888
16950
  ],
@@ -16896,6 +16958,8 @@ const SCREENS = runtimeSetting({
16896
16958
  },
16897
16959
  "pageSize": 20
16898
16960
  },
16961
+ "staggerMs": 30,
16962
+ "animateItems": true,
16899
16963
  "rowSwipeActions": {
16900
16964
  "trailing": [
16901
16965
  {
@@ -16944,6 +17008,7 @@ const SCREENS = runtimeSetting({
16944
17008
  "columnsMedium": 3,
16945
17009
  "columnsExpanded": 4,
16946
17010
  "spacing": 12,
17011
+ "staggerMs": 30,
16947
17012
  "itemsPath": "$service:himiBlogFeed.collection.items",
16948
17013
  "items": [
16949
17014
  {
@@ -17207,6 +17272,7 @@ const SCREENS = runtimeSetting({
17207
17272
  "id": "$item.id"
17208
17273
  }
17209
17274
  },
17275
+ "haptic": "light",
17210
17276
  "background": {
17211
17277
  "token": "surfaceElevated"
17212
17278
  },
@@ -17225,7 +17291,12 @@ const SCREENS = runtimeSetting({
17225
17291
  },
17226
17292
  "fillMaxWidth": true,
17227
17293
  "accessibilityLabel": "$item.collectionTitle",
17228
- "pressFeedback": "highlight"
17294
+ "pressFeedback": "scale",
17295
+ "transition": {
17296
+ "enter": "fadeSlide",
17297
+ "direction": "up",
17298
+ "distance": 8
17299
+ }
17229
17300
  }
17230
17301
  }
17231
17302
  ]
@@ -17501,6 +17572,7 @@ const SCREENS = runtimeSetting({
17501
17572
  "id": "$item.id"
17502
17573
  }
17503
17574
  },
17575
+ "haptic": "light",
17504
17576
  "background": {
17505
17577
  "token": "surfaceElevated"
17506
17578
  },
@@ -17519,7 +17591,12 @@ const SCREENS = runtimeSetting({
17519
17591
  },
17520
17592
  "fillMaxWidth": true,
17521
17593
  "accessibilityLabel": "$item.collectionTitle",
17522
- "pressFeedback": "highlight"
17594
+ "pressFeedback": "scale",
17595
+ "transition": {
17596
+ "enter": "fadeSlide",
17597
+ "direction": "up",
17598
+ "distance": 8
17599
+ }
17523
17600
  }
17524
17601
  }
17525
17602
  ],
@@ -17533,6 +17610,8 @@ const SCREENS = runtimeSetting({
17533
17610
  },
17534
17611
  "pageSize": 20
17535
17612
  },
17613
+ "staggerMs": 30,
17614
+ "animateItems": true,
17536
17615
  "rowSwipeActions": {
17537
17616
  "trailing": [
17538
17617
  {
@@ -17581,6 +17660,7 @@ const SCREENS = runtimeSetting({
17581
17660
  "columnsMedium": 3,
17582
17661
  "columnsExpanded": 4,
17583
17662
  "spacing": 8,
17663
+ "staggerMs": 30,
17584
17664
  "itemsPath": "$service:himiBlogFeed.collection.items",
17585
17665
  "items": [
17586
17666
  {
@@ -17844,6 +17924,7 @@ const SCREENS = runtimeSetting({
17844
17924
  "id": "$item.id"
17845
17925
  }
17846
17926
  },
17927
+ "haptic": "light",
17847
17928
  "background": {
17848
17929
  "token": "surfaceElevated"
17849
17930
  },
@@ -17862,7 +17943,12 @@ const SCREENS = runtimeSetting({
17862
17943
  },
17863
17944
  "fillMaxWidth": true,
17864
17945
  "accessibilityLabel": "$item.collectionTitle",
17865
- "pressFeedback": "highlight"
17946
+ "pressFeedback": "scale",
17947
+ "transition": {
17948
+ "enter": "fadeSlide",
17949
+ "direction": "up",
17950
+ "distance": 8
17951
+ }
17866
17952
  }
17867
17953
  }
17868
17954
  ]
@@ -18485,6 +18571,7 @@ const SCREENS = runtimeSetting({
18485
18571
  "id": "$item.id"
18486
18572
  }
18487
18573
  },
18574
+ "haptic": "light",
18488
18575
  "background": {
18489
18576
  "token": "surfaceElevated"
18490
18577
  },
@@ -18503,7 +18590,12 @@ const SCREENS = runtimeSetting({
18503
18590
  },
18504
18591
  "fillMaxWidth": true,
18505
18592
  "accessibilityLabel": "$item.collectionTitle",
18506
- "pressFeedback": "highlight"
18593
+ "pressFeedback": "scale",
18594
+ "transition": {
18595
+ "enter": "fadeSlide",
18596
+ "direction": "up",
18597
+ "distance": 8
18598
+ }
18507
18599
  }
18508
18600
  }
18509
18601
  ]
@@ -18593,6 +18685,10 @@ const SCREENS = runtimeSetting({
18593
18685
  "top": 24,
18594
18686
  "bottom": 24
18595
18687
  },
18688
+ "transition": {
18689
+ "enter": "fade",
18690
+ "exit": "fade"
18691
+ },
18596
18692
  "hiddenPath": "$service:himiBlogFeed.noEmpty"
18597
18693
  }
18598
18694
  }
@@ -18802,6 +18898,10 @@ const SCREENS = runtimeSetting({
18802
18898
  "top": 14,
18803
18899
  "bottom": 14
18804
18900
  },
18901
+ "transition": {
18902
+ "enter": "fade",
18903
+ "exit": "fade"
18904
+ },
18805
18905
  "hiddenPath": "$service:himiBlogSaved.notErrored"
18806
18906
  }
18807
18907
  },
@@ -18817,10 +18917,10 @@ const SCREENS = runtimeSetting({
18817
18917
  "id": "himi_saved.skeleton_1",
18818
18918
  "body": {
18819
18919
  "package": "himalaya",
18820
- "type": "ZStack",
18920
+ "type": "Skeleton",
18821
18921
  "props": {
18822
- "alignment": "center",
18823
- "children": []
18922
+ "height": 72,
18923
+ "cornerRadius": 8
18824
18924
  }
18825
18925
  },
18826
18926
  "modifiers": {
@@ -18828,23 +18928,18 @@ const SCREENS = runtimeSetting({
18828
18928
  "background": {
18829
18929
  "token": "surfaceSecondary"
18830
18930
  },
18831
- "border": {
18832
- "width": 1,
18833
- "color": {
18834
- "token": "border"
18835
- }
18836
- },
18837
- "cornerRadius": 8
18931
+ "cornerRadius": 8,
18932
+ "accessibilityRole": "decorative"
18838
18933
  }
18839
18934
  },
18840
18935
  {
18841
18936
  "id": "himi_saved.skeleton_2",
18842
18937
  "body": {
18843
18938
  "package": "himalaya",
18844
- "type": "ZStack",
18939
+ "type": "Skeleton",
18845
18940
  "props": {
18846
- "alignment": "center",
18847
- "children": []
18941
+ "height": 72,
18942
+ "cornerRadius": 8
18848
18943
  }
18849
18944
  },
18850
18945
  "modifiers": {
@@ -18852,13 +18947,8 @@ const SCREENS = runtimeSetting({
18852
18947
  "background": {
18853
18948
  "token": "surfaceSecondary"
18854
18949
  },
18855
- "border": {
18856
- "width": 1,
18857
- "color": {
18858
- "token": "border"
18859
- }
18860
- },
18861
- "cornerRadius": 8
18950
+ "cornerRadius": 8,
18951
+ "accessibilityRole": "decorative"
18862
18952
  }
18863
18953
  }
18864
18954
  ]
@@ -19158,6 +19248,10 @@ const SCREENS = runtimeSetting({
19158
19248
  "top": 24,
19159
19249
  "bottom": 24
19160
19250
  },
19251
+ "transition": {
19252
+ "enter": "fade",
19253
+ "exit": "fade"
19254
+ },
19161
19255
  "hiddenPath": "$service:himiBlogSaved.noEmpty"
19162
19256
  }
19163
19257
  }
@@ -20792,6 +20886,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20792
20886
  "top": 14,
20793
20887
  "bottom": 14
20794
20888
  },
20889
+ "transition": {
20890
+ "enter": "fade",
20891
+ "exit": "fade"
20892
+ },
20795
20893
  "hiddenPath": "$service:himiEventDetail.notErrored"
20796
20894
  }
20797
20895
  },
@@ -20807,10 +20905,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20807
20905
  "id": "himi_event.skeleton_media",
20808
20906
  "body": {
20809
20907
  "package": "himalaya",
20810
- "type": "ZStack",
20908
+ "type": "Skeleton",
20811
20909
  "props": {
20812
- "alignment": "center",
20813
- "children": []
20910
+ "height": 180,
20911
+ "cornerRadius": 8
20814
20912
  }
20815
20913
  },
20816
20914
  "modifiers": {
@@ -20818,23 +20916,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20818
20916
  "background": {
20819
20917
  "token": "surfaceSecondary"
20820
20918
  },
20821
- "border": {
20822
- "width": 1,
20823
- "color": {
20824
- "token": "border"
20825
- }
20826
- },
20827
- "cornerRadius": 8
20919
+ "cornerRadius": 8,
20920
+ "accessibilityRole": "decorative"
20828
20921
  }
20829
20922
  },
20830
20923
  {
20831
20924
  "id": "himi_event.skeleton_title",
20832
20925
  "body": {
20833
20926
  "package": "himalaya",
20834
- "type": "ZStack",
20927
+ "type": "Skeleton",
20835
20928
  "props": {
20836
- "alignment": "center",
20837
- "children": []
20929
+ "height": 26,
20930
+ "cornerRadius": 8
20838
20931
  }
20839
20932
  },
20840
20933
  "modifiers": {
@@ -20842,23 +20935,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20842
20935
  "background": {
20843
20936
  "token": "surfaceSecondary"
20844
20937
  },
20845
- "border": {
20846
- "width": 1,
20847
- "color": {
20848
- "token": "border"
20849
- }
20850
- },
20851
- "cornerRadius": 8
20938
+ "cornerRadius": 8,
20939
+ "accessibilityRole": "decorative"
20852
20940
  }
20853
20941
  },
20854
20942
  {
20855
20943
  "id": "himi_event.skeleton_body",
20856
20944
  "body": {
20857
20945
  "package": "himalaya",
20858
- "type": "ZStack",
20946
+ "type": "Skeleton",
20859
20947
  "props": {
20860
- "alignment": "center",
20861
- "children": []
20948
+ "height": 92,
20949
+ "cornerRadius": 8
20862
20950
  }
20863
20951
  },
20864
20952
  "modifiers": {
@@ -20866,13 +20954,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20866
20954
  "background": {
20867
20955
  "token": "surfaceSecondary"
20868
20956
  },
20869
- "border": {
20870
- "width": 1,
20871
- "color": {
20872
- "token": "border"
20873
- }
20874
- },
20875
- "cornerRadius": 8
20957
+ "cornerRadius": 8,
20958
+ "accessibilityRole": "decorative"
20876
20959
  }
20877
20960
  }
20878
20961
  ]
@@ -21590,6 +21673,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21590
21673
  "top": 24,
21591
21674
  "bottom": 24
21592
21675
  },
21676
+ "transition": {
21677
+ "enter": "fade",
21678
+ "exit": "fade"
21679
+ },
21593
21680
  "hiddenPath": "$service:himiEventDetail.noEmpty"
21594
21681
  }
21595
21682
  }
@@ -21742,6 +21829,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21742
21829
  "top": 14,
21743
21830
  "bottom": 14
21744
21831
  },
21832
+ "transition": {
21833
+ "enter": "fade",
21834
+ "exit": "fade"
21835
+ },
21745
21836
  "hiddenPath": "$service:himiEventsRsvp.notErrored"
21746
21837
  }
21747
21838
  },
@@ -21757,10 +21848,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21757
21848
  "id": "himi_rsvp.skeleton_event",
21758
21849
  "body": {
21759
21850
  "package": "himalaya",
21760
- "type": "ZStack",
21851
+ "type": "Skeleton",
21761
21852
  "props": {
21762
- "alignment": "center",
21763
- "children": []
21853
+ "height": 96,
21854
+ "cornerRadius": 8
21764
21855
  }
21765
21856
  },
21766
21857
  "modifiers": {
@@ -21768,23 +21859,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21768
21859
  "background": {
21769
21860
  "token": "surfaceSecondary"
21770
21861
  },
21771
- "border": {
21772
- "width": 1,
21773
- "color": {
21774
- "token": "border"
21775
- }
21776
- },
21777
- "cornerRadius": 8
21862
+ "cornerRadius": 8,
21863
+ "accessibilityRole": "decorative"
21778
21864
  }
21779
21865
  },
21780
21866
  {
21781
21867
  "id": "himi_rsvp.skeleton_account",
21782
21868
  "body": {
21783
21869
  "package": "himalaya",
21784
- "type": "ZStack",
21870
+ "type": "Skeleton",
21785
21871
  "props": {
21786
- "alignment": "center",
21787
- "children": []
21872
+ "height": 120,
21873
+ "cornerRadius": 8
21788
21874
  }
21789
21875
  },
21790
21876
  "modifiers": {
@@ -21792,13 +21878,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21792
21878
  "background": {
21793
21879
  "token": "surfaceSecondary"
21794
21880
  },
21795
- "border": {
21796
- "width": 1,
21797
- "color": {
21798
- "token": "border"
21799
- }
21800
- },
21801
- "cornerRadius": 8
21881
+ "cornerRadius": 8,
21882
+ "accessibilityRole": "decorative"
21802
21883
  }
21803
21884
  }
21804
21885
  ]
@@ -22272,6 +22353,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22272
22353
  "top": 24,
22273
22354
  "bottom": 24
22274
22355
  },
22356
+ "transition": {
22357
+ "enter": "fade",
22358
+ "exit": "fade"
22359
+ },
22275
22360
  "hiddenPath": "$service:himiEventsRsvp.noEmpty"
22276
22361
  }
22277
22362
  }
@@ -22436,6 +22521,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22436
22521
  "top": 14,
22437
22522
  "bottom": 14
22438
22523
  },
22524
+ "transition": {
22525
+ "enter": "fade",
22526
+ "exit": "fade"
22527
+ },
22439
22528
  "hiddenPath": "$service:himiBlogPost.notErrored"
22440
22529
  }
22441
22530
  },
@@ -22451,10 +22540,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22451
22540
  "id": "himi_blog_post.skeleton_media",
22452
22541
  "body": {
22453
22542
  "package": "himalaya",
22454
- "type": "ZStack",
22543
+ "type": "Skeleton",
22455
22544
  "props": {
22456
- "alignment": "center",
22457
- "children": []
22545
+ "height": 180,
22546
+ "cornerRadius": 8
22458
22547
  }
22459
22548
  },
22460
22549
  "modifiers": {
@@ -22462,23 +22551,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22462
22551
  "background": {
22463
22552
  "token": "surfaceSecondary"
22464
22553
  },
22465
- "border": {
22466
- "width": 1,
22467
- "color": {
22468
- "token": "border"
22469
- }
22470
- },
22471
- "cornerRadius": 8
22554
+ "cornerRadius": 8,
22555
+ "accessibilityRole": "decorative"
22472
22556
  }
22473
22557
  },
22474
22558
  {
22475
22559
  "id": "himi_blog_post.skeleton_title",
22476
22560
  "body": {
22477
22561
  "package": "himalaya",
22478
- "type": "ZStack",
22562
+ "type": "Skeleton",
22479
22563
  "props": {
22480
- "alignment": "center",
22481
- "children": []
22564
+ "height": 26,
22565
+ "cornerRadius": 8
22482
22566
  }
22483
22567
  },
22484
22568
  "modifiers": {
@@ -22486,23 +22570,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22486
22570
  "background": {
22487
22571
  "token": "surfaceSecondary"
22488
22572
  },
22489
- "border": {
22490
- "width": 1,
22491
- "color": {
22492
- "token": "border"
22493
- }
22494
- },
22495
- "cornerRadius": 8
22573
+ "cornerRadius": 8,
22574
+ "accessibilityRole": "decorative"
22496
22575
  }
22497
22576
  },
22498
22577
  {
22499
22578
  "id": "himi_blog_post.skeleton_body",
22500
22579
  "body": {
22501
22580
  "package": "himalaya",
22502
- "type": "ZStack",
22581
+ "type": "Skeleton",
22503
22582
  "props": {
22504
- "alignment": "center",
22505
- "children": []
22583
+ "height": 92,
22584
+ "cornerRadius": 8
22506
22585
  }
22507
22586
  },
22508
22587
  "modifiers": {
@@ -22510,13 +22589,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
22510
22589
  "background": {
22511
22590
  "token": "surfaceSecondary"
22512
22591
  },
22513
- "border": {
22514
- "width": 1,
22515
- "color": {
22516
- "token": "border"
22517
- }
22518
- },
22519
- "cornerRadius": 8
22592
+ "cornerRadius": 8,
22593
+ "accessibilityRole": "decorative"
22520
22594
  }
22521
22595
  }
22522
22596
  ]