jfs-components 0.0.5 → 0.0.7

package/src/components/.token-metadata.json

@@ -62,20 +62,47 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/ActionTile/ActionTile.tsx"
   },
   "AppBar": {
     "tokens": [
-      "appBarActions/actions/gap",
-      "appBarActions/padding/horizontal",
-      "appBarActions/padding/vertical",
-      "appBarHome/actions/gap",
-      "appBarHome/padding/horizontal",
-      "appBarHome/padding/vertical"
+      "appBar/mainPage/actions/gap",
+      "appBar/mainPage/background",
+      "appBar/mainPage/padding/horizontal",
+      "appBar/mainPage/padding/vertical",
+      "appBar/subPage/actions/gap",
+      "appBar/subPage/background",
+      "appBar/subPage/padding/horizontal",
+      "appBar/subPage/padding/vertical"
     ],
-    "collections": {},
+    "collections": {
+      "Color Mode": {
+        "modes": [
+          "Light",
+          "Dark"
+        ],
+        "defaultMode": "Light",
+        "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      }
+    },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/AppBar/AppBar.tsx"
   },
   "Avatar": {
@@ -92,6 +119,14 @@
       "avatar/size"
     ],
     "collections": {
+      "Context4": {
+        "modes": [
+          "Default",
+          "Chip"
+        ],
+        "defaultMode": "Default",
+        "hasMultipleModes": true
+      },
       "Avatar Size": {
         "modes": [
           "L",
@@ -108,6 +143,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Avatar/Avatar.tsx"
@@ -125,6 +168,14 @@
       "avatarGroup/padding/top"
     ],
     "collections": {
+      "Context4": {
+        "modes": [
+          "Default",
+          "Chip"
+        ],
+        "defaultMode": "Default",
+        "hasMultipleModes": true
+      },
       "Avatar Size": {
         "modes": [
           "L",
@@ -133,6 +184,14 @@
         ],
         "defaultMode": "L",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/AvatarGroup/AvatarGroup.tsx"
@@ -152,6 +211,18 @@
     "collections": {},
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Badge/Badge.tsx"
   },
+  "Balance": {
+    "tokens": [
+      "balance/gap",
+      "balance/title/fontFamily",
+      "balance/title/fontSize",
+      "balance/title/fontWeight",
+      "balance/title/foreground",
+      "balance/title/lineHeight"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Balance/Balance.tsx"
+  },
   "BottomNav": {
     "tokens": [
       "bottomNav/background",
@@ -169,6 +240,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/BottomNav/BottomNav.tsx"
@@ -200,6 +279,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/BottomNavItem/BottomNavItem.tsx"
@@ -254,6 +341,14 @@
         "defaultMode": "Light",
         "hasMultipleModes": true
       },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Appearance.System": {
         "modes": [
           "positive",
@@ -284,6 +379,15 @@
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Button/Button.tsx"
   },
+  "ButtonGroup": {
+    "tokens": [
+      "buttonGroup/padding/gap",
+      "buttonGroup/padding/horizontal",
+      "buttonGroup/padding/vertical"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/ButtonGroup/ButtonGroup.tsx"
+  },
   "Card": {
     "tokens": [
       "card/background/color",
@@ -361,6 +465,14 @@
         "defaultMode": "Light",
         "hasMultipleModes": true
       },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Appearance.Brand": {
         "modes": [
           "Primary",
@@ -373,6 +485,55 @@
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/CardFeedback/CardFeedback.tsx"
   },
+  "ChipGroup": {
+    "tokens": [
+      "chipGroup/gap"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/ChipGroup/ChipGroup.tsx"
+  },
+  "ChipSelect": {
+    "tokens": [
+      "chipSelect/background",
+      "chipSelect/fontFamily",
+      "chipSelect/fontSize",
+      "chipSelect/fontWeight",
+      "chipSelect/foreground",
+      "chipSelect/gap",
+      "chipSelect/icon/size",
+      "chipSelect/lineHeight",
+      "chipSelect/padding/horizontal",
+      "chipSelect/padding/vertical",
+      "chipSelect/radius"
+    ],
+    "collections": {
+      "ChipSelect State": {
+        "modes": [
+          "Idle",
+          "Active"
+        ],
+        "defaultMode": "Idle",
+        "hasMultipleModes": true
+      },
+      "Color Mode": {
+        "modes": [
+          "Light",
+          "Dark"
+        ],
+        "defaultMode": "Light",
+        "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/ChipSelect/ChipSelect.tsx"
+  },
   "CtaCard": {
     "tokens": [
       "ctaCard/background",
@@ -409,6 +570,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Disclaimer/Disclaimer.tsx"
@@ -426,6 +595,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Divider/Divider.tsx"
@@ -442,6 +619,14 @@
       "drawer/title/size"
     ],
     "collections": {
+      "Page type": {
+        "modes": [
+          "MainPage",
+          "SubPage"
+        ],
+        "defaultMode": "MainPage",
+        "hasMultipleModes": true
+      },
       "Color Mode": {
         "modes": [
           "Light",
@@ -449,10 +634,55 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Drawer/Drawer.tsx"
   },
+  "EmptyState": {
+    "tokens": [
+      "emptyState/body/color",
+      "emptyState/body/fontFamily",
+      "emptyState/body/fontSize",
+      "emptyState/body/fontWeight",
+      "emptyState/body/lineHeight",
+      "emptyState/content/gap",
+      "emptyState/gap",
+      "emptyState/padding",
+      "emptyState/radius",
+      "emptyState/title/color",
+      "emptyState/title/fontFamily",
+      "emptyState/title/fontSize",
+      "emptyState/title/fontWeight",
+      "emptyState/title/lineHeight"
+    ],
+    "collections": {
+      "Color Mode": {
+        "modes": [
+          "Light",
+          "Dark"
+        ],
+        "defaultMode": "Light",
+        "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/EmptyState/EmptyState.tsx"
+  },
   "FilterBar": {
     "tokens": [
       "filterBar/padding/horizontal",
@@ -461,6 +691,17 @@
     "collections": {},
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/FilterBar/FilterBar.tsx"
   },
+  "HStack": {
+    "tokens": [
+      "hstack/gap",
+      "hstack/padding/bottom",
+      "hstack/padding/left",
+      "hstack/padding/right",
+      "hstack/padding/top"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/HStack/HStack.tsx"
+  },
   "IconButton": {
     "tokens": [
       "iconButton/background",
@@ -505,6 +746,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/IconButton/IconButton.tsx"
@@ -512,12 +761,12 @@
   "IconCapsule": {
     "tokens": [
       "iconCapsule/background",
+      "iconCapsule/border/color",
+      "iconCapsule/border/size",
+      "iconCapsule/icon/color",
       "iconCapsule/icon/size",
       "iconCapsule/radius",
-      "iconCapsule/size",
-      "iconCapsuleborder/color",
-      "iconCapsuleborder/size",
-      "iconCapsuleicon/color"
+      "iconCapsule/size"
     ],
     "collections": {
       "Icon Capsule Size": {
@@ -529,6 +778,15 @@
         "defaultMode": "M",
         "hasMultipleModes": true
       },
+      "Emphasis": {
+        "modes": [
+          "High",
+          "Medium",
+          "Low"
+        ],
+        "defaultMode": "High",
+        "hasMultipleModes": true
+      },
       "Appearance.Brand": {
         "modes": [
           "Primary",
@@ -545,6 +803,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/IconCapsule/IconCapsule.tsx"
@@ -572,6 +838,14 @@
       "listGroup/lineHeight"
     ],
     "collections": {
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Title Level": {
         "modes": [
           "Default",
@@ -634,6 +908,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/ListItem/ListItem.tsx"
@@ -671,6 +953,14 @@
         ],
         "defaultMode": "on dark",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/MediaCard/MediaCard.tsx"
@@ -711,10 +1001,19 @@
         "defaultMode": "Light",
         "hasMultipleModes": true
       },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Context3": {
         "modes": [
           "Default",
-          "Transaction Bubble"
+          "Transaction Bubble",
+          "Balance"
         ],
         "defaultMode": "Default",
         "hasMultipleModes": true
@@ -742,6 +1041,14 @@
         "defaultMode": "Light",
         "hasMultipleModes": true
       },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Context2": {
         "modes": [
           "Default",
@@ -771,10 +1078,50 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/PageTitle/PageTitle.tsx"
   },
+  "Screen": {
+    "tokens": [
+      "screen/body/background"
+    ],
+    "collections": {
+      "Page type": {
+        "modes": [
+          "MainPage",
+          "SubPage"
+        ],
+        "defaultMode": "MainPage",
+        "hasMultipleModes": true
+      },
+      "Color Mode": {
+        "modes": [
+          "Light",
+          "Dark"
+        ],
+        "defaultMode": "Light",
+        "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Screen/Screen.tsx"
+  },
   "Section": {
     "tokens": [
       "section/background/color",
@@ -805,6 +1152,14 @@
         "defaultMode": "Light",
         "hasMultipleModes": true
       },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
+      },
       "Padding": {
         "modes": [
           "Default",
@@ -862,6 +1217,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Stepper/Step.tsx"
@@ -888,6 +1251,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Stepper/StepLabel.tsx"
@@ -901,6 +1272,48 @@
     "collections": {},
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Stepper/Stepper.tsx"
   },
+  "SupportText": {
+    "tokens": [
+      "supportText/fontFamily",
+      "supportText/fontSize",
+      "supportText/fontWeight",
+      "supportText/foreground",
+      "supportText/gap",
+      "supportText/lineHeight"
+    ],
+    "collections": {
+      "Status": {
+        "modes": [
+          "Neutral",
+          "Warning",
+          "Error",
+          "Success"
+        ],
+        "defaultMode": "Neutral",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/SupportText/SupportText.tsx"
+  },
+  "SupportTextIcon": {
+    "tokens": [
+      "supportText/foreground",
+      "supportText/icon/size"
+    ],
+    "collections": {
+      "Status": {
+        "modes": [
+          "Neutral",
+          "Warning",
+          "Error",
+          "Success"
+        ],
+        "defaultMode": "Neutral",
+        "hasMultipleModes": true
+      }
+    },
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/SupportText/SupportTextIcon.tsx"
+  },
   "TextInput": {
     "tokens": [
       "textInput/background",
@@ -917,6 +1330,14 @@
       "textInput/vertical/padding"
     ],
     "collections": {
+      "InputState": {
+        "modes": [
+          "Idle",
+          "Active"
+        ],
+        "defaultMode": "Idle",
+        "hasMultipleModes": true
+      },
       "Color Mode": {
         "modes": [
           "Light",
@@ -924,6 +1345,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/TextInput/TextInput.tsx"
@@ -974,6 +1403,14 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/Tooltip/Tooltip.tsx"
@@ -1066,8 +1503,27 @@
         ],
         "defaultMode": "Light",
         "hasMultipleModes": true
+      },
+      "Colors Router": {
+        "modes": [
+          "POC",
+          "Old"
+        ],
+        "defaultMode": "POC",
+        "hasMultipleModes": true
       }
     },
     "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/UpiHandle/UpiHandle.tsx"
+  },
+  "VStack": {
+    "tokens": [
+      "vstack/gap",
+      "vstack/padding/bottom",
+      "vstack/padding/left",
+      "vstack/padding/right",
+      "vstack/padding/top"
+    ],
+    "collections": {},
+    "filePath": "/Users/sunshuaiqi/jfs/react-native-storybook-boilerplate-master/src/components/VStack/VStack.tsx"
   }
 }