@developer_tribe/react-builder 1.0.5 → 1.0.6

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 (66) hide show
  1. package/dist/build-components/index.d.ts +1 -2
  2. package/dist/build-components/patterns.generated.d.ts +56 -439
  3. package/dist/components/AttributesEditorPanel.d.ts +2 -2
  4. package/dist/components/BottomBar.d.ts +8 -0
  5. package/dist/components/Checkbox.d.ts +1 -1
  6. package/dist/components/LoadingComponent.d.ts +1 -0
  7. package/dist/components/MobilePanelToggleButton.d.ts +8 -0
  8. package/dist/hooks/useMinimumDelay.d.ts +7 -0
  9. package/dist/hooks/useMobileEditorPanels.d.ts +12 -0
  10. package/dist/hooks/useSyncProjectPageStore.d.ts +15 -0
  11. package/dist/index.cjs.js +3 -3
  12. package/dist/index.cjs.js.map +1 -1
  13. package/dist/index.esm.js +3 -3
  14. package/dist/index.esm.js.map +1 -1
  15. package/dist/index.native.cjs.js +1 -1
  16. package/dist/index.native.cjs.js.map +1 -1
  17. package/dist/index.native.esm.js +4 -4
  18. package/dist/index.native.esm.js.map +1 -1
  19. package/dist/modals/ScreenColorsModal.d.ts +8 -0
  20. package/dist/modals/index.d.ts +1 -0
  21. package/dist/pages/tabs/BuilderPanel.d.ts +2 -2
  22. package/dist/store.d.ts +6 -0
  23. package/dist/styles.css +1 -1
  24. package/dist/utils/nodeTree.d.ts +5 -0
  25. package/package.json +1 -1
  26. package/src/RenderPage.tsx +4 -1
  27. package/src/assets/samples/carousel-sample.json +99 -81
  28. package/src/assets/samples/simple-1.json +8 -2
  29. package/src/assets/samples/simple-2.json +36 -9
  30. package/src/assets/samples/vpn-onboard-1.json +27 -23
  31. package/src/assets/samples/vpn-onboard-2.json +279 -275
  32. package/src/assets/samples/vpn-onboard-3.json +247 -246
  33. package/src/assets/samples/vpn-onboard-4.json +247 -246
  34. package/src/assets/samples/vpn-onboard-5.json +375 -369
  35. package/src/assets/samples/vpn-onboard-6.json +252 -248
  36. package/src/build-components/RenderNode.generated.tsx +0 -7
  37. package/src/build-components/View/pattern.json +2 -2
  38. package/src/build-components/index.ts +0 -5
  39. package/src/build-components/patterns.generated.ts +56 -455
  40. package/src/components/AttributesEditorPanel.tsx +12 -8
  41. package/src/components/BottomBar.tsx +236 -0
  42. package/src/components/EditorHeader.tsx +11 -4
  43. package/src/components/LoadingComponent.tsx +10 -0
  44. package/src/components/MobilePanelToggleButton.tsx +39 -0
  45. package/src/hooks/useMinimumDelay.ts +20 -0
  46. package/src/hooks/useMobileEditorPanels.ts +56 -0
  47. package/src/hooks/useSyncProjectPageStore.ts +40 -0
  48. package/src/modals/ScreenColorsModal.tsx +115 -0
  49. package/src/modals/index.ts +1 -0
  50. package/src/pages/ProjectPage.tsx +53 -243
  51. package/src/pages/tabs/BuilderPanel.tsx +14 -8
  52. package/src/store.ts +10 -6
  53. package/src/styles/base/_global.scss +12 -4
  54. package/src/styles/components/_attributes-editor.scss +9 -1
  55. package/src/styles/components/_bottom-bar.scss +113 -0
  56. package/src/styles/components/_editor-shell.scss +0 -19
  57. package/src/styles/index.scss +1 -0
  58. package/src/utils/analyseNodeByPatterns.ts +15 -0
  59. package/src/utils/nodeTree.ts +99 -0
  60. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts +0 -5
  61. package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts +0 -50
  62. package/dist/pages/tabs/SideTool.d.ts +0 -8
  63. package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx +0 -10
  64. package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts +0 -77
  65. package/src/build-components/PaywallSubscriButton/pattern.json +0 -27
  66. package/src/pages/tabs/SideTool.tsx +0 -253
@@ -106,8 +106,8 @@ export const patterns = [
106
106
  sort: 4,
107
107
  },
108
108
  scrollable: {
109
- label: 'Scrollable',
110
- description: 'Turns scroll interaction on.',
109
+ label: 'Scrollable (!!)',
110
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
111
111
  category: 'container',
112
112
  specialCategory: null,
113
113
  sort: -1,
@@ -522,8 +522,8 @@ export const patterns = [
522
522
  },
523
523
  attributes: {
524
524
  scrollable: {
525
- label: 'Scrollable',
526
- description: 'Turns scroll interaction on.',
525
+ label: 'Scrollable (!!)',
526
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
527
527
  category: 'container',
528
528
  specialCategory: null,
529
529
  sort: -1,
@@ -912,8 +912,8 @@ export const patterns = [
912
912
  },
913
913
  attributes: {
914
914
  scrollable: {
915
- label: 'Scrollable',
916
- description: 'Turns scroll interaction on.',
915
+ label: 'Scrollable (!!)',
916
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
917
917
  category: 'container',
918
918
  specialCategory: null,
919
919
  sort: -1,
@@ -1288,8 +1288,8 @@ export const patterns = [
1288
1288
  },
1289
1289
  attributes: {
1290
1290
  scrollable: {
1291
- label: 'Scrollable',
1292
- description: 'Turns scroll interaction on.',
1291
+ label: 'Scrollable (!!)',
1292
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
1293
1293
  category: 'container',
1294
1294
  specialCategory: null,
1295
1295
  sort: -1,
@@ -1640,8 +1640,8 @@ export const patterns = [
1640
1640
  },
1641
1641
  attributes: {
1642
1642
  scrollable: {
1643
- label: 'Scrollable',
1644
- description: 'Turns scroll interaction on.',
1643
+ label: 'Scrollable (!!)',
1644
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
1645
1645
  category: 'container',
1646
1646
  specialCategory: null,
1647
1647
  sort: -1,
@@ -2012,8 +2012,8 @@ export const patterns = [
2012
2012
  },
2013
2013
  attributes: {
2014
2014
  scrollable: {
2015
- label: 'Scrollable',
2016
- description: 'Turns scroll interaction on.',
2015
+ label: 'Scrollable (!!)',
2016
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
2017
2017
  category: 'container',
2018
2018
  specialCategory: null,
2019
2019
  sort: -1,
@@ -2369,8 +2369,8 @@ export const patterns = [
2369
2369
  },
2370
2370
  attributes: {
2371
2371
  scrollable: {
2372
- label: 'Scrollable',
2373
- description: 'Turns scroll interaction on.',
2372
+ label: 'Scrollable (!!)',
2373
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
2374
2374
  category: 'container',
2375
2375
  specialCategory: null,
2376
2376
  sort: -1,
@@ -2719,8 +2719,8 @@ export const patterns = [
2719
2719
  },
2720
2720
  attributes: {
2721
2721
  scrollable: {
2722
- label: 'Scrollable',
2723
- description: 'Turns scroll interaction on.',
2722
+ label: 'Scrollable (!!)',
2723
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
2724
2724
  category: 'container',
2725
2725
  specialCategory: null,
2726
2726
  sort: -1,
@@ -3071,8 +3071,8 @@ export const patterns = [
3071
3071
  },
3072
3072
  attributes: {
3073
3073
  scrollable: {
3074
- label: 'Scrollable',
3075
- description: 'Turns scroll interaction on.',
3074
+ label: 'Scrollable (!!)',
3075
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
3076
3076
  category: 'container',
3077
3077
  specialCategory: null,
3078
3078
  sort: -1,
@@ -3434,8 +3434,8 @@ export const patterns = [
3434
3434
  },
3435
3435
  attributes: {
3436
3436
  scrollable: {
3437
- label: 'Scrollable',
3438
- description: 'Turns scroll interaction on.',
3437
+ label: 'Scrollable (!!)',
3438
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
3439
3439
  category: 'container',
3440
3440
  specialCategory: null,
3441
3441
  sort: -1,
@@ -3802,8 +3802,8 @@ export const patterns = [
3802
3802
  },
3803
3803
  attributes: {
3804
3804
  scrollable: {
3805
- label: 'Scrollable',
3806
- description: 'Turns scroll interaction on.',
3805
+ label: 'Scrollable (!!)',
3806
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
3807
3807
  category: 'container',
3808
3808
  specialCategory: null,
3809
3809
  sort: -1,
@@ -4165,8 +4165,8 @@ export const patterns = [
4165
4165
  },
4166
4166
  attributes: {
4167
4167
  scrollable: {
4168
- label: 'Scrollable',
4169
- description: 'Turns scroll interaction on.',
4168
+ label: 'Scrollable (!!)',
4169
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
4170
4170
  category: 'container',
4171
4171
  specialCategory: null,
4172
4172
  sort: -1,
@@ -4571,8 +4571,8 @@ export const patterns = [
4571
4571
  },
4572
4572
  attributes: {
4573
4573
  scrollable: {
4574
- label: 'Scrollable',
4575
- description: 'Turns scroll interaction on.',
4574
+ label: 'Scrollable (!!)',
4575
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
4576
4576
  category: 'container',
4577
4577
  specialCategory: null,
4578
4578
  sort: -1,
@@ -4974,8 +4974,8 @@ export const patterns = [
4974
4974
  },
4975
4975
  attributes: {
4976
4976
  scrollable: {
4977
- label: 'Scrollable',
4978
- description: 'Turns scroll interaction on.',
4977
+ label: 'Scrollable (!!)',
4978
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
4979
4979
  category: 'container',
4980
4980
  specialCategory: null,
4981
4981
  sort: -1,
@@ -5378,8 +5378,8 @@ export const patterns = [
5378
5378
  sort: 4,
5379
5379
  },
5380
5380
  scrollable: {
5381
- label: 'Scrollable',
5382
- description: 'Turns scroll interaction on.',
5381
+ label: 'Scrollable (!!)',
5382
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
5383
5383
  category: 'container',
5384
5384
  specialCategory: null,
5385
5385
  sort: -1,
@@ -5816,8 +5816,8 @@ export const patterns = [
5816
5816
  sort: 4,
5817
5817
  },
5818
5818
  scrollable: {
5819
- label: 'Scrollable',
5820
- description: 'Turns scroll interaction on.',
5819
+ label: 'Scrollable (!!)',
5820
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
5821
5821
  category: 'container',
5822
5822
  specialCategory: null,
5823
5823
  sort: -1,
@@ -6191,8 +6191,8 @@ export const patterns = [
6191
6191
  },
6192
6192
  attributes: {
6193
6193
  scrollable: {
6194
- label: 'Scrollable',
6195
- description: 'Turns scroll interaction on.',
6194
+ label: 'Scrollable (!!)',
6195
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
6196
6196
  category: 'container',
6197
6197
  specialCategory: null,
6198
6198
  sort: -1,
@@ -6553,8 +6553,8 @@ export const patterns = [
6553
6553
  },
6554
6554
  attributes: {
6555
6555
  scrollable: {
6556
- label: 'Scrollable',
6557
- description: 'Turns scroll interaction on.',
6556
+ label: 'Scrollable (!!)',
6557
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
6558
6558
  category: 'container',
6559
6559
  specialCategory: null,
6560
6560
  sort: -1,
@@ -6924,8 +6924,8 @@ export const patterns = [
6924
6924
  sort: 4,
6925
6925
  },
6926
6926
  scrollable: {
6927
- label: 'Scrollable',
6928
- description: 'Turns scroll interaction on.',
6927
+ label: 'Scrollable (!!)',
6928
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
6929
6929
  category: 'container',
6930
6930
  specialCategory: null,
6931
6931
  sort: -1,
@@ -7325,8 +7325,8 @@ export const patterns = [
7325
7325
  sort: 4,
7326
7326
  },
7327
7327
  scrollable: {
7328
- label: 'Scrollable',
7329
- description: 'Turns scroll interaction on.',
7328
+ label: 'Scrollable (!!)',
7329
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
7330
7330
  category: 'container',
7331
7331
  specialCategory: null,
7332
7332
  sort: -1,
@@ -7708,8 +7708,8 @@ export const patterns = [
7708
7708
  },
7709
7709
  attributes: {
7710
7710
  scrollable: {
7711
- label: 'Scrollable',
7712
- description: 'Turns scroll interaction on.',
7711
+ label: 'Scrollable (!!)',
7712
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
7713
7713
  category: 'container',
7714
7714
  specialCategory: null,
7715
7715
  sort: -1,
@@ -8107,8 +8107,8 @@ export const patterns = [
8107
8107
  sort: 4,
8108
8108
  },
8109
8109
  scrollable: {
8110
- label: 'Scrollable',
8111
- description: 'Turns scroll interaction on.',
8110
+ label: 'Scrollable (!!)',
8111
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
8112
8112
  category: 'container',
8113
8113
  specialCategory: null,
8114
8114
  sort: -1,
@@ -8498,8 +8498,8 @@ export const patterns = [
8498
8498
  },
8499
8499
  attributes: {
8500
8500
  scrollable: {
8501
- label: 'Scrollable',
8502
- description: 'Turns scroll interaction on.',
8501
+ label: 'Scrollable (!!)',
8502
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
8503
8503
  category: 'container',
8504
8504
  specialCategory: null,
8505
8505
  sort: -1,
@@ -8855,8 +8855,8 @@ export const patterns = [
8855
8855
  },
8856
8856
  attributes: {
8857
8857
  scrollable: {
8858
- label: 'Scrollable',
8859
- description: 'Turns scroll interaction on.',
8858
+ label: 'Scrollable (!!)',
8859
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
8860
8860
  category: 'container',
8861
8861
  specialCategory: null,
8862
8862
  sort: -1,
@@ -9130,405 +9130,6 @@ export const patterns = [
9130
9130
  },
9131
9131
  types: {},
9132
9132
  },
9133
- {
9134
- schemaVersion: 1,
9135
- allowUnknownAttributes: false,
9136
- pattern: {
9137
- type: 'PaywallSubscriButton',
9138
- children: 'string',
9139
- attributes: {
9140
- color: 'color',
9141
- fontSize: 'size',
9142
- fontWeight: [
9143
- 'normal',
9144
- 'bold',
9145
- '100',
9146
- '200',
9147
- '300',
9148
- '400',
9149
- '500',
9150
- '600',
9151
- '700',
9152
- '800',
9153
- '900',
9154
- ],
9155
- scrollable: 'boolean',
9156
- flexDirection: ['row', 'column'],
9157
- alignItems: ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'],
9158
- justifyContent: [
9159
- 'flex-start',
9160
- 'center',
9161
- 'flex-end',
9162
- 'space-between',
9163
- 'space-around',
9164
- 'space-evenly',
9165
- ],
9166
- gap: 'size',
9167
- padding: 'size',
9168
- paddingHorizontal: 'size',
9169
- paddingVertical: 'size',
9170
- paddingTop: 'size',
9171
- paddingBottom: 'size',
9172
- paddingLeft: 'size',
9173
- paddingRight: 'size',
9174
- margin: 'size',
9175
- marginVertical: 'size',
9176
- marginTop: 'size',
9177
- marginBottom: 'size',
9178
- marginLeft: 'size',
9179
- marginRight: 'size',
9180
- backgroundColor: 'color',
9181
- borderRadius: 'size',
9182
- width: 'size',
9183
- minWidth: 'size',
9184
- maxWidth: 'size',
9185
- height: 'size',
9186
- minHeight: 'size',
9187
- maxHeight: 'size',
9188
- flex: 'number',
9189
- position: ['relative', 'absolute'],
9190
- top: 'size',
9191
- bottom: 'size',
9192
- left: 'size',
9193
- right: 'size',
9194
- zIndex: 'number',
9195
- },
9196
- defaults: { flexDirection: 'column', position: 'relative', zIndex: 1 },
9197
- },
9198
- meta: {
9199
- desiredParent: ['>PaywallProvider'],
9200
- label: 'Paywall Subscribe Button',
9201
- description: 'Paywall subscribe call-to-action button. Extends Button.',
9202
- attributes: {
9203
- color: {
9204
- label: 'Color',
9205
- description: 'Text color of the button.',
9206
- category: 'style',
9207
- specialCategory: null,
9208
- sort: 1,
9209
- },
9210
- fontSize: {
9211
- label: 'Font Size',
9212
- description: 'Text size of the button.',
9213
- category: 'style',
9214
- specialCategory: null,
9215
- sort: 2,
9216
- },
9217
- fontWeight: {
9218
- label: 'Font Weight',
9219
- description: 'Text weight of the button.',
9220
- category: 'style',
9221
- specialCategory: null,
9222
- sort: 3,
9223
- },
9224
- scrollable: {
9225
- label: 'Scrollable',
9226
- description: 'Turns scroll interaction on.',
9227
- category: 'container',
9228
- specialCategory: null,
9229
- sort: -1,
9230
- },
9231
- flexDirection: {
9232
- label: 'Flex Direction',
9233
- description: 'Sets row or column layout.',
9234
- category: 'container',
9235
- specialCategory: null,
9236
- sort: 4,
9237
- },
9238
- alignItems: {
9239
- label: 'Align Items',
9240
- description: 'Controls cross-axis alignment.',
9241
- category: 'container',
9242
- specialCategory: null,
9243
- sort: 3,
9244
- },
9245
- justifyContent: {
9246
- label: 'Justify Content',
9247
- description: 'Controls main-axis alignment.',
9248
- category: 'container',
9249
- specialCategory: null,
9250
- sort: 5,
9251
- },
9252
- gap: {
9253
- label: 'Gap',
9254
- description: 'Space between children.',
9255
- category: 'container',
9256
- specialCategory: null,
9257
- sort: 10,
9258
- preferedScale: 's',
9259
- },
9260
- padding: {
9261
- label: 'Padding',
9262
- description: 'Uniform padding on all sides.',
9263
- category: 'container',
9264
- specialCategory: 'padding',
9265
- sort: 6,
9266
- preferedScale: 's',
9267
- },
9268
- paddingHorizontal: {
9269
- label: 'Padding Horizontal',
9270
- description: 'Left and right padding.',
9271
- category: 'container',
9272
- specialCategory: 'padding',
9273
- sort: 7,
9274
- preferedScale: 's',
9275
- },
9276
- paddingVertical: {
9277
- label: 'Padding Vertical',
9278
- description: 'Top and bottom padding.',
9279
- category: 'container',
9280
- specialCategory: 'padding',
9281
- sort: 8,
9282
- preferedScale: 'vs',
9283
- },
9284
- paddingTop: {
9285
- label: 'Padding Top',
9286
- description: 'Top padding only.',
9287
- category: 'container',
9288
- specialCategory: 'padding',
9289
- sort: 9,
9290
- preferedScale: 'vs',
9291
- },
9292
- paddingBottom: {
9293
- label: 'Padding Bottom',
9294
- description: 'Bottom padding only.',
9295
- category: 'container',
9296
- specialCategory: 'padding',
9297
- sort: 10,
9298
- preferedScale: 'vs',
9299
- },
9300
- paddingLeft: {
9301
- label: 'Padding Left',
9302
- description: 'Left padding only.',
9303
- category: 'container',
9304
- specialCategory: 'padding',
9305
- sort: 11,
9306
- preferedScale: 's',
9307
- },
9308
- paddingRight: {
9309
- label: 'Padding Right',
9310
- description: 'Right padding only.',
9311
- category: 'container',
9312
- specialCategory: 'padding',
9313
- sort: 12,
9314
- preferedScale: 's',
9315
- },
9316
- margin: {
9317
- label: 'Margin',
9318
- description: 'Uniform margin on all sides.',
9319
- category: 'container',
9320
- specialCategory: 'margin',
9321
- sort: 13,
9322
- preferedScale: 's',
9323
- },
9324
- marginHorizontal: {
9325
- label: 'Margin Horizontal',
9326
- description: 'Left and right margin.',
9327
- category: 'container',
9328
- specialCategory: 'margin',
9329
- sort: 14,
9330
- preferedScale: 's',
9331
- },
9332
- marginVertical: {
9333
- label: 'Margin Vertical',
9334
- description: 'Top and bottom margin.',
9335
- category: 'container',
9336
- specialCategory: 'margin',
9337
- sort: 15,
9338
- preferedScale: 'vs',
9339
- },
9340
- marginTop: {
9341
- label: 'Margin Top',
9342
- description: 'Top margin only.',
9343
- category: 'container',
9344
- specialCategory: 'margin',
9345
- sort: 16,
9346
- preferedScale: 'vs',
9347
- },
9348
- marginBottom: {
9349
- label: 'Margin Bottom',
9350
- description: 'Bottom margin only.',
9351
- category: 'container',
9352
- specialCategory: 'margin',
9353
- sort: 17,
9354
- preferedScale: 'vs',
9355
- },
9356
- marginLeft: {
9357
- label: 'Margin Left',
9358
- description: 'Left margin only.',
9359
- category: 'container',
9360
- specialCategory: 'margin',
9361
- sort: 18,
9362
- preferedScale: 's',
9363
- },
9364
- marginRight: {
9365
- label: 'Margin Right',
9366
- description: 'Right margin only.',
9367
- category: 'container',
9368
- specialCategory: 'margin',
9369
- sort: 19,
9370
- preferedScale: 's',
9371
- },
9372
- backgroundColor: {
9373
- label: 'Background Color',
9374
- description: 'Background fill color.',
9375
- category: 'style',
9376
- specialCategory: null,
9377
- sort: 20,
9378
- },
9379
- borderRadius: {
9380
- label: 'Border Radius',
9381
- description: 'Corner rounding amount.',
9382
- category: 'style',
9383
- specialCategory: null,
9384
- sort: 21,
9385
- preferedScale: 's',
9386
- },
9387
- width: {
9388
- label: 'Width',
9389
- description: 'Fixed width value.',
9390
- category: 'container',
9391
- specialCategory: 'size',
9392
- sort: 0,
9393
- preferedScale: 's',
9394
- },
9395
- minWidth: {
9396
- label: 'Min Width',
9397
- description: 'Minimum width constraint.',
9398
- category: 'container',
9399
- specialCategory: 'size',
9400
- sort: 1,
9401
- preferedScale: 's',
9402
- },
9403
- maxWidth: {
9404
- label: 'Max Width',
9405
- description: 'Maximum width constraint.',
9406
- category: 'container',
9407
- specialCategory: 'size',
9408
- sort: 2,
9409
- preferedScale: 's',
9410
- },
9411
- height: {
9412
- label: 'Height',
9413
- description: 'Fixed height value.',
9414
- category: 'container',
9415
- specialCategory: 'size',
9416
- sort: 3,
9417
- preferedScale: 'vs',
9418
- },
9419
- minHeight: {
9420
- label: 'Min Height',
9421
- description: 'Minimum height constraint.',
9422
- category: 'container',
9423
- specialCategory: 'size',
9424
- sort: 4,
9425
- preferedScale: 'vs',
9426
- },
9427
- maxHeight: {
9428
- label: 'Max Height',
9429
- description: 'Maximum height constraint.',
9430
- category: 'container',
9431
- specialCategory: 'size',
9432
- sort: 5,
9433
- preferedScale: 'vs',
9434
- },
9435
- flex: {
9436
- label: 'Flex',
9437
- description: 'Flex grow factor (e.g. 1 fills available space).',
9438
- category: 'container',
9439
- specialCategory: 'size',
9440
- sort: 6,
9441
- },
9442
- position: {
9443
- label: 'Position',
9444
- description: 'Sets layout positioning mode.',
9445
- category: 'container',
9446
- specialCategory: null,
9447
- sort: 3,
9448
- },
9449
- top: {
9450
- label: 'Top',
9451
- description: 'Offset from the top edge.',
9452
- category: 'container',
9453
- specialCategory: 'offset',
9454
- sort: 22,
9455
- preferedScale: 'vs',
9456
- },
9457
- bottom: {
9458
- label: 'Bottom',
9459
- description: 'Offset from the bottom edge.',
9460
- category: 'container',
9461
- specialCategory: 'offset',
9462
- sort: 23,
9463
- preferedScale: 'vs',
9464
- },
9465
- left: {
9466
- label: 'Left',
9467
- description: 'Offset from the left edge.',
9468
- category: 'container',
9469
- specialCategory: 'offset',
9470
- sort: 24,
9471
- preferedScale: 's',
9472
- },
9473
- right: {
9474
- label: 'Right',
9475
- description: 'Offset from the right edge.',
9476
- category: 'container',
9477
- specialCategory: 'offset',
9478
- sort: 25,
9479
- preferedScale: 's',
9480
- },
9481
- zIndex: {
9482
- label: 'Z-Index',
9483
- description: 'Controls stacking order.',
9484
- category: 'container',
9485
- specialCategory: null,
9486
- sort: 26,
9487
- },
9488
- },
9489
- specialCategories: {
9490
- padding: {
9491
- label: 'Padding',
9492
- description: 'Uniform padding on all sides.',
9493
- category: 'container',
9494
- sort: 1,
9495
- },
9496
- margin: {
9497
- label: 'Margin',
9498
- description: 'Uniform margin on all sides.',
9499
- category: 'container',
9500
- sort: 2,
9501
- },
9502
- size: {
9503
- label: 'Size',
9504
- description: 'Fixed dimensions.',
9505
- category: 'container',
9506
- sort: 3,
9507
- },
9508
- offset: {
9509
- label: 'Offset',
9510
- description: 'Absolute positioning offsets.',
9511
- category: 'container',
9512
- sort: 4,
9513
- },
9514
- },
9515
- },
9516
- defaults: {
9517
- flexDirection: 'column',
9518
- position: 'relative',
9519
- zIndex: 1,
9520
- backgroundColor: '#1C1C1E',
9521
- paddingHorizontal: '20@s',
9522
- paddingVertical: '12@vs',
9523
- borderRadius: '12@s',
9524
- color: 'cornflowerblue',
9525
- fontSize: '16@fs',
9526
- fontWeight: '700',
9527
- justifyContent: 'center',
9528
- alignItems: 'center',
9529
- },
9530
- types: {},
9531
- },
9532
9133
  {
9533
9134
  schemaVersion: 1,
9534
9135
  allowUnknownAttributes: false,
@@ -9621,8 +9222,8 @@ export const patterns = [
9621
9222
  sort: 3,
9622
9223
  },
9623
9224
  scrollable: {
9624
- label: 'Scrollable',
9625
- description: 'Turns scroll interaction on.',
9225
+ label: 'Scrollable (!!)',
9226
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
9626
9227
  category: 'container',
9627
9228
  specialCategory: null,
9628
9229
  sort: -1,
@@ -10013,8 +9614,8 @@ export const patterns = [
10013
9614
  },
10014
9615
  attributes: {
10015
9616
  scrollable: {
10016
- label: 'Scrollable',
10017
- description: 'Turns scroll interaction on.',
9617
+ label: 'Scrollable (!!)',
9618
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
10018
9619
  category: 'container',
10019
9620
  specialCategory: null,
10020
9621
  sort: -1,
@@ -10400,8 +10001,8 @@ export const patterns = [
10400
10001
  },
10401
10002
  attributes: {
10402
10003
  scrollable: {
10403
- label: 'Scrollable',
10404
- description: 'Turns scroll interaction on.',
10004
+ label: 'Scrollable (!!)',
10005
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
10405
10006
  category: 'container',
10406
10007
  specialCategory: null,
10407
10008
  sort: -1,
@@ -10779,8 +10380,8 @@ export const patterns = [
10779
10380
  },
10780
10381
  attributes: {
10781
10382
  scrollable: {
10782
- label: 'Scrollable',
10783
- description: 'Turns scroll interaction on.',
10383
+ label: 'Scrollable (!!)',
10384
+ description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
10784
10385
  category: 'container',
10785
10386
  specialCategory: null,
10786
10387
  sort: -1,