@developer_tribe/react-builder 1.2.6 → 1.2.8

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 (112) hide show
  1. package/dist/build-components/BIcon/BIconProps.generated.d.ts +47 -44
  2. package/dist/build-components/BackgroundImage/BackgroundImageProps.generated.d.ts +38 -35
  3. package/dist/build-components/Button/ButtonProps.generated.d.ts +40 -37
  4. package/dist/build-components/Carousel/CarouselProps.generated.d.ts +37 -34
  5. package/dist/build-components/CarouselButtons/CarouselButtonsProps.generated.d.ts +39 -36
  6. package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +38 -35
  7. package/dist/build-components/CarouselItem/CarouselItemProps.generated.d.ts +37 -34
  8. package/dist/build-components/CarouselProvider/CarouselProviderProps.generated.d.ts +37 -34
  9. package/dist/build-components/Image/ImageProps.generated.d.ts +38 -35
  10. package/dist/build-components/Main/MainProps.generated.d.ts +38 -35
  11. package/dist/build-components/Onboard/OnboardProps.generated.d.ts +37 -34
  12. package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +43 -40
  13. package/dist/build-components/OnboardButtons/OnboardButtonsProps.generated.d.ts +44 -41
  14. package/dist/build-components/OnboardDot/OnboardDotProps.generated.d.ts +41 -38
  15. package/dist/build-components/OnboardFooter/OnboardFooterProps.generated.d.ts +51 -48
  16. package/dist/build-components/OnboardImage/OnboardImageProps.generated.d.ts +40 -37
  17. package/dist/build-components/OnboardItem/OnboardItemProps.generated.d.ts +38 -35
  18. package/dist/build-components/OnboardProvider/OnboardProviderProps.generated.d.ts +38 -35
  19. package/dist/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.d.ts +44 -41
  20. package/dist/build-components/OnboardTitle/OnboardTitleProps.generated.d.ts +44 -41
  21. package/dist/build-components/PaywallBackground/PaywallBackgroundProps.generated.d.ts +37 -34
  22. package/dist/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.d.ts +47 -44
  23. package/dist/build-components/PaywallOptions/PaywallOptionsProps.generated.d.ts +37 -34
  24. package/dist/build-components/PaywallProvider/PaywallProviderProps.generated.d.ts +37 -34
  25. package/dist/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.d.ts +40 -37
  26. package/dist/build-components/RadioButton/RadioButtonProps.generated.d.ts +40 -37
  27. package/dist/build-components/Text/TextProps.generated.d.ts +44 -41
  28. package/dist/build-components/View/ViewProps.generated.d.ts +37 -34
  29. package/dist/build-components/patterns.generated.d.ts +21 -21
  30. package/dist/components/BuilderProvider.d.ts +6 -0
  31. package/dist/hooks/useExtractImageStyle.d.ts +3 -1
  32. package/dist/hooks/useExtractTextStyle.d.ts +1 -1
  33. package/dist/hooks/useExtractViewStyle.d.ts +1 -1
  34. package/dist/index.cjs.js +5 -5
  35. package/dist/index.cjs.js.map +1 -1
  36. package/dist/index.d.ts +1 -0
  37. package/dist/index.esm.js +3 -3
  38. package/dist/index.esm.js.map +1 -1
  39. package/dist/index.native.cjs.js +2 -2
  40. package/dist/index.native.cjs.js.map +1 -1
  41. package/dist/index.native.d.ts +4 -0
  42. package/dist/index.native.esm.js +2 -2
  43. package/dist/index.native.esm.js.map +1 -1
  44. package/dist/utils/extractImageStyle.d.ts +3 -0
  45. package/dist/utils/extractTextStyle/extractTextStyleNative.d.ts +17 -0
  46. package/dist/utils/extractTextStyle.d.ts +2 -0
  47. package/dist/utils/extractViewStyle/extractViewStyleNative.d.ts +12 -0
  48. package/dist/utils/extractViewStyle.d.ts +2 -0
  49. package/dist/utils/patterns.d.ts +2 -1
  50. package/package.json +5 -1
  51. package/scripts/prebuild/utils/createGeneratedProps.js +45 -3
  52. package/src/attributes-editor/LayoutPreviewPicker.tsx +4 -3
  53. package/src/build-components/BIcon/BIcon.tsx +3 -2
  54. package/src/build-components/BIcon/BIconProps.generated.ts +48 -44
  55. package/src/build-components/BackgroundImage/BackgroundImage.tsx +5 -3
  56. package/src/build-components/BackgroundImage/BackgroundImageProps.generated.ts +39 -35
  57. package/src/build-components/BackgroundImage/pattern.json +9 -17
  58. package/src/build-components/Button/Button.tsx +5 -4
  59. package/src/build-components/Button/ButtonProps.generated.ts +41 -37
  60. package/src/build-components/Carousel/CarouselProps.generated.ts +38 -34
  61. package/src/build-components/CarouselButtons/CarouselButtons.tsx +3 -2
  62. package/src/build-components/CarouselButtons/CarouselButtonsProps.generated.ts +40 -36
  63. package/src/build-components/CarouselDots/CarouselDots.tsx +1 -1
  64. package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +39 -35
  65. package/src/build-components/CarouselItem/CarouselItemProps.generated.ts +38 -34
  66. package/src/build-components/CarouselProvider/CarouselProviderProps.generated.ts +38 -34
  67. package/src/build-components/Image/Image.tsx +3 -2
  68. package/src/build-components/Image/ImageProps.generated.ts +39 -35
  69. package/src/build-components/Image/pattern.json +9 -16
  70. package/src/build-components/Main/Main.tsx +1 -1
  71. package/src/build-components/Main/MainProps.generated.ts +39 -35
  72. package/src/build-components/Onboard/OnboardProps.generated.ts +38 -34
  73. package/src/build-components/OnboardButton/OnboardButton.tsx +6 -5
  74. package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +44 -40
  75. package/src/build-components/OnboardButtons/OnboardButtons.tsx +4 -4
  76. package/src/build-components/OnboardButtons/OnboardButtonsProps.generated.ts +45 -41
  77. package/src/build-components/OnboardDot/OnboardDot.tsx +5 -4
  78. package/src/build-components/OnboardDot/OnboardDotProps.generated.ts +42 -38
  79. package/src/build-components/OnboardFooter/OnboardFooter.tsx +16 -21
  80. package/src/build-components/OnboardFooter/OnboardFooterProps.generated.ts +52 -48
  81. package/src/build-components/OnboardImage/OnboardImage.tsx +7 -6
  82. package/src/build-components/OnboardImage/OnboardImageProps.generated.ts +41 -37
  83. package/src/build-components/OnboardItem/OnboardItemProps.generated.ts +39 -35
  84. package/src/build-components/OnboardProvider/OnboardProviderProps.generated.ts +39 -35
  85. package/src/build-components/OnboardSubtitle/OnboardSubtitleProps.generated.ts +45 -41
  86. package/src/build-components/OnboardTitle/OnboardTitleProps.generated.ts +45 -41
  87. package/src/build-components/PaywallBackground/PaywallBackgroundProps.generated.ts +38 -34
  88. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +4 -4
  89. package/src/build-components/PaywallCloseButton/PaywallCloseButtonProps.generated.ts +48 -44
  90. package/src/build-components/PaywallOptions/PaywallOptionsProps.generated.ts +38 -34
  91. package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts +38 -34
  92. package/src/build-components/PaywallSubscribeButton/PaywallSubscribeButtonProps.generated.ts +41 -37
  93. package/src/build-components/RadioButton/RadioButton.tsx +4 -3
  94. package/src/build-components/RadioButton/RadioButtonProps.generated.ts +41 -37
  95. package/src/build-components/Text/Text.tsx +3 -5
  96. package/src/build-components/Text/TextProps.generated.ts +45 -41
  97. package/src/build-components/View/ViewProps.generated.ts +38 -34
  98. package/src/build-components/patterns.generated.ts +21 -21
  99. package/src/components/BuilderProvider.tsx +15 -1
  100. package/src/hooks/useExtractImageStyle.ts +15 -4
  101. package/src/hooks/useExtractTextStyle.ts +11 -3
  102. package/src/hooks/useExtractViewStyle.ts +15 -4
  103. package/src/index.native.ts +6 -0
  104. package/src/index.ts +2 -0
  105. package/src/utils/extractImageStyle.ts +34 -5
  106. package/src/utils/extractTextStyle/extractTextStyle.ts +3 -5
  107. package/src/utils/extractTextStyle/extractTextStyleNative.ts +106 -0
  108. package/src/utils/extractTextStyle.ts +2 -0
  109. package/src/utils/extractViewStyle/extractViewStyle.ts +2 -4
  110. package/src/utils/extractViewStyle/extractViewStyleNative.ts +111 -0
  111. package/src/utils/extractViewStyle.ts +2 -0
  112. package/src/utils/patterns.ts +55 -1
@@ -4,53 +4,56 @@ export type FlexDirectionOptionType = 'row' | 'column';
4
4
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
5
5
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
6
6
  export type PositionOptionType = 'relative' | 'absolute';
7
+ export interface BIconStyleGenerated {
8
+ color?: string;
9
+ fontSize?: string;
10
+ fontFamily?: string;
11
+ fontWeight?: string;
12
+ textAlign?: TextAlignOptionType;
13
+ adjustsFontSizeToFit?: boolean;
14
+ showEllipsis?: boolean;
15
+ scrollable?: boolean;
16
+ flexDirection?: FlexDirectionOptionType;
17
+ alignItems?: AlignItemsOptionType;
18
+ justifyContent?: JustifyContentOptionType;
19
+ gap?: string;
20
+ padding?: string;
21
+ paddingHorizontal?: string;
22
+ paddingVertical?: string;
23
+ paddingTop?: string;
24
+ paddingBottom?: string;
25
+ paddingLeft?: string;
26
+ paddingRight?: string;
27
+ margin?: string;
28
+ marginHorizontal?: string;
29
+ marginVertical?: string;
30
+ marginTop?: string;
31
+ marginBottom?: string;
32
+ marginLeft?: string;
33
+ marginRight?: string;
34
+ backgroundColor?: string;
35
+ borderRadius?: string;
36
+ width?: string;
37
+ minWidth?: string;
38
+ maxWidth?: string;
39
+ height?: string;
40
+ minHeight?: string;
41
+ maxHeight?: string;
42
+ flex?: number;
43
+ position?: PositionOptionType;
44
+ top?: string;
45
+ bottom?: string;
46
+ left?: string;
47
+ right?: string;
48
+ zIndex?: number;
49
+ iconType?: string;
50
+ size?: number;
51
+ strokeWidth?: number;
52
+ }
7
53
  export interface BIconPropsGenerated {
8
54
  child: string;
9
55
  attributes: {
10
- style?: Record<string, unknown>;
11
- color?: string;
12
- fontSize?: string;
13
- fontFamily?: string;
14
- fontWeight?: string;
15
- textAlign?: TextAlignOptionType;
16
- adjustsFontSizeToFit?: boolean;
17
- showEllipsis?: boolean;
18
- scrollable?: boolean;
19
- flexDirection?: FlexDirectionOptionType;
20
- alignItems?: AlignItemsOptionType;
21
- justifyContent?: JustifyContentOptionType;
22
- gap?: string;
23
- padding?: string;
24
- paddingHorizontal?: string;
25
- paddingVertical?: string;
26
- paddingTop?: string;
27
- paddingBottom?: string;
28
- paddingLeft?: string;
29
- paddingRight?: string;
30
- margin?: string;
31
- marginVertical?: string;
32
- marginTop?: string;
33
- marginBottom?: string;
34
- marginLeft?: string;
35
- marginRight?: string;
36
- backgroundColor?: string;
37
- borderRadius?: string;
38
- width?: string;
39
- minWidth?: string;
40
- maxWidth?: string;
41
- height?: string;
42
- minHeight?: string;
43
- maxHeight?: string;
44
- flex?: number;
45
- position?: PositionOptionType;
46
- top?: string;
47
- bottom?: string;
48
- left?: string;
49
- right?: string;
50
- zIndex?: number;
51
- iconType?: string;
52
- size?: number;
53
- strokeWidth?: number;
56
+ style?: BIconStyleGenerated;
54
57
  };
55
58
  }
56
59
  export interface BIconComponentProps {
@@ -4,45 +4,48 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
6
  export type ResizeModeOptionType = 'cover' | 'contain' | 'stretch' | 'center';
7
+ export interface BackgroundImageStyleGenerated {
8
+ scrollable?: boolean;
9
+ flexDirection?: FlexDirectionOptionType;
10
+ alignItems?: AlignItemsOptionType;
11
+ justifyContent?: JustifyContentOptionType;
12
+ gap?: string;
13
+ padding?: string;
14
+ paddingHorizontal?: string;
15
+ paddingVertical?: string;
16
+ paddingTop?: string;
17
+ paddingBottom?: string;
18
+ paddingLeft?: string;
19
+ paddingRight?: string;
20
+ margin?: string;
21
+ marginHorizontal?: string;
22
+ marginVertical?: string;
23
+ marginTop?: string;
24
+ marginBottom?: string;
25
+ marginLeft?: string;
26
+ marginRight?: string;
27
+ backgroundColor?: string;
28
+ borderRadius?: string;
29
+ width?: string;
30
+ minWidth?: string;
31
+ maxWidth?: string;
32
+ height?: string;
33
+ minHeight?: string;
34
+ maxHeight?: string;
35
+ flex?: number;
36
+ position?: PositionOptionType;
37
+ top?: string;
38
+ bottom?: string;
39
+ left?: string;
40
+ right?: string;
41
+ zIndex?: number;
42
+ resizeMode?: ResizeModeOptionType;
43
+ }
7
44
  export interface BackgroundImagePropsGenerated {
8
45
  child: string;
9
46
  attributes: {
10
- style?: Record<string, unknown>;
11
- scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
47
+ style?: BackgroundImageStyleGenerated;
44
48
  src?: string;
45
- resizeMode?: ResizeModeOptionType;
46
49
  };
47
50
  }
48
51
  export interface BackgroundImageComponentProps {
@@ -4,46 +4,49 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
6
  export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
7
+ export interface ButtonStyleGenerated {
8
+ scrollable?: boolean;
9
+ flexDirection?: FlexDirectionOptionType;
10
+ alignItems?: AlignItemsOptionType;
11
+ justifyContent?: JustifyContentOptionType;
12
+ gap?: string;
13
+ padding?: string;
14
+ paddingHorizontal?: string;
15
+ paddingVertical?: string;
16
+ paddingTop?: string;
17
+ paddingBottom?: string;
18
+ paddingLeft?: string;
19
+ paddingRight?: string;
20
+ margin?: string;
21
+ marginHorizontal?: string;
22
+ marginVertical?: string;
23
+ marginTop?: string;
24
+ marginBottom?: string;
25
+ marginLeft?: string;
26
+ marginRight?: string;
27
+ backgroundColor?: string;
28
+ borderRadius?: string;
29
+ width?: string;
30
+ minWidth?: string;
31
+ maxWidth?: string;
32
+ height?: string;
33
+ minHeight?: string;
34
+ maxHeight?: string;
35
+ flex?: number;
36
+ position?: PositionOptionType;
37
+ top?: string;
38
+ bottom?: string;
39
+ left?: string;
40
+ right?: string;
41
+ zIndex?: number;
42
+ color?: string;
43
+ fontSize?: string;
44
+ fontWeight?: FontWeightOptionType;
45
+ }
7
46
  export interface ButtonPropsGenerated {
8
47
  child: string;
9
48
  attributes: {
10
- style?: Record<string, unknown>;
11
- scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
44
- color?: string;
45
- fontSize?: string;
46
- fontWeight?: FontWeightOptionType;
49
+ style?: ButtonStyleGenerated;
47
50
  };
48
51
  }
49
52
  export interface ButtonComponentProps {
@@ -4,43 +4,46 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
6
  export type AlignOptionType = 'start' | 'center' | 'end';
7
+ export interface CarouselStyleGenerated {
8
+ scrollable?: boolean;
9
+ flexDirection?: FlexDirectionOptionType;
10
+ alignItems?: AlignItemsOptionType;
11
+ justifyContent?: JustifyContentOptionType;
12
+ gap?: string;
13
+ padding?: string;
14
+ paddingHorizontal?: string;
15
+ paddingVertical?: string;
16
+ paddingTop?: string;
17
+ paddingBottom?: string;
18
+ paddingLeft?: string;
19
+ paddingRight?: string;
20
+ margin?: string;
21
+ marginHorizontal?: string;
22
+ marginVertical?: string;
23
+ marginTop?: string;
24
+ marginBottom?: string;
25
+ marginLeft?: string;
26
+ marginRight?: string;
27
+ backgroundColor?: string;
28
+ borderRadius?: string;
29
+ width?: string;
30
+ minWidth?: string;
31
+ maxWidth?: string;
32
+ height?: string;
33
+ minHeight?: string;
34
+ maxHeight?: string;
35
+ flex?: number;
36
+ position?: PositionOptionType;
37
+ top?: string;
38
+ bottom?: string;
39
+ left?: string;
40
+ right?: string;
41
+ zIndex?: number;
42
+ }
7
43
  export interface CarouselPropsGenerated {
8
44
  child: string;
9
45
  attributes: {
10
- style?: Record<string, unknown>;
11
- scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
46
+ style?: CarouselStyleGenerated;
44
47
  loop?: boolean;
45
48
  dragFree?: boolean;
46
49
  align?: AlignOptionType;
@@ -4,45 +4,48 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
6
  export type ButtonTypeOptionType = 'previous_button' | 'next_button' | 'skip_button';
7
+ export interface CarouselButtonsStyleGenerated {
8
+ scrollable?: boolean;
9
+ flexDirection?: FlexDirectionOptionType;
10
+ alignItems?: AlignItemsOptionType;
11
+ justifyContent?: JustifyContentOptionType;
12
+ gap?: string;
13
+ padding?: string;
14
+ paddingHorizontal?: string;
15
+ paddingVertical?: string;
16
+ paddingTop?: string;
17
+ paddingBottom?: string;
18
+ paddingLeft?: string;
19
+ paddingRight?: string;
20
+ margin?: string;
21
+ marginHorizontal?: string;
22
+ marginVertical?: string;
23
+ marginTop?: string;
24
+ marginBottom?: string;
25
+ marginLeft?: string;
26
+ marginRight?: string;
27
+ backgroundColor?: string;
28
+ borderRadius?: string;
29
+ width?: string;
30
+ minWidth?: string;
31
+ maxWidth?: string;
32
+ height?: string;
33
+ minHeight?: string;
34
+ maxHeight?: string;
35
+ flex?: number;
36
+ position?: PositionOptionType;
37
+ top?: string;
38
+ bottom?: string;
39
+ left?: string;
40
+ right?: string;
41
+ zIndex?: number;
42
+ buttonType?: ButtonTypeOptionType;
43
+ skipNumber?: number;
44
+ }
7
45
  export interface CarouselButtonsPropsGenerated {
8
46
  child: string;
9
47
  attributes: {
10
- style?: Record<string, unknown>;
11
- scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
44
- buttonType?: ButtonTypeOptionType;
45
- skipNumber?: number;
48
+ style?: CarouselButtonsStyleGenerated;
46
49
  };
47
50
  }
48
51
  export interface CarouselButtonsComponentProps {
@@ -4,44 +4,47 @@ export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stret
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
6
  export type DotTypeOptionType = 'expanding_dot' | 'normal_dot' | 'scaling_dot' | 'sliding_border' | 'sliding_dot' | 'liquid_like';
7
+ export interface CarouselDotsStyleGenerated {
8
+ scrollable?: boolean;
9
+ flexDirection?: FlexDirectionOptionType;
10
+ alignItems?: AlignItemsOptionType;
11
+ justifyContent?: JustifyContentOptionType;
12
+ gap?: string;
13
+ padding?: string;
14
+ paddingHorizontal?: string;
15
+ paddingVertical?: string;
16
+ paddingTop?: string;
17
+ paddingBottom?: string;
18
+ paddingLeft?: string;
19
+ paddingRight?: string;
20
+ margin?: string;
21
+ marginHorizontal?: string;
22
+ marginVertical?: string;
23
+ marginTop?: string;
24
+ marginBottom?: string;
25
+ marginLeft?: string;
26
+ marginRight?: string;
27
+ backgroundColor?: string;
28
+ borderRadius?: string;
29
+ width?: string;
30
+ minWidth?: string;
31
+ maxWidth?: string;
32
+ height?: string;
33
+ minHeight?: string;
34
+ maxHeight?: string;
35
+ flex?: number;
36
+ position?: PositionOptionType;
37
+ top?: string;
38
+ bottom?: string;
39
+ left?: string;
40
+ right?: string;
41
+ zIndex?: number;
42
+ dotType?: DotTypeOptionType;
43
+ }
7
44
  export interface CarouselDotsPropsGenerated {
8
45
  child: string;
9
46
  attributes: {
10
- style?: Record<string, unknown>;
11
- scrollable?: boolean;
12
- flexDirection?: FlexDirectionOptionType;
13
- alignItems?: AlignItemsOptionType;
14
- justifyContent?: JustifyContentOptionType;
15
- gap?: string;
16
- padding?: string;
17
- paddingHorizontal?: string;
18
- paddingVertical?: string;
19
- paddingTop?: string;
20
- paddingBottom?: string;
21
- paddingLeft?: string;
22
- paddingRight?: string;
23
- margin?: string;
24
- marginVertical?: string;
25
- marginTop?: string;
26
- marginBottom?: string;
27
- marginLeft?: string;
28
- marginRight?: string;
29
- backgroundColor?: string;
30
- borderRadius?: string;
31
- width?: string;
32
- minWidth?: string;
33
- maxWidth?: string;
34
- height?: string;
35
- minHeight?: string;
36
- maxHeight?: string;
37
- flex?: number;
38
- position?: PositionOptionType;
39
- top?: string;
40
- bottom?: string;
41
- left?: string;
42
- right?: string;
43
- zIndex?: number;
44
- dotType?: DotTypeOptionType;
47
+ style?: CarouselDotsStyleGenerated;
45
48
  };
46
49
  }
47
50
  export interface CarouselDotsComponentProps {
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface CarouselItemStyleGenerated {
7
+ scrollable?: boolean;
8
+ flexDirection?: FlexDirectionOptionType;
9
+ alignItems?: AlignItemsOptionType;
10
+ justifyContent?: JustifyContentOptionType;
11
+ gap?: string;
12
+ padding?: string;
13
+ paddingHorizontal?: string;
14
+ paddingVertical?: string;
15
+ paddingTop?: string;
16
+ paddingBottom?: string;
17
+ paddingLeft?: string;
18
+ paddingRight?: string;
19
+ margin?: string;
20
+ marginHorizontal?: string;
21
+ marginVertical?: string;
22
+ marginTop?: string;
23
+ marginBottom?: string;
24
+ marginLeft?: string;
25
+ marginRight?: string;
26
+ backgroundColor?: string;
27
+ borderRadius?: string;
28
+ width?: string;
29
+ minWidth?: string;
30
+ maxWidth?: string;
31
+ height?: string;
32
+ minHeight?: string;
33
+ maxHeight?: string;
34
+ flex?: number;
35
+ position?: PositionOptionType;
36
+ top?: string;
37
+ bottom?: string;
38
+ left?: string;
39
+ right?: string;
40
+ zIndex?: number;
41
+ }
6
42
  export interface CarouselItemPropsGenerated {
7
43
  child: string;
8
44
  attributes: {
9
- style?: Record<string, unknown>;
10
- scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
45
+ style?: CarouselItemStyleGenerated;
43
46
  };
44
47
  }
45
48
  export interface CarouselItemComponentProps {
@@ -3,43 +3,46 @@ export type FlexDirectionOptionType = 'row' | 'column';
3
3
  export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
4
4
  export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
5
5
  export type PositionOptionType = 'relative' | 'absolute';
6
+ export interface CarouselProviderStyleGenerated {
7
+ scrollable?: boolean;
8
+ flexDirection?: FlexDirectionOptionType;
9
+ alignItems?: AlignItemsOptionType;
10
+ justifyContent?: JustifyContentOptionType;
11
+ gap?: string;
12
+ padding?: string;
13
+ paddingHorizontal?: string;
14
+ paddingVertical?: string;
15
+ paddingTop?: string;
16
+ paddingBottom?: string;
17
+ paddingLeft?: string;
18
+ paddingRight?: string;
19
+ margin?: string;
20
+ marginHorizontal?: string;
21
+ marginVertical?: string;
22
+ marginTop?: string;
23
+ marginBottom?: string;
24
+ marginLeft?: string;
25
+ marginRight?: string;
26
+ backgroundColor?: string;
27
+ borderRadius?: string;
28
+ width?: string;
29
+ minWidth?: string;
30
+ maxWidth?: string;
31
+ height?: string;
32
+ minHeight?: string;
33
+ maxHeight?: string;
34
+ flex?: number;
35
+ position?: PositionOptionType;
36
+ top?: string;
37
+ bottom?: string;
38
+ left?: string;
39
+ right?: string;
40
+ zIndex?: number;
41
+ }
6
42
  export interface CarouselProviderPropsGenerated {
7
43
  child: string;
8
44
  attributes: {
9
- style?: Record<string, unknown>;
10
- scrollable?: boolean;
11
- flexDirection?: FlexDirectionOptionType;
12
- alignItems?: AlignItemsOptionType;
13
- justifyContent?: JustifyContentOptionType;
14
- gap?: string;
15
- padding?: string;
16
- paddingHorizontal?: string;
17
- paddingVertical?: string;
18
- paddingTop?: string;
19
- paddingBottom?: string;
20
- paddingLeft?: string;
21
- paddingRight?: string;
22
- margin?: string;
23
- marginVertical?: string;
24
- marginTop?: string;
25
- marginBottom?: string;
26
- marginLeft?: string;
27
- marginRight?: string;
28
- backgroundColor?: string;
29
- borderRadius?: string;
30
- width?: string;
31
- minWidth?: string;
32
- maxWidth?: string;
33
- height?: string;
34
- minHeight?: string;
35
- maxHeight?: string;
36
- flex?: number;
37
- position?: PositionOptionType;
38
- top?: string;
39
- bottom?: string;
40
- left?: string;
41
- right?: string;
42
- zIndex?: number;
45
+ style?: CarouselProviderStyleGenerated;
43
46
  };
44
47
  }
45
48
  export interface CarouselProviderComponentProps {