@sc-360-v2/storefront-cms-library 0.4.81 → 0.4.82
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/bulk-order-pad.scss +14 -0
- package/dist/bundleDetails.scss +132 -53
- package/dist/contact-us.scss +1 -1
- package/dist/embroidery.scss +4 -4
- package/dist/form-preview.scss +11 -16
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/order-status.scss +1 -1
- package/dist/phone-input.scss +28 -5
- package/dist/product-image-bundles.scss +27 -20
- package/dist/product-options.scss +1145 -1144
- package/dist/quick-links.scss +553 -552
- package/dist/repeater-grid-toggle.scss +42 -10
- package/dist/static-global.scss +6 -0
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/repeater.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/userElements.d.ts +12 -0
- package/dist/user-elements.scss +14 -10
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
|
+
@use "./functions.scss" as *;
|
|
3
4
|
|
|
4
5
|
$selector: ".repeater__view__toggle";
|
|
5
6
|
$wrapper: ".tgl__wrapper";
|
|
@@ -17,19 +18,35 @@ $wrapper: ".tgl__wrapper";
|
|
|
17
18
|
&#{$wrapper} {
|
|
18
19
|
display: var(--_d-flex);
|
|
19
20
|
align-items: center;
|
|
20
|
-
border: 1px solid var(--_gray-200);
|
|
21
|
+
// border: 1px solid var(--_gray-200);
|
|
22
|
+
border-style: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-se, solid);
|
|
23
|
+
border-width: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-wh, 1px);
|
|
24
|
+
border-color: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-cr, var(--_gray-200));
|
|
21
25
|
--_br-6: 6px;
|
|
22
26
|
--_width-40: 40px;
|
|
27
|
+
--_width-20: 20px;
|
|
23
28
|
border-radius: var(--_br-6);
|
|
24
|
-
|
|
29
|
+
// --_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr,
|
|
30
|
+
background-color: prepareMediaVariable(
|
|
31
|
+
--_ctm-rep-dn-gd-vw-cl-se-lt-se-bd-cr,
|
|
32
|
+
var(--_base-white)
|
|
33
|
+
);
|
|
25
34
|
|
|
26
35
|
& > button {
|
|
27
36
|
display: var(--_d-flex);
|
|
28
|
-
$size: var(--_width-40);
|
|
29
|
-
|
|
30
|
-
|
|
37
|
+
// $size: var(--_width-40);
|
|
38
|
+
$size: #{var(
|
|
39
|
+
--_sf-at-btn-size,
|
|
40
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-se, var(--_width-20))}
|
|
41
|
+
)};
|
|
42
|
+
width: calc(#{$size} * 2);
|
|
43
|
+
height: calc(#{$size} * 2);
|
|
31
44
|
align-items: center;
|
|
32
45
|
justify-content: center;
|
|
46
|
+
background: var(
|
|
47
|
+
--_sf-at-btn-bd,
|
|
48
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr)}
|
|
49
|
+
);
|
|
33
50
|
|
|
34
51
|
&:first-of-type {
|
|
35
52
|
border-radius: 4px 0 0 4px;
|
|
@@ -39,16 +56,31 @@ $wrapper: ".tgl__wrapper";
|
|
|
39
56
|
}
|
|
40
57
|
|
|
41
58
|
&[data-style-active="true"] {
|
|
42
|
-
--_sf-at-pt-cl: var(--_gray-
|
|
43
|
-
|
|
59
|
+
// --_sf-at-pt-cl: var(--_gray-700);
|
|
60
|
+
--_sf-at-btn-size: #{prepareMediaVariable(
|
|
61
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-se,
|
|
62
|
+
var(--_width-20)
|
|
63
|
+
)};
|
|
64
|
+
--_sf-at-pt-cl: #{prepareMediaVariable(
|
|
65
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-c1,
|
|
66
|
+
var(--_gray-700)
|
|
67
|
+
)};
|
|
68
|
+
--_sf-at-btn-bd: #{prepareMediaVariable(
|
|
69
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-bd-cr,
|
|
70
|
+
var(--_gray-200)
|
|
71
|
+
)};
|
|
72
|
+
// background: var(--_gray-200);
|
|
44
73
|
}
|
|
45
74
|
|
|
46
75
|
svg {
|
|
47
|
-
width: calc(#{$size} *
|
|
48
|
-
height: calc(#{$size} *
|
|
76
|
+
width: calc(#{$size} * 1);
|
|
77
|
+
height: calc(#{$size} * 1);
|
|
49
78
|
|
|
50
79
|
path {
|
|
51
|
-
stroke: var(
|
|
80
|
+
stroke: var(
|
|
81
|
+
--_sf-at-pt-cl,
|
|
82
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-c1, var(--_gray-500))}
|
|
83
|
+
);
|
|
52
84
|
}
|
|
53
85
|
}
|
|
54
86
|
}
|
package/dist/static-global.scss
CHANGED
|
@@ -389,6 +389,7 @@ export declare const getDefaultData: () => {
|
|
|
389
389
|
borderColor: CMSIBCommonInterface;
|
|
390
390
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
391
391
|
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
392
|
+
padding: any;
|
|
392
393
|
showShadow: CMSIBCommonInterface;
|
|
393
394
|
shadowColor: CMSIBCommonInterface;
|
|
394
395
|
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -445,6 +446,7 @@ export declare const getDefaultData: () => {
|
|
|
445
446
|
borderColor: CMSIBCommonInterface;
|
|
446
447
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
447
448
|
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
449
|
+
padding: any;
|
|
448
450
|
showShadow: CMSIBCommonInterface;
|
|
449
451
|
shadowColor: CMSIBCommonInterface;
|
|
450
452
|
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -62,6 +62,7 @@ export interface selfDesignInterface {
|
|
|
62
62
|
selectorKey: string;
|
|
63
63
|
repeaterWidget: any;
|
|
64
64
|
buttonStyle: any;
|
|
65
|
+
gridViewControlStyle: any;
|
|
65
66
|
}
|
|
66
67
|
export declare enum selfSelectorKeysEnum {
|
|
67
68
|
LAYOUT = "layout",
|
|
@@ -71,7 +72,10 @@ export declare enum selfSelectorKeysEnum {
|
|
|
71
72
|
DEFAULT_STATE = "defaultState",
|
|
72
73
|
HOVER_STATE = "hoverState",
|
|
73
74
|
SELECTED_STATE = "selectedState",
|
|
74
|
-
BUTTON_STYLE = "buttonStyle"
|
|
75
|
+
BUTTON_STYLE = "buttonStyle",
|
|
76
|
+
GRID_VIEW_CONTROL_STYLE = "gridViewControlStyle",
|
|
77
|
+
BUTTON = "button",
|
|
78
|
+
LAYOUT_STYLE = "layoutStyle"
|
|
75
79
|
}
|
|
76
80
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
77
81
|
export {};
|
|
@@ -64,6 +64,12 @@ export declare const getDefaultData: () => {
|
|
|
64
64
|
property: string;
|
|
65
65
|
propertyType: CMSElementEditTypes;
|
|
66
66
|
};
|
|
67
|
+
quotaDropdownSpacing: {
|
|
68
|
+
value: number;
|
|
69
|
+
unit: number;
|
|
70
|
+
property: string;
|
|
71
|
+
propertyType: CMSElementEditTypes;
|
|
72
|
+
};
|
|
67
73
|
quotaShowOtherItems: {
|
|
68
74
|
value: string;
|
|
69
75
|
property: string;
|
|
@@ -85,6 +91,12 @@ export declare const getDefaultData: () => {
|
|
|
85
91
|
property: string;
|
|
86
92
|
propertyType: CMSElementEditTypes;
|
|
87
93
|
};
|
|
94
|
+
allowanceDropdownSpacing: {
|
|
95
|
+
value: number;
|
|
96
|
+
unit: number;
|
|
97
|
+
property: string;
|
|
98
|
+
propertyType: CMSElementEditTypes;
|
|
99
|
+
};
|
|
88
100
|
itemSpacing: {
|
|
89
101
|
value: number;
|
|
90
102
|
unit: number;
|
package/dist/user-elements.scss
CHANGED
|
@@ -563,6 +563,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
563
563
|
flex-direction: column;
|
|
564
564
|
align-items: flex-start;
|
|
565
565
|
position: relative;
|
|
566
|
+
|
|
567
|
+
.secondary_vertical_scroll_wrapper {
|
|
568
|
+
flex-direction: column;
|
|
569
|
+
width: 100%;
|
|
570
|
+
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
571
|
+
|
|
572
|
+
.child {
|
|
573
|
+
width: 100%;
|
|
574
|
+
}
|
|
575
|
+
}
|
|
566
576
|
}
|
|
567
577
|
|
|
568
578
|
&[data-content-alignment="Horizontal"] {
|
|
@@ -705,7 +715,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
705
715
|
justify-content: space-between;
|
|
706
716
|
align-items: center;
|
|
707
717
|
width: 100%;
|
|
708
|
-
gap:
|
|
718
|
+
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
709
719
|
@media (max-width: 768px) {
|
|
710
720
|
flex-wrap: wrap;
|
|
711
721
|
}
|
|
@@ -729,12 +739,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
729
739
|
flex-direction: column;
|
|
730
740
|
align-items: flex-start;
|
|
731
741
|
}
|
|
732
|
-
.secondary_vertical_scroll_wrapper {
|
|
733
|
-
gap: calc(prepareMediaVariable(--_ctm-lt-im-sg) / 2);
|
|
734
|
-
.child {
|
|
735
|
-
height: 100%;
|
|
736
|
-
}
|
|
737
|
-
}
|
|
738
742
|
}
|
|
739
743
|
}
|
|
740
744
|
}
|
|
@@ -1021,7 +1025,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1021
1025
|
border-width: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-wh);
|
|
1022
1026
|
box-shadow: var(--_ctm-dn-qa-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-br)
|
|
1023
1027
|
var(--_ctm-dn-qa-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-cr);
|
|
1024
|
-
gap: prepareMediaVariable(--_ctm-lt-qa-
|
|
1028
|
+
gap: prepareMediaVariable(--_ctm-lt-qa-dn-sg);
|
|
1025
1029
|
.quota_label_wrapper {
|
|
1026
1030
|
display: flex;
|
|
1027
1031
|
flex-direction: column;
|
|
@@ -1236,7 +1240,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1236
1240
|
border-width: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-wh);
|
|
1237
1241
|
box-shadow: var(--_ctm-dn-ae-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-br)
|
|
1238
1242
|
var(--_ctm-dn-ae-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-cr);
|
|
1239
|
-
gap: prepareMediaVariable(--_ctm-lt-ae-
|
|
1243
|
+
gap: prepareMediaVariable(--_ctm-lt-ae-dn-sg);
|
|
1240
1244
|
.allowance_label_wrapper {
|
|
1241
1245
|
display: flex;
|
|
1242
1246
|
flex-direction: column;
|
|
@@ -1312,7 +1316,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1312
1316
|
display: flex;
|
|
1313
1317
|
justify-content: center;
|
|
1314
1318
|
align-items: center;
|
|
1315
|
-
color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-
|
|
1319
|
+
color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-cr);
|
|
1316
1320
|
font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-fy);
|
|
1317
1321
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se);
|
|
1318
1322
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se-ic);
|