@developer_tribe/react-builder 1.2.20 → 1.2.21

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

@@ -19,6 +19,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -144,6 +145,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -469,6 +477,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -602,6 +611,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -874,6 +890,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1022,6 +1039,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -1284,6 +1308,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1399,6 +1424,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -1657,6 +1689,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -1771,6 +1804,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -2043,6 +2083,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2170,6 +2211,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -2428,6 +2476,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2540,6 +2589,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -2798,6 +2854,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -2847,6 +2904,7 @@ export const patterns = [
         title: 'title',
         description: 'description',
       },
+      defaults: { style: { width: '100%', height: '100%' } },
     },
     meta: {
       desiredParent: ['root', '>View'],
@@ -2910,6 +2968,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -3155,6 +3220,8 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        width: '100%',
+        height: '100%',
       },
     },
     allowUnknownAttributes: false,
@@ -3178,6 +3245,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -3307,6 +3375,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -3616,6 +3691,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -3739,6 +3815,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -4047,6 +4130,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4163,6 +4247,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -4433,6 +4524,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4546,6 +4638,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -4818,6 +4917,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -4930,6 +5030,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -5189,6 +5296,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -5251,6 +5359,7 @@ export const patterns = [
         flex: 'number',
         events: 'EventObject[]',
       },
+      defaults: { style: { height: '40@vs', borderRadius: '12@s' } },
     },
     meta: {
       desiredParent: ['=OnboardButtons'],
@@ -5342,6 +5451,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -5601,6 +5717,8 @@ export const patterns = [
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        height: '40@vs',
+        borderRadius: '12@s',
       },
     },
     types: {
@@ -5621,6 +5739,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -5677,6 +5796,17 @@ export const patterns = [
         condition: ['carousel-index'],
         conditionVariable: 'number',
       },
+      defaults: {
+        style: {
+          display: 'flex',
+          flexDirection: 'row',
+          gap: 12,
+          alignItems: 'center',
+          justifyContent: 'center',
+          marginVertical: '12@vs',
+          marginHorizontal: '24@s',
+        },
+      },
     },
     meta: {
       desiredParent: ['=OnboardItem'],
@@ -5747,6 +5877,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -6028,12 +6165,18 @@ export const patterns = [
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        display: 'flex',
+        gap: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginVertical: '12@vs',
+        marginHorizontal: '24@s',
       },
     },
     types: {},
@@ -6047,6 +6190,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -6209,6 +6353,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -6482,6 +6633,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -6611,6 +6763,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -6942,12 +7101,16 @@ export const patterns = [
     },
     defaults: {
       style: {
-        flexDirection: 'column',
+        flexDirection: 'row',
         position: 'relative',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        justifyContent: 'center',
+        textAlign: 'center',
         paddingHorizontal: '24@s',
       },
     },
@@ -6968,6 +7131,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7084,6 +7248,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -7366,6 +7537,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7482,6 +7654,13 @@ export const patterns = [
           specialCategory: null,
           sort: 3,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -7748,6 +7927,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -7862,6 +8042,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -8134,6 +8321,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -8256,6 +8444,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -8567,6 +8762,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -8689,6 +8885,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -8997,6 +9200,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -9133,6 +9337,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -9409,6 +9620,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -9569,6 +9781,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -9870,6 +10089,7 @@ export const patterns = [
           fontWeight: 'fontWeight',
           textAlign: ['left', 'center', 'right', 'justify'],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -10000,6 +10220,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -10301,6 +10528,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -10413,6 +10641,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -10674,6 +10909,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -10787,6 +11023,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -11072,6 +11315,7 @@ export const patterns = [
             '900',
           ],
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11204,6 +11448,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -11472,6 +11723,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11601,6 +11853,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -11866,6 +12125,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -11985,6 +12245,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',
@@ -12297,6 +12564,7 @@ export const patterns = [
         scrollable: 'boolean',
         style: {
           flexDirection: ['row', 'column'],
+          flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
           alignItems: [
             'flex-start',
             'center',
@@ -12407,6 +12675,13 @@ export const patterns = [
           specialCategory: null,
           sort: 4,
         },
+        flexWrap: {
+          label: 'Flex Wrap',
+          description: 'Controls whether flex items wrap to multiple lines.',
+          category: 'container',
+          specialCategory: null,
+          sort: 4.5,
+        },
         alignItems: {
           label: 'Align Items',
           description: 'Controls cross-axis alignment.',