@developer_tribe/react-builder 1.0.3 → 1.0.4

package/src/build-components/patterns.generated.ts

@@ -38,6 +38,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -269,12 +270,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -381,6 +389,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -615,12 +624,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -723,6 +739,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -942,12 +959,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -1029,6 +1053,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -1250,12 +1275,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -1351,6 +1383,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -1578,12 +1611,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -1672,6 +1712,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -1891,12 +1932,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -1978,6 +2026,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -2197,12 +2246,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -2284,6 +2340,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -2483,10 +2540,11 @@ export const patterns = [
         },
         borderRadius: {
           label: 'Border Radius',
-          description: 'Corner rounding.',
+          description: 'Corner rounding amount.',
           category: 'style',
           specialCategory: null,
-          sort: 5,
+          sort: 21,
+          preferedScale: 's',
         },
         width: {
           label: 'Width',
@@ -2502,12 +2560,19 @@ export const patterns = [
           specialCategory: null,
           sort: 3,
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -2603,6 +2668,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -2822,12 +2888,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -2910,6 +2983,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -2927,7 +3001,6 @@ export const patterns = [
         ],
         animation_color: 'color',
         button_background_color: 'color',
-        flex: 'number',
         events: 'EventObject[]',
       },
       defaults: { flexDirection: 'column' },
@@ -3142,12 +3215,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow value in layout.',
+          category: 'container',
+          specialCategory: null,
+          sort: 6,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -3223,13 +3303,6 @@ export const patterns = [
           specialCategory: null,
           sort: 5,
         },
-        flex: {
-          label: 'Flex',
-          description: 'Flex grow value in layout.',
-          category: 'container',
-          specialCategory: null,
-          sort: 6,
-        },
         events: {
           label: 'Events',
           description: 'List of events fired by the button.',
@@ -3285,6 +3358,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -3511,12 +3585,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -3640,6 +3721,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -3655,9 +3737,7 @@ export const patterns = [
           'liquid_like',
         ],
         inactive_dot_opacity: 'number',
-        expanding_dot_width: 'number',
-        dot_style: 'string',
-        container_style: 'string',
+        expanding_dot_width: 'size',
         active_dot_color: 'color',
       },
       defaults: { flexDirection: 'column' },
@@ -3872,12 +3952,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -3939,26 +4026,12 @@ export const patterns = [
           specialCategory: null,
           sort: 3,
         },
-        dot_style: {
-          label: 'Dot Style',
-          description: 'Custom style for each dot.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        container_style: {
-          label: 'Container Style',
-          description: 'Style for the dot wrapper.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
         active_dot_color: {
           label: 'Active Dot Color',
           description: 'Color of the active dot.',
           category: 'style',
           specialCategory: null,
-          sort: 6,
+          sort: 4,
         },
       },
     },
@@ -4017,6 +4090,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -4246,12 +4320,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -4383,7 +4464,6 @@ export const patterns = [
         width: 'size',
         height: 'size',
         resizeMode: ['cover', 'contain', 'stretch', 'center'],
-        borderRadius: 'size',
         scrollable: 'boolean',
         flexDirection: ['row', 'column'],
         alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
@@ -4410,6 +4490,8 @@ export const patterns = [
         marginLeft: 'size',
         marginRight: 'size',
         backgroundColor: 'color',
+        borderRadius: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -4456,14 +4538,6 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
-        borderRadius: {
-          label: 'Border Radius',
-          description: 'Corner rounding amount.',
-          category: 'style',
-          specialCategory: null,
-          sort: 21,
-          preferedScale: 's',
-        },
         scrollable: {
           label: 'Scrollable',
           description: 'Turns scroll interaction on.',
@@ -4619,12 +4693,27 @@ export const patterns = [
           specialCategory: null,
           sort: 20,
         },
+        borderRadius: {
+          label: 'Border Radius',
+          description: 'Corner rounding amount.',
+          category: 'style',
+          specialCategory: null,
+          sort: 21,
+          preferedScale: 's',
+        },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -4746,6 +4835,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -4964,12 +5054,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -5063,6 +5160,7 @@ export const patterns = [
         borderRadius: 'never',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -5279,12 +5377,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -5395,6 +5500,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -5617,12 +5723,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -5746,6 +5859,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -5968,12 +6082,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -6086,6 +6207,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -6321,12 +6443,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',
@@ -6437,6 +6566,7 @@ export const patterns = [
         borderRadius: 'size',
         width: 'size',
         height: 'size',
+        flex: 'number',
         position: ['relative', 'absolute'],
         top: 'size',
         bottom: 'size',
@@ -6656,12 +6786,19 @@ export const patterns = [
           sort: 1,
           preferedScale: 'vs',
         },
+        flex: {
+          label: 'Flex',
+          description: 'Flex grow factor (e.g. 1 fills available space).',
+          category: 'container',
+          specialCategory: 'size',
+          sort: 2,
+        },
         position: {
           label: 'Position',
           description: 'Sets layout positioning mode.',
           category: 'container',
           specialCategory: null,
-          sort: 2,
+          sort: 3,
         },
         top: {
           label: 'Top',