@developer_tribe/react-builder 1.2.30 → 1.2.31
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.
- package/dist/build-components/BIcon/BIcon.d.ts +1 -1
- package/dist/build-components/BackgroundImage/BackgroundImage.d.ts +1 -1
- package/dist/build-components/Button/Button.d.ts +1 -1
- package/dist/build-components/CarouselDots/CarouselDotsProps.generated.d.ts +4 -0
- package/dist/build-components/OnboardButton/OnboardButton.d.ts +1 -1
- package/dist/build-components/OnboardButton/OnboardButtonProps.generated.d.ts +0 -2
- package/dist/build-components/OnboardDot/OnboardDot.d.ts +1 -1
- package/dist/build-components/PaywallCloseButton/PaywallCloseButton.d.ts +1 -1
- package/dist/build-components/Text/Text.d.ts +1 -1
- package/dist/build-components/patterns.generated.d.ts +11 -17
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.web.cjs.js +4 -4
- package/dist/index.web.cjs.js.map +1 -1
- package/dist/index.web.esm.js +4 -4
- package/dist/index.web.esm.js.map +1 -1
- package/dist/utils/useMergedStyle.d.ts +1 -1
- package/package.json +1 -1
- package/src/assets/meta.json +1 -1
- package/src/assets/samples/vpn-onboard-1.json +21 -21
- package/src/assets/samples/vpn-onboard-2.json +21 -45
- package/src/assets/samples/vpn-onboard-3.json +21 -53
- package/src/assets/samples/vpn-onboard-4.json +21 -21
- package/src/assets/samples/vpn-onboard-5.json +33 -33
- package/src/assets/samples/vpn-onboard-6.json +21 -21
- package/src/assets/samples/vpn-onboard-7.json +21 -21
- package/src/build-components/BIcon/BIcon.tsx +1 -1
- package/src/build-components/BackgroundImage/BackgroundImage.tsx +1 -1
- package/src/build-components/Button/Button.tsx +1 -1
- package/src/build-components/CarouselDots/CarouselDots.tsx +8 -17
- package/src/build-components/CarouselDots/CarouselDotsProps.generated.ts +4 -0
- package/src/build-components/CarouselDots/pattern.json +12 -1
- package/src/build-components/Main/Main.tsx +1 -0
- package/src/build-components/OnboardButton/OnboardButton.tsx +11 -9
- package/src/build-components/OnboardButton/OnboardButtonProps.generated.ts +0 -2
- package/src/build-components/OnboardButton/pattern.json +0 -16
- package/src/build-components/OnboardDot/OnboardDot.tsx +10 -22
- package/src/build-components/OnboardDot/pattern.json +2 -1
- package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +1 -1
- package/src/build-components/RadioButton/RadioButton.tsx +6 -3
- package/src/build-components/RenderNode.generated.tsx +7 -7
- package/src/build-components/Text/Text.tsx +1 -1
- package/src/build-components/patterns.generated.ts +11 -17
- package/src/components/BuilderProvider.tsx +1 -1
- package/src/hooks/useLocalize.ts +1 -1
- package/src/utils/projectColors.ts +3 -2
- package/src/utils/useMergedStyle.ts +9 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BIconComponentProps } from './BIconProps.generated';
|
|
3
|
-
declare function BIcon({ node }: BIconComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function BIcon({ node }: BIconComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof BIcon>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { BackgroundImageComponentProps } from './BackgroundImageProps.generated';
|
|
3
|
-
declare function BackgroundImage({ node }: BackgroundImageComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function BackgroundImage({ node }: BackgroundImageComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof BackgroundImage>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { ButtonComponentProps } from './ButtonProps.generated';
|
|
3
|
-
declare function Button({ node }: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function Button({ node }: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof Button>;
|
|
5
5
|
export default _default;
|
|
@@ -47,6 +47,10 @@ export interface CarouselDotsPropsGenerated {
|
|
|
47
47
|
style?: CarouselDotsStyleGenerated;
|
|
48
48
|
scrollable?: boolean;
|
|
49
49
|
dotType?: DotTypeOptionType;
|
|
50
|
+
dot_thickness?: string;
|
|
51
|
+
inactive_dot_opacity?: number;
|
|
52
|
+
inactive_dot_color?: string;
|
|
53
|
+
active_dot_color?: string;
|
|
50
54
|
};
|
|
51
55
|
}
|
|
52
56
|
export interface CarouselDotsComponentProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OnboardButtonComponentProps } from './OnboardButtonProps.generated';
|
|
3
|
-
declare function OnboardButton({ node }: OnboardButtonComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function OnboardButton({ node }: OnboardButtonComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof OnboardButton>;
|
|
5
5
|
export default _default;
|
|
@@ -55,10 +55,8 @@ export interface OnboardButtonPropsGenerated {
|
|
|
55
55
|
style?: OnboardButtonStyleGenerated;
|
|
56
56
|
scrollable?: boolean;
|
|
57
57
|
labelKey?: string;
|
|
58
|
-
button_text_color?: string;
|
|
59
58
|
animation?: AnimationOptionType;
|
|
60
59
|
animation_color?: string;
|
|
61
|
-
button_background_color?: string;
|
|
62
60
|
flex?: number;
|
|
63
61
|
events?: EventObjectGenerated[];
|
|
64
62
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OnboardDotComponentProps } from './OnboardDotProps.generated';
|
|
3
|
-
declare function OnboardDot({ node }: OnboardDotComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function OnboardDot({ node }: OnboardDotComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof OnboardDot>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { PaywallCloseButtonComponentProps } from './PaywallCloseButtonProps.generated';
|
|
3
|
-
declare function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
export declare function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof PaywallCloseButton>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { TextComponentProps } from './TextProps.generated';
|
|
3
|
-
declare function Text({ node }: TextComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function Text({ node }: TextComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare const _default: React.MemoExoticComponent<typeof Text>;
|
|
5
5
|
export default _default;
|
|
@@ -2021,6 +2021,10 @@ export declare const patterns: readonly [{
|
|
|
2021
2021
|
readonly zIndex: "number";
|
|
2022
2022
|
};
|
|
2023
2023
|
readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
|
|
2024
|
+
readonly dot_thickness: "size";
|
|
2025
|
+
readonly inactive_dot_opacity: "number";
|
|
2026
|
+
readonly inactive_dot_color: "color";
|
|
2027
|
+
readonly active_dot_color: "color";
|
|
2024
2028
|
};
|
|
2025
2029
|
};
|
|
2026
2030
|
readonly meta: {
|
|
@@ -2345,6 +2349,11 @@ export declare const patterns: readonly [{
|
|
|
2345
2349
|
readonly flexGrow: 0;
|
|
2346
2350
|
readonly flexShrink: 0;
|
|
2347
2351
|
};
|
|
2352
|
+
readonly dotType: "expanding_dot";
|
|
2353
|
+
readonly dot_thickness: 10;
|
|
2354
|
+
readonly inactive_dot_opacity: 0.3;
|
|
2355
|
+
readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
|
|
2356
|
+
readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
|
|
2348
2357
|
};
|
|
2349
2358
|
readonly types: {};
|
|
2350
2359
|
}, {
|
|
@@ -5047,10 +5056,8 @@ export declare const patterns: readonly [{
|
|
|
5047
5056
|
readonly zIndex: "number";
|
|
5048
5057
|
};
|
|
5049
5058
|
readonly labelKey: "string";
|
|
5050
|
-
readonly button_text_color: "color";
|
|
5051
5059
|
readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
|
|
5052
5060
|
readonly animation_color: "color";
|
|
5053
|
-
readonly button_background_color: "color";
|
|
5054
5061
|
readonly flex: "number";
|
|
5055
5062
|
readonly events: "EventObject[]";
|
|
5056
5063
|
};
|
|
@@ -5101,13 +5108,6 @@ export declare const patterns: readonly [{
|
|
|
5101
5108
|
readonly sort: 21;
|
|
5102
5109
|
readonly preferredScale: "s";
|
|
5103
5110
|
};
|
|
5104
|
-
readonly button_text_color: {
|
|
5105
|
-
readonly label: "Button Text Color";
|
|
5106
|
-
readonly description: "Text color of the button.";
|
|
5107
|
-
readonly category: "style";
|
|
5108
|
-
readonly specialCategory: null;
|
|
5109
|
-
readonly sort: 2;
|
|
5110
|
-
};
|
|
5111
5111
|
readonly animation: {
|
|
5112
5112
|
readonly label: "Animation";
|
|
5113
5113
|
readonly description: "Animation style for the button.";
|
|
@@ -5122,13 +5122,6 @@ export declare const patterns: readonly [{
|
|
|
5122
5122
|
readonly specialCategory: null;
|
|
5123
5123
|
readonly sort: 4;
|
|
5124
5124
|
};
|
|
5125
|
-
readonly button_background_color: {
|
|
5126
|
-
readonly label: "Button Background Color";
|
|
5127
|
-
readonly description: "Background color of the button.";
|
|
5128
|
-
readonly category: "style";
|
|
5129
|
-
readonly specialCategory: null;
|
|
5130
|
-
readonly sort: 5;
|
|
5131
|
-
};
|
|
5132
5125
|
};
|
|
5133
5126
|
readonly attributes: {
|
|
5134
5127
|
readonly scrollable: {
|
|
@@ -6260,7 +6253,8 @@ export declare const patterns: readonly [{
|
|
|
6260
6253
|
readonly dotType: "expanding_dot";
|
|
6261
6254
|
readonly dot_thickness: 10;
|
|
6262
6255
|
readonly inactive_dot_opacity: 0.3;
|
|
6263
|
-
readonly active_dot_color: "
|
|
6256
|
+
readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
|
|
6257
|
+
readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
|
|
6264
6258
|
};
|
|
6265
6259
|
readonly types: {};
|
|
6266
6260
|
}, {
|