orn-ui 0.2.9 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (552) hide show
  1. package/AGENTS.md +67 -52
  2. package/README.md +5 -9
  3. package/lib/commonjs/atoms/Avatar.js +77 -5
  4. package/lib/commonjs/atoms/Avatar.js.map +1 -1
  5. package/lib/commonjs/atoms/Badge.js +17 -8
  6. package/lib/commonjs/atoms/Badge.js.map +1 -1
  7. package/lib/commonjs/atoms/Button.js +108 -39
  8. package/lib/commonjs/atoms/Button.js.map +1 -1
  9. package/lib/commonjs/atoms/Card.js +24 -2
  10. package/lib/commonjs/atoms/Card.js.map +1 -1
  11. package/lib/commonjs/atoms/Checkbox.js +41 -10
  12. package/lib/commonjs/atoms/Checkbox.js.map +1 -1
  13. package/lib/commonjs/atoms/Divider.js +30 -5
  14. package/lib/commonjs/atoms/Divider.js.map +1 -1
  15. package/lib/commonjs/atoms/EmptyState.js +58 -20
  16. package/lib/commonjs/atoms/EmptyState.js.map +1 -1
  17. package/lib/commonjs/atoms/Fab.js +32 -12
  18. package/lib/commonjs/atoms/Fab.js.map +1 -1
  19. package/lib/commonjs/atoms/Gradient.js +102 -36
  20. package/lib/commonjs/atoms/Gradient.js.map +1 -1
  21. package/lib/commonjs/atoms/IconButton.js +25 -4
  22. package/lib/commonjs/atoms/IconButton.js.map +1 -1
  23. package/lib/commonjs/atoms/Image.js +61 -25
  24. package/lib/commonjs/atoms/Image.js.map +1 -1
  25. package/lib/commonjs/atoms/Input.js +105 -17
  26. package/lib/commonjs/atoms/Input.js.map +1 -1
  27. package/lib/commonjs/atoms/KeyValueRow.js +37 -9
  28. package/lib/commonjs/atoms/KeyValueRow.js.map +1 -1
  29. package/lib/commonjs/atoms/PressableScale.js +25 -5
  30. package/lib/commonjs/atoms/PressableScale.js.map +1 -1
  31. package/lib/commonjs/atoms/ShinyText.js +29 -29
  32. package/lib/commonjs/atoms/Skeleton.js +28 -13
  33. package/lib/commonjs/atoms/Skeleton.js.map +1 -1
  34. package/lib/commonjs/atoms/Spinner.js +81 -22
  35. package/lib/commonjs/atoms/Spinner.js.map +1 -1
  36. package/lib/commonjs/atoms/Text.js +56 -5
  37. package/lib/commonjs/atoms/Text.js.map +1 -1
  38. package/lib/commonjs/atoms/Transition.js +46 -43
  39. package/lib/commonjs/atoms/Transition.js.map +1 -1
  40. package/lib/commonjs/atoms/index.js +6 -0
  41. package/lib/commonjs/atoms/index.js.map +1 -1
  42. package/lib/commonjs/atoms/inputValidation.js +56 -0
  43. package/lib/commonjs/atoms/inputValidation.js.map +1 -0
  44. package/lib/commonjs/icons/Icon.js +4 -4
  45. package/lib/commonjs/icons/defaultIcons.js +576 -24
  46. package/lib/commonjs/icons/defaultIcons.js.map +1 -1
  47. package/lib/commonjs/icons/index.js +6 -0
  48. package/lib/commonjs/icons/index.js.map +1 -1
  49. package/lib/commonjs/molecules/AvatarHeader.js +47 -14
  50. package/lib/commonjs/molecules/AvatarHeader.js.map +1 -1
  51. package/lib/commonjs/molecules/FormActions.js +25 -9
  52. package/lib/commonjs/molecules/FormActions.js.map +1 -1
  53. package/lib/commonjs/molecules/InfoRow.js +30 -14
  54. package/lib/commonjs/molecules/InfoRow.js.map +1 -1
  55. package/lib/commonjs/molecules/OptionCard.js +37 -22
  56. package/lib/commonjs/molecules/OptionCard.js.map +1 -1
  57. package/lib/commonjs/molecules/SegmentedControl.js +103 -14
  58. package/lib/commonjs/molecules/SegmentedControl.js.map +1 -1
  59. package/lib/commonjs/molecules/Stepper.js +61 -16
  60. package/lib/commonjs/molecules/Stepper.js.map +1 -1
  61. package/lib/commonjs/molecules/Steps.js +105 -41
  62. package/lib/commonjs/molecules/Steps.js.map +1 -1
  63. package/lib/commonjs/molecules/SymmetricGrid.js +26 -18
  64. package/lib/commonjs/molecules/SymmetricGrid.js.map +1 -1
  65. package/lib/commonjs/organisms/Alert.js +49 -35
  66. package/lib/commonjs/organisms/Alert.js.map +1 -1
  67. package/lib/commonjs/organisms/AlertProvider.js +10 -10
  68. package/lib/commonjs/organisms/BottomSheet.js +137 -85
  69. package/lib/commonjs/organisms/BottomSheet.js.map +1 -1
  70. package/lib/commonjs/organisms/Chart.js +197 -156
  71. package/lib/commonjs/organisms/Chart.js.map +1 -1
  72. package/lib/commonjs/organisms/DateField.js +36 -20
  73. package/lib/commonjs/organisms/DateField.js.map +1 -1
  74. package/lib/commonjs/organisms/DatePicker.js +56 -33
  75. package/lib/commonjs/organisms/DatePicker.js.map +1 -1
  76. package/lib/commonjs/organisms/List.js +62 -34
  77. package/lib/commonjs/organisms/List.js.map +1 -1
  78. package/lib/commonjs/organisms/Modal.js +120 -82
  79. package/lib/commonjs/organisms/Modal.js.map +1 -1
  80. package/lib/commonjs/organisms/NavigationBar.js +63 -24
  81. package/lib/commonjs/organisms/NavigationBar.js.map +1 -1
  82. package/lib/commonjs/organisms/OptionWheel.js +64 -64
  83. package/lib/commonjs/organisms/OptionWheel.js.map +1 -1
  84. package/lib/commonjs/organisms/ReorderableList.js +48 -27
  85. package/lib/commonjs/organisms/ReorderableList.js.map +1 -1
  86. package/lib/commonjs/organisms/Screen.js +68 -35
  87. package/lib/commonjs/organisms/Screen.js.map +1 -1
  88. package/lib/commonjs/organisms/SearchList.js +56 -26
  89. package/lib/commonjs/organisms/SearchList.js.map +1 -1
  90. package/lib/commonjs/organisms/Select.js +45 -24
  91. package/lib/commonjs/organisms/Select.js.map +1 -1
  92. package/lib/commonjs/organisms/Slides.js +36 -23
  93. package/lib/commonjs/organisms/Slides.js.map +1 -1
  94. package/lib/commonjs/organisms/ThemeToggle.js +10 -9
  95. package/lib/commonjs/organisms/ThemeToggle.js.map +1 -1
  96. package/lib/commonjs/organisms/Timeline.js +73 -56
  97. package/lib/commonjs/organisms/Timeline.js.map +1 -1
  98. package/lib/commonjs/organisms/Toast.js +46 -15
  99. package/lib/commonjs/organisms/Toast.js.map +1 -1
  100. package/lib/commonjs/organisms/ToastProvider.js +14 -10
  101. package/lib/commonjs/organisms/ToastProvider.js.map +1 -1
  102. package/lib/commonjs/organisms/Wizard.js +40 -15
  103. package/lib/commonjs/organisms/Wizard.js.map +1 -1
  104. package/lib/commonjs/organisms/chart/frame.js +25 -25
  105. package/lib/commonjs/organisms/chart/frame.js.map +1 -1
  106. package/lib/commonjs/organisms/chart/marks.js +42 -42
  107. package/lib/commonjs/organisms/chart/math.js +84 -85
  108. package/lib/commonjs/organisms/chart/math.js.map +1 -1
  109. package/lib/commonjs/organisms/chart/palette.js +28 -28
  110. package/lib/commonjs/organisms/imperativeBridge.js +5 -5
  111. package/lib/commonjs/organisms/imperativeBridge.js.map +1 -1
  112. package/lib/commonjs/organisms/useSlides.js +53 -21
  113. package/lib/commonjs/organisms/useSlides.js.map +1 -1
  114. package/lib/commonjs/safe-area/SafeAreaUIProvider.js +9 -66
  115. package/lib/commonjs/safe-area/SafeAreaUIProvider.js.map +1 -1
  116. package/lib/commonjs/safe-area/index.js.map +1 -1
  117. package/lib/commonjs/theme/KeyboardAvoidance.js +206 -0
  118. package/lib/commonjs/theme/KeyboardAvoidance.js.map +1 -0
  119. package/lib/commonjs/theme/NativeOverlay.js +263 -0
  120. package/lib/commonjs/theme/NativeOverlay.js.map +1 -0
  121. package/lib/commonjs/theme/UIProvider.js +86 -33
  122. package/lib/commonjs/theme/UIProvider.js.map +1 -1
  123. package/lib/commonjs/theme/colors.js +17 -17
  124. package/lib/commonjs/theme/colors.js.map +1 -1
  125. package/lib/commonjs/theme/createStyles.js +19 -16
  126. package/lib/commonjs/theme/createStyles.js.map +1 -1
  127. package/lib/commonjs/theme/createTheme.js +6 -6
  128. package/lib/commonjs/theme/index.js +6 -0
  129. package/lib/commonjs/theme/index.js.map +1 -1
  130. package/lib/commonjs/theme/insets.js +1 -1
  131. package/lib/commonjs/theme/labels.js +29 -1
  132. package/lib/commonjs/theme/labels.js.map +1 -1
  133. package/lib/commonjs/theme/palettes.js +25 -23
  134. package/lib/commonjs/theme/palettes.js.map +1 -1
  135. package/lib/commonjs/theme/tokens.js +28 -14
  136. package/lib/commonjs/theme/tokens.js.map +1 -1
  137. package/lib/commonjs/theme/useKeyboardField.js +36 -0
  138. package/lib/commonjs/theme/useKeyboardField.js.map +1 -0
  139. package/lib/commonjs/theme/useReduceMotion.js +31 -0
  140. package/lib/commonjs/theme/useReduceMotion.js.map +1 -0
  141. package/lib/module/atoms/Avatar.js +79 -8
  142. package/lib/module/atoms/Avatar.js.map +1 -1
  143. package/lib/module/atoms/Badge.js +17 -8
  144. package/lib/module/atoms/Badge.js.map +1 -1
  145. package/lib/module/atoms/Button.js +110 -41
  146. package/lib/module/atoms/Button.js.map +1 -1
  147. package/lib/module/atoms/Card.js +24 -2
  148. package/lib/module/atoms/Card.js.map +1 -1
  149. package/lib/module/atoms/Checkbox.js +42 -11
  150. package/lib/module/atoms/Checkbox.js.map +1 -1
  151. package/lib/module/atoms/Divider.js +31 -6
  152. package/lib/module/atoms/Divider.js.map +1 -1
  153. package/lib/module/atoms/EmptyState.js +58 -20
  154. package/lib/module/atoms/EmptyState.js.map +1 -1
  155. package/lib/module/atoms/Fab.js +33 -13
  156. package/lib/module/atoms/Fab.js.map +1 -1
  157. package/lib/module/atoms/Gradient.js +103 -37
  158. package/lib/module/atoms/Gradient.js.map +1 -1
  159. package/lib/module/atoms/IconButton.js +25 -4
  160. package/lib/module/atoms/IconButton.js.map +1 -1
  161. package/lib/module/atoms/Image.js +61 -25
  162. package/lib/module/atoms/Image.js.map +1 -1
  163. package/lib/module/atoms/Input.js +108 -20
  164. package/lib/module/atoms/Input.js.map +1 -1
  165. package/lib/module/atoms/KeyValueRow.js +37 -9
  166. package/lib/module/atoms/KeyValueRow.js.map +1 -1
  167. package/lib/module/atoms/PressableScale.js +25 -5
  168. package/lib/module/atoms/PressableScale.js.map +1 -1
  169. package/lib/module/atoms/ShinyText.js +29 -29
  170. package/lib/module/atoms/Skeleton.js +30 -13
  171. package/lib/module/atoms/Skeleton.js.map +1 -1
  172. package/lib/module/atoms/Spinner.js +82 -23
  173. package/lib/module/atoms/Spinner.js.map +1 -1
  174. package/lib/module/atoms/Text.js +56 -5
  175. package/lib/module/atoms/Text.js.map +1 -1
  176. package/lib/module/atoms/Transition.js +41 -42
  177. package/lib/module/atoms/Transition.js.map +1 -1
  178. package/lib/module/atoms/index.js +1 -1
  179. package/lib/module/atoms/index.js.map +1 -1
  180. package/lib/module/atoms/inputValidation.js +52 -0
  181. package/lib/module/atoms/inputValidation.js.map +1 -0
  182. package/lib/module/icons/Icon.js +4 -4
  183. package/lib/module/icons/defaultIcons.js +574 -24
  184. package/lib/module/icons/defaultIcons.js.map +1 -1
  185. package/lib/module/icons/index.js +1 -1
  186. package/lib/module/icons/index.js.map +1 -1
  187. package/lib/module/molecules/AvatarHeader.js +47 -14
  188. package/lib/module/molecules/AvatarHeader.js.map +1 -1
  189. package/lib/module/molecules/FormActions.js +25 -9
  190. package/lib/module/molecules/FormActions.js.map +1 -1
  191. package/lib/module/molecules/InfoRow.js +30 -14
  192. package/lib/module/molecules/InfoRow.js.map +1 -1
  193. package/lib/module/molecules/OptionCard.js +37 -22
  194. package/lib/module/molecules/OptionCard.js.map +1 -1
  195. package/lib/module/molecules/SegmentedControl.js +107 -18
  196. package/lib/module/molecules/SegmentedControl.js.map +1 -1
  197. package/lib/module/molecules/Stepper.js +63 -18
  198. package/lib/module/molecules/Stepper.js.map +1 -1
  199. package/lib/module/molecules/Steps.js +107 -43
  200. package/lib/module/molecules/Steps.js.map +1 -1
  201. package/lib/module/molecules/SymmetricGrid.js +26 -18
  202. package/lib/module/molecules/SymmetricGrid.js.map +1 -1
  203. package/lib/module/organisms/Alert.js +51 -37
  204. package/lib/module/organisms/Alert.js.map +1 -1
  205. package/lib/module/organisms/AlertProvider.js +10 -10
  206. package/lib/module/organisms/BottomSheet.js +142 -88
  207. package/lib/module/organisms/BottomSheet.js.map +1 -1
  208. package/lib/module/organisms/Chart.js +199 -158
  209. package/lib/module/organisms/Chart.js.map +1 -1
  210. package/lib/module/organisms/DateField.js +36 -20
  211. package/lib/module/organisms/DateField.js.map +1 -1
  212. package/lib/module/organisms/DatePicker.js +56 -33
  213. package/lib/module/organisms/DatePicker.js.map +1 -1
  214. package/lib/module/organisms/List.js +62 -34
  215. package/lib/module/organisms/List.js.map +1 -1
  216. package/lib/module/organisms/Modal.js +122 -84
  217. package/lib/module/organisms/Modal.js.map +1 -1
  218. package/lib/module/organisms/NavigationBar.js +64 -25
  219. package/lib/module/organisms/NavigationBar.js.map +1 -1
  220. package/lib/module/organisms/OptionWheel.js +64 -64
  221. package/lib/module/organisms/OptionWheel.js.map +1 -1
  222. package/lib/module/organisms/ReorderableList.js +48 -27
  223. package/lib/module/organisms/ReorderableList.js.map +1 -1
  224. package/lib/module/organisms/Screen.js +70 -37
  225. package/lib/module/organisms/Screen.js.map +1 -1
  226. package/lib/module/organisms/SearchList.js +56 -26
  227. package/lib/module/organisms/SearchList.js.map +1 -1
  228. package/lib/module/organisms/Select.js +46 -25
  229. package/lib/module/organisms/Select.js.map +1 -1
  230. package/lib/module/organisms/Slides.js +37 -24
  231. package/lib/module/organisms/Slides.js.map +1 -1
  232. package/lib/module/organisms/ThemeToggle.js +11 -10
  233. package/lib/module/organisms/ThemeToggle.js.map +1 -1
  234. package/lib/module/organisms/Timeline.js +73 -56
  235. package/lib/module/organisms/Timeline.js.map +1 -1
  236. package/lib/module/organisms/Toast.js +47 -16
  237. package/lib/module/organisms/Toast.js.map +1 -1
  238. package/lib/module/organisms/ToastProvider.js +15 -11
  239. package/lib/module/organisms/ToastProvider.js.map +1 -1
  240. package/lib/module/organisms/Wizard.js +41 -16
  241. package/lib/module/organisms/Wizard.js.map +1 -1
  242. package/lib/module/organisms/chart/frame.js +25 -25
  243. package/lib/module/organisms/chart/frame.js.map +1 -1
  244. package/lib/module/organisms/chart/marks.js +42 -42
  245. package/lib/module/organisms/chart/math.js +84 -85
  246. package/lib/module/organisms/chart/math.js.map +1 -1
  247. package/lib/module/organisms/chart/palette.js +28 -28
  248. package/lib/module/organisms/imperativeBridge.js +5 -5
  249. package/lib/module/organisms/imperativeBridge.js.map +1 -1
  250. package/lib/module/organisms/useSlides.js +53 -21
  251. package/lib/module/organisms/useSlides.js.map +1 -1
  252. package/lib/module/safe-area/SafeAreaUIProvider.js +10 -65
  253. package/lib/module/safe-area/SafeAreaUIProvider.js.map +1 -1
  254. package/lib/module/safe-area/index.js +1 -0
  255. package/lib/module/safe-area/index.js.map +1 -1
  256. package/lib/module/theme/KeyboardAvoidance.js +198 -0
  257. package/lib/module/theme/KeyboardAvoidance.js.map +1 -0
  258. package/lib/module/theme/NativeOverlay.js +257 -0
  259. package/lib/module/theme/NativeOverlay.js.map +1 -0
  260. package/lib/module/theme/UIProvider.js +88 -35
  261. package/lib/module/theme/UIProvider.js.map +1 -1
  262. package/lib/module/theme/colors.js +17 -17
  263. package/lib/module/theme/colors.js.map +1 -1
  264. package/lib/module/theme/createStyles.js +20 -16
  265. package/lib/module/theme/createStyles.js.map +1 -1
  266. package/lib/module/theme/createTheme.js +6 -6
  267. package/lib/module/theme/index.js +1 -1
  268. package/lib/module/theme/index.js.map +1 -1
  269. package/lib/module/theme/insets.js +1 -1
  270. package/lib/module/theme/labels.js +29 -1
  271. package/lib/module/theme/labels.js.map +1 -1
  272. package/lib/module/theme/palettes.js +25 -23
  273. package/lib/module/theme/palettes.js.map +1 -1
  274. package/lib/module/theme/tokens.js +27 -13
  275. package/lib/module/theme/tokens.js.map +1 -1
  276. package/lib/module/theme/useKeyboardField.js +33 -0
  277. package/lib/module/theme/useKeyboardField.js.map +1 -0
  278. package/lib/module/theme/useReduceMotion.js +28 -0
  279. package/lib/module/theme/useReduceMotion.js.map +1 -0
  280. package/lib/typescript/atoms/Avatar.d.ts +35 -5
  281. package/lib/typescript/atoms/Avatar.d.ts.map +1 -1
  282. package/lib/typescript/atoms/Badge.d.ts +14 -3
  283. package/lib/typescript/atoms/Badge.d.ts.map +1 -1
  284. package/lib/typescript/atoms/Button.d.ts +34 -3
  285. package/lib/typescript/atoms/Button.d.ts.map +1 -1
  286. package/lib/typescript/atoms/Card.d.ts +13 -2
  287. package/lib/typescript/atoms/Card.d.ts.map +1 -1
  288. package/lib/typescript/atoms/Checkbox.d.ts +26 -1
  289. package/lib/typescript/atoms/Checkbox.d.ts.map +1 -1
  290. package/lib/typescript/atoms/Divider.d.ts +18 -1
  291. package/lib/typescript/atoms/Divider.d.ts.map +1 -1
  292. package/lib/typescript/atoms/EmptyState.d.ts +30 -3
  293. package/lib/typescript/atoms/EmptyState.d.ts.map +1 -1
  294. package/lib/typescript/atoms/Fab.d.ts +24 -4
  295. package/lib/typescript/atoms/Fab.d.ts.map +1 -1
  296. package/lib/typescript/atoms/Gradient.d.ts +21 -15
  297. package/lib/typescript/atoms/Gradient.d.ts.map +1 -1
  298. package/lib/typescript/atoms/IconButton.d.ts +18 -4
  299. package/lib/typescript/atoms/IconButton.d.ts.map +1 -1
  300. package/lib/typescript/atoms/Image.d.ts +39 -17
  301. package/lib/typescript/atoms/Image.d.ts.map +1 -1
  302. package/lib/typescript/atoms/Input.d.ts +57 -7
  303. package/lib/typescript/atoms/Input.d.ts.map +1 -1
  304. package/lib/typescript/atoms/KeyValueRow.d.ts +16 -4
  305. package/lib/typescript/atoms/KeyValueRow.d.ts.map +1 -1
  306. package/lib/typescript/atoms/PressableScale.d.ts +12 -5
  307. package/lib/typescript/atoms/PressableScale.d.ts.map +1 -1
  308. package/lib/typescript/atoms/ShinyText.d.ts +17 -17
  309. package/lib/typescript/atoms/ShinyText.d.ts.map +1 -1
  310. package/lib/typescript/atoms/Skeleton.d.ts +12 -7
  311. package/lib/typescript/atoms/Skeleton.d.ts.map +1 -1
  312. package/lib/typescript/atoms/Spinner.d.ts +29 -1
  313. package/lib/typescript/atoms/Spinner.d.ts.map +1 -1
  314. package/lib/typescript/atoms/Text.d.ts +46 -0
  315. package/lib/typescript/atoms/Text.d.ts.map +1 -1
  316. package/lib/typescript/atoms/Transition.d.ts +19 -15
  317. package/lib/typescript/atoms/Transition.d.ts.map +1 -1
  318. package/lib/typescript/atoms/index.d.ts +3 -3
  319. package/lib/typescript/atoms/index.d.ts.map +1 -1
  320. package/lib/typescript/atoms/inputValidation.d.ts +29 -0
  321. package/lib/typescript/atoms/inputValidation.d.ts.map +1 -0
  322. package/lib/typescript/icons/Icon.d.ts +4 -4
  323. package/lib/typescript/icons/defaultIcons.d.ts +19 -2
  324. package/lib/typescript/icons/defaultIcons.d.ts.map +1 -1
  325. package/lib/typescript/icons/index.d.ts +2 -2
  326. package/lib/typescript/icons/index.d.ts.map +1 -1
  327. package/lib/typescript/icons/types.d.ts +13 -3
  328. package/lib/typescript/icons/types.d.ts.map +1 -1
  329. package/lib/typescript/molecules/AvatarHeader.d.ts +23 -4
  330. package/lib/typescript/molecules/AvatarHeader.d.ts.map +1 -1
  331. package/lib/typescript/molecules/FormActions.d.ts +21 -4
  332. package/lib/typescript/molecules/FormActions.d.ts.map +1 -1
  333. package/lib/typescript/molecules/InfoRow.d.ts +17 -3
  334. package/lib/typescript/molecules/InfoRow.d.ts.map +1 -1
  335. package/lib/typescript/molecules/OptionCard.d.ts +20 -5
  336. package/lib/typescript/molecules/OptionCard.d.ts.map +1 -1
  337. package/lib/typescript/molecules/SegmentedControl.d.ts +18 -2
  338. package/lib/typescript/molecules/SegmentedControl.d.ts.map +1 -1
  339. package/lib/typescript/molecules/Stepper.d.ts +23 -7
  340. package/lib/typescript/molecules/Stepper.d.ts.map +1 -1
  341. package/lib/typescript/molecules/Steps.d.ts +18 -4
  342. package/lib/typescript/molecules/Steps.d.ts.map +1 -1
  343. package/lib/typescript/molecules/SymmetricGrid.d.ts +15 -5
  344. package/lib/typescript/molecules/SymmetricGrid.d.ts.map +1 -1
  345. package/lib/typescript/organisms/Alert.d.ts +28 -2
  346. package/lib/typescript/organisms/Alert.d.ts.map +1 -1
  347. package/lib/typescript/organisms/AlertProvider.d.ts +10 -10
  348. package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -1
  349. package/lib/typescript/organisms/BottomSheet.d.ts +20 -5
  350. package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -1
  351. package/lib/typescript/organisms/Chart.d.ts +86 -75
  352. package/lib/typescript/organisms/Chart.d.ts.map +1 -1
  353. package/lib/typescript/organisms/DateField.d.ts +17 -3
  354. package/lib/typescript/organisms/DateField.d.ts.map +1 -1
  355. package/lib/typescript/organisms/DatePicker.d.ts +7 -11
  356. package/lib/typescript/organisms/DatePicker.d.ts.map +1 -1
  357. package/lib/typescript/organisms/List.d.ts +30 -3
  358. package/lib/typescript/organisms/List.d.ts.map +1 -1
  359. package/lib/typescript/organisms/Modal.d.ts +30 -3
  360. package/lib/typescript/organisms/Modal.d.ts.map +1 -1
  361. package/lib/typescript/organisms/NavigationBar.d.ts +26 -7
  362. package/lib/typescript/organisms/NavigationBar.d.ts.map +1 -1
  363. package/lib/typescript/organisms/OptionWheel.d.ts +20 -16
  364. package/lib/typescript/organisms/OptionWheel.d.ts.map +1 -1
  365. package/lib/typescript/organisms/ReorderableList.d.ts +20 -11
  366. package/lib/typescript/organisms/ReorderableList.d.ts.map +1 -1
  367. package/lib/typescript/organisms/Screen.d.ts +27 -8
  368. package/lib/typescript/organisms/Screen.d.ts.map +1 -1
  369. package/lib/typescript/organisms/SearchList.d.ts +46 -3
  370. package/lib/typescript/organisms/SearchList.d.ts.map +1 -1
  371. package/lib/typescript/organisms/Select.d.ts +26 -6
  372. package/lib/typescript/organisms/Select.d.ts.map +1 -1
  373. package/lib/typescript/organisms/Slides.d.ts +44 -26
  374. package/lib/typescript/organisms/Slides.d.ts.map +1 -1
  375. package/lib/typescript/organisms/ThemeToggle.d.ts +6 -2
  376. package/lib/typescript/organisms/ThemeToggle.d.ts.map +1 -1
  377. package/lib/typescript/organisms/Timeline.d.ts +26 -9
  378. package/lib/typescript/organisms/Timeline.d.ts.map +1 -1
  379. package/lib/typescript/organisms/Toast.d.ts +19 -4
  380. package/lib/typescript/organisms/Toast.d.ts.map +1 -1
  381. package/lib/typescript/organisms/ToastProvider.d.ts +8 -8
  382. package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -1
  383. package/lib/typescript/organisms/Wizard.d.ts +24 -6
  384. package/lib/typescript/organisms/Wizard.d.ts.map +1 -1
  385. package/lib/typescript/organisms/chart/frame.d.ts +21 -21
  386. package/lib/typescript/organisms/chart/frame.d.ts.map +1 -1
  387. package/lib/typescript/organisms/chart/marks.d.ts +28 -28
  388. package/lib/typescript/organisms/chart/marks.d.ts.map +1 -1
  389. package/lib/typescript/organisms/chart/math.d.ts +69 -70
  390. package/lib/typescript/organisms/chart/math.d.ts.map +1 -1
  391. package/lib/typescript/organisms/chart/palette.d.ts +2 -2
  392. package/lib/typescript/organisms/chart/palette.d.ts.map +1 -1
  393. package/lib/typescript/organisms/imperativeBridge.d.ts +4 -4
  394. package/lib/typescript/organisms/useSlides.d.ts +8 -16
  395. package/lib/typescript/organisms/useSlides.d.ts.map +1 -1
  396. package/lib/typescript/safe-area/SafeAreaUIProvider.d.ts +9 -7
  397. package/lib/typescript/safe-area/SafeAreaUIProvider.d.ts.map +1 -1
  398. package/lib/typescript/safe-area/index.d.ts.map +1 -1
  399. package/lib/typescript/theme/KeyboardAvoidance.d.ts +62 -0
  400. package/lib/typescript/theme/KeyboardAvoidance.d.ts.map +1 -0
  401. package/lib/typescript/theme/NativeOverlay.d.ts +43 -0
  402. package/lib/typescript/theme/NativeOverlay.d.ts.map +1 -0
  403. package/lib/typescript/theme/UIProvider.d.ts +38 -20
  404. package/lib/typescript/theme/UIProvider.d.ts.map +1 -1
  405. package/lib/typescript/theme/colors.d.ts +13 -13
  406. package/lib/typescript/theme/colors.d.ts.map +1 -1
  407. package/lib/typescript/theme/createStyles.d.ts +20 -14
  408. package/lib/typescript/theme/createStyles.d.ts.map +1 -1
  409. package/lib/typescript/theme/createTheme.d.ts +5 -5
  410. package/lib/typescript/theme/index.d.ts +1 -1
  411. package/lib/typescript/theme/index.d.ts.map +1 -1
  412. package/lib/typescript/theme/insets.d.ts +1 -1
  413. package/lib/typescript/theme/insets.d.ts.map +1 -1
  414. package/lib/typescript/theme/labels.d.ts +57 -2
  415. package/lib/typescript/theme/labels.d.ts.map +1 -1
  416. package/lib/typescript/theme/palettes.d.ts +25 -19
  417. package/lib/typescript/theme/palettes.d.ts.map +1 -1
  418. package/lib/typescript/theme/tokens.d.ts +15 -8
  419. package/lib/typescript/theme/tokens.d.ts.map +1 -1
  420. package/lib/typescript/theme/types.d.ts +7 -7
  421. package/lib/typescript/theme/types.d.ts.map +1 -1
  422. package/lib/typescript/theme/useKeyboardField.d.ts +17 -0
  423. package/lib/typescript/theme/useKeyboardField.d.ts.map +1 -0
  424. package/lib/typescript/theme/useReduceMotion.d.ts +7 -0
  425. package/lib/typescript/theme/useReduceMotion.d.ts.map +1 -0
  426. package/llms.txt +4 -4
  427. package/package.json +15 -14
  428. package/registry/alert-provider.json +4 -3
  429. package/registry/alert.json +3 -2
  430. package/registry/avatar-header.json +1 -1
  431. package/registry/avatar.json +3 -2
  432. package/registry/badge.json +1 -1
  433. package/registry/bottom-sheet.json +1 -1
  434. package/registry/button.json +3 -2
  435. package/registry/card.json +1 -1
  436. package/registry/chart.json +5 -5
  437. package/registry/checkbox.json +3 -2
  438. package/registry/core.json +31 -15
  439. package/registry/date-field.json +1 -1
  440. package/registry/date-picker.json +3 -2
  441. package/registry/divider.json +1 -1
  442. package/registry/empty-state.json +4 -2
  443. package/registry/fab.json +3 -2
  444. package/registry/form-actions.json +3 -2
  445. package/registry/gradient.json +1 -1
  446. package/registry/icon-button.json +3 -2
  447. package/registry/image.json +1 -1
  448. package/registry/index.json +79 -61
  449. package/registry/info-row.json +1 -1
  450. package/registry/input.json +5 -1
  451. package/registry/key-value-row.json +1 -1
  452. package/registry/list.json +3 -1
  453. package/registry/manifest.json +3 -1
  454. package/registry/modal.json +1 -1
  455. package/registry/navigation-bar.json +1 -1
  456. package/registry/option-card.json +3 -2
  457. package/registry/option-wheel.json +1 -1
  458. package/registry/pressable-scale.json +3 -2
  459. package/registry/reorderable-list.json +1 -1
  460. package/registry/screen.json +1 -1
  461. package/registry/search-list.json +7 -1
  462. package/registry/segmented-control.json +1 -1
  463. package/registry/select.json +1 -1
  464. package/registry/shiny-text.json +1 -1
  465. package/registry/skeleton.json +3 -2
  466. package/registry/slides.json +2 -2
  467. package/registry/spinner.json +1 -1
  468. package/registry/stepper.json +1 -1
  469. package/registry/steps.json +1 -1
  470. package/registry/symmetric-grid.json +1 -1
  471. package/registry/theme-toggle.json +1 -1
  472. package/registry/timeline.json +1 -1
  473. package/registry/title.json +1 -1
  474. package/registry/toast-provider.json +2 -2
  475. package/registry/toast.json +1 -1
  476. package/registry/transition.json +1 -1
  477. package/registry/wizard.json +1 -1
  478. package/src/atoms/Avatar.tsx +117 -26
  479. package/src/atoms/Badge.tsx +20 -9
  480. package/src/atoms/Button.tsx +102 -30
  481. package/src/atoms/Card.tsx +23 -3
  482. package/src/atoms/Checkbox.tsx +49 -12
  483. package/src/atoms/Divider.tsx +34 -4
  484. package/src/atoms/EmptyState.tsx +63 -16
  485. package/src/atoms/Fab.tsx +56 -9
  486. package/src/atoms/Gradient.tsx +92 -41
  487. package/src/atoms/IconButton.tsx +27 -4
  488. package/src/atoms/Image.tsx +74 -28
  489. package/src/atoms/Input.tsx +129 -19
  490. package/src/atoms/KeyValueRow.tsx +72 -28
  491. package/src/atoms/PressableScale.tsx +31 -7
  492. package/src/atoms/ShinyText.tsx +31 -31
  493. package/src/atoms/Skeleton.tsx +37 -17
  494. package/src/atoms/Spinner.tsx +87 -24
  495. package/src/atoms/Text.tsx +66 -6
  496. package/src/atoms/Transition.tsx +40 -44
  497. package/src/atoms/index.ts +3 -3
  498. package/src/atoms/inputValidation.ts +59 -0
  499. package/src/icons/Icon.tsx +4 -4
  500. package/src/icons/defaultIcons.tsx +445 -22
  501. package/src/icons/index.ts +2 -2
  502. package/src/icons/types.ts +26 -4
  503. package/src/molecules/AvatarHeader.tsx +88 -34
  504. package/src/molecules/FormActions.tsx +36 -6
  505. package/src/molecules/InfoRow.tsx +39 -12
  506. package/src/molecules/OptionCard.tsx +55 -20
  507. package/src/molecules/SegmentedControl.tsx +135 -15
  508. package/src/molecules/Stepper.tsx +73 -19
  509. package/src/molecules/Steps.tsx +121 -39
  510. package/src/molecules/SymmetricGrid.tsx +28 -12
  511. package/src/organisms/Alert.tsx +97 -26
  512. package/src/organisms/AlertProvider.tsx +13 -13
  513. package/src/organisms/BottomSheet.tsx +115 -43
  514. package/src/organisms/Chart.tsx +223 -165
  515. package/src/organisms/DateField.tsx +40 -15
  516. package/src/organisms/DatePicker.tsx +53 -32
  517. package/src/organisms/List.tsx +64 -15
  518. package/src/organisms/Modal.tsx +122 -63
  519. package/src/organisms/NavigationBar.tsx +73 -23
  520. package/src/organisms/OptionWheel.tsx +70 -66
  521. package/src/organisms/ReorderableList.tsx +49 -27
  522. package/src/organisms/Screen.tsx +79 -42
  523. package/src/organisms/SearchList.tsx +84 -20
  524. package/src/organisms/Select.tsx +63 -29
  525. package/src/organisms/Slides.tsx +63 -44
  526. package/src/organisms/ThemeToggle.tsx +15 -6
  527. package/src/organisms/Timeline.tsx +79 -62
  528. package/src/organisms/Toast.tsx +50 -15
  529. package/src/organisms/ToastProvider.tsx +17 -13
  530. package/src/organisms/Wizard.tsx +58 -21
  531. package/src/organisms/chart/frame.tsx +35 -35
  532. package/src/organisms/chart/marks.tsx +53 -53
  533. package/src/organisms/chart/math.ts +93 -94
  534. package/src/organisms/chart/palette.ts +28 -28
  535. package/src/organisms/imperativeBridge.ts +5 -5
  536. package/src/organisms/useSlides.ts +66 -31
  537. package/src/safe-area/SafeAreaUIProvider.tsx +9 -70
  538. package/src/safe-area/index.ts +1 -0
  539. package/src/theme/KeyboardAvoidance.tsx +216 -0
  540. package/src/theme/NativeOverlay.tsx +269 -0
  541. package/src/theme/UIProvider.tsx +109 -46
  542. package/src/theme/colors.ts +21 -21
  543. package/src/theme/createStyles.ts +23 -19
  544. package/src/theme/createTheme.ts +6 -6
  545. package/src/theme/index.ts +1 -1
  546. package/src/theme/insets.ts +1 -1
  547. package/src/theme/labels.ts +85 -2
  548. package/src/theme/palettes.ts +33 -25
  549. package/src/theme/tokens.ts +27 -13
  550. package/src/theme/types.ts +7 -7
  551. package/src/theme/useKeyboardField.ts +33 -0
  552. package/src/theme/useReduceMotion.ts +27 -0
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
9
9
  var _createStyles = require("../theme/createStyles");
10
10
  var _UIProvider = require("../theme/UIProvider");
11
11
  var _Icon = require("../icons/Icon");
12
+ var _Transition = require("./Transition");
12
13
  var _jsxRuntime = require("react/jsx-runtime");
13
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
15
  const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
@@ -25,11 +26,11 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
25
26
  paddingHorizontal: theme.tokens.spacing.md
26
27
  },
27
28
  md: {
28
- paddingVertical: theme.tokens.spacing.lg - 1,
29
+ paddingVertical: theme.tokens.spacing.lg,
29
30
  paddingHorizontal: theme.tokens.spacing.xl
30
31
  },
31
32
  lg: {
32
- paddingVertical: theme.tokens.spacing.lg + 2,
33
+ paddingVertical: theme.tokens.spacing.xl,
33
34
  paddingHorizontal: theme.tokens.spacing.xxl
34
35
  },
35
36
  link: {
@@ -40,10 +41,7 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
40
41
  outline: {
41
42
  borderWidth: 1
42
43
  },
43
- filledShadow: {
44
- ...theme.tokens.shadow.md,
45
- shadowColor: '#000'
46
- },
44
+ filledShadow: theme.tokens.shadow.md,
47
45
  text: {
48
46
  fontWeight: theme.tokens.fontWeight.semibold,
49
47
  textAlign: 'center'
@@ -65,8 +63,48 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
65
63
  },
66
64
  iconRight: {
67
65
  marginLeft: theme.tokens.spacing.sm
66
+ },
67
+ // The label keeps taking its space (invisible) while loading: the button
68
+ // doesn't change width and the spinner is centered on top.
69
+ hidden: {
70
+ opacity: 0
71
+ },
72
+ spinner: {
73
+ position: 'absolute',
74
+ top: 0,
75
+ bottom: 0,
76
+ left: 0,
77
+ right: 0,
78
+ alignItems: 'center',
79
+ justifyContent: 'center'
68
80
  }
69
81
  }));
82
+
83
+ /**
84
+ * Extra touch area for the sizes that fall below 44pt in height
85
+ * (Fitts): `sm` measures ~30pt and `link` ~27pt. hitSlop enlarges the area
86
+ * that receives the touch without changing how it looks.
87
+ */
88
+ function useHitSlop(size, variant) {
89
+ const theme = (0, _UIProvider.useTheme)();
90
+ if (variant === 'link') {
91
+ const v = theme.tokens.spacing.md;
92
+ return {
93
+ top: v,
94
+ bottom: v,
95
+ left: theme.tokens.spacing.sm,
96
+ right: theme.tokens.spacing.sm
97
+ };
98
+ }
99
+ if (size === 'sm') {
100
+ const v = theme.tokens.spacing.sm;
101
+ return {
102
+ top: v,
103
+ bottom: v
104
+ };
105
+ }
106
+ return undefined;
107
+ }
70
108
  function resolveColors(variant, disabled, colors) {
71
109
  if (disabled) {
72
110
  return {
@@ -76,8 +114,8 @@ function resolveColors(variant, disabled, colors) {
76
114
  };
77
115
  }
78
116
  switch (variant) {
79
- // Las variantes sin relleno pintan texto sobre el fondo de la pantalla:
80
- // van con el rol `*Text`. Las rellenas van con `on*` sobre el acento.
117
+ // The unfilled variants paint text over the screen background: they
118
+ // use the `*Text` role. The filled ones use `on*` over the accent.
81
119
  case 'outline':
82
120
  return {
83
121
  background: 'transparent',
@@ -120,9 +158,24 @@ function resolveColors(variant, disabled, colors) {
120
158
 
121
159
  /**
122
160
  * Button
123
- * Único componente de botón de la librería. `variant` decide el estilo
124
- * semántico, `size` la densidad. El feedback de "presionado" anima solo
125
- * `transform` (Animated.spring, useNativeDriver) — nunca opacity ni layout.
161
+ * The library's only button component. `variant` sets the semantic style,
162
+ * `size` the density. The "pressed" feedback animates only `transform`
163
+ * (Animated.spring, useNativeDriver) — never opacity or layout — and is
164
+ * skipped when Reduce Motion is on.
165
+ *
166
+ * Gestalt:
167
+ * - Focal point (Von Restorff): `primary` is the only one filled with the
168
+ * accent and a shadow; there should be one per screen or group. The other
169
+ * variants step the visual weight down (secondary → outline → ghost → link).
170
+ * - Similarity: all variants share shape, radius and typography, so a row of
171
+ * buttons reads as a single group of actions; only what conveys the
172
+ * hierarchy changes (fill, border, color).
173
+ * - Proximity: icon and label sit `spacing.sm` apart, much less than the
174
+ * padding, so they read as a single label.
175
+ *
176
+ * Fitts: `sm` and `link` are less than 44pt tall and make up for it with `hitSlop`.
177
+ * While `loading`, the label is invisible but keeps its space: the button
178
+ * doesn't change width (no layout jumps).
126
179
  */
127
180
  const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
128
181
  title,
@@ -146,11 +199,14 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
146
199
  const theme = (0, _UIProvider.useTheme)();
147
200
  const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
148
201
  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
202
+ const reduceMotion = (0, _Transition.useReduceMotion)();
203
+ const hitSlop = useHitSlop(size, variant);
149
204
  const isDisabled = disabled || loading;
150
205
  const isFilled = variant === 'primary' || variant === 'secondary' || variant === 'destructive';
151
206
  const resolved = resolveColors(variant, disabled, colors);
152
207
  const effectiveIconColor = iconColor ?? resolved.text;
153
208
  const animateTo = value => {
209
+ if (reduceMotion) return;
154
210
  _reactNative.Animated.spring(scale, {
155
211
  toValue: value,
156
212
  useNativeDriver: true,
@@ -162,8 +218,12 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
162
218
  borderColor: resolved.border
163
219
  }], {
164
220
  backgroundColor: resolved.background
165
- }, isFilled && !disabled && styles.filledShadow, {
166
- opacity: isDisabled ? 0.7 : 1
221
+ }, isFilled && !disabled && styles.filledShadow,
222
+ // Disabled is already marked by its colors (resolveColors); lowering the
223
+ // opacity on top of that left it almost invisible (figure and ground).
224
+ // Only `loading` dims it, to signal that the button is busy.
225
+ {
226
+ opacity: loading && !disabled ? 0.7 : 1
167
227
  }, style];
168
228
  const labelStyle = [styles.text, size === 'sm' ? styles.textSm : size === 'lg' ? styles.textLg : styles.textMd, {
169
229
  color: resolved.text
@@ -171,12 +231,12 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
171
231
  const iconSize = size === 'sm' ? 16 : size === 'lg' ? 22 : 20;
172
232
  return (
173
233
  /*#__PURE__*/
174
- // El Pressable ES el contenedor animado, no un wrapper alrededor de uno.
175
- // Con un Animated.View interno, un `style` de layout (flex, width,
176
- // margin) caía en el hijo mientras el Pressable — que es quien ocupa
177
- // lugar en el layout del padre — quedaba sin él: el ancho colapsaba y
178
- // el label desaparecía (visible en los botones en fila del Alert).
179
- (0, _jsxRuntime.jsx)(AnimatedPressable, {
234
+ // The Pressable IS the animated container, not a wrapper around one.
235
+ // With an inner Animated.View, a layout `style` (flex, width, margin)
236
+ // landed on the child while the Pressable — which is what takes up
237
+ // space in the parent's layout — was left without it: the width
238
+ // collapsed and the label disappeared (visible in the Alert's row of buttons).
239
+ (0, _jsxRuntime.jsxs)(AnimatedPressable, {
180
240
  onPress: onPress,
181
241
  onPressIn: () => {
182
242
  if (!isDisabled) animateTo(0.95);
@@ -185,6 +245,7 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
185
245
  if (!isDisabled) animateTo(1);
186
246
  },
187
247
  disabled: isDisabled,
248
+ hitSlop: hitSlop,
188
249
  testID: testID,
189
250
  accessibilityRole: "button",
190
251
  accessibilityLabel: accessibilityLabel ?? title,
@@ -197,26 +258,34 @@ const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
197
258
  scale
198
259
  }]
199
260
  }],
200
- children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
201
- size: "small",
202
- color: resolved.text
203
- }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
204
- children: [leftIcon, !leftIcon && leftIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
205
- name: leftIconName,
206
- size: iconSize,
207
- color: effectiveIconColor,
208
- style: styles.iconLeft
209
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
210
- allowFontScaling: allowFontScaling,
211
- style: labelStyle,
212
- children: title
213
- }), rightIcon, !rightIcon && rightIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
214
- name: rightIconName,
215
- size: iconSize,
216
- color: effectiveIconColor,
217
- style: styles.iconRight
218
- })]
219
- })
261
+ children: [leftIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
262
+ style: [styles.iconLeft, loading && styles.hidden],
263
+ children: leftIcon
264
+ }) : null, !leftIcon && leftIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
265
+ name: leftIconName,
266
+ size: iconSize,
267
+ color: effectiveIconColor,
268
+ style: [styles.iconLeft, loading && styles.hidden]
269
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
270
+ allowFontScaling: allowFontScaling,
271
+ style: [labelStyle, loading && styles.hidden],
272
+ children: title
273
+ }), rightIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
274
+ style: [styles.iconRight, loading && styles.hidden],
275
+ children: rightIcon
276
+ }) : null, !rightIcon && rightIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
277
+ name: rightIconName,
278
+ size: iconSize,
279
+ color: effectiveIconColor,
280
+ style: [styles.iconRight, loading && styles.hidden]
281
+ }), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
282
+ style: styles.spinner,
283
+ pointerEvents: "none",
284
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
285
+ size: "small",
286
+ color: resolved.text
287
+ })
288
+ })]
220
289
  })
221
290
  );
222
291
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","useStyles","createStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","shadowColor","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","resolveColors","variant","disabled","colors","background","inputBackground","textLight","border","primaryText","primary","secondary","onSecondary","error","onError","onPrimary","Button","exports","memo","title","onPress","size","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","useColors","useTheme","allowFontScaling","useAllowFontScaling","scale","useRef","Value","current","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","opacity","labelStyle","color","iconSize","jsx","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","ActivityIndicator","jsxs","Fragment","Icon","name","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","useStyles","createStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","hidden","opacity","spinner","position","top","bottom","left","right","useHitSlop","size","variant","useTheme","v","undefined","resolveColors","disabled","colors","background","inputBackground","textLight","border","primaryText","primary","secondary","onSecondary","error","onError","onPrimary","Button","exports","memo","title","onPress","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","useColors","allowFontScaling","useAllowFontScaling","scale","useRef","Value","current","reduceMotion","useReduceMotion","hitSlop","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","labelStyle","color","iconSize","jsxs","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","jsx","View","Icon","name","Text","pointerEvents","ActivityIndicator","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}
@@ -9,14 +9,36 @@ var _reactNative = require("react-native");
9
9
  var _createStyles = require("../theme/createStyles");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
12
+ const CARD_BORDER_DARK = 1;
12
13
  const useStyles = (0, _createStyles.createStyles)(theme => ({
13
14
  card: {
14
- backgroundColor: theme.colors.surface,
15
+ // surfaceRaised: lighter than surface in dark, so a card on a sheet or
16
+ // on another card still reads as a separate tile (figure and ground).
17
+ backgroundColor: theme.colors.surfaceRaised,
15
18
  borderRadius: theme.tokens.radius.xl,
16
19
  padding: theme.tokens.spacing.lg,
17
- ...theme.tokens.shadow.sm
20
+ ...theme.tokens.shadow.sm,
21
+ // In dark the shadow isn't visible and surface barely stands out from the
22
+ // background (or not at all, on another surface): a 1pt border restores
23
+ // the outline (figure and ground). A hairline was invisible.
24
+ ...(theme.scheme === 'dark' && {
25
+ borderWidth: CARD_BORDER_DARK,
26
+ borderColor: theme.colors.border
27
+ })
18
28
  }
19
29
  }));
30
+
31
+ /**
32
+ * Card
33
+ * Surface container: groups related content.
34
+ *
35
+ * Gestalt, common region: everything inside the same background and border
36
+ * reads as a group, even when other elements are nearby. Figure and ground:
37
+ * in light the shadow sets it apart; in dark (where the shadow isn't visible)
38
+ * a thin border does. The inner padding (`spacing.lg`) must be larger than the
39
+ * spacing between the elements inside, so the content reads as one block.
40
+ */
41
+
20
42
  const Card = exports.Card = /*#__PURE__*/(0, _react.memo)(({
21
43
  children,
22
44
  style,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","card","backgroundColor","colors","surface","borderRadius","tokens","radius","xl","padding","spacing","lg","shadow","sm","Card","exports","memo","children","style","props","styles","jsx","View","displayName"],"sourceRoot":"../../../src","sources":["atoms/Card.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAqD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOrD,MAAMkB,SAAS,GAAG,IAAAC,0BAAY,EAAEC,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO;IACrCC,YAAY,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAET,KAAK,CAACM,MAAM,CAACI,OAAO,CAACC,EAAE;IAChC,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACC;EACzB;AACF,CAAC,CAAC,CAAC;AAEI,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrE,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1B,oBACE,IAAApB,WAAA,CAAA2C,GAAA,EAAC7C,YAAA,CAAA8C,IAAI;IAACJ,KAAK,EAAE,CAACE,MAAM,CAACnB,IAAI,EAAEiB,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AACFH,IAAI,CAACS,WAAW,GAAG,MAAM","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CARD_BORDER_DARK","useStyles","createStyles","theme","card","backgroundColor","colors","surfaceRaised","borderRadius","tokens","radius","xl","padding","spacing","lg","shadow","sm","scheme","borderWidth","borderColor","border","Card","exports","memo","children","style","props","styles","jsx","View","displayName"],"sourceRoot":"../../../src","sources":["atoms/Card.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAqD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQrD,MAAMkB,gBAAgB,GAAG,CAAC;AAE1B,MAAMC,SAAS,GAAG,IAAAC,0BAAY,EAAEC,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJ;IACA;IACAC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,aAAa;IAC3CC,YAAY,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAET,KAAK,CAACM,MAAM,CAACI,OAAO,CAACC,EAAE;IAChC,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACC,EAAE;IACzB;IACA;IACA;IACA,IAAIb,KAAK,CAACc,MAAM,KAAK,MAAM,IAAI;MAAEC,WAAW,EAAElB,gBAAgB;MAAEmB,WAAW,EAAEhB,KAAK,CAACG,MAAM,CAACc;IAAO,CAAC;EACpG;AACF,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrE,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,oBACE,IAAArB,WAAA,CAAAgD,GAAA,EAAClD,YAAA,CAAAmD,IAAI;IAACJ,KAAK,EAAE,CAACE,MAAM,CAACvB,IAAI,EAAEqB,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AACFH,IAAI,CAACS,WAAW,GAAG,MAAM","ignoreList":[]}
@@ -9,13 +9,17 @@ var _reactNative = require("react-native");
9
9
  var _createStyles = require("../theme/createStyles");
10
10
  var _UIProvider = require("../theme/UIProvider");
11
11
  var _Icon = require("../icons/Icon");
12
+ var _defaultIcons = require("../icons/defaultIcons");
13
+ var _Transition = require("./Transition");
12
14
  var _jsxRuntime = require("react/jsx-runtime");
13
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
14
16
  const useStyles = (0, _createStyles.createStyles)(theme => ({
17
+ // 44pt tall: the whole row is the touch area (Fitts). Replaces the
18
+ // marginBottom that separated stacked checkboxes; now the row provides the room.
15
19
  container: {
16
20
  flexDirection: 'row',
17
21
  alignItems: 'center',
18
- marginBottom: theme.tokens.spacing.sm
22
+ minHeight: 44
19
23
  },
20
24
  box: {
21
25
  width: 24,
@@ -24,34 +28,61 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
24
28
  borderWidth: 2,
25
29
  justifyContent: 'center',
26
30
  alignItems: 'center',
27
- marginRight: theme.tokens.spacing.sm + 2
31
+ marginRight: theme.tokens.spacing.md
28
32
  },
29
33
  label: {
30
34
  fontSize: theme.tokens.fontSize.md,
31
35
  color: theme.colors.text
36
+ },
37
+ labelDisabled: {
38
+ color: theme.colors.textLight
32
39
  }
33
40
  }));
41
+
42
+ /**
43
+ * Checkbox
44
+ * Box + optional label; the whole row is touchable.
45
+ *
46
+ * Gestalt:
47
+ * - Proximity: the box and its label sit `spacing.md` apart, less than the
48
+ * spacing between rows, so each label reads with its box.
49
+ * - Common region: the whole row is the touch area, not just the box, and it
50
+ * is at least 44pt tall (Fitts).
51
+ * - Figure and ground: when checked, the box fills with the accent and the
52
+ * check turns black or white depending on that fill (also with a custom `color`).
53
+ *
54
+ * `disabled` dims the box and the label (not just the box). The check
55
+ * animation is skipped with Reduce Motion.
56
+ */
34
57
  const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.memo)(({
35
58
  value,
36
59
  onValueChange,
37
60
  label,
38
61
  color,
39
62
  disabled,
63
+ accessibilityLabel,
40
64
  testID
41
65
  }) => {
42
66
  const colors = (0, _UIProvider.useColors)();
43
67
  const styles = useStyles();
44
68
  const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
45
69
  const activeColor = color || colors.primary;
46
- // El check va encima del relleno: con `color` propio no sabemos qué tono
47
- // contrasta, así que ahí seguimos con blanco (decisión del consumidor).
48
- const checkColor = color ? colors.white : colors.onPrimary;
70
+ // The check sits on top of the fill: with a custom `color`, black or white is
71
+ // picked by luminance (a fixed white disappeared over light colors).
72
+ const checkColor = color ? (0, _defaultIcons.onColor)(color) : colors.onPrimary;
73
+ const theme = (0, _UIProvider.useTheme)();
74
+ const reduceMotion = (0, _Transition.useReduceMotion)();
49
75
  const progress = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
50
76
  const checkScale = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
51
77
  (0, _react.useEffect)(() => {
78
+ if (reduceMotion) {
79
+ progress.setValue(value ? 1 : 0);
80
+ checkScale.setValue(value ? 1 : 0);
81
+ return;
82
+ }
52
83
  _reactNative.Animated.timing(progress, {
53
84
  toValue: value ? 1 : 0,
54
- duration: 150,
85
+ duration: theme.tokens.duration.fast,
55
86
  useNativeDriver: false
56
87
  }).start();
57
88
  _reactNative.Animated.spring(checkScale, {
@@ -60,7 +91,7 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.memo)(({
60
91
  speed: 40,
61
92
  bounciness: 10
62
93
  }).start();
63
- }, [value]);
94
+ }, [value, reduceMotion]);
64
95
  const backgroundColor = progress.interpolate({
65
96
  inputRange: [0, 1],
66
97
  outputRange: [colors.surface, activeColor]
@@ -79,7 +110,7 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.memo)(({
79
110
  checked: value,
80
111
  disabled: !!disabled
81
112
  },
82
- accessibilityLabel: label,
113
+ accessibilityLabel: accessibilityLabel ?? label,
83
114
  testID: testID,
84
115
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
85
116
  style: [styles.box, {
@@ -99,9 +130,9 @@ const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.memo)(({
99
130
  color: checkColor
100
131
  })
101
132
  })
102
- }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
133
+ }), !!label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
103
134
  allowFontScaling: allowFontScaling,
104
- style: styles.label,
135
+ style: [styles.label, disabled && styles.labelDisabled],
105
136
  children: label
106
137
  })]
107
138
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flexDirection","alignItems","marginBottom","tokens","spacing","sm","box","width","height","borderRadius","radius","borderWidth","justifyContent","marginRight","label","fontSize","md","color","colors","text","Checkbox","exports","memo","value","onValueChange","disabled","testID","useColors","styles","allowFontScaling","useAllowFontScaling","activeColor","primary","checkColor","white","onPrimary","progress","useRef","Animated","Value","current","checkScale","useEffect","timing","toValue","duration","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","jsxs","TouchableOpacity","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","children","jsx","View","opacity","transform","scale","Icon","name","size","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_defaultIcons","_Transition","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flexDirection","alignItems","minHeight","box","width","height","borderRadius","tokens","radius","sm","borderWidth","justifyContent","marginRight","spacing","md","label","fontSize","color","colors","text","labelDisabled","textLight","Checkbox","exports","memo","value","onValueChange","disabled","accessibilityLabel","testID","useColors","styles","allowFontScaling","useAllowFontScaling","activeColor","primary","checkColor","onColor","onPrimary","useTheme","reduceMotion","useReduceMotion","progress","useRef","Animated","Value","current","checkScale","useEffect","setValue","timing","toValue","duration","fast","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","jsxs","TouchableOpacity","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","children","jsx","View","opacity","transform","scale","Icon","name","size","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
@@ -9,17 +9,42 @@ var _reactNative = require("react-native");
9
9
  var _UIProvider = require("../theme/UIProvider");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
12
+ /**
13
+ * Divider
14
+ * 1pt line in `colors.border`.
15
+ *
16
+ * Gestalt: separates groups when proximity alone isn't enough (dense lists,
17
+ * rows spanning the whole screen). If spacing already separates the groups,
18
+ * prefer spacing: one line too many fragments what should read together.
19
+ * `spacing` takes its room from the token scale so the separation is the
20
+ * same across the whole app, instead of a different margin on each screen.
21
+ *
22
+ * It is decorative: it doesn't enter the accessibility tree.
23
+ */
12
24
  const Divider = exports.Divider = /*#__PURE__*/(0, _react.memo)(({
25
+ orientation = 'horizontal',
26
+ spacing,
13
27
  style,
14
28
  testID
15
29
  }) => {
16
- const colors = (0, _UIProvider.useColors)();
30
+ const theme = (0, _UIProvider.useTheme)();
31
+ const gap = spacing ? theme.tokens.spacing[spacing] : 0;
32
+ const line = orientation === 'vertical' ? {
33
+ width: 1,
34
+ alignSelf: 'stretch',
35
+ marginHorizontal: gap
36
+ } : {
37
+ height: 1,
38
+ width: '100%',
39
+ marginVertical: gap
40
+ };
17
41
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
18
42
  testID: testID,
19
- style: [{
20
- height: 1,
21
- backgroundColor: colors.border,
22
- width: '100%'
43
+ accessible: false,
44
+ importantForAccessibility: "no-hide-descendants",
45
+ accessibilityElementsHidden: true,
46
+ style: [line, {
47
+ backgroundColor: theme.colors.border
23
48
  }, style]
24
49
  });
25
50
  });
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Divider","exports","memo","style","testID","colors","useColors","jsx","View","height","backgroundColor","border","width","displayName"],"sourceRoot":"../../../src","sources":["atoms/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,MAAMkB,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC/D,MAAMC,MAAM,GAAG,IAAAC,qBAAS,EAAC,CAAC;EAC1B,oBAAO,IAAA1B,WAAA,CAAA2B,GAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACJ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC;MAAEM,MAAM,EAAE,CAAC;MAAEC,eAAe,EAAEL,MAAM,CAACM,MAAM;MAAEC,KAAK,EAAE;IAAO,CAAC,EAAET,KAAK;EAAE,CAAE,CAAC;AAC/G,CAAC,CAAC;AACFH,OAAO,CAACa,WAAW,GAAG,SAAS","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Divider","exports","memo","orientation","spacing","style","testID","theme","useTheme","gap","tokens","line","width","alignSelf","marginHorizontal","height","marginVertical","jsx","View","accessible","importantForAccessibility","accessibilityElementsHidden","backgroundColor","colors","border","displayName"],"sourceRoot":"../../../src","sources":["atoms/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAY/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMkB,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,WAAW,GAAG,YAAY;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EACpG,MAAMC,KAAK,GAAG,IAAAC,oBAAQ,EAAC,CAAC;EACxB,MAAMC,GAAG,GAAGL,OAAO,GAAGG,KAAK,CAACG,MAAM,CAACN,OAAO,CAACA,OAAO,CAAC,GAAG,CAAC;EACvD,MAAMO,IAAe,GACnBR,WAAW,KAAK,UAAU,GACtB;IAAES,KAAK,EAAE,CAAC;IAAEC,SAAS,EAAE,SAAS;IAAEC,gBAAgB,EAAEL;EAAI,CAAC,GACzD;IAAEM,MAAM,EAAE,CAAC;IAAEH,KAAK,EAAE,MAAM;IAAEI,cAAc,EAAEP;EAAI,CAAC;EACvD,oBACE,IAAA7B,WAAA,CAAAqC,GAAA,EAACvC,YAAA,CAAAwC,IAAI;IACHZ,MAAM,EAAEA,MAAO;IACfa,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAC,qBAAqB;IAC/CC,2BAA2B;IAC3BhB,KAAK,EAAE,CAACM,IAAI,EAAE;MAAEW,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC;IAAO,CAAC,EAAEnB,KAAK;EAAE,CAChE,CAAC;AAEN,CAAC,CAAC;AACFL,OAAO,CAACyB,WAAW,GAAG,SAAS","ignoreList":[]}