@sc-360-v2/storefront-cms-library 0.3.0 → 0.3.1

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 (43) hide show
  1. package/dist/amount-estimator.scss +291 -226
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +119 -64
  4. package/dist/bundleDetails.scss +808 -678
  5. package/dist/buyForHeaders.scss +94 -29
  6. package/dist/cart-details.scss +5 -3
  7. package/dist/cartDropdownOverlay.scss +0 -13
  8. package/dist/dropdownTemplate.scss +141 -0
  9. package/dist/faq.scss +20 -24
  10. package/dist/functions.scss +53 -18
  11. package/dist/item-stock.scss +38 -76
  12. package/dist/map.scss +35 -35
  13. package/dist/menu-item.scss +19 -0
  14. package/dist/modal.scss +328 -0
  15. package/dist/order-status.scss +483 -0
  16. package/dist/payment-methods.scss +71 -1
  17. package/dist/pickup-locations.scss +22 -19
  18. package/dist/product-basic-elements.scss +285 -132
  19. package/dist/product-options.scss +118 -76
  20. package/dist/quick-links.scss +186 -143
  21. package/dist/quick-order-pad.scss +26 -285
  22. package/dist/quotes.scss +9 -0
  23. package/dist/repeater-item.scss +1 -0
  24. package/dist/rfqs.scss +8 -0
  25. package/dist/section.scss +29 -78
  26. package/dist/stack.scss +16 -61
  27. package/dist/store-locations.scss +21 -20
  28. package/dist/table-common.scss +510 -0
  29. package/dist/text-temp-v2.scss +2 -0
  30. package/dist/types/builder/elements/bundle-details/index.d.ts +30 -0
  31. package/dist/types/builder/enums/index.d.ts +1 -0
  32. package/dist/types/builder/index.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +627 -10
  34. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +287 -4
  35. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +1 -1
  36. package/dist/types/builder/tools/element-edit/itemStock.d.ts +11 -0
  37. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +94 -1
  38. package/dist/uom-selector.scss +929 -1416
  39. package/dist/variant-picker.scss +613 -138
  40. package/dist/volume-pricing copy.scss +1092 -0
  41. package/dist/volume-pricing.scss +1007 -606
  42. package/dist/widget.scss +3 -0
  43. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts CHANGED
@@ -9,7 +9,16 @@ declare enum SelectorKeysEnum {
9
9
  SELECTED_STATE = "selected",
10
10
  BUY_FOR_TAB_CONTAINER = "buyFortabContainer",
11
11
  BUY_FOR_TAB_CONTENT_CONTAINER = "buyForTabContentContainer",
12
- BUY_FOR_TABS = "buyForTabs"
12
+ BUY_FOR_TABS = "buyForTabs",
13
+ BUY_FOR_PAGE_TITLE = "pageTitleStyles",
14
+ MANAGE_EMPLOYEES_LABEL_STYLES = "manageEmployeesLabelStyles",
15
+ SWITCH_EMPLOYEE_LABEL_STYLES = "switchEmployeeLabelStyles",
16
+ SWITCH_EMPLOYEE_OPTION_STYLES = "switchEmployeeOptionStyles",
17
+ EMPLOYEE_SECTON_STYLES = "employeeSectonStyles",
18
+ EMPLOYEE_NAME_STYLES = "employeeNameStyles",
19
+ EMPLOYEE_INFO_STYLES = "employeeInfoStyles",
20
+ EMPLOYEE_DETAIL_TITLE_STYLES = "employeeDetailTitleStyles",
21
+ EMPLOYEE_DETAIL_SUB_TITLE_STYLES = "employeeDetailSubTitleStyles"
13
22
  }
14
23
  export declare const getDefaultData: () => {
15
24
  layout: {
@@ -83,6 +92,207 @@ export declare const getDefaultData: () => {
83
92
  };
84
93
  design: {
85
94
  selectorKey: SelectorKeysEnum;
95
+ pageTitleStyles: {
96
+ fontSize: {
97
+ value: number;
98
+ unit: number;
99
+ property: string;
100
+ propertyType: CMSElementEditTypes;
101
+ parentRef: string;
102
+ };
103
+ theme: CMSIBCommonInterface;
104
+ font: CMSIBCommonInterface;
105
+ textColor: CMSIBCommonInterface;
106
+ bold: CMSIBCommonInterface;
107
+ italic: CMSIBCommonInterface;
108
+ linethrough: CMSIBCommonInterface;
109
+ underline: CMSIBCommonInterface;
110
+ textAlign: CMSIBCommonInterface;
111
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
112
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
113
+ selectorKey: SelectorKeysEnum;
114
+ };
115
+ manageEmployeesLabelStyles: {
116
+ fontSize: {
117
+ value: number;
118
+ unit: number;
119
+ property: string;
120
+ propertyType: CMSElementEditTypes;
121
+ parentRef: string;
122
+ };
123
+ textColor: {
124
+ value: {
125
+ hex: string;
126
+ rgb: {
127
+ r: string;
128
+ g: string;
129
+ b: string;
130
+ a: number;
131
+ };
132
+ };
133
+ property: string;
134
+ propertyType: CMSElementEditTypes;
135
+ parentRef: string;
136
+ };
137
+ theme: CMSIBCommonInterface;
138
+ font: CMSIBCommonInterface;
139
+ bold: CMSIBCommonInterface;
140
+ italic: CMSIBCommonInterface;
141
+ linethrough: CMSIBCommonInterface;
142
+ underline: CMSIBCommonInterface;
143
+ textAlign: CMSIBCommonInterface;
144
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
145
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
146
+ selectorKey: SelectorKeysEnum;
147
+ };
148
+ switchEmployeeLabelStyles: {
149
+ theme: CMSIBCommonInterface;
150
+ font: CMSIBCommonInterface;
151
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
152
+ textColor: CMSIBCommonInterface;
153
+ bold: CMSIBCommonInterface;
154
+ italic: CMSIBCommonInterface;
155
+ linethrough: CMSIBCommonInterface;
156
+ underline: CMSIBCommonInterface;
157
+ textAlign: CMSIBCommonInterface;
158
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
159
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
160
+ selectorKey: SelectorKeysEnum;
161
+ };
162
+ switchEmployeeOptionStyles: {
163
+ theme: CMSIBCommonInterface;
164
+ font: CMSIBCommonInterface;
165
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
166
+ textColor: CMSIBCommonInterface;
167
+ bold: CMSIBCommonInterface;
168
+ italic: CMSIBCommonInterface;
169
+ linethrough: CMSIBCommonInterface;
170
+ underline: CMSIBCommonInterface;
171
+ textAlign: CMSIBCommonInterface;
172
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
173
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
174
+ selectorKey: SelectorKeysEnum;
175
+ };
176
+ employeeSectonStyles: {
177
+ theme: CMSIBCommonInterface;
178
+ font: CMSIBCommonInterface;
179
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
180
+ textColor: CMSIBCommonInterface;
181
+ bold: CMSIBCommonInterface;
182
+ italic: CMSIBCommonInterface;
183
+ linethrough: CMSIBCommonInterface;
184
+ underline: CMSIBCommonInterface;
185
+ textAlign: CMSIBCommonInterface;
186
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
187
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
188
+ selectorKey: SelectorKeysEnum;
189
+ };
190
+ employeeNameStyles: {
191
+ fontSize: {
192
+ value: number;
193
+ unit: number;
194
+ property: string;
195
+ propertyType: CMSElementEditTypes;
196
+ parentRef: string;
197
+ };
198
+ theme: CMSIBCommonInterface;
199
+ font: CMSIBCommonInterface;
200
+ textColor: CMSIBCommonInterface;
201
+ bold: CMSIBCommonInterface;
202
+ italic: CMSIBCommonInterface;
203
+ linethrough: CMSIBCommonInterface;
204
+ underline: CMSIBCommonInterface;
205
+ textAlign: CMSIBCommonInterface;
206
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
207
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
208
+ selectorKey: SelectorKeysEnum;
209
+ };
210
+ employeeInfoStyles: {
211
+ fontSize: {
212
+ value: number;
213
+ unit: number;
214
+ property: string;
215
+ propertyType: CMSElementEditTypes;
216
+ parentRef: string;
217
+ };
218
+ theme: CMSIBCommonInterface;
219
+ font: CMSIBCommonInterface;
220
+ textColor: CMSIBCommonInterface;
221
+ bold: CMSIBCommonInterface;
222
+ italic: CMSIBCommonInterface;
223
+ linethrough: CMSIBCommonInterface;
224
+ underline: CMSIBCommonInterface;
225
+ textAlign: CMSIBCommonInterface;
226
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
227
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
228
+ selectorKey: SelectorKeysEnum;
229
+ };
230
+ employeeDetailTitleStyles: {
231
+ textColor: {
232
+ value: {
233
+ hex: string;
234
+ rgb: {
235
+ r: string;
236
+ g: string;
237
+ b: string;
238
+ a: number;
239
+ };
240
+ };
241
+ property: string;
242
+ propertyType: CMSElementEditTypes;
243
+ parentRef: string;
244
+ };
245
+ fontSize: {
246
+ value: number;
247
+ unit: number;
248
+ property: string;
249
+ propertyType: CMSElementEditTypes;
250
+ parentRef: string;
251
+ };
252
+ theme: CMSIBCommonInterface;
253
+ font: CMSIBCommonInterface;
254
+ bold: CMSIBCommonInterface;
255
+ italic: CMSIBCommonInterface;
256
+ linethrough: CMSIBCommonInterface;
257
+ underline: CMSIBCommonInterface;
258
+ textAlign: CMSIBCommonInterface;
259
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
260
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
261
+ selectorKey: SelectorKeysEnum;
262
+ };
263
+ employeeDetailSubTitleStyles: {
264
+ fontSize: {
265
+ value: number;
266
+ unit: number;
267
+ property: string;
268
+ propertyType: CMSElementEditTypes;
269
+ parentRef: string;
270
+ };
271
+ textColor: {
272
+ value: {
273
+ hex: string;
274
+ rgb: {
275
+ r: string;
276
+ g: string;
277
+ b: string;
278
+ a: number;
279
+ };
280
+ };
281
+ property: string;
282
+ propertyType: CMSElementEditTypes;
283
+ parentRef: string;
284
+ };
285
+ theme: CMSIBCommonInterface;
286
+ font: CMSIBCommonInterface;
287
+ bold: CMSIBCommonInterface;
288
+ italic: CMSIBCommonInterface;
289
+ linethrough: CMSIBCommonInterface;
290
+ underline: CMSIBCommonInterface;
291
+ textAlign: CMSIBCommonInterface;
292
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
293
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
294
+ selectorKey: SelectorKeysEnum;
295
+ };
86
296
  tabContainer: {
87
297
  borderColor: CMSIBCommonInterface;
88
298
  borderStyle: CMSIBCommonInterface;
@@ -105,9 +315,15 @@ export declare const getDefaultData: () => {
105
315
  tabs: {
106
316
  selectorKey: SelectorKeysEnum;
107
317
  defaultState: {
318
+ fontSize: {
319
+ value: number;
320
+ unit: number;
321
+ property: string;
322
+ propertyType: CMSElementEditTypes;
323
+ parentRef: string;
324
+ };
108
325
  theme: CMSIBCommonInterface;
109
326
  font: CMSIBCommonInterface;
110
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
111
327
  textColor: CMSIBCommonInterface;
112
328
  bold: CMSIBCommonInterface;
113
329
  italic: CMSIBCommonInterface;
@@ -135,9 +351,15 @@ export declare const getDefaultData: () => {
135
351
  selectorKey: SelectorKeysEnum;
136
352
  };
137
353
  hoverState: {
354
+ fontSize: {
355
+ value: number;
356
+ unit: number;
357
+ property: string;
358
+ propertyType: CMSElementEditTypes;
359
+ parentRef: string;
360
+ };
138
361
  theme: CMSIBCommonInterface;
139
362
  font: CMSIBCommonInterface;
140
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
141
363
  textColor: CMSIBCommonInterface;
142
364
  bold: CMSIBCommonInterface;
143
365
  italic: CMSIBCommonInterface;
@@ -165,9 +387,15 @@ export declare const getDefaultData: () => {
165
387
  selectorKey: SelectorKeysEnum;
166
388
  };
167
389
  selectedState: {
390
+ fontSize: {
391
+ value: number;
392
+ unit: number;
393
+ property: string;
394
+ propertyType: CMSElementEditTypes;
395
+ parentRef: string;
396
+ };
168
397
  theme: CMSIBCommonInterface;
169
398
  font: CMSIBCommonInterface;
170
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
171
399
  textColor: CMSIBCommonInterface;
172
400
  bold: CMSIBCommonInterface;
173
401
  italic: CMSIBCommonInterface;
@@ -210,6 +438,61 @@ export declare const getDefaultData: () => {
210
438
  property: string;
211
439
  propertyType: CMSElementEditTypes;
212
440
  };
441
+ buyforPageTitle: {
442
+ value: string;
443
+ property: string;
444
+ propertyType: CMSElementEditTypes;
445
+ };
446
+ showManageEmployees: {
447
+ value: boolean;
448
+ property: string;
449
+ propertyType: CMSElementEditTypes;
450
+ };
451
+ manageEmployeesLabel: {
452
+ value: string;
453
+ property: string;
454
+ propertyType: CMSElementEditTypes;
455
+ };
456
+ switchEmployeeLabel: {
457
+ value: string;
458
+ property: string;
459
+ propertyType: CMSElementEditTypes;
460
+ };
461
+ showEmployeeId: {
462
+ value: boolean;
463
+ property: string;
464
+ propertyType: CMSElementEditTypes;
465
+ };
466
+ showEmployeeMail: {
467
+ value: boolean;
468
+ property: string;
469
+ propertyType: CMSElementEditTypes;
470
+ };
471
+ showEmployeePhoneNumber: {
472
+ value: boolean;
473
+ property: string;
474
+ propertyType: CMSElementEditTypes;
475
+ };
476
+ showEmployeeShippingAddress: {
477
+ value: boolean;
478
+ property: string;
479
+ propertyType: CMSElementEditTypes;
480
+ };
481
+ showEmployeeShippingMethod: {
482
+ value: boolean;
483
+ property: string;
484
+ propertyType: CMSElementEditTypes;
485
+ };
486
+ showEmployeeBillingAddress: {
487
+ value: boolean;
488
+ property: string;
489
+ propertyType: CMSElementEditTypes;
490
+ };
491
+ showEmployeePaymentMethods: {
492
+ value: boolean;
493
+ property: string;
494
+ propertyType: CMSElementEditTypes;
495
+ };
213
496
  };
214
497
  };
215
498
  export {};
package/dist/types/builder/tools/element-edit/cartDetails.d.ts CHANGED
@@ -330,7 +330,7 @@ export declare const getDefaultData: () => {
330
330
  property: string;
331
331
  propertyType: CMSElementEditTypes;
332
332
  };
333
- showCartItemAttribute: {
333
+ showCartItemAttributes: {
334
334
  value: boolean;
335
335
  property: string;
336
336
  propertyType: CMSElementEditTypes;
package/dist/types/builder/tools/element-edit/itemStock.d.ts CHANGED
@@ -22,6 +22,17 @@ export interface selfDesignInterface {
22
22
  textAlign: CMSIBCommonInterface;
23
23
  characterSpacing: CMSIBCommonInterface;
24
24
  lineHeight: CMSIBCommonInterface;
25
+ backgroundColor: CMSIBCommonInterface;
26
+ borderColor: CMSIBCommonInterface;
27
+ borderStyle: CMSIBCommonInterface;
28
+ borderPerSlide: CMSIBCommonInterface;
29
+ showBorder: CMSIBCommonInterface;
30
+ showShadow: CMSIBCommonInterface;
31
+ shadowColor: CMSIBCommonInterface;
32
+ blur: CMSIBCommonInterface;
33
+ spread: CMSIBCommonInterface;
34
+ angle: CMSIBCommonInterface;
35
+ borderRadius: CMSIBCommonInterface;
25
36
  };
26
37
  }
27
38
  export declare enum itemStockSelectorKeysEnum {
package/dist/types/builder/tools/element-edit/paymentMethods.d.ts CHANGED
@@ -29,12 +29,105 @@ interface selfLayoutInterface {
29
29
  }
30
30
  interface selfDesignInterface {
31
31
  selectorKey: string;
32
+ paymentMethodWidget: {
33
+ selectorKey: string;
34
+ backgroundColor: CMSIBCommonInterface;
35
+ borderColor: CMSIBCommonInterface;
36
+ borderStyle: CMSIBCommonInterface;
37
+ borderPerSlide: CMSIBCommonInterface;
38
+ showBorder: CMSIBCommonInterface;
39
+ showShadow: CMSIBCommonInterface;
40
+ shadowColor: CMSIBCommonInterface;
41
+ blur: CMSIBCommonInterface;
42
+ spread: CMSIBCommonInterface;
43
+ angle: CMSIBCommonInterface;
44
+ borderRadius: CMSIBCommonInterface;
45
+ };
46
+ paymentMethodTitle: {
47
+ selectorKey: string;
48
+ backgroundColor: CMSIBCommonInterface;
49
+ borderColor: CMSIBCommonInterface;
50
+ borderStyle: CMSIBCommonInterface;
51
+ borderPerSlide: CMSIBCommonInterface;
52
+ showBorder: CMSIBCommonInterface;
53
+ showShadow: CMSIBCommonInterface;
54
+ shadowColor: CMSIBCommonInterface;
55
+ blur: CMSIBCommonInterface;
56
+ spread: CMSIBCommonInterface;
57
+ angle: CMSIBCommonInterface;
58
+ borderRadius: CMSIBCommonInterface;
59
+ theme: CMSIBCommonInterface;
60
+ font: CMSIBCommonInterface;
61
+ fontSize: CMSIBCommonInterface;
62
+ textColor: CMSIBCommonInterface;
63
+ bold: CMSIBCommonInterface;
64
+ italic: CMSIBCommonInterface;
65
+ linethrough: CMSIBCommonInterface;
66
+ underline: CMSIBCommonInterface;
67
+ textAlign: CMSIBCommonInterface;
68
+ characterSpacing: CMSIBCommonInterface;
69
+ lineHeight: CMSIBCommonInterface;
70
+ };
71
+ paymentMethodDescription: {
72
+ selectorKey: string;
73
+ backgroundColor: CMSIBCommonInterface;
74
+ borderColor: CMSIBCommonInterface;
75
+ borderStyle: CMSIBCommonInterface;
76
+ borderPerSlide: CMSIBCommonInterface;
77
+ showBorder: CMSIBCommonInterface;
78
+ showShadow: CMSIBCommonInterface;
79
+ shadowColor: CMSIBCommonInterface;
80
+ blur: CMSIBCommonInterface;
81
+ spread: CMSIBCommonInterface;
82
+ angle: CMSIBCommonInterface;
83
+ borderRadius: CMSIBCommonInterface;
84
+ theme: CMSIBCommonInterface;
85
+ font: CMSIBCommonInterface;
86
+ fontSize: CMSIBCommonInterface;
87
+ textColor: CMSIBCommonInterface;
88
+ bold: CMSIBCommonInterface;
89
+ italic: CMSIBCommonInterface;
90
+ linethrough: CMSIBCommonInterface;
91
+ underline: CMSIBCommonInterface;
92
+ textAlign: CMSIBCommonInterface;
93
+ characterSpacing: CMSIBCommonInterface;
94
+ lineHeight: CMSIBCommonInterface;
95
+ };
96
+ paymentMethodContainerDesign: {
97
+ selectorKey: string;
98
+ backgroundColor: CMSIBCommonInterface;
99
+ borderColor: CMSIBCommonInterface;
100
+ borderStyle: CMSIBCommonInterface;
101
+ borderPerSlide: CMSIBCommonInterface;
102
+ showBorder: CMSIBCommonInterface;
103
+ showShadow: CMSIBCommonInterface;
104
+ shadowColor: CMSIBCommonInterface;
105
+ blur: CMSIBCommonInterface;
106
+ spread: CMSIBCommonInterface;
107
+ angle: CMSIBCommonInterface;
108
+ borderRadius: CMSIBCommonInterface;
109
+ theme: CMSIBCommonInterface;
110
+ font: CMSIBCommonInterface;
111
+ fontSize: CMSIBCommonInterface;
112
+ textColor: CMSIBCommonInterface;
113
+ bold: CMSIBCommonInterface;
114
+ italic: CMSIBCommonInterface;
115
+ linethrough: CMSIBCommonInterface;
116
+ underline: CMSIBCommonInterface;
117
+ textAlign: CMSIBCommonInterface;
118
+ characterSpacing: CMSIBCommonInterface;
119
+ lineHeight: CMSIBCommonInterface;
120
+ };
32
121
  }
33
122
  export declare enum PaymentMethodSelectorKeysEnum {
34
123
  LAYOUT = "layout",
35
124
  CONTENT = "content",
36
125
  DESIGN = "design",
37
- DATA_CONNECTOR = "dataConnector"
126
+ DATA_CONNECTOR = "dataConnector",
127
+ PAYMENTMETHOD_WIDGET = "PaymentMethodWidget",
128
+ PAYMENTMETHOD_TITLE = "PaymentMethodTitle",
129
+ PAYMENTMETHOD_DESCRIPTION = "PaymentMethodDescription",
130
+ PAYMENTMETHOD__CONTAINER_DESIGN = "PaymentMethodContainerDesign"
38
131
  }
39
132
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
40
133
  export {};