@orion-studios/payload-studio 0.5.0-beta.20 → 0.5.0-beta.22
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/blocks/index.js +155 -0
- package/dist/blocks/index.mjs +2 -2
- package/dist/{chunk-ETRRXURT.mjs → chunk-4TXVHIRB.mjs} +13 -0
- package/dist/{chunk-GTMO62N3.mjs → chunk-HI35IC4Z.mjs} +1 -1
- package/dist/{chunk-L36VUYHE.mjs → chunk-KGZNWDHP.mjs} +143 -1
- package/dist/{chunk-NIRXZKDV.mjs → chunk-O6WIR3BT.mjs} +14 -7
- package/dist/index.js +168 -6
- package/dist/index.mjs +7 -7
- package/dist/nextjs/index.js +14 -6
- package/dist/nextjs/index.mjs +3 -3
- package/dist/studio-pages/builder.css +16 -0
- package/dist/studio-pages/client.js +495 -100
- package/dist/studio-pages/client.mjs +495 -100
- package/dist/studio-pages/index.js +14 -6
- package/dist/studio-pages/index.mjs +2 -2
- package/package.json +1 -1
package/dist/blocks/index.js
CHANGED
|
@@ -56,6 +56,7 @@ var sectionStyleDefaults = {
|
|
|
56
56
|
contentGradientPreset: "none",
|
|
57
57
|
contentGradientTo: "#f4f6f2",
|
|
58
58
|
contentWidth: "inherit",
|
|
59
|
+
sectionPaddingX: "inherit",
|
|
59
60
|
sectionBackgroundColor: "#ffffff",
|
|
60
61
|
sectionBackgroundMode: "none",
|
|
61
62
|
sectionGradientAngle: "135",
|
|
@@ -98,6 +99,18 @@ var sectionStyleFields = () => [
|
|
|
98
99
|
{ label: "Large", value: "lg" }
|
|
99
100
|
]
|
|
100
101
|
},
|
|
102
|
+
{
|
|
103
|
+
name: "sectionPaddingX",
|
|
104
|
+
type: "select",
|
|
105
|
+
defaultValue: sectionStyleDefaults.sectionPaddingX,
|
|
106
|
+
options: [
|
|
107
|
+
{ label: "Inherit", value: "inherit" },
|
|
108
|
+
{ label: "None", value: "none" },
|
|
109
|
+
{ label: "Small", value: "sm" },
|
|
110
|
+
{ label: "Medium", value: "md" },
|
|
111
|
+
{ label: "Large", value: "lg" }
|
|
112
|
+
]
|
|
113
|
+
},
|
|
101
114
|
{
|
|
102
115
|
name: "sectionBackgroundMode",
|
|
103
116
|
type: "select",
|
|
@@ -231,6 +244,36 @@ var BeforeAfterBlock = {
|
|
|
231
244
|
relationTo: "media",
|
|
232
245
|
required: false
|
|
233
246
|
},
|
|
247
|
+
{
|
|
248
|
+
name: "imageFit",
|
|
249
|
+
type: "select",
|
|
250
|
+
defaultValue: "cover",
|
|
251
|
+
options: [
|
|
252
|
+
{ label: "Cover", value: "cover" },
|
|
253
|
+
{ label: "Contain", value: "contain" }
|
|
254
|
+
]
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
name: "imageCornerStyle",
|
|
258
|
+
type: "select",
|
|
259
|
+
defaultValue: "rounded",
|
|
260
|
+
options: [
|
|
261
|
+
{ label: "Rounded", value: "rounded" },
|
|
262
|
+
{ label: "Square", value: "square" }
|
|
263
|
+
]
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
name: "imagePosition",
|
|
267
|
+
type: "select",
|
|
268
|
+
defaultValue: "center",
|
|
269
|
+
options: [
|
|
270
|
+
{ label: "Center", value: "center" },
|
|
271
|
+
{ label: "Top", value: "top" },
|
|
272
|
+
{ label: "Bottom", value: "bottom" },
|
|
273
|
+
{ label: "Left", value: "left" },
|
|
274
|
+
{ label: "Right", value: "right" }
|
|
275
|
+
]
|
|
276
|
+
},
|
|
234
277
|
{
|
|
235
278
|
name: "description",
|
|
236
279
|
type: "textarea"
|
|
@@ -428,6 +471,36 @@ var FeatureGridBlock = {
|
|
|
428
471
|
type: "upload",
|
|
429
472
|
relationTo: "media",
|
|
430
473
|
required: false
|
|
474
|
+
},
|
|
475
|
+
{
|
|
476
|
+
name: "imageFit",
|
|
477
|
+
type: "select",
|
|
478
|
+
defaultValue: "cover",
|
|
479
|
+
options: [
|
|
480
|
+
{ label: "Cover", value: "cover" },
|
|
481
|
+
{ label: "Contain", value: "contain" }
|
|
482
|
+
]
|
|
483
|
+
},
|
|
484
|
+
{
|
|
485
|
+
name: "imageCornerStyle",
|
|
486
|
+
type: "select",
|
|
487
|
+
defaultValue: "rounded",
|
|
488
|
+
options: [
|
|
489
|
+
{ label: "Rounded", value: "rounded" },
|
|
490
|
+
{ label: "Square", value: "square" }
|
|
491
|
+
]
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
name: "imagePosition",
|
|
495
|
+
type: "select",
|
|
496
|
+
defaultValue: "center",
|
|
497
|
+
options: [
|
|
498
|
+
{ label: "Center", value: "center" },
|
|
499
|
+
{ label: "Top", value: "top" },
|
|
500
|
+
{ label: "Bottom", value: "bottom" },
|
|
501
|
+
{ label: "Left", value: "left" },
|
|
502
|
+
{ label: "Right", value: "right" }
|
|
503
|
+
]
|
|
431
504
|
}
|
|
432
505
|
]
|
|
433
506
|
},
|
|
@@ -616,6 +689,28 @@ var HeroBlock = {
|
|
|
616
689
|
}
|
|
617
690
|
]
|
|
618
691
|
},
|
|
692
|
+
{
|
|
693
|
+
name: "heroHeight",
|
|
694
|
+
type: "select",
|
|
695
|
+
defaultValue: "sm",
|
|
696
|
+
options: [
|
|
697
|
+
{
|
|
698
|
+
label: "Small",
|
|
699
|
+
value: "sm"
|
|
700
|
+
},
|
|
701
|
+
{
|
|
702
|
+
label: "Medium (Half Screen)",
|
|
703
|
+
value: "md"
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
label: "Full Screen",
|
|
707
|
+
value: "full"
|
|
708
|
+
}
|
|
709
|
+
],
|
|
710
|
+
admin: {
|
|
711
|
+
description: "Controls the vertical height of the hero section."
|
|
712
|
+
}
|
|
713
|
+
},
|
|
619
714
|
...sectionStyleFields()
|
|
620
715
|
]
|
|
621
716
|
};
|
|
@@ -661,6 +756,36 @@ var LogoWallBlock = {
|
|
|
661
756
|
relationTo: "media",
|
|
662
757
|
required: false
|
|
663
758
|
},
|
|
759
|
+
{
|
|
760
|
+
name: "imageFit",
|
|
761
|
+
type: "select",
|
|
762
|
+
defaultValue: "contain",
|
|
763
|
+
options: [
|
|
764
|
+
{ label: "Cover", value: "cover" },
|
|
765
|
+
{ label: "Contain", value: "contain" }
|
|
766
|
+
]
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
name: "imageCornerStyle",
|
|
770
|
+
type: "select",
|
|
771
|
+
defaultValue: "rounded",
|
|
772
|
+
options: [
|
|
773
|
+
{ label: "Rounded", value: "rounded" },
|
|
774
|
+
{ label: "Square", value: "square" }
|
|
775
|
+
]
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
name: "imagePosition",
|
|
779
|
+
type: "select",
|
|
780
|
+
defaultValue: "center",
|
|
781
|
+
options: [
|
|
782
|
+
{ label: "Center", value: "center" },
|
|
783
|
+
{ label: "Top", value: "top" },
|
|
784
|
+
{ label: "Bottom", value: "bottom" },
|
|
785
|
+
{ label: "Left", value: "left" },
|
|
786
|
+
{ label: "Right", value: "right" }
|
|
787
|
+
]
|
|
788
|
+
},
|
|
664
789
|
{
|
|
665
790
|
name: "href",
|
|
666
791
|
type: "text"
|
|
@@ -711,6 +836,36 @@ var MediaBlock = {
|
|
|
711
836
|
}
|
|
712
837
|
]
|
|
713
838
|
},
|
|
839
|
+
{
|
|
840
|
+
name: "imageFit",
|
|
841
|
+
type: "select",
|
|
842
|
+
defaultValue: "cover",
|
|
843
|
+
options: [
|
|
844
|
+
{ label: "Cover", value: "cover" },
|
|
845
|
+
{ label: "Contain", value: "contain" }
|
|
846
|
+
]
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
name: "imageCornerStyle",
|
|
850
|
+
type: "select",
|
|
851
|
+
defaultValue: "rounded",
|
|
852
|
+
options: [
|
|
853
|
+
{ label: "Rounded", value: "rounded" },
|
|
854
|
+
{ label: "Square", value: "square" }
|
|
855
|
+
]
|
|
856
|
+
},
|
|
857
|
+
{
|
|
858
|
+
name: "imagePosition",
|
|
859
|
+
type: "select",
|
|
860
|
+
defaultValue: "center",
|
|
861
|
+
options: [
|
|
862
|
+
{ label: "Center", value: "center" },
|
|
863
|
+
{ label: "Top", value: "top" },
|
|
864
|
+
{ label: "Bottom", value: "bottom" },
|
|
865
|
+
{ label: "Left", value: "left" },
|
|
866
|
+
{ label: "Right", value: "right" }
|
|
867
|
+
]
|
|
868
|
+
},
|
|
714
869
|
...sectionStyleFields()
|
|
715
870
|
]
|
|
716
871
|
};
|
package/dist/blocks/index.mjs
CHANGED
|
@@ -17,8 +17,8 @@ import {
|
|
|
17
17
|
defaultPageLayoutBlocks,
|
|
18
18
|
sectionPresets,
|
|
19
19
|
templateStarterPresets
|
|
20
|
-
} from "../chunk-
|
|
21
|
-
import "../chunk-
|
|
20
|
+
} from "../chunk-KGZNWDHP.mjs";
|
|
21
|
+
import "../chunk-4TXVHIRB.mjs";
|
|
22
22
|
import "../chunk-6BWS3CLP.mjs";
|
|
23
23
|
export {
|
|
24
24
|
BeforeAfterBlock,
|
|
@@ -7,6 +7,7 @@ var sectionStyleDefaults = {
|
|
|
7
7
|
contentGradientPreset: "none",
|
|
8
8
|
contentGradientTo: "#f4f6f2",
|
|
9
9
|
contentWidth: "inherit",
|
|
10
|
+
sectionPaddingX: "inherit",
|
|
10
11
|
sectionBackgroundColor: "#ffffff",
|
|
11
12
|
sectionBackgroundMode: "none",
|
|
12
13
|
sectionGradientAngle: "135",
|
|
@@ -49,6 +50,18 @@ var sectionStyleFields = () => [
|
|
|
49
50
|
{ label: "Large", value: "lg" }
|
|
50
51
|
]
|
|
51
52
|
},
|
|
53
|
+
{
|
|
54
|
+
name: "sectionPaddingX",
|
|
55
|
+
type: "select",
|
|
56
|
+
defaultValue: sectionStyleDefaults.sectionPaddingX,
|
|
57
|
+
options: [
|
|
58
|
+
{ label: "Inherit", value: "inherit" },
|
|
59
|
+
{ label: "None", value: "none" },
|
|
60
|
+
{ label: "Small", value: "sm" },
|
|
61
|
+
{ label: "Medium", value: "md" },
|
|
62
|
+
{ label: "Large", value: "lg" }
|
|
63
|
+
]
|
|
64
|
+
},
|
|
52
65
|
{
|
|
53
66
|
name: "sectionBackgroundMode",
|
|
54
67
|
type: "select",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
sectionStyleFields
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-4TXVHIRB.mjs";
|
|
4
4
|
import {
|
|
5
5
|
__export
|
|
6
6
|
} from "./chunk-6BWS3CLP.mjs";
|
|
@@ -81,6 +81,36 @@ var BeforeAfterBlock = {
|
|
|
81
81
|
relationTo: "media",
|
|
82
82
|
required: false
|
|
83
83
|
},
|
|
84
|
+
{
|
|
85
|
+
name: "imageFit",
|
|
86
|
+
type: "select",
|
|
87
|
+
defaultValue: "cover",
|
|
88
|
+
options: [
|
|
89
|
+
{ label: "Cover", value: "cover" },
|
|
90
|
+
{ label: "Contain", value: "contain" }
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
name: "imageCornerStyle",
|
|
95
|
+
type: "select",
|
|
96
|
+
defaultValue: "rounded",
|
|
97
|
+
options: [
|
|
98
|
+
{ label: "Rounded", value: "rounded" },
|
|
99
|
+
{ label: "Square", value: "square" }
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
name: "imagePosition",
|
|
104
|
+
type: "select",
|
|
105
|
+
defaultValue: "center",
|
|
106
|
+
options: [
|
|
107
|
+
{ label: "Center", value: "center" },
|
|
108
|
+
{ label: "Top", value: "top" },
|
|
109
|
+
{ label: "Bottom", value: "bottom" },
|
|
110
|
+
{ label: "Left", value: "left" },
|
|
111
|
+
{ label: "Right", value: "right" }
|
|
112
|
+
]
|
|
113
|
+
},
|
|
84
114
|
{
|
|
85
115
|
name: "description",
|
|
86
116
|
type: "textarea"
|
|
@@ -278,6 +308,36 @@ var FeatureGridBlock = {
|
|
|
278
308
|
type: "upload",
|
|
279
309
|
relationTo: "media",
|
|
280
310
|
required: false
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
name: "imageFit",
|
|
314
|
+
type: "select",
|
|
315
|
+
defaultValue: "cover",
|
|
316
|
+
options: [
|
|
317
|
+
{ label: "Cover", value: "cover" },
|
|
318
|
+
{ label: "Contain", value: "contain" }
|
|
319
|
+
]
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
name: "imageCornerStyle",
|
|
323
|
+
type: "select",
|
|
324
|
+
defaultValue: "rounded",
|
|
325
|
+
options: [
|
|
326
|
+
{ label: "Rounded", value: "rounded" },
|
|
327
|
+
{ label: "Square", value: "square" }
|
|
328
|
+
]
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
name: "imagePosition",
|
|
332
|
+
type: "select",
|
|
333
|
+
defaultValue: "center",
|
|
334
|
+
options: [
|
|
335
|
+
{ label: "Center", value: "center" },
|
|
336
|
+
{ label: "Top", value: "top" },
|
|
337
|
+
{ label: "Bottom", value: "bottom" },
|
|
338
|
+
{ label: "Left", value: "left" },
|
|
339
|
+
{ label: "Right", value: "right" }
|
|
340
|
+
]
|
|
281
341
|
}
|
|
282
342
|
]
|
|
283
343
|
},
|
|
@@ -466,6 +526,28 @@ var HeroBlock = {
|
|
|
466
526
|
}
|
|
467
527
|
]
|
|
468
528
|
},
|
|
529
|
+
{
|
|
530
|
+
name: "heroHeight",
|
|
531
|
+
type: "select",
|
|
532
|
+
defaultValue: "sm",
|
|
533
|
+
options: [
|
|
534
|
+
{
|
|
535
|
+
label: "Small",
|
|
536
|
+
value: "sm"
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
label: "Medium (Half Screen)",
|
|
540
|
+
value: "md"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
label: "Full Screen",
|
|
544
|
+
value: "full"
|
|
545
|
+
}
|
|
546
|
+
],
|
|
547
|
+
admin: {
|
|
548
|
+
description: "Controls the vertical height of the hero section."
|
|
549
|
+
}
|
|
550
|
+
},
|
|
469
551
|
...sectionStyleFields()
|
|
470
552
|
]
|
|
471
553
|
};
|
|
@@ -511,6 +593,36 @@ var LogoWallBlock = {
|
|
|
511
593
|
relationTo: "media",
|
|
512
594
|
required: false
|
|
513
595
|
},
|
|
596
|
+
{
|
|
597
|
+
name: "imageFit",
|
|
598
|
+
type: "select",
|
|
599
|
+
defaultValue: "contain",
|
|
600
|
+
options: [
|
|
601
|
+
{ label: "Cover", value: "cover" },
|
|
602
|
+
{ label: "Contain", value: "contain" }
|
|
603
|
+
]
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
name: "imageCornerStyle",
|
|
607
|
+
type: "select",
|
|
608
|
+
defaultValue: "rounded",
|
|
609
|
+
options: [
|
|
610
|
+
{ label: "Rounded", value: "rounded" },
|
|
611
|
+
{ label: "Square", value: "square" }
|
|
612
|
+
]
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
name: "imagePosition",
|
|
616
|
+
type: "select",
|
|
617
|
+
defaultValue: "center",
|
|
618
|
+
options: [
|
|
619
|
+
{ label: "Center", value: "center" },
|
|
620
|
+
{ label: "Top", value: "top" },
|
|
621
|
+
{ label: "Bottom", value: "bottom" },
|
|
622
|
+
{ label: "Left", value: "left" },
|
|
623
|
+
{ label: "Right", value: "right" }
|
|
624
|
+
]
|
|
625
|
+
},
|
|
514
626
|
{
|
|
515
627
|
name: "href",
|
|
516
628
|
type: "text"
|
|
@@ -561,6 +673,36 @@ var MediaBlock = {
|
|
|
561
673
|
}
|
|
562
674
|
]
|
|
563
675
|
},
|
|
676
|
+
{
|
|
677
|
+
name: "imageFit",
|
|
678
|
+
type: "select",
|
|
679
|
+
defaultValue: "cover",
|
|
680
|
+
options: [
|
|
681
|
+
{ label: "Cover", value: "cover" },
|
|
682
|
+
{ label: "Contain", value: "contain" }
|
|
683
|
+
]
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
name: "imageCornerStyle",
|
|
687
|
+
type: "select",
|
|
688
|
+
defaultValue: "rounded",
|
|
689
|
+
options: [
|
|
690
|
+
{ label: "Rounded", value: "rounded" },
|
|
691
|
+
{ label: "Square", value: "square" }
|
|
692
|
+
]
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
name: "imagePosition",
|
|
696
|
+
type: "select",
|
|
697
|
+
defaultValue: "center",
|
|
698
|
+
options: [
|
|
699
|
+
{ label: "Center", value: "center" },
|
|
700
|
+
{ label: "Top", value: "top" },
|
|
701
|
+
{ label: "Bottom", value: "bottom" },
|
|
702
|
+
{ label: "Left", value: "left" },
|
|
703
|
+
{ label: "Right", value: "right" }
|
|
704
|
+
]
|
|
705
|
+
},
|
|
564
706
|
...sectionStyleFields()
|
|
565
707
|
]
|
|
566
708
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
sectionStyleDefaults
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-4TXVHIRB.mjs";
|
|
4
4
|
import {
|
|
5
5
|
__export
|
|
6
6
|
} from "./chunk-6BWS3CLP.mjs";
|
|
@@ -32,6 +32,9 @@ var defaultNodeData = {
|
|
|
32
32
|
items: [
|
|
33
33
|
{
|
|
34
34
|
description: "Before and after result summary.",
|
|
35
|
+
imageCornerStyle: "rounded",
|
|
36
|
+
imageFit: "cover",
|
|
37
|
+
imagePosition: "center",
|
|
35
38
|
label: "Project One"
|
|
36
39
|
}
|
|
37
40
|
],
|
|
@@ -55,9 +58,9 @@ var defaultNodeData = {
|
|
|
55
58
|
featureGrid: {
|
|
56
59
|
...withSectionStyleDefaults({}),
|
|
57
60
|
items: [
|
|
58
|
-
{ description: "Explain this point.", icon: "01", title: "Feature One" },
|
|
59
|
-
{ description: "Explain this point.", icon: "02", title: "Feature Two" },
|
|
60
|
-
{ description: "Explain this point.", icon: "03", title: "Feature Three" }
|
|
61
|
+
{ description: "Explain this point.", icon: "01", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature One" },
|
|
62
|
+
{ description: "Explain this point.", icon: "02", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Two" },
|
|
63
|
+
{ description: "Explain this point.", icon: "03", imageCornerStyle: "rounded", imageFit: "cover", imagePosition: "center", title: "Feature Three" }
|
|
61
64
|
],
|
|
62
65
|
title: "Section Title",
|
|
63
66
|
variant: "cards"
|
|
@@ -74,6 +77,7 @@ var defaultNodeData = {
|
|
|
74
77
|
backgroundImageCornerStyle: "rounded",
|
|
75
78
|
backgroundImageFit: "cover",
|
|
76
79
|
backgroundImagePosition: "center",
|
|
80
|
+
heroHeight: "sm",
|
|
77
81
|
headline: "New Hero Section",
|
|
78
82
|
kicker: "Optional kicker",
|
|
79
83
|
primaryHref: "/contact",
|
|
@@ -86,13 +90,16 @@ var defaultNodeData = {
|
|
|
86
90
|
media: {
|
|
87
91
|
...withSectionStyleDefaults({}),
|
|
88
92
|
caption: "Add a caption",
|
|
93
|
+
imageCornerStyle: "rounded",
|
|
94
|
+
imageFit: "cover",
|
|
95
|
+
imagePosition: "center",
|
|
89
96
|
size: "default"
|
|
90
97
|
},
|
|
91
98
|
logoWall: withSectionStyleDefaults({
|
|
92
99
|
items: [
|
|
93
|
-
{ name: "Trusted Partner 1" },
|
|
94
|
-
{ name: "Trusted Partner 2" },
|
|
95
|
-
{ name: "Trusted Partner 3" }
|
|
100
|
+
{ imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 1" },
|
|
101
|
+
{ imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 2" },
|
|
102
|
+
{ imageCornerStyle: "rounded", imageFit: "contain", imagePosition: "center", name: "Trusted Partner 3" }
|
|
96
103
|
],
|
|
97
104
|
subtitle: "Trusted by teams and homeowners across Central Texas.",
|
|
98
105
|
title: "Trusted by Local Organizations"
|