@draftbit/core 46.4.4-c5d4b3.2 → 46.4.4-caab07.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 (372) hide show
  1. package/lib/commonjs/Provider.js.map +1 -1
  2. package/lib/commonjs/components/ActionSheet/ActionSheet.js.map +1 -1
  3. package/lib/commonjs/components/ActionSheet/ActionSheetCancel.js.map +1 -1
  4. package/lib/commonjs/components/ActionSheet/index.js.map +1 -1
  5. package/lib/commonjs/components/AvatarEdit.js +15 -4
  6. package/lib/commonjs/components/AvatarEdit.js.map +1 -1
  7. package/lib/commonjs/components/Banner.js +23 -4
  8. package/lib/commonjs/components/Banner.js.map +1 -1
  9. package/lib/commonjs/components/CardBlock.js +13 -4
  10. package/lib/commonjs/components/CardContainer.js +14 -4
  11. package/lib/commonjs/components/CardContainer.js.map +1 -1
  12. package/lib/commonjs/components/Carousel.js +2 -2
  13. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js +22 -5
  14. package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map +1 -1
  15. package/lib/commonjs/components/Checkbox/CheckboxRow.js.map +1 -1
  16. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  17. package/lib/commonjs/components/CircleImage.js +16 -2
  18. package/lib/commonjs/components/Config.js.map +1 -1
  19. package/lib/commonjs/components/DatePicker/DatePicker.js +43 -21
  20. package/lib/commonjs/components/DatePicker/DatePicker.js.map +1 -1
  21. package/lib/commonjs/components/DatePicker/DatePickerComponent.js.map +1 -1
  22. package/lib/commonjs/components/DatePicker/DatePickerComponent.web.js.map +1 -1
  23. package/lib/commonjs/components/DeprecatedButton.js +19 -3
  24. package/lib/commonjs/components/DeprecatedButton.js.map +1 -1
  25. package/lib/commonjs/components/Divider.js +12 -1
  26. package/lib/commonjs/components/Divider.js.map +1 -1
  27. package/lib/commonjs/components/FAB.js +19 -4
  28. package/lib/commonjs/components/FAB.js.map +1 -1
  29. package/lib/commonjs/components/FieldSearchBarFull.js.map +1 -1
  30. package/lib/commonjs/components/FormRow.js +17 -3
  31. package/lib/commonjs/components/FormRow.js.map +1 -1
  32. package/lib/commonjs/components/Header.js.map +1 -1
  33. package/lib/commonjs/components/HeaderLarge.js.map +1 -1
  34. package/lib/commonjs/components/Image.js +16 -2
  35. package/lib/commonjs/components/Picker/Picker.js +7 -7
  36. package/lib/commonjs/components/Picker/Picker.js.map +1 -1
  37. package/lib/commonjs/components/Picker/PickerComponent.android.js +19 -5
  38. package/lib/commonjs/components/Picker/PickerComponent.android.js.map +1 -1
  39. package/lib/commonjs/components/Picker/PickerComponent.ios.js +30 -11
  40. package/lib/commonjs/components/Picker/PickerComponent.ios.js.map +1 -1
  41. package/lib/commonjs/components/Portal/PortalHost.js +45 -15
  42. package/lib/commonjs/components/Portal/PortalHost.js.map +1 -1
  43. package/lib/commonjs/components/RadioButton/RadioButton.js.map +1 -1
  44. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js +10 -1
  45. package/lib/commonjs/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  46. package/lib/commonjs/components/ResizeMode.js +2 -1
  47. package/lib/commonjs/components/RowBodyIcon.js.map +1 -1
  48. package/lib/commonjs/components/RowHeadlineImageCaption.js.map +1 -1
  49. package/lib/commonjs/components/ScreenContainer.js +20 -4
  50. package/lib/commonjs/components/ScreenContainer.js.map +1 -1
  51. package/lib/commonjs/components/Stepper.js +1 -0
  52. package/lib/commonjs/components/Stepper.js.map +1 -1
  53. package/lib/commonjs/components/Surface.js +13 -2
  54. package/lib/commonjs/components/Swiper/index.js.map +1 -1
  55. package/lib/commonjs/components/Text.js +50 -4
  56. package/lib/commonjs/components/TextField.js +76 -28
  57. package/lib/commonjs/components/ToggleButton.js +14 -2
  58. package/lib/commonjs/components/ToggleButton.js.map +1 -1
  59. package/lib/commonjs/components/Typography.js.map +1 -1
  60. package/lib/commonjs/index.js.map +1 -1
  61. package/lib/commonjs/interfaces/Icon.js.map +1 -1
  62. package/lib/commonjs/mappings/AccordionItem.js.map +1 -1
  63. package/lib/commonjs/mappings/ActionSheet.js.map +1 -1
  64. package/lib/commonjs/mappings/ActionSheetItem.js.map +1 -1
  65. package/lib/commonjs/mappings/AudioPlayer.js.map +1 -1
  66. package/lib/commonjs/mappings/AvatarEdit.js.map +1 -1
  67. package/lib/commonjs/mappings/BlurView.js.map +1 -1
  68. package/lib/commonjs/mappings/Card.js.map +1 -1
  69. package/lib/commonjs/mappings/CardInline.js.map +1 -1
  70. package/lib/commonjs/mappings/Carousel.js.map +1 -1
  71. package/lib/commonjs/mappings/CheckboxRow.js.map +1 -1
  72. package/lib/commonjs/mappings/DatePicker.js +13 -0
  73. package/lib/commonjs/mappings/DatePicker.js.map +1 -1
  74. package/lib/commonjs/mappings/Fetch.js.map +1 -1
  75. package/lib/commonjs/mappings/FieldSearchBarFull.js +1 -1
  76. package/lib/commonjs/mappings/FieldSearchBarFull.js.map +1 -1
  77. package/lib/commonjs/mappings/HeaderLarge.js.map +1 -1
  78. package/lib/commonjs/mappings/HeaderMedium.js.map +1 -1
  79. package/lib/commonjs/mappings/ProgressCircle.js.map +1 -1
  80. package/lib/commonjs/mappings/ProgressIndicator.js.map +1 -1
  81. package/lib/commonjs/mappings/RadioButton.js.map +1 -1
  82. package/lib/commonjs/mappings/RadioButtonGroup.js.map +1 -1
  83. package/lib/commonjs/mappings/RadioButtonRow.js.map +1 -1
  84. package/lib/commonjs/mappings/RowHeadlineImageCaption.js.map +1 -1
  85. package/lib/commonjs/mappings/Stepper.js.map +1 -1
  86. package/lib/commonjs/mappings/Surface.js.map +1 -1
  87. package/lib/commonjs/mappings/Swiper.js.map +1 -1
  88. package/lib/commonjs/mappings/SwiperItem.js.map +1 -1
  89. package/lib/commonjs/mappings/Switch.js.map +1 -1
  90. package/lib/commonjs/mappings/TextArea.js.map +1 -1
  91. package/lib/commonjs/mappings/TextField.js.map +1 -1
  92. package/lib/commonjs/mappings/View.js.map +1 -1
  93. package/lib/commonjs/utilities.js +1 -2
  94. package/lib/commonjs/utilities.js.map +1 -1
  95. package/lib/module/components/Accordion/index.js.map +1 -1
  96. package/lib/module/components/ActionSheet/ActionSheet.js.map +1 -1
  97. package/lib/module/components/ActionSheet/ActionSheetItem.js.map +1 -1
  98. package/lib/module/components/Banner.js.map +1 -1
  99. package/lib/module/components/Button.js.map +1 -1
  100. package/lib/module/components/Card.js.map +1 -1
  101. package/lib/module/components/CardBlock.js +14 -4
  102. package/lib/module/components/CardBlock.js.map +1 -1
  103. package/lib/module/components/CardContainerShortImage.js +16 -4
  104. package/lib/module/components/CardContainerShortImage.js.map +1 -1
  105. package/lib/module/components/Carousel.js +27 -9
  106. package/lib/module/components/Carousel.js.map +1 -1
  107. package/lib/module/components/Checkbox/CheckboxGroup.js +17 -2
  108. package/lib/module/components/Checkbox/CheckboxGroup.js.map +1 -1
  109. package/lib/module/components/Checkbox/index.js.map +1 -1
  110. package/lib/module/components/Container.js +16 -4
  111. package/lib/module/components/Container.js.map +1 -1
  112. package/lib/module/components/DatePicker/DatePicker.js +44 -21
  113. package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
  114. package/lib/module/components/DatePicker/DatePickerComponent.js.map +1 -1
  115. package/lib/module/components/DatePicker/DatePickerComponentType.js.map +1 -1
  116. package/lib/module/components/DeprecatedFAB.js +21 -3
  117. package/lib/module/components/Elevation.js +15 -2
  118. package/lib/module/components/Elevation.js.map +1 -1
  119. package/lib/module/components/HeaderLarge.js.map +1 -1
  120. package/lib/module/components/HeaderMedium.js.map +1 -1
  121. package/lib/module/components/Justification.js +2 -2
  122. package/lib/module/components/Layout.js +41 -21
  123. package/lib/module/components/Layout.js.map +1 -1
  124. package/lib/module/components/NumberInput.js.map +1 -1
  125. package/lib/module/components/Picker/Picker.js +2 -2
  126. package/lib/module/components/Picker/Picker.js.map +1 -1
  127. package/lib/module/components/Picker/PickerComponent.android.js +19 -4
  128. package/lib/module/components/Picker/PickerComponent.android.js.map +1 -1
  129. package/lib/module/components/Picker/PickerComponent.ios.js +32 -11
  130. package/lib/module/components/Picker/PickerComponent.web.js +20 -4
  131. package/lib/module/components/Picker/PickerTypes.js.map +1 -1
  132. package/lib/module/components/Portal/PortalHost.js +45 -15
  133. package/lib/module/components/Portal/PortalHost.js.map +1 -1
  134. package/lib/module/components/Portal/PortalManager.js +34 -7
  135. package/lib/module/components/ProgressBar.js +38 -7
  136. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js +10 -1
  137. package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map +1 -1
  138. package/lib/module/components/RadioButton/RadioButtonRow.js +23 -6
  139. package/lib/module/components/RadioButton/RadioButtonRow.js.map +1 -1
  140. package/lib/module/components/Row.js.map +1 -1
  141. package/lib/module/components/RowBodyIcon.js.map +1 -1
  142. package/lib/module/components/SVG.js.map +1 -1
  143. package/lib/module/components/ScreenContainer.js +20 -4
  144. package/lib/module/components/ScreenContainer.js.map +1 -1
  145. package/lib/module/components/Stepper.js +2 -2
  146. package/lib/module/components/Stepper.js.map +1 -1
  147. package/lib/module/components/Surface.js +15 -1
  148. package/lib/module/components/Swiper/Swiper.js.map +1 -1
  149. package/lib/module/components/Swiper/SwiperItem.js.map +1 -1
  150. package/lib/module/components/Switch.js +20 -10
  151. package/lib/module/components/Switch.js.map +1 -1
  152. package/lib/module/components/Text.js +50 -4
  153. package/lib/module/components/TextField.js +78 -28
  154. package/lib/module/components/TextField.js.map +1 -1
  155. package/lib/module/components/ToggleButton.js +16 -2
  156. package/lib/module/components/ToggleButton.js.map +1 -1
  157. package/lib/module/constants.js +1 -1
  158. package/lib/module/hooks.js +1 -3
  159. package/lib/module/mappings/Accordion.js.map +1 -1
  160. package/lib/module/mappings/AccordionItem.js.map +1 -1
  161. package/lib/module/mappings/ActionSheetCancel.js.map +1 -1
  162. package/lib/module/mappings/AudioPlayer.js.map +1 -1
  163. package/lib/module/mappings/Banner.js.map +1 -1
  164. package/lib/module/mappings/Button.js.map +1 -1
  165. package/lib/module/mappings/Card.js.map +1 -1
  166. package/lib/module/mappings/CardContainer.js.map +1 -1
  167. package/lib/module/mappings/CardInline.js.map +1 -1
  168. package/lib/module/mappings/Carousel.js.map +1 -1
  169. package/lib/module/mappings/CustomCode.js.map +1 -1
  170. package/lib/module/mappings/DatePicker.js +14 -1
  171. package/lib/module/mappings/DatePicker.js.map +1 -1
  172. package/lib/module/mappings/Divider.js.map +1 -1
  173. package/lib/module/mappings/FAB.js.map +1 -1
  174. package/lib/module/mappings/KeyboardAwareScrollView.js.map +1 -1
  175. package/lib/module/mappings/MapCallout.js.map +1 -1
  176. package/lib/module/mappings/MapMarker.js.map +1 -1
  177. package/lib/module/mappings/Modal.js.map +1 -1
  178. package/lib/module/mappings/RadioButton.js.map +1 -1
  179. package/lib/module/mappings/RowHeadlineImageIcon.js.map +1 -1
  180. package/lib/module/mappings/SVG.js.map +1 -1
  181. package/lib/module/mappings/SafeAreaView.js.map +1 -1
  182. package/lib/module/mappings/ScrollView.js.map +1 -1
  183. package/lib/module/mappings/SwiperItem.js.map +1 -1
  184. package/lib/module/mappings/Text.js.map +1 -1
  185. package/lib/module/mappings/TextArea.js.map +1 -1
  186. package/lib/module/mappings/Video.js.map +1 -1
  187. package/lib/module/styles/DarkTheme.js.map +1 -1
  188. package/lib/module/styles/DefaultTheme.js.map +1 -1
  189. package/lib/module/styles/fonts.js.map +1 -1
  190. package/lib/module/theming.js.map +1 -1
  191. package/lib/module/utilities.js +1 -2
  192. package/lib/module/utilities.js.map +1 -1
  193. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts +4 -0
  194. package/lib/typescript/src/components/DatePicker/DatePicker.d.ts.map +1 -1
  195. package/lib/typescript/src/components/Picker/Picker.d.ts.map +1 -1
  196. package/lib/typescript/src/mappings/DatePicker.d.ts +42 -0
  197. package/lib/typescript/src/mappings/DatePicker.d.ts.map +1 -1
  198. package/package.json +3 -3
  199. package/src/Provider.js +11 -4
  200. package/src/components/Accordion/AccordionGroup.js +80 -36
  201. package/src/components/Accordion/AccordionItem.js +51 -24
  202. package/src/components/ActionSheet/ActionSheet.js +60 -35
  203. package/src/components/ActionSheet/ActionSheetCancel.js +7 -2
  204. package/src/components/ActionSheet/ActionSheetItem.js +35 -24
  205. package/src/components/AnimatedCircularProgress.js +57 -38
  206. package/src/components/AspectRatio.js +21 -13
  207. package/src/components/AvatarEdit.js +46 -23
  208. package/src/components/Banner.js +151 -99
  209. package/src/components/Button.js +152 -97
  210. package/src/components/Card.js +126 -45
  211. package/src/components/CardBlock.js +109 -46
  212. package/src/components/CardContainer.js +140 -58
  213. package/src/components/CardContainerRating.js +152 -67
  214. package/src/components/CardContainerShortImage.js +80 -25
  215. package/src/components/CardInline.js +64 -25
  216. package/src/components/Carousel.js +99 -58
  217. package/src/components/Carousel.tsx +2 -2
  218. package/src/components/Checkbox/Checkbox.js +93 -55
  219. package/src/components/Checkbox/CheckboxGroup.js +28 -15
  220. package/src/components/Checkbox/CheckboxGroupRow.js +104 -59
  221. package/src/components/Checkbox/CheckboxRow.js +107 -61
  222. package/src/components/Checkbox/context.js +6 -6
  223. package/src/components/CircleImage.js +14 -4
  224. package/src/components/CircularProgress.js +146 -75
  225. package/src/components/Config.js +59 -52
  226. package/src/components/Container.js +80 -38
  227. package/src/components/DatePicker/DatePicker.js +480 -337
  228. package/src/components/DatePicker/DatePicker.tsx +23 -7
  229. package/src/components/DatePicker/DatePickerComponent.js +21 -7
  230. package/src/components/DatePicker/DatePickerComponent.web.js +48 -22
  231. package/src/components/DeprecatedButton.js +136 -82
  232. package/src/components/DeprecatedCardWrapper.js +19 -10
  233. package/src/components/DeprecatedFAB.js +146 -101
  234. package/src/components/Divider.js +10 -7
  235. package/src/components/Elevation.js +24 -13
  236. package/src/components/FAB.js +84 -38
  237. package/src/components/FieldSearchBarFull.js +83 -46
  238. package/src/components/FormRow.js +28 -12
  239. package/src/components/Header.js +79 -35
  240. package/src/components/HeaderLarge.js +19 -2
  241. package/src/components/HeaderMedium.js +19 -2
  242. package/src/components/HeaderOverline.js +20 -2
  243. package/src/components/IconButton.js +68 -29
  244. package/src/components/Image.js +52 -38
  245. package/src/components/Layout.js +99 -38
  246. package/src/components/NumberInput.js +46 -42
  247. package/src/components/Picker/Picker.js +411 -238
  248. package/src/components/Picker/Picker.tsx +2 -2
  249. package/src/components/Picker/PickerComponent.android.js +110 -57
  250. package/src/components/Picker/PickerComponent.ios.js +131 -63
  251. package/src/components/Picker/PickerComponent.web.js +111 -58
  252. package/src/components/Portal/Portal.js +10 -5
  253. package/src/components/Portal/PortalConsumer.js +25 -23
  254. package/src/components/Portal/PortalHost.js +83 -72
  255. package/src/components/Portal/PortalManager.js +38 -25
  256. package/src/components/ProgressBar.js +139 -111
  257. package/src/components/ProgressCircle.js +40 -7
  258. package/src/components/ProgressIndicator.js +43 -22
  259. package/src/components/RadioButton/RadioButton.js +37 -10
  260. package/src/components/RadioButton/RadioButtonFieldGroup.js +26 -10
  261. package/src/components/RadioButton/RadioButtonGroup.js +53 -35
  262. package/src/components/RadioButton/RadioButtonRow.js +105 -58
  263. package/src/components/RadioButton/context.js +6 -6
  264. package/src/components/Row.js +81 -41
  265. package/src/components/RowBodyIcon.js +24 -2
  266. package/src/components/RowHeadlineImageCaption.js +30 -6
  267. package/src/components/RowHeadlineImageIcon.js +34 -8
  268. package/src/components/SVG.js +27 -7
  269. package/src/components/ScreenContainer.js +56 -27
  270. package/src/components/Slider.js +95 -49
  271. package/src/components/StarRating.js +85 -44
  272. package/src/components/StepIndicator.js +416 -328
  273. package/src/components/Stepper.js +74 -32
  274. package/src/components/Stepper.tsx +1 -1
  275. package/src/components/Surface.js +40 -25
  276. package/src/components/Swiper/Swiper.js +49 -18
  277. package/src/components/Swiper/SwiperItem.js +5 -4
  278. package/src/components/Switch.js +102 -46
  279. package/src/components/Text.js +37 -23
  280. package/src/components/TextField.js +515 -398
  281. package/src/components/ToggleButton.js +56 -31
  282. package/src/components/Touchable.js +25 -9
  283. package/src/components/Typography.js +45 -27
  284. package/src/components/useAuthState.js +27 -27
  285. package/src/constants.js +7 -5
  286. package/src/hooks.js +9 -9
  287. package/src/index.js +19 -3
  288. package/src/interfaces/Icon.js +2 -1
  289. package/src/mappings/Accordion.js +47 -39
  290. package/src/mappings/AccordionItem.js +19 -14
  291. package/src/mappings/ActionSheet.js +10 -10
  292. package/src/mappings/ActionSheetCancel.js +24 -17
  293. package/src/mappings/ActionSheetItem.js +28 -21
  294. package/src/mappings/ActivityIndicator.js +64 -55
  295. package/src/mappings/AudioPlayer.js +23 -17
  296. package/src/mappings/AvatarEdit.js +40 -34
  297. package/src/mappings/Banner.js +37 -30
  298. package/src/mappings/BlurView.js +46 -38
  299. package/src/mappings/Button.js +86 -77
  300. package/src/mappings/Card.js +61 -50
  301. package/src/mappings/CardBlock.js +125 -114
  302. package/src/mappings/CardContainer.js +108 -98
  303. package/src/mappings/CardContainerRating.js +126 -117
  304. package/src/mappings/CardContainerShortImage.js +125 -116
  305. package/src/mappings/CardInline.js +57 -49
  306. package/src/mappings/Carousel.js +21 -16
  307. package/src/mappings/Checkbox.js +54 -44
  308. package/src/mappings/CheckboxGroup.js +34 -24
  309. package/src/mappings/CheckboxRow.js +71 -59
  310. package/src/mappings/CircleImage.js +29 -22
  311. package/src/mappings/Container.js +37 -27
  312. package/src/mappings/CustomCode.js +5 -5
  313. package/src/mappings/DatePicker.js +181 -149
  314. package/src/mappings/DatePicker.ts +23 -0
  315. package/src/mappings/Divider.js +30 -24
  316. package/src/mappings/FAB.js +45 -35
  317. package/src/mappings/Fetch.js +10 -9
  318. package/src/mappings/FieldSearchBarFull.js +55 -47
  319. package/src/mappings/FlashList.js +38 -31
  320. package/src/mappings/FlatList.js +27 -22
  321. package/src/mappings/HeaderLarge.js +34 -26
  322. package/src/mappings/HeaderMedium.js +59 -52
  323. package/src/mappings/HeaderOverline.js +59 -52
  324. package/src/mappings/Icon.js +36 -29
  325. package/src/mappings/IconButton.js +43 -33
  326. package/src/mappings/Image.js +40 -32
  327. package/src/mappings/ImageBackground.js +38 -27
  328. package/src/mappings/KeyboardAvoidingView.js +46 -38
  329. package/src/mappings/KeyboardAwareScrollView.js +60 -48
  330. package/src/mappings/Layout.js +198 -192
  331. package/src/mappings/LinearGradient.js +79 -74
  332. package/src/mappings/MapCallout.js +27 -19
  333. package/src/mappings/MapMarker.js +53 -45
  334. package/src/mappings/MapView.js +146 -135
  335. package/src/mappings/Modal.js +47 -39
  336. package/src/mappings/NumberInput.js +247 -229
  337. package/src/mappings/Picker.js +153 -140
  338. package/src/mappings/ProgressBar.js +106 -98
  339. package/src/mappings/ProgressCircle.js +112 -105
  340. package/src/mappings/ProgressIndicator.js +186 -178
  341. package/src/mappings/RadioButton.js +59 -49
  342. package/src/mappings/RadioButtonGroup.js +21 -15
  343. package/src/mappings/RadioButtonRow.js +48 -40
  344. package/src/mappings/RowBodyIcon.js +77 -71
  345. package/src/mappings/RowHeadlineImageCaption.js +171 -161
  346. package/src/mappings/RowHeadlineImageIcon.js +98 -84
  347. package/src/mappings/SVG.js +22 -18
  348. package/src/mappings/SafeAreaView.js +35 -30
  349. package/src/mappings/ScrollView.js +36 -29
  350. package/src/mappings/Slider.js +67 -58
  351. package/src/mappings/StarRating.js +49 -41
  352. package/src/mappings/Stepper.js +34 -26
  353. package/src/mappings/Surface.js +16 -12
  354. package/src/mappings/Swiper.js +65 -58
  355. package/src/mappings/SwiperItem.js +5 -5
  356. package/src/mappings/Switch.js +87 -76
  357. package/src/mappings/Text.js +265 -242
  358. package/src/mappings/TextArea.js +273 -259
  359. package/src/mappings/TextField.js +379 -358
  360. package/src/mappings/TextInput.js +388 -362
  361. package/src/mappings/ToggleButton.js +60 -48
  362. package/src/mappings/Touchable.js +20 -15
  363. package/src/mappings/Video.js +92 -79
  364. package/src/mappings/View.js +225 -204
  365. package/src/mappings/WebView.js +104 -86
  366. package/src/styles/DarkTheme.js +17 -17
  367. package/src/styles/DefaultTheme.js +103 -103
  368. package/src/styles/fonts.js +55 -55
  369. package/src/styles/overlay.js +50 -49
  370. package/src/styles/shadow.js +43 -44
  371. package/src/theming.js +2 -1
  372. package/src/utilities.js +97 -76
@@ -1,29 +1,37 @@
1
- import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
1
+ import {
2
+ COMPONENT_TYPES,
3
+ createIconSizeProp,
4
+ createColorProp,
5
+ createFieldNameProp,
6
+ createStaticNumberProp,
7
+ Triggers,
8
+ BLOCK_STYLES_SECTIONS,
9
+ } from "@draftbit/types";
2
10
  export const SEED_DATA = [
3
- {
4
- name: "Stepper",
5
- tag: "Stepper",
6
- description: "A component used to control the quantity of something",
7
- category: COMPONENT_TYPES.control,
8
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
9
- layout: {},
10
- triggers: [Triggers.OnChange],
11
- props: {
12
- fieldName: createFieldNameProp({
13
- defaultValue: "stepperValue",
14
- handlerPropName: "onChange",
15
- valuePropName: "value",
16
- }),
17
- iconSize: createIconSizeProp({ defaultValue: 24 }),
18
- iconColor: createColorProp({ defaultValue: "strong" }),
19
- min: createStaticNumberProp({
20
- label: "Minimum",
21
- description: "Minimum Number",
22
- }),
23
- max: createStaticNumberProp({
24
- label: "Maximum",
25
- description: "Maximum Number",
26
- }),
27
- },
11
+ {
12
+ name: "Stepper",
13
+ tag: "Stepper",
14
+ description: "A component used to control the quantity of something",
15
+ category: COMPONENT_TYPES.control,
16
+ stylesPanelSections: BLOCK_STYLES_SECTIONS,
17
+ layout: {},
18
+ triggers: [Triggers.OnChange],
19
+ props: {
20
+ fieldName: createFieldNameProp({
21
+ defaultValue: "stepperValue",
22
+ handlerPropName: "onChange",
23
+ valuePropName: "value",
24
+ }),
25
+ iconSize: createIconSizeProp({ defaultValue: 24 }),
26
+ iconColor: createColorProp({ defaultValue: "strong" }),
27
+ min: createStaticNumberProp({
28
+ label: "Minimum",
29
+ description: "Minimum Number",
30
+ }),
31
+ max: createStaticNumberProp({
32
+ label: "Maximum",
33
+ description: "Maximum Number",
34
+ }),
28
35
  },
36
+ },
29
37
  ];
@@ -1,14 +1,18 @@
1
- import { COMPONENT_TYPES, createElevationType, CONTAINER_COMPONENT_STYLES_SECTIONS, } from "@draftbit/types";
1
+ import {
2
+ COMPONENT_TYPES,
3
+ createElevationType,
4
+ CONTAINER_COMPONENT_STYLES_SECTIONS,
5
+ } from "@draftbit/types";
2
6
  export const SEED_DATA = {
3
- name: "Surface",
4
- tag: "Surface",
5
- description: "An elevated container",
6
- category: COMPONENT_TYPES.container,
7
- stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
8
- layout: {
9
- minHeight: 40,
10
- },
11
- props: {
12
- elevation: createElevationType(0),
13
- },
7
+ name: "Surface",
8
+ tag: "Surface",
9
+ description: "An elevated container",
10
+ category: COMPONENT_TYPES.container,
11
+ stylesPanelSections: CONTAINER_COMPONENT_STYLES_SECTIONS,
12
+ layout: {
13
+ minHeight: 40,
14
+ },
15
+ props: {
16
+ elevation: createElevationType(0),
17
+ },
14
18
  };
@@ -1,60 +1,67 @@
1
- import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS, } from "@draftbit/types";
1
+ import {
2
+ COMPONENT_TYPES,
3
+ createBoolProp,
4
+ createNumberProp,
5
+ createTextProp,
6
+ createColorProp,
7
+ GROUPS,
8
+ } from "@draftbit/types";
2
9
  export const SEED_DATA = {
3
- name: "Swiper",
4
- tag: "Swiper",
5
- description: "Swiper container",
6
- category: COMPONENT_TYPES.swiper,
7
- layout: {
8
- height: 300,
9
- width: "100%",
10
- },
11
- props: {
12
- from: createNumberProp({
13
- group: GROUPS.basic,
14
- label: "Initial Slide",
15
- }),
16
- loop: createBoolProp({
17
- group: GROUPS.basic,
18
- label: "Loop",
19
- }),
20
- timeout: createNumberProp({
21
- group: GROUPS.basic,
22
- label: "Timeout",
23
- defaultValue: 0,
24
- }),
25
- vertical: createBoolProp({
26
- group: GROUPS.basic,
27
- label: "Vertical",
28
- defaultValue: false,
29
- }),
30
- prevTitle: createTextProp({
31
- group: GROUPS.basic,
32
- label: "Previous Title",
33
- defaultValue: "",
34
- }),
35
- nextTitle: createTextProp({
36
- group: GROUPS.basic,
37
- label: "Next Title",
38
- defaultValue: "",
39
- }),
40
- prevTitleColor: createColorProp({
41
- label: "Previous Title Color",
42
- }),
43
- nextTitleColor: createColorProp({
44
- label: "Next Title Color",
45
- }),
46
- dotColor: createColorProp({
47
- label: "Dot Color",
48
- defaultValue: "light",
49
- }),
50
- dotActiveColor: createColorProp({
51
- label: "Dot Active Color",
52
- defaultValue: "primary",
53
- }),
54
- dotsTouchable: createBoolProp({
55
- group: GROUPS.basic,
56
- label: "Dots Touchable",
57
- defaultValue: true,
58
- }),
59
- },
10
+ name: "Swiper",
11
+ tag: "Swiper",
12
+ description: "Swiper container",
13
+ category: COMPONENT_TYPES.swiper,
14
+ layout: {
15
+ height: 300,
16
+ width: "100%",
17
+ },
18
+ props: {
19
+ from: createNumberProp({
20
+ group: GROUPS.basic,
21
+ label: "Initial Slide",
22
+ }),
23
+ loop: createBoolProp({
24
+ group: GROUPS.basic,
25
+ label: "Loop",
26
+ }),
27
+ timeout: createNumberProp({
28
+ group: GROUPS.basic,
29
+ label: "Timeout",
30
+ defaultValue: 0,
31
+ }),
32
+ vertical: createBoolProp({
33
+ group: GROUPS.basic,
34
+ label: "Vertical",
35
+ defaultValue: false,
36
+ }),
37
+ prevTitle: createTextProp({
38
+ group: GROUPS.basic,
39
+ label: "Previous Title",
40
+ defaultValue: "",
41
+ }),
42
+ nextTitle: createTextProp({
43
+ group: GROUPS.basic,
44
+ label: "Next Title",
45
+ defaultValue: "",
46
+ }),
47
+ prevTitleColor: createColorProp({
48
+ label: "Previous Title Color",
49
+ }),
50
+ nextTitleColor: createColorProp({
51
+ label: "Next Title Color",
52
+ }),
53
+ dotColor: createColorProp({
54
+ label: "Dot Color",
55
+ defaultValue: "light",
56
+ }),
57
+ dotActiveColor: createColorProp({
58
+ label: "Dot Active Color",
59
+ defaultValue: "primary",
60
+ }),
61
+ dotsTouchable: createBoolProp({
62
+ group: GROUPS.basic,
63
+ label: "Dots Touchable",
64
+ defaultValue: true,
65
+ }),
66
+ },
60
67
  };
@@ -1,8 +1,8 @@
1
1
  import { COMPONENT_TYPES } from "@draftbit/types";
2
2
  export const SEED_DATA = {
3
- name: "Swiper Item",
4
- tag: "SwiperItem",
5
- description: "Swiper item",
6
- category: COMPONENT_TYPES.swiper,
7
- props: {},
3
+ name: "Swiper Item",
4
+ tag: "SwiperItem",
5
+ description: "Swiper item",
6
+ category: COMPONENT_TYPES.swiper,
7
+ props: {},
8
8
  };
@@ -1,81 +1,92 @@
1
- import { COMPONENT_TYPES, GROUPS, createBoolProp, createColorProp, createFieldNameProp, createTextProp, createRowDirectionProp, Triggers, StylesPanelSections, BLOCK_STYLES_SECTIONS, } from "@draftbit/types";
1
+ import {
2
+ COMPONENT_TYPES,
3
+ GROUPS,
4
+ createBoolProp,
5
+ createColorProp,
6
+ createFieldNameProp,
7
+ createTextProp,
8
+ createRowDirectionProp,
9
+ Triggers,
10
+ StylesPanelSections,
11
+ BLOCK_STYLES_SECTIONS,
12
+ } from "@draftbit/types";
2
13
  const SEED_DATA_TRIGGERS = [Triggers.OnValueChange];
3
14
  export const SEED_DATA = [
4
- {
5
- name: "Switch",
6
- tag: "Switch",
7
- category: COMPONENT_TYPES.control,
8
- stylesPanelSections: BLOCK_STYLES_SECTIONS,
9
- layout: {},
10
- triggers: SEED_DATA_TRIGGERS,
11
- props: {
12
- disabled: createBoolProp({
13
- label: "Disabled",
14
- description: "Boolean to handle disabling the switch",
15
- }),
16
- fieldName: createFieldNameProp({
17
- handlerPropName: "onValueChange",
18
- valuePropName: "value",
19
- defaultValue: "switchValue",
20
- }),
21
- activeTrackColor: createColorProp({
22
- label: "Active Track Color",
23
- }),
24
- inactiveTrackColor: createColorProp({
25
- label: "Inactive Track Color",
26
- }),
27
- activeThumbColor: createColorProp({
28
- label: "Active Thumb Color",
29
- }),
30
- inactiveThumbColor: createColorProp({
31
- label: "Inactive Thumb Color",
32
- }),
33
- },
15
+ {
16
+ name: "Switch",
17
+ tag: "Switch",
18
+ category: COMPONENT_TYPES.control,
19
+ stylesPanelSections: BLOCK_STYLES_SECTIONS,
20
+ layout: {},
21
+ triggers: SEED_DATA_TRIGGERS,
22
+ props: {
23
+ disabled: createBoolProp({
24
+ label: "Disabled",
25
+ description: "Boolean to handle disabling the switch",
26
+ }),
27
+ fieldName: createFieldNameProp({
28
+ handlerPropName: "onValueChange",
29
+ valuePropName: "value",
30
+ defaultValue: "switchValue",
31
+ }),
32
+ activeTrackColor: createColorProp({
33
+ label: "Active Track Color",
34
+ }),
35
+ inactiveTrackColor: createColorProp({
36
+ label: "Inactive Track Color",
37
+ }),
38
+ activeThumbColor: createColorProp({
39
+ label: "Active Thumb Color",
40
+ }),
41
+ inactiveThumbColor: createColorProp({
42
+ label: "Inactive Thumb Color",
43
+ }),
34
44
  },
35
- {
36
- name: "Switch Row",
37
- tag: "SwitchRow",
38
- category: COMPONENT_TYPES.control,
39
- stylesPanelSections: [
40
- StylesPanelSections.Typography,
41
- StylesPanelSections.Margins,
42
- StylesPanelSections.Effects,
43
- ],
44
- layout: {
45
- marginLeft: 0,
46
- marginRight: 0,
47
- },
48
- triggers: SEED_DATA_TRIGGERS,
49
- props: {
50
- label: createTextProp({
51
- label: "Label",
52
- description: "Label to show with the checkbox",
53
- required: true,
54
- defaultValue: "First Option",
55
- }),
56
- direction: createRowDirectionProp(),
57
- disabled: createBoolProp({
58
- label: "Disabled",
59
- description: "Boolean to handle disabling the switch",
60
- group: GROUPS.data,
61
- }),
62
- fieldName: createFieldNameProp({
63
- handlerPropName: "onValueChange",
64
- valuePropName: "value",
65
- defaultValue: "switchValue",
66
- }),
67
- activeTrackColor: createColorProp({
68
- label: "Active Track Color",
69
- }),
70
- inactiveTrackColor: createColorProp({
71
- label: "Inactive Track Color",
72
- }),
73
- activeThumbColor: createColorProp({
74
- label: "Active Thumb Color",
75
- }),
76
- inactiveThumbColor: createColorProp({
77
- label: "Inactive Thumb Color",
78
- }),
79
- },
45
+ },
46
+ {
47
+ name: "Switch Row",
48
+ tag: "SwitchRow",
49
+ category: COMPONENT_TYPES.control,
50
+ stylesPanelSections: [
51
+ StylesPanelSections.Typography,
52
+ StylesPanelSections.Margins,
53
+ StylesPanelSections.Effects,
54
+ ],
55
+ layout: {
56
+ marginLeft: 0,
57
+ marginRight: 0,
80
58
  },
59
+ triggers: SEED_DATA_TRIGGERS,
60
+ props: {
61
+ label: createTextProp({
62
+ label: "Label",
63
+ description: "Label to show with the checkbox",
64
+ required: true,
65
+ defaultValue: "First Option",
66
+ }),
67
+ direction: createRowDirectionProp(),
68
+ disabled: createBoolProp({
69
+ label: "Disabled",
70
+ description: "Boolean to handle disabling the switch",
71
+ group: GROUPS.data,
72
+ }),
73
+ fieldName: createFieldNameProp({
74
+ handlerPropName: "onValueChange",
75
+ valuePropName: "value",
76
+ defaultValue: "switchValue",
77
+ }),
78
+ activeTrackColor: createColorProp({
79
+ label: "Active Track Color",
80
+ }),
81
+ inactiveTrackColor: createColorProp({
82
+ label: "Inactive Track Color",
83
+ }),
84
+ activeThumbColor: createColorProp({
85
+ label: "Active Thumb Color",
86
+ }),
87
+ inactiveThumbColor: createColorProp({
88
+ label: "Inactive Thumb Color",
89
+ }),
90
+ },
91
+ },
81
92
  ];