@wix/himalaya-cli 0.1408.0 → 0.1410.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/retail-store/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",
@@ -1143,6 +1145,13 @@ const SCREENS = runtimeSetting({
1143
1145
  ],
1144
1146
  "defaultCase": "saved"
1145
1147
  }
1148
+ },
1149
+ "modifiers": {
1150
+ "transition": {
1151
+ "enter": "fadeSlide",
1152
+ "direction": "up",
1153
+ "distance": 12
1154
+ }
1146
1155
  }
1147
1156
  }
1148
1157
  ]
@@ -6532,6 +6541,10 @@ const SCREENS = runtimeSetting({
6532
6541
  "top": 14,
6533
6542
  "bottom": 12
6534
6543
  },
6544
+ "transition": {
6545
+ "enter": "fade",
6546
+ "exit": "fade"
6547
+ },
6535
6548
  "hiddenPath": "$service:himiStoreShop.notErrored"
6536
6549
  }
6537
6550
  },
@@ -6547,10 +6560,10 @@ const SCREENS = runtimeSetting({
6547
6560
  "id": "himi_shop.skeleton_1",
6548
6561
  "body": {
6549
6562
  "package": "himalaya",
6550
- "type": "ZStack",
6563
+ "type": "Skeleton",
6551
6564
  "props": {
6552
- "alignment": "center",
6553
- "children": []
6565
+ "height": 96,
6566
+ "cornerRadius": 8
6554
6567
  }
6555
6568
  },
6556
6569
  "modifiers": {
@@ -6558,23 +6571,18 @@ const SCREENS = runtimeSetting({
6558
6571
  "background": {
6559
6572
  "token": "surfaceSecondary"
6560
6573
  },
6561
- "border": {
6562
- "width": 1,
6563
- "color": {
6564
- "token": "border"
6565
- }
6566
- },
6567
- "cornerRadius": 8
6574
+ "cornerRadius": 8,
6575
+ "accessibilityRole": "decorative"
6568
6576
  }
6569
6577
  },
6570
6578
  {
6571
6579
  "id": "himi_shop.skeleton_2",
6572
6580
  "body": {
6573
6581
  "package": "himalaya",
6574
- "type": "ZStack",
6582
+ "type": "Skeleton",
6575
6583
  "props": {
6576
- "alignment": "center",
6577
- "children": []
6584
+ "height": 96,
6585
+ "cornerRadius": 8
6578
6586
  }
6579
6587
  },
6580
6588
  "modifiers": {
@@ -6582,23 +6590,18 @@ const SCREENS = runtimeSetting({
6582
6590
  "background": {
6583
6591
  "token": "surfaceSecondary"
6584
6592
  },
6585
- "border": {
6586
- "width": 1,
6587
- "color": {
6588
- "token": "border"
6589
- }
6590
- },
6591
- "cornerRadius": 8
6593
+ "cornerRadius": 8,
6594
+ "accessibilityRole": "decorative"
6592
6595
  }
6593
6596
  },
6594
6597
  {
6595
6598
  "id": "himi_shop.skeleton_3",
6596
6599
  "body": {
6597
6600
  "package": "himalaya",
6598
- "type": "ZStack",
6601
+ "type": "Skeleton",
6599
6602
  "props": {
6600
- "alignment": "center",
6601
- "children": []
6603
+ "height": 96,
6604
+ "cornerRadius": 8
6602
6605
  }
6603
6606
  },
6604
6607
  "modifiers": {
@@ -6606,13 +6609,8 @@ const SCREENS = runtimeSetting({
6606
6609
  "background": {
6607
6610
  "token": "surfaceSecondary"
6608
6611
  },
6609
- "border": {
6610
- "width": 1,
6611
- "color": {
6612
- "token": "border"
6613
- }
6614
- },
6615
- "cornerRadius": 8
6612
+ "cornerRadius": 8,
6613
+ "accessibilityRole": "decorative"
6616
6614
  }
6617
6615
  }
6618
6616
  ]
@@ -7207,6 +7205,7 @@ const SCREENS = runtimeSetting({
7207
7205
  "id": "$item.id"
7208
7206
  }
7209
7207
  },
7208
+ "haptic": "light",
7210
7209
  "background": {
7211
7210
  "token": "surfaceElevated"
7212
7211
  },
@@ -7225,7 +7224,12 @@ const SCREENS = runtimeSetting({
7225
7224
  },
7226
7225
  "fillMaxWidth": true,
7227
7226
  "accessibilityLabel": "$item.collectionTitle",
7228
- "pressFeedback": "highlight"
7227
+ "pressFeedback": "scale",
7228
+ "transition": {
7229
+ "enter": "fadeSlide",
7230
+ "direction": "up",
7231
+ "distance": 8
7232
+ }
7229
7233
  }
7230
7234
  }
7231
7235
  ],
@@ -7239,6 +7243,8 @@ const SCREENS = runtimeSetting({
7239
7243
  },
7240
7244
  "pageSize": 50
7241
7245
  },
7246
+ "staggerMs": 30,
7247
+ "animateItems": true,
7242
7248
  "rowSwipeActions": {
7243
7249
  "trailing": [
7244
7250
  {
@@ -7287,6 +7293,7 @@ const SCREENS = runtimeSetting({
7287
7293
  "columnsMedium": 3,
7288
7294
  "columnsExpanded": 4,
7289
7295
  "spacing": 12,
7296
+ "staggerMs": 30,
7290
7297
  "itemsPath": "$service:himiStoreShop.collection.items",
7291
7298
  "items": [
7292
7299
  {
@@ -7516,6 +7523,7 @@ const SCREENS = runtimeSetting({
7516
7523
  "id": "$item.id"
7517
7524
  }
7518
7525
  },
7526
+ "haptic": "light",
7519
7527
  "background": {
7520
7528
  "token": "surfaceElevated"
7521
7529
  },
@@ -7534,7 +7542,12 @@ const SCREENS = runtimeSetting({
7534
7542
  },
7535
7543
  "fillMaxWidth": true,
7536
7544
  "accessibilityLabel": "$item.collectionTitle",
7537
- "pressFeedback": "highlight"
7545
+ "pressFeedback": "scale",
7546
+ "transition": {
7547
+ "enter": "fadeSlide",
7548
+ "direction": "up",
7549
+ "distance": 8
7550
+ }
7538
7551
  }
7539
7552
  }
7540
7553
  ]
@@ -7801,6 +7814,7 @@ const SCREENS = runtimeSetting({
7801
7814
  "id": "$item.id"
7802
7815
  }
7803
7816
  },
7817
+ "haptic": "light",
7804
7818
  "background": {
7805
7819
  "token": "surfaceElevated"
7806
7820
  },
@@ -7819,7 +7833,12 @@ const SCREENS = runtimeSetting({
7819
7833
  },
7820
7834
  "fillMaxWidth": true,
7821
7835
  "accessibilityLabel": "$item.collectionTitle",
7822
- "pressFeedback": "highlight"
7836
+ "pressFeedback": "scale",
7837
+ "transition": {
7838
+ "enter": "fadeSlide",
7839
+ "direction": "up",
7840
+ "distance": 8
7841
+ }
7823
7842
  }
7824
7843
  }
7825
7844
  ],
@@ -7833,6 +7852,8 @@ const SCREENS = runtimeSetting({
7833
7852
  },
7834
7853
  "pageSize": 50
7835
7854
  },
7855
+ "staggerMs": 30,
7856
+ "animateItems": true,
7836
7857
  "rowSwipeActions": {
7837
7858
  "trailing": [
7838
7859
  {
@@ -7881,6 +7902,7 @@ const SCREENS = runtimeSetting({
7881
7902
  "columnsMedium": 3,
7882
7903
  "columnsExpanded": 4,
7883
7904
  "spacing": 8,
7905
+ "staggerMs": 30,
7884
7906
  "itemsPath": "$service:himiStoreShop.collection.items",
7885
7907
  "items": [
7886
7908
  {
@@ -8110,6 +8132,7 @@ const SCREENS = runtimeSetting({
8110
8132
  "id": "$item.id"
8111
8133
  }
8112
8134
  },
8135
+ "haptic": "light",
8113
8136
  "background": {
8114
8137
  "token": "surfaceElevated"
8115
8138
  },
@@ -8128,7 +8151,12 @@ const SCREENS = runtimeSetting({
8128
8151
  },
8129
8152
  "fillMaxWidth": true,
8130
8153
  "accessibilityLabel": "$item.collectionTitle",
8131
- "pressFeedback": "highlight"
8154
+ "pressFeedback": "scale",
8155
+ "transition": {
8156
+ "enter": "fadeSlide",
8157
+ "direction": "up",
8158
+ "distance": 8
8159
+ }
8132
8160
  }
8133
8161
  }
8134
8162
  ]
@@ -8717,6 +8745,7 @@ const SCREENS = runtimeSetting({
8717
8745
  "id": "$item.id"
8718
8746
  }
8719
8747
  },
8748
+ "haptic": "light",
8720
8749
  "background": {
8721
8750
  "token": "surfaceElevated"
8722
8751
  },
@@ -8735,7 +8764,12 @@ const SCREENS = runtimeSetting({
8735
8764
  },
8736
8765
  "fillMaxWidth": true,
8737
8766
  "accessibilityLabel": "$item.collectionTitle",
8738
- "pressFeedback": "highlight"
8767
+ "pressFeedback": "scale",
8768
+ "transition": {
8769
+ "enter": "fadeSlide",
8770
+ "direction": "up",
8771
+ "distance": 8
8772
+ }
8739
8773
  }
8740
8774
  }
8741
8775
  ]
@@ -8828,6 +8862,10 @@ const SCREENS = runtimeSetting({
8828
8862
  "top": 24,
8829
8863
  "bottom": 12
8830
8864
  },
8865
+ "transition": {
8866
+ "enter": "fade",
8867
+ "exit": "fade"
8868
+ },
8831
8869
  "hiddenPath": "$service:himiStoreShop.noEmpty"
8832
8870
  }
8833
8871
  }
@@ -8938,10 +8976,10 @@ const SCREENS = runtimeSetting({
8938
8976
  "id": "himi_saved_products.skeleton",
8939
8977
  "body": {
8940
8978
  "package": "himalaya",
8941
- "type": "ZStack",
8979
+ "type": "Skeleton",
8942
8980
  "props": {
8943
- "alignment": "center",
8944
- "children": []
8981
+ "height": 168,
8982
+ "cornerRadius": 8
8945
8983
  }
8946
8984
  },
8947
8985
  "modifiers": {
@@ -8949,13 +8987,8 @@ const SCREENS = runtimeSetting({
8949
8987
  "background": {
8950
8988
  "token": "surfaceSecondary"
8951
8989
  },
8952
- "border": {
8953
- "width": 1,
8954
- "color": {
8955
- "token": "border"
8956
- }
8957
- },
8958
8990
  "cornerRadius": 8,
8991
+ "accessibilityRole": "decorative",
8959
8992
  "hiddenPath": "$service:himiStoreSaved.notLoading"
8960
8993
  }
8961
8994
  },
@@ -9065,6 +9098,10 @@ const SCREENS = runtimeSetting({
9065
9098
  "top": 14,
9066
9099
  "bottom": 14
9067
9100
  },
9101
+ "transition": {
9102
+ "enter": "fade",
9103
+ "exit": "fade"
9104
+ },
9068
9105
  "hiddenPath": "$service:himiStoreSaved.notErrored"
9069
9106
  }
9070
9107
  },
@@ -9300,6 +9337,10 @@ const SCREENS = runtimeSetting({
9300
9337
  "top": 24,
9301
9338
  "bottom": 24
9302
9339
  },
9340
+ "transition": {
9341
+ "enter": "fade",
9342
+ "exit": "fade"
9343
+ },
9303
9344
  "hiddenPath": "$service:himiStoreSaved.noEmpty"
9304
9345
  }
9305
9346
  }
@@ -9632,10 +9673,10 @@ const SCREENS = runtimeSetting({
9632
9673
  "id": "himi_collection.skeleton_1",
9633
9674
  "body": {
9634
9675
  "package": "himalaya",
9635
- "type": "ZStack",
9676
+ "type": "Skeleton",
9636
9677
  "props": {
9637
- "alignment": "center",
9638
- "children": []
9678
+ "height": 96,
9679
+ "cornerRadius": 8
9639
9680
  }
9640
9681
  },
9641
9682
  "modifiers": {
@@ -9643,23 +9684,18 @@ const SCREENS = runtimeSetting({
9643
9684
  "background": {
9644
9685
  "token": "surfaceSecondary"
9645
9686
  },
9646
- "border": {
9647
- "width": 1,
9648
- "color": {
9649
- "token": "border"
9650
- }
9651
- },
9652
- "cornerRadius": 8
9687
+ "cornerRadius": 8,
9688
+ "accessibilityRole": "decorative"
9653
9689
  }
9654
9690
  },
9655
9691
  {
9656
9692
  "id": "himi_collection.skeleton_2",
9657
9693
  "body": {
9658
9694
  "package": "himalaya",
9659
- "type": "ZStack",
9695
+ "type": "Skeleton",
9660
9696
  "props": {
9661
- "alignment": "center",
9662
- "children": []
9697
+ "height": 96,
9698
+ "cornerRadius": 8
9663
9699
  }
9664
9700
  },
9665
9701
  "modifiers": {
@@ -9667,23 +9703,18 @@ const SCREENS = runtimeSetting({
9667
9703
  "background": {
9668
9704
  "token": "surfaceSecondary"
9669
9705
  },
9670
- "border": {
9671
- "width": 1,
9672
- "color": {
9673
- "token": "border"
9674
- }
9675
- },
9676
- "cornerRadius": 8
9706
+ "cornerRadius": 8,
9707
+ "accessibilityRole": "decorative"
9677
9708
  }
9678
9709
  },
9679
9710
  {
9680
9711
  "id": "himi_collection.skeleton_3",
9681
9712
  "body": {
9682
9713
  "package": "himalaya",
9683
- "type": "ZStack",
9714
+ "type": "Skeleton",
9684
9715
  "props": {
9685
- "alignment": "center",
9686
- "children": []
9716
+ "height": 96,
9717
+ "cornerRadius": 8
9687
9718
  }
9688
9719
  },
9689
9720
  "modifiers": {
@@ -9691,13 +9722,8 @@ const SCREENS = runtimeSetting({
9691
9722
  "background": {
9692
9723
  "token": "surfaceSecondary"
9693
9724
  },
9694
- "border": {
9695
- "width": 1,
9696
- "color": {
9697
- "token": "border"
9698
- }
9699
- },
9700
- "cornerRadius": 8
9725
+ "cornerRadius": 8,
9726
+ "accessibilityRole": "decorative"
9701
9727
  }
9702
9728
  }
9703
9729
  ]
@@ -9800,6 +9826,10 @@ const SCREENS = runtimeSetting({
9800
9826
  "top": 14,
9801
9827
  "bottom": 14
9802
9828
  },
9829
+ "transition": {
9830
+ "enter": "fade",
9831
+ "exit": "fade"
9832
+ },
9803
9833
  "hiddenPath": "$service:spacesCollectionDetail.productsNotErrored"
9804
9834
  }
9805
9835
  },
@@ -10042,6 +10072,10 @@ const SCREENS = runtimeSetting({
10042
10072
  "top": 14,
10043
10073
  "bottom": 14
10044
10074
  },
10075
+ "transition": {
10076
+ "enter": "fade",
10077
+ "exit": "fade"
10078
+ },
10045
10079
  "hiddenPath": "$service:spacesCollectionDetail.productsNoPageError"
10046
10080
  }
10047
10081
  },
@@ -10109,6 +10143,10 @@ const SCREENS = runtimeSetting({
10109
10143
  "top": 24,
10110
10144
  "bottom": 24
10111
10145
  },
10146
+ "transition": {
10147
+ "enter": "fade",
10148
+ "exit": "fade"
10149
+ },
10112
10150
  "hiddenPath": "$service:spacesCollectionDetail.noEmpty"
10113
10151
  }
10114
10152
  },
@@ -11629,6 +11667,7 @@ const SCREENS = runtimeSetting({
11629
11667
  "id": "$item.id"
11630
11668
  }
11631
11669
  },
11670
+ "haptic": "light",
11632
11671
  "background": {
11633
11672
  "token": "surfaceElevated"
11634
11673
  },
@@ -11647,7 +11686,12 @@ const SCREENS = runtimeSetting({
11647
11686
  },
11648
11687
  "fillMaxWidth": true,
11649
11688
  "accessibilityLabel": "$item.collectionTitle",
11650
- "pressFeedback": "highlight"
11689
+ "pressFeedback": "scale",
11690
+ "transition": {
11691
+ "enter": "fadeSlide",
11692
+ "direction": "up",
11693
+ "distance": 8
11694
+ }
11651
11695
  }
11652
11696
  }
11653
11697
  ],
@@ -11661,6 +11705,8 @@ const SCREENS = runtimeSetting({
11661
11705
  "onPullToRefresh": {
11662
11706
  "actionId": "tier5.himiBrandedOrders.refresh"
11663
11707
  },
11708
+ "staggerMs": 30,
11709
+ "animateItems": true,
11664
11710
  "rowSwipeActions": {
11665
11711
  "trailing": [
11666
11712
  {
@@ -11709,6 +11755,7 @@ const SCREENS = runtimeSetting({
11709
11755
  "columnsMedium": 3,
11710
11756
  "columnsExpanded": 4,
11711
11757
  "spacing": 12,
11758
+ "staggerMs": 30,
11712
11759
  "itemsPath": "$service:himiBrandedOrders.collection.items",
11713
11760
  "items": [
11714
11761
  {
@@ -11905,6 +11952,7 @@ const SCREENS = runtimeSetting({
11905
11952
  "id": "$item.id"
11906
11953
  }
11907
11954
  },
11955
+ "haptic": "light",
11908
11956
  "background": {
11909
11957
  "token": "surfaceElevated"
11910
11958
  },
@@ -11923,7 +11971,12 @@ const SCREENS = runtimeSetting({
11923
11971
  },
11924
11972
  "fillMaxWidth": true,
11925
11973
  "accessibilityLabel": "$item.collectionTitle",
11926
- "pressFeedback": "highlight"
11974
+ "pressFeedback": "scale",
11975
+ "transition": {
11976
+ "enter": "fadeSlide",
11977
+ "direction": "up",
11978
+ "distance": 8
11979
+ }
11927
11980
  }
11928
11981
  }
11929
11982
  ]
@@ -12199,6 +12252,7 @@ const SCREENS = runtimeSetting({
12199
12252
  "id": "$item.id"
12200
12253
  }
12201
12254
  },
12255
+ "haptic": "light",
12202
12256
  "background": {
12203
12257
  "token": "surfaceElevated"
12204
12258
  },
@@ -12217,7 +12271,12 @@ const SCREENS = runtimeSetting({
12217
12271
  },
12218
12272
  "fillMaxWidth": true,
12219
12273
  "accessibilityLabel": "$item.collectionTitle",
12220
- "pressFeedback": "highlight"
12274
+ "pressFeedback": "scale",
12275
+ "transition": {
12276
+ "enter": "fadeSlide",
12277
+ "direction": "up",
12278
+ "distance": 8
12279
+ }
12221
12280
  }
12222
12281
  }
12223
12282
  ],
@@ -12231,6 +12290,8 @@ const SCREENS = runtimeSetting({
12231
12290
  "onPullToRefresh": {
12232
12291
  "actionId": "tier5.himiBrandedOrders.refresh"
12233
12292
  },
12293
+ "staggerMs": 30,
12294
+ "animateItems": true,
12234
12295
  "rowSwipeActions": {
12235
12296
  "trailing": [
12236
12297
  {
@@ -12279,6 +12340,7 @@ const SCREENS = runtimeSetting({
12279
12340
  "columnsMedium": 3,
12280
12341
  "columnsExpanded": 4,
12281
12342
  "spacing": 8,
12343
+ "staggerMs": 30,
12282
12344
  "itemsPath": "$service:himiBrandedOrders.collection.items",
12283
12345
  "items": [
12284
12346
  {
@@ -12475,6 +12537,7 @@ const SCREENS = runtimeSetting({
12475
12537
  "id": "$item.id"
12476
12538
  }
12477
12539
  },
12540
+ "haptic": "light",
12478
12541
  "background": {
12479
12542
  "token": "surfaceElevated"
12480
12543
  },
@@ -12493,7 +12556,12 @@ const SCREENS = runtimeSetting({
12493
12556
  },
12494
12557
  "fillMaxWidth": true,
12495
12558
  "accessibilityLabel": "$item.collectionTitle",
12496
- "pressFeedback": "highlight"
12559
+ "pressFeedback": "scale",
12560
+ "transition": {
12561
+ "enter": "fadeSlide",
12562
+ "direction": "up",
12563
+ "distance": 8
12564
+ }
12497
12565
  }
12498
12566
  }
12499
12567
  ]
@@ -13080,6 +13148,7 @@ const SCREENS = runtimeSetting({
13080
13148
  "id": "$item.id"
13081
13149
  }
13082
13150
  },
13151
+ "haptic": "light",
13083
13152
  "background": {
13084
13153
  "token": "surfaceElevated"
13085
13154
  },
@@ -13098,7 +13167,12 @@ const SCREENS = runtimeSetting({
13098
13167
  },
13099
13168
  "fillMaxWidth": true,
13100
13169
  "accessibilityLabel": "$item.collectionTitle",
13101
- "pressFeedback": "highlight"
13170
+ "pressFeedback": "scale",
13171
+ "transition": {
13172
+ "enter": "fadeSlide",
13173
+ "direction": "up",
13174
+ "distance": 8
13175
+ }
13102
13176
  }
13103
13177
  }
13104
13178
  ]
@@ -16259,6 +16333,10 @@ const SCREENS = runtimeSetting({
16259
16333
  "top": 14,
16260
16334
  "bottom": 14
16261
16335
  },
16336
+ "transition": {
16337
+ "enter": "fade",
16338
+ "exit": "fade"
16339
+ },
16262
16340
  "hiddenPath": "$service:himiBlogFeed.notErrored"
16263
16341
  }
16264
16342
  },
@@ -16274,10 +16352,10 @@ const SCREENS = runtimeSetting({
16274
16352
  "id": "himi_blog.skeleton_1",
16275
16353
  "body": {
16276
16354
  "package": "himalaya",
16277
- "type": "ZStack",
16355
+ "type": "Skeleton",
16278
16356
  "props": {
16279
- "alignment": "center",
16280
- "children": []
16357
+ "height": 76,
16358
+ "cornerRadius": 8
16281
16359
  }
16282
16360
  },
16283
16361
  "modifiers": {
@@ -16285,23 +16363,18 @@ const SCREENS = runtimeSetting({
16285
16363
  "background": {
16286
16364
  "token": "surfaceSecondary"
16287
16365
  },
16288
- "border": {
16289
- "width": 1,
16290
- "color": {
16291
- "token": "border"
16292
- }
16293
- },
16294
- "cornerRadius": 8
16366
+ "cornerRadius": 8,
16367
+ "accessibilityRole": "decorative"
16295
16368
  }
16296
16369
  },
16297
16370
  {
16298
16371
  "id": "himi_blog.skeleton_2",
16299
16372
  "body": {
16300
16373
  "package": "himalaya",
16301
- "type": "ZStack",
16374
+ "type": "Skeleton",
16302
16375
  "props": {
16303
- "alignment": "center",
16304
- "children": []
16376
+ "height": 104,
16377
+ "cornerRadius": 8
16305
16378
  }
16306
16379
  },
16307
16380
  "modifiers": {
@@ -16309,23 +16382,18 @@ const SCREENS = runtimeSetting({
16309
16382
  "background": {
16310
16383
  "token": "surfaceSecondary"
16311
16384
  },
16312
- "border": {
16313
- "width": 1,
16314
- "color": {
16315
- "token": "border"
16316
- }
16317
- },
16318
- "cornerRadius": 8
16385
+ "cornerRadius": 8,
16386
+ "accessibilityRole": "decorative"
16319
16387
  }
16320
16388
  },
16321
16389
  {
16322
16390
  "id": "himi_blog.skeleton_3",
16323
16391
  "body": {
16324
16392
  "package": "himalaya",
16325
- "type": "ZStack",
16393
+ "type": "Skeleton",
16326
16394
  "props": {
16327
- "alignment": "center",
16328
- "children": []
16395
+ "height": 104,
16396
+ "cornerRadius": 8
16329
16397
  }
16330
16398
  },
16331
16399
  "modifiers": {
@@ -16333,13 +16401,8 @@ const SCREENS = runtimeSetting({
16333
16401
  "background": {
16334
16402
  "token": "surfaceSecondary"
16335
16403
  },
16336
- "border": {
16337
- "width": 1,
16338
- "color": {
16339
- "token": "border"
16340
- }
16341
- },
16342
- "cornerRadius": 8
16404
+ "cornerRadius": 8,
16405
+ "accessibilityRole": "decorative"
16343
16406
  }
16344
16407
  }
16345
16408
  ]
@@ -16898,6 +16961,7 @@ const SCREENS = runtimeSetting({
16898
16961
  "id": "$item.id"
16899
16962
  }
16900
16963
  },
16964
+ "haptic": "light",
16901
16965
  "background": {
16902
16966
  "token": "surfaceElevated"
16903
16967
  },
@@ -16916,7 +16980,12 @@ const SCREENS = runtimeSetting({
16916
16980
  },
16917
16981
  "fillMaxWidth": true,
16918
16982
  "accessibilityLabel": "$item.collectionTitle",
16919
- "pressFeedback": "highlight"
16983
+ "pressFeedback": "scale",
16984
+ "transition": {
16985
+ "enter": "fadeSlide",
16986
+ "direction": "up",
16987
+ "distance": 8
16988
+ }
16920
16989
  }
16921
16990
  }
16922
16991
  ],
@@ -16930,6 +16999,8 @@ const SCREENS = runtimeSetting({
16930
16999
  },
16931
17000
  "pageSize": 20
16932
17001
  },
17002
+ "staggerMs": 30,
17003
+ "animateItems": true,
16933
17004
  "rowSwipeActions": {
16934
17005
  "trailing": [
16935
17006
  {
@@ -16978,6 +17049,7 @@ const SCREENS = runtimeSetting({
16978
17049
  "columnsMedium": 3,
16979
17050
  "columnsExpanded": 4,
16980
17051
  "spacing": 12,
17052
+ "staggerMs": 30,
16981
17053
  "itemsPath": "$service:himiBlogFeed.collection.items",
16982
17054
  "items": [
16983
17055
  {
@@ -17241,6 +17313,7 @@ const SCREENS = runtimeSetting({
17241
17313
  "id": "$item.id"
17242
17314
  }
17243
17315
  },
17316
+ "haptic": "light",
17244
17317
  "background": {
17245
17318
  "token": "surfaceElevated"
17246
17319
  },
@@ -17259,7 +17332,12 @@ const SCREENS = runtimeSetting({
17259
17332
  },
17260
17333
  "fillMaxWidth": true,
17261
17334
  "accessibilityLabel": "$item.collectionTitle",
17262
- "pressFeedback": "highlight"
17335
+ "pressFeedback": "scale",
17336
+ "transition": {
17337
+ "enter": "fadeSlide",
17338
+ "direction": "up",
17339
+ "distance": 8
17340
+ }
17263
17341
  }
17264
17342
  }
17265
17343
  ]
@@ -17535,6 +17613,7 @@ const SCREENS = runtimeSetting({
17535
17613
  "id": "$item.id"
17536
17614
  }
17537
17615
  },
17616
+ "haptic": "light",
17538
17617
  "background": {
17539
17618
  "token": "surfaceElevated"
17540
17619
  },
@@ -17553,7 +17632,12 @@ const SCREENS = runtimeSetting({
17553
17632
  },
17554
17633
  "fillMaxWidth": true,
17555
17634
  "accessibilityLabel": "$item.collectionTitle",
17556
- "pressFeedback": "highlight"
17635
+ "pressFeedback": "scale",
17636
+ "transition": {
17637
+ "enter": "fadeSlide",
17638
+ "direction": "up",
17639
+ "distance": 8
17640
+ }
17557
17641
  }
17558
17642
  }
17559
17643
  ],
@@ -17567,6 +17651,8 @@ const SCREENS = runtimeSetting({
17567
17651
  },
17568
17652
  "pageSize": 20
17569
17653
  },
17654
+ "staggerMs": 30,
17655
+ "animateItems": true,
17570
17656
  "rowSwipeActions": {
17571
17657
  "trailing": [
17572
17658
  {
@@ -17615,6 +17701,7 @@ const SCREENS = runtimeSetting({
17615
17701
  "columnsMedium": 3,
17616
17702
  "columnsExpanded": 4,
17617
17703
  "spacing": 8,
17704
+ "staggerMs": 30,
17618
17705
  "itemsPath": "$service:himiBlogFeed.collection.items",
17619
17706
  "items": [
17620
17707
  {
@@ -17878,6 +17965,7 @@ const SCREENS = runtimeSetting({
17878
17965
  "id": "$item.id"
17879
17966
  }
17880
17967
  },
17968
+ "haptic": "light",
17881
17969
  "background": {
17882
17970
  "token": "surfaceElevated"
17883
17971
  },
@@ -17896,7 +17984,12 @@ const SCREENS = runtimeSetting({
17896
17984
  },
17897
17985
  "fillMaxWidth": true,
17898
17986
  "accessibilityLabel": "$item.collectionTitle",
17899
- "pressFeedback": "highlight"
17987
+ "pressFeedback": "scale",
17988
+ "transition": {
17989
+ "enter": "fadeSlide",
17990
+ "direction": "up",
17991
+ "distance": 8
17992
+ }
17900
17993
  }
17901
17994
  }
17902
17995
  ]
@@ -18519,6 +18612,7 @@ const SCREENS = runtimeSetting({
18519
18612
  "id": "$item.id"
18520
18613
  }
18521
18614
  },
18615
+ "haptic": "light",
18522
18616
  "background": {
18523
18617
  "token": "surfaceElevated"
18524
18618
  },
@@ -18537,7 +18631,12 @@ const SCREENS = runtimeSetting({
18537
18631
  },
18538
18632
  "fillMaxWidth": true,
18539
18633
  "accessibilityLabel": "$item.collectionTitle",
18540
- "pressFeedback": "highlight"
18634
+ "pressFeedback": "scale",
18635
+ "transition": {
18636
+ "enter": "fadeSlide",
18637
+ "direction": "up",
18638
+ "distance": 8
18639
+ }
18541
18640
  }
18542
18641
  }
18543
18642
  ]
@@ -18627,6 +18726,10 @@ const SCREENS = runtimeSetting({
18627
18726
  "top": 24,
18628
18727
  "bottom": 24
18629
18728
  },
18729
+ "transition": {
18730
+ "enter": "fade",
18731
+ "exit": "fade"
18732
+ },
18630
18733
  "hiddenPath": "$service:himiBlogFeed.noEmpty"
18631
18734
  }
18632
18735
  }
@@ -18833,6 +18936,10 @@ const SCREENS = runtimeSetting({
18833
18936
  "top": 14,
18834
18937
  "bottom": 14
18835
18938
  },
18939
+ "transition": {
18940
+ "enter": "fade",
18941
+ "exit": "fade"
18942
+ },
18836
18943
  "hiddenPath": "$service:himiBlogSaved.notErrored"
18837
18944
  }
18838
18945
  },
@@ -18848,10 +18955,10 @@ const SCREENS = runtimeSetting({
18848
18955
  "id": "himi_saved.skeleton_1",
18849
18956
  "body": {
18850
18957
  "package": "himalaya",
18851
- "type": "ZStack",
18958
+ "type": "Skeleton",
18852
18959
  "props": {
18853
- "alignment": "center",
18854
- "children": []
18960
+ "height": 72,
18961
+ "cornerRadius": 8
18855
18962
  }
18856
18963
  },
18857
18964
  "modifiers": {
@@ -18859,23 +18966,18 @@ const SCREENS = runtimeSetting({
18859
18966
  "background": {
18860
18967
  "token": "surfaceSecondary"
18861
18968
  },
18862
- "border": {
18863
- "width": 1,
18864
- "color": {
18865
- "token": "border"
18866
- }
18867
- },
18868
- "cornerRadius": 8
18969
+ "cornerRadius": 8,
18970
+ "accessibilityRole": "decorative"
18869
18971
  }
18870
18972
  },
18871
18973
  {
18872
18974
  "id": "himi_saved.skeleton_2",
18873
18975
  "body": {
18874
18976
  "package": "himalaya",
18875
- "type": "ZStack",
18977
+ "type": "Skeleton",
18876
18978
  "props": {
18877
- "alignment": "center",
18878
- "children": []
18979
+ "height": 72,
18980
+ "cornerRadius": 8
18879
18981
  }
18880
18982
  },
18881
18983
  "modifiers": {
@@ -18883,13 +18985,8 @@ const SCREENS = runtimeSetting({
18883
18985
  "background": {
18884
18986
  "token": "surfaceSecondary"
18885
18987
  },
18886
- "border": {
18887
- "width": 1,
18888
- "color": {
18889
- "token": "border"
18890
- }
18891
- },
18892
- "cornerRadius": 8
18988
+ "cornerRadius": 8,
18989
+ "accessibilityRole": "decorative"
18893
18990
  }
18894
18991
  }
18895
18992
  ]
@@ -19189,6 +19286,10 @@ const SCREENS = runtimeSetting({
19189
19286
  "top": 24,
19190
19287
  "bottom": 24
19191
19288
  },
19289
+ "transition": {
19290
+ "enter": "fade",
19291
+ "exit": "fade"
19292
+ },
19192
19293
  "hiddenPath": "$service:himiBlogSaved.noEmpty"
19193
19294
  }
19194
19295
  }
@@ -20295,6 +20396,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20295
20396
  "top": 14,
20296
20397
  "bottom": 14
20297
20398
  },
20399
+ "transition": {
20400
+ "enter": "fade",
20401
+ "exit": "fade"
20402
+ },
20298
20403
  "hiddenPath": "$service:himiStoreProduct.notErrored"
20299
20404
  }
20300
20405
  },
@@ -20310,10 +20415,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20310
20415
  "id": "himi_product.skeleton_media",
20311
20416
  "body": {
20312
20417
  "package": "himalaya",
20313
- "type": "ZStack",
20418
+ "type": "Skeleton",
20314
20419
  "props": {
20315
- "alignment": "center",
20316
- "children": []
20420
+ "height": 220,
20421
+ "cornerRadius": 8
20317
20422
  }
20318
20423
  },
20319
20424
  "modifiers": {
@@ -20321,23 +20426,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20321
20426
  "background": {
20322
20427
  "token": "surfaceSecondary"
20323
20428
  },
20324
- "border": {
20325
- "width": 1,
20326
- "color": {
20327
- "token": "border"
20328
- }
20329
- },
20330
- "cornerRadius": 8
20429
+ "cornerRadius": 8,
20430
+ "accessibilityRole": "decorative"
20331
20431
  }
20332
20432
  },
20333
20433
  {
20334
20434
  "id": "himi_product.skeleton_title",
20335
20435
  "body": {
20336
20436
  "package": "himalaya",
20337
- "type": "ZStack",
20437
+ "type": "Skeleton",
20338
20438
  "props": {
20339
- "alignment": "center",
20340
- "children": []
20439
+ "height": 28,
20440
+ "cornerRadius": 8
20341
20441
  }
20342
20442
  },
20343
20443
  "modifiers": {
@@ -20345,23 +20445,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20345
20445
  "background": {
20346
20446
  "token": "surfaceSecondary"
20347
20447
  },
20348
- "border": {
20349
- "width": 1,
20350
- "color": {
20351
- "token": "border"
20352
- }
20353
- },
20354
- "cornerRadius": 8
20448
+ "cornerRadius": 8,
20449
+ "accessibilityRole": "decorative"
20355
20450
  }
20356
20451
  },
20357
20452
  {
20358
20453
  "id": "himi_product.skeleton_body",
20359
20454
  "body": {
20360
20455
  "package": "himalaya",
20361
- "type": "ZStack",
20456
+ "type": "Skeleton",
20362
20457
  "props": {
20363
- "alignment": "center",
20364
- "children": []
20458
+ "height": 72,
20459
+ "cornerRadius": 8
20365
20460
  }
20366
20461
  },
20367
20462
  "modifiers": {
@@ -20369,13 +20464,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
20369
20464
  "background": {
20370
20465
  "token": "surfaceSecondary"
20371
20466
  },
20372
- "border": {
20373
- "width": 1,
20374
- "color": {
20375
- "token": "border"
20376
- }
20377
- },
20378
- "cornerRadius": 8
20467
+ "cornerRadius": 8,
20468
+ "accessibilityRole": "decorative"
20379
20469
  }
20380
20470
  }
20381
20471
  ]
@@ -21028,6 +21118,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21028
21118
  "top": 24,
21029
21119
  "bottom": 24
21030
21120
  },
21121
+ "transition": {
21122
+ "enter": "fade",
21123
+ "exit": "fade"
21124
+ },
21031
21125
  "hiddenPath": "$service:himiStoreProduct.noEmpty"
21032
21126
  }
21033
21127
  }
@@ -21419,6 +21513,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21419
21513
  "top": 14,
21420
21514
  "bottom": 14
21421
21515
  },
21516
+ "transition": {
21517
+ "enter": "fade",
21518
+ "exit": "fade"
21519
+ },
21422
21520
  "hiddenPath": "$service:himiBlogPost.notErrored"
21423
21521
  }
21424
21522
  },
@@ -21434,10 +21532,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21434
21532
  "id": "himi_blog_post.skeleton_media",
21435
21533
  "body": {
21436
21534
  "package": "himalaya",
21437
- "type": "ZStack",
21535
+ "type": "Skeleton",
21438
21536
  "props": {
21439
- "alignment": "center",
21440
- "children": []
21537
+ "height": 180,
21538
+ "cornerRadius": 8
21441
21539
  }
21442
21540
  },
21443
21541
  "modifiers": {
@@ -21445,23 +21543,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21445
21543
  "background": {
21446
21544
  "token": "surfaceSecondary"
21447
21545
  },
21448
- "border": {
21449
- "width": 1,
21450
- "color": {
21451
- "token": "border"
21452
- }
21453
- },
21454
- "cornerRadius": 8
21546
+ "cornerRadius": 8,
21547
+ "accessibilityRole": "decorative"
21455
21548
  }
21456
21549
  },
21457
21550
  {
21458
21551
  "id": "himi_blog_post.skeleton_title",
21459
21552
  "body": {
21460
21553
  "package": "himalaya",
21461
- "type": "ZStack",
21554
+ "type": "Skeleton",
21462
21555
  "props": {
21463
- "alignment": "center",
21464
- "children": []
21556
+ "height": 26,
21557
+ "cornerRadius": 8
21465
21558
  }
21466
21559
  },
21467
21560
  "modifiers": {
@@ -21469,23 +21562,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21469
21562
  "background": {
21470
21563
  "token": "surfaceSecondary"
21471
21564
  },
21472
- "border": {
21473
- "width": 1,
21474
- "color": {
21475
- "token": "border"
21476
- }
21477
- },
21478
- "cornerRadius": 8
21565
+ "cornerRadius": 8,
21566
+ "accessibilityRole": "decorative"
21479
21567
  }
21480
21568
  },
21481
21569
  {
21482
21570
  "id": "himi_blog_post.skeleton_body",
21483
21571
  "body": {
21484
21572
  "package": "himalaya",
21485
- "type": "ZStack",
21573
+ "type": "Skeleton",
21486
21574
  "props": {
21487
- "alignment": "center",
21488
- "children": []
21575
+ "height": 92,
21576
+ "cornerRadius": 8
21489
21577
  }
21490
21578
  },
21491
21579
  "modifiers": {
@@ -21493,13 +21581,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
21493
21581
  "background": {
21494
21582
  "token": "surfaceSecondary"
21495
21583
  },
21496
- "border": {
21497
- "width": 1,
21498
- "color": {
21499
- "token": "border"
21500
- }
21501
- },
21502
- "cornerRadius": 8
21584
+ "cornerRadius": 8,
21585
+ "accessibilityRole": "decorative"
21503
21586
  }
21504
21587
  }
21505
21588
  ]