@sc-360-v2/storefront-cms-library 0.3.47 → 0.3.48

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.
Files changed (12) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/buy-for-tab.scss +3 -1
  3. package/dist/checkout.scss +131 -6
  4. package/dist/confirmationModal.scss +1 -0
  5. package/dist/profile.scss +84 -21
  6. package/dist/shipping-payments.scss +200 -45
  7. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +32 -1
  8. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +79 -0
  9. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +0 -8
  10. package/dist/types/builder/tools/element-edit/profile.d.ts +17 -1
  11. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +1012 -14
  12. package/package.json +1 -1
package/dist/shipping-payments.scss CHANGED
@@ -65,14 +65,12 @@ $activeElementSelector: "[data-has-clicked='true']";
65
65
  }
66
66
 
67
67
  .chk_checkout_accordion {
68
- font-size: 0.95rem;
69
- color: $dark-color;
70
68
  display: flex;
71
- padding: 0px;
69
+ padding: var(--_ctm-lt-pg);
72
70
  flex-direction: column;
73
- // gap: var(--_ctm-lt-te-ad-it-gp);
74
- gap: 24px;
71
+ gap: var(--_ctm-lt-te-ad-it-gp);
75
72
  word-break: keep-all;
73
+ padding-bottom: 24px;
76
74
 
77
75
  .chk_checkout_title {
78
76
  color: rgba(16, 24, 40, 1);
@@ -126,6 +124,7 @@ $activeElementSelector: "[data-has-clicked='true']";
126
124
  }
127
125
 
128
126
  .accordion-body {
127
+ margin-bottom: 16px;
129
128
  .summary {
130
129
  .chk_shipping_method_label {
131
130
  display: flex;
@@ -597,17 +596,7 @@ $activeElementSelector: "[data-has-clicked='true']";
597
596
  }
598
597
 
599
598
  .input-field {
600
- background-color: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-bd-cr);
601
- color: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-cr);
602
- font-family: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-ft-fy);
603
- font-size: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-ft-se);
604
- font-style: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-ft-se-ic);
605
- font-weight: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-ft-wt);
606
- line-height: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-le-ht);
607
- letter-spacing: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-lr-sg);
608
- text-decoration: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-dt-se-ue);
609
-
610
- &:focus-within {
599
+ &:focus {
611
600
  background-color: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-sd-se-bd-cr);
612
601
  color: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-sd-se-cr);
613
602
  font-family: var(--_ctm-dn-me-sg-as-dn-me-sg-as-it-dn-sd-se-ft-fy);
@@ -779,6 +768,40 @@ $activeElementSelector: "[data-has-clicked='true']";
779
768
  flex-direction: column;
780
769
  gap: var(--_ctm-lt-pt-os-gp-bn-cs);
781
770
  }
771
+ .chk_pmnt_other_options {
772
+ display: flex;
773
+ justify-content: space-between;
774
+ gap: 80px;
775
+ padding: 16px;
776
+ .chk_pmnt_other_options_left_container {
777
+ display: flex;
778
+ gap: 12px;
779
+ .chk_pmnt_option_info_wrapper {
780
+ display: flex;
781
+ gap: 12px;
782
+ .cards {
783
+ display: flex;
784
+ flex-direction: column;
785
+ gap: 8px;
786
+ .chk_payment_options_name {
787
+ font-weight: 600;
788
+ }
789
+ span {
790
+ font-size: 12px;
791
+ .chk_payment_options_label {
792
+ color: var(--_gray-600);
793
+ }
794
+ .chk_payment_options_value {
795
+ color: var(--_gray-900);
796
+ }
797
+ }
798
+ }
799
+ }
800
+ }
801
+ .chk_pmnt_other_options_container {
802
+ padding: 16px;
803
+ }
804
+ }
782
805
 
783
806
  .chk_payment_option {
784
807
  width: 100%;
@@ -800,7 +823,130 @@ $activeElementSelector: "[data-has-clicked='true']";
800
823
  text-decoration: var(--_ctm-dn-pt-os-dn-pt-hg-dn-ue);
801
824
  }
802
825
 
803
- &__other_option_wrapper {
826
+ // gift card styles
827
+ .chk_gft_crd_wrapper {
828
+ display: flex;
829
+ justify-content: space-between;
830
+ align-items: center;
831
+ padding: 16px 16px 0 16px;
832
+ &_item {
833
+ display: flex;
834
+ align-items: center;
835
+ gap: 16px;
836
+ &_icon {
837
+ width: 40px;
838
+ height: 40px;
839
+ border: 1px solid var(--_gray-200);
840
+ border-radius: 6px;
841
+ display: flex;
842
+ justify-content: center;
843
+ align-items: center;
844
+ }
845
+ &_info {
846
+ display: flex;
847
+ flex-direction: column;
848
+ &_title {
849
+ font-size: 14px;
850
+ margin-bottom: 4px;
851
+ font-weight: 600;
852
+ }
853
+ &_desc {
854
+ display: flex;
855
+ &_value {
856
+ font-size: 12px;
857
+ color: var(--_gray-600);
858
+ }
859
+ &_label {
860
+ font-size: 12px;
861
+ color: var(--_gray-900);
862
+ }
863
+ }
864
+ }
865
+ &_pin {
866
+ margin-left: 36px;
867
+ input[type="number"] {
868
+ border: 1px solid var(--_gray-300);
869
+ border-radius: 4px;
870
+ background-color: var(--_base-white);
871
+ width: 95px;
872
+ height: 44px;
873
+ padding-inline: 10px;
874
+ &:focus {
875
+ outline: 2px solid var(--_primary-100);
876
+ border: 1px solid var(--_primary-300);
877
+ }
878
+ }
879
+ }
880
+ }
881
+
882
+ &_input {
883
+ border: 1px solid var(--_gray-300);
884
+ border-radius: 4px;
885
+ background-color: var(--_base-white);
886
+ height: 44px;
887
+ width: 100px;
888
+ display: flex;
889
+ align-items: center;
890
+ gap: 8px;
891
+ padding-left: 10px;
892
+ input[type="number"] {
893
+ background-color: var(--_base-white);
894
+ padding-right: 10px;
895
+ }
896
+ &:focus-within {
897
+ outline: 2px solid var(--_primary-100);
898
+ border: 1px solid var(--_primary-300);
899
+ }
900
+ }
901
+ }
902
+ .chk_gft_crd_wrapper {
903
+ &_btn {
904
+ text-align: left;
905
+ margin-bottom: 16px;
906
+ color: var(--_primary-400);
907
+ &:hover {
908
+ text-decoration: underline;
909
+ }
910
+ }
911
+ }
912
+
913
+ // payment other options styles
914
+ .chk_pmnt_other_options {
915
+ display: flex;
916
+ justify-content: space-between;
917
+ gap: 80px;
918
+ padding: 16px;
919
+ .chk_pmnt_other_options_left_container {
920
+ display: flex;
921
+ gap: 12px;
922
+ .chk_pmnt_option_info_wrapper {
923
+ display: flex;
924
+ gap: 12px;
925
+ .cards {
926
+ display: flex;
927
+ flex-direction: column;
928
+ gap: 8px;
929
+ .chk_payment_options_name {
930
+ font-weight: 600;
931
+ }
932
+ span {
933
+ font-size: 12px;
934
+ .chk_payment_options_label {
935
+ color: var(--_gray-600);
936
+ }
937
+ .chk_payment_options_value {
938
+ color: var(--_gray-900);
939
+ }
940
+ }
941
+ }
942
+ }
943
+ }
944
+ .chk_pmnt_other_options_container {
945
+ padding: 16px;
946
+ }
947
+ }
948
+
949
+ .chk_payment_option__other_option_wrapper {
804
950
  display: flex;
805
951
  width: 100%;
806
952
  justify-content: space-between;
@@ -811,29 +957,34 @@ $activeElementSelector: "[data-has-clicked='true']";
811
957
  }
812
958
  }
813
959
 
814
- &_left_container {
960
+ .chk_payment_option_left_container {
815
961
  display: flex;
816
- gap: 12px;
962
+ gap: 80px;
817
963
  align-items: flex-start;
818
964
 
965
+ & > div {
966
+ display: flex;
967
+ gap: 12px;
968
+ }
969
+
819
970
  @media (max-width: 500px) {
820
971
  flex-wrap: wrap;
821
972
  }
822
973
  }
823
974
 
824
- &__left_wrapper {
975
+ .chk_payment_option__left_wrapper {
825
976
  display: flex;
826
977
  flex-direction: column;
827
978
  align-items: flex-start;
828
979
  gap: 16px;
829
980
  }
830
981
 
831
- &__card_icon {
982
+ .chk_payment_option__card_icon {
832
983
  width: 60px;
833
984
  height: 40px;
834
985
  }
835
986
 
836
- &__remove_card_btn {
987
+ .chk_payment_option__remove_card_btn {
837
988
  color: #1a3dcc;
838
989
 
839
990
  &:hover {
@@ -841,15 +992,16 @@ $activeElementSelector: "[data-has-clicked='true']";
841
992
  }
842
993
  }
843
994
 
844
- &__info_wrapper {
995
+ .chk_payment_option__info_wrapper {
845
996
  display: flex;
846
997
  flex-direction: column;
847
998
  white-space: nowrap;
999
+ font-size: 14px;
848
1000
 
849
1001
  .chk_payment_options_name {
850
1002
  color: var(--_gray-700);
851
1003
  font-family: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-fy);
852
- font-size: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-se);
1004
+ font-size: 14px;
853
1005
  font-style: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-se-ic);
854
1006
  font-weight: var(--_ctm-dn-pt-os-dn-pt-ne-dn-ft-wt);
855
1007
  line-height: var(--_ctm-dn-pt-os-dn-pt-ne-dn-le-ht);
@@ -860,7 +1012,7 @@ $activeElementSelector: "[data-has-clicked='true']";
860
1012
  .chk_payment_options_label {
861
1013
  color: var(--_gray-700);
862
1014
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-fy);
863
- font-size: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se);
1015
+ font-size: 12px;
864
1016
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-se-ic);
865
1017
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-ft-wt);
866
1018
  line-height: var(--_ctm-dn-pt-os-dn-pt-os-ll-dn-le-ht);
@@ -871,7 +1023,7 @@ $activeElementSelector: "[data-has-clicked='true']";
871
1023
  .chk_payment_options_value {
872
1024
  color: var(--_gray-700);
873
1025
  font-family: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-fy);
874
- font-size: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se);
1026
+ font-size: 12px;
875
1027
  font-style: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-se-ic);
876
1028
  font-weight: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-ft-wt);
877
1029
  line-height: var(--_ctm-dn-pt-os-dn-pt-os-ve-dn-le-ht);
@@ -880,7 +1032,7 @@ $activeElementSelector: "[data-has-clicked='true']";
880
1032
  }
881
1033
  }
882
1034
 
883
- &_right_container {
1035
+ .chk_payment_option_right_container {
884
1036
  display: flex;
885
1037
  gap: 6px;
886
1038
  align-items: flex-start;
@@ -890,13 +1042,14 @@ $activeElementSelector: "[data-has-clicked='true']";
890
1042
  }
891
1043
  }
892
1044
 
893
- &_input {
1045
+ .chk_payment_option_input {
894
1046
  display: flex;
895
- padding: 10px 12px;
1047
+ padding: 9px 12px;
896
1048
  align-items: center;
897
1049
  max-width: 96px;
898
1050
  background-color: var(--_base-white);
899
1051
  border: 1px solid var(--_gray-300);
1052
+ border-radius: 6px;
900
1053
 
901
1054
  &:focus-within {
902
1055
  outline: 2px solid #9baefa;
@@ -945,7 +1098,7 @@ $activeElementSelector: "[data-has-clicked='true']";
945
1098
  var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-sd)
946
1099
  var(--_ctm-dn-pt-os-dn-pt-os-cr-dn-sw-cr);
947
1100
 
948
- &_form_container {
1101
+ .chk_billing_address_form_container {
949
1102
  border-radius: 6px;
950
1103
  padding-top: 24px;
951
1104
  display: flex;
@@ -967,7 +1120,7 @@ $activeElementSelector: "[data-has-clicked='true']";
967
1120
  }
968
1121
  }
969
1122
 
970
- &_form_wrapper {
1123
+ .chk_billing_address_form_wrapper {
971
1124
  display: flex;
972
1125
  flex-direction: column;
973
1126
  gap: 24px;
@@ -1045,24 +1198,25 @@ $activeElementSelector: "[data-has-clicked='true']";
1045
1198
  background-color: var(--_base-white);
1046
1199
  border: 1px solid var(--_gray-300);
1047
1200
  border-radius: 6px;
1201
+ height: 40px;
1048
1202
 
1049
1203
  &:focus-within {
1050
1204
  border: 1px solid #4b63ee;
1051
1205
  outline: 2px solid #8497ff;
1052
1206
  }
1053
1207
 
1054
- .input-field {
1055
- padding: 8px 12px;
1056
- width: -webkit-fill-available;
1057
- background-color: var(--_base-white);
1058
- border: 1px solid var(--_gray-300);
1059
- border-radius: 6px;
1208
+ // .input-field {
1209
+ // padding: 8px 12px;
1210
+ // width: -webkit-fill-available;
1211
+ // background-color: var(--_base-white);
1212
+ // border: 1px solid var(--_gray-300);
1213
+ // border-radius: 6px;
1060
1214
 
1061
- &:focus-within {
1062
- border: 1px solid #4b63ee;
1063
- outline: 2px solid #8497ff;
1064
- }
1065
- }
1215
+ // &:focus-within {
1216
+ // border: 1px solid #4b63ee;
1217
+ // outline: 2px solid #8497ff;
1218
+ // }
1219
+ // }
1066
1220
  }
1067
1221
 
1068
1222
  input[type="checkbox"] {
@@ -1134,13 +1288,14 @@ $activeElementSelector: "[data-has-clicked='true']";
1134
1288
  width: fit-content;
1135
1289
  background-color: #004dff;
1136
1290
  color: var(--_base-white);
1291
+ border-radius: 6px;
1137
1292
 
1138
1293
  &:hover {
1139
1294
  background-color: #0f43bd;
1140
1295
  }
1141
1296
  }
1142
1297
 
1143
- &_same_as_billing_address_chkbx {
1298
+ .chk_shipping_address_use_as_billing_address_chkbx_same_as_billing_address_chkbx {
1144
1299
  color: var(--_gray-600);
1145
1300
  font-family: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-fy);
1146
1301
  font-size: var(--_ctm-dn-se-sg-as-dn-cx-dn-ft-se);
@@ -1151,7 +1306,7 @@ $activeElementSelector: "[data-has-clicked='true']";
1151
1306
  text-decoration: var(--_ctm-dn-se-sg-as-dn-cx-dn-ue);
1152
1307
  }
1153
1308
 
1154
- &_button_wrapper {
1309
+ .chk_billing_address_button_wrapper {
1155
1310
  display: flex;
1156
1311
  align-items: center;
1157
1312
  gap: 16px;
@@ -1183,7 +1338,7 @@ $activeElementSelector: "[data-has-clicked='true']";
1183
1338
  }
1184
1339
 
1185
1340
  .react-international-phone-input {
1186
- height: auto;
1341
+ height: 40px;
1187
1342
  border: none !important;
1188
1343
  color: var(--_gray-300);
1189
1344
  font-family: var(--_ctm-dn-it-bx-dn-ft-fy);
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare enum SelectorKeysEnum {
25
25
  PRODUCT_TITLE = "productTitle",
26
26
  PRODUCT_DESCRIPTION = "productDescription",
27
27
  PRODUCT_PRICE = "productPrice",
28
+ ADD_TO_CART = "addToCart",
28
29
  ALLOCATIONS_HEADING_SDESIGN = "allocationsHeadingDesign",
29
30
  ALLOCATIONS_NAME_DESIGN = "allocationsNameDesign",
30
31
  ALLOCATIONS_DESCRIPTION_DESIGN = "allocationsDescriptionDesign",
@@ -38,7 +39,6 @@ export declare enum SelectorKeysEnum {
38
39
  PRODUCT_INFO_DESIGN = "productInfoDesign",
39
40
  PRODUCT_PRICE_DESIGN = "productPriceDesign",
40
41
  SELECT_BUTTON_DESIGN = "selectButtonDesign",
41
- ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
42
42
  OPTION_TITLE = "optionTitle",
43
43
  SWATCH_OPTION_VALUE_STYLE = "swatchOptionValueStyle",
44
44
  SINGLE_OPTION_VALUE_STYLE = "singleOptionValueStyle"
@@ -846,6 +846,37 @@ export declare const getDefaultData: () => {
846
846
  lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
847
847
  };
848
848
  };
849
+ addtocart: {
850
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
851
+ borderColor: CMSIBCommonInterface;
852
+ borderStyle: CMSIBCommonInterface;
853
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
854
+ showBorder: CMSIBCommonInterface;
855
+ showShadow: CMSIBCommonInterface;
856
+ shadowColor: CMSIBCommonInterface;
857
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
858
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
859
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
860
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
861
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
862
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
863
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
864
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
865
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
866
+ theme: CMSIBCommonInterface;
867
+ font: CMSIBCommonInterface;
868
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
869
+ textColor: CMSIBCommonInterface;
870
+ bold: CMSIBCommonInterface;
871
+ italic: CMSIBCommonInterface;
872
+ linethrough: CMSIBCommonInterface;
873
+ underline: CMSIBCommonInterface;
874
+ textAlign: CMSIBCommonInterface;
875
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
876
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
877
+ backgroundColor: CMSIBCommonInterface;
878
+ selectorKey: SelectorKeysEnum;
879
+ };
849
880
  optionTitle: {
850
881
  selectorKey: SelectorKeysEnum;
851
882
  theme: CMSIBCommonInterface;
package/dist/types/builder/tools/element-edit/cartSummary.d.ts CHANGED
@@ -27,6 +27,7 @@ export declare enum SelectorKeysEnum {
27
27
  SUB_TOTAL = "subTotal",
28
28
  TOTAL = "total",
29
29
  CHECKOUT_BUTTON = "checkoutButton",
30
+ PLACE_ORDER_BUTTON = "placeOrderButton",
30
31
  REQUEST_QUOTE_BUTTON = "requestQuoteButton",
31
32
  HOVER_STATE = "hoverState",
32
33
  DEFAULT_STATE = "defaultState"
@@ -98,6 +99,19 @@ export declare const getDefaultData: () => {
98
99
  property: string;
99
100
  propertyType: CMSElementEditTypes;
100
101
  };
102
+ showCheckoutButton: {
103
+ value: boolean;
104
+ propertyType: CMSElementEditTypes;
105
+ };
106
+ showPlaceOrderButton: {
107
+ value: boolean;
108
+ propertyType: CMSElementEditTypes;
109
+ };
110
+ showRequestQuoteButton: {
111
+ value: boolean;
112
+ propertyType: CMSElementEditTypes;
113
+ property: string;
114
+ };
101
115
  showProductImage: {
102
116
  value: boolean;
103
117
  property: string;
@@ -1995,6 +2009,71 @@ export declare const getDefaultData: () => {
1995
2009
  selectorKey: SelectorKeysEnum;
1996
2010
  };
1997
2011
  };
2012
+ placeOrderButton: {
2013
+ selectorKey: SelectorKeysEnum;
2014
+ defaultState: {
2015
+ theme: CMSIBCommonInterface;
2016
+ font: CMSIBCommonInterface;
2017
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
2018
+ textColor: CMSIBCommonInterface;
2019
+ bold: CMSIBCommonInterface;
2020
+ italic: CMSIBCommonInterface;
2021
+ linethrough: CMSIBCommonInterface;
2022
+ underline: CMSIBCommonInterface;
2023
+ textAlign: CMSIBCommonInterface;
2024
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
2025
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
2026
+ borderColor: CMSIBCommonInterface;
2027
+ borderStyle: CMSIBCommonInterface;
2028
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
2029
+ showBorder: CMSIBCommonInterface;
2030
+ backgroundColor: CMSIBCommonInterface;
2031
+ showShadow: CMSIBCommonInterface;
2032
+ shadowColor: CMSIBCommonInterface;
2033
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
2034
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
2035
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
2036
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
2037
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
2038
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
2039
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
2040
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
2041
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
2042
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
2043
+ selectorKey: SelectorKeysEnum;
2044
+ };
2045
+ hoverState: {
2046
+ theme: CMSIBCommonInterface;
2047
+ font: CMSIBCommonInterface;
2048
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
2049
+ textColor: CMSIBCommonInterface;
2050
+ bold: CMSIBCommonInterface;
2051
+ italic: CMSIBCommonInterface;
2052
+ linethrough: CMSIBCommonInterface;
2053
+ underline: CMSIBCommonInterface;
2054
+ textAlign: CMSIBCommonInterface;
2055
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
2056
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
2057
+ borderColor: CMSIBCommonInterface;
2058
+ borderStyle: CMSIBCommonInterface;
2059
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
2060
+ showBorder: CMSIBCommonInterface;
2061
+ backgroundColor: CMSIBCommonInterface;
2062
+ showShadow: CMSIBCommonInterface;
2063
+ shadowColor: CMSIBCommonInterface;
2064
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
2065
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
2066
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
2067
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
2068
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
2069
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
2070
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
2071
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
2072
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
2073
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
2074
+ selectorKey: SelectorKeysEnum;
2075
+ };
2076
+ };
1998
2077
  requestQuoteButton: {
1999
2078
  selectorKey: SelectorKeysEnum;
2000
2079
  hoverState: {
package/dist/types/builder/tools/element-edit/orderStatus.d.ts CHANGED
@@ -44,14 +44,6 @@ export declare const getDefaultData: () => {
44
44
  value: string;
45
45
  unit: number;
46
46
  };
47
- minHeight: {
48
- value: number;
49
- unit: CMSCSSUnitTypesEnums;
50
- property?: any;
51
- propertyType?: any;
52
- isReadOnly?: boolean | undefined;
53
- parentRef?: string | undefined;
54
- };
55
47
  height: {
56
48
  value: string;
57
49
  unit: number;
package/dist/types/builder/tools/element-edit/profile.d.ts CHANGED
@@ -15,6 +15,7 @@ interface selfLayoutInterface {
15
15
  profileSettings: CMSIBCommonInterface;
16
16
  dropdownItemsOffsetX: CMSIBCommonInterface;
17
17
  dropdownItemsOffsetY: CMSIBCommonInterface;
18
+ textAvatarSize: CMSIBCommonInterface;
18
19
  }
19
20
  interface selfContentInterface {
20
21
  selectorKey: string;
@@ -44,6 +45,18 @@ export interface selfDesignInterface {
44
45
  selectorKey: string;
45
46
  [key: string]: any;
46
47
  };
48
+ textAvatar: {
49
+ selectorKey: string;
50
+ [key: string]: any;
51
+ };
52
+ expandIcon: {
53
+ selectorKey: string;
54
+ [key: string]: any;
55
+ };
56
+ collapseIcon: {
57
+ selectorKey: string;
58
+ [key: string]: any;
59
+ };
47
60
  profileMenuItems: {
48
61
  selectorKey: string;
49
62
  backgroundColor: CMSIBCommonInterface;
@@ -86,11 +99,14 @@ export declare enum profileSelectorKeysEnum {
86
99
  CONTENT = "content",
87
100
  profile_ELEMENT = "profileWidget",
88
101
  MINI_profile_TEXT = "profileNameText",
102
+ TEXT_AVATAR = "textAvatar",
89
103
  BEFORE_LOGIN_PROFILE_AVATAR = "beforeLoginProfileAvatar",
90
104
  AFTER_LOGIN_PROFILE_AVATAR = "afterLoginProfileAvatar",
91
105
  DROPDOWN_ITEMS = "dropdownItems",
92
106
  DROPDOWN_ITEMS_HOVER_STYLE = "dropdownItemsHoverStyle",
93
- DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle"
107
+ DROPDOWN_ITEMS_DEFAULT_STYLE = "dropdownItemsDefaultStyle",
108
+ EXPAND_ICON = "expandIcon",
109
+ COLLAPSE_ICON = "collapseIcon"
94
110
  }
95
111
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & selfContentInterface & CMSElementEditPopupDesignInterface>;
96
112
  export {};