@sc-360-v2/storefront-cms-library 0.4.14 → 0.4.15
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/add-existing-form.scss +66 -0
- package/dist/allocations.scss +8 -8
- package/dist/builder.js +1 -1
- package/dist/cart-summary.scss +12 -27
- package/dist/cart.scss +15 -13
- package/dist/checkout.scss +128 -40
- package/dist/filters.scss +9 -2
- package/dist/login.scss +5 -5
- package/dist/product-actions.scss +36 -42
- package/dist/product-sizechart.scss +6 -6
- package/dist/profile.scss +23 -12
- package/dist/quantity-selector.scss +8 -8
- package/dist/repeater.scss +10 -10
- package/dist/types/builder/elements/form-builder/index.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/profile.d.ts +10 -1
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
package/dist/profile.scss
CHANGED
|
@@ -300,28 +300,39 @@
|
|
|
300
300
|
left: 50%;
|
|
301
301
|
transform: translateX(calc(-50% + var(--_ctm-dn-pe-wt-cr-ot-x, 0px)));
|
|
302
302
|
width: prepareMediaVariable(--_ctm-lt-dn-wh);
|
|
303
|
-
background-color:
|
|
304
|
-
|
|
305
|
-
var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
|
|
306
|
-
);
|
|
307
|
-
border-radius: 4px;
|
|
303
|
+
background-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-bd-cr);
|
|
304
|
+
border-radius: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-rs);
|
|
308
305
|
// padding: 8px 0;
|
|
306
|
+
padding: prepareMediaVariable(--_ctm-dn-dn-is-cr-pg);
|
|
309
307
|
z-index: 1001;
|
|
310
308
|
overflow: hidden;
|
|
309
|
+
&[data-show-items-container-border="true"] {
|
|
310
|
+
border-color: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-cr);
|
|
311
|
+
border-style: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-se);
|
|
312
|
+
border-width: prepareMediaVariable(--_ctm-dn-dn-is-cr-br-wh);
|
|
313
|
+
}
|
|
314
|
+
&[data-show-items-container-shadow="true"] {
|
|
315
|
+
box-shadow: prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-ae)
|
|
316
|
+
prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-br)
|
|
317
|
+
prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-sd)
|
|
318
|
+
prepareMediaVariable(--_ctm-dn-dn-is-cr-sw-cr);
|
|
319
|
+
}
|
|
311
320
|
}
|
|
312
321
|
|
|
313
322
|
.add_order_item {
|
|
314
323
|
padding: prepareMediaVariable(--_ctm-dn-pe-wt-pg);
|
|
315
|
-
|
|
324
|
+
background-color: var(
|
|
325
|
+
--_ctm-mob-dn-dn-is-dt-se-bd-cr,
|
|
326
|
+
var(--_ctm-tab-dn-dn-is-dt-se-bd-cr, var(--_ctm-dn-dn-is-dt-se-bd-cr))
|
|
327
|
+
);
|
|
316
328
|
// font-size: 15px;
|
|
317
329
|
// font-weight: 500;
|
|
318
330
|
// color: #1f2937;
|
|
319
331
|
display: flex;
|
|
320
332
|
align-items: center;
|
|
321
|
-
//
|
|
322
|
-
transition: background 0.2s;
|
|
333
|
+
// transition: background 0.2s;
|
|
323
334
|
cursor: pointer;
|
|
324
|
-
&[data-
|
|
335
|
+
&[data-dropdown-items-default-border="true"] {
|
|
325
336
|
border-color: var(
|
|
326
337
|
--_sf-hr-br-cr,
|
|
327
338
|
var(
|
|
@@ -344,7 +355,7 @@
|
|
|
344
355
|
)
|
|
345
356
|
);
|
|
346
357
|
}
|
|
347
|
-
&[data-
|
|
358
|
+
&[data-dropdown-items-default-shadow="true"] {
|
|
348
359
|
box-shadow: var(
|
|
349
360
|
--_show-shadow-clear-all,
|
|
350
361
|
var(
|
|
@@ -444,7 +455,7 @@
|
|
|
444
455
|
);
|
|
445
456
|
|
|
446
457
|
&:hover {
|
|
447
|
-
&[data-
|
|
458
|
+
&[data-dropdown-items-hover-border="true"] {
|
|
448
459
|
border-color: var(
|
|
449
460
|
--_sf-hr-br-cr,
|
|
450
461
|
var(
|
|
@@ -467,7 +478,7 @@
|
|
|
467
478
|
)
|
|
468
479
|
);
|
|
469
480
|
}
|
|
470
|
-
&[data-
|
|
481
|
+
&[data-dropdown-items-hover-shadow="true"] {
|
|
471
482
|
box-shadow: var(
|
|
472
483
|
--_show-shadow-clear-all,
|
|
473
484
|
var(
|
|
@@ -514,9 +514,9 @@
|
|
|
514
514
|
--_ctm-mob-dn-ie-bn-hr-se-at,
|
|
515
515
|
var(--_ctm-tab-dn-ie-bn-hr-se-at, var(--_ctm-dn-ie-bn-hr-se-at))
|
|
516
516
|
);
|
|
517
|
-
--_sf-hr-
|
|
518
|
-
--_ctm-mob-dn-ie-bn-hr-se-
|
|
519
|
-
var(--_ctm-tab-dn-ie-bn-hr-se-
|
|
517
|
+
--_sf-hr-gp: var(
|
|
518
|
+
--_ctm-mob-dn-ie-bn-hr-se-gp,
|
|
519
|
+
var(--_ctm-tab-dn-ie-bn-hr-se-gp, var(--_ctm-dn-ie-bn-hr-se-gp))
|
|
520
520
|
);
|
|
521
521
|
|
|
522
522
|
// for shadow
|
|
@@ -615,7 +615,7 @@
|
|
|
615
615
|
align-items: center;
|
|
616
616
|
|
|
617
617
|
justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-at));
|
|
618
|
-
gap: var(--_sf-hr-
|
|
618
|
+
gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-gp));
|
|
619
619
|
|
|
620
620
|
border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ie-bn-dt-se-br-rs));
|
|
621
621
|
|
|
@@ -732,9 +732,9 @@
|
|
|
732
732
|
--_ctm-mob-dn-de-bn-hr-se-at,
|
|
733
733
|
var(--_ctm-tab-dn-de-bn-hr-se-at, var(--_ctm-dn-de-bn-hr-se-at))
|
|
734
734
|
);
|
|
735
|
-
--_sf-hr-
|
|
736
|
-
--_ctm-mob-dn-de-bn-hr-se-
|
|
737
|
-
var(--_ctm-tab-dn-de-bn-hr-se-
|
|
735
|
+
--_sf-hr-gp: var(
|
|
736
|
+
--_ctm-mob-dn-de-bn-hr-se-gp,
|
|
737
|
+
var(--_ctm-tab-dn-de-bn-hr-se-gp, var(--_ctm-dn-de-bn-hr-se-gp))
|
|
738
738
|
);
|
|
739
739
|
|
|
740
740
|
// for shadow
|
|
@@ -833,7 +833,7 @@
|
|
|
833
833
|
align-items: center;
|
|
834
834
|
|
|
835
835
|
justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-at));
|
|
836
|
-
gap: var(--_sf-hr-
|
|
836
|
+
gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-gp));
|
|
837
837
|
|
|
838
838
|
border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-de-bn-dt-se-br-rs));
|
|
839
839
|
|
package/dist/repeater.scss
CHANGED
|
@@ -417,10 +417,10 @@ $rai: "repeater-advertise-item";
|
|
|
417
417
|
|
|
418
418
|
// .btn__container {
|
|
419
419
|
// gap: var(
|
|
420
|
-
// --_ctm-mob-rep-dn-bn-se-dt-se-
|
|
420
|
+
// --_ctm-mob-rep-dn-bn-se-dt-se-gp,
|
|
421
421
|
// var(
|
|
422
|
-
// --_ctm-tab-rep-dn-bn-se-dt-se-
|
|
423
|
-
// var(--_ctm-rep-dn-bn-se-dt-se-
|
|
422
|
+
// --_ctm-tab-rep-dn-bn-se-dt-se-gp,
|
|
423
|
+
// var(--_ctm-rep-dn-bn-se-dt-se-gp)
|
|
424
424
|
// )
|
|
425
425
|
// );
|
|
426
426
|
// justify-content: var(
|
|
@@ -560,10 +560,10 @@ $rai: "repeater-advertise-item";
|
|
|
560
560
|
|
|
561
561
|
// .btn__container {
|
|
562
562
|
// gap: var(
|
|
563
|
-
// --_ctm-mob-rep-dn-bn-se-hr-se-
|
|
563
|
+
// --_ctm-mob-rep-dn-bn-se-hr-se-gp,
|
|
564
564
|
// var(
|
|
565
|
-
// --_ctm-tab-rep-dn-bn-se-hr-se-
|
|
566
|
-
// var(--_ctm-rep-dn-bn-se-hr-se-
|
|
565
|
+
// --_ctm-tab-rep-dn-bn-se-hr-se-gp,
|
|
566
|
+
// var(--_ctm-rep-dn-bn-se-hr-se-gp)
|
|
567
567
|
// )
|
|
568
568
|
// );
|
|
569
569
|
// justify-content: var(
|
|
@@ -716,9 +716,9 @@ $rai: "repeater-advertise-item";
|
|
|
716
716
|
--_ctm-rep-mob-dn-bn-se-hr-se-at,
|
|
717
717
|
var(--_ctm-rep-tab-dn-bn-se-hr-se-at, var(--_ctm-rep-dn-bn-se-hr-se-at))
|
|
718
718
|
);
|
|
719
|
-
--_sf-hr-
|
|
720
|
-
--_ctm-rep-mob-dn-bn-se-hr-se-
|
|
721
|
-
var(--_ctm-rep-tab-dn-bn-se-hr-se-
|
|
719
|
+
--_sf-hr-gp: var(
|
|
720
|
+
--_ctm-rep-mob-dn-bn-se-hr-se-gp,
|
|
721
|
+
var(--_ctm-rep-tab-dn-bn-se-hr-se-gp, var(--_ctm-rep-dn-bn-se-hr-se-gp))
|
|
722
722
|
);
|
|
723
723
|
|
|
724
724
|
// for shadow
|
|
@@ -817,7 +817,7 @@ $rai: "repeater-advertise-item";
|
|
|
817
817
|
align-items: center;
|
|
818
818
|
|
|
819
819
|
justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-at));
|
|
820
|
-
gap: var(--_sf-hr-
|
|
820
|
+
gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-gp));
|
|
821
821
|
|
|
822
822
|
border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-rep-dn-bn-se-dt-se-br-rs));
|
|
823
823
|
|
|
@@ -207,6 +207,10 @@ export interface FormComponentConfig {
|
|
|
207
207
|
allowLowerCase?: boolean;
|
|
208
208
|
allowSpecialCharacters?: boolean;
|
|
209
209
|
allowNumbers?: boolean;
|
|
210
|
+
shouldContainUpperCase?: boolean;
|
|
211
|
+
shouldContainLowerCase?: boolean;
|
|
212
|
+
shouldContainSpecialCharacters?: boolean;
|
|
213
|
+
shouldContainNumbers?: boolean;
|
|
210
214
|
}
|
|
211
215
|
export declare enum ElementSettingEnum {
|
|
212
216
|
LABEL = 1,
|
|
@@ -9,12 +9,21 @@ interface selfLayoutInterface {
|
|
|
9
9
|
openDropdown: CMSIBCommonInterface;
|
|
10
10
|
showProfileIcon: CMSIBCommonInterface;
|
|
11
11
|
showTextFields: CMSIBCommonInterface;
|
|
12
|
-
contentData: CMSIBCommonInterface;
|
|
13
12
|
showDropdownIcon: CMSIBCommonInterface;
|
|
14
13
|
dropdownIcon: CMSIBCommonInterface;
|
|
15
14
|
profileSettings: CMSIBCommonInterface;
|
|
16
15
|
dropdownItemsOffsetX: CMSIBCommonInterface;
|
|
17
16
|
dropdownItemsOffsetY: CMSIBCommonInterface;
|
|
17
|
+
loggedInType: CMSIBCommonInterface;
|
|
18
|
+
showBeforeLoginTextFields: CMSIBCommonInterface;
|
|
19
|
+
beforeLoginLabel1: CMSIBCommonInterface;
|
|
20
|
+
beforeLoginLabel2: CMSIBCommonInterface;
|
|
21
|
+
showAfterLoginTextFields: CMSIBCommonInterface;
|
|
22
|
+
afterLoginAvatarType: CMSIBCommonInterface;
|
|
23
|
+
afterLoginFallbackAvatar: CMSIBCommonInterface;
|
|
24
|
+
afterLoginCharacterLimit: CMSIBCommonInterface;
|
|
25
|
+
afterLoginDynamicLabel1: CMSIBCommonInterface;
|
|
26
|
+
afterLoginDynamicLabel2: CMSIBCommonInterface;
|
|
18
27
|
textAvatarSize: CMSIBCommonInterface;
|
|
19
28
|
}
|
|
20
29
|
interface selfContentInterface {
|
package/dist/widget.scss
CHANGED