@draftbit/core 46.4.4-33fa1d.2 → 46.4.4-38a1ca.2

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 (449) hide show
  1. package/lib/commonjs/Provider.js +9 -0
  2. package/lib/commonjs/components/Accordion/AccordionGroup.js +14 -0
  3. package/lib/commonjs/components/Accordion/AccordionItem.js +13 -0
  4. package/lib/commonjs/components/Accordion/index.js +3 -0
  5. package/lib/commonjs/components/ActionSheet/ActionSheet.js +9 -0
  6. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js +5 -0
  7. package/lib/commonjs/components/ActionSheet/ActionSheetItem.js +7 -0
  8. package/lib/commonjs/components/ActionSheet/index.js +4 -0
  9. package/lib/commonjs/components/AnimatedCircularProgress.js +15 -0
  10. package/lib/commonjs/components/AspectRatio.js +10 -0
  11. package/lib/commonjs/components/AvatarEdit.js +12 -0
  12. package/lib/commonjs/components/Banner.js +23 -9
  13. package/lib/commonjs/components/Button.js +19 -2
  14. package/lib/commonjs/components/Card.js +14 -0
  15. package/lib/commonjs/components/CardBlock.js +15 -0
  16. package/lib/commonjs/components/CardContainer.js +18 -0
  17. package/lib/commonjs/components/CardContainerRating.js +20 -2
  18. package/lib/commonjs/components/CardContainerShortImage.js +12 -0
  19. package/lib/commonjs/components/CardInline.js +14 -1
  20. package/lib/commonjs/components/Carousel.js +21 -3
  21. package/lib/commonjs/components/Checkbox/Checkbox.js +18 -3
  22. package/lib/commonjs/components/Checkbox/CheckboxGroup.js +11 -0
  23. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +20 -0
  24. package/lib/commonjs/components/Checkbox/CheckboxRow.js +24 -3
  25. package/lib/commonjs/components/Checkbox/context.js +5 -0
  26. package/lib/commonjs/components/Checkbox/index.js +4 -0
  27. package/lib/commonjs/components/CircleImage.js +9 -0
  28. package/lib/commonjs/components/CircularProgress.js +13 -3
  29. package/lib/commonjs/components/Config.js +13 -5
  30. package/lib/commonjs/components/Container.js +11 -0
  31. package/lib/commonjs/components/DatePicker/DatePicker.js +72 -30
  32. package/lib/commonjs/components/DatePicker/{DatePickerComponent.web.js → DatePickerComponent.__web.js} +13 -0
  33. package/lib/commonjs/components/DatePicker/DatePickerComponent.js +9 -0
  34. package/lib/commonjs/components/DeprecatedButton.js +23 -0
  35. package/lib/commonjs/components/DeprecatedCardWrapper.js +12 -15
  36. package/lib/commonjs/components/DeprecatedFAB.js +26 -0
  37. package/lib/commonjs/components/Divider.js +9 -0
  38. package/lib/commonjs/components/Elevation.js +11 -0
  39. package/lib/commonjs/components/FAB.js +10 -0
  40. package/lib/commonjs/components/FieldSearchBarFull.js +18 -0
  41. package/lib/commonjs/components/FormRow.js +10 -0
  42. package/lib/commonjs/components/Header.js +13 -0
  43. package/lib/commonjs/components/HeaderLarge.js +9 -0
  44. package/lib/commonjs/components/HeaderMedium.js +9 -0
  45. package/lib/commonjs/components/HeaderOverline.js +9 -0
  46. package/lib/commonjs/components/IconButton.js +10 -0
  47. package/lib/commonjs/components/Image.js +17 -0
  48. package/lib/commonjs/components/Layout.js +12 -2
  49. package/lib/commonjs/components/NumberInput.js +21 -8
  50. package/lib/commonjs/components/Picker/Picker.js +42 -9
  51. package/lib/commonjs/components/Picker/PickerComponent.android.js +23 -6
  52. package/lib/commonjs/components/Picker/PickerComponent.ios.js +27 -8
  53. package/lib/commonjs/components/Picker/PickerComponent.web.js +23 -6
  54. package/lib/commonjs/components/Portal/Portal.js +14 -4
  55. package/lib/commonjs/components/Portal/PortalConsumer.js +15 -5
  56. package/lib/commonjs/components/Portal/PortalHost.js +31 -4
  57. package/lib/commonjs/components/Portal/PortalManager.js +19 -7
  58. package/lib/commonjs/components/ProgressBar.js +25 -5
  59. package/lib/commonjs/components/ProgressCircle.js +10 -0
  60. package/lib/commonjs/components/ProgressIndicator.js +9 -0
  61. package/lib/commonjs/components/RadioButton/RadioButton.js +14 -1
  62. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +10 -0
  63. package/lib/commonjs/components/RadioButton/RadioButtonGroup.js +14 -0
  64. package/lib/commonjs/components/RadioButton/RadioButtonRow.js +21 -1
  65. package/lib/commonjs/components/RadioButton/context.js +5 -0
  66. package/lib/commonjs/components/RadioButton/index.js +5 -0
  67. package/lib/commonjs/components/Row.js +11 -0
  68. package/lib/commonjs/components/RowBodyIcon.js +10 -0
  69. package/lib/commonjs/components/RowHeadlineImageCaption.js +11 -2
  70. package/lib/commonjs/components/RowHeadlineImageIcon.js +10 -0
  71. package/lib/commonjs/components/SVG.js +9 -0
  72. package/lib/commonjs/components/ScreenContainer.js +14 -0
  73. package/lib/commonjs/components/Slider.js +21 -0
  74. package/lib/commonjs/components/StarRating.js +10 -0
  75. package/lib/commonjs/components/StepIndicator.js +39 -5
  76. package/lib/commonjs/components/Stepper.js +26 -7
  77. package/lib/commonjs/components/Surface.js +14 -0
  78. package/lib/commonjs/components/Swiper/Swiper.js +8 -0
  79. package/lib/commonjs/components/Swiper/SwiperItem.js +6 -0
  80. package/lib/commonjs/components/Swiper/index.js +3 -0
  81. package/lib/commonjs/components/Switch.js +18 -5
  82. package/lib/commonjs/components/Text.js +18 -3
  83. package/lib/commonjs/components/TextField.js +62 -12
  84. package/lib/commonjs/components/ToggleButton.js +14 -0
  85. package/lib/commonjs/components/Touchable.js +5 -0
  86. package/lib/commonjs/components/Touchable.web.js +2 -0
  87. package/lib/commonjs/components/Typography.js +5 -0
  88. package/lib/commonjs/components/useAuthState.js +9 -0
  89. package/lib/commonjs/constants.js +4 -0
  90. package/lib/commonjs/hooks.js +7 -4
  91. package/lib/commonjs/index.js +52 -0
  92. package/lib/commonjs/interfaces/Icon.js +5 -3
  93. package/lib/commonjs/mappings/Accordion.js +2 -0
  94. package/lib/commonjs/mappings/AccordionItem.js +2 -0
  95. package/lib/commonjs/mappings/ActionSheet.js +2 -0
  96. package/lib/commonjs/mappings/ActionSheetCancel.js +2 -0
  97. package/lib/commonjs/mappings/ActionSheetItem.js +2 -0
  98. package/lib/commonjs/mappings/ActivityIndicator.js +2 -0
  99. package/lib/commonjs/mappings/AudioPlayer.js +34 -2
  100. package/lib/commonjs/mappings/AvatarEdit.js +2 -0
  101. package/lib/commonjs/mappings/Banner.js +2 -0
  102. package/lib/commonjs/mappings/BlurView.js +2 -0
  103. package/lib/commonjs/mappings/Button.js +5 -6
  104. package/lib/commonjs/mappings/Card.js +4 -3
  105. package/lib/commonjs/mappings/CardBlock.js +5 -6
  106. package/lib/commonjs/mappings/CardContainer.js +7 -5
  107. package/lib/commonjs/mappings/CardContainerRating.js +4 -4
  108. package/lib/commonjs/mappings/CardContainerShortImage.js +2 -0
  109. package/lib/commonjs/mappings/CardInline.js +2 -0
  110. package/lib/commonjs/mappings/Carousel.js +2 -0
  111. package/lib/commonjs/mappings/Checkbox.js +2 -0
  112. package/lib/commonjs/mappings/CheckboxGroup.js +2 -0
  113. package/lib/commonjs/mappings/CheckboxRow.js +2 -0
  114. package/lib/commonjs/mappings/CircleImage.js +2 -0
  115. package/lib/commonjs/mappings/Container.js +2 -0
  116. package/lib/commonjs/mappings/CustomCode.js +2 -0
  117. package/lib/commonjs/mappings/DatePicker.js +24 -7
  118. package/lib/commonjs/mappings/Divider.js +2 -0
  119. package/lib/commonjs/mappings/FAB.js +2 -0
  120. package/lib/commonjs/mappings/Fetch.js +2 -0
  121. package/lib/commonjs/mappings/FieldSearchBarFull.js +3 -2
  122. package/lib/commonjs/mappings/FlashList.js +2 -0
  123. package/lib/commonjs/mappings/FlatList.js +2 -0
  124. package/lib/commonjs/mappings/HeaderLarge.js +2 -0
  125. package/lib/commonjs/mappings/HeaderMedium.js +2 -0
  126. package/lib/commonjs/mappings/HeaderOverline.js +2 -0
  127. package/lib/commonjs/mappings/Icon.js +3 -2
  128. package/lib/commonjs/mappings/IconButton.js +2 -0
  129. package/lib/commonjs/mappings/Image.js +2 -0
  130. package/lib/commonjs/mappings/ImageBackground.js +2 -0
  131. package/lib/commonjs/mappings/KeyboardAvoidingView.js +2 -0
  132. package/lib/commonjs/mappings/KeyboardAwareScrollView.js +2 -0
  133. package/lib/commonjs/mappings/Layout.js +2 -0
  134. package/lib/commonjs/mappings/LinearGradient.js +2 -0
  135. package/lib/commonjs/mappings/MapCallout.js +2 -0
  136. package/lib/commonjs/mappings/MapMarker.js +2 -0
  137. package/lib/commonjs/mappings/MapView.js +2 -0
  138. package/lib/commonjs/mappings/Modal.js +2 -0
  139. package/lib/commonjs/mappings/NumberInput.js +4 -4
  140. package/lib/commonjs/mappings/Picker.js +4 -4
  141. package/lib/commonjs/mappings/ProgressBar.js +2 -0
  142. package/lib/commonjs/mappings/ProgressCircle.js +2 -0
  143. package/lib/commonjs/mappings/ProgressIndicator.js +2 -0
  144. package/lib/commonjs/mappings/RadioButton.js +2 -0
  145. package/lib/commonjs/mappings/RadioButtonGroup.js +2 -0
  146. package/lib/commonjs/mappings/RadioButtonRow.js +2 -0
  147. package/lib/commonjs/mappings/RowBodyIcon.js +2 -0
  148. package/lib/commonjs/mappings/RowHeadlineImageCaption.js +2 -0
  149. package/lib/commonjs/mappings/RowHeadlineImageIcon.js +8 -12
  150. package/lib/commonjs/mappings/SVG.js +2 -0
  151. package/lib/commonjs/mappings/SafeAreaView.js +2 -0
  152. package/lib/commonjs/mappings/ScrollView.js +2 -0
  153. package/lib/commonjs/mappings/Slider.js +2 -0
  154. package/lib/commonjs/mappings/StarRating.js +3 -1
  155. package/lib/commonjs/mappings/Stepper.js +3 -1
  156. package/lib/commonjs/mappings/Surface.js +2 -0
  157. package/lib/commonjs/mappings/Swiper.js +2 -0
  158. package/lib/commonjs/mappings/SwiperItem.js +2 -0
  159. package/lib/commonjs/mappings/Switch.js +2 -0
  160. package/lib/commonjs/mappings/Text.js +5 -5
  161. package/lib/commonjs/mappings/TextArea.js +17 -5
  162. package/lib/commonjs/mappings/TextField.js +22 -11
  163. package/lib/commonjs/mappings/TextInput.js +17 -5
  164. package/lib/commonjs/mappings/ToggleButton.js +2 -0
  165. package/lib/commonjs/mappings/Touchable.js +2 -0
  166. package/lib/commonjs/mappings/Video.js +2 -0
  167. package/lib/commonjs/mappings/View.js +2 -0
  168. package/lib/commonjs/mappings/WebView.js +2 -0
  169. package/lib/commonjs/styles/DarkTheme.js +6 -5
  170. package/lib/commonjs/styles/DefaultTheme.js +17 -26
  171. package/lib/commonjs/styles/fonts.js +5 -3
  172. package/lib/commonjs/styles/overlay.js +14 -5
  173. package/lib/commonjs/styles/shadow.js +9 -0
  174. package/lib/commonjs/theming.js +4 -0
  175. package/lib/commonjs/utilities.js +14 -2
  176. package/lib/module/Provider.js +1 -0
  177. package/lib/module/components/Accordion/AccordionGroup.js +4 -0
  178. package/lib/module/components/Accordion/AccordionItem.js +3 -0
  179. package/lib/module/components/ActionSheet/ActionSheet.js +2 -0
  180. package/lib/module/components/ActionSheet/ActionSheetCancel.js +2 -0
  181. package/lib/module/components/ActionSheet/ActionSheetItem.js +2 -0
  182. package/lib/module/components/AnimatedCircularProgress.js +6 -0
  183. package/lib/module/components/AspectRatio.js +7 -18
  184. package/lib/module/components/AvatarEdit.js +3 -0
  185. package/lib/module/components/Banner.js +10 -9
  186. package/lib/module/components/Button.js +10 -2
  187. package/lib/module/components/Card.js +2 -0
  188. package/lib/module/components/CardBlock.js +6 -0
  189. package/lib/module/components/CardContainer.js +7 -0
  190. package/lib/module/components/CardContainerRating.js +8 -2
  191. package/lib/module/components/CardContainerShortImage.js +7 -18
  192. package/lib/module/components/CardInline.js +2 -0
  193. package/lib/module/components/Carousel.js +9 -3
  194. package/lib/module/components/Checkbox/Checkbox.js +9 -3
  195. package/lib/module/components/Checkbox/CheckboxGroup.js +5 -0
  196. package/lib/module/components/Checkbox/CheckboxGroupRow.js +8 -0
  197. package/lib/module/components/Checkbox/CheckboxRow.js +11 -3
  198. package/lib/module/components/Checkbox/context.js +2 -0
  199. package/lib/module/components/CircleImage.js +3 -0
  200. package/lib/module/components/CircularProgress.js +9 -3
  201. package/lib/module/components/Config.js +11 -5
  202. package/lib/module/components/Container.js +3 -0
  203. package/lib/module/components/DatePicker/DatePicker.js +56 -30
  204. package/lib/module/components/DatePicker/{DatePickerComponent.web.js → DatePickerComponent.__web.js} +5 -0
  205. package/lib/module/components/DatePicker/DatePickerComponent.js +4 -0
  206. package/lib/module/components/DeprecatedButton.js +12 -21
  207. package/lib/module/components/DeprecatedCardWrapper.js +6 -0
  208. package/lib/module/components/DeprecatedFAB.js +13 -0
  209. package/lib/module/components/Divider.js +4 -18
  210. package/lib/module/components/Elevation.js +5 -14
  211. package/lib/module/components/FAB.js +3 -0
  212. package/lib/module/components/FieldSearchBarFull.js +9 -0
  213. package/lib/module/components/FormRow.js +1 -0
  214. package/lib/module/components/Header.js +2 -0
  215. package/lib/module/components/HeaderLarge.js +2 -0
  216. package/lib/module/components/HeaderMedium.js +2 -0
  217. package/lib/module/components/HeaderOverline.js +2 -0
  218. package/lib/module/components/IconButton.js +3 -0
  219. package/lib/module/components/Image.js +12 -18
  220. package/lib/module/components/Layout.js +3 -4
  221. package/lib/module/components/NumberInput.js +16 -8
  222. package/lib/module/components/Picker/Picker.js +25 -8
  223. package/lib/module/components/Picker/PickerComponent.android.js +10 -6
  224. package/lib/module/components/Picker/PickerComponent.ios.js +11 -8
  225. package/lib/module/components/Picker/PickerComponent.web.js +10 -6
  226. package/lib/module/components/Portal/Portal.js +6 -4
  227. package/lib/module/components/Portal/PortalConsumer.js +10 -5
  228. package/lib/module/components/Portal/PortalHost.js +22 -4
  229. package/lib/module/components/Portal/PortalManager.js +14 -7
  230. package/lib/module/components/ProgressBar.js +17 -5
  231. package/lib/module/components/ProgressCircle.js +2 -0
  232. package/lib/module/components/ProgressIndicator.js +2 -0
  233. package/lib/module/components/RadioButton/RadioButton.js +6 -1
  234. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +3 -0
  235. package/lib/module/components/RadioButton/RadioButtonGroup.js +7 -0
  236. package/lib/module/components/RadioButton/RadioButtonRow.js +13 -22
  237. package/lib/module/components/RadioButton/context.js +2 -0
  238. package/lib/module/components/Row.js +2 -0
  239. package/lib/module/components/RowBodyIcon.js +2 -0
  240. package/lib/module/components/RowHeadlineImageCaption.js +3 -2
  241. package/lib/module/components/RowHeadlineImageIcon.js +2 -0
  242. package/lib/module/components/SVG.js +2 -0
  243. package/lib/module/components/ScreenContainer.js +6 -0
  244. package/lib/module/components/Slider.js +10 -0
  245. package/lib/module/components/StarRating.js +3 -0
  246. package/lib/module/components/StepIndicator.js +29 -5
  247. package/lib/module/components/Stepper.js +16 -9
  248. package/lib/module/components/Surface.js +5 -0
  249. package/lib/module/components/Swiper/Swiper.js +4 -0
  250. package/lib/module/components/Swiper/SwiperItem.js +2 -0
  251. package/lib/module/components/Switch.js +7 -5
  252. package/lib/module/components/Text.js +10 -3
  253. package/lib/module/components/TextField.js +50 -12
  254. package/lib/module/components/ToggleButton.js +5 -0
  255. package/lib/module/components/Touchable.js +1 -0
  256. package/lib/module/components/useAuthState.js +4 -0
  257. package/lib/module/constants.js +1 -2
  258. package/lib/module/hooks.js +2 -4
  259. package/lib/module/index.js +2 -4
  260. package/lib/module/interfaces/Icon.js +1 -2
  261. package/lib/module/mappings/AudioPlayer.js +33 -3
  262. package/lib/module/mappings/Button.js +3 -6
  263. package/lib/module/mappings/Card.js +2 -3
  264. package/lib/module/mappings/CardBlock.js +3 -6
  265. package/lib/module/mappings/CardContainer.js +5 -5
  266. package/lib/module/mappings/CardContainerRating.js +2 -4
  267. package/lib/module/mappings/DatePicker.js +23 -8
  268. package/lib/module/mappings/Fetch.js +1 -0
  269. package/lib/module/mappings/FieldSearchBarFull.js +1 -2
  270. package/lib/module/mappings/Icon.js +1 -2
  271. package/lib/module/mappings/NumberInput.js +2 -4
  272. package/lib/module/mappings/Picker.js +2 -4
  273. package/lib/module/mappings/RowHeadlineImageIcon.js +6 -12
  274. package/lib/module/mappings/StarRating.js +1 -1
  275. package/lib/module/mappings/Stepper.js +2 -2
  276. package/lib/module/mappings/Text.js +3 -5
  277. package/lib/module/mappings/TextArea.js +16 -6
  278. package/lib/module/mappings/TextField.js +20 -11
  279. package/lib/module/mappings/TextInput.js +16 -6
  280. package/lib/module/styles/DarkTheme.js +2 -4
  281. package/lib/module/styles/DefaultTheme.js +13 -26
  282. package/lib/module/styles/fonts.js +1 -2
  283. package/lib/module/styles/overlay.js +10 -4
  284. package/lib/module/styles/shadow.js +6 -0
  285. package/lib/module/utilities.js +5 -2
  286. package/lib/typescript/src/Provider.d.ts +1 -1
  287. package/lib/typescript/src/Provider.d.ts.map +1 -1
  288. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts +1 -1
  289. package/lib/typescript/src/components/Accordion/AccordionGroup.d.ts.map +1 -1
  290. package/lib/typescript/src/components/Accordion/AccordionItem.d.ts +1 -1
  291. package/lib/typescript/src/components/Accordion/AccordionItem.d.ts.map +1 -1
  292. package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts +1 -1
  293. package/lib/typescript/src/components/ActionSheet/ActionSheetCancel.d.ts.map +1 -1
  294. package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts +1 -1
  295. package/lib/typescript/src/components/ActionSheet/ActionSheetItem.d.ts.map +1 -1
  296. package/lib/typescript/src/components/AnimatedCircularProgress.d.ts +1 -1
  297. package/lib/typescript/src/components/AnimatedCircularProgress.d.ts.map +1 -1
  298. package/lib/typescript/src/components/AspectRatio.d.ts +1 -1
  299. package/lib/typescript/src/components/AspectRatio.d.ts.map +1 -1
  300. package/lib/typescript/src/components/AvatarEdit.d.ts +1 -1
  301. package/lib/typescript/src/components/AvatarEdit.d.ts.map +1 -1
  302. package/lib/typescript/src/components/Banner.d.ts +1 -1
  303. package/lib/typescript/src/components/Banner.d.ts.map +1 -1
  304. package/lib/typescript/src/components/Card.d.ts +1 -1
  305. package/lib/typescript/src/components/Card.d.ts.map +1 -1
  306. package/lib/typescript/src/components/CardBlock.d.ts +1 -1
  307. package/lib/typescript/src/components/CardBlock.d.ts.map +1 -1
  308. package/lib/typescript/src/components/CardContainer.d.ts +1 -1
  309. package/lib/typescript/src/components/CardContainer.d.ts.map +1 -1
  310. package/lib/typescript/src/components/CardContainerRating.d.ts +1 -1
  311. package/lib/typescript/src/components/CardContainerRating.d.ts.map +1 -1
  312. package/lib/typescript/src/components/CardContainerShortImage.d.ts +1 -1
  313. package/lib/typescript/src/components/CardContainerShortImage.d.ts.map +1 -1
  314. package/lib/typescript/src/components/CardInline.d.ts +1 -1
  315. package/lib/typescript/src/components/CardInline.d.ts.map +1 -1
  316. package/lib/typescript/src/components/Carousel.d.ts +1 -1
  317. package/lib/typescript/src/components/Carousel.d.ts.map +1 -1
  318. package/lib/typescript/src/components/CircularProgress.d.ts +1 -1
  319. package/lib/typescript/src/components/CircularProgress.d.ts.map +1 -1
  320. package/lib/typescript/src/components/Container.d.ts +1 -1
  321. package/lib/typescript/src/components/Container.d.ts.map +1 -1
  322. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +7 -5
  323. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -1
  324. package/lib/typescript/src/components/DatePicker/{DatePickerComponent.web.d.ts → DatePickerComponent.__web.d.ts} +1 -1
  325. package/lib/typescript/src/components/DatePicker/{DatePickerComponent.web.d.ts.map → DatePickerComponent.__web.d.ts.map} +1 -1
  326. package/lib/typescript/src/components/DatePicker/DatePickerComponent.d.ts.map +1 -1
  327. package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts +1 -0
  328. package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts.map +1 -1
  329. package/lib/typescript/src/components/DeprecatedButton.d.ts +1 -1
  330. package/lib/typescript/src/components/DeprecatedButton.d.ts.map +1 -1
  331. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts +1 -1
  332. package/lib/typescript/src/components/DeprecatedCardWrapper.d.ts.map +1 -1
  333. package/lib/typescript/src/components/DeprecatedFAB.d.ts +1 -1
  334. package/lib/typescript/src/components/DeprecatedFAB.d.ts.map +1 -1
  335. package/lib/typescript/src/components/Divider.d.ts +1 -1
  336. package/lib/typescript/src/components/Divider.d.ts.map +1 -1
  337. package/lib/typescript/src/components/Elevation.d.ts +1 -1
  338. package/lib/typescript/src/components/Elevation.d.ts.map +1 -1
  339. package/lib/typescript/src/components/FAB.d.ts +1 -1
  340. package/lib/typescript/src/components/FAB.d.ts.map +1 -1
  341. package/lib/typescript/src/components/FieldSearchBarFull.d.ts +1 -1
  342. package/lib/typescript/src/components/FieldSearchBarFull.d.ts.map +1 -1
  343. package/lib/typescript/src/components/FormRow.d.ts +1 -1
  344. package/lib/typescript/src/components/FormRow.d.ts.map +1 -1
  345. package/lib/typescript/src/components/Header.d.ts +1 -1
  346. package/lib/typescript/src/components/Header.d.ts.map +1 -1
  347. package/lib/typescript/src/components/HeaderLarge.d.ts +1 -1
  348. package/lib/typescript/src/components/HeaderLarge.d.ts.map +1 -1
  349. package/lib/typescript/src/components/HeaderMedium.d.ts +1 -1
  350. package/lib/typescript/src/components/HeaderMedium.d.ts.map +1 -1
  351. package/lib/typescript/src/components/HeaderOverline.d.ts +1 -1
  352. package/lib/typescript/src/components/HeaderOverline.d.ts.map +1 -1
  353. package/lib/typescript/src/components/IconButton.d.ts +1 -1
  354. package/lib/typescript/src/components/IconButton.d.ts.map +1 -1
  355. package/lib/typescript/src/components/Justification.d.ts +1 -1
  356. package/lib/typescript/src/components/Justification.d.ts.map +1 -1
  357. package/lib/typescript/src/components/Picker/Picker.d.ts +1 -1
  358. package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
  359. package/lib/typescript/src/components/Portal/Portal.d.ts +1 -1
  360. package/lib/typescript/src/components/Portal/Portal.d.ts.map +1 -1
  361. package/lib/typescript/src/components/Portal/PortalConsumer.d.ts +1 -1
  362. package/lib/typescript/src/components/Portal/PortalConsumer.d.ts.map +1 -1
  363. package/lib/typescript/src/components/Portal/PortalHost.d.ts +2 -2
  364. package/lib/typescript/src/components/Portal/PortalHost.d.ts.map +1 -1
  365. package/lib/typescript/src/components/Portal/PortalManager.d.ts +1 -1
  366. package/lib/typescript/src/components/Portal/PortalManager.d.ts.map +1 -1
  367. package/lib/typescript/src/components/ProgressBar.d.ts +1 -1
  368. package/lib/typescript/src/components/ProgressBar.d.ts.map +1 -1
  369. package/lib/typescript/src/components/ProgressCircle.d.ts +1 -1
  370. package/lib/typescript/src/components/ProgressCircle.d.ts.map +1 -1
  371. package/lib/typescript/src/components/ProgressIndicator.d.ts +1 -1
  372. package/lib/typescript/src/components/ProgressIndicator.d.ts.map +1 -1
  373. package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +1 -1
  374. package/lib/typescript/src/components/RadioButton/RadioButton.d.ts.map +1 -1
  375. package/lib/typescript/src/components/ResizeMode.d.ts +1 -1
  376. package/lib/typescript/src/components/ResizeMode.d.ts.map +1 -1
  377. package/lib/typescript/src/components/Row.d.ts +1 -1
  378. package/lib/typescript/src/components/Row.d.ts.map +1 -1
  379. package/lib/typescript/src/components/RowBodyIcon.d.ts +1 -1
  380. package/lib/typescript/src/components/RowBodyIcon.d.ts.map +1 -1
  381. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts +1 -1
  382. package/lib/typescript/src/components/RowHeadlineImageCaption.d.ts.map +1 -1
  383. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts +1 -1
  384. package/lib/typescript/src/components/RowHeadlineImageIcon.d.ts.map +1 -1
  385. package/lib/typescript/src/components/SVG.d.ts +1 -1
  386. package/lib/typescript/src/components/SVG.d.ts.map +1 -1
  387. package/lib/typescript/src/components/ScreenContainer.d.ts +1 -1
  388. package/lib/typescript/src/components/ScreenContainer.d.ts.map +1 -1
  389. package/lib/typescript/src/components/Slider.d.ts +1 -1
  390. package/lib/typescript/src/components/Slider.d.ts.map +1 -1
  391. package/lib/typescript/src/components/StarRating.d.ts +1 -1
  392. package/lib/typescript/src/components/StarRating.d.ts.map +1 -1
  393. package/lib/typescript/src/components/StepIndicator.d.ts +2 -2
  394. package/lib/typescript/src/components/StepIndicator.d.ts.map +1 -1
  395. package/lib/typescript/src/components/Stepper.d.ts +2 -3
  396. package/lib/typescript/src/components/Stepper.d.ts.map +1 -1
  397. package/lib/typescript/src/components/Surface.d.ts +1 -1
  398. package/lib/typescript/src/components/Surface.d.ts.map +1 -1
  399. package/lib/typescript/src/components/Switch.d.ts +2 -2
  400. package/lib/typescript/src/components/Switch.d.ts.map +1 -1
  401. package/lib/typescript/src/components/Text.d.ts +1 -1
  402. package/lib/typescript/src/components/Text.d.ts.map +1 -1
  403. package/lib/typescript/src/components/TextField.d.ts +1 -1
  404. package/lib/typescript/src/components/TextField.d.ts.map +1 -1
  405. package/lib/typescript/src/components/ToggleButton.d.ts +1 -1
  406. package/lib/typescript/src/components/ToggleButton.d.ts.map +1 -1
  407. package/lib/typescript/src/components/Touchable.d.ts +1 -1
  408. package/lib/typescript/src/components/Touchable.d.ts.map +1 -1
  409. package/lib/typescript/src/components/Typography.d.ts +1 -1
  410. package/lib/typescript/src/components/Typography.d.ts.map +1 -1
  411. package/lib/typescript/src/interfaces/Icon.d.ts +2 -2
  412. package/lib/typescript/src/interfaces/Icon.d.ts.map +1 -1
  413. package/lib/typescript/src/mappings/AudioPlayer.d.ts +62 -1
  414. package/lib/typescript/src/mappings/AudioPlayer.d.ts.map +1 -1
  415. package/lib/typescript/src/mappings/DatePicker.d.ts +42 -0
  416. package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -1
  417. package/lib/typescript/src/mappings/Stepper.d.ts.map +1 -1
  418. package/lib/typescript/src/mappings/TextArea.d.ts +21 -1
  419. package/lib/typescript/src/mappings/TextArea.d.ts.map +1 -1
  420. package/lib/typescript/src/mappings/TextField.d.ts +22 -2
  421. package/lib/typescript/src/mappings/TextField.d.ts.map +1 -1
  422. package/lib/typescript/src/mappings/TextInput.d.ts +21 -1
  423. package/lib/typescript/src/mappings/TextInput.d.ts.map +1 -1
  424. package/lib/typescript/src/styles/DefaultTheme.d.ts +1 -1
  425. package/lib/typescript/src/styles/DefaultTheme.d.ts.map +1 -1
  426. package/package.json +3 -3
  427. package/src/components/DatePicker/DatePicker.js +20 -14
  428. package/src/components/DatePicker/DatePicker.tsx +36 -18
  429. package/src/components/DatePicker/{DatePickerComponent.web.js → DatePickerComponent.__web.js} +2 -2
  430. package/src/components/DatePicker/{DatePickerComponent.web.tsx → DatePickerComponent.__web.tsx} +3 -0
  431. package/src/components/DatePicker/DatePickerComponent.js +2 -2
  432. package/src/components/DatePicker/DatePickerComponent.tsx +2 -0
  433. package/src/components/DatePicker/DatePickerComponentType.ts +1 -0
  434. package/src/components/Picker/Picker.js +1 -1
  435. package/src/components/Picker/Picker.tsx +2 -2
  436. package/src/components/Stepper.js +5 -3
  437. package/src/components/Stepper.tsx +5 -5
  438. package/src/mappings/AudioPlayer.js +39 -2
  439. package/src/mappings/AudioPlayer.ts +41 -1
  440. package/src/mappings/DatePicker.js +28 -4
  441. package/src/mappings/DatePicker.ts +30 -3
  442. package/src/mappings/Stepper.js +5 -2
  443. package/src/mappings/Stepper.ts +5 -1
  444. package/src/mappings/TextArea.js +15 -4
  445. package/src/mappings/TextArea.ts +15 -3
  446. package/src/mappings/TextField.js +14 -4
  447. package/src/mappings/TextField.ts +14 -4
  448. package/src/mappings/TextInput.js +15 -4
  449. package/src/mappings/TextInput.ts +15 -3
@@ -51,8 +51,7 @@ export const SEED_DATA_PROPS = {
51
51
  formType: FORM_TYPES.color,
52
52
  propType: PROP_TYPES.THEME
53
53
  },
54
- fieldName: {
55
- ...FIELD_NAME,
54
+ fieldName: { ...FIELD_NAME,
56
55
  defaultValue: "numberInputValue",
57
56
  handlerPropName: "onChangeText"
58
57
  }
@@ -78,8 +77,7 @@ export const SEED_DATA = [{
78
77
  borderRadius: 8
79
78
  },
80
79
  triggers: [Triggers.OnChangeText],
81
- props: {
82
- ...SEED_DATA_PROPS,
80
+ props: { ...SEED_DATA_PROPS,
83
81
  allowFontScaling: {
84
82
  group: GROUPS.advanced,
85
83
  label: "Allow Font Scaling",
@@ -102,8 +102,7 @@ const SEED_DATA_PROPS = {
102
102
  editable: true,
103
103
  required: false
104
104
  },
105
- fieldName: {
106
- ...FIELD_NAME,
105
+ fieldName: { ...FIELD_NAME,
107
106
  defaultValue: "pickerValue",
108
107
  handlerPropName: "onValueChange"
109
108
  }
@@ -118,8 +117,7 @@ export const SEED_DATA = [{
118
117
  preview_image_url: "{CLOUDINARY_URL}/Picker.png",
119
118
  supports_list_render: false,
120
119
  triggers: SEED_DATA_TRIGGERS,
121
- props: {
122
- ...SEED_DATA_PROPS,
120
+ props: { ...SEED_DATA_PROPS,
123
121
  type: {
124
122
  label: "Appearance",
125
123
  description: "Type of Picker",
@@ -24,8 +24,7 @@ export const SEED_DATA = [{
24
24
  description: "A row with left aligned headline text and a right aligned icon",
25
25
  category: COMPONENT_TYPES.row,
26
26
  layout: {},
27
- props: {
28
- ...SEED_DATA_PROPS
27
+ props: { ...SEED_DATA_PROPS
29
28
  }
30
29
  }, {
31
30
  name: "Row Single Line Headline Icon Image",
@@ -33,8 +32,7 @@ export const SEED_DATA = [{
33
32
  description: "A row with left aligned image and headline text and a right aligned icon",
34
33
  category: COMPONENT_TYPES.row,
35
34
  layout: {},
36
- props: {
37
- ...SEED_DATA_PROPS,
35
+ props: { ...SEED_DATA_PROPS,
38
36
  image: IMAGE_PROP
39
37
  }
40
38
  }, {
@@ -43,8 +41,7 @@ export const SEED_DATA = [{
43
41
  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
44
42
  category: COMPONENT_TYPES.row,
45
43
  layout: {},
46
- props: {
47
- ...SEED_DATA_PROPS,
44
+ props: { ...SEED_DATA_PROPS,
48
45
  subtitle: SUBTITLE_PROP
49
46
  }
50
47
  }, {
@@ -53,8 +50,7 @@ export const SEED_DATA = [{
53
50
  description: "A row with left aligned headline text and subtitle text and a right aligned icon",
54
51
  category: COMPONENT_TYPES.row,
55
52
  layout: {},
56
- props: {
57
- ...SEED_DATA_PROPS,
53
+ props: { ...SEED_DATA_PROPS,
58
54
  image: IMAGE_PROP,
59
55
  subtitle: SUBTITLE_PROP
60
56
  }
@@ -64,8 +60,7 @@ export const SEED_DATA = [{
64
60
  description: "A row with left aligned headline text and multiline subtitle text and a right aligned icon",
65
61
  category: COMPONENT_TYPES.row,
66
62
  layout: {},
67
- props: {
68
- ...SEED_DATA_PROPS,
63
+ props: { ...SEED_DATA_PROPS,
69
64
  multilineSubtitle: MULTILINE_PROP,
70
65
  subtitle: createTextProp({
71
66
  label: "Subtitle",
@@ -79,8 +74,7 @@ export const SEED_DATA = [{
79
74
  description: "A row with left aligned image, headline text, and multiline subtitle text, and a right aligned icon",
80
75
  category: COMPONENT_TYPES.row,
81
76
  layout: {},
82
- props: {
83
- ...SEED_DATA_PROPS,
77
+ props: { ...SEED_DATA_PROPS,
84
78
  image: IMAGE_PROP,
85
79
  multilineSubtitle: MULTILINE_PROP,
86
80
  subtitle: createTextProp({
@@ -21,8 +21,8 @@ export const SEED_DATA = {
21
21
  handlerPropName: "onPress",
22
22
  // the change handler prop in this component
23
23
  valuePropName: "rating" // the value prop in this component
24
- }),
25
24
 
25
+ }),
26
26
  maxStars: createStaticNumberProp({
27
27
  label: "Max stars",
28
28
  description: "The max number of stars",
@@ -1,10 +1,10 @@
1
- import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS } from "@draftbit/types";
1
+ import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, StylesPanelSections } from "@draftbit/types";
2
2
  export const SEED_DATA = [{
3
3
  name: "Stepper",
4
4
  tag: "Stepper",
5
5
  description: "A component used to control the quantity of something",
6
6
  category: COMPONENT_TYPES.control,
7
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
7
+ stylesPanelSections: [StylesPanelSections.Typography, ...BLOCK_STYLES_SECTIONS],
8
8
  layout: {},
9
9
  triggers: [Triggers.OnChange],
10
10
  props: {
@@ -191,10 +191,9 @@ export const SEED_DATA = [{
191
191
  stylesPanelSections: [StylesPanelSections.Typography, StylesPanelSections.LayoutSelectedItem, StylesPanelSections.MarginsAndPaddings, StylesPanelSections.Effects],
192
192
  layout: {
193
193
  color: "strong" // This is translated on collector script run by the extractValueAndType function
194
- },
195
194
 
196
- props: {
197
- ...SEED_DATA_PROPS,
195
+ },
196
+ props: { ...SEED_DATA_PROPS,
198
197
  children: {
199
198
  group: GROUPS.data,
200
199
  label: "Text",
@@ -215,8 +214,7 @@ export const SEED_DATA = [{
215
214
  color: "primary"
216
215
  },
217
216
  triggers: [Triggers.OnPress],
218
- props: {
219
- ...SEED_DATA_PROPS,
217
+ props: { ...SEED_DATA_PROPS,
220
218
  onPress: createActionProp(),
221
219
  title: createTextProp({
222
220
  label: "Title",
@@ -1,4 +1,4 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, createDisabledProp } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
3
  name: "Text Area",
4
4
  tag: "TextInput",
@@ -59,6 +59,17 @@ export const SEED_DATA = {
59
59
  formType: FORM_TYPES.boolean,
60
60
  propType: PROP_TYPES.BOOLEAN
61
61
  },
62
+ blurOnSubmit: {
63
+ group: GROUPS.advanced,
64
+ label: "Blur On Submit",
65
+ description: "If true, the text field will blur when submitted. ",
66
+ editable: true,
67
+ required: false,
68
+ defaultValue: null,
69
+ formType: FORM_TYPES.boolean,
70
+ propType: PROP_TYPES.BOOLEAN
71
+ },
72
+ disabled: createDisabledProp(),
62
73
  caretHidden: {
63
74
  group: GROUPS.advanced,
64
75
  label: "Hide Caret",
@@ -80,12 +91,12 @@ export const SEED_DATA = {
80
91
  propType: PROP_TYPES.BOOLEAN
81
92
  },
82
93
  editable: {
83
- group: GROUPS.advanced,
84
- label: "Editable",
94
+ group: GROUPS.data,
95
+ label: "Editable?",
85
96
  description: "If false, the text is not editable",
86
97
  editable: true,
87
98
  required: false,
88
- defaultValue: true,
99
+ defaultValue: null,
89
100
  formType: FORM_TYPES.boolean,
90
101
  propType: PROP_TYPES.BOOLEAN
91
102
  },
@@ -226,8 +237,7 @@ export const SEED_DATA = {
226
237
  editable: true,
227
238
  required: false
228
239
  },
229
- fieldName: {
230
- ...FIELD_NAME,
240
+ fieldName: { ...FIELD_NAME,
231
241
  defaultValue: "textInputValue",
232
242
  handlerPropName: "onChangeText"
233
243
  }
@@ -62,7 +62,7 @@ const SEED_DATA_PROPS = {
62
62
  propType: PROP_TYPES.BOOLEAN
63
63
  },
64
64
  disabled: {
65
- group: GROUPS.basic,
65
+ group: GROUPS.data,
66
66
  label: "Disabled",
67
67
  description: "Whether the input should be disabled. Will prevent input and show a greyed out state.",
68
68
  formType: FORM_TYPES.boolean,
@@ -72,12 +72,22 @@ const SEED_DATA_PROPS = {
72
72
  required: false
73
73
  },
74
74
  editable: {
75
- group: GROUPS.advanced,
76
- label: "Editable",
75
+ group: GROUPS.data,
76
+ label: "Editable?",
77
77
  description: "If false, the text is not editable",
78
78
  editable: true,
79
79
  required: false,
80
- defaultValue: true,
80
+ defaultValue: null,
81
+ formType: FORM_TYPES.boolean,
82
+ propType: PROP_TYPES.BOOLEAN
83
+ },
84
+ blurOnSubmit: {
85
+ group: GROUPS.advanced,
86
+ label: "Blur On Submit",
87
+ description: "If true, the text field will blur when submitted. ",
88
+ editable: true,
89
+ required: false,
90
+ defaultValue: null,
81
91
  formType: FORM_TYPES.boolean,
82
92
  propType: PROP_TYPES.BOOLEAN
83
93
  },
@@ -233,7 +243,9 @@ const SEED_DATA_PROPS = {
233
243
  description: "The mode of the icon to display on the left. 'inset' or 'outset'.",
234
244
  formType: FORM_TYPES.flatArray,
235
245
  propType: PROP_TYPES.STRING,
236
- defaultValue: null /* inset */,
246
+ defaultValue: null
247
+ /* inset */
248
+ ,
237
249
  options: ["inset", "outset"],
238
250
  editable: true,
239
251
  required: true
@@ -248,8 +260,7 @@ const SEED_DATA_PROPS = {
248
260
  editable: true,
249
261
  required: false
250
262
  },
251
- fieldName: {
252
- ...FIELD_NAME,
263
+ fieldName: { ...FIELD_NAME,
253
264
  handlerPropName: "onChangeText",
254
265
  defaultValue: "textFieldValue"
255
266
  }
@@ -263,8 +274,7 @@ export const SEED_DATA = [{
263
274
  preview_image_url: "{CLOUDINARY_URL}/Textfield.png",
264
275
  supports_list_render: false,
265
276
  triggers: SEED_DATA_TRIGGERS,
266
- props: {
267
- ...SEED_DATA_PROPS,
277
+ props: { ...SEED_DATA_PROPS,
268
278
  type: {
269
279
  label: "Appearance",
270
280
  description: "Type of Datepicker",
@@ -305,8 +315,7 @@ export const SEED_DATA = [{
305
315
  preview_image_url: "{CLOUDINARY_URL}/TextArea.png",
306
316
  supports_list_render: false,
307
317
  triggers: SEED_DATA_TRIGGERS,
308
- props: {
309
- ...SEED_DATA_PROPS,
318
+ props: { ...SEED_DATA_PROPS,
310
319
  type: {
311
320
  label: "Appearance",
312
321
  description: "Type of Datepicker",
@@ -1,4 +1,4 @@
1
- import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections } from "@draftbit/types";
1
+ import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, FIELD_NAME, Triggers, StylesPanelSections, createDisabledProp } from "@draftbit/types";
2
2
  export const SEED_DATA_PROPS = {
3
3
  style: {
4
4
  group: GROUPS.basic,
@@ -51,8 +51,7 @@ export const SEED_DATA_PROPS = {
51
51
  formType: FORM_TYPES.color,
52
52
  propType: PROP_TYPES.THEME
53
53
  },
54
- fieldName: {
55
- ...FIELD_NAME,
54
+ fieldName: { ...FIELD_NAME,
56
55
  defaultValue: "textInputValue",
57
56
  handlerPropName: "onChangeText"
58
57
  }
@@ -141,12 +140,12 @@ export const SEED_DATA = [{
141
140
  propType: PROP_TYPES.BOOLEAN
142
141
  },
143
142
  editable: {
144
- group: GROUPS.advanced,
145
- label: "Editable",
143
+ group: GROUPS.data,
144
+ label: "Editable?",
146
145
  description: "If false, the text is not editable",
147
146
  editable: true,
148
147
  required: false,
149
- defaultValue: true,
148
+ defaultValue: null,
150
149
  formType: FORM_TYPES.boolean,
151
150
  propType: PROP_TYPES.BOOLEAN
152
151
  },
@@ -215,6 +214,16 @@ export const SEED_DATA = [{
215
214
  formType: FORM_TYPES.string,
216
215
  propType: PROP_TYPES.STRING
217
216
  },
217
+ blurOnSubmit: {
218
+ group: GROUPS.advanced,
219
+ label: "Blur On Submit",
220
+ description: "If true, the text field will blur when submitted. ",
221
+ editable: true,
222
+ required: false,
223
+ defaultValue: null,
224
+ formType: FORM_TYPES.boolean,
225
+ propType: PROP_TYPES.BOOLEAN
226
+ },
218
227
  returnKeyType: {
219
228
  group: GROUPS.advanced,
220
229
  label: "Return Key Type",
@@ -280,6 +289,7 @@ export const SEED_DATA = [{
280
289
  formType: FORM_TYPES.number,
281
290
  propType: PROP_TYPES.NUMBER
282
291
  },
292
+ disabled: createDisabledProp(),
283
293
  scrollEnabled: {
284
294
  group: GROUPS.basic,
285
295
  label: "Scroll Enabled",
@@ -4,12 +4,10 @@ import DefaultTheme from "./DefaultTheme";
4
4
  const white = "#FFF";
5
5
  const black = "#000";
6
6
  const pinkA100 = "#ff80ab";
7
- const DarkTheme = {
8
- ...DefaultTheme,
7
+ const DarkTheme = { ...DefaultTheme,
9
8
  dark: true,
10
9
  mode: "adaptive",
11
- colors: {
12
- ...DefaultTheme.colors,
10
+ colors: { ...DefaultTheme.colors,
13
11
  primary: "#BB86FC",
14
12
  background: "#121212",
15
13
  surface: "#121212",
@@ -28,80 +28,67 @@ const DefaultTheme = {
28
28
  },
29
29
  fonts: configureFonts(),
30
30
  typography: {
31
- headline1: {
32
- ...systemWeights.regular,
31
+ headline1: { ...systemWeights.regular,
33
32
  fontSize: 60,
34
33
  letterSpacing: 0,
35
34
  lineHeight: 71
36
35
  },
37
- headline2: {
38
- ...systemWeights.regular,
36
+ headline2: { ...systemWeights.regular,
39
37
  fontSize: 48,
40
38
  letterSpacing: 0,
41
39
  lineHeight: 58
42
40
  },
43
- headline3: {
44
- ...systemWeights.regular,
41
+ headline3: { ...systemWeights.regular,
45
42
  fontSize: 34,
46
43
  letterSpacing: 0,
47
44
  lineHeight: 40
48
45
  },
49
- headline4: {
50
- ...systemWeights.regular,
46
+ headline4: { ...systemWeights.regular,
51
47
  fontSize: 24,
52
48
  letterSpacing: 0,
53
49
  lineHeight: 34
54
50
  },
55
- headline5: {
56
- ...systemWeights.regular,
51
+ headline5: { ...systemWeights.regular,
57
52
  fontSize: 20,
58
53
  letterSpacing: 0,
59
54
  lineHeight: 26
60
55
  },
61
- subtitle1: {
62
- ...systemWeights.regular,
56
+ subtitle1: { ...systemWeights.regular,
63
57
  fontSize: 16,
64
58
  letterSpacing: 0,
65
59
  lineHeight: 26
66
60
  },
67
- subtitle2: {
68
- ...systemWeights.regular,
61
+ subtitle2: { ...systemWeights.regular,
69
62
  fontSize: 14,
70
63
  letterSpacing: 0,
71
64
  lineHeight: 22
72
65
  },
73
- body1: {
74
- ...systemWeights.regular,
66
+ body1: { ...systemWeights.regular,
75
67
  fontSize: 16,
76
68
  letterSpacing: 0,
77
69
  lineHeight: 26
78
70
  },
79
- body2: {
80
- ...systemWeights.regular,
71
+ body2: { ...systemWeights.regular,
81
72
  fontSize: 14,
82
73
  letterSpacing: 0,
83
74
  lineHeight: 22
84
75
  },
85
- button: {
86
- ...systemWeights.regular,
76
+ button: { ...systemWeights.regular,
87
77
  fontSize: 14,
88
78
  letterSpacing: 0,
89
79
  lineHeight: 16
90
80
  },
91
- caption: {
92
- ...systemWeights.regular,
81
+ caption: { ...systemWeights.regular,
93
82
  fontSize: 12,
94
83
  letterSpacing: 0,
95
84
  lineHeight: 16
96
85
  },
97
- overline: {
98
- ...systemWeights.regular,
86
+ overline: { ...systemWeights.regular,
99
87
  fontSize: 12,
100
88
  letterSpacing: 2,
101
89
  lineHeight: 16
102
90
  },
103
- headline6: {
104
- ...systemWeights.regular,
91
+ headline6: { ...systemWeights.regular,
105
92
  fontSize: 16,
106
93
  letterSpacing: 0,
107
94
  lineHeight: 24
@@ -57,8 +57,7 @@ const fontConfig = {
57
57
  }
58
58
  };
59
59
  export default function configureFonts(config) {
60
- const fonts = Platform.select({
61
- ...fontConfig,
60
+ const fonts = Platform.select({ ...fontConfig,
62
61
  ...config
63
62
  });
64
63
  return fonts;
@@ -2,27 +2,31 @@
2
2
  import color from "color";
3
3
  import { Animated } from "react-native";
4
4
  import DarkTheme from "./DarkTheme";
5
+
5
6
  const isAnimatedValue = it => it instanceof Animated.Value;
7
+
6
8
  export default function overlay(elevation) {
7
9
  let surfaceColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DarkTheme.colors.surface;
10
+
8
11
  if (isAnimatedValue(elevation)) {
9
- const inputRange = [0, 1, 2, 3, 8, 24];
12
+ const inputRange = [0, 1, 2, 3, 8, 24]; // @ts-expect-error: TS doesn't seem to refine the type correctly
10
13
 
11
- // @ts-expect-error: TS doesn't seem to refine the type correctly
12
14
  return elevation.interpolate({
13
15
  inputRange,
14
16
  outputRange: inputRange.map(e => {
15
17
  return calculateColor(surfaceColor, e);
16
18
  })
17
19
  });
18
- }
20
+ } // @ts-expect-error: TS doesn't seem to refine the type correctly
21
+
19
22
 
20
- // @ts-expect-error: TS doesn't seem to refine the type correctly
21
23
  return calculateColor(surfaceColor, elevation);
22
24
  }
25
+
23
26
  function calculateColor(surfaceColor) {
24
27
  let elevation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
25
28
  let overlayTransparency;
29
+
26
30
  if (elevation >= 1 && elevation <= 24) {
27
31
  overlayTransparency = elevationOverlayTransparency[elevation];
28
32
  } else if (elevation > 24) {
@@ -30,8 +34,10 @@ function calculateColor(surfaceColor) {
30
34
  } else {
31
35
  overlayTransparency = elevationOverlayTransparency[1];
32
36
  }
37
+
33
38
  return color(surfaceColor).mix(color("white"), overlayTransparency * 0.01).hex();
34
39
  }
40
+
35
41
  const elevationOverlayTransparency = {
36
42
  1: 5,
37
43
  2: 7,
@@ -3,6 +3,7 @@ const SHADOW_COLOR = "#000";
3
3
  const SHADOW_OPACITY = 0.24;
4
4
  export default function shadow() {
5
5
  let elevation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
6
+
6
7
  if (elevation instanceof Animated.Value) {
7
8
  const inputRange = [0, 1, 2, 3, 8, 24];
8
9
  return {
@@ -24,20 +25,25 @@ export default function shadow() {
24
25
  if (elevation === 0) {
25
26
  return {};
26
27
  }
28
+
27
29
  let height, radius;
30
+
28
31
  switch (elevation) {
29
32
  case 1:
30
33
  height = 0.5;
31
34
  radius = 0.75;
32
35
  break;
36
+
33
37
  case 2:
34
38
  height = 0.75;
35
39
  radius = 1.5;
36
40
  break;
41
+
37
42
  default:
38
43
  height = elevation - 1;
39
44
  radius = elevation;
40
45
  }
46
+
41
47
  return {
42
48
  shadowColor: SHADOW_COLOR,
43
49
  shadowOffset: {
@@ -44,7 +44,6 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
44
44
  marginStyles
45
45
  };
46
46
  }
47
-
48
47
  /**
49
48
  * Merges a style object on top of another style object. In React Native,
50
49
  * keys with undefined values in a style object will still override styles
@@ -57,16 +56,20 @@ export function extractBorderAndMarginStyles(style, additionalBorderStyles, addi
57
56
  * `const mergedStyles = StyleSheet.compose({ color: "red" }, { color: undefined })`
58
57
  * `const mergedStyles = StyleSheet.flatten([{ color: "red" }, { color: undefined }])`
59
58
  */
59
+
60
60
  export function applyStyles(baseStyles, stylesToApply) {
61
61
  if (!stylesToApply) {
62
62
  return;
63
63
  }
64
+
64
65
  const flattenedStyles = StyleSheet.flatten(baseStyles);
66
+
65
67
  for (const [key, value] of Object.entries(stylesToApply)) {
66
68
  if (value != null) {
67
69
  flattenedStyles[key] = value;
68
70
  }
69
71
  }
72
+
70
73
  return flattenedStyles;
71
74
  }
72
75
  export function getValueForRadioButton(value) {
@@ -75,6 +78,6 @@ export function getValueForRadioButton(value) {
75
78
  } else if (isNumber(value)) {
76
79
  return String(value);
77
80
  } else {
78
- throw new Error(`Invalid value: ${value}`);
81
+ throw new Error("Invalid value: ".concat(value));
79
82
  }
80
83
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import { Theme } from "@draftbit/types";
3
- type Props = {
3
+ declare type Props = {
4
4
  children: React.ReactNode;
5
5
  theme?: Theme;
6
6
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM;CAUP"}
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/Provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM;CAUP"}
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { StyleProp, TextStyle } from "react-native";
3
3
  import type { IconSlot } from "../../interfaces/Icon";
4
4
  import type { Theme } from "../../styles/DefaultTheme";
5
- type AccordionGroupProps = {
5
+ declare type AccordionGroupProps = {
6
6
  label?: string;
7
7
  expanded?: boolean;
8
8
  openColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoFb,wBAAyC"}
1
+ {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGvD,aAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoFb,wBAAyC"}
@@ -2,7 +2,7 @@ import * as React from "react";
2
2
  import { StyleProp, ViewStyle } from "react-native";
3
3
  import type { IconSlot } from "../../interfaces/Icon";
4
4
  import type { Theme } from "../../styles/DefaultTheme";
5
- type Props = {
5
+ declare type Props = {
6
6
  icon?: string;
7
7
  label: string;
8
8
  iconColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoDb,wBAAwC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAEvD,aAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,GAAG,QAAQ,CAAC;;;;AAoDb,wBAAwC"}
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { StyleProp, ViewStyle, TextStyle } from "react-native";
3
- type Props = {
3
+ declare type Props = {
4
4
  label: string;
5
5
  color: string;
6
6
  style?: StyleProp<ViewStyle | TextStyle>;
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAc/D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"ActionSheetCancel.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetCancel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/D,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAc/D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import { StyleProp, ViewStyle, TextStyle } from "react-native";
3
- type Props = {
3
+ declare type Props = {
4
4
  label: string;
5
5
  color: string;
6
6
  style?: StyleProp<ViewStyle | TextStyle>;
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EAET,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgB7D,CAAC;AAwBF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAGL,SAAS,EAET,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgB7D,CAAC;AAwBF,eAAe,eAAe,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { Animated, EasingFunction } from "react-native";
3
3
  import { Props as CircularProgressProps } from "./CircularProgress";
4
- type Props = {
4
+ declare type Props = {
5
5
  duration?: number;
6
6
  easing?: EasingFunction;
7
7
  prefill?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"AnimatedCircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedCircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,cAAc,EAGf,MAAM,cAAc,CAAC;AACtB,OAAyB,EACvB,KAAK,IAAI,qBAAqB,EAC/B,MAAM,oBAAoB,CAAC;AAG5B,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;CACxD,GAAG,qBAAqB,CAAC;AAE1B,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4EtE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
1
+ {"version":3,"file":"AnimatedCircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/AnimatedCircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,cAAc,EAGf,MAAM,cAAc,CAAC;AACtB,OAAyB,EACvB,KAAK,IAAI,qBAAqB,EAC/B,MAAM,oBAAoB,CAAC;AAG5B,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,QAAQ,CAAC,WAAW,GAAG,SAAS,CAAC;CACxD,GAAG,qBAAqB,CAAC;AAE1B,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA4EtE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}