@sc-360-v2/storefront-cms-library 0.5.27 → 0.5.28
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/cart.scss +16 -2
- package/dist/checkout.scss +306 -1
- package/dist/faq.scss +574 -564
- package/dist/line.scss +9 -7
- package/dist/types/builder/tools/element-edit/designInstance.d.ts +13 -0
- package/dist/types/builder/tools/element-edit/variantPicker.d.ts +31 -1
- package/dist/variant-picker.scss +1050 -126
- package/package.json +1 -1
package/dist/line.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "./functions.scss" as *;
|
|
2
|
+
|
|
1
3
|
[data-div-type="element"][data-element-type="line"] {
|
|
2
4
|
// width: 100%;
|
|
3
5
|
width: var(
|
|
@@ -19,7 +21,7 @@
|
|
|
19
21
|
.wrapper {
|
|
20
22
|
width: 100%;
|
|
21
23
|
// height: 100%;
|
|
22
|
-
height:
|
|
24
|
+
height: prepareMediaVariable(--_ctm-lt-ht);
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
.line__container {
|
|
@@ -85,7 +87,7 @@
|
|
|
85
87
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
86
88
|
// border-top: var(--_ctm-lt-le-ts) solid var(--_ctm-dn-le-cr-ud);
|
|
87
89
|
}
|
|
88
|
-
|
|
90
|
+
|
|
89
91
|
&[data-line-style="solid"] .line__core {
|
|
90
92
|
border-top-style: solid;
|
|
91
93
|
border-width: var(--_ctm-lt-le-ts);
|
|
@@ -97,7 +99,7 @@
|
|
|
97
99
|
border-width: var(--_ctm-lt-le-ts);
|
|
98
100
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
99
101
|
}
|
|
100
|
-
|
|
102
|
+
&[data-line-style="dashed"] .line__core {
|
|
101
103
|
border-top-style: dashed;
|
|
102
104
|
border-width: var(--_ctm-lt-le-ts);
|
|
103
105
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
@@ -176,25 +178,25 @@
|
|
|
176
178
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
177
179
|
// border-left: var(--_ctm-lt-le-ts) solid var(--_ctm-dn-le-cr-ud);
|
|
178
180
|
}
|
|
179
|
-
|
|
181
|
+
|
|
180
182
|
&[data-line-style="solid"] .line__core {
|
|
181
183
|
border-left-style: solid;
|
|
182
184
|
border-width: var(--_ctm-lt-le-ts);
|
|
183
185
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
184
186
|
}
|
|
185
|
-
|
|
187
|
+
|
|
186
188
|
&[data-line-style="dotted"] .line__core {
|
|
187
189
|
border-left-style: dotted;
|
|
188
190
|
border-width: var(--_ctm-lt-le-ts);
|
|
189
191
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
190
192
|
}
|
|
191
|
-
|
|
193
|
+
&[data-line-style="dashed"] .line__core {
|
|
192
194
|
border-left-style: dashed;
|
|
193
195
|
border-width: var(--_ctm-lt-le-ts);
|
|
194
196
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
195
197
|
}
|
|
196
198
|
&[data-line-style="double"] .line__core {
|
|
197
|
-
|
|
199
|
+
border-left-style: double;
|
|
198
200
|
border-width: var(--_ctm-lt-le-ts);
|
|
199
201
|
border-color: var(--_ctm-dn-le-cr-bd-cr);
|
|
200
202
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const designProperty: {
|
|
2
|
+
borderColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
3
|
+
borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
|
|
4
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
5
|
+
showBorder: import("../../interfaces/global").CMSIBCommonInterface;
|
|
6
|
+
backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
7
|
+
showShadow: import("../../interfaces/global").CMSIBCommonInterface;
|
|
8
|
+
shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
|
|
9
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
10
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
11
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
12
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
13
|
+
};
|
|
@@ -14,6 +14,9 @@ interface selfLayoutInterface {
|
|
|
14
14
|
allowUserToSearch: CMSIBCommonInterface;
|
|
15
15
|
allowUserToFilter: CMSIBCommonInterface;
|
|
16
16
|
itemSpacing: CMSIBCommonInterface;
|
|
17
|
+
enableGroupView: CMSIBCommonInterface;
|
|
18
|
+
groupViewType: CMSIBCommonInterface;
|
|
19
|
+
itemsPerSlide: CMSIBCommonInterface;
|
|
17
20
|
swatchTypeDisplayStyle: {
|
|
18
21
|
selectorKey: string;
|
|
19
22
|
displayValues: CMSIBCommonInterface;
|
|
@@ -187,6 +190,21 @@ export declare const ControlsInstances: {
|
|
|
187
190
|
property: string;
|
|
188
191
|
propertyType: CMSElementEditTypes;
|
|
189
192
|
};
|
|
193
|
+
enableGroupView: {
|
|
194
|
+
value: boolean;
|
|
195
|
+
property: string;
|
|
196
|
+
propertyType: CMSElementEditTypes;
|
|
197
|
+
};
|
|
198
|
+
groupViewType: {
|
|
199
|
+
value: string;
|
|
200
|
+
property: string;
|
|
201
|
+
propertyType: CMSElementEditTypes;
|
|
202
|
+
};
|
|
203
|
+
itemsPerSlide: {
|
|
204
|
+
value: string;
|
|
205
|
+
property: string;
|
|
206
|
+
propertyType: CMSElementEditTypes;
|
|
207
|
+
};
|
|
190
208
|
itemSize: {
|
|
191
209
|
value: number;
|
|
192
210
|
property: string;
|
|
@@ -1119,6 +1137,10 @@ interface selfDesignInterface {
|
|
|
1119
1137
|
selectorKey: string;
|
|
1120
1138
|
[key: string]: any;
|
|
1121
1139
|
};
|
|
1140
|
+
optionValueGroup: {
|
|
1141
|
+
selectorKey: string;
|
|
1142
|
+
[key: string]: any;
|
|
1143
|
+
};
|
|
1122
1144
|
[key: string]: any;
|
|
1123
1145
|
}
|
|
1124
1146
|
export declare enum SelfEnums {
|
|
@@ -1164,7 +1186,15 @@ export declare enum SelfEnums {
|
|
|
1164
1186
|
NO_OF_VARIENTS_AVAILABLE = "noOfVariantsAvailable",
|
|
1165
1187
|
OPTION_VALUE_PRICE = "optionValuePrice",
|
|
1166
1188
|
AVAILABLE_INVENTORY = "availableInventory",
|
|
1167
|
-
ADDED_ITEMS_TOTAL = "addedItemsTotal"
|
|
1189
|
+
ADDED_ITEMS_TOTAL = "addedItemsTotal",
|
|
1190
|
+
OPTION_VALUE_GROUP = "optionValueGroup",
|
|
1191
|
+
GROUP_TAB = "groupTab",
|
|
1192
|
+
WIDGET = "widget",
|
|
1193
|
+
RIBBON = "ribbon",
|
|
1194
|
+
POPOVER_STYLE = "popoverStyle",
|
|
1195
|
+
DETAILS_CARD = "detailsCard",
|
|
1196
|
+
SELECTED_VALUE = "selectedValue",
|
|
1197
|
+
SCROLLER_ARROW = "scrollerArrow"
|
|
1168
1198
|
}
|
|
1169
1199
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
1170
1200
|
export {};
|