npm - @developer_tribe/react-builder - Versions diffs - 1.2.30 → 1.2.32 - Mend

@developer_tribe/react-builder 1.2.30 → 1.2.32

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 (154) hide show

package/dist/build-components/patterns.generated.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -458,7 +458,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -845,7 +845,7 @@ export declare const patterns: readonly [{
         readonly children: "string";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -1237,7 +1237,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -1604,7 +1604,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -1984,7 +1984,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -2021,6 +2021,10 @@ export declare const patterns: readonly [{
                 readonly zIndex: "number";
             };
             readonly dotType: readonly ["expanding_dot", "normal_dot", "scaling_dot", "sliding_border", "sliding_dot", "liquid_like"];
+            readonly dot_thickness: "size";
+            readonly inactive_dot_opacity: "number";
+            readonly inactive_dot_color: "color";
+            readonly active_dot_color: "color";
         };
     };
     readonly meta: {
@@ -2345,6 +2349,11 @@ export declare const patterns: readonly [{
             readonly flexGrow: 0;
             readonly flexShrink: 0;
         };
+        readonly dotType: "expanding_dot";
+        readonly dot_thickness: 10;
+        readonly inactive_dot_opacity: 0.3;
+        readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
+        readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
     };
     readonly types: {};
 }, {
@@ -2356,7 +2365,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -2720,7 +2729,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -3089,7 +3098,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -3521,7 +3530,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -3902,7 +3911,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -4280,7 +4289,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -4645,7 +4654,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -5010,7 +5019,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -5045,13 +5054,11 @@ export declare const patterns: readonly [{
                 readonly left: "size";
                 readonly right: "size";
                 readonly zIndex: "number";
+                readonly color: "color";
             };
             readonly labelKey: "string";
-            readonly button_text_color: "color";
             readonly animation: readonly ["simple-animation", "line-animation", "blur", "blur-animation", "blur-line-animation"];
             readonly animation_color: "color";
-            readonly button_background_color: "color";
-            readonly flex: "number";
             readonly events: "EventObject[]";
         };
     };
@@ -5101,34 +5108,6 @@ export declare const patterns: readonly [{
                 readonly sort: 21;
                 readonly preferredScale: "s";
             };
-            readonly button_text_color: {
-                readonly label: "Button Text Color";
-                readonly description: "Text color of the button.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 2;
-            };
-            readonly animation: {
-                readonly label: "Animation";
-                readonly description: "Animation style for the button.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 3;
-            };
-            readonly animation_color: {
-                readonly label: "Animation Color";
-                readonly description: "Color used by the animation.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 4;
-            };
-            readonly button_background_color: {
-                readonly label: "Button Background Color";
-                readonly description: "Background color of the button.";
-                readonly category: "style";
-                readonly specialCategory: null;
-                readonly sort: 5;
-            };
         };
         readonly attributes: {
             readonly scrollable: {
@@ -5336,9 +5315,9 @@ export declare const patterns: readonly [{
             };
             readonly flex: {
                 readonly label: "Flex";
-                readonly description: "Flex grow value in layout.";
+                readonly description: "Flex grow factor (e.g. 1 fills available space).";
                 readonly category: "container";
-                readonly specialCategory: null;
+                readonly specialCategory: "size";
                 readonly sort: 6;
             };
             readonly position: {
@@ -5401,6 +5380,29 @@ export declare const patterns: readonly [{
                 readonly specialCategory: null;
                 readonly sort: 7;
             };
+            readonly animation: {
+                readonly label: "Animation";
+                readonly description: "Animation style for the button.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 3;
+            };
+            readonly animation_color: {
+                readonly label: "Animation Color";
+                readonly description: "Color used by the animation.";
+                readonly category: "style";
+                readonly specialCategory: null;
+                readonly sort: 4;
+            };
+            readonly styles: {
+                readonly color: {
+                    readonly label: "Color";
+                    readonly description: "Text color.";
+                    readonly category: "style";
+                    readonly specialCategory: null;
+                    readonly sort: 1;
+                };
+            };
         };
     };
     readonly defaults: {
@@ -5413,6 +5415,7 @@ export declare const patterns: readonly [{
             readonly flexShrink: 0;
             readonly height: "40@vs";
             readonly borderRadius: "12@s";
+            readonly color: "THEME_COLORS.ONBOARD_BUTTON_PRIMARY_TEXT";
         };
     };
     readonly types: {
@@ -5432,7 +5435,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -5858,7 +5861,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -6260,7 +6263,8 @@ export declare const patterns: readonly [{
         readonly dotType: "expanding_dot";
         readonly dot_thickness: 10;
         readonly inactive_dot_opacity: 0.3;
-        readonly active_dot_color: "#007AFF";
+        readonly active_dot_color: "STATIC_COLORS.ONBOARD_DOT_ACTIVE";
+        readonly inactive_dot_color: "THEME_COLORS.BACKGROUND";
     };
     readonly types: {};
 }, {
@@ -6274,7 +6278,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -6758,7 +6762,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly src: "string";
-            readonly style: {
+            readonly styles: {
                 readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
@@ -7155,7 +7159,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -7531,7 +7535,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -7904,7 +7908,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -8329,7 +8333,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -8755,7 +8759,7 @@ export declare const patterns: readonly [{
             readonly src: "string";
             readonly resizeMode: readonly ["cover", "contain", "stretch", "center"];
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -9145,7 +9149,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -9596,7 +9600,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -9963,7 +9967,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -10340,7 +10344,7 @@ export declare const patterns: readonly [{
         readonly description: "description";
         readonly children: "string";
         readonly attributes: {
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
@@ -10741,7 +10745,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -11190,7 +11194,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -11616,7 +11620,7 @@ export declare const patterns: readonly [{
             readonly adjustsFontSizeToFit: "boolean";
             readonly showEllipsis: "boolean";
             readonly translateCounter: "number";
-            readonly style: {
+            readonly styles: {
                 readonly color: "color";
                 readonly fontSize: "size";
                 readonly fontFamily: "fontFamily";
@@ -12040,7 +12044,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -12427,7 +12431,7 @@ export declare const patterns: readonly [{
         readonly description: "description";
         readonly children: "never";
         readonly attributes: {
-            readonly style: {
+            readonly styles: {
                 readonly backgroundColor: "color";
                 readonly width: "size";
                 readonly height: "size";
@@ -12486,7 +12490,7 @@ export declare const patterns: readonly [{
         readonly children: "never";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -12851,7 +12855,7 @@ export declare const patterns: readonly [{
         readonly children: "string";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
@@ -13276,7 +13280,7 @@ export declare const patterns: readonly [{
         readonly children: "node";
         readonly attributes: {
             readonly scrollable: "boolean";
-            readonly style: {
+            readonly styles: {
                 readonly flexDirection: readonly ["row", "column"];
                 readonly flexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
                 readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];