@contentful/experiences-components-react 3.7.2-dev-20250924T1414-f20af61.0 → 3.7.2-dev-20250924T1519-77d453c.0
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/index.js +0 -49
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -602,7 +602,6 @@ const builtInStyles = {
|
|
|
602
602
|
},
|
|
603
603
|
type: 'Text',
|
|
604
604
|
group: 'style',
|
|
605
|
-
description: 'The vertical alignment of the section',
|
|
606
605
|
defaultValue: 'center',
|
|
607
606
|
displayName: 'Vertical alignment',
|
|
608
607
|
},
|
|
@@ -629,7 +628,6 @@ const builtInStyles = {
|
|
|
629
628
|
},
|
|
630
629
|
type: 'Text',
|
|
631
630
|
group: 'style',
|
|
632
|
-
description: 'The horizontal alignment of the section',
|
|
633
631
|
defaultValue: 'center',
|
|
634
632
|
displayName: 'Horizontal alignment',
|
|
635
633
|
},
|
|
@@ -638,83 +636,71 @@ const builtInStyles = {
|
|
|
638
636
|
type: 'Boolean',
|
|
639
637
|
group: 'style',
|
|
640
638
|
defaultValue: true,
|
|
641
|
-
description: 'The visibility of the component',
|
|
642
639
|
},
|
|
643
640
|
cfMargin: {
|
|
644
641
|
displayName: 'Margin',
|
|
645
642
|
type: 'Text',
|
|
646
643
|
group: 'style',
|
|
647
|
-
description: 'The margin of the section',
|
|
648
644
|
defaultValue: '0 0 0 0',
|
|
649
645
|
},
|
|
650
646
|
cfPadding: {
|
|
651
647
|
displayName: 'Padding',
|
|
652
648
|
type: 'Text',
|
|
653
649
|
group: 'style',
|
|
654
|
-
description: 'The padding of the section',
|
|
655
650
|
defaultValue: '0 0 0 0',
|
|
656
651
|
},
|
|
657
652
|
cfBackgroundColor: {
|
|
658
653
|
displayName: 'Background color',
|
|
659
654
|
type: 'Text',
|
|
660
655
|
group: 'style',
|
|
661
|
-
description: 'The background color of the section',
|
|
662
656
|
defaultValue: 'rgba(0, 0, 0, 0)',
|
|
663
657
|
},
|
|
664
658
|
cfWidth: {
|
|
665
659
|
displayName: 'Width',
|
|
666
660
|
type: 'Text',
|
|
667
661
|
group: 'style',
|
|
668
|
-
description: 'The width of the section',
|
|
669
662
|
defaultValue: '100%',
|
|
670
663
|
},
|
|
671
664
|
cfHeight: {
|
|
672
665
|
displayName: 'Height',
|
|
673
666
|
type: 'Text',
|
|
674
667
|
group: 'style',
|
|
675
|
-
description: 'The height of the section',
|
|
676
668
|
defaultValue: 'fit-content',
|
|
677
669
|
},
|
|
678
670
|
cfMaxWidth: {
|
|
679
671
|
displayName: 'Max width',
|
|
680
672
|
type: 'Text',
|
|
681
673
|
group: 'style',
|
|
682
|
-
description: 'The max-width of the section',
|
|
683
674
|
defaultValue: 'none',
|
|
684
675
|
},
|
|
685
676
|
cfFlexDirection: {
|
|
686
677
|
displayName: 'Direction',
|
|
687
678
|
type: 'Text',
|
|
688
679
|
group: 'style',
|
|
689
|
-
description: 'The orientation of the section',
|
|
690
680
|
defaultValue: 'column',
|
|
691
681
|
},
|
|
692
682
|
cfFlexReverse: {
|
|
693
683
|
displayName: 'Reverse Direction',
|
|
694
684
|
type: 'Boolean',
|
|
695
685
|
group: 'style',
|
|
696
|
-
description: 'Toggle the flex direction to be reversed',
|
|
697
686
|
defaultValue: false,
|
|
698
687
|
},
|
|
699
688
|
cfFlexWrap: {
|
|
700
689
|
displayName: 'Wrap objects',
|
|
701
690
|
type: 'Text',
|
|
702
691
|
group: 'style',
|
|
703
|
-
description: 'Wrap objects',
|
|
704
692
|
defaultValue: 'nowrap',
|
|
705
693
|
},
|
|
706
694
|
cfBorder: {
|
|
707
695
|
displayName: 'Border',
|
|
708
696
|
type: 'Text',
|
|
709
697
|
group: 'style',
|
|
710
|
-
description: 'The border of the section',
|
|
711
698
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
712
699
|
},
|
|
713
700
|
cfGap: {
|
|
714
701
|
displayName: 'Gap',
|
|
715
702
|
type: 'Text',
|
|
716
703
|
group: 'style',
|
|
717
|
-
description: 'The spacing between the elements of the section',
|
|
718
704
|
defaultValue: '0px',
|
|
719
705
|
},
|
|
720
706
|
cfHyperlink: {
|
|
@@ -725,7 +711,6 @@ const builtInStyles = {
|
|
|
725
711
|
format: 'URL',
|
|
726
712
|
bindingSourceType: ['entry', 'experience', 'manual'],
|
|
727
713
|
},
|
|
728
|
-
description: 'hyperlink for section or container',
|
|
729
714
|
},
|
|
730
715
|
cfOpenInNewTab: {
|
|
731
716
|
displayName: 'URL behaviour',
|
|
@@ -739,7 +724,6 @@ const optionalBuiltInStyles = {
|
|
|
739
724
|
displayName: 'Font Size',
|
|
740
725
|
type: 'Text',
|
|
741
726
|
group: 'style',
|
|
742
|
-
description: 'The font size of the element',
|
|
743
727
|
defaultValue: '16px',
|
|
744
728
|
},
|
|
745
729
|
cfFontWeight: {
|
|
@@ -762,13 +746,11 @@ const optionalBuiltInStyles = {
|
|
|
762
746
|
displayName: 'Font Weight',
|
|
763
747
|
type: 'Text',
|
|
764
748
|
group: 'style',
|
|
765
|
-
description: 'The font weight of the element',
|
|
766
749
|
defaultValue: '400',
|
|
767
750
|
},
|
|
768
751
|
cfImageAsset: {
|
|
769
752
|
displayName: 'Image',
|
|
770
753
|
type: 'Media',
|
|
771
|
-
description: 'Image to display',
|
|
772
754
|
validations: {
|
|
773
755
|
bindingSourceType: ['asset', 'entry', 'manual'],
|
|
774
756
|
},
|
|
@@ -787,13 +769,11 @@ const optionalBuiltInStyles = {
|
|
|
787
769
|
displayName: 'Background color',
|
|
788
770
|
type: 'Text',
|
|
789
771
|
group: 'style',
|
|
790
|
-
description: 'The background color of the element',
|
|
791
772
|
defaultValue: 'rgba(0, 0, 0, 0)',
|
|
792
773
|
},
|
|
793
774
|
cfBackgroundImageUrl: {
|
|
794
775
|
displayName: 'Background image',
|
|
795
776
|
type: 'Media',
|
|
796
|
-
description: 'Background image for component',
|
|
797
777
|
validations: {
|
|
798
778
|
bindingSourceType: ['asset', 'entry', 'manual'],
|
|
799
779
|
},
|
|
@@ -812,28 +792,24 @@ const optionalBuiltInStyles = {
|
|
|
812
792
|
displayName: 'Border Radius',
|
|
813
793
|
type: 'Text',
|
|
814
794
|
group: 'style',
|
|
815
|
-
description: 'The border radius of the section',
|
|
816
795
|
defaultValue: '0px',
|
|
817
796
|
},
|
|
818
797
|
cfLineHeight: {
|
|
819
798
|
displayName: 'Line Height',
|
|
820
799
|
type: 'Text',
|
|
821
800
|
group: 'style',
|
|
822
|
-
description: 'The line height of the element',
|
|
823
801
|
defaultValue: '20px',
|
|
824
802
|
},
|
|
825
803
|
cfLetterSpacing: {
|
|
826
804
|
displayName: 'Letter Spacing',
|
|
827
805
|
type: 'Text',
|
|
828
806
|
group: 'style',
|
|
829
|
-
description: 'The letter spacing of the element',
|
|
830
807
|
defaultValue: '0px',
|
|
831
808
|
},
|
|
832
809
|
cfTextColor: {
|
|
833
810
|
displayName: 'Text Color',
|
|
834
811
|
type: 'Text',
|
|
835
812
|
group: 'style',
|
|
836
|
-
description: 'The text color of the element',
|
|
837
813
|
defaultValue: 'rgba(0, 0, 0, 1)',
|
|
838
814
|
},
|
|
839
815
|
cfTextAlign: {
|
|
@@ -856,7 +832,6 @@ const optionalBuiltInStyles = {
|
|
|
856
832
|
displayName: 'Text Align',
|
|
857
833
|
type: 'Text',
|
|
858
834
|
group: 'style',
|
|
859
|
-
description: 'The text alignment of the element',
|
|
860
835
|
defaultValue: 'start',
|
|
861
836
|
},
|
|
862
837
|
cfTextTransform: {
|
|
@@ -883,28 +858,24 @@ const optionalBuiltInStyles = {
|
|
|
883
858
|
displayName: 'Text Transform',
|
|
884
859
|
type: 'Text',
|
|
885
860
|
group: 'style',
|
|
886
|
-
description: 'The text transform of the element',
|
|
887
861
|
defaultValue: 'none',
|
|
888
862
|
},
|
|
889
863
|
cfTextBold: {
|
|
890
864
|
displayName: 'Bold',
|
|
891
865
|
type: 'Boolean',
|
|
892
866
|
group: 'style',
|
|
893
|
-
description: 'The text bold of the element',
|
|
894
867
|
defaultValue: false,
|
|
895
868
|
},
|
|
896
869
|
cfTextItalic: {
|
|
897
870
|
displayName: 'Italic',
|
|
898
871
|
type: 'Boolean',
|
|
899
872
|
group: 'style',
|
|
900
|
-
description: 'The text italic of the element',
|
|
901
873
|
defaultValue: false,
|
|
902
874
|
},
|
|
903
875
|
cfTextUnderline: {
|
|
904
876
|
displayName: 'Underline',
|
|
905
877
|
type: 'Boolean',
|
|
906
878
|
group: 'style',
|
|
907
|
-
description: 'The text underline of the element',
|
|
908
879
|
defaultValue: false,
|
|
909
880
|
},
|
|
910
881
|
};
|
|
@@ -923,7 +894,6 @@ const containerBuiltInStyles = {
|
|
|
923
894
|
displayName: 'Margin',
|
|
924
895
|
type: 'Text',
|
|
925
896
|
group: 'style',
|
|
926
|
-
description: 'The margin of the container',
|
|
927
897
|
// Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level containers
|
|
928
898
|
defaultValue: '0 0 0 0',
|
|
929
899
|
},
|
|
@@ -931,7 +901,6 @@ const containerBuiltInStyles = {
|
|
|
931
901
|
displayName: 'Max Width',
|
|
932
902
|
type: 'Text',
|
|
933
903
|
group: 'style',
|
|
934
|
-
description: 'The max-width of the section',
|
|
935
904
|
defaultValue: '1192px',
|
|
936
905
|
},
|
|
937
906
|
};
|
|
@@ -942,35 +911,30 @@ const dividerBuiltInStyles = {
|
|
|
942
911
|
displayName: 'Margin',
|
|
943
912
|
type: 'Text',
|
|
944
913
|
group: 'style',
|
|
945
|
-
description: 'The margin of the divider',
|
|
946
914
|
defaultValue: '20px 0px 20px 0px',
|
|
947
915
|
},
|
|
948
916
|
cfWidth: {
|
|
949
917
|
displayName: 'Width',
|
|
950
918
|
type: 'Text',
|
|
951
919
|
group: 'style',
|
|
952
|
-
description: 'The width of the divider',
|
|
953
920
|
defaultValue: '100%',
|
|
954
921
|
},
|
|
955
922
|
cfHeight: {
|
|
956
923
|
displayName: 'Height',
|
|
957
924
|
type: 'Text',
|
|
958
925
|
group: 'style',
|
|
959
|
-
description: 'The height of the divider',
|
|
960
926
|
defaultValue: '1px',
|
|
961
927
|
},
|
|
962
928
|
cfMaxWidth: {
|
|
963
929
|
displayName: 'Max width',
|
|
964
930
|
type: 'Text',
|
|
965
931
|
group: 'style',
|
|
966
|
-
description: 'The max-width of the divider',
|
|
967
932
|
defaultValue: 'none',
|
|
968
933
|
},
|
|
969
934
|
cfBackgroundColor: {
|
|
970
935
|
displayName: 'Background color',
|
|
971
936
|
type: 'Text',
|
|
972
937
|
group: 'style',
|
|
973
|
-
description: 'The background color of the divider',
|
|
974
938
|
defaultValue: 'rgba(204, 204, 204, 1)',
|
|
975
939
|
},
|
|
976
940
|
};
|
|
@@ -1003,7 +967,6 @@ const singleColumnBuiltInStyles = {
|
|
|
1003
967
|
},
|
|
1004
968
|
type: 'Text',
|
|
1005
969
|
group: 'style',
|
|
1006
|
-
description: 'The vertical alignment of the column',
|
|
1007
970
|
defaultValue: 'center',
|
|
1008
971
|
displayName: 'Vertical alignment',
|
|
1009
972
|
},
|
|
@@ -1030,7 +993,6 @@ const singleColumnBuiltInStyles = {
|
|
|
1030
993
|
},
|
|
1031
994
|
type: 'Text',
|
|
1032
995
|
group: 'style',
|
|
1033
|
-
description: 'The horizontal alignment of the column',
|
|
1034
996
|
defaultValue: 'center',
|
|
1035
997
|
displayName: 'Horizontal alignment',
|
|
1036
998
|
},
|
|
@@ -1038,35 +1000,30 @@ const singleColumnBuiltInStyles = {
|
|
|
1038
1000
|
displayName: 'Padding',
|
|
1039
1001
|
type: 'Text',
|
|
1040
1002
|
group: 'style',
|
|
1041
|
-
description: 'The padding of the column',
|
|
1042
1003
|
defaultValue: '0 0 0 0',
|
|
1043
1004
|
},
|
|
1044
1005
|
cfFlexDirection: {
|
|
1045
1006
|
displayName: 'Direction',
|
|
1046
1007
|
type: 'Text',
|
|
1047
1008
|
group: 'style',
|
|
1048
|
-
description: 'The orientation of the column',
|
|
1049
1009
|
defaultValue: 'column',
|
|
1050
1010
|
},
|
|
1051
1011
|
cfFlexWrap: {
|
|
1052
1012
|
displayName: 'Wrap objects',
|
|
1053
1013
|
type: 'Text',
|
|
1054
1014
|
group: 'style',
|
|
1055
|
-
description: 'Wrap objects',
|
|
1056
1015
|
defaultValue: 'nowrap',
|
|
1057
1016
|
},
|
|
1058
1017
|
cfBorder: {
|
|
1059
1018
|
displayName: 'Border',
|
|
1060
1019
|
type: 'Text',
|
|
1061
1020
|
group: 'style',
|
|
1062
|
-
description: 'The border of the column',
|
|
1063
1021
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
1064
1022
|
},
|
|
1065
1023
|
cfGap: {
|
|
1066
1024
|
displayName: 'Gap',
|
|
1067
1025
|
type: 'Text',
|
|
1068
1026
|
group: 'style',
|
|
1069
|
-
description: 'The spacing between the elements of the column',
|
|
1070
1027
|
defaultValue: '0px',
|
|
1071
1028
|
},
|
|
1072
1029
|
cfColumnSpan: {
|
|
@@ -1090,7 +1047,6 @@ const columnsBuiltInStyles = {
|
|
|
1090
1047
|
displayName: 'Margin',
|
|
1091
1048
|
type: 'Text',
|
|
1092
1049
|
group: 'style',
|
|
1093
|
-
description: 'The margin of the columns',
|
|
1094
1050
|
// Note: The UI overwrites '0 Auto 0 Auto' as the default value for top-level columns
|
|
1095
1051
|
defaultValue: '0 0 0 0',
|
|
1096
1052
|
},
|
|
@@ -1098,35 +1054,30 @@ const columnsBuiltInStyles = {
|
|
|
1098
1054
|
displayName: 'Width',
|
|
1099
1055
|
type: 'Text',
|
|
1100
1056
|
group: 'style',
|
|
1101
|
-
description: 'The width of the columns',
|
|
1102
1057
|
defaultValue: '100%',
|
|
1103
1058
|
},
|
|
1104
1059
|
cfMaxWidth: {
|
|
1105
1060
|
displayName: 'Max width',
|
|
1106
1061
|
type: 'Text',
|
|
1107
1062
|
group: 'style',
|
|
1108
|
-
description: 'The max-width of the columns',
|
|
1109
1063
|
defaultValue: '1192px',
|
|
1110
1064
|
},
|
|
1111
1065
|
cfPadding: {
|
|
1112
1066
|
displayName: 'Padding',
|
|
1113
1067
|
type: 'Text',
|
|
1114
1068
|
group: 'style',
|
|
1115
|
-
description: 'The padding of the columns',
|
|
1116
1069
|
defaultValue: '10px 10px 10px 10px',
|
|
1117
1070
|
},
|
|
1118
1071
|
cfBorder: {
|
|
1119
1072
|
displayName: 'Border',
|
|
1120
1073
|
type: 'Text',
|
|
1121
1074
|
group: 'style',
|
|
1122
|
-
description: 'The border of the columns',
|
|
1123
1075
|
defaultValue: '0px solid rgba(0, 0, 0, 0)',
|
|
1124
1076
|
},
|
|
1125
1077
|
cfGap: {
|
|
1126
1078
|
displayName: 'Gap',
|
|
1127
1079
|
type: 'Text',
|
|
1128
1080
|
group: 'style',
|
|
1129
|
-
description: 'The spacing between the elements of the columns',
|
|
1130
1081
|
defaultValue: '10px 10px',
|
|
1131
1082
|
},
|
|
1132
1083
|
cfColumns: {
|