@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.
- package/dist/build-components/index.d.ts +1 -2
- package/dist/build-components/patterns.generated.d.ts +56 -439
- package/dist/components/AttributesEditorPanel.d.ts +2 -2
- package/dist/components/BottomBar.d.ts +8 -0
- package/dist/components/Checkbox.d.ts +1 -1
- package/dist/components/LoadingComponent.d.ts +1 -0
- package/dist/components/MobilePanelToggleButton.d.ts +8 -0
- package/dist/hooks/useMinimumDelay.d.ts +7 -0
- package/dist/hooks/useMobileEditorPanels.d.ts +12 -0
- package/dist/hooks/useSyncProjectPageStore.d.ts +15 -0
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.native.cjs.js +1 -1
- package/dist/index.native.cjs.js.map +1 -1
- package/dist/index.native.esm.js +4 -4
- package/dist/index.native.esm.js.map +1 -1
- package/dist/modals/ScreenColorsModal.d.ts +8 -0
- package/dist/modals/index.d.ts +1 -0
- package/dist/pages/tabs/BuilderPanel.d.ts +2 -2
- package/dist/store.d.ts +6 -0
- package/dist/styles.css +1 -1
- package/dist/utils/nodeTree.d.ts +5 -0
- package/package.json +1 -1
- package/src/RenderPage.tsx +4 -1
- package/src/assets/samples/carousel-sample.json +99 -81
- package/src/assets/samples/simple-1.json +8 -2
- package/src/assets/samples/simple-2.json +36 -9
- package/src/assets/samples/vpn-onboard-1.json +27 -23
- package/src/assets/samples/vpn-onboard-2.json +279 -275
- package/src/assets/samples/vpn-onboard-3.json +247 -246
- package/src/assets/samples/vpn-onboard-4.json +247 -246
- package/src/assets/samples/vpn-onboard-5.json +375 -369
- package/src/assets/samples/vpn-onboard-6.json +252 -248
- package/src/build-components/RenderNode.generated.tsx +0 -7
- package/src/build-components/View/pattern.json +2 -2
- package/src/build-components/index.ts +0 -5
- package/src/build-components/patterns.generated.ts +56 -455
- package/src/components/AttributesEditorPanel.tsx +12 -8
- package/src/components/BottomBar.tsx +236 -0
- package/src/components/EditorHeader.tsx +11 -4
- package/src/components/LoadingComponent.tsx +10 -0
- package/src/components/MobilePanelToggleButton.tsx +39 -0
- package/src/hooks/useMinimumDelay.ts +20 -0
- package/src/hooks/useMobileEditorPanels.ts +56 -0
- package/src/hooks/useSyncProjectPageStore.ts +40 -0
- package/src/modals/ScreenColorsModal.tsx +115 -0
- package/src/modals/index.ts +1 -0
- package/src/pages/ProjectPage.tsx +53 -243
- package/src/pages/tabs/BuilderPanel.tsx +14 -8
- package/src/store.ts +10 -6
- package/src/styles/base/_global.scss +12 -4
- package/src/styles/components/_attributes-editor.scss +9 -1
- package/src/styles/components/_bottom-bar.scss +113 -0
- package/src/styles/components/_editor-shell.scss +0 -19
- package/src/styles/index.scss +1 -0
- package/src/utils/analyseNodeByPatterns.ts +15 -0
- package/src/utils/nodeTree.ts +99 -0
- package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts +0 -5
- package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts +0 -50
- package/dist/pages/tabs/SideTool.d.ts +0 -8
- package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx +0 -10
- package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts +0 -77
- package/src/build-components/PaywallSubscriButton/pattern.json +0 -27
- 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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
10383
|
+
label: 'Scrollable (!!)',
|
|
10384
|
+
description: 'THIS FEATURE MIGHT NOT WORK IN MOBILE!',
|
|
10784
10385
|
category: 'container',
|
|
10785
10386
|
specialCategory: null,
|
|
10786
10387
|
sort: -1,
|