@draftbit/core 47.3.2-e04b79.2 → 48.0.1-2c55ee.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 (103) hide show
  1. package/lib/src/components/AspectRatio.js +2 -2
  2. package/lib/src/components/AspectRatio.js.map +1 -1
  3. package/lib/src/components/DatePicker/DatePickerComponent.web.d.ts +195 -39
  4. package/lib/src/components/DeckSwiper/DeckSwiper.js +10 -1
  5. package/lib/src/components/DeckSwiper/DeckSwiper.js.map +1 -1
  6. package/lib/src/components/NumberInput.d.ts +3 -2
  7. package/lib/src/components/NumberInput.js +3 -3
  8. package/lib/src/components/NumberInput.js.map +1 -1
  9. package/lib/src/components/Picker/Picker.js +1 -1
  10. package/lib/src/components/Picker/Picker.js.map +1 -1
  11. package/lib/src/components/Picker/PickerComponent.ios.js +1 -1
  12. package/lib/src/components/Picker/PickerComponent.ios.js.map +1 -1
  13. package/lib/src/components/Swiper/Swiper.d.ts +1 -1
  14. package/lib/src/components/Swiper/Swiper.js +33 -15
  15. package/lib/src/components/Swiper/Swiper.js.map +1 -1
  16. package/lib/src/{components → deprecated-components}/AnimatedCircularProgress.d.ts +3 -0
  17. package/lib/src/{components → deprecated-components}/AnimatedCircularProgress.js +3 -0
  18. package/lib/src/deprecated-components/AnimatedCircularProgress.js.map +1 -0
  19. package/lib/src/{components → deprecated-components}/CircularProgress.d.ts +3 -0
  20. package/lib/src/{components → deprecated-components}/CircularProgress.js +3 -0
  21. package/lib/src/deprecated-components/CircularProgress.js.map +1 -0
  22. package/lib/src/deprecated-components/Container.d.ts +1 -1
  23. package/lib/src/deprecated-components/Container.js.map +1 -1
  24. package/{src/components → lib/src/deprecated-components}/DeprecatedButton.js +5 -2
  25. package/lib/src/deprecated-components/DeprecatedButton.js.map +1 -0
  26. package/lib/src/{components → deprecated-components}/DeprecatedCardWrapper.js +4 -1
  27. package/lib/src/deprecated-components/DeprecatedCardWrapper.js.map +1 -0
  28. package/{src/components → lib/src/deprecated-components}/DeprecatedFAB.js +6 -3
  29. package/lib/src/deprecated-components/DeprecatedFAB.js.map +1 -0
  30. package/lib/src/deprecated-components/ProgressCircle.js +1 -1
  31. package/lib/src/deprecated-components/ProgressCircle.js.map +1 -1
  32. package/lib/src/interfaces/Icon.d.ts +1 -1
  33. package/lib/src/interfaces/Icon.js +1 -1
  34. package/lib/src/interfaces/Icon.js.map +1 -1
  35. package/lib/src/styles/DefaultTheme.d.ts +65 -13
  36. package/lib/tsconfig.tsbuildinfo +1 -1
  37. package/package.json +9 -9
  38. package/src/components/AspectRatio.js +2 -2
  39. package/src/components/AspectRatio.js.map +1 -1
  40. package/src/components/AspectRatio.tsx +2 -2
  41. package/src/components/DeckSwiper/DeckSwiper.js +10 -1
  42. package/src/components/DeckSwiper/DeckSwiper.js.map +1 -1
  43. package/src/components/DeckSwiper/DeckSwiper.tsx +11 -0
  44. package/src/components/NumberInput.js +3 -3
  45. package/src/components/NumberInput.js.map +1 -1
  46. package/src/components/NumberInput.tsx +52 -53
  47. package/src/components/Picker/Picker.js +1 -1
  48. package/src/components/Picker/Picker.js.map +1 -1
  49. package/src/components/Picker/Picker.tsx +1 -1
  50. package/src/components/Picker/PickerComponent.ios.js +1 -1
  51. package/src/components/Picker/PickerComponent.ios.js.map +1 -1
  52. package/src/components/Picker/PickerComponent.ios.tsx +1 -1
  53. package/src/components/Swiper/Swiper.js +33 -15
  54. package/src/components/Swiper/Swiper.js.map +1 -1
  55. package/src/components/Swiper/Swiper.tsx +42 -16
  56. package/src/{components → deprecated-components}/AnimatedCircularProgress.js +3 -0
  57. package/src/deprecated-components/AnimatedCircularProgress.js.map +1 -0
  58. package/src/{components → deprecated-components}/AnimatedCircularProgress.tsx +3 -0
  59. package/src/{components → deprecated-components}/CircularProgress.js +3 -0
  60. package/src/deprecated-components/CircularProgress.js.map +1 -0
  61. package/src/{components → deprecated-components}/CircularProgress.tsx +3 -0
  62. package/src/deprecated-components/Container.js.map +1 -1
  63. package/src/deprecated-components/Container.tsx +8 -1
  64. package/{lib/src/components → src/deprecated-components}/DeprecatedButton.js +5 -2
  65. package/src/deprecated-components/DeprecatedButton.js.map +1 -0
  66. package/src/{components → deprecated-components}/DeprecatedButton.tsx +5 -2
  67. package/src/{components → deprecated-components}/DeprecatedCardWrapper.js +4 -1
  68. package/src/deprecated-components/DeprecatedCardWrapper.js.map +1 -0
  69. package/src/{components → deprecated-components}/DeprecatedCardWrapper.tsx +4 -1
  70. package/{lib/src/components → src/deprecated-components}/DeprecatedFAB.js +6 -3
  71. package/src/deprecated-components/DeprecatedFAB.js.map +1 -0
  72. package/src/{components → deprecated-components}/DeprecatedFAB.tsx +6 -3
  73. package/src/deprecated-components/ProgressCircle.js +1 -1
  74. package/src/deprecated-components/ProgressCircle.js.map +1 -1
  75. package/src/deprecated-components/ProgressCircle.tsx +1 -1
  76. package/src/interfaces/Icon.js +1 -1
  77. package/src/interfaces/Icon.js.map +1 -1
  78. package/src/interfaces/Icon.ts +7 -7
  79. package/lib/src/components/AnimatedCircularProgress.js.map +0 -1
  80. package/lib/src/components/CircularProgress.js.map +0 -1
  81. package/lib/src/components/DeprecatedButton.js.map +0 -1
  82. package/lib/src/components/DeprecatedCardWrapper.js.map +0 -1
  83. package/lib/src/components/DeprecatedFAB.js.map +0 -1
  84. package/lib/src/components/Justification.d.ts +0 -1
  85. package/lib/src/components/Justification.js +0 -2
  86. package/lib/src/components/Justification.js.map +0 -1
  87. package/lib/src/components/ResizeMode.d.ts +0 -1
  88. package/lib/src/components/ResizeMode.js +0 -2
  89. package/lib/src/components/ResizeMode.js.map +0 -1
  90. package/src/components/AnimatedCircularProgress.js.map +0 -1
  91. package/src/components/CircularProgress.js.map +0 -1
  92. package/src/components/DeprecatedButton.js.map +0 -1
  93. package/src/components/DeprecatedCardWrapper.js.map +0 -1
  94. package/src/components/DeprecatedFAB.js.map +0 -1
  95. package/src/components/Justification.js +0 -2
  96. package/src/components/Justification.js.map +0 -1
  97. package/src/components/Justification.ts +0 -8
  98. package/src/components/ResizeMode.js +0 -2
  99. package/src/components/ResizeMode.js.map +0 -1
  100. package/src/components/ResizeMode.ts +0 -7
  101. /package/lib/src/{components → deprecated-components}/DeprecatedButton.d.ts +0 -0
  102. /package/lib/src/{components → deprecated-components}/DeprecatedCardWrapper.d.ts +0 -0
  103. /package/lib/src/{components → deprecated-components}/DeprecatedFAB.d.ts +0 -0
package/lib/src/components/DatePicker/DatePickerComponent.web.d.ts CHANGED
@@ -80,7 +80,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
80
80
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
81
81
  alignItems?: import("react-native").FlexAlignType | undefined;
82
82
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
83
- aspectRatio?: number | undefined;
83
+ aspectRatio?: string | number | undefined;
84
84
  borderEndWidth?: string | number | undefined;
85
85
  borderStartWidth?: string | number | undefined;
86
86
  bottom?: string | number | undefined;
@@ -89,6 +89,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
89
89
  flex?: number | undefined;
90
90
  flexBasis?: string | number | undefined;
91
91
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
92
+ rowGap?: number | undefined;
93
+ gap?: number | undefined;
94
+ columnGap?: number | undefined;
92
95
  flexGrow?: number | undefined;
93
96
  flexShrink?: number | undefined;
94
97
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -140,6 +143,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
140
143
  translateX?: number | undefined;
141
144
  translateY?: number | undefined;
142
145
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
146
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
143
147
  includeFontPadding?: boolean | undefined;
144
148
  };
145
149
  headline2: {
@@ -193,7 +197,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
193
197
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
194
198
  alignItems?: import("react-native").FlexAlignType | undefined;
195
199
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
196
- aspectRatio?: number | undefined;
200
+ aspectRatio?: string | number | undefined;
197
201
  borderEndWidth?: string | number | undefined;
198
202
  borderStartWidth?: string | number | undefined;
199
203
  bottom?: string | number | undefined;
@@ -202,6 +206,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
202
206
  flex?: number | undefined;
203
207
  flexBasis?: string | number | undefined;
204
208
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
209
+ rowGap?: number | undefined;
210
+ gap?: number | undefined;
211
+ columnGap?: number | undefined;
205
212
  flexGrow?: number | undefined;
206
213
  flexShrink?: number | undefined;
207
214
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -253,6 +260,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
253
260
  translateX?: number | undefined;
254
261
  translateY?: number | undefined;
255
262
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
263
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
256
264
  includeFontPadding?: boolean | undefined;
257
265
  };
258
266
  headline3: {
@@ -306,7 +314,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
306
314
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
307
315
  alignItems?: import("react-native").FlexAlignType | undefined;
308
316
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
309
- aspectRatio?: number | undefined;
317
+ aspectRatio?: string | number | undefined;
310
318
  borderEndWidth?: string | number | undefined;
311
319
  borderStartWidth?: string | number | undefined;
312
320
  bottom?: string | number | undefined;
@@ -315,6 +323,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
315
323
  flex?: number | undefined;
316
324
  flexBasis?: string | number | undefined;
317
325
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
326
+ rowGap?: number | undefined;
327
+ gap?: number | undefined;
328
+ columnGap?: number | undefined;
318
329
  flexGrow?: number | undefined;
319
330
  flexShrink?: number | undefined;
320
331
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -366,6 +377,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
366
377
  translateX?: number | undefined;
367
378
  translateY?: number | undefined;
368
379
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
380
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
369
381
  includeFontPadding?: boolean | undefined;
370
382
  };
371
383
  headline4: {
@@ -419,7 +431,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
419
431
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
420
432
  alignItems?: import("react-native").FlexAlignType | undefined;
421
433
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
422
- aspectRatio?: number | undefined;
434
+ aspectRatio?: string | number | undefined;
423
435
  borderEndWidth?: string | number | undefined;
424
436
  borderStartWidth?: string | number | undefined;
425
437
  bottom?: string | number | undefined;
@@ -428,6 +440,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
428
440
  flex?: number | undefined;
429
441
  flexBasis?: string | number | undefined;
430
442
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
443
+ rowGap?: number | undefined;
444
+ gap?: number | undefined;
445
+ columnGap?: number | undefined;
431
446
  flexGrow?: number | undefined;
432
447
  flexShrink?: number | undefined;
433
448
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -479,6 +494,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
479
494
  translateX?: number | undefined;
480
495
  translateY?: number | undefined;
481
496
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
497
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
482
498
  includeFontPadding?: boolean | undefined;
483
499
  };
484
500
  headline5: {
@@ -532,7 +548,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
532
548
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
533
549
  alignItems?: import("react-native").FlexAlignType | undefined;
534
550
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
535
- aspectRatio?: number | undefined;
551
+ aspectRatio?: string | number | undefined;
536
552
  borderEndWidth?: string | number | undefined;
537
553
  borderStartWidth?: string | number | undefined;
538
554
  bottom?: string | number | undefined;
@@ -541,6 +557,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
541
557
  flex?: number | undefined;
542
558
  flexBasis?: string | number | undefined;
543
559
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
560
+ rowGap?: number | undefined;
561
+ gap?: number | undefined;
562
+ columnGap?: number | undefined;
544
563
  flexGrow?: number | undefined;
545
564
  flexShrink?: number | undefined;
546
565
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -592,6 +611,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
592
611
  translateX?: number | undefined;
593
612
  translateY?: number | undefined;
594
613
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
614
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
595
615
  includeFontPadding?: boolean | undefined;
596
616
  };
597
617
  subtitle1: {
@@ -645,7 +665,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
645
665
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
646
666
  alignItems?: import("react-native").FlexAlignType | undefined;
647
667
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
648
- aspectRatio?: number | undefined;
668
+ aspectRatio?: string | number | undefined;
649
669
  borderEndWidth?: string | number | undefined;
650
670
  borderStartWidth?: string | number | undefined;
651
671
  bottom?: string | number | undefined;
@@ -654,6 +674,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
654
674
  flex?: number | undefined;
655
675
  flexBasis?: string | number | undefined;
656
676
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
677
+ rowGap?: number | undefined;
678
+ gap?: number | undefined;
679
+ columnGap?: number | undefined;
657
680
  flexGrow?: number | undefined;
658
681
  flexShrink?: number | undefined;
659
682
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -705,6 +728,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
705
728
  translateX?: number | undefined;
706
729
  translateY?: number | undefined;
707
730
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
731
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
708
732
  includeFontPadding?: boolean | undefined;
709
733
  };
710
734
  subtitle2: {
@@ -758,7 +782,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
758
782
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
759
783
  alignItems?: import("react-native").FlexAlignType | undefined;
760
784
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
761
- aspectRatio?: number | undefined;
785
+ aspectRatio?: string | number | undefined;
762
786
  borderEndWidth?: string | number | undefined;
763
787
  borderStartWidth?: string | number | undefined;
764
788
  bottom?: string | number | undefined;
@@ -767,6 +791,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
767
791
  flex?: number | undefined;
768
792
  flexBasis?: string | number | undefined;
769
793
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
794
+ rowGap?: number | undefined;
795
+ gap?: number | undefined;
796
+ columnGap?: number | undefined;
770
797
  flexGrow?: number | undefined;
771
798
  flexShrink?: number | undefined;
772
799
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -818,6 +845,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
818
845
  translateX?: number | undefined;
819
846
  translateY?: number | undefined;
820
847
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
848
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
821
849
  includeFontPadding?: boolean | undefined;
822
850
  };
823
851
  body1: {
@@ -871,7 +899,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
871
899
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
872
900
  alignItems?: import("react-native").FlexAlignType | undefined;
873
901
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
874
- aspectRatio?: number | undefined;
902
+ aspectRatio?: string | number | undefined;
875
903
  borderEndWidth?: string | number | undefined;
876
904
  borderStartWidth?: string | number | undefined;
877
905
  bottom?: string | number | undefined;
@@ -880,6 +908,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
880
908
  flex?: number | undefined;
881
909
  flexBasis?: string | number | undefined;
882
910
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
911
+ rowGap?: number | undefined;
912
+ gap?: number | undefined;
913
+ columnGap?: number | undefined;
883
914
  flexGrow?: number | undefined;
884
915
  flexShrink?: number | undefined;
885
916
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -931,6 +962,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
931
962
  translateX?: number | undefined;
932
963
  translateY?: number | undefined;
933
964
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
965
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
934
966
  includeFontPadding?: boolean | undefined;
935
967
  };
936
968
  body2: {
@@ -984,7 +1016,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
984
1016
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
985
1017
  alignItems?: import("react-native").FlexAlignType | undefined;
986
1018
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
987
- aspectRatio?: number | undefined;
1019
+ aspectRatio?: string | number | undefined;
988
1020
  borderEndWidth?: string | number | undefined;
989
1021
  borderStartWidth?: string | number | undefined;
990
1022
  bottom?: string | number | undefined;
@@ -993,6 +1025,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
993
1025
  flex?: number | undefined;
994
1026
  flexBasis?: string | number | undefined;
995
1027
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1028
+ rowGap?: number | undefined;
1029
+ gap?: number | undefined;
1030
+ columnGap?: number | undefined;
996
1031
  flexGrow?: number | undefined;
997
1032
  flexShrink?: number | undefined;
998
1033
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1044,6 +1079,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1044
1079
  translateX?: number | undefined;
1045
1080
  translateY?: number | undefined;
1046
1081
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1082
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1047
1083
  includeFontPadding?: boolean | undefined;
1048
1084
  };
1049
1085
  button: {
@@ -1097,7 +1133,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1097
1133
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1098
1134
  alignItems?: import("react-native").FlexAlignType | undefined;
1099
1135
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1100
- aspectRatio?: number | undefined;
1136
+ aspectRatio?: string | number | undefined;
1101
1137
  borderEndWidth?: string | number | undefined;
1102
1138
  borderStartWidth?: string | number | undefined;
1103
1139
  bottom?: string | number | undefined;
@@ -1106,6 +1142,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1106
1142
  flex?: number | undefined;
1107
1143
  flexBasis?: string | number | undefined;
1108
1144
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1145
+ rowGap?: number | undefined;
1146
+ gap?: number | undefined;
1147
+ columnGap?: number | undefined;
1109
1148
  flexGrow?: number | undefined;
1110
1149
  flexShrink?: number | undefined;
1111
1150
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1157,6 +1196,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1157
1196
  translateX?: number | undefined;
1158
1197
  translateY?: number | undefined;
1159
1198
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1199
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1160
1200
  includeFontPadding?: boolean | undefined;
1161
1201
  };
1162
1202
  caption: {
@@ -1210,7 +1250,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1210
1250
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1211
1251
  alignItems?: import("react-native").FlexAlignType | undefined;
1212
1252
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1213
- aspectRatio?: number | undefined;
1253
+ aspectRatio?: string | number | undefined;
1214
1254
  borderEndWidth?: string | number | undefined;
1215
1255
  borderStartWidth?: string | number | undefined;
1216
1256
  bottom?: string | number | undefined;
@@ -1219,6 +1259,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1219
1259
  flex?: number | undefined;
1220
1260
  flexBasis?: string | number | undefined;
1221
1261
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1262
+ rowGap?: number | undefined;
1263
+ gap?: number | undefined;
1264
+ columnGap?: number | undefined;
1222
1265
  flexGrow?: number | undefined;
1223
1266
  flexShrink?: number | undefined;
1224
1267
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1270,6 +1313,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1270
1313
  translateX?: number | undefined;
1271
1314
  translateY?: number | undefined;
1272
1315
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1316
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1273
1317
  includeFontPadding?: boolean | undefined;
1274
1318
  };
1275
1319
  overline: {
@@ -1323,7 +1367,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1323
1367
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1324
1368
  alignItems?: import("react-native").FlexAlignType | undefined;
1325
1369
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1326
- aspectRatio?: number | undefined;
1370
+ aspectRatio?: string | number | undefined;
1327
1371
  borderEndWidth?: string | number | undefined;
1328
1372
  borderStartWidth?: string | number | undefined;
1329
1373
  bottom?: string | number | undefined;
@@ -1332,6 +1376,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1332
1376
  flex?: number | undefined;
1333
1377
  flexBasis?: string | number | undefined;
1334
1378
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1379
+ rowGap?: number | undefined;
1380
+ gap?: number | undefined;
1381
+ columnGap?: number | undefined;
1335
1382
  flexGrow?: number | undefined;
1336
1383
  flexShrink?: number | undefined;
1337
1384
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1383,6 +1430,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1383
1430
  translateX?: number | undefined;
1384
1431
  translateY?: number | undefined;
1385
1432
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1433
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1386
1434
  includeFontPadding?: boolean | undefined;
1387
1435
  };
1388
1436
  headline6: {
@@ -1436,7 +1484,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1436
1484
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1437
1485
  alignItems?: import("react-native").FlexAlignType | undefined;
1438
1486
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1439
- aspectRatio?: number | undefined;
1487
+ aspectRatio?: string | number | undefined;
1440
1488
  borderEndWidth?: string | number | undefined;
1441
1489
  borderStartWidth?: string | number | undefined;
1442
1490
  bottom?: string | number | undefined;
@@ -1445,6 +1493,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1445
1493
  flex?: number | undefined;
1446
1494
  flexBasis?: string | number | undefined;
1447
1495
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1496
+ rowGap?: number | undefined;
1497
+ gap?: number | undefined;
1498
+ columnGap?: number | undefined;
1448
1499
  flexGrow?: number | undefined;
1449
1500
  flexShrink?: number | undefined;
1450
1501
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1496,6 +1547,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1496
1547
  translateX?: number | undefined;
1497
1548
  translateY?: number | undefined;
1498
1549
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1550
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1499
1551
  includeFontPadding?: boolean | undefined;
1500
1552
  };
1501
1553
  };
@@ -1582,7 +1634,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1582
1634
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1583
1635
  alignItems?: import("react-native").FlexAlignType | undefined;
1584
1636
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1585
- aspectRatio?: number | undefined;
1637
+ aspectRatio?: string | number | undefined;
1586
1638
  borderEndWidth?: string | number | undefined;
1587
1639
  borderStartWidth?: string | number | undefined;
1588
1640
  bottom?: string | number | undefined;
@@ -1591,6 +1643,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1591
1643
  flex?: number | undefined;
1592
1644
  flexBasis?: string | number | undefined;
1593
1645
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1646
+ rowGap?: number | undefined;
1647
+ gap?: number | undefined;
1648
+ columnGap?: number | undefined;
1594
1649
  flexGrow?: number | undefined;
1595
1650
  flexShrink?: number | undefined;
1596
1651
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1642,6 +1697,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1642
1697
  translateX?: number | undefined;
1643
1698
  translateY?: number | undefined;
1644
1699
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1700
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1645
1701
  includeFontPadding?: boolean | undefined;
1646
1702
  };
1647
1703
  headline2: {
@@ -1695,7 +1751,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1695
1751
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1696
1752
  alignItems?: import("react-native").FlexAlignType | undefined;
1697
1753
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1698
- aspectRatio?: number | undefined;
1754
+ aspectRatio?: string | number | undefined;
1699
1755
  borderEndWidth?: string | number | undefined;
1700
1756
  borderStartWidth?: string | number | undefined;
1701
1757
  bottom?: string | number | undefined;
@@ -1704,6 +1760,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1704
1760
  flex?: number | undefined;
1705
1761
  flexBasis?: string | number | undefined;
1706
1762
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1763
+ rowGap?: number | undefined;
1764
+ gap?: number | undefined;
1765
+ columnGap?: number | undefined;
1707
1766
  flexGrow?: number | undefined;
1708
1767
  flexShrink?: number | undefined;
1709
1768
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1755,6 +1814,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1755
1814
  translateX?: number | undefined;
1756
1815
  translateY?: number | undefined;
1757
1816
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1817
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1758
1818
  includeFontPadding?: boolean | undefined;
1759
1819
  };
1760
1820
  headline3: {
@@ -1808,7 +1868,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1808
1868
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1809
1869
  alignItems?: import("react-native").FlexAlignType | undefined;
1810
1870
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1811
- aspectRatio?: number | undefined;
1871
+ aspectRatio?: string | number | undefined;
1812
1872
  borderEndWidth?: string | number | undefined;
1813
1873
  borderStartWidth?: string | number | undefined;
1814
1874
  bottom?: string | number | undefined;
@@ -1817,6 +1877,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1817
1877
  flex?: number | undefined;
1818
1878
  flexBasis?: string | number | undefined;
1819
1879
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1880
+ rowGap?: number | undefined;
1881
+ gap?: number | undefined;
1882
+ columnGap?: number | undefined;
1820
1883
  flexGrow?: number | undefined;
1821
1884
  flexShrink?: number | undefined;
1822
1885
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1868,6 +1931,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1868
1931
  translateX?: number | undefined;
1869
1932
  translateY?: number | undefined;
1870
1933
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
1934
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1871
1935
  includeFontPadding?: boolean | undefined;
1872
1936
  };
1873
1937
  headline4: {
@@ -1921,7 +1985,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1921
1985
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
1922
1986
  alignItems?: import("react-native").FlexAlignType | undefined;
1923
1987
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
1924
- aspectRatio?: number | undefined;
1988
+ aspectRatio?: string | number | undefined;
1925
1989
  borderEndWidth?: string | number | undefined;
1926
1990
  borderStartWidth?: string | number | undefined;
1927
1991
  bottom?: string | number | undefined;
@@ -1930,6 +1994,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1930
1994
  flex?: number | undefined;
1931
1995
  flexBasis?: string | number | undefined;
1932
1996
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
1997
+ rowGap?: number | undefined;
1998
+ gap?: number | undefined;
1999
+ columnGap?: number | undefined;
1933
2000
  flexGrow?: number | undefined;
1934
2001
  flexShrink?: number | undefined;
1935
2002
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -1981,6 +2048,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
1981
2048
  translateX?: number | undefined;
1982
2049
  translateY?: number | undefined;
1983
2050
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2051
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
1984
2052
  includeFontPadding?: boolean | undefined;
1985
2053
  };
1986
2054
  headline5: {
@@ -2034,7 +2102,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2034
2102
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2035
2103
  alignItems?: import("react-native").FlexAlignType | undefined;
2036
2104
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2037
- aspectRatio?: number | undefined;
2105
+ aspectRatio?: string | number | undefined;
2038
2106
  borderEndWidth?: string | number | undefined;
2039
2107
  borderStartWidth?: string | number | undefined;
2040
2108
  bottom?: string | number | undefined;
@@ -2043,6 +2111,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2043
2111
  flex?: number | undefined;
2044
2112
  flexBasis?: string | number | undefined;
2045
2113
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2114
+ rowGap?: number | undefined;
2115
+ gap?: number | undefined;
2116
+ columnGap?: number | undefined;
2046
2117
  flexGrow?: number | undefined;
2047
2118
  flexShrink?: number | undefined;
2048
2119
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2094,6 +2165,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2094
2165
  translateX?: number | undefined;
2095
2166
  translateY?: number | undefined;
2096
2167
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2168
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2097
2169
  includeFontPadding?: boolean | undefined;
2098
2170
  };
2099
2171
  subtitle1: {
@@ -2147,7 +2219,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2147
2219
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2148
2220
  alignItems?: import("react-native").FlexAlignType | undefined;
2149
2221
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2150
- aspectRatio?: number | undefined;
2222
+ aspectRatio?: string | number | undefined;
2151
2223
  borderEndWidth?: string | number | undefined;
2152
2224
  borderStartWidth?: string | number | undefined;
2153
2225
  bottom?: string | number | undefined;
@@ -2156,6 +2228,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2156
2228
  flex?: number | undefined;
2157
2229
  flexBasis?: string | number | undefined;
2158
2230
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2231
+ rowGap?: number | undefined;
2232
+ gap?: number | undefined;
2233
+ columnGap?: number | undefined;
2159
2234
  flexGrow?: number | undefined;
2160
2235
  flexShrink?: number | undefined;
2161
2236
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2207,6 +2282,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2207
2282
  translateX?: number | undefined;
2208
2283
  translateY?: number | undefined;
2209
2284
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2285
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2210
2286
  includeFontPadding?: boolean | undefined;
2211
2287
  };
2212
2288
  subtitle2: {
@@ -2260,7 +2336,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2260
2336
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2261
2337
  alignItems?: import("react-native").FlexAlignType | undefined;
2262
2338
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2263
- aspectRatio?: number | undefined;
2339
+ aspectRatio?: string | number | undefined;
2264
2340
  borderEndWidth?: string | number | undefined;
2265
2341
  borderStartWidth?: string | number | undefined;
2266
2342
  bottom?: string | number | undefined;
@@ -2269,6 +2345,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2269
2345
  flex?: number | undefined;
2270
2346
  flexBasis?: string | number | undefined;
2271
2347
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2348
+ rowGap?: number | undefined;
2349
+ gap?: number | undefined;
2350
+ columnGap?: number | undefined;
2272
2351
  flexGrow?: number | undefined;
2273
2352
  flexShrink?: number | undefined;
2274
2353
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2320,6 +2399,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2320
2399
  translateX?: number | undefined;
2321
2400
  translateY?: number | undefined;
2322
2401
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2402
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2323
2403
  includeFontPadding?: boolean | undefined;
2324
2404
  };
2325
2405
  body1: {
@@ -2373,7 +2453,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2373
2453
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2374
2454
  alignItems?: import("react-native").FlexAlignType | undefined;
2375
2455
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2376
- aspectRatio?: number | undefined;
2456
+ aspectRatio?: string | number | undefined;
2377
2457
  borderEndWidth?: string | number | undefined;
2378
2458
  borderStartWidth?: string | number | undefined;
2379
2459
  bottom?: string | number | undefined;
@@ -2382,6 +2462,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2382
2462
  flex?: number | undefined;
2383
2463
  flexBasis?: string | number | undefined;
2384
2464
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2465
+ rowGap?: number | undefined;
2466
+ gap?: number | undefined;
2467
+ columnGap?: number | undefined;
2385
2468
  flexGrow?: number | undefined;
2386
2469
  flexShrink?: number | undefined;
2387
2470
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2433,6 +2516,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2433
2516
  translateX?: number | undefined;
2434
2517
  translateY?: number | undefined;
2435
2518
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2519
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2436
2520
  includeFontPadding?: boolean | undefined;
2437
2521
  };
2438
2522
  body2: {
@@ -2486,7 +2570,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2486
2570
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2487
2571
  alignItems?: import("react-native").FlexAlignType | undefined;
2488
2572
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2489
- aspectRatio?: number | undefined;
2573
+ aspectRatio?: string | number | undefined;
2490
2574
  borderEndWidth?: string | number | undefined;
2491
2575
  borderStartWidth?: string | number | undefined;
2492
2576
  bottom?: string | number | undefined;
@@ -2495,6 +2579,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2495
2579
  flex?: number | undefined;
2496
2580
  flexBasis?: string | number | undefined;
2497
2581
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2582
+ rowGap?: number | undefined;
2583
+ gap?: number | undefined;
2584
+ columnGap?: number | undefined;
2498
2585
  flexGrow?: number | undefined;
2499
2586
  flexShrink?: number | undefined;
2500
2587
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2546,6 +2633,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2546
2633
  translateX?: number | undefined;
2547
2634
  translateY?: number | undefined;
2548
2635
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2636
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2549
2637
  includeFontPadding?: boolean | undefined;
2550
2638
  };
2551
2639
  button: {
@@ -2599,7 +2687,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2599
2687
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2600
2688
  alignItems?: import("react-native").FlexAlignType | undefined;
2601
2689
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2602
- aspectRatio?: number | undefined;
2690
+ aspectRatio?: string | number | undefined;
2603
2691
  borderEndWidth?: string | number | undefined;
2604
2692
  borderStartWidth?: string | number | undefined;
2605
2693
  bottom?: string | number | undefined;
@@ -2608,6 +2696,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2608
2696
  flex?: number | undefined;
2609
2697
  flexBasis?: string | number | undefined;
2610
2698
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2699
+ rowGap?: number | undefined;
2700
+ gap?: number | undefined;
2701
+ columnGap?: number | undefined;
2611
2702
  flexGrow?: number | undefined;
2612
2703
  flexShrink?: number | undefined;
2613
2704
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2659,6 +2750,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2659
2750
  translateX?: number | undefined;
2660
2751
  translateY?: number | undefined;
2661
2752
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2753
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2662
2754
  includeFontPadding?: boolean | undefined;
2663
2755
  };
2664
2756
  caption: {
@@ -2712,7 +2804,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2712
2804
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2713
2805
  alignItems?: import("react-native").FlexAlignType | undefined;
2714
2806
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2715
- aspectRatio?: number | undefined;
2807
+ aspectRatio?: string | number | undefined;
2716
2808
  borderEndWidth?: string | number | undefined;
2717
2809
  borderStartWidth?: string | number | undefined;
2718
2810
  bottom?: string | number | undefined;
@@ -2721,6 +2813,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2721
2813
  flex?: number | undefined;
2722
2814
  flexBasis?: string | number | undefined;
2723
2815
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2816
+ rowGap?: number | undefined;
2817
+ gap?: number | undefined;
2818
+ columnGap?: number | undefined;
2724
2819
  flexGrow?: number | undefined;
2725
2820
  flexShrink?: number | undefined;
2726
2821
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2772,6 +2867,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2772
2867
  translateX?: number | undefined;
2773
2868
  translateY?: number | undefined;
2774
2869
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2870
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2775
2871
  includeFontPadding?: boolean | undefined;
2776
2872
  };
2777
2873
  overline: {
@@ -2825,7 +2921,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2825
2921
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2826
2922
  alignItems?: import("react-native").FlexAlignType | undefined;
2827
2923
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2828
- aspectRatio?: number | undefined;
2924
+ aspectRatio?: string | number | undefined;
2829
2925
  borderEndWidth?: string | number | undefined;
2830
2926
  borderStartWidth?: string | number | undefined;
2831
2927
  bottom?: string | number | undefined;
@@ -2834,6 +2930,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2834
2930
  flex?: number | undefined;
2835
2931
  flexBasis?: string | number | undefined;
2836
2932
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
2933
+ rowGap?: number | undefined;
2934
+ gap?: number | undefined;
2935
+ columnGap?: number | undefined;
2837
2936
  flexGrow?: number | undefined;
2838
2937
  flexShrink?: number | undefined;
2839
2938
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2885,6 +2984,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2885
2984
  translateX?: number | undefined;
2886
2985
  translateY?: number | undefined;
2887
2986
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
2987
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
2888
2988
  includeFontPadding?: boolean | undefined;
2889
2989
  };
2890
2990
  headline6: {
@@ -2938,7 +3038,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2938
3038
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
2939
3039
  alignItems?: import("react-native").FlexAlignType | undefined;
2940
3040
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
2941
- aspectRatio?: number | undefined;
3041
+ aspectRatio?: string | number | undefined;
2942
3042
  borderEndWidth?: string | number | undefined;
2943
3043
  borderStartWidth?: string | number | undefined;
2944
3044
  bottom?: string | number | undefined;
@@ -2947,6 +3047,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2947
3047
  flex?: number | undefined;
2948
3048
  flexBasis?: string | number | undefined;
2949
3049
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3050
+ rowGap?: number | undefined;
3051
+ gap?: number | undefined;
3052
+ columnGap?: number | undefined;
2950
3053
  flexGrow?: number | undefined;
2951
3054
  flexShrink?: number | undefined;
2952
3055
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -2998,6 +3101,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
2998
3101
  translateX?: number | undefined;
2999
3102
  translateY?: number | undefined;
3000
3103
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3104
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3001
3105
  includeFontPadding?: boolean | undefined;
3002
3106
  };
3003
3107
  };
@@ -3082,7 +3186,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3082
3186
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3083
3187
  alignItems?: import("react-native").FlexAlignType | undefined;
3084
3188
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3085
- aspectRatio?: number | undefined;
3189
+ aspectRatio?: string | number | undefined;
3086
3190
  borderEndWidth?: string | number | undefined;
3087
3191
  borderStartWidth?: string | number | undefined;
3088
3192
  bottom?: string | number | undefined;
@@ -3091,6 +3195,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3091
3195
  flex?: number | undefined;
3092
3196
  flexBasis?: string | number | undefined;
3093
3197
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3198
+ rowGap?: number | undefined;
3199
+ gap?: number | undefined;
3200
+ columnGap?: number | undefined;
3094
3201
  flexGrow?: number | undefined;
3095
3202
  flexShrink?: number | undefined;
3096
3203
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3142,6 +3249,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3142
3249
  translateX?: number | undefined;
3143
3250
  translateY?: number | undefined;
3144
3251
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3252
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3145
3253
  includeFontPadding?: boolean | undefined;
3146
3254
  };
3147
3255
  headline2: {
@@ -3195,7 +3303,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3195
3303
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3196
3304
  alignItems?: import("react-native").FlexAlignType | undefined;
3197
3305
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3198
- aspectRatio?: number | undefined;
3306
+ aspectRatio?: string | number | undefined;
3199
3307
  borderEndWidth?: string | number | undefined;
3200
3308
  borderStartWidth?: string | number | undefined;
3201
3309
  bottom?: string | number | undefined;
@@ -3204,6 +3312,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3204
3312
  flex?: number | undefined;
3205
3313
  flexBasis?: string | number | undefined;
3206
3314
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3315
+ rowGap?: number | undefined;
3316
+ gap?: number | undefined;
3317
+ columnGap?: number | undefined;
3207
3318
  flexGrow?: number | undefined;
3208
3319
  flexShrink?: number | undefined;
3209
3320
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3255,6 +3366,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3255
3366
  translateX?: number | undefined;
3256
3367
  translateY?: number | undefined;
3257
3368
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3369
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3258
3370
  includeFontPadding?: boolean | undefined;
3259
3371
  };
3260
3372
  headline3: {
@@ -3308,7 +3420,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3308
3420
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3309
3421
  alignItems?: import("react-native").FlexAlignType | undefined;
3310
3422
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3311
- aspectRatio?: number | undefined;
3423
+ aspectRatio?: string | number | undefined;
3312
3424
  borderEndWidth?: string | number | undefined;
3313
3425
  borderStartWidth?: string | number | undefined;
3314
3426
  bottom?: string | number | undefined;
@@ -3317,6 +3429,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3317
3429
  flex?: number | undefined;
3318
3430
  flexBasis?: string | number | undefined;
3319
3431
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3432
+ rowGap?: number | undefined;
3433
+ gap?: number | undefined;
3434
+ columnGap?: number | undefined;
3320
3435
  flexGrow?: number | undefined;
3321
3436
  flexShrink?: number | undefined;
3322
3437
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3368,6 +3483,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3368
3483
  translateX?: number | undefined;
3369
3484
  translateY?: number | undefined;
3370
3485
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3486
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3371
3487
  includeFontPadding?: boolean | undefined;
3372
3488
  };
3373
3489
  headline4: {
@@ -3421,7 +3537,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3421
3537
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3422
3538
  alignItems?: import("react-native").FlexAlignType | undefined;
3423
3539
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3424
- aspectRatio?: number | undefined;
3540
+ aspectRatio?: string | number | undefined;
3425
3541
  borderEndWidth?: string | number | undefined;
3426
3542
  borderStartWidth?: string | number | undefined;
3427
3543
  bottom?: string | number | undefined;
@@ -3430,6 +3546,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3430
3546
  flex?: number | undefined;
3431
3547
  flexBasis?: string | number | undefined;
3432
3548
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3549
+ rowGap?: number | undefined;
3550
+ gap?: number | undefined;
3551
+ columnGap?: number | undefined;
3433
3552
  flexGrow?: number | undefined;
3434
3553
  flexShrink?: number | undefined;
3435
3554
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3481,6 +3600,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3481
3600
  translateX?: number | undefined;
3482
3601
  translateY?: number | undefined;
3483
3602
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3603
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3484
3604
  includeFontPadding?: boolean | undefined;
3485
3605
  };
3486
3606
  headline5: {
@@ -3534,7 +3654,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3534
3654
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3535
3655
  alignItems?: import("react-native").FlexAlignType | undefined;
3536
3656
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3537
- aspectRatio?: number | undefined;
3657
+ aspectRatio?: string | number | undefined;
3538
3658
  borderEndWidth?: string | number | undefined;
3539
3659
  borderStartWidth?: string | number | undefined;
3540
3660
  bottom?: string | number | undefined;
@@ -3543,6 +3663,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3543
3663
  flex?: number | undefined;
3544
3664
  flexBasis?: string | number | undefined;
3545
3665
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3666
+ rowGap?: number | undefined;
3667
+ gap?: number | undefined;
3668
+ columnGap?: number | undefined;
3546
3669
  flexGrow?: number | undefined;
3547
3670
  flexShrink?: number | undefined;
3548
3671
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3594,6 +3717,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3594
3717
  translateX?: number | undefined;
3595
3718
  translateY?: number | undefined;
3596
3719
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3720
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3597
3721
  includeFontPadding?: boolean | undefined;
3598
3722
  };
3599
3723
  subtitle1: {
@@ -3647,7 +3771,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3647
3771
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3648
3772
  alignItems?: import("react-native").FlexAlignType | undefined;
3649
3773
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3650
- aspectRatio?: number | undefined;
3774
+ aspectRatio?: string | number | undefined;
3651
3775
  borderEndWidth?: string | number | undefined;
3652
3776
  borderStartWidth?: string | number | undefined;
3653
3777
  bottom?: string | number | undefined;
@@ -3656,6 +3780,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3656
3780
  flex?: number | undefined;
3657
3781
  flexBasis?: string | number | undefined;
3658
3782
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3783
+ rowGap?: number | undefined;
3784
+ gap?: number | undefined;
3785
+ columnGap?: number | undefined;
3659
3786
  flexGrow?: number | undefined;
3660
3787
  flexShrink?: number | undefined;
3661
3788
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3707,6 +3834,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3707
3834
  translateX?: number | undefined;
3708
3835
  translateY?: number | undefined;
3709
3836
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3837
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3710
3838
  includeFontPadding?: boolean | undefined;
3711
3839
  };
3712
3840
  subtitle2: {
@@ -3760,7 +3888,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3760
3888
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3761
3889
  alignItems?: import("react-native").FlexAlignType | undefined;
3762
3890
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3763
- aspectRatio?: number | undefined;
3891
+ aspectRatio?: string | number | undefined;
3764
3892
  borderEndWidth?: string | number | undefined;
3765
3893
  borderStartWidth?: string | number | undefined;
3766
3894
  bottom?: string | number | undefined;
@@ -3769,6 +3897,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3769
3897
  flex?: number | undefined;
3770
3898
  flexBasis?: string | number | undefined;
3771
3899
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
3900
+ rowGap?: number | undefined;
3901
+ gap?: number | undefined;
3902
+ columnGap?: number | undefined;
3772
3903
  flexGrow?: number | undefined;
3773
3904
  flexShrink?: number | undefined;
3774
3905
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3820,6 +3951,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3820
3951
  translateX?: number | undefined;
3821
3952
  translateY?: number | undefined;
3822
3953
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
3954
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3823
3955
  includeFontPadding?: boolean | undefined;
3824
3956
  };
3825
3957
  body1: {
@@ -3873,7 +4005,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3873
4005
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3874
4006
  alignItems?: import("react-native").FlexAlignType | undefined;
3875
4007
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3876
- aspectRatio?: number | undefined;
4008
+ aspectRatio?: string | number | undefined;
3877
4009
  borderEndWidth?: string | number | undefined;
3878
4010
  borderStartWidth?: string | number | undefined;
3879
4011
  bottom?: string | number | undefined;
@@ -3882,6 +4014,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3882
4014
  flex?: number | undefined;
3883
4015
  flexBasis?: string | number | undefined;
3884
4016
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4017
+ rowGap?: number | undefined;
4018
+ gap?: number | undefined;
4019
+ columnGap?: number | undefined;
3885
4020
  flexGrow?: number | undefined;
3886
4021
  flexShrink?: number | undefined;
3887
4022
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -3933,6 +4068,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3933
4068
  translateX?: number | undefined;
3934
4069
  translateY?: number | undefined;
3935
4070
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4071
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
3936
4072
  includeFontPadding?: boolean | undefined;
3937
4073
  };
3938
4074
  body2: {
@@ -3986,7 +4122,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3986
4122
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
3987
4123
  alignItems?: import("react-native").FlexAlignType | undefined;
3988
4124
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
3989
- aspectRatio?: number | undefined;
4125
+ aspectRatio?: string | number | undefined;
3990
4126
  borderEndWidth?: string | number | undefined;
3991
4127
  borderStartWidth?: string | number | undefined;
3992
4128
  bottom?: string | number | undefined;
@@ -3995,6 +4131,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
3995
4131
  flex?: number | undefined;
3996
4132
  flexBasis?: string | number | undefined;
3997
4133
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4134
+ rowGap?: number | undefined;
4135
+ gap?: number | undefined;
4136
+ columnGap?: number | undefined;
3998
4137
  flexGrow?: number | undefined;
3999
4138
  flexShrink?: number | undefined;
4000
4139
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -4046,6 +4185,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4046
4185
  translateX?: number | undefined;
4047
4186
  translateY?: number | undefined;
4048
4187
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4188
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
4049
4189
  includeFontPadding?: boolean | undefined;
4050
4190
  };
4051
4191
  button: {
@@ -4099,7 +4239,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4099
4239
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
4100
4240
  alignItems?: import("react-native").FlexAlignType | undefined;
4101
4241
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
4102
- aspectRatio?: number | undefined;
4242
+ aspectRatio?: string | number | undefined;
4103
4243
  borderEndWidth?: string | number | undefined;
4104
4244
  borderStartWidth?: string | number | undefined;
4105
4245
  bottom?: string | number | undefined;
@@ -4108,6 +4248,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4108
4248
  flex?: number | undefined;
4109
4249
  flexBasis?: string | number | undefined;
4110
4250
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4251
+ rowGap?: number | undefined;
4252
+ gap?: number | undefined;
4253
+ columnGap?: number | undefined;
4111
4254
  flexGrow?: number | undefined;
4112
4255
  flexShrink?: number | undefined;
4113
4256
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -4159,6 +4302,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4159
4302
  translateX?: number | undefined;
4160
4303
  translateY?: number | undefined;
4161
4304
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4305
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
4162
4306
  includeFontPadding?: boolean | undefined;
4163
4307
  };
4164
4308
  caption: {
@@ -4212,7 +4356,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4212
4356
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
4213
4357
  alignItems?: import("react-native").FlexAlignType | undefined;
4214
4358
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
4215
- aspectRatio?: number | undefined;
4359
+ aspectRatio?: string | number | undefined;
4216
4360
  borderEndWidth?: string | number | undefined;
4217
4361
  borderStartWidth?: string | number | undefined;
4218
4362
  bottom?: string | number | undefined;
@@ -4221,6 +4365,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4221
4365
  flex?: number | undefined;
4222
4366
  flexBasis?: string | number | undefined;
4223
4367
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4368
+ rowGap?: number | undefined;
4369
+ gap?: number | undefined;
4370
+ columnGap?: number | undefined;
4224
4371
  flexGrow?: number | undefined;
4225
4372
  flexShrink?: number | undefined;
4226
4373
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -4272,6 +4419,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4272
4419
  translateX?: number | undefined;
4273
4420
  translateY?: number | undefined;
4274
4421
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4422
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
4275
4423
  includeFontPadding?: boolean | undefined;
4276
4424
  };
4277
4425
  overline: {
@@ -4325,7 +4473,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4325
4473
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
4326
4474
  alignItems?: import("react-native").FlexAlignType | undefined;
4327
4475
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
4328
- aspectRatio?: number | undefined;
4476
+ aspectRatio?: string | number | undefined;
4329
4477
  borderEndWidth?: string | number | undefined;
4330
4478
  borderStartWidth?: string | number | undefined;
4331
4479
  bottom?: string | number | undefined;
@@ -4334,6 +4482,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4334
4482
  flex?: number | undefined;
4335
4483
  flexBasis?: string | number | undefined;
4336
4484
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4485
+ rowGap?: number | undefined;
4486
+ gap?: number | undefined;
4487
+ columnGap?: number | undefined;
4337
4488
  flexGrow?: number | undefined;
4338
4489
  flexShrink?: number | undefined;
4339
4490
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -4385,6 +4536,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4385
4536
  translateX?: number | undefined;
4386
4537
  translateY?: number | undefined;
4387
4538
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4539
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
4388
4540
  includeFontPadding?: boolean | undefined;
4389
4541
  };
4390
4542
  headline6: {
@@ -4438,7 +4590,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4438
4590
  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
4439
4591
  alignItems?: import("react-native").FlexAlignType | undefined;
4440
4592
  alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
4441
- aspectRatio?: number | undefined;
4593
+ aspectRatio?: string | number | undefined;
4442
4594
  borderEndWidth?: string | number | undefined;
4443
4595
  borderStartWidth?: string | number | undefined;
4444
4596
  bottom?: string | number | undefined;
@@ -4447,6 +4599,9 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4447
4599
  flex?: number | undefined;
4448
4600
  flexBasis?: string | number | undefined;
4449
4601
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
4602
+ rowGap?: number | undefined;
4603
+ gap?: number | undefined;
4604
+ columnGap?: number | undefined;
4450
4605
  flexGrow?: number | undefined;
4451
4606
  flexShrink?: number | undefined;
4452
4607
  flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
@@ -4498,6 +4653,7 @@ declare const _default: React.ComponentType<import("@draftbit/react-theme-provid
4498
4653
  translateX?: number | undefined;
4499
4654
  translateY?: number | undefined;
4500
4655
  textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
4656
+ verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
4501
4657
  includeFontPadding?: boolean | undefined;
4502
4658
  };
4503
4659
  };