@sc-360-v2/storefront-cms-library 0.5.69 → 0.5.70
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/builder.js +1 -1
- package/dist/filters.scss +1 -1
- package/dist/icon-list.scss +39 -0
- package/dist/order-status.scss +2 -2
- package/dist/product-price.scss +3392 -3388
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +5 -0
- package/dist/types/builder/tools/element-edit/userElements.d.ts +99 -0
- package/dist/user-elements.scss +14 -29
- package/package.json +1 -1
|
@@ -31,6 +31,11 @@ export declare const getDefaultData: () => {
|
|
|
31
31
|
property: string;
|
|
32
32
|
propertyType: CMSElementEditTypes;
|
|
33
33
|
};
|
|
34
|
+
iconPosition: {
|
|
35
|
+
value: string;
|
|
36
|
+
property: string;
|
|
37
|
+
propertyType: CMSElementEditTypes;
|
|
38
|
+
};
|
|
34
39
|
itemGap: {
|
|
35
40
|
property: string;
|
|
36
41
|
propertyType: CMSElementEditTypes;
|
|
@@ -307,6 +307,11 @@ export declare const getDefaultData: () => {
|
|
|
307
307
|
};
|
|
308
308
|
padding: any;
|
|
309
309
|
flip: CMSIBCommonInterface;
|
|
310
|
+
objectFit: {
|
|
311
|
+
value: string;
|
|
312
|
+
property: string;
|
|
313
|
+
propertyType: CMSElementEditTypes;
|
|
314
|
+
};
|
|
310
315
|
objectPosition: {
|
|
311
316
|
value: string;
|
|
312
317
|
property: string;
|
|
@@ -353,6 +358,17 @@ export declare const getDefaultData: () => {
|
|
|
353
358
|
property: string;
|
|
354
359
|
propertyType: CMSElementEditTypes;
|
|
355
360
|
};
|
|
361
|
+
verticalAlignment: {
|
|
362
|
+
value: string;
|
|
363
|
+
property: string;
|
|
364
|
+
propertyType: CMSElementEditTypes;
|
|
365
|
+
};
|
|
366
|
+
iconGap: {
|
|
367
|
+
value: number;
|
|
368
|
+
unit: CMSCSSUnitTypesEnums;
|
|
369
|
+
property: string;
|
|
370
|
+
propertyType: CMSElementEditTypes;
|
|
371
|
+
};
|
|
356
372
|
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
357
373
|
showIcon: CMSIBCommonInterface | undefined;
|
|
358
374
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -379,6 +395,17 @@ export declare const getDefaultData: () => {
|
|
|
379
395
|
property: string;
|
|
380
396
|
propertyType: CMSElementEditTypes;
|
|
381
397
|
};
|
|
398
|
+
verticalAlignment: {
|
|
399
|
+
value: string;
|
|
400
|
+
property: string;
|
|
401
|
+
propertyType: CMSElementEditTypes;
|
|
402
|
+
};
|
|
403
|
+
iconGap: {
|
|
404
|
+
value: number;
|
|
405
|
+
unit: CMSCSSUnitTypesEnums;
|
|
406
|
+
property: string;
|
|
407
|
+
propertyType: CMSElementEditTypes;
|
|
408
|
+
};
|
|
382
409
|
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
383
410
|
showIcon: CMSIBCommonInterface | undefined;
|
|
384
411
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -405,6 +432,17 @@ export declare const getDefaultData: () => {
|
|
|
405
432
|
property: string;
|
|
406
433
|
propertyType: CMSElementEditTypes;
|
|
407
434
|
};
|
|
435
|
+
verticalAlignment: {
|
|
436
|
+
value: string;
|
|
437
|
+
property: string;
|
|
438
|
+
propertyType: CMSElementEditTypes;
|
|
439
|
+
};
|
|
440
|
+
iconGap: {
|
|
441
|
+
value: number;
|
|
442
|
+
unit: CMSCSSUnitTypesEnums;
|
|
443
|
+
property: string;
|
|
444
|
+
propertyType: CMSElementEditTypes;
|
|
445
|
+
};
|
|
408
446
|
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
409
447
|
showIcon: CMSIBCommonInterface | undefined;
|
|
410
448
|
iconSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -1098,10 +1136,66 @@ export declare const getDefaultData: () => {
|
|
|
1098
1136
|
padding: any;
|
|
1099
1137
|
};
|
|
1100
1138
|
hoverState: {
|
|
1139
|
+
textTransform: {
|
|
1140
|
+
value: string;
|
|
1141
|
+
property: string;
|
|
1142
|
+
propertyType: CMSElementEditTypes;
|
|
1143
|
+
};
|
|
1101
1144
|
selectorKey: SelectorKeysEnum;
|
|
1145
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1146
|
+
borderColor: CMSIBCommonInterface;
|
|
1147
|
+
borderStyle: CMSIBCommonInterface;
|
|
1148
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1149
|
+
showBorder: CMSIBCommonInterface;
|
|
1150
|
+
showShadow: CMSIBCommonInterface;
|
|
1151
|
+
shadowColor: CMSIBCommonInterface;
|
|
1152
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1153
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1154
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1155
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1156
|
+
theme: CMSIBCommonInterface;
|
|
1157
|
+
font: CMSIBCommonInterface;
|
|
1158
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1159
|
+
textColor: CMSIBCommonInterface;
|
|
1160
|
+
bold: CMSIBCommonInterface;
|
|
1161
|
+
italic: CMSIBCommonInterface;
|
|
1162
|
+
linethrough: CMSIBCommonInterface;
|
|
1163
|
+
underline: CMSIBCommonInterface;
|
|
1164
|
+
textAlign: CMSIBCommonInterface;
|
|
1165
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1166
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1167
|
+
padding: any;
|
|
1102
1168
|
};
|
|
1103
1169
|
selectedState: {
|
|
1170
|
+
textTransform: {
|
|
1171
|
+
value: string;
|
|
1172
|
+
property: string;
|
|
1173
|
+
propertyType: CMSElementEditTypes;
|
|
1174
|
+
};
|
|
1104
1175
|
selectorKey: SelectorKeysEnum;
|
|
1176
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1177
|
+
borderColor: CMSIBCommonInterface;
|
|
1178
|
+
borderStyle: CMSIBCommonInterface;
|
|
1179
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1180
|
+
showBorder: CMSIBCommonInterface;
|
|
1181
|
+
showShadow: CMSIBCommonInterface;
|
|
1182
|
+
shadowColor: CMSIBCommonInterface;
|
|
1183
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1184
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1185
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1186
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1187
|
+
theme: CMSIBCommonInterface;
|
|
1188
|
+
font: CMSIBCommonInterface;
|
|
1189
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1190
|
+
textColor: CMSIBCommonInterface;
|
|
1191
|
+
bold: CMSIBCommonInterface;
|
|
1192
|
+
italic: CMSIBCommonInterface;
|
|
1193
|
+
linethrough: CMSIBCommonInterface;
|
|
1194
|
+
underline: CMSIBCommonInterface;
|
|
1195
|
+
textAlign: CMSIBCommonInterface;
|
|
1196
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1197
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1198
|
+
padding: any;
|
|
1105
1199
|
};
|
|
1106
1200
|
};
|
|
1107
1201
|
};
|
|
@@ -1241,6 +1335,11 @@ export declare const getDefaultData: () => {
|
|
|
1241
1335
|
property: string;
|
|
1242
1336
|
propertyType: CMSElementEditTypes;
|
|
1243
1337
|
};
|
|
1338
|
+
userLogo: {
|
|
1339
|
+
value: boolean;
|
|
1340
|
+
property: string;
|
|
1341
|
+
propertyType: CMSElementEditTypes;
|
|
1342
|
+
};
|
|
1244
1343
|
userEmail: {
|
|
1245
1344
|
value: boolean;
|
|
1246
1345
|
property: string;
|
package/dist/user-elements.scss
CHANGED
|
@@ -858,6 +858,12 @@ $imagePositions: (
|
|
|
858
858
|
width: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-wh);
|
|
859
859
|
height: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-ht);
|
|
860
860
|
flex-shrink: 0;
|
|
861
|
+
// Object Fit, Image Position and Flip are not styled here: the element
|
|
862
|
+
// builds a Sirv URL from them (see UserPrimaryData), so the picture arrives
|
|
863
|
+
// already scaled, positioned and mirrored to the requested box. Applying
|
|
864
|
+
// them again in CSS would double up — a mirrored avatar would flip twice
|
|
865
|
+
// and come back the way it started. `cover` stays as a safety net for the
|
|
866
|
+
// case where the delivered canvas does not match the CSS box exactly.
|
|
861
867
|
object-fit: cover;
|
|
862
868
|
// Padding is part of the configured size rather than added on top of it.
|
|
863
869
|
box-sizing: border-box;
|
|
@@ -871,28 +877,6 @@ $imagePositions: (
|
|
|
871
877
|
prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-br)
|
|
872
878
|
prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-sd)
|
|
873
879
|
prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-lo-dn-sw-cr);
|
|
874
|
-
// Which part of the picture survives the crop to the configured box. The
|
|
875
|
-
// control stores the image element's compass values, so they are mapped to
|
|
876
|
-
// their CSS equivalents here.
|
|
877
|
-
@each $point, $position in $imagePositions {
|
|
878
|
-
&[data-object-position="#{$point}"] {
|
|
879
|
-
object-position: $position;
|
|
880
|
-
}
|
|
881
|
-
}
|
|
882
|
-
|
|
883
|
-
// Mirroring. Both axes are separate attributes, so the combined case needs
|
|
884
|
-
// its own rule or the second transform would replace the first.
|
|
885
|
-
&[data-flip-x="true"] {
|
|
886
|
-
transform: scaleX(-1);
|
|
887
|
-
}
|
|
888
|
-
|
|
889
|
-
&[data-flip-y="true"] {
|
|
890
|
-
transform: scaleY(-1);
|
|
891
|
-
}
|
|
892
|
-
|
|
893
|
-
&[data-flip-x="true"][data-flip-y="true"] {
|
|
894
|
-
transform: scale(-1, -1);
|
|
895
|
-
}
|
|
896
880
|
}
|
|
897
881
|
|
|
898
882
|
.icon {
|
|
@@ -913,7 +897,6 @@ $imagePositions: (
|
|
|
913
897
|
.user_elements_user_data {
|
|
914
898
|
display: flex;
|
|
915
899
|
align-items: center;
|
|
916
|
-
gap: 6px;
|
|
917
900
|
|
|
918
901
|
span.icon {
|
|
919
902
|
display: var(--_d-flex);
|
|
@@ -923,8 +906,10 @@ $imagePositions: (
|
|
|
923
906
|
.user_elements_user_id {
|
|
924
907
|
display: flex;
|
|
925
908
|
|
|
926
|
-
|
|
927
|
-
|
|
909
|
+
// Icon Gap and Icon Alignment. Both defaults match what was hard-coded
|
|
910
|
+
// here before the controls existed.
|
|
911
|
+
gap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-in-gp, 6px);
|
|
912
|
+
align-items: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-vl-at, center);
|
|
928
913
|
color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-cr);
|
|
929
914
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-ft-fy);
|
|
930
915
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-id-dn-wd-wp);
|
|
@@ -959,8 +944,8 @@ $imagePositions: (
|
|
|
959
944
|
.user_elements_user_email {
|
|
960
945
|
display: flex;
|
|
961
946
|
|
|
962
|
-
gap: 6px;
|
|
963
|
-
align-items: center;
|
|
947
|
+
gap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-in-gp, 6px);
|
|
948
|
+
align-items: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-vl-at, center);
|
|
964
949
|
color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-cr);
|
|
965
950
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-ft-fy);
|
|
966
951
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-el-dn-wd-wp);
|
|
@@ -995,8 +980,8 @@ $imagePositions: (
|
|
|
995
980
|
.user_elements_user_phone {
|
|
996
981
|
display: flex;
|
|
997
982
|
|
|
998
|
-
gap: 6px;
|
|
999
|
-
align-items: center;
|
|
983
|
+
gap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-in-gp, 6px);
|
|
984
|
+
align-items: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-vl-at, center);
|
|
1000
985
|
color: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-cr);
|
|
1001
986
|
font-family: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-ft-fy);
|
|
1002
987
|
word-wrap: prepareMediaVariable(--_ctm-dn-ur-io-dn-ur-pe-dn-wd-wp);
|