@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
|
@@ -87,8 +87,8 @@ export declare const patterns: readonly [{
|
|
|
87
87
|
readonly sort: 4;
|
|
88
88
|
};
|
|
89
89
|
readonly scrollable: {
|
|
90
|
-
readonly label: "Scrollable";
|
|
91
|
-
readonly description: "
|
|
90
|
+
readonly label: "Scrollable (!!)";
|
|
91
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
92
92
|
readonly category: "container";
|
|
93
93
|
readonly specialCategory: null;
|
|
94
94
|
readonly sort: -1;
|
|
@@ -495,8 +495,8 @@ export declare const patterns: readonly [{
|
|
|
495
495
|
};
|
|
496
496
|
readonly attributes: {
|
|
497
497
|
readonly scrollable: {
|
|
498
|
-
readonly label: "Scrollable";
|
|
499
|
-
readonly description: "
|
|
498
|
+
readonly label: "Scrollable (!!)";
|
|
499
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
500
500
|
readonly category: "container";
|
|
501
501
|
readonly specialCategory: null;
|
|
502
502
|
readonly sort: -1;
|
|
@@ -867,8 +867,8 @@ export declare const patterns: readonly [{
|
|
|
867
867
|
};
|
|
868
868
|
readonly attributes: {
|
|
869
869
|
readonly scrollable: {
|
|
870
|
-
readonly label: "Scrollable";
|
|
871
|
-
readonly description: "
|
|
870
|
+
readonly label: "Scrollable (!!)";
|
|
871
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
872
872
|
readonly category: "container";
|
|
873
873
|
readonly specialCategory: null;
|
|
874
874
|
readonly sort: -1;
|
|
@@ -1237,8 +1237,8 @@ export declare const patterns: readonly [{
|
|
|
1237
1237
|
};
|
|
1238
1238
|
readonly attributes: {
|
|
1239
1239
|
readonly scrollable: {
|
|
1240
|
-
readonly label: "Scrollable";
|
|
1241
|
-
readonly description: "
|
|
1240
|
+
readonly label: "Scrollable (!!)";
|
|
1241
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
1242
1242
|
readonly category: "container";
|
|
1243
1243
|
readonly specialCategory: null;
|
|
1244
1244
|
readonly sort: -1;
|
|
@@ -1589,8 +1589,8 @@ export declare const patterns: readonly [{
|
|
|
1589
1589
|
};
|
|
1590
1590
|
readonly attributes: {
|
|
1591
1591
|
readonly scrollable: {
|
|
1592
|
-
readonly label: "Scrollable";
|
|
1593
|
-
readonly description: "
|
|
1592
|
+
readonly label: "Scrollable (!!)";
|
|
1593
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
1594
1594
|
readonly category: "container";
|
|
1595
1595
|
readonly specialCategory: null;
|
|
1596
1596
|
readonly sort: -1;
|
|
@@ -1954,8 +1954,8 @@ export declare const patterns: readonly [{
|
|
|
1954
1954
|
};
|
|
1955
1955
|
readonly attributes: {
|
|
1956
1956
|
readonly scrollable: {
|
|
1957
|
-
readonly label: "Scrollable";
|
|
1958
|
-
readonly description: "
|
|
1957
|
+
readonly label: "Scrollable (!!)";
|
|
1958
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
1959
1959
|
readonly category: "container";
|
|
1960
1960
|
readonly specialCategory: null;
|
|
1961
1961
|
readonly sort: -1;
|
|
@@ -2311,8 +2311,8 @@ export declare const patterns: readonly [{
|
|
|
2311
2311
|
};
|
|
2312
2312
|
readonly attributes: {
|
|
2313
2313
|
readonly scrollable: {
|
|
2314
|
-
readonly label: "Scrollable";
|
|
2315
|
-
readonly description: "
|
|
2314
|
+
readonly label: "Scrollable (!!)";
|
|
2315
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
2316
2316
|
readonly category: "container";
|
|
2317
2317
|
readonly specialCategory: null;
|
|
2318
2318
|
readonly sort: -1;
|
|
@@ -2661,8 +2661,8 @@ export declare const patterns: readonly [{
|
|
|
2661
2661
|
};
|
|
2662
2662
|
readonly attributes: {
|
|
2663
2663
|
readonly scrollable: {
|
|
2664
|
-
readonly label: "Scrollable";
|
|
2665
|
-
readonly description: "
|
|
2664
|
+
readonly label: "Scrollable (!!)";
|
|
2665
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
2666
2666
|
readonly category: "container";
|
|
2667
2667
|
readonly specialCategory: null;
|
|
2668
2668
|
readonly sort: -1;
|
|
@@ -3013,8 +3013,8 @@ export declare const patterns: readonly [{
|
|
|
3013
3013
|
};
|
|
3014
3014
|
readonly attributes: {
|
|
3015
3015
|
readonly scrollable: {
|
|
3016
|
-
readonly label: "Scrollable";
|
|
3017
|
-
readonly description: "
|
|
3016
|
+
readonly label: "Scrollable (!!)";
|
|
3017
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
3018
3018
|
readonly category: "container";
|
|
3019
3019
|
readonly specialCategory: null;
|
|
3020
3020
|
readonly sort: -1;
|
|
@@ -3376,8 +3376,8 @@ export declare const patterns: readonly [{
|
|
|
3376
3376
|
};
|
|
3377
3377
|
readonly attributes: {
|
|
3378
3378
|
readonly scrollable: {
|
|
3379
|
-
readonly label: "Scrollable";
|
|
3380
|
-
readonly description: "
|
|
3379
|
+
readonly label: "Scrollable (!!)";
|
|
3380
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
3381
3381
|
readonly category: "container";
|
|
3382
3382
|
readonly specialCategory: null;
|
|
3383
3383
|
readonly sort: -1;
|
|
@@ -3737,8 +3737,8 @@ export declare const patterns: readonly [{
|
|
|
3737
3737
|
};
|
|
3738
3738
|
readonly attributes: {
|
|
3739
3739
|
readonly scrollable: {
|
|
3740
|
-
readonly label: "Scrollable";
|
|
3741
|
-
readonly description: "
|
|
3740
|
+
readonly label: "Scrollable (!!)";
|
|
3741
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
3742
3742
|
readonly category: "container";
|
|
3743
3743
|
readonly specialCategory: null;
|
|
3744
3744
|
readonly sort: -1;
|
|
@@ -4094,8 +4094,8 @@ export declare const patterns: readonly [{
|
|
|
4094
4094
|
};
|
|
4095
4095
|
readonly attributes: {
|
|
4096
4096
|
readonly scrollable: {
|
|
4097
|
-
readonly label: "Scrollable";
|
|
4098
|
-
readonly description: "
|
|
4097
|
+
readonly label: "Scrollable (!!)";
|
|
4098
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
4099
4099
|
readonly category: "container";
|
|
4100
4100
|
readonly specialCategory: null;
|
|
4101
4101
|
readonly sort: -1;
|
|
@@ -4500,8 +4500,8 @@ export declare const patterns: readonly [{
|
|
|
4500
4500
|
};
|
|
4501
4501
|
readonly attributes: {
|
|
4502
4502
|
readonly scrollable: {
|
|
4503
|
-
readonly label: "Scrollable";
|
|
4504
|
-
readonly description: "
|
|
4503
|
+
readonly label: "Scrollable (!!)";
|
|
4504
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
4505
4505
|
readonly category: "container";
|
|
4506
4506
|
readonly specialCategory: null;
|
|
4507
4507
|
readonly sort: -1;
|
|
@@ -4903,8 +4903,8 @@ export declare const patterns: readonly [{
|
|
|
4903
4903
|
};
|
|
4904
4904
|
readonly attributes: {
|
|
4905
4905
|
readonly scrollable: {
|
|
4906
|
-
readonly label: "Scrollable";
|
|
4907
|
-
readonly description: "
|
|
4906
|
+
readonly label: "Scrollable (!!)";
|
|
4907
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
4908
4908
|
readonly category: "container";
|
|
4909
4909
|
readonly specialCategory: null;
|
|
4910
4910
|
readonly sort: -1;
|
|
@@ -5295,8 +5295,8 @@ export declare const patterns: readonly [{
|
|
|
5295
5295
|
readonly sort: 4;
|
|
5296
5296
|
};
|
|
5297
5297
|
readonly scrollable: {
|
|
5298
|
-
readonly label: "Scrollable";
|
|
5299
|
-
readonly description: "
|
|
5298
|
+
readonly label: "Scrollable (!!)";
|
|
5299
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
5300
5300
|
readonly category: "container";
|
|
5301
5301
|
readonly specialCategory: null;
|
|
5302
5302
|
readonly sort: -1;
|
|
@@ -5729,8 +5729,8 @@ export declare const patterns: readonly [{
|
|
|
5729
5729
|
readonly sort: 4;
|
|
5730
5730
|
};
|
|
5731
5731
|
readonly scrollable: {
|
|
5732
|
-
readonly label: "Scrollable";
|
|
5733
|
-
readonly description: "
|
|
5732
|
+
readonly label: "Scrollable (!!)";
|
|
5733
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
5734
5734
|
readonly category: "container";
|
|
5735
5735
|
readonly specialCategory: null;
|
|
5736
5736
|
readonly sort: -1;
|
|
@@ -6104,8 +6104,8 @@ export declare const patterns: readonly [{
|
|
|
6104
6104
|
};
|
|
6105
6105
|
readonly attributes: {
|
|
6106
6106
|
readonly scrollable: {
|
|
6107
|
-
readonly label: "Scrollable";
|
|
6108
|
-
readonly description: "
|
|
6107
|
+
readonly label: "Scrollable (!!)";
|
|
6108
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
6109
6109
|
readonly category: "container";
|
|
6110
6110
|
readonly specialCategory: null;
|
|
6111
6111
|
readonly sort: -1;
|
|
@@ -6462,8 +6462,8 @@ export declare const patterns: readonly [{
|
|
|
6462
6462
|
};
|
|
6463
6463
|
readonly attributes: {
|
|
6464
6464
|
readonly scrollable: {
|
|
6465
|
-
readonly label: "Scrollable";
|
|
6466
|
-
readonly description: "
|
|
6465
|
+
readonly label: "Scrollable (!!)";
|
|
6466
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
6467
6467
|
readonly category: "container";
|
|
6468
6468
|
readonly specialCategory: null;
|
|
6469
6469
|
readonly sort: -1;
|
|
@@ -6817,8 +6817,8 @@ export declare const patterns: readonly [{
|
|
|
6817
6817
|
readonly sort: 4;
|
|
6818
6818
|
};
|
|
6819
6819
|
readonly scrollable: {
|
|
6820
|
-
readonly label: "Scrollable";
|
|
6821
|
-
readonly description: "
|
|
6820
|
+
readonly label: "Scrollable (!!)";
|
|
6821
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
6822
6822
|
readonly category: "container";
|
|
6823
6823
|
readonly specialCategory: null;
|
|
6824
6824
|
readonly sort: -1;
|
|
@@ -7202,8 +7202,8 @@ export declare const patterns: readonly [{
|
|
|
7202
7202
|
readonly sort: 4;
|
|
7203
7203
|
};
|
|
7204
7204
|
readonly scrollable: {
|
|
7205
|
-
readonly label: "Scrollable";
|
|
7206
|
-
readonly description: "
|
|
7205
|
+
readonly label: "Scrollable (!!)";
|
|
7206
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
7207
7207
|
readonly category: "container";
|
|
7208
7208
|
readonly specialCategory: null;
|
|
7209
7209
|
readonly sort: -1;
|
|
@@ -7581,8 +7581,8 @@ export declare const patterns: readonly [{
|
|
|
7581
7581
|
};
|
|
7582
7582
|
readonly attributes: {
|
|
7583
7583
|
readonly scrollable: {
|
|
7584
|
-
readonly label: "Scrollable";
|
|
7585
|
-
readonly description: "
|
|
7584
|
+
readonly label: "Scrollable (!!)";
|
|
7585
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
7586
7586
|
readonly category: "container";
|
|
7587
7587
|
readonly specialCategory: null;
|
|
7588
7588
|
readonly sort: -1;
|
|
@@ -7964,8 +7964,8 @@ export declare const patterns: readonly [{
|
|
|
7964
7964
|
readonly sort: 4;
|
|
7965
7965
|
};
|
|
7966
7966
|
readonly scrollable: {
|
|
7967
|
-
readonly label: "Scrollable";
|
|
7968
|
-
readonly description: "
|
|
7967
|
+
readonly label: "Scrollable (!!)";
|
|
7968
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
7969
7969
|
readonly category: "container";
|
|
7970
7970
|
readonly specialCategory: null;
|
|
7971
7971
|
readonly sort: -1;
|
|
@@ -8347,8 +8347,8 @@ export declare const patterns: readonly [{
|
|
|
8347
8347
|
};
|
|
8348
8348
|
readonly attributes: {
|
|
8349
8349
|
readonly scrollable: {
|
|
8350
|
-
readonly label: "Scrollable";
|
|
8351
|
-
readonly description: "
|
|
8350
|
+
readonly label: "Scrollable (!!)";
|
|
8351
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
8352
8352
|
readonly category: "container";
|
|
8353
8353
|
readonly specialCategory: null;
|
|
8354
8354
|
readonly sort: -1;
|
|
@@ -8700,8 +8700,8 @@ export declare const patterns: readonly [{
|
|
|
8700
8700
|
};
|
|
8701
8701
|
readonly attributes: {
|
|
8702
8702
|
readonly scrollable: {
|
|
8703
|
-
readonly label: "Scrollable";
|
|
8704
|
-
readonly description: "
|
|
8703
|
+
readonly label: "Scrollable (!!)";
|
|
8704
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
8705
8705
|
readonly category: "container";
|
|
8706
8706
|
readonly specialCategory: null;
|
|
8707
8707
|
readonly sort: -1;
|
|
@@ -8977,389 +8977,6 @@ export declare const patterns: readonly [{
|
|
|
8977
8977
|
readonly height: "100%";
|
|
8978
8978
|
};
|
|
8979
8979
|
readonly types: {};
|
|
8980
|
-
}, {
|
|
8981
|
-
readonly schemaVersion: 1;
|
|
8982
|
-
readonly allowUnknownAttributes: false;
|
|
8983
|
-
readonly pattern: {
|
|
8984
|
-
readonly type: "PaywallSubscriButton";
|
|
8985
|
-
readonly children: "string";
|
|
8986
|
-
readonly attributes: {
|
|
8987
|
-
readonly color: "color";
|
|
8988
|
-
readonly fontSize: "size";
|
|
8989
|
-
readonly fontWeight: readonly ["normal", "bold", "100", "200", "300", "400", "500", "600", "700", "800", "900"];
|
|
8990
|
-
readonly scrollable: "boolean";
|
|
8991
|
-
readonly flexDirection: readonly ["row", "column"];
|
|
8992
|
-
readonly alignItems: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
|
|
8993
|
-
readonly justifyContent: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
|
|
8994
|
-
readonly gap: "size";
|
|
8995
|
-
readonly padding: "size";
|
|
8996
|
-
readonly paddingHorizontal: "size";
|
|
8997
|
-
readonly paddingVertical: "size";
|
|
8998
|
-
readonly paddingTop: "size";
|
|
8999
|
-
readonly paddingBottom: "size";
|
|
9000
|
-
readonly paddingLeft: "size";
|
|
9001
|
-
readonly paddingRight: "size";
|
|
9002
|
-
readonly margin: "size";
|
|
9003
|
-
readonly marginVertical: "size";
|
|
9004
|
-
readonly marginTop: "size";
|
|
9005
|
-
readonly marginBottom: "size";
|
|
9006
|
-
readonly marginLeft: "size";
|
|
9007
|
-
readonly marginRight: "size";
|
|
9008
|
-
readonly backgroundColor: "color";
|
|
9009
|
-
readonly borderRadius: "size";
|
|
9010
|
-
readonly width: "size";
|
|
9011
|
-
readonly minWidth: "size";
|
|
9012
|
-
readonly maxWidth: "size";
|
|
9013
|
-
readonly height: "size";
|
|
9014
|
-
readonly minHeight: "size";
|
|
9015
|
-
readonly maxHeight: "size";
|
|
9016
|
-
readonly flex: "number";
|
|
9017
|
-
readonly position: readonly ["relative", "absolute"];
|
|
9018
|
-
readonly top: "size";
|
|
9019
|
-
readonly bottom: "size";
|
|
9020
|
-
readonly left: "size";
|
|
9021
|
-
readonly right: "size";
|
|
9022
|
-
readonly zIndex: "number";
|
|
9023
|
-
};
|
|
9024
|
-
readonly defaults: {
|
|
9025
|
-
readonly flexDirection: "column";
|
|
9026
|
-
readonly position: "relative";
|
|
9027
|
-
readonly zIndex: 1;
|
|
9028
|
-
};
|
|
9029
|
-
};
|
|
9030
|
-
readonly meta: {
|
|
9031
|
-
readonly desiredParent: readonly [">PaywallProvider"];
|
|
9032
|
-
readonly label: "Paywall Subscribe Button";
|
|
9033
|
-
readonly description: "Paywall subscribe call-to-action button. Extends Button.";
|
|
9034
|
-
readonly attributes: {
|
|
9035
|
-
readonly color: {
|
|
9036
|
-
readonly label: "Color";
|
|
9037
|
-
readonly description: "Text color of the button.";
|
|
9038
|
-
readonly category: "style";
|
|
9039
|
-
readonly specialCategory: null;
|
|
9040
|
-
readonly sort: 1;
|
|
9041
|
-
};
|
|
9042
|
-
readonly fontSize: {
|
|
9043
|
-
readonly label: "Font Size";
|
|
9044
|
-
readonly description: "Text size of the button.";
|
|
9045
|
-
readonly category: "style";
|
|
9046
|
-
readonly specialCategory: null;
|
|
9047
|
-
readonly sort: 2;
|
|
9048
|
-
};
|
|
9049
|
-
readonly fontWeight: {
|
|
9050
|
-
readonly label: "Font Weight";
|
|
9051
|
-
readonly description: "Text weight of the button.";
|
|
9052
|
-
readonly category: "style";
|
|
9053
|
-
readonly specialCategory: null;
|
|
9054
|
-
readonly sort: 3;
|
|
9055
|
-
};
|
|
9056
|
-
readonly scrollable: {
|
|
9057
|
-
readonly label: "Scrollable";
|
|
9058
|
-
readonly description: "Turns scroll interaction on.";
|
|
9059
|
-
readonly category: "container";
|
|
9060
|
-
readonly specialCategory: null;
|
|
9061
|
-
readonly sort: -1;
|
|
9062
|
-
};
|
|
9063
|
-
readonly flexDirection: {
|
|
9064
|
-
readonly label: "Flex Direction";
|
|
9065
|
-
readonly description: "Sets row or column layout.";
|
|
9066
|
-
readonly category: "container";
|
|
9067
|
-
readonly specialCategory: null;
|
|
9068
|
-
readonly sort: 4;
|
|
9069
|
-
};
|
|
9070
|
-
readonly alignItems: {
|
|
9071
|
-
readonly label: "Align Items";
|
|
9072
|
-
readonly description: "Controls cross-axis alignment.";
|
|
9073
|
-
readonly category: "container";
|
|
9074
|
-
readonly specialCategory: null;
|
|
9075
|
-
readonly sort: 3;
|
|
9076
|
-
};
|
|
9077
|
-
readonly justifyContent: {
|
|
9078
|
-
readonly label: "Justify Content";
|
|
9079
|
-
readonly description: "Controls main-axis alignment.";
|
|
9080
|
-
readonly category: "container";
|
|
9081
|
-
readonly specialCategory: null;
|
|
9082
|
-
readonly sort: 5;
|
|
9083
|
-
};
|
|
9084
|
-
readonly gap: {
|
|
9085
|
-
readonly label: "Gap";
|
|
9086
|
-
readonly description: "Space between children.";
|
|
9087
|
-
readonly category: "container";
|
|
9088
|
-
readonly specialCategory: null;
|
|
9089
|
-
readonly sort: 10;
|
|
9090
|
-
readonly preferedScale: "s";
|
|
9091
|
-
};
|
|
9092
|
-
readonly padding: {
|
|
9093
|
-
readonly label: "Padding";
|
|
9094
|
-
readonly description: "Uniform padding on all sides.";
|
|
9095
|
-
readonly category: "container";
|
|
9096
|
-
readonly specialCategory: "padding";
|
|
9097
|
-
readonly sort: 6;
|
|
9098
|
-
readonly preferedScale: "s";
|
|
9099
|
-
};
|
|
9100
|
-
readonly paddingHorizontal: {
|
|
9101
|
-
readonly label: "Padding Horizontal";
|
|
9102
|
-
readonly description: "Left and right padding.";
|
|
9103
|
-
readonly category: "container";
|
|
9104
|
-
readonly specialCategory: "padding";
|
|
9105
|
-
readonly sort: 7;
|
|
9106
|
-
readonly preferedScale: "s";
|
|
9107
|
-
};
|
|
9108
|
-
readonly paddingVertical: {
|
|
9109
|
-
readonly label: "Padding Vertical";
|
|
9110
|
-
readonly description: "Top and bottom padding.";
|
|
9111
|
-
readonly category: "container";
|
|
9112
|
-
readonly specialCategory: "padding";
|
|
9113
|
-
readonly sort: 8;
|
|
9114
|
-
readonly preferedScale: "vs";
|
|
9115
|
-
};
|
|
9116
|
-
readonly paddingTop: {
|
|
9117
|
-
readonly label: "Padding Top";
|
|
9118
|
-
readonly description: "Top padding only.";
|
|
9119
|
-
readonly category: "container";
|
|
9120
|
-
readonly specialCategory: "padding";
|
|
9121
|
-
readonly sort: 9;
|
|
9122
|
-
readonly preferedScale: "vs";
|
|
9123
|
-
};
|
|
9124
|
-
readonly paddingBottom: {
|
|
9125
|
-
readonly label: "Padding Bottom";
|
|
9126
|
-
readonly description: "Bottom padding only.";
|
|
9127
|
-
readonly category: "container";
|
|
9128
|
-
readonly specialCategory: "padding";
|
|
9129
|
-
readonly sort: 10;
|
|
9130
|
-
readonly preferedScale: "vs";
|
|
9131
|
-
};
|
|
9132
|
-
readonly paddingLeft: {
|
|
9133
|
-
readonly label: "Padding Left";
|
|
9134
|
-
readonly description: "Left padding only.";
|
|
9135
|
-
readonly category: "container";
|
|
9136
|
-
readonly specialCategory: "padding";
|
|
9137
|
-
readonly sort: 11;
|
|
9138
|
-
readonly preferedScale: "s";
|
|
9139
|
-
};
|
|
9140
|
-
readonly paddingRight: {
|
|
9141
|
-
readonly label: "Padding Right";
|
|
9142
|
-
readonly description: "Right padding only.";
|
|
9143
|
-
readonly category: "container";
|
|
9144
|
-
readonly specialCategory: "padding";
|
|
9145
|
-
readonly sort: 12;
|
|
9146
|
-
readonly preferedScale: "s";
|
|
9147
|
-
};
|
|
9148
|
-
readonly margin: {
|
|
9149
|
-
readonly label: "Margin";
|
|
9150
|
-
readonly description: "Uniform margin on all sides.";
|
|
9151
|
-
readonly category: "container";
|
|
9152
|
-
readonly specialCategory: "margin";
|
|
9153
|
-
readonly sort: 13;
|
|
9154
|
-
readonly preferedScale: "s";
|
|
9155
|
-
};
|
|
9156
|
-
readonly marginHorizontal: {
|
|
9157
|
-
readonly label: "Margin Horizontal";
|
|
9158
|
-
readonly description: "Left and right margin.";
|
|
9159
|
-
readonly category: "container";
|
|
9160
|
-
readonly specialCategory: "margin";
|
|
9161
|
-
readonly sort: 14;
|
|
9162
|
-
readonly preferedScale: "s";
|
|
9163
|
-
};
|
|
9164
|
-
readonly marginVertical: {
|
|
9165
|
-
readonly label: "Margin Vertical";
|
|
9166
|
-
readonly description: "Top and bottom margin.";
|
|
9167
|
-
readonly category: "container";
|
|
9168
|
-
readonly specialCategory: "margin";
|
|
9169
|
-
readonly sort: 15;
|
|
9170
|
-
readonly preferedScale: "vs";
|
|
9171
|
-
};
|
|
9172
|
-
readonly marginTop: {
|
|
9173
|
-
readonly label: "Margin Top";
|
|
9174
|
-
readonly description: "Top margin only.";
|
|
9175
|
-
readonly category: "container";
|
|
9176
|
-
readonly specialCategory: "margin";
|
|
9177
|
-
readonly sort: 16;
|
|
9178
|
-
readonly preferedScale: "vs";
|
|
9179
|
-
};
|
|
9180
|
-
readonly marginBottom: {
|
|
9181
|
-
readonly label: "Margin Bottom";
|
|
9182
|
-
readonly description: "Bottom margin only.";
|
|
9183
|
-
readonly category: "container";
|
|
9184
|
-
readonly specialCategory: "margin";
|
|
9185
|
-
readonly sort: 17;
|
|
9186
|
-
readonly preferedScale: "vs";
|
|
9187
|
-
};
|
|
9188
|
-
readonly marginLeft: {
|
|
9189
|
-
readonly label: "Margin Left";
|
|
9190
|
-
readonly description: "Left margin only.";
|
|
9191
|
-
readonly category: "container";
|
|
9192
|
-
readonly specialCategory: "margin";
|
|
9193
|
-
readonly sort: 18;
|
|
9194
|
-
readonly preferedScale: "s";
|
|
9195
|
-
};
|
|
9196
|
-
readonly marginRight: {
|
|
9197
|
-
readonly label: "Margin Right";
|
|
9198
|
-
readonly description: "Right margin only.";
|
|
9199
|
-
readonly category: "container";
|
|
9200
|
-
readonly specialCategory: "margin";
|
|
9201
|
-
readonly sort: 19;
|
|
9202
|
-
readonly preferedScale: "s";
|
|
9203
|
-
};
|
|
9204
|
-
readonly backgroundColor: {
|
|
9205
|
-
readonly label: "Background Color";
|
|
9206
|
-
readonly description: "Background fill color.";
|
|
9207
|
-
readonly category: "style";
|
|
9208
|
-
readonly specialCategory: null;
|
|
9209
|
-
readonly sort: 20;
|
|
9210
|
-
};
|
|
9211
|
-
readonly borderRadius: {
|
|
9212
|
-
readonly label: "Border Radius";
|
|
9213
|
-
readonly description: "Corner rounding amount.";
|
|
9214
|
-
readonly category: "style";
|
|
9215
|
-
readonly specialCategory: null;
|
|
9216
|
-
readonly sort: 21;
|
|
9217
|
-
readonly preferedScale: "s";
|
|
9218
|
-
};
|
|
9219
|
-
readonly width: {
|
|
9220
|
-
readonly label: "Width";
|
|
9221
|
-
readonly description: "Fixed width value.";
|
|
9222
|
-
readonly category: "container";
|
|
9223
|
-
readonly specialCategory: "size";
|
|
9224
|
-
readonly sort: 0;
|
|
9225
|
-
readonly preferedScale: "s";
|
|
9226
|
-
};
|
|
9227
|
-
readonly minWidth: {
|
|
9228
|
-
readonly label: "Min Width";
|
|
9229
|
-
readonly description: "Minimum width constraint.";
|
|
9230
|
-
readonly category: "container";
|
|
9231
|
-
readonly specialCategory: "size";
|
|
9232
|
-
readonly sort: 1;
|
|
9233
|
-
readonly preferedScale: "s";
|
|
9234
|
-
};
|
|
9235
|
-
readonly maxWidth: {
|
|
9236
|
-
readonly label: "Max Width";
|
|
9237
|
-
readonly description: "Maximum width constraint.";
|
|
9238
|
-
readonly category: "container";
|
|
9239
|
-
readonly specialCategory: "size";
|
|
9240
|
-
readonly sort: 2;
|
|
9241
|
-
readonly preferedScale: "s";
|
|
9242
|
-
};
|
|
9243
|
-
readonly height: {
|
|
9244
|
-
readonly label: "Height";
|
|
9245
|
-
readonly description: "Fixed height value.";
|
|
9246
|
-
readonly category: "container";
|
|
9247
|
-
readonly specialCategory: "size";
|
|
9248
|
-
readonly sort: 3;
|
|
9249
|
-
readonly preferedScale: "vs";
|
|
9250
|
-
};
|
|
9251
|
-
readonly minHeight: {
|
|
9252
|
-
readonly label: "Min Height";
|
|
9253
|
-
readonly description: "Minimum height constraint.";
|
|
9254
|
-
readonly category: "container";
|
|
9255
|
-
readonly specialCategory: "size";
|
|
9256
|
-
readonly sort: 4;
|
|
9257
|
-
readonly preferedScale: "vs";
|
|
9258
|
-
};
|
|
9259
|
-
readonly maxHeight: {
|
|
9260
|
-
readonly label: "Max Height";
|
|
9261
|
-
readonly description: "Maximum height constraint.";
|
|
9262
|
-
readonly category: "container";
|
|
9263
|
-
readonly specialCategory: "size";
|
|
9264
|
-
readonly sort: 5;
|
|
9265
|
-
readonly preferedScale: "vs";
|
|
9266
|
-
};
|
|
9267
|
-
readonly flex: {
|
|
9268
|
-
readonly label: "Flex";
|
|
9269
|
-
readonly description: "Flex grow factor (e.g. 1 fills available space).";
|
|
9270
|
-
readonly category: "container";
|
|
9271
|
-
readonly specialCategory: "size";
|
|
9272
|
-
readonly sort: 6;
|
|
9273
|
-
};
|
|
9274
|
-
readonly position: {
|
|
9275
|
-
readonly label: "Position";
|
|
9276
|
-
readonly description: "Sets layout positioning mode.";
|
|
9277
|
-
readonly category: "container";
|
|
9278
|
-
readonly specialCategory: null;
|
|
9279
|
-
readonly sort: 3;
|
|
9280
|
-
};
|
|
9281
|
-
readonly top: {
|
|
9282
|
-
readonly label: "Top";
|
|
9283
|
-
readonly description: "Offset from the top edge.";
|
|
9284
|
-
readonly category: "container";
|
|
9285
|
-
readonly specialCategory: "offset";
|
|
9286
|
-
readonly sort: 22;
|
|
9287
|
-
readonly preferedScale: "vs";
|
|
9288
|
-
};
|
|
9289
|
-
readonly bottom: {
|
|
9290
|
-
readonly label: "Bottom";
|
|
9291
|
-
readonly description: "Offset from the bottom edge.";
|
|
9292
|
-
readonly category: "container";
|
|
9293
|
-
readonly specialCategory: "offset";
|
|
9294
|
-
readonly sort: 23;
|
|
9295
|
-
readonly preferedScale: "vs";
|
|
9296
|
-
};
|
|
9297
|
-
readonly left: {
|
|
9298
|
-
readonly label: "Left";
|
|
9299
|
-
readonly description: "Offset from the left edge.";
|
|
9300
|
-
readonly category: "container";
|
|
9301
|
-
readonly specialCategory: "offset";
|
|
9302
|
-
readonly sort: 24;
|
|
9303
|
-
readonly preferedScale: "s";
|
|
9304
|
-
};
|
|
9305
|
-
readonly right: {
|
|
9306
|
-
readonly label: "Right";
|
|
9307
|
-
readonly description: "Offset from the right edge.";
|
|
9308
|
-
readonly category: "container";
|
|
9309
|
-
readonly specialCategory: "offset";
|
|
9310
|
-
readonly sort: 25;
|
|
9311
|
-
readonly preferedScale: "s";
|
|
9312
|
-
};
|
|
9313
|
-
readonly zIndex: {
|
|
9314
|
-
readonly label: "Z-Index";
|
|
9315
|
-
readonly description: "Controls stacking order.";
|
|
9316
|
-
readonly category: "container";
|
|
9317
|
-
readonly specialCategory: null;
|
|
9318
|
-
readonly sort: 26;
|
|
9319
|
-
};
|
|
9320
|
-
};
|
|
9321
|
-
readonly specialCategories: {
|
|
9322
|
-
readonly padding: {
|
|
9323
|
-
readonly label: "Padding";
|
|
9324
|
-
readonly description: "Uniform padding on all sides.";
|
|
9325
|
-
readonly category: "container";
|
|
9326
|
-
readonly sort: 1;
|
|
9327
|
-
};
|
|
9328
|
-
readonly margin: {
|
|
9329
|
-
readonly label: "Margin";
|
|
9330
|
-
readonly description: "Uniform margin on all sides.";
|
|
9331
|
-
readonly category: "container";
|
|
9332
|
-
readonly sort: 2;
|
|
9333
|
-
};
|
|
9334
|
-
readonly size: {
|
|
9335
|
-
readonly label: "Size";
|
|
9336
|
-
readonly description: "Fixed dimensions.";
|
|
9337
|
-
readonly category: "container";
|
|
9338
|
-
readonly sort: 3;
|
|
9339
|
-
};
|
|
9340
|
-
readonly offset: {
|
|
9341
|
-
readonly label: "Offset";
|
|
9342
|
-
readonly description: "Absolute positioning offsets.";
|
|
9343
|
-
readonly category: "container";
|
|
9344
|
-
readonly sort: 4;
|
|
9345
|
-
};
|
|
9346
|
-
};
|
|
9347
|
-
};
|
|
9348
|
-
readonly defaults: {
|
|
9349
|
-
readonly flexDirection: "column";
|
|
9350
|
-
readonly position: "relative";
|
|
9351
|
-
readonly zIndex: 1;
|
|
9352
|
-
readonly backgroundColor: "#1C1C1E";
|
|
9353
|
-
readonly paddingHorizontal: "20@s";
|
|
9354
|
-
readonly paddingVertical: "12@vs";
|
|
9355
|
-
readonly borderRadius: "12@s";
|
|
9356
|
-
readonly color: "cornflowerblue";
|
|
9357
|
-
readonly fontSize: "16@fs";
|
|
9358
|
-
readonly fontWeight: "700";
|
|
9359
|
-
readonly justifyContent: "center";
|
|
9360
|
-
readonly alignItems: "center";
|
|
9361
|
-
};
|
|
9362
|
-
readonly types: {};
|
|
9363
8980
|
}, {
|
|
9364
8981
|
readonly schemaVersion: 1;
|
|
9365
8982
|
readonly allowUnknownAttributes: false;
|
|
@@ -9437,8 +9054,8 @@ export declare const patterns: readonly [{
|
|
|
9437
9054
|
readonly sort: 3;
|
|
9438
9055
|
};
|
|
9439
9056
|
readonly scrollable: {
|
|
9440
|
-
readonly label: "Scrollable";
|
|
9441
|
-
readonly description: "
|
|
9057
|
+
readonly label: "Scrollable (!!)";
|
|
9058
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
9442
9059
|
readonly category: "container";
|
|
9443
9060
|
readonly specialCategory: null;
|
|
9444
9061
|
readonly sort: -1;
|
|
@@ -9825,8 +9442,8 @@ export declare const patterns: readonly [{
|
|
|
9825
9442
|
};
|
|
9826
9443
|
readonly attributes: {
|
|
9827
9444
|
readonly scrollable: {
|
|
9828
|
-
readonly label: "Scrollable";
|
|
9829
|
-
readonly description: "
|
|
9445
|
+
readonly label: "Scrollable (!!)";
|
|
9446
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
9830
9447
|
readonly category: "container";
|
|
9831
9448
|
readonly specialCategory: null;
|
|
9832
9449
|
readonly sort: -1;
|
|
@@ -10200,8 +9817,8 @@ export declare const patterns: readonly [{
|
|
|
10200
9817
|
};
|
|
10201
9818
|
readonly attributes: {
|
|
10202
9819
|
readonly scrollable: {
|
|
10203
|
-
readonly label: "Scrollable";
|
|
10204
|
-
readonly description: "
|
|
9820
|
+
readonly label: "Scrollable (!!)";
|
|
9821
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
10205
9822
|
readonly category: "container";
|
|
10206
9823
|
readonly specialCategory: null;
|
|
10207
9824
|
readonly sort: -1;
|
|
@@ -10579,8 +10196,8 @@ export declare const patterns: readonly [{
|
|
|
10579
10196
|
};
|
|
10580
10197
|
readonly attributes: {
|
|
10581
10198
|
readonly scrollable: {
|
|
10582
|
-
readonly label: "Scrollable";
|
|
10583
|
-
readonly description: "
|
|
10199
|
+
readonly label: "Scrollable (!!)";
|
|
10200
|
+
readonly description: "THIS FEATURE MIGHT NOT WORK IN MOBILE!";
|
|
10584
10201
|
readonly category: "container";
|
|
10585
10202
|
readonly specialCategory: null;
|
|
10586
10203
|
readonly sort: -1;
|