@sc-360-v2/storefront-cms-library 0.3.63 → 0.3.64

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 (17) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-details.scss +57 -0
  3. package/dist/cart-summary.scss +1 -1
  4. package/dist/cartDropdownOverlay.scss +43 -8
  5. package/dist/checkbox-radio.scss +105 -0
  6. package/dist/image-for-product.scss +1 -1
  7. package/dist/modal.scss +50 -0
  8. package/dist/myTemplates.scss +345 -20
  9. package/dist/submit-quote.scss +81 -113
  10. package/dist/types/builder/enums/index.d.ts +3 -0
  11. package/dist/types/builder/tools/element-edit/index.d.ts +4 -1
  12. package/dist/types/builder/tools/element-edit/my-templates.d.ts +23 -0
  13. package/dist/types/builder/tools/element-edit/optionBar.d.ts +23 -0
  14. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +111 -50
  15. package/dist/types/builder/tools/element-edit/request-for-quote.d.ts +23 -0
  16. package/dist/widget.scss +3 -0
  17. package/package.json +1 -1
package/dist/submit-quote.scss CHANGED
@@ -1,34 +1,32 @@
1
1
  .submit-quote-main {
2
2
  display: flex;
3
- gap: 24px;
4
- padding: 32px;
5
- width: 100%;
6
- justify-content: space-between;
3
+ gap: 60px;
4
+ padding: 24px;
5
+ background-color: #f9f9f9;
7
6
 
8
7
  .quote-items {
9
8
  flex: 2;
10
- min-height: calc(100% - 61px);
11
- overflow-y: auto;
12
9
  }
13
10
 
14
11
  .quote-item {
15
- padding: 32px 0;
12
+ // padding: 32px 0;
16
13
  display: flex;
17
14
  gap: 24px;
18
- border-bottom: 1px dashed var(--_gray-400);
19
- padding-right: 10px;
20
- &:first-child {
21
- padding-top: 0;
15
+ &:not(:last-child) {
16
+ border-bottom: 1px dotted var(--_gray-400);
22
17
  }
23
- &:last-child {
24
- border-bottom: 0;
18
+ &:not(:last-child) {
19
+ padding-bottom: 12px;
20
+ }
21
+ &:not(:first-child) {
22
+ padding-top: 12px;
25
23
  }
26
24
 
27
25
  .quote-item__image {
28
26
  width: 120px;
29
27
  height: 120px;
30
28
  object-fit: cover;
31
- border-radius: 6px;
29
+ border-radius: 4px;
32
30
  background-color: #f0f0f0;
33
31
  }
34
32
 
@@ -38,73 +36,47 @@
38
36
  flex-direction: column;
39
37
 
40
38
  .quote-item__header {
41
- display: flex;
42
- flex-direction: column;
43
- // gap: 16px;
44
39
  margin-bottom: 16px;
45
40
  padding-bottom: 16px;
46
- border-bottom: 1px dashed var(--_gray-400);
47
- // align-items: center;
41
+ border-bottom: 1px dotted #d0d0d0;
48
42
 
49
43
  .quote-item__title {
50
44
  font-size: 16px;
51
- font-weight: 500;
52
- color: var(--_gray-900);
53
- &:after {
54
- width: 1px;
55
- height: 10px;
56
- background: var(--_gray-600);
57
- display: inline-block;
58
- content: "";
59
- margin-left: 16px;
60
- }
45
+ font-weight: 600;
46
+ color: #111;
61
47
  }
62
48
 
63
49
  .quote-item__meta {
64
50
  display: flex;
65
- gap: 6px;
51
+ gap: 10px;
66
52
  font-size: 14px;
67
- font-weight: 400;
68
- color: var(--_gray-600);
69
- // span {
70
- // &::after {
71
- // width: 1px;
72
- // height: 10px;
73
- // background: var(--_gray-600);
74
- // content: "";
75
- // display: inline-block;
76
- // margin-left: 6px;
77
- // }
78
- // &:last-child::after {
79
- // width: 0 !important;
80
- // margin: 0 !important;
81
- // }
82
- // }
53
+ color: var(--_gray-500);
83
54
  }
84
55
  }
85
56
 
86
57
  .quote-item__row {
87
58
  display: flex;
88
- gap: 8px;
59
+ gap: 16px;
89
60
  align-items: flex-start;
90
- white-space: nowrap;
91
61
 
92
62
  .field {
93
63
  display: flex;
94
64
  flex-direction: column;
95
65
  font-size: 14px;
66
+ &.price_column {
67
+ padding-right: 40px;
68
+ }
96
69
 
97
70
  label {
98
71
  margin-bottom: 6px;
99
72
  font-weight: 500;
100
- color: var(--_gray-700);
73
+ color: #333;
101
74
  }
102
75
 
103
76
  .value {
104
- font-weight: 700;
105
- font-size: 20px;
106
- line-height: 38px;
107
- color: var(--_gray-900);
77
+ font-weight: 600;
78
+ font-size: 16px;
79
+ color: #111;
108
80
  }
109
81
 
110
82
  input {
@@ -112,7 +84,7 @@
112
84
  padding: 8px 12px;
113
85
  font-size: 15px;
114
86
  border: 1px solid #ccc;
115
- border-radius: 6px;
87
+ border-radius: 4px;
116
88
  outline: none;
117
89
  width: 130px;
118
90
 
@@ -126,15 +98,21 @@
126
98
  display: flex;
127
99
  align-items: center;
128
100
  border: 1px solid #ccc;
129
- border-radius: 6px;
101
+ border-radius: 4px;
130
102
  overflow: hidden;
131
103
  width: 130px;
132
104
  height: 40px;
105
+ &:focus-within {
106
+ border: 1px solid var(--_primary-300);
107
+ outline: 2px solid var(--_primary-100);
108
+ }
133
109
 
134
110
  span {
135
111
  padding: 0 8px;
136
112
  font-size: 15px;
137
113
  color: var(--_gray-500);
114
+ display: flex;
115
+ align-items: center;
138
116
  }
139
117
 
140
118
  input {
@@ -142,6 +120,10 @@
142
120
  width: 100%;
143
121
  height: 100%;
144
122
  padding-left: 6px;
123
+ &:focus {
124
+ box-shadow: none;
125
+ outline: none;
126
+ }
145
127
  }
146
128
  }
147
129
  }
@@ -157,7 +139,6 @@
157
139
  .quote-total {
158
140
  display: flex;
159
141
  flex-direction: column;
160
- gap: 6px;
161
142
 
162
143
  > div {
163
144
  display: flex;
@@ -167,34 +148,30 @@
167
148
 
168
149
  .label {
169
150
  font-size: 14px;
170
- color: var(--_gray-700);
171
- line-height: 20px;
172
- font-weight: 500;
151
+ color: #444;
173
152
  }
174
153
 
175
154
  .amount {
176
155
  font-size: 18px;
177
156
  font-weight: 700;
178
- color: var(--_gray-900);
179
- line-height: 28px;
180
- min-width: 80px;
157
+ color: #111;
181
158
  }
182
159
  }
183
160
 
184
161
  small {
185
- font-size: 14px;
186
- font-weight: 400;
187
- line-height: 20px;
188
- color: var(--_gray-500);
162
+ font-size: 13px;
163
+ color: #888;
164
+ margin-top: 4px;
189
165
  }
166
+
190
167
  &.discounted {
191
168
  .label {
192
169
  color: #198754;
193
170
  }
194
171
 
195
- // .amount {
196
- // color: #198754;
197
- // }
172
+ .amount {
173
+ color: #198754;
174
+ }
198
175
  }
199
176
  }
200
177
  }
@@ -203,80 +180,60 @@
203
180
  }
204
181
 
205
182
  .quote-summary {
206
- // background: #f8f9fa;
207
- border: 1px solid #e3e3e3;
183
+ background: #f8f9fa;
184
+ border: 1px solid var(--_gray-300);
208
185
  border-radius: 4px;
209
- // padding: 24px;
210
186
  width: 100%;
211
187
  max-width: 400px;
212
-
213
- h3 {
214
- font-size: 16px;
215
- font-weight: 700;
216
- color: var(--_gray-900);
217
- background: #f5f5f5;
218
- line-height: 24px;
219
- padding: 12px;
220
- border-radius: 4px 4px 0 0;
221
- }
222
- .quote-summary-body {
223
- padding: 0 16px 16px 16px;
224
- }
188
+ overflow: hidden;
189
+ height: fit-content;
190
+ position: sticky;
191
+ top: 10px;
225
192
 
226
193
  &__row {
227
194
  display: flex;
228
195
  justify-content: space-between;
229
196
  align-items: center;
230
- padding: 16px 0;
231
- border-bottom: 1px dashed var(--_gray-400);
197
+ padding: 12px 0;
198
+ border-bottom: 1px dotted #ccc;
199
+
232
200
  .label {
233
201
  font-size: 14px;
234
- font-weight: 400;
235
- line-height: 20px;
236
- color: var(--_gray-500);
237
- }
238
- .label-quote {
239
- font-size: 16px;
240
- font-weight: 600;
241
- line-height: 24px;
242
- color: #1f1930;
202
+ color: #666;
243
203
  }
244
204
 
245
205
  .value {
246
- font-size: 14px;
206
+ font-size: 16px;
247
207
  font-weight: 500;
248
- color: var(--_gray-900);
249
- line-height: 20px;
208
+ color: #333;
250
209
 
251
210
  &.highlight {
252
211
  font-size: 20px;
253
212
  font-weight: 700;
254
- color: #1f1930;
213
+ color: #000;
255
214
  }
256
215
  }
257
216
 
258
217
  &--quoted {
259
- margin-bottom: 16px;
218
+ margin-bottom: 20px;
219
+ }
220
+ .label-quote {
221
+ font-weight: 600;
260
222
  }
261
223
  }
262
- .label-notes {
263
- margin-bottom: 6px;
264
- font-size: 14px;
265
- font-weight: 500;
266
- color: var(--_gray-700);
267
- display: inline-block;
268
- }
224
+
269
225
  &__notes {
270
226
  width: 100%;
271
227
  height: 100px;
272
228
  padding: 12px;
273
229
  border: 1px solid #ddd;
274
- border-radius: 6px;
230
+ border-radius: 4px;
275
231
  resize: none;
276
232
  font-size: 14px;
277
233
  font-family: inherit;
278
234
  margin-bottom: 20px;
279
235
  box-sizing: border-box;
236
+ margin-top: 6px;
280
237
 
281
238
  &::placeholder {
282
239
  color: #999;
@@ -284,14 +241,14 @@
284
241
 
285
242
  &:focus {
286
243
  outline: none;
287
- border-color: #1a40f2;
244
+ border-color: var(--_primary-500);
288
245
  }
289
246
  }
290
247
 
291
248
  &__button {
292
249
  width: 100%;
293
- padding: 12px;
294
- background-color: #1a40f2;
250
+ padding: 14px;
251
+ background-color: var(--_primary-400);
295
252
  color: #fff;
296
253
  font-size: 16px;
297
254
  font-weight: 600;
@@ -301,8 +258,19 @@
301
258
  transition: background-color 0.2s ease;
302
259
 
303
260
  &:hover {
304
- background-color: #1232c8;
261
+ background-color: var(--_primary-500);
305
262
  }
306
263
  }
264
+ & > h3 {
265
+ font-size: 16px;
266
+ font-weight: 700;
267
+ color: var(--_gray-900);
268
+ background-color: #f5f5f5;
269
+ padding: 12px;
270
+ border-bottom: 1px solid var(--_gray-300);
271
+ }
272
+ .quote-summary-body {
273
+ padding: 0px 16px 16px 16px;
274
+ }
307
275
  }
308
276
  }
package/dist/types/builder/enums/index.d.ts CHANGED
@@ -345,6 +345,9 @@ export declare const CMSElementsListEnum: {
345
345
  SHIPPING_PAYMENT: string;
346
346
  CATEGORY_GROUPS: string;
347
347
  CART_WRAPPER: string;
348
+ OPTION_BAR: string;
349
+ MY_TEMPLATES: string;
350
+ REQUEST_FOR_QUOTE: string;
348
351
  };
349
352
  export declare enum CMSResponsiveModeEnums {
350
353
  DESKTOP = "desktop",
package/dist/types/builder/tools/element-edit/index.d.ts CHANGED
@@ -106,4 +106,7 @@ import * as megaMenu from "./mega-menu";
106
106
  import * as megaMenuContainer from "./megaMenuContainer";
107
107
  import * as simpleList from "./simple-list";
108
108
  import * as cartWrapper from "./cart-wrapper";
109
- export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, shippingPayments, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, };
109
+ import * as optionBar from "./optionBar";
110
+ import * as myTemplates from "./my-templates";
111
+ import * as requestForQuote from "./request-for-quote";
112
+ export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, shippingPayments, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, };
package/dist/types/builder/tools/element-edit/my-templates.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
3
+ }
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ }
7
+ interface selfDesignInterface {
8
+ selectorKey: string;
9
+ [key: string]: any;
10
+ }
11
+ export declare enum SelectorKeysEnum {
12
+ LAYOUT = "layout",
13
+ CONTENT = "content",
14
+ DESIGN = "design",
15
+ TITLE = "title",
16
+ ALLOCATION = "allocation",
17
+ ALLOCATION_CARD = "allocationCard",
18
+ DIVIDER = "divider",
19
+ QUOTA_DETAILS = "quotaDetails",
20
+ DEFAULT_STATE = "defaultState"
21
+ }
22
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
23
+ export {};
package/dist/types/builder/tools/element-edit/optionBar.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
3
+ }
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ }
7
+ interface selfDesignInterface {
8
+ selectorKey: string;
9
+ [key: string]: any;
10
+ }
11
+ export declare enum SelectorKeysEnum {
12
+ LAYOUT = "layout",
13
+ CONTENT = "content",
14
+ DESIGN = "design",
15
+ TITLE = "title",
16
+ ALLOCATION = "allocation",
17
+ ALLOCATION_CARD = "allocationCard",
18
+ DIVIDER = "divider",
19
+ QUOTA_DETAILS = "quotaDetails",
20
+ DEFAULT_STATE = "defaultState"
21
+ }
22
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
23
+ export {};
package/dist/types/builder/tools/element-edit/quickLinks.d.ts CHANGED
@@ -17,7 +17,9 @@ export declare enum QuickLinksSelectorKeysEnum {
17
17
  QuickLinks_WIDGET = "quickLinksWidgetDesign",
18
18
  QUICK_LINKS_TEXT_LAYOUT = "quickLinksTextLayout",
19
19
  QUICK_LINKS_WIDGET_LAYOUT = "quickLinksWidgetLayout",
20
- TEXT_CONTAINER_DESIGN = "quickLinksTextContainerDesign"
20
+ TEXT_CONTAINER_DESIGN = "quickLinksTextContainerDesign",
21
+ ITEM_STYLE_DEFAULT_STYLE = "itemStyleDefault",
22
+ ITEM_STYLE_HOVER_STYLE = "itemStyleHoverState"
21
23
  }
22
24
  export interface SelectorKeys {
23
25
  LAYOUT: string;
@@ -364,58 +366,117 @@ export declare const getDefaultData: () => {
364
366
  };
365
367
  itemStyle: {
366
368
  selectorKey: QuickLinksSelectorKeysEnum;
367
- backgroundColor: CMSIBCommonInterface;
368
- cropRatio: CMSIBCommonInterface;
369
- zoomImage: CMSIBCommonInterface;
370
- flip: CMSIBCommonInterface;
371
- rotate: import("../../interfaces/global").CMSIBSizeInterface;
372
- theme: CMSIBCommonInterface;
373
- font: CMSIBCommonInterface;
374
- fontSize: import("../../interfaces/global").CMSIBSizeInterface;
375
- textColor: CMSIBCommonInterface;
376
- bold: CMSIBCommonInterface;
377
- italic: CMSIBCommonInterface;
378
- linethrough: CMSIBCommonInterface;
379
- underline: CMSIBCommonInterface;
380
- textAlign: CMSIBCommonInterface;
381
- characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
382
- lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
383
- showBorder: CMSIBCommonInterface;
384
- borderStyle: CMSIBCommonInterface;
385
- borderColor: CMSIBCommonInterface;
386
- borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
387
- borderRadius: import("../../interfaces/global").CSSPaddingValues;
388
- showShadow: CMSIBCommonInterface;
389
- shadowColor: CMSIBCommonInterface;
390
- angle: import("../../interfaces/global").CMSIBSizeInterface;
391
- spread: import("../../interfaces/global").CMSIBSizeInterface;
392
- blur: import("../../interfaces/global").CMSIBSizeInterface;
393
- showIcon: {
394
- value: boolean;
395
- property?: any;
396
- propertyType?: any;
397
- isReadOnly?: boolean | undefined;
398
- parentRef?: string | undefined;
399
- };
400
- iconSize: {
401
- value: string;
402
- propertyType: CMSElementEditTypes;
403
- unit: number;
404
- property: string;
369
+ defaultStyle: {
370
+ selectorKey: QuickLinksSelectorKeysEnum;
371
+ backgroundColor: CMSIBCommonInterface;
372
+ cropRatio: CMSIBCommonInterface;
373
+ zoomImage: CMSIBCommonInterface;
374
+ flip: CMSIBCommonInterface;
375
+ rotate: import("../../interfaces/global").CMSIBSizeInterface;
376
+ theme: CMSIBCommonInterface;
377
+ font: CMSIBCommonInterface;
378
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
379
+ textColor: CMSIBCommonInterface;
380
+ bold: CMSIBCommonInterface;
381
+ italic: CMSIBCommonInterface;
382
+ linethrough: CMSIBCommonInterface;
383
+ underline: CMSIBCommonInterface;
384
+ textAlign: CMSIBCommonInterface;
385
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
386
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
387
+ showBorder: CMSIBCommonInterface;
388
+ borderStyle: CMSIBCommonInterface;
389
+ borderColor: CMSIBCommonInterface;
390
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
391
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
392
+ showShadow: CMSIBCommonInterface;
393
+ shadowColor: CMSIBCommonInterface;
394
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
395
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
396
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
397
+ showIcon: {
398
+ value: boolean;
399
+ property?: any;
400
+ propertyType?: any;
401
+ isReadOnly?: boolean | undefined;
402
+ parentRef?: string | undefined;
403
+ };
404
+ iconSize: {
405
+ value: string;
406
+ propertyType: CMSElementEditTypes;
407
+ unit: number;
408
+ property: string;
409
+ };
410
+ iconColor: {
411
+ value: {
412
+ hex: string;
413
+ rgb: {
414
+ r: string;
415
+ g: string;
416
+ b: string;
417
+ a: number;
418
+ };
419
+ };
420
+ property: string;
421
+ propertyType: CMSElementEditTypes;
422
+ parentRef: string;
423
+ };
405
424
  };
406
- iconColor: {
407
- value: {
408
- hex: string;
409
- rgb: {
410
- r: string;
411
- g: string;
412
- b: string;
413
- a: number;
425
+ hoverStyle: {
426
+ selectorKey: QuickLinksSelectorKeysEnum;
427
+ backgroundColor: CMSIBCommonInterface;
428
+ cropRatio: CMSIBCommonInterface;
429
+ zoomImage: CMSIBCommonInterface;
430
+ flip: CMSIBCommonInterface;
431
+ rotate: import("../../interfaces/global").CMSIBSizeInterface;
432
+ theme: CMSIBCommonInterface;
433
+ font: CMSIBCommonInterface;
434
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
435
+ textColor: CMSIBCommonInterface;
436
+ bold: CMSIBCommonInterface;
437
+ italic: CMSIBCommonInterface;
438
+ linethrough: CMSIBCommonInterface;
439
+ underline: CMSIBCommonInterface;
440
+ textAlign: CMSIBCommonInterface;
441
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
442
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
443
+ showBorder: CMSIBCommonInterface;
444
+ borderStyle: CMSIBCommonInterface;
445
+ borderColor: CMSIBCommonInterface;
446
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
447
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
448
+ showShadow: CMSIBCommonInterface;
449
+ shadowColor: CMSIBCommonInterface;
450
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
451
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
452
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
453
+ showIcon: {
454
+ value: boolean;
455
+ property?: any;
456
+ propertyType?: any;
457
+ isReadOnly?: boolean | undefined;
458
+ parentRef?: string | undefined;
459
+ };
460
+ iconSize: {
461
+ value: string;
462
+ propertyType: CMSElementEditTypes;
463
+ unit: number;
464
+ property: string;
465
+ };
466
+ iconColor: {
467
+ value: {
468
+ hex: string;
469
+ rgb: {
470
+ r: string;
471
+ g: string;
472
+ b: string;
473
+ a: number;
474
+ };
414
475
  };
476
+ property: string;
477
+ propertyType: CMSElementEditTypes;
478
+ parentRef: string;
415
479
  };
416
- property: string;
417
- propertyType: CMSElementEditTypes;
418
- parentRef: string;
419
480
  };
420
481
  };
421
482
  quickLinksTextLayout: {
package/dist/types/builder/tools/element-edit/request-for-quote.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
3
+ }
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ }
7
+ interface selfDesignInterface {
8
+ selectorKey: string;
9
+ [key: string]: any;
10
+ }
11
+ export declare enum SelectorKeysEnum {
12
+ LAYOUT = "layout",
13
+ CONTENT = "content",
14
+ DESIGN = "design",
15
+ TITLE = "title",
16
+ ALLOCATION = "allocation",
17
+ ALLOCATION_CARD = "allocationCard",
18
+ DIVIDER = "divider",
19
+ QUOTA_DETAILS = "quotaDetails",
20
+ DEFAULT_STATE = "defaultState"
21
+ }
22
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
23
+ export {};
package/dist/widget.scss CHANGED
@@ -127,3 +127,6 @@
127
127
  @use "./mega-menu-container.scss";
128
128
  @use "./simple-list.scss";
129
129
  @use "./cart-wrapper.scss";
130
+ @use "./image-for-product.scss";
131
+ @use "./checkbox-radio.scss";
132
+ @use "./myTemplates.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.63",
3
+ "version": "0.3.64",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {