@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 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: {