react-native-system-ui 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (321) hide show
  1. package/README.md +22 -22
  2. package/dist/cjs/components/field/Field.js +1 -1
  3. package/dist/cjs/components/flex/Flex.js +1 -1
  4. package/dist/cjs/components/flex/FlexItem.js +1 -1
  5. package/dist/cjs/components/form/Form.js +1 -1
  6. package/dist/cjs/components/grid/Grid.js +1 -1
  7. package/dist/cjs/components/grid/GridItem.js +1 -1
  8. package/dist/cjs/components/popup/Popup.js +1 -1
  9. package/dist/cjs/components/selector/Selector.js +1 -1
  10. package/dist/cjs/components/toast/Toast.js +1 -1
  11. package/dist/es/components/field/Field.js +1 -1
  12. package/dist/es/components/flex/Flex.js +1 -1
  13. package/dist/es/components/flex/FlexItem.js +1 -1
  14. package/dist/es/components/form/Form.js +1 -1
  15. package/dist/es/components/grid/Grid.js +1 -1
  16. package/dist/es/components/grid/GridItem.js +1 -1
  17. package/dist/es/components/popup/Popup.js +1 -1
  18. package/dist/es/components/selector/Selector.js +1 -1
  19. package/dist/es/components/toast/Toast.js +1 -1
  20. package/dist/types/components/action-sheet/ActionSheet.d.ts +1 -4
  21. package/dist/types/components/action-sheet/index.d.ts +1 -4
  22. package/dist/types/components/action-sheet/tokens.d.ts +1 -4
  23. package/dist/types/components/action-sheet/types.d.ts +1 -87
  24. package/dist/types/components/area/Area.d.ts +1 -4
  25. package/dist/types/components/area/index.d.ts +1 -3
  26. package/dist/types/components/area/tokens.d.ts +1 -7
  27. package/dist/types/components/area/types.d.ts +1 -20
  28. package/dist/types/components/avatar/Avatar.d.ts +1 -7
  29. package/dist/types/components/avatar/index.d.ts +1 -2
  30. package/dist/types/components/avatar/tokens.d.ts +1 -4
  31. package/dist/types/components/avatar/types.d.ts +1 -62
  32. package/dist/types/components/badge/Badge.d.ts +1 -4
  33. package/dist/types/components/badge/index.d.ts +1 -3
  34. package/dist/types/components/badge/tokens.d.ts +1 -2
  35. package/dist/types/components/badge/types.d.ts +1 -57
  36. package/dist/types/components/button/Button.d.ts +1 -5
  37. package/dist/types/components/button/ButtonContext.d.ts +1 -2
  38. package/dist/types/components/button/ButtonGroup.d.ts +1 -23
  39. package/dist/types/components/button/index.d.ts +1 -6
  40. package/dist/types/components/button/tokens.d.ts +1 -2
  41. package/dist/types/components/button/types.d.ts +1 -109
  42. package/dist/types/components/calendar/Calendar.d.ts +1 -4
  43. package/dist/types/components/calendar/index.d.ts +1 -3
  44. package/dist/types/components/calendar/tokens.d.ts +1 -4
  45. package/dist/types/components/calendar/types.d.ts +1 -111
  46. package/dist/types/components/cascader/Cascader.d.ts +1 -4
  47. package/dist/types/components/cascader/index.d.ts +1 -4
  48. package/dist/types/components/cascader/tokens.d.ts +1 -4
  49. package/dist/types/components/cascader/types.d.ts +1 -142
  50. package/dist/types/components/cascader/useCascaderExtend.d.ts +1 -12
  51. package/dist/types/components/cell/Cell.d.ts +1 -4
  52. package/dist/types/components/cell/CellContext.d.ts +1 -7
  53. package/dist/types/components/cell/CellGroup.d.ts +1 -3
  54. package/dist/types/components/cell/index.d.ts +1 -8
  55. package/dist/types/components/cell/tokens.d.ts +1 -4
  56. package/dist/types/components/cell/types.d.ts +1 -112
  57. package/dist/types/components/checkbox/Checkbox.d.ts +1 -5
  58. package/dist/types/components/checkbox/CheckboxContext.d.ts +1 -2
  59. package/dist/types/components/checkbox/CheckboxGroup.d.ts +1 -22
  60. package/dist/types/components/checkbox/index.d.ts +1 -7
  61. package/dist/types/components/checkbox/tokens.d.ts +1 -2
  62. package/dist/types/components/checkbox/types.d.ts +1 -99
  63. package/dist/types/components/circle/Circle.d.ts +1 -5
  64. package/dist/types/components/circle/index.d.ts +1 -3
  65. package/dist/types/components/circle/tokens.d.ts +1 -4
  66. package/dist/types/components/circle/types.d.ts +1 -51
  67. package/dist/types/components/collapse/Collapse.d.ts +1 -43
  68. package/dist/types/components/collapse/index.d.ts +1 -3
  69. package/dist/types/components/collapse/tokens.d.ts +1 -4
  70. package/dist/types/components/collapse/types.d.ts +1 -45
  71. package/dist/types/components/config-provider/ConfigProvider.d.ts +1 -3
  72. package/dist/types/components/config-provider/DirectionContext.d.ts +1 -3
  73. package/dist/types/components/config-provider/LocaleContext.d.ts +1 -3
  74. package/dist/types/components/config-provider/index.d.ts +1 -6
  75. package/dist/types/components/config-provider/locale/en-US.d.ts +1 -106
  76. package/dist/types/components/config-provider/locale/types.d.ts +1 -130
  77. package/dist/types/components/config-provider/locale/zh-CN.d.ts +1 -106
  78. package/dist/types/components/config-provider/tokens.d.ts +1 -3
  79. package/dist/types/components/config-provider/types.d.ts +1 -10
  80. package/dist/types/components/config-provider/useDirection.d.ts +1 -1
  81. package/dist/types/components/config-provider/useLocale.d.ts +1 -1
  82. package/dist/types/components/count-down/CountDown.d.ts +1 -4
  83. package/dist/types/components/count-down/index.d.ts +1 -4
  84. package/dist/types/components/count-down/tokens.d.ts +1 -4
  85. package/dist/types/components/count-down/types.d.ts +1 -29
  86. package/dist/types/components/datetime-picker/DatetimePicker.d.ts +1 -4
  87. package/dist/types/components/datetime-picker/index.d.ts +1 -3
  88. package/dist/types/components/datetime-picker/tokens.d.ts +1 -15
  89. package/dist/types/components/datetime-picker/types.d.ts +1 -38
  90. package/dist/types/components/dialog/Dialog.d.ts +1 -4
  91. package/dist/types/components/dialog/imperative.d.ts +1 -23
  92. package/dist/types/components/dialog/index.d.ts +1 -5
  93. package/dist/types/components/dialog/tokens.d.ts +1 -48
  94. package/dist/types/components/dialog/types.d.ts +1 -70
  95. package/dist/types/components/divider/Divider.d.ts +1 -3
  96. package/dist/types/components/divider/index.d.ts +1 -3
  97. package/dist/types/components/divider/tokens.d.ts +1 -4
  98. package/dist/types/components/divider/types.d.ts +1 -48
  99. package/dist/types/components/empty/Empty.d.ts +1 -3
  100. package/dist/types/components/empty/index.d.ts +1 -3
  101. package/dist/types/components/empty/tokens.d.ts +1 -4
  102. package/dist/types/components/empty/types.d.ts +1 -44
  103. package/dist/types/components/error-boundary/ErrorBoundary.d.ts +1 -6
  104. package/dist/types/components/error-boundary/index.d.ts +1 -2
  105. package/dist/types/components/error-boundary/types.d.ts +1 -18
  106. package/dist/types/components/field/Field.d.ts +1 -4
  107. package/dist/types/components/field/index.d.ts +1 -7
  108. package/dist/types/components/field/tokens.d.ts +1 -131
  109. package/dist/types/components/field/types.d.ts +1 -86
  110. package/dist/types/components/flex/Flex.d.ts +1 -9
  111. package/dist/types/components/flex/FlexContext.d.ts +1 -2
  112. package/dist/types/components/flex/FlexItem.d.ts +1 -3
  113. package/dist/types/components/flex/index.d.ts +1 -8
  114. package/dist/types/components/flex/tokens.d.ts +1 -2
  115. package/dist/types/components/flex/types.d.ts +1 -37
  116. package/dist/types/components/form/Form.d.ts +1 -26
  117. package/dist/types/components/form/FormItem.d.ts +1 -5
  118. package/dist/types/components/form/FormList.d.ts +1 -18
  119. package/dist/types/components/form/index.d.ts +1 -17
  120. package/dist/types/components/form/tokens.d.ts +1 -7
  121. package/dist/types/components/form/types.d.ts +1 -68
  122. package/dist/types/components/grid/Grid.d.ts +1 -18
  123. package/dist/types/components/grid/GridContext.d.ts +1 -2
  124. package/dist/types/components/grid/GridItem.d.ts +1 -3
  125. package/dist/types/components/grid/index.d.ts +1 -5
  126. package/dist/types/components/grid/tokens.d.ts +1 -4
  127. package/dist/types/components/grid/types.d.ts +1 -77
  128. package/dist/types/components/image/Image.d.ts +1 -5
  129. package/dist/types/components/image/index.d.ts +1 -4
  130. package/dist/types/components/image/tokens.d.ts +1 -2
  131. package/dist/types/components/image/types.d.ts +1 -53
  132. package/dist/types/components/image-preview/ImagePreview.d.ts +1 -4
  133. package/dist/types/components/image-preview/imperative.d.ts +1 -5
  134. package/dist/types/components/image-preview/index.d.ts +1 -6
  135. package/dist/types/components/image-preview/tokens.d.ts +1 -27
  136. package/dist/types/components/image-preview/types.d.ts +1 -55
  137. package/dist/types/components/index.d.ts +1 -213
  138. package/dist/types/components/input/Input.d.ts +1 -8
  139. package/dist/types/components/input/index.d.ts +1 -4
  140. package/dist/types/components/input/tokens.d.ts +1 -2
  141. package/dist/types/components/input/types.d.ts +1 -42
  142. package/dist/types/components/loading/Loading.d.ts +1 -3
  143. package/dist/types/components/loading/index.d.ts +1 -3
  144. package/dist/types/components/loading/tokens.d.ts +1 -4
  145. package/dist/types/components/loading/types.d.ts +1 -32
  146. package/dist/types/components/nav-bar/NavBar.d.ts +1 -4
  147. package/dist/types/components/nav-bar/index.d.ts +1 -4
  148. package/dist/types/components/nav-bar/tokens.d.ts +1 -4
  149. package/dist/types/components/nav-bar/types.d.ts +1 -67
  150. package/dist/types/components/notice-bar/NoticeBar.d.ts +1 -3
  151. package/dist/types/components/notice-bar/index.d.ts +1 -3
  152. package/dist/types/components/notice-bar/tokens.d.ts +1 -24
  153. package/dist/types/components/notice-bar/types.d.ts +1 -26
  154. package/dist/types/components/notify/Notify.d.ts +1 -6
  155. package/dist/types/components/notify/imperative.d.ts +1 -22
  156. package/dist/types/components/notify/index.d.ts +1 -15
  157. package/dist/types/components/notify/tokens.d.ts +1 -4
  158. package/dist/types/components/notify/types.d.ts +1 -64
  159. package/dist/types/components/number-keyboard/NumberKeyboard.d.ts +1 -4
  160. package/dist/types/components/number-keyboard/index.d.ts +1 -4
  161. package/dist/types/components/number-keyboard/tokens.d.ts +1 -42
  162. package/dist/types/components/number-keyboard/types.d.ts +1 -35
  163. package/dist/types/components/overlay/Overlay.d.ts +1 -5
  164. package/dist/types/components/overlay/index.d.ts +1 -5
  165. package/dist/types/components/overlay/tokens.d.ts +1 -6
  166. package/dist/types/components/overlay/types.d.ts +1 -13
  167. package/dist/types/components/password-input/PasswordInput.d.ts +1 -4
  168. package/dist/types/components/password-input/index.d.ts +1 -2
  169. package/dist/types/components/password-input/tokens.d.ts +1 -40
  170. package/dist/types/components/password-input/types.d.ts +1 -35
  171. package/dist/types/components/picker/Picker.d.ts +1 -32
  172. package/dist/types/components/picker/index.d.ts +1 -4
  173. package/dist/types/components/picker/tokens.d.ts +1 -39
  174. package/dist/types/components/picker/types.d.ts +1 -73
  175. package/dist/types/components/popup/Popup.d.ts +1 -5
  176. package/dist/types/components/popup/index.d.ts +1 -4
  177. package/dist/types/components/popup/tokens.d.ts +1 -48
  178. package/dist/types/components/popup/types.d.ts +1 -41
  179. package/dist/types/components/portal/Portal.d.ts +1 -14
  180. package/dist/types/components/portal/PortalContext.d.ts +1 -7
  181. package/dist/types/components/portal/PortalHost.d.ts +1 -11
  182. package/dist/types/components/portal/index.d.ts +1 -3
  183. package/dist/types/components/portal/tokens.d.ts +1 -3
  184. package/dist/types/components/portal/types.d.ts +1 -1
  185. package/dist/types/components/progress/Progress.d.ts +1 -8
  186. package/dist/types/components/progress/index.d.ts +1 -4
  187. package/dist/types/components/progress/tokens.d.ts +1 -4
  188. package/dist/types/components/progress/types.d.ts +1 -51
  189. package/dist/types/components/radio/Radio.d.ts +1 -3
  190. package/dist/types/components/radio/RadioContext.d.ts +1 -2
  191. package/dist/types/components/radio/RadioGroup.d.ts +1 -14
  192. package/dist/types/components/radio/index.d.ts +1 -7
  193. package/dist/types/components/radio/tokens.d.ts +1 -2
  194. package/dist/types/components/radio/types.d.ts +1 -95
  195. package/dist/types/components/safe-area-view/SafeAreaView.d.ts +1 -10
  196. package/dist/types/components/safe-area-view/index.d.ts +1 -2
  197. package/dist/types/components/safe-area-view/tokens.d.ts +1 -3
  198. package/dist/types/components/safe-area-view/types.d.ts +1 -1
  199. package/dist/types/components/search/Search.d.ts +1 -4
  200. package/dist/types/components/search/index.d.ts +1 -4
  201. package/dist/types/components/search/tokens.d.ts +1 -41
  202. package/dist/types/components/search/types.d.ts +1 -28
  203. package/dist/types/components/selector/Selector.d.ts +1 -7
  204. package/dist/types/components/selector/index.d.ts +1 -4
  205. package/dist/types/components/selector/tokens.d.ts +1 -2
  206. package/dist/types/components/selector/types.d.ts +1 -74
  207. package/dist/types/components/share-sheet/ShareSheet.d.ts +1 -4
  208. package/dist/types/components/share-sheet/index.d.ts +1 -4
  209. package/dist/types/components/share-sheet/tokens.d.ts +1 -40
  210. package/dist/types/components/share-sheet/types.d.ts +1 -26
  211. package/dist/types/components/sidebar/Sidebar.d.ts +1 -4
  212. package/dist/types/components/sidebar/SidebarContext.d.ts +1 -7
  213. package/dist/types/components/sidebar/SidebarItem.d.ts +1 -4
  214. package/dist/types/components/sidebar/index.d.ts +1 -8
  215. package/dist/types/components/sidebar/tokens.d.ts +1 -4
  216. package/dist/types/components/sidebar/types.d.ts +1 -64
  217. package/dist/types/components/skeleton/Skeleton.d.ts +1 -5
  218. package/dist/types/components/skeleton/index.d.ts +1 -5
  219. package/dist/types/components/skeleton/tokens.d.ts +1 -2
  220. package/dist/types/components/skeleton/types.d.ts +1 -45
  221. package/dist/types/components/slider/Slider.d.ts +1 -4
  222. package/dist/types/components/slider/index.d.ts +1 -3
  223. package/dist/types/components/slider/tokens.d.ts +1 -28
  224. package/dist/types/components/slider/types.d.ts +1 -38
  225. package/dist/types/components/space/Space.d.ts +1 -3
  226. package/dist/types/components/space/index.d.ts +1 -3
  227. package/dist/types/components/space/tokens.d.ts +1 -3
  228. package/dist/types/components/space/types.d.ts +1 -39
  229. package/dist/types/components/stepper/Stepper.d.ts +1 -4
  230. package/dist/types/components/stepper/index.d.ts +1 -4
  231. package/dist/types/components/stepper/tokens.d.ts +1 -46
  232. package/dist/types/components/stepper/types.d.ts +1 -46
  233. package/dist/types/components/swiper/Swiper.d.ts +1 -9
  234. package/dist/types/components/swiper/SwiperItem.d.ts +1 -1
  235. package/dist/types/components/swiper/SwiperPagIndicator.d.ts +1 -36
  236. package/dist/types/components/swiper/index.d.ts +1 -14
  237. package/dist/types/components/swiper/tokens.d.ts +1 -11
  238. package/dist/types/components/swiper/types.d.ts +1 -29
  239. package/dist/types/components/switch/Switch.d.ts +1 -7
  240. package/dist/types/components/switch/index.d.ts +1 -4
  241. package/dist/types/components/switch/tokens.d.ts +1 -2
  242. package/dist/types/components/switch/types.d.ts +1 -33
  243. package/dist/types/components/tabbar/Tabbar.d.ts +1 -4
  244. package/dist/types/components/tabbar/TabbarContext.d.ts +1 -13
  245. package/dist/types/components/tabbar/TabbarItem.d.ts +1 -4
  246. package/dist/types/components/tabbar/index.d.ts +1 -9
  247. package/dist/types/components/tabbar/tokens.d.ts +1 -28
  248. package/dist/types/components/tabbar/types.d.ts +1 -39
  249. package/dist/types/components/tabs/Tabs.d.ts +1 -8
  250. package/dist/types/components/tabs/index.d.ts +1 -10
  251. package/dist/types/components/tabs/tokens.d.ts +1 -96
  252. package/dist/types/components/tabs/types.d.ts +1 -64
  253. package/dist/types/components/tag/Tag.d.ts +1 -3
  254. package/dist/types/components/tag/index.d.ts +1 -3
  255. package/dist/types/components/tag/tokens.d.ts +1 -4
  256. package/dist/types/components/tag/types.d.ts +1 -69
  257. package/dist/types/components/theme.d.ts +1 -112
  258. package/dist/types/components/toast/Toast.d.ts +1 -33
  259. package/dist/types/components/toast/imperative.d.ts +1 -22
  260. package/dist/types/components/toast/index.d.ts +1 -15
  261. package/dist/types/components/toast/tokens.d.ts +1 -29
  262. package/dist/types/components/toast/types.d.ts +1 -1
  263. package/dist/types/components/typography/Typography.d.ts +1 -11
  264. package/dist/types/components/typography/index.d.ts +1 -3
  265. package/dist/types/components/typography/tokens.d.ts +1 -2
  266. package/dist/types/components/typography/types.d.ts +1 -66
  267. package/dist/types/components/water-mark/WaterMark.d.ts +1 -4
  268. package/dist/types/components/water-mark/index.d.ts +1 -5
  269. package/dist/types/components/water-mark/tokens.d.ts +1 -2
  270. package/dist/types/components/water-mark/types.d.ts +1 -58
  271. package/dist/types/design-system/Text.d.ts +1 -3
  272. package/dist/types/design-system/ThemeContext.d.ts +1 -14
  273. package/dist/types/design-system/ThemeProvider.d.ts +1 -14
  274. package/dist/types/design-system/createComponentTokensHook.d.ts +1 -4
  275. package/dist/types/design-system/index.d.ts +1 -11
  276. package/dist/types/design-system/mergeTokensOverride.d.ts +1 -2
  277. package/dist/types/design-system/presets.d.ts +1 -8
  278. package/dist/types/design-system/tokens.d.ts +1 -74
  279. package/dist/types/design-system/useTheme.d.ts +1 -1
  280. package/dist/types/hooks/animation/index.d.ts +1 -3
  281. package/dist/types/hooks/animation/useAnimatedTransition.d.ts +1 -13
  282. package/dist/types/hooks/animation/useReducedMotion.d.ts +1 -3
  283. package/dist/types/hooks/aria/index.d.ts +1 -4
  284. package/dist/types/hooks/aria/useAriaListBox.d.ts +1 -14
  285. package/dist/types/hooks/aria/useAriaOverlay.d.ts +1 -14
  286. package/dist/types/hooks/aria/useAriaPress.d.ts +1 -19
  287. package/dist/types/hooks/aria/useAriaToggle.d.ts +1 -12
  288. package/dist/types/hooks/gesture/index.d.ts +1 -1
  289. package/dist/types/hooks/gesture/useGestureScroll.d.ts +1 -33
  290. package/dist/types/hooks/index.d.ts +1 -9
  291. package/dist/types/hooks/overlay/OverlayStackStore.d.ts +1 -39
  292. package/dist/types/hooks/overlay/index.d.ts +1 -2
  293. package/dist/types/hooks/overlay/useOverlayStack.d.ts +1 -10
  294. package/dist/types/hooks/useControllableValue.d.ts +1 -9
  295. package/dist/types/hooks/useCountDown.d.ts +1 -23
  296. package/dist/types/hooks/useHairline.d.ts +1 -10
  297. package/dist/types/hooks/useSafeAreaPadding.d.ts +1 -13
  298. package/dist/types/index.d.ts +1 -9
  299. package/dist/types/nativewind.d.ts +1 -4
  300. package/dist/types/platform/animation.d.ts +1 -9
  301. package/dist/types/platform/history.d.ts +1 -1
  302. package/dist/types/platform/index.d.ts +1 -5
  303. package/dist/types/platform/measure.d.ts +1 -7
  304. package/dist/types/platform/runtime.d.ts +1 -3
  305. package/dist/types/platform/scrollLock.d.ts +1 -2
  306. package/dist/types/types.d.ts +1 -4
  307. package/dist/types/utils/array.d.ts +1 -1
  308. package/dist/types/utils/color.d.ts +1 -3
  309. package/dist/types/utils/compare.d.ts +1 -2
  310. package/dist/types/utils/createPlatformShadow.d.ts +1 -11
  311. package/dist/types/utils/date.d.ts +1 -13
  312. package/dist/types/utils/deepMerge.d.ts +1 -3
  313. package/dist/types/utils/hairline.d.ts +1 -15
  314. package/dist/types/utils/index.d.ts +1 -13
  315. package/dist/types/utils/number.d.ts +1 -11
  316. package/dist/types/utils/promise.d.ts +1 -1
  317. package/dist/types/utils/render.d.ts +1 -5
  318. package/dist/types/utils/rtl.d.ts +1 -5
  319. package/dist/types/utils/string.d.ts +1 -3
  320. package/dist/types/utils/validate.d.ts +1 -13
  321. package/package.json +142 -149
@@ -1,10 +1 @@
1
- import { TabPane } from './Tabs';
2
- export type { TabsProps, TabPaneProps, TabsValue, TabsType, TabsAlign, TabsSwipeableConfig, TabsRef, } from './types';
3
- export { useTabsTokens } from './tokens';
4
- declare const Tabs: import("react").NamedExoticComponent<import("./types").TabsProps & import("react").RefAttributes<import("./types").TabsRef>> & {
5
- TabPane: import("react").FC<import("./types").TabPaneProps>;
6
- } & {
7
- TabPane: import("react").FC<import("./types").TabPaneProps>;
8
- };
9
- export { TabPane };
10
- export default Tabs;
1
+ import{TabPane}from'./Tabs';export type{TabsProps,TabPaneProps,TabsValue,TabsType,TabsAlign,TabsSwipeableConfig,TabsRef,}from'./types';export{useTabsTokens}from'./tokens';declare const Tabs:import("react").NamedExoticComponent<import("./types").TabsProps&import("react").RefAttributes<import("./types").TabsRef>>&{TabPane:import("react").FC<import("./types").TabPaneProps>;}&{TabPane:import("react").FC<import("./types").TabPaneProps>;};export{TabPane};export default Tabs;
@@ -1,96 +1 @@
1
- import type { TextStyle } from 'react-native';
2
- import type { TabsAlign, TabsType } from './types';
3
- export interface TabsTokens {
4
- defaults: {
5
- type: TabsType;
6
- align: TabsAlign;
7
- ellipsis: boolean;
8
- swipeThreshold: number;
9
- animated: boolean;
10
- duration: number;
11
- lazyRender: boolean;
12
- };
13
- colors: {
14
- text: string;
15
- textActive: string;
16
- textDisabled: string;
17
- description: string;
18
- descriptionActive: string;
19
- descriptionBackground: string;
20
- descriptionActiveBackground: string;
21
- border: string;
22
- indicator: string;
23
- cardBackground: string;
24
- cardActiveBackground: string;
25
- cardBorder: string;
26
- cardActiveBorder: string;
27
- cardActiveText: string;
28
- capsuleBackground: string;
29
- capsuleActiveBackground: string;
30
- capsuleBorder: string;
31
- capsuleActiveBorder: string;
32
- capsuleText: string;
33
- capsuleActiveText: string;
34
- badgeText: string;
35
- jumboBackground: string;
36
- jumboActiveBackground: string;
37
- jumboBorder: string;
38
- jumboActiveBorder: string;
39
- jumboDescription: string;
40
- jumboDescriptionActive: string;
41
- jumboDescriptionBackground: string;
42
- jumboDescriptionActiveBackground: string;
43
- };
44
- tabList: {
45
- height: number;
46
- paddingHorizontal: number;
47
- paddingVertical: number;
48
- paddingBottom: number;
49
- background: string;
50
- };
51
- typography: {
52
- fontFamily: string;
53
- titleSize: number;
54
- titleWeight: NonNullable<TextStyle['fontWeight']>;
55
- titleActiveWeight: NonNullable<TextStyle['fontWeight']>;
56
- descriptionSize: number;
57
- jumboTitleSize: number;
58
- jumboLineHeight: number;
59
- badgeTextSize: number;
60
- };
61
- spacing: {
62
- navSidePaddingHorizontal: number;
63
- navBottomMarginTop: number;
64
- descriptionMarginTop: number;
65
- jumboDescriptionMarginTop: number;
66
- badgeMarginTop: number;
67
- };
68
- indicator: {
69
- height: number;
70
- radius: number;
71
- width: number;
72
- offset: number;
73
- };
74
- card: {
75
- radius: number;
76
- paddingHorizontal: number;
77
- paddingVertical: number;
78
- height: number;
79
- marginHorizontal: number;
80
- };
81
- capsule: {
82
- radius: number;
83
- paddingHorizontal: number;
84
- paddingVertical: number;
85
- };
86
- jumbo: {
87
- radius: number;
88
- paddingHorizontal: number;
89
- paddingVertical: number;
90
- height: number;
91
- descriptionPaddingHorizontal: number;
92
- descriptionPaddingVertical: number;
93
- descriptionRadius: number;
94
- };
95
- }
96
- export declare const useTabsTokens: (overrides?: import("../..").DeepPartial<TabsTokens> | undefined) => TabsTokens;
1
+ import type{TextStyle}from'react-native';import type{TabsAlign,TabsType}from'./types';export interface TabsTokens{defaults:{type:TabsType;align:TabsAlign;ellipsis:boolean;swipeThreshold:number;animated:boolean;duration:number;lazyRender:boolean;};colors:{text:string;textActive:string;textDisabled:string;description:string;descriptionActive:string;descriptionBackground:string;descriptionActiveBackground:string;border:string;indicator:string;cardBackground:string;cardActiveBackground:string;cardBorder:string;cardActiveBorder:string;cardActiveText:string;capsuleBackground:string;capsuleActiveBackground:string;capsuleBorder:string;capsuleActiveBorder:string;capsuleText:string;capsuleActiveText:string;badgeText:string;jumboBackground:string;jumboActiveBackground:string;jumboBorder:string;jumboActiveBorder:string;jumboDescription:string;jumboDescriptionActive:string;jumboDescriptionBackground:string;jumboDescriptionActiveBackground:string;};tabList:{height:number;paddingHorizontal:number;paddingVertical:number;paddingBottom:number;background:string;};typography:{fontFamily:string;titleSize:number;titleWeight:NonNullable<TextStyle['fontWeight']>;titleActiveWeight:NonNullable<TextStyle['fontWeight']>;descriptionSize:number;jumboTitleSize:number;jumboLineHeight:number;badgeTextSize:number;};spacing:{navSidePaddingHorizontal:number;navBottomMarginTop:number;descriptionMarginTop:number;jumboDescriptionMarginTop:number;badgeMarginTop:number;};indicator:{height:number;radius:number;width:number;offset:number;};card:{radius:number;paddingHorizontal:number;paddingVertical:number;height:number;marginHorizontal:number;};capsule:{radius:number;paddingHorizontal:number;paddingVertical:number;};jumbo:{radius:number;paddingHorizontal:number;paddingVertical:number;height:number;descriptionPaddingHorizontal:number;descriptionPaddingVertical:number;descriptionRadius:number;};}export declare const useTabsTokens:(overrides?:import("../..").DeepPartial<TabsTokens>|undefined)=>TabsTokens;
@@ -1,64 +1 @@
1
- import type * as React from 'react';
2
- import type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
3
- import type { DeepPartial } from '../../types';
4
- import type { TabsTokens } from './tokens';
5
- export type TabsType = 'line' | 'card' | 'capsule' | 'jumbo';
6
- export type TabsAlign = 'start' | 'center';
7
- export type TabsValue = string | number;
8
- export interface TabsSwipeableConfig {
9
- autoHeight?: boolean;
10
- preventScroll?: boolean;
11
- }
12
- export interface TabsClickEvent {
13
- name: TabsValue;
14
- index: number;
15
- disabled: boolean;
16
- event: unknown;
17
- }
18
- export interface TabPaneProps {
19
- name?: TabsValue;
20
- title?: React.ReactNode | ((active: boolean) => React.ReactNode);
21
- description?: React.ReactNode | ((active: boolean) => React.ReactNode);
22
- badge?: React.ReactNode;
23
- disabled?: boolean;
24
- children?: React.ReactNode;
25
- }
26
- export interface TabsProps extends Omit<ViewProps, 'children' | 'onLayout'> {
27
- children?: React.ReactNode;
28
- active?: TabsValue;
29
- defaultActive?: TabsValue;
30
- type?: TabsType;
31
- align?: TabsAlign;
32
- color?: string;
33
- background?: string;
34
- border?: boolean;
35
- lineWidth?: number | string;
36
- lineHeight?: number | string;
37
- titleActiveColor?: string;
38
- titleInactiveColor?: string;
39
- tokensOverride?: DeepPartial<TabsTokens>;
40
- ellipsis?: boolean;
41
- swipeThreshold?: number;
42
- animated?: boolean;
43
- duration?: number;
44
- beforeChange?: (name: TabsValue) => boolean | Promise<boolean>;
45
- lazyRender?: boolean;
46
- lazyRenderPlaceholder?: React.ReactNode;
47
- swipeable?: boolean | TabsSwipeableConfig;
48
- scrollable?: boolean;
49
- navLeft?: React.ReactNode;
50
- navRight?: React.ReactNode;
51
- navBottom?: React.ReactNode;
52
- tabBarStyle?: StyleProp<ViewStyle>;
53
- tabStyle?: StyleProp<ViewStyle>;
54
- titleStyle?: StyleProp<TextStyle>;
55
- descriptionStyle?: StyleProp<TextStyle>;
56
- contentStyle?: StyleProp<ViewStyle>;
57
- onClickTab?: (payload: TabsClickEvent) => void;
58
- onChange?: (name: TabsValue, index: number) => void;
59
- }
60
- export interface TabsRef {
61
- scrollTo: (name: TabsValue, options?: {
62
- immediate?: boolean;
63
- }) => void;
64
- }
1
+ import type*as React from'react';import type{StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{TabsTokens}from'./tokens';export type TabsType='line'|'card'|'capsule'|'jumbo';export type TabsAlign='start'|'center';export type TabsValue=string|number;export interface TabsSwipeableConfig{autoHeight?:boolean;preventScroll?:boolean;}export interface TabsClickEvent{name:TabsValue;index:number;disabled:boolean;event:unknown;}export interface TabPaneProps{name?:TabsValue;title?:React.ReactNode|((active:boolean)=>React.ReactNode);description?:React.ReactNode|((active:boolean)=>React.ReactNode);badge?:React.ReactNode;disabled?:boolean;children?:React.ReactNode;}export interface TabsProps extends Omit<ViewProps,'children'|'onLayout'>{children?:React.ReactNode;active?:TabsValue;defaultActive?:TabsValue;type?:TabsType;align?:TabsAlign;color?:string;background?:string;border?:boolean;lineWidth?:number|string;lineHeight?:number|string;titleActiveColor?:string;titleInactiveColor?:string;tokensOverride?:DeepPartial<TabsTokens>;ellipsis?:boolean;swipeThreshold?:number;animated?:boolean;duration?:number;beforeChange?:(name:TabsValue)=>boolean|Promise<boolean>;lazyRender?:boolean;lazyRenderPlaceholder?:React.ReactNode;swipeable?:boolean|TabsSwipeableConfig;scrollable?:boolean;navLeft?:React.ReactNode;navRight?:React.ReactNode;navBottom?:React.ReactNode;tabBarStyle?:StyleProp<ViewStyle>;tabStyle?:StyleProp<ViewStyle>;titleStyle?:StyleProp<TextStyle>;descriptionStyle?:StyleProp<TextStyle>;contentStyle?:StyleProp<ViewStyle>;onClickTab?:(payload:TabsClickEvent)=>void;onChange?:(name:TabsValue,index:number)=>void;}export interface TabsRef{scrollTo:(name:TabsValue,options?:{immediate?:boolean;})=>void;}
@@ -1,3 +1 @@
1
- import React from 'react';
2
- import type { TagProps } from './types';
3
- export declare const Tag: React.NamedExoticComponent<TagProps>;
1
+ import React from'react';import type{TagProps}from'./types';export declare const Tag:React.NamedExoticComponent<TagProps>;
@@ -1,3 +1 @@
1
- import { Tag } from './Tag';
2
- export type { TagProps, TagSize, TagType } from './types';
3
- export default Tag;
1
+ import{Tag}from'./Tag';export type{TagProps,TagSize,TagType}from'./types';export default Tag;
@@ -1,4 +1 @@
1
- import type { Foundations } from '../../design-system/tokens';
2
- import type { TagTokens } from './types';
3
- export declare const createTagTokens: (foundations: Foundations) => TagTokens;
4
- export declare const useTagTokens: (overrides?: import("../..").DeepPartial<TagTokens> | undefined) => TagTokens;
1
+ import type{Foundations}from'../../design-system/tokens';import type{TagTokens}from'./types';export declare const createTagTokens:(foundations:Foundations)=>TagTokens;export declare const useTagTokens:(overrides?:import("../..").DeepPartial<TagTokens>|undefined)=>TagTokens;
@@ -1,69 +1 @@
1
- import type { PressableProps, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
2
- import type { DeepPartial } from '../../types';
3
- export type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
4
- export type TagSize = 'mini' | 'small' | 'medium' | 'large';
5
- export interface TagTokens {
6
- defaults: {
7
- type: TagType;
8
- size: TagSize;
9
- plain: boolean;
10
- round: boolean;
11
- mark: boolean;
12
- show: boolean;
13
- pressedOpacity: number;
14
- };
15
- layout: {
16
- container: ViewStyle;
17
- close: ViewStyle;
18
- };
19
- colors: {
20
- plainBackground: string;
21
- toneMap: Record<TagType, {
22
- background: string;
23
- text: string;
24
- }>;
25
- };
26
- typography: {
27
- fontFamily: string;
28
- lineHeightMultiplier: number;
29
- fontWeight: TextStyle['fontWeight'];
30
- };
31
- sizing: {
32
- sizes: Record<TagSize, {
33
- fontSize: number;
34
- paddingHorizontal: number;
35
- paddingVertical: number;
36
- borderRadius: number;
37
- lineHeight: number;
38
- }>;
39
- closeIconSize: number;
40
- };
41
- radii: {
42
- round: number;
43
- markLeading: number;
44
- };
45
- borders: {
46
- width: number;
47
- };
48
- spacing: {
49
- closeGap: number;
50
- closeHitSlop: number;
51
- };
52
- }
53
- export interface TagProps extends ViewProps {
54
- children?: React.ReactNode;
55
- type?: TagType;
56
- size?: TagSize;
57
- color?: string;
58
- textColor?: string;
59
- plain?: boolean;
60
- round?: boolean;
61
- mark?: boolean;
62
- show?: boolean;
63
- closeable?: boolean;
64
- closeIcon?: React.ReactNode | ((color: string, size: number) => React.ReactNode);
65
- onClose?: () => void;
66
- onPress?: PressableProps['onPress'];
67
- textStyle?: StyleProp<TextStyle>;
68
- tokensOverride?: DeepPartial<TagTokens>;
69
- }
1
+ import type{PressableProps,StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type TagType='default'|'primary'|'success'|'warning'|'danger';export type TagSize='mini'|'small'|'medium'|'large';export interface TagTokens{defaults:{type:TagType;size:TagSize;plain:boolean;round:boolean;mark:boolean;show:boolean;pressedOpacity:number;};layout:{container:ViewStyle;close:ViewStyle;};colors:{plainBackground:string;toneMap:Record<TagType,{background:string;text:string;}>;};typography:{fontFamily:string;lineHeightMultiplier:number;fontWeight:TextStyle['fontWeight'];};sizing:{sizes:Record<TagSize,{fontSize:number;paddingHorizontal:number;paddingVertical:number;borderRadius:number;lineHeight:number;}>;closeIconSize:number;};radii:{round:number;markLeading:number;};borders:{width:number;};spacing:{closeGap:number;closeHitSlop:number;};}export interface TagProps extends ViewProps{children?:React.ReactNode;type?:TagType;size?:TagSize;color?:string;textColor?:string;plain?:boolean;round?:boolean;mark?:boolean;show?:boolean;closeable?:boolean;closeIcon?:React.ReactNode|((color:string,size:number)=>React.ReactNode);onClose?:()=>void;onPress?:PressableProps['onPress'];textStyle?:StyleProp<TextStyle>;tokensOverride?:DeepPartial<TagTokens>;}
@@ -1,112 +1 @@
1
- import type { ActionSheetTokens } from './action-sheet/types';
2
- import type { AreaTokens } from './area/tokens';
3
- import type { AvatarTokens } from './avatar/types';
4
- import type { BadgeTokens } from './badge/types';
5
- import type { ButtonTokens } from './button/types';
6
- import type { CalendarTokens } from './calendar/types';
7
- import type { CascaderTokens } from './cascader/types';
8
- import type { CellTokens } from './cell/types';
9
- import type { CheckboxTokens } from './checkbox/types';
10
- import type { CircleTokens } from './circle/types';
11
- import type { CollapseTokens } from './collapse/types';
12
- import type { ConfigProviderTokens } from './config-provider/tokens';
13
- import type { CountDownTokens } from './count-down/types';
14
- import type { DatetimePickerTokens } from './datetime-picker/tokens';
15
- import type { DialogTokens } from './dialog/tokens';
16
- import type { DividerTokens } from './divider/types';
17
- import type { EmptyTokens } from './empty/types';
18
- import type { FieldTokens } from './field/tokens';
19
- import type { FlexTokens } from './flex/types';
20
- import type { FormTokens } from './form/tokens';
21
- import type { GridTokens } from './grid/types';
22
- import type { ImageTokens } from './image/types';
23
- import type { ImagePreviewTokens } from './image-preview/tokens';
24
- import type { InputTokens } from './input/types';
25
- import type { LoadingTokens } from './loading/types';
26
- import type { NavBarTokens } from './nav-bar/types';
27
- import type { NoticeBarTokens } from './notice-bar/tokens';
28
- import type { NotifyTokens } from './notify/types';
29
- import type { NumberKeyboardTokens } from './number-keyboard/tokens';
30
- import type { OverlayTokens } from './overlay/tokens';
31
- import type { PasswordInputTokens } from './password-input/tokens';
32
- import type { PickerTokens } from './picker/tokens';
33
- import type { PopupTokens } from './popup/tokens';
34
- import type { ProgressTokens } from './progress/types';
35
- import type { PortalTokens } from './portal/tokens';
36
- import type { RadioTokens } from './radio/types';
37
- import type { SearchTokens } from './search/tokens';
38
- import type { SelectorTokens } from './selector/types';
39
- import type { ShareSheetTokens } from './share-sheet/tokens';
40
- import type { SidebarTokens } from './sidebar/types';
41
- import type { SkeletonTokens } from './skeleton/types';
42
- import type { SliderTokens } from './slider/tokens';
43
- import type { SpaceTokens } from './space/types';
44
- import type { StepperTokens } from './stepper/tokens';
45
- import type { SwiperTokens } from './swiper/tokens';
46
- import type { SwiperPagIndicatorTokens } from './swiper/SwiperPagIndicator';
47
- import type { SwitchTokens } from './switch/types';
48
- import type { TabbarTokens } from './tabbar/tokens';
49
- import type { TabsTokens } from './tabs/tokens';
50
- import type { TagTokens } from './tag/types';
51
- import type { ToastTokens } from './toast/tokens';
52
- import type { TypographyTokens } from './typography/types';
53
- import type { SafeAreaViewTokens } from './safe-area-view/tokens';
54
- import type { WaterMarkTokens } from './water-mark/types';
55
- declare module '../design-system/ThemeContext' {
56
- interface ThemeComponentTokensMap {
57
- actionSheet: ActionSheetTokens;
58
- area: AreaTokens;
59
- avatar: AvatarTokens;
60
- badge: BadgeTokens;
61
- button: ButtonTokens;
62
- calendar: CalendarTokens;
63
- cascader: CascaderTokens;
64
- cell: CellTokens;
65
- checkbox: CheckboxTokens;
66
- circle: CircleTokens;
67
- collapse: CollapseTokens;
68
- configProvider: ConfigProviderTokens;
69
- countDown: CountDownTokens;
70
- datetimePicker: DatetimePickerTokens;
71
- dialog: DialogTokens;
72
- divider: DividerTokens;
73
- empty: EmptyTokens;
74
- field: FieldTokens;
75
- flex: FlexTokens;
76
- form: FormTokens;
77
- grid: GridTokens;
78
- image: ImageTokens;
79
- imagePreview: ImagePreviewTokens;
80
- input: InputTokens;
81
- loading: LoadingTokens;
82
- navBar: NavBarTokens;
83
- noticeBar: NoticeBarTokens;
84
- notify: NotifyTokens;
85
- numberKeyboard: NumberKeyboardTokens;
86
- overlay: OverlayTokens;
87
- passwordInput: PasswordInputTokens;
88
- picker: PickerTokens;
89
- popup: PopupTokens;
90
- progress: ProgressTokens;
91
- portal: PortalTokens;
92
- radio: RadioTokens;
93
- search: SearchTokens;
94
- selector: SelectorTokens;
95
- shareSheet: ShareSheetTokens;
96
- sidebar: SidebarTokens;
97
- skeleton: SkeletonTokens;
98
- slider: SliderTokens;
99
- space: SpaceTokens;
100
- stepper: StepperTokens;
101
- swiper: SwiperTokens;
102
- swiperPagIndicator: SwiperPagIndicatorTokens;
103
- switch: SwitchTokens;
104
- safeAreaView: SafeAreaViewTokens;
105
- tabbar: TabbarTokens;
106
- tabs: TabsTokens;
107
- tag: TagTokens;
108
- toast: ToastTokens;
109
- typography: TypographyTokens;
110
- waterMark: WaterMarkTokens;
111
- }
112
- }
1
+ import type{ActionSheetTokens}from'./action-sheet/types';import type{AreaTokens}from'./area/tokens';import type{AvatarTokens}from'./avatar/types';import type{BadgeTokens}from'./badge/types';import type{ButtonTokens}from'./button/types';import type{CalendarTokens}from'./calendar/types';import type{CascaderTokens}from'./cascader/types';import type{CellTokens}from'./cell/types';import type{CheckboxTokens}from'./checkbox/types';import type{CircleTokens}from'./circle/types';import type{CollapseTokens}from'./collapse/types';import type{ConfigProviderTokens}from'./config-provider/tokens';import type{CountDownTokens}from'./count-down/types';import type{DatetimePickerTokens}from'./datetime-picker/tokens';import type{DialogTokens}from'./dialog/tokens';import type{DividerTokens}from'./divider/types';import type{EmptyTokens}from'./empty/types';import type{FieldTokens}from'./field/tokens';import type{FlexTokens}from'./flex/types';import type{FormTokens}from'./form/tokens';import type{GridTokens}from'./grid/types';import type{ImageTokens}from'./image/types';import type{ImagePreviewTokens}from'./image-preview/tokens';import type{InputTokens}from'./input/types';import type{LoadingTokens}from'./loading/types';import type{NavBarTokens}from'./nav-bar/types';import type{NoticeBarTokens}from'./notice-bar/tokens';import type{NotifyTokens}from'./notify/types';import type{NumberKeyboardTokens}from'./number-keyboard/tokens';import type{OverlayTokens}from'./overlay/tokens';import type{PasswordInputTokens}from'./password-input/tokens';import type{PickerTokens}from'./picker/tokens';import type{PopupTokens}from'./popup/tokens';import type{ProgressTokens}from'./progress/types';import type{PortalTokens}from'./portal/tokens';import type{RadioTokens}from'./radio/types';import type{SearchTokens}from'./search/tokens';import type{SelectorTokens}from'./selector/types';import type{ShareSheetTokens}from'./share-sheet/tokens';import type{SidebarTokens}from'./sidebar/types';import type{SkeletonTokens}from'./skeleton/types';import type{SliderTokens}from'./slider/tokens';import type{SpaceTokens}from'./space/types';import type{StepperTokens}from'./stepper/tokens';import type{SwiperTokens}from'./swiper/tokens';import type{SwiperPagIndicatorTokens}from'./swiper/SwiperPagIndicator';import type{SwitchTokens}from'./switch/types';import type{TabbarTokens}from'./tabbar/tokens';import type{TabsTokens}from'./tabs/tokens';import type{TagTokens}from'./tag/types';import type{ToastTokens}from'./toast/tokens';import type{TypographyTokens}from'./typography/types';import type{SafeAreaViewTokens}from'./safe-area-view/tokens';import type{WaterMarkTokens}from'./water-mark/types';declare module'../design-system/ThemeContext'{interface ThemeComponentTokensMap{actionSheet:ActionSheetTokens;area:AreaTokens;avatar:AvatarTokens;badge:BadgeTokens;button:ButtonTokens;calendar:CalendarTokens;cascader:CascaderTokens;cell:CellTokens;checkbox:CheckboxTokens;circle:CircleTokens;collapse:CollapseTokens;configProvider:ConfigProviderTokens;countDown:CountDownTokens;datetimePicker:DatetimePickerTokens;dialog:DialogTokens;divider:DividerTokens;empty:EmptyTokens;field:FieldTokens;flex:FlexTokens;form:FormTokens;grid:GridTokens;image:ImageTokens;imagePreview:ImagePreviewTokens;input:InputTokens;loading:LoadingTokens;navBar:NavBarTokens;noticeBar:NoticeBarTokens;notify:NotifyTokens;numberKeyboard:NumberKeyboardTokens;overlay:OverlayTokens;passwordInput:PasswordInputTokens;picker:PickerTokens;popup:PopupTokens;progress:ProgressTokens;portal:PortalTokens;radio:RadioTokens;search:SearchTokens;selector:SelectorTokens;shareSheet:ShareSheetTokens;sidebar:SidebarTokens;skeleton:SkeletonTokens;slider:SliderTokens;space:SpaceTokens;stepper:StepperTokens;swiper:SwiperTokens;swiperPagIndicator:SwiperPagIndicatorTokens;switch:SwitchTokens;safeAreaView:SafeAreaViewTokens;tabbar:TabbarTokens;tabs:TabsTokens;tag:TagTokens;toast:ToastTokens;typography:TypographyTokens;waterMark:WaterMarkTokens;}}
@@ -1,33 +1 @@
1
- import React from 'react';
2
- import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
3
- import type { DeepPartial } from '../../types';
4
- import type { ToastTokens } from './tokens';
5
- export type ToastPosition = 'top' | 'middle' | 'bottom';
6
- export type ToastType = 'info' | 'success' | 'fail' | 'loading';
7
- export interface ToastProps {
8
- visible: boolean;
9
- message?: React.ReactNode;
10
- icon?: React.ReactNode;
11
- type?: ToastType;
12
- iconSize?: number;
13
- duration?: number;
14
- position?: ToastPosition;
15
- forbidClick?: boolean;
16
- overlay?: boolean;
17
- overlayStyle?: StyleProp<ViewStyle>;
18
- closeOnClickOverlay?: boolean;
19
- closeOnClick?: boolean;
20
- loadingIndicator?: React.ReactNode;
21
- safeAreaInsetTop?: boolean;
22
- safeAreaInsetBottom?: boolean;
23
- tokensOverride?: DeepPartial<ToastTokens>;
24
- style?: StyleProp<ViewStyle>;
25
- textStyle?: StyleProp<TextStyle>;
26
- onClose?: () => void;
27
- onOpen?: () => void;
28
- onOpened?: () => void;
29
- onClosed?: () => void;
30
- }
31
- export declare const ToastContent: React.NamedExoticComponent<ToastProps>;
32
- export declare const Toast: React.NamedExoticComponent<ToastProps>;
33
- export default Toast;
1
+ import React from'react';import{type StyleProp,type TextStyle,type ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{ToastTokens}from'./tokens';export type ToastPosition='top'|'middle'|'bottom';export type ToastType='info'|'success'|'fail'|'loading';export interface ToastProps{visible:boolean;message?:React.ReactNode;icon?:React.ReactNode;type?:ToastType;iconSize?:number;duration?:number;position?:ToastPosition;forbidClick?:boolean;overlay?:boolean;overlayStyle?:StyleProp<ViewStyle>;closeOnClickOverlay?:boolean;closeOnClick?:boolean;loadingIndicator?:React.ReactNode;safeAreaInsetTop?:boolean;safeAreaInsetBottom?:boolean;tokensOverride?:DeepPartial<ToastTokens>;style?:StyleProp<ViewStyle>;textStyle?:StyleProp<TextStyle>;onClose?:()=>void;onOpen?:()=>void;onOpened?:()=>void;onClosed?:()=>void;}export declare const ToastContent:React.NamedExoticComponent<ToastProps>;export declare const Toast:React.NamedExoticComponent<ToastProps>;export default Toast;
@@ -1,22 +1 @@
1
- import React from 'react';
2
- import { type ToastProps, type ToastType } from './Toast';
3
- export type ToastShowOptions = Omit<ToastProps, 'visible'> & {
4
- message?: React.ReactNode;
5
- };
6
- export type ToastInput = ToastShowOptions | React.ReactNode;
7
- export interface ToastReturnType {
8
- clear: () => void;
9
- update: (options: ToastInput) => void;
10
- config: (options: ToastInput | ((prev: ToastShowOptions) => ToastInput)) => void;
11
- }
12
- export declare const ToastImperative: {
13
- show: (options?: ToastInput) => ToastReturnType;
14
- info: (options?: ToastInput) => ToastReturnType;
15
- success: (options?: ToastInput) => ToastReturnType;
16
- fail: (options?: ToastInput) => ToastReturnType;
17
- loading: (options?: ToastInput) => ToastReturnType;
18
- clear: () => void;
19
- allowMultiple: (value?: boolean) => void;
20
- setDefaultOptions: (typeOrOptions: ToastType | ToastShowOptions, options?: ToastShowOptions) => void;
21
- resetDefaultOptions: (type?: ToastType) => void;
22
- };
1
+ import React from'react';import{type ToastProps,type ToastType}from'./Toast';export type ToastShowOptions=Omit<ToastProps,'visible'>&{message?:React.ReactNode;};export type ToastInput=ToastShowOptions|React.ReactNode;export interface ToastReturnType{clear:()=>void;update:(options:ToastInput)=>void;config:(options:ToastInput|((prev:ToastShowOptions)=>ToastInput))=>void;}export declare const ToastImperative:{show:(options?:ToastInput)=>ToastReturnType;info:(options?:ToastInput)=>ToastReturnType;success:(options?:ToastInput)=>ToastReturnType;fail:(options?:ToastInput)=>ToastReturnType;loading:(options?:ToastInput)=>ToastReturnType;clear:()=>void;allowMultiple:(value?:boolean)=>void;setDefaultOptions:(typeOrOptions:ToastType|ToastShowOptions,options?:ToastShowOptions)=>void;resetDefaultOptions:(type?:ToastType)=>void;};
@@ -1,15 +1 @@
1
- declare const Toast: import("react").NamedExoticComponent<import("./Toast").ToastProps> & {
2
- show: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
3
- info: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
4
- success: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
5
- fail: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
6
- loading: (options?: import("./imperative").ToastInput) => import("./imperative").ToastReturnType;
7
- clear: () => void;
8
- allowMultiple: (value?: boolean) => void;
9
- setDefaultOptions: (typeOrOptions: import("./Toast").ToastType | import("./imperative").ToastShowOptions, options?: import("./imperative").ToastShowOptions) => void;
10
- resetDefaultOptions: (type?: import("./Toast").ToastType) => void;
11
- };
12
- export type { ToastProps, ToastPosition, ToastType } from './Toast';
13
- export type { ToastShowOptions, ToastInput, ToastReturnType } from './imperative';
14
- export default Toast;
15
- export { Toast };
1
+ declare const Toast:import("react").NamedExoticComponent<import("./Toast").ToastProps>&{show:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;info:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;success:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;fail:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;loading:(options?:import("./imperative").ToastInput)=>import("./imperative").ToastReturnType;clear:()=>void;allowMultiple:(value?:boolean)=>void;setDefaultOptions:(typeOrOptions:import("./Toast").ToastType|import("./imperative").ToastShowOptions,options?:import("./imperative").ToastShowOptions)=>void;resetDefaultOptions:(type?:import("./Toast").ToastType)=>void;};export type{ToastProps,ToastPosition,ToastType}from'./Toast';export type{ToastShowOptions,ToastInput,ToastReturnType}from'./imperative';export default Toast;export{Toast};
@@ -1,29 +1 @@
1
- import { type Foundations } from '../../design-system/tokens';
2
- import type { ToastType } from './Toast';
3
- export interface ToastTokens {
4
- colors: {
5
- text: string;
6
- backdrop: string;
7
- variants: Record<ToastType, string>;
8
- transparent: string;
9
- };
10
- fontSize: number;
11
- lineHeight: number;
12
- fontFamily: string;
13
- radius: number;
14
- gap: number;
15
- iconSize: number;
16
- maxWidth: number | string;
17
- textMinWidth: number;
18
- textPaddingVertical: number;
19
- textPaddingHorizontal: number;
20
- defaultPadding: number;
21
- defaultWidth: number;
22
- defaultMinHeight: number;
23
- pressedOpacity: number;
24
- positionOffsetRatio: number;
25
- positionOffsetMin: number;
26
- animationDuration: number;
27
- }
28
- export declare const createToastTokens: (foundations: Foundations) => ToastTokens;
29
- export declare const useToastTokens: (overrides?: import("../..").DeepPartial<ToastTokens> | undefined) => ToastTokens;
1
+ import{type Foundations}from'../../design-system/tokens';import type{ToastType}from'./Toast';export interface ToastTokens{colors:{text:string;backdrop:string;variants:Record<ToastType,string>;transparent:string;};fontSize:number;lineHeight:number;fontFamily:string;radius:number;gap:number;iconSize:number;maxWidth:number|string;textMinWidth:number;textPaddingVertical:number;textPaddingHorizontal:number;defaultPadding:number;defaultWidth:number;defaultMinHeight:number;pressedOpacity:number;positionOffsetRatio:number;positionOffsetMin:number;animationDuration:number;}export declare const createToastTokens:(foundations:Foundations)=>ToastTokens;export declare const useToastTokens:(overrides?:import("../..").DeepPartial<ToastTokens>|undefined)=>ToastTokens;
@@ -1 +1 @@
1
- export type { ToastProps, ToastPosition, ToastType } from './Toast';
1
+ export type{ToastProps,ToastPosition,ToastType}from'./Toast';
@@ -1,11 +1 @@
1
- import React from 'react';
2
- import { Text } from 'react-native';
3
- import type { TypographyLinkProps } from './types';
4
- export declare const Typography: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>> & {
5
- Text: React.NamedExoticComponent<import("./types").TypographyBaseProps & React.RefAttributes<Text>>;
6
- Title: React.ForwardRefExoticComponent<Omit<import("./types").TypographyBaseProps, "size"> & {
7
- level?: import("./types").TypographyTitleLevel;
8
- } & React.RefAttributes<Text>>;
9
- Link: React.ForwardRefExoticComponent<TypographyLinkProps & React.RefAttributes<Text>>;
10
- };
11
- export default Typography;
1
+ import React from'react';import{Text}from'react-native';import type{TypographyLinkProps}from'./types';export declare const Typography:React.NamedExoticComponent<import("./types").TypographyBaseProps&React.RefAttributes<Text>>&{Text:React.NamedExoticComponent<import("./types").TypographyBaseProps&React.RefAttributes<Text>>;Title:React.ForwardRefExoticComponent<Omit<import("./types").TypographyBaseProps,"size">&{level?:import("./types").TypographyTitleLevel;}&React.RefAttributes<Text>>;Link:React.ForwardRefExoticComponent<TypographyLinkProps&React.RefAttributes<Text>>;};export default Typography;
@@ -1,3 +1 @@
1
- import Typography from './Typography';
2
- export type { TypographyTextProps, TypographyTitleProps, TypographyLinkProps, TypographyType, TypographySize, TypographyTitleLevel, EllipsisConfig, } from './types';
3
- export default Typography;
1
+ import Typography from'./Typography';export type{TypographyTextProps,TypographyTitleProps,TypographyLinkProps,TypographyType,TypographySize,TypographyTitleLevel,EllipsisConfig,}from'./types';export default Typography;
@@ -1,2 +1 @@
1
- import type { TypographyTokens } from './types';
2
- export declare const useTypographyTokens: (overrides?: import("../..").DeepPartial<TypographyTokens> | undefined) => TypographyTokens;
1
+ import type{TypographyTokens}from'./types';export declare const useTypographyTokens:(overrides?:import("../..").DeepPartial<TypographyTokens>|undefined)=>TypographyTokens;
@@ -1,66 +1 @@
1
- import type { TextProps, TextStyle, ViewStyle } from 'react-native';
2
- import type { DeepPartial } from '../../types';
3
- export type TypographyType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'secondary' | 'light';
4
- export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
5
- export type TypographyTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
6
- export interface TypographyTokens {
7
- defaults: {
8
- type: TypographyType;
9
- size: TypographySize;
10
- disabled: boolean;
11
- };
12
- layout: {
13
- centerWrapper: ViewStyle;
14
- actionRow: ViewStyle;
15
- };
16
- colors: Record<TypographyType, string>;
17
- sizing: {
18
- sizes: Record<TypographySize, number>;
19
- titles: Record<TypographyTitleLevel, {
20
- fontSize: number;
21
- lineHeight: number;
22
- }>;
23
- lineHeightMultiplier: number;
24
- actionMarginLeft: number;
25
- };
26
- typography: {
27
- fontFamily: string;
28
- weight: {
29
- regular: NonNullable<TextStyle['fontWeight']>;
30
- medium: NonNullable<TextStyle['fontWeight']>;
31
- strong: NonNullable<TextStyle['fontWeight']>;
32
- };
33
- };
34
- opacity: {
35
- disabled: number;
36
- };
37
- }
38
- export interface EllipsisConfig {
39
- rows?: number;
40
- symbol?: string;
41
- expandText?: string;
42
- collapseText?: string;
43
- onExpand?: (expanded: boolean) => void;
44
- }
45
- export interface TypographyBaseProps extends Omit<TextProps, 'children'> {
46
- children?: React.ReactNode;
47
- type?: TypographyType;
48
- color?: string | TypographyType;
49
- size?: TypographySize;
50
- level?: TypographyTitleLevel;
51
- disabled?: boolean;
52
- delete?: boolean;
53
- underline?: boolean;
54
- center?: boolean;
55
- strong?: boolean;
56
- ellipsis?: boolean | number | EllipsisConfig;
57
- tokensOverride?: DeepPartial<TypographyTokens>;
58
- onPress?: TextProps['onPress'];
59
- }
60
- export type TypographyTextProps = TypographyBaseProps;
61
- export type TypographyTitleProps = Omit<TypographyBaseProps, 'size'> & {
62
- level?: TypographyTitleLevel;
63
- };
64
- export interface TypographyLinkProps extends TypographyBaseProps {
65
- href?: string;
66
- }
1
+ import type{TextProps,TextStyle,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type TypographyType='default'|'primary'|'success'|'warning'|'danger'|'secondary'|'light';export type TypographySize='xs'|'sm'|'md'|'lg'|'xl'|'xxl';export type TypographyTitleLevel=1|2|3|4|5|6;export interface TypographyTokens{defaults:{type:TypographyType;size:TypographySize;disabled:boolean;};layout:{centerWrapper:ViewStyle;actionRow:ViewStyle;};colors:Record<TypographyType,string>;sizing:{sizes:Record<TypographySize,number>;titles:Record<TypographyTitleLevel,{fontSize:number;lineHeight:number;}>;lineHeightMultiplier:number;actionMarginLeft:number;};typography:{fontFamily:string;weight:{regular:NonNullable<TextStyle['fontWeight']>;medium:NonNullable<TextStyle['fontWeight']>;strong:NonNullable<TextStyle['fontWeight']>;};};opacity:{disabled:number;};}export interface EllipsisConfig{rows?:number;symbol?:string;expandText?:string;collapseText?:string;onExpand?:(expanded:boolean)=>void;}export interface TypographyBaseProps extends Omit<TextProps,'children'>{children?:React.ReactNode;type?:TypographyType;color?:string|TypographyType;size?:TypographySize;level?:TypographyTitleLevel;disabled?:boolean;delete?:boolean;underline?:boolean;center?:boolean;strong?:boolean;ellipsis?:boolean|number|EllipsisConfig;tokensOverride?:DeepPartial<TypographyTokens>;onPress?:TextProps['onPress'];}export type TypographyTextProps=TypographyBaseProps;export type TypographyTitleProps=Omit<TypographyBaseProps,'size'>&{level?:TypographyTitleLevel;};export interface TypographyLinkProps extends TypographyBaseProps{href?:string;}
@@ -1,4 +1 @@
1
- import React from 'react';
2
- import type { WaterMarkProps } from './types';
3
- declare const WaterMark: React.NamedExoticComponent<WaterMarkProps>;
4
- export default WaterMark;
1
+ import React from'react';import type{WaterMarkProps}from'./types';declare const WaterMark:React.NamedExoticComponent<WaterMarkProps>;export default WaterMark;
@@ -1,5 +1 @@
1
- import WaterMark from './WaterMark';
2
- export type { WaterMarkProps } from './types';
3
- export { useWaterMarkTokens } from './tokens';
4
- export default WaterMark;
5
- export { WaterMark };
1
+ import WaterMark from'./WaterMark';export type{WaterMarkProps}from'./types';export{useWaterMarkTokens}from'./tokens';export default WaterMark;export{WaterMark};
@@ -1,2 +1 @@
1
- import type { WaterMarkTokens } from './types';
2
- export declare const useWaterMarkTokens: (overrides?: import("../..").DeepPartial<WaterMarkTokens> | undefined) => WaterMarkTokens;
1
+ import type{WaterMarkTokens}from'./types';export declare const useWaterMarkTokens:(overrides?:import("../..").DeepPartial<WaterMarkTokens>|undefined)=>WaterMarkTokens;