@wix/himalaya-cli 0.1409.0 → 0.1411.0

package/templates/gym-fitness/dev/index.ts

@@ -128,10 +128,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_branded_home.training.hero_skeleton",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 200,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -139,13 +139,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
                         "cornerRadius": 8,
+                        "accessibilityRole": "decorative",
                         "hiddenPath": "$service:himiBrandedHome.hideHeroSkeleton"
                       }
                     },
@@ -181,6 +176,8 @@ const SCREENS = runtimeSetting({
                                 "props": {
                                   "itemsPath": "$service:himiBrandedHome.homeModules.visible",
                                   "spacing": 16,
+                                  "staggerMs": 60,
+                                  "animateItems": true,
                                   "items": [
                                     {
                                       "id": "himiBrandedHome.home.module.$item.id",
@@ -2147,6 +2144,13 @@ const SCREENS = runtimeSetting({
                                           ],
                                           "defaultCase": "member_progress"
                                         }
+                                      },
+                                      "modifiers": {
+                                        "transition": {
+                                          "enter": "fadeSlide",
+                                          "direction": "up",
+                                          "distance": 12
+                                        }
                                       }
                                     }
                                   ]
@@ -7890,6 +7894,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 12
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreShop.notErrored"
               }
             },
@@ -7905,10 +7913,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_shop.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -7916,23 +7924,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_shop.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -7940,23 +7943,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_shop.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -7964,13 +7962,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -8565,6 +8558,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -8583,7 +8577,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -8597,6 +8596,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 50
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -8645,6 +8646,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 12,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiStoreShop.collection.items",
                                                   "items": [
                                                     {
@@ -8874,6 +8876,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -8892,7 +8895,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -9159,6 +9167,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -9177,7 +9186,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -9191,6 +9205,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 50
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -9239,6 +9255,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 8,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiStoreShop.collection.items",
                                                   "items": [
                                                     {
@@ -9468,6 +9485,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -9486,7 +9504,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -10075,6 +10098,7 @@ const SCREENS = runtimeSetting({
                                                   "id": "$item.id"
                                                 }
                                               },
+                                              "haptic": "light",
                                               "background": {
                                                 "token": "surfaceElevated"
                                               },
@@ -10093,7 +10117,12 @@ const SCREENS = runtimeSetting({
                                               },
                                               "fillMaxWidth": true,
                                               "accessibilityLabel": "$item.collectionTitle",
-                                              "pressFeedback": "highlight"
+                                              "pressFeedback": "scale",
+                                              "transition": {
+                                                "enter": "fadeSlide",
+                                                "direction": "up",
+                                                "distance": 8
+                                              }
                                             }
                                           }
                                         ]
@@ -10186,6 +10215,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 12
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreShop.noEmpty"
               }
             }
@@ -10299,10 +10332,10 @@ const SCREENS = runtimeSetting({
               "id": "himi_saved_products.skeleton",
               "body": {
                 "package": "himalaya",
-                "type": "ZStack",
+                "type": "Skeleton",
                 "props": {
-                  "alignment": "center",
-                  "children": []
+                  "height": 168,
+                  "cornerRadius": 8
                 }
               },
               "modifiers": {
@@ -10310,13 +10343,8 @@ const SCREENS = runtimeSetting({
                 "background": {
                   "token": "surfaceSecondary"
                 },
-                "border": {
-                  "width": 1,
-                  "color": {
-                    "token": "border"
-                  }
-                },
                 "cornerRadius": 8,
+                "accessibilityRole": "decorative",
                 "hiddenPath": "$service:himiStoreSaved.notLoading"
               }
             },
@@ -10426,6 +10454,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreSaved.notErrored"
               }
             },
@@ -10661,6 +10693,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreSaved.noEmpty"
               }
             }
@@ -10993,10 +11029,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_collection.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -11004,23 +11040,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_collection.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -11028,23 +11059,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_collection.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -11052,13 +11078,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -11161,6 +11182,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:spacesCollectionDetail.productsNotErrored"
               }
             },
@@ -11403,6 +11428,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:spacesCollectionDetail.productsNoPageError"
               }
             },
@@ -11470,6 +11499,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:spacesCollectionDetail.noEmpty"
               }
             },
@@ -12990,6 +13023,7 @@ const SCREENS = runtimeSetting({
                                             "id": "$item.id"
                                           }
                                         },
+                                        "haptic": "light",
                                         "background": {
                                           "token": "surfaceElevated"
                                         },
@@ -13008,7 +13042,12 @@ const SCREENS = runtimeSetting({
                                         },
                                         "fillMaxWidth": true,
                                         "accessibilityLabel": "$item.collectionTitle",
-                                        "pressFeedback": "highlight"
+                                        "pressFeedback": "scale",
+                                        "transition": {
+                                          "enter": "fadeSlide",
+                                          "direction": "up",
+                                          "distance": 8
+                                        }
                                       }
                                     }
                                   ],
@@ -13022,6 +13061,8 @@ const SCREENS = runtimeSetting({
                                   "onPullToRefresh": {
                                     "actionId": "tier5.himiBrandedOrders.refresh"
                                   },
+                                  "staggerMs": 30,
+                                  "animateItems": true,
                                   "rowSwipeActions": {
                                     "trailing": [
                                       {
@@ -13070,6 +13111,7 @@ const SCREENS = runtimeSetting({
                                           "columnsMedium": 3,
                                           "columnsExpanded": 4,
                                           "spacing": 12,
+                                          "staggerMs": 30,
                                           "itemsPath": "$service:himiBrandedOrders.collection.items",
                                           "items": [
                                             {
@@ -13266,6 +13308,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -13284,7 +13327,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ]
@@ -13560,6 +13608,7 @@ const SCREENS = runtimeSetting({
                                             "id": "$item.id"
                                           }
                                         },
+                                        "haptic": "light",
                                         "background": {
                                           "token": "surfaceElevated"
                                         },
@@ -13578,7 +13627,12 @@ const SCREENS = runtimeSetting({
                                         },
                                         "fillMaxWidth": true,
                                         "accessibilityLabel": "$item.collectionTitle",
-                                        "pressFeedback": "highlight"
+                                        "pressFeedback": "scale",
+                                        "transition": {
+                                          "enter": "fadeSlide",
+                                          "direction": "up",
+                                          "distance": 8
+                                        }
                                       }
                                     }
                                   ],
@@ -13592,6 +13646,8 @@ const SCREENS = runtimeSetting({
                                   "onPullToRefresh": {
                                     "actionId": "tier5.himiBrandedOrders.refresh"
                                   },
+                                  "staggerMs": 30,
+                                  "animateItems": true,
                                   "rowSwipeActions": {
                                     "trailing": [
                                       {
@@ -13640,6 +13696,7 @@ const SCREENS = runtimeSetting({
                                           "columnsMedium": 3,
                                           "columnsExpanded": 4,
                                           "spacing": 8,
+                                          "staggerMs": 30,
                                           "itemsPath": "$service:himiBrandedOrders.collection.items",
                                           "items": [
                                             {
@@ -13836,6 +13893,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -13854,7 +13912,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ]
@@ -14441,6 +14504,7 @@ const SCREENS = runtimeSetting({
                                           "id": "$item.id"
                                         }
                                       },
+                                      "haptic": "light",
                                       "background": {
                                         "token": "surfaceElevated"
                                       },
@@ -14459,7 +14523,12 @@ const SCREENS = runtimeSetting({
                                       },
                                       "fillMaxWidth": true,
                                       "accessibilityLabel": "$item.collectionTitle",
-                                      "pressFeedback": "highlight"
+                                      "pressFeedback": "scale",
+                                      "transition": {
+                                        "enter": "fadeSlide",
+                                        "direction": "up",
+                                        "distance": 8
+                                      }
                                     }
                                   }
                                 ]
@@ -17367,6 +17436,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingServices.notErrored"
               }
             },
@@ -17382,10 +17455,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_services.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 88,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -17393,23 +17466,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_services.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 88,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -17417,23 +17485,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_services.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 88,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -17441,13 +17504,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -18077,6 +18135,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -18095,10 +18154,17 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -18147,6 +18213,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 12,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBookingServices.collection.items",
                                                   "items": [
                                                     {
@@ -18429,6 +18496,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -18447,7 +18515,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -18752,6 +18825,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -18770,10 +18844,17 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -18822,6 +18903,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 8,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBookingServices.collection.items",
                                                   "items": [
                                                     {
@@ -19104,6 +19186,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -19122,7 +19205,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -19764,6 +19852,7 @@ const SCREENS = runtimeSetting({
                                                   "id": "$item.id"
                                                 }
                                               },
+                                              "haptic": "light",
                                               "background": {
                                                 "token": "surfaceElevated"
                                               },
@@ -19782,7 +19871,12 @@ const SCREENS = runtimeSetting({
                                               },
                                               "fillMaxWidth": true,
                                               "accessibilityLabel": "$item.collectionTitle",
-                                              "pressFeedback": "highlight"
+                                              "pressFeedback": "scale",
+                                              "transition": {
+                                                "enter": "fadeSlide",
+                                                "direction": "up",
+                                                "distance": 8
+                                              }
                                             }
                                           }
                                         ]
@@ -19872,6 +19966,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingServices.noEmpty"
               }
             }
@@ -20306,6 +20404,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingBookings.notErrored"
               }
             },
@@ -20321,10 +20423,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_bookings.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 72,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -20332,23 +20434,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_bookings.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 72,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -20356,13 +20453,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -21109,7 +21201,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "highlight",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -21123,6 +21220,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 50
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -21171,6 +21270,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 12,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBookingBookings.collection.items",
                                                   "items": [
                                                     {
@@ -21406,7 +21506,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "highlight",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -21721,7 +21826,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "highlight",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -21735,6 +21845,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 50
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -21783,6 +21895,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 8,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBookingBookings.collection.items",
                                                   "items": [
                                                     {
@@ -22018,7 +22131,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "highlight",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -22644,7 +22762,12 @@ const SCREENS = runtimeSetting({
                                               },
                                               "fillMaxWidth": true,
                                               "accessibilityLabel": "$item.collectionTitle",
-                                              "pressFeedback": "highlight"
+                                              "pressFeedback": "highlight",
+                                              "transition": {
+                                                "enter": "fadeSlide",
+                                                "direction": "up",
+                                                "distance": 8
+                                              }
                                             }
                                           }
                                         ]
@@ -23076,6 +23199,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingBookings.noEmpty"
               }
             },
@@ -23910,6 +24037,7 @@ const SCREENS = runtimeSetting({
                                             "id": "$item.id"
                                           }
                                         },
+                                        "haptic": "light",
                                         "background": {
                                           "token": "surfaceElevated"
                                         },
@@ -23928,10 +24056,17 @@ const SCREENS = runtimeSetting({
                                         },
                                         "fillMaxWidth": true,
                                         "accessibilityLabel": "$item.collectionTitle",
-                                        "pressFeedback": "highlight"
+                                        "pressFeedback": "scale",
+                                        "transition": {
+                                          "enter": "fadeSlide",
+                                          "direction": "up",
+                                          "distance": 8
+                                        }
                                       }
                                     }
                                   ],
+                                  "staggerMs": 30,
+                                  "animateItems": true,
                                   "rowSwipeActions": {
                                     "trailing": [
                                       {
@@ -23980,6 +24115,7 @@ const SCREENS = runtimeSetting({
                                           "columnsMedium": 2,
                                           "columnsExpanded": 3,
                                           "spacing": 12,
+                                          "staggerMs": 30,
                                           "itemsPath": "$service:himiBrandedPlans.collection.items",
                                           "items": [
                                             {
@@ -24220,6 +24356,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -24238,7 +24375,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ]
@@ -24542,6 +24684,7 @@ const SCREENS = runtimeSetting({
                                             "id": "$item.id"
                                           }
                                         },
+                                        "haptic": "light",
                                         "background": {
                                           "token": "surfaceElevated"
                                         },
@@ -24560,10 +24703,17 @@ const SCREENS = runtimeSetting({
                                         },
                                         "fillMaxWidth": true,
                                         "accessibilityLabel": "$item.collectionTitle",
-                                        "pressFeedback": "highlight"
+                                        "pressFeedback": "scale",
+                                        "transition": {
+                                          "enter": "fadeSlide",
+                                          "direction": "up",
+                                          "distance": 8
+                                        }
                                       }
                                     }
                                   ],
+                                  "staggerMs": 30,
+                                  "animateItems": true,
                                   "rowSwipeActions": {
                                     "trailing": [
                                       {
@@ -24612,6 +24762,7 @@ const SCREENS = runtimeSetting({
                                           "columnsMedium": 2,
                                           "columnsExpanded": 3,
                                           "spacing": 8,
+                                          "staggerMs": 30,
                                           "itemsPath": "$service:himiBrandedPlans.collection.items",
                                           "items": [
                                             {
@@ -24852,6 +25003,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -24870,7 +25022,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ]
@@ -25453,6 +25610,7 @@ const SCREENS = runtimeSetting({
                                           "id": "$item.id"
                                         }
                                       },
+                                      "haptic": "light",
                                       "background": {
                                         "token": "surfaceElevated"
                                       },
@@ -25471,7 +25629,12 @@ const SCREENS = runtimeSetting({
                                       },
                                       "fillMaxWidth": true,
                                       "accessibilityLabel": "$item.collectionTitle",
-                                      "pressFeedback": "highlight"
+                                      "pressFeedback": "scale",
+                                      "transition": {
+                                        "enter": "fadeSlide",
+                                        "direction": "up",
+                                        "distance": 8
+                                      }
                                     }
                                   }
                                 ]
@@ -26737,6 +26900,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEvents.notErrored"
               }
             },
@@ -26752,10 +26919,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_events.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 90,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -26763,23 +26930,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_events.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 90,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -26787,23 +26949,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_events.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 90,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -26811,13 +26968,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -27485,6 +27637,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -27503,10 +27656,17 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -27555,6 +27715,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 12,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiEvents.collection.items",
                                                   "items": [
                                                     {
@@ -27893,6 +28054,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -27911,7 +28073,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -28253,6 +28420,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -28271,10 +28439,17 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -28323,6 +28498,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 8,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiEvents.collection.items",
                                                   "items": [
                                                     {
@@ -28661,6 +28837,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -28679,7 +28856,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -29408,6 +29590,7 @@ const SCREENS = runtimeSetting({
                                                   "id": "$item.id"
                                                 }
                                               },
+                                              "haptic": "light",
                                               "background": {
                                                 "token": "surfaceElevated"
                                               },
@@ -29426,7 +29609,12 @@ const SCREENS = runtimeSetting({
                                               },
                                               "fillMaxWidth": true,
                                               "accessibilityLabel": "$item.collectionTitle",
-                                              "pressFeedback": "highlight"
+                                              "pressFeedback": "scale",
+                                              "transition": {
+                                                "enter": "fadeSlide",
+                                                "direction": "up",
+                                                "distance": 8
+                                              }
                                             }
                                           }
                                         ]
@@ -29529,6 +29717,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEvents.noEmpty"
               }
             }
@@ -29728,6 +29920,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiMyEvents.notErrored"
               }
             },
@@ -29743,10 +29939,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_my_events.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 86,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -29754,23 +29950,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_my_events.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 86,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -29778,13 +29969,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -30121,6 +30307,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiMyEvents.noEmpty"
               }
             }
@@ -30319,6 +30509,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBlogFeed.notErrored"
               }
             },
@@ -30334,10 +30528,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_blog.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 76,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -30345,23 +30539,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_blog.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 104,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -30369,23 +30558,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_blog.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 104,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -30393,13 +30577,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -30958,6 +31137,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -30976,7 +31156,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -30990,6 +31175,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 20
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -31038,6 +31225,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 12,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBlogFeed.collection.items",
                                                   "items": [
                                                     {
@@ -31301,6 +31489,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -31319,7 +31508,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -31595,6 +31789,7 @@ const SCREENS = runtimeSetting({
                                                     "id": "$item.id"
                                                   }
                                                 },
+                                                "haptic": "light",
                                                 "background": {
                                                   "token": "surfaceElevated"
                                                 },
@@ -31613,7 +31808,12 @@ const SCREENS = runtimeSetting({
                                                 },
                                                 "fillMaxWidth": true,
                                                 "accessibilityLabel": "$item.collectionTitle",
-                                                "pressFeedback": "highlight"
+                                                "pressFeedback": "scale",
+                                                "transition": {
+                                                  "enter": "fadeSlide",
+                                                  "direction": "up",
+                                                  "distance": 8
+                                                }
                                               }
                                             }
                                           ],
@@ -31627,6 +31827,8 @@ const SCREENS = runtimeSetting({
                                             },
                                             "pageSize": 20
                                           },
+                                          "staggerMs": 30,
+                                          "animateItems": true,
                                           "rowSwipeActions": {
                                             "trailing": [
                                               {
@@ -31675,6 +31877,7 @@ const SCREENS = runtimeSetting({
                                                   "columnsMedium": 3,
                                                   "columnsExpanded": 4,
                                                   "spacing": 8,
+                                                  "staggerMs": 30,
                                                   "itemsPath": "$service:himiBlogFeed.collection.items",
                                                   "items": [
                                                     {
@@ -31938,6 +32141,7 @@ const SCREENS = runtimeSetting({
                                                             "id": "$item.id"
                                                           }
                                                         },
+                                                        "haptic": "light",
                                                         "background": {
                                                           "token": "surfaceElevated"
                                                         },
@@ -31956,7 +32160,12 @@ const SCREENS = runtimeSetting({
                                                         },
                                                         "fillMaxWidth": true,
                                                         "accessibilityLabel": "$item.collectionTitle",
-                                                        "pressFeedback": "highlight"
+                                                        "pressFeedback": "scale",
+                                                        "transition": {
+                                                          "enter": "fadeSlide",
+                                                          "direction": "up",
+                                                          "distance": 8
+                                                        }
                                                       }
                                                     }
                                                   ]
@@ -32579,6 +32788,7 @@ const SCREENS = runtimeSetting({
                                                   "id": "$item.id"
                                                 }
                                               },
+                                              "haptic": "light",
                                               "background": {
                                                 "token": "surfaceElevated"
                                               },
@@ -32597,7 +32807,12 @@ const SCREENS = runtimeSetting({
                                               },
                                               "fillMaxWidth": true,
                                               "accessibilityLabel": "$item.collectionTitle",
-                                              "pressFeedback": "highlight"
+                                              "pressFeedback": "scale",
+                                              "transition": {
+                                                "enter": "fadeSlide",
+                                                "direction": "up",
+                                                "distance": 8
+                                              }
                                             }
                                           }
                                         ]
@@ -32687,6 +32902,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBlogFeed.noEmpty"
               }
             }
@@ -32896,6 +33115,10 @@ const SCREENS = runtimeSetting({
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBlogSaved.notErrored"
               }
             },
@@ -32911,10 +33134,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_saved.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 72,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -32922,23 +33145,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_saved.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 72,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -32946,13 +33164,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -33252,6 +33465,10 @@ const SCREENS = runtimeSetting({
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBlogSaved.noEmpty"
               }
             }
@@ -33339,10 +33556,10 @@ const SCREENS = runtimeSetting({
                       "id": "himi_steps.loading_gauge",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 140,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -33350,23 +33567,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_steps.loading_line_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 18,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -33374,23 +33586,18 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_steps.loading_line_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 18,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -33398,13 +33605,8 @@ const SCREENS = runtimeSetting({
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -35112,6 +35314,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreProduct.notErrored"
               }
             },
@@ -35127,10 +35333,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_product.skeleton_media",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 220,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -35138,23 +35344,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_product.skeleton_title",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 28,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -35162,23 +35363,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_product.skeleton_body",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 72,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -35186,13 +35382,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -35845,6 +36036,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiStoreProduct.noEmpty"
               }
             }
@@ -36219,6 +36414,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingService.notErrored"
               }
             },
@@ -36234,10 +36433,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_service.skeleton_media",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 180,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36245,23 +36444,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_service.skeleton_title",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 24,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36269,23 +36463,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_service.skeleton_body",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 80,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36293,13 +36482,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -36588,6 +36772,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingService.noEmpty"
               }
             }
@@ -36736,6 +36924,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingTime.notErrored"
               }
             },
@@ -36751,10 +36943,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_time.skeleton_1",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 64,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36762,23 +36954,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_time.skeleton_2",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 64,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36786,23 +36973,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_time.skeleton_3",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 64,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -36810,13 +36992,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -37688,6 +37865,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBookingTime.noEmpty"
               }
             }
@@ -37838,6 +38019,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEventDetail.notErrored"
               }
             },
@@ -37853,10 +38038,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_event.skeleton_media",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 180,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -37864,23 +38049,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_event.skeleton_title",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 26,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -37888,23 +38068,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_event.skeleton_body",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 92,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -37912,13 +38087,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -38636,6 +38806,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEventDetail.noEmpty"
               }
             }
@@ -38788,6 +38962,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEventsRsvp.notErrored"
               }
             },
@@ -38803,10 +38981,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_rsvp.skeleton_event",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 96,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -38814,23 +38992,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_rsvp.skeleton_account",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 120,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -38838,13 +39011,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]
@@ -39318,6 +39486,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 24,
                   "bottom": 24
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiEventsRsvp.noEmpty"
               }
             }
@@ -39482,6 +39654,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                   "top": 14,
                   "bottom": 14
                 },
+                "transition": {
+                  "enter": "fade",
+                  "exit": "fade"
+                },
                 "hiddenPath": "$service:himiBlogPost.notErrored"
               }
             },
@@ -39497,10 +39673,10 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                       "id": "himi_blog_post.skeleton_media",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 180,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -39508,23 +39684,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_blog_post.skeleton_title",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 26,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -39532,23 +39703,18 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     },
                     {
                       "id": "himi_blog_post.skeleton_body",
                       "body": {
                         "package": "himalaya",
-                        "type": "ZStack",
+                        "type": "Skeleton",
                         "props": {
-                          "alignment": "center",
-                          "children": []
+                          "height": 92,
+                          "cornerRadius": 8
                         }
                       },
                       "modifiers": {
@@ -39556,13 +39722,8 @@ const TEMPLATED: { pattern: string; display: string; liveSeed?: LiveSeed; static
                         "background": {
                           "token": "surfaceSecondary"
                         },
-                        "border": {
-                          "width": 1,
-                          "color": {
-                            "token": "border"
-                          }
-                        },
-                        "cornerRadius": 8
+                        "cornerRadius": 8,
+                        "accessibilityRole": "decorative"
                       }
                     }
                   ]