@sc-360-v2/storefront-cms-library 0.3.38 → 0.3.40

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 (42) hide show
  1. package/dist/add-products-tab.scss +388 -0
  2. package/dist/badge.scss +84 -82
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-order-pad.scss +29 -34
  5. package/dist/buyForHeaders.scss +120 -2
  6. package/dist/buyForPopup.scss +41 -7
  7. package/dist/cart-details.scss +62 -65
  8. package/dist/cart-products-sidebar.scss +113 -83
  9. package/dist/cartAttributes.scss +277 -183
  10. package/dist/cartDropdownOverlay.scss +55 -27
  11. package/dist/checkout.scss +1017 -640
  12. package/dist/customization-tree.scss +42 -10
  13. package/dist/dropdownTemplate.scss +35 -25
  14. package/dist/employee-bulk-order.scss +219 -47
  15. package/dist/empty-states.scss +66 -66
  16. package/dist/functions.js +1 -1
  17. package/dist/functions.scss +7 -5
  18. package/dist/icons.js +1 -1
  19. package/dist/index.js +1 -1
  20. package/dist/item-stock.scss +27 -28
  21. package/dist/menu-v2.scss +2 -2
  22. package/dist/modal.scss +128 -75
  23. package/dist/past-orders.scss +272 -258
  24. package/dist/payment-methods.scss +70 -71
  25. package/dist/prefix-list.scss +1 -0
  26. package/dist/product-actions.scss +68 -68
  27. package/dist/product-sizechart.scss +13 -13
  28. package/dist/quick-links.scss +47 -48
  29. package/dist/quick-order-pad.scss +51 -51
  30. package/dist/quotes.scss +118 -116
  31. package/dist/review-cart.scss +196 -0
  32. package/dist/rfqs.scss +118 -116
  33. package/dist/types/builder/elements/add-products-tab/index.d.ts +46 -0
  34. package/dist/types/builder/enums/index.d.ts +2 -0
  35. package/dist/types/builder/index.d.ts +2 -1
  36. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +542 -0
  37. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1747 -38
  38. package/dist/types/builder/tools/element-edit/checkout.d.ts +793 -254
  39. package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
  40. package/dist/video.scss +16 -7
  41. package/dist/widget.scss +2 -0
  42. package/package.json +1 -1
package/dist/rfqs.scss CHANGED
@@ -1,8 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @function ctm-var($base) {
4
- @return unquote("var(--_ctm-mob-#{$base}, var(--_ctm-tab-#{$base}, var(--_ctm-#{$base})))");
5
- }
3
+ @use "./functions.scss" as *;
6
4
 
7
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
8
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -50,22 +48,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
50
48
  // border: 1px solid var(--_primary-100);
51
49
  // background: #fff;
52
50
  width: 349px;
53
- font-family: ctm-var(dn-wt-se-ft-fy);
54
- font-size: ctm-var(dn-wt-se-ft-se);
55
- color: ctm-var(dn-wt-se-cr);
56
- font-weight: ctm-var(dn-wt-se-ft-wt);
57
- font-style: ctm-var(dn-wt-se-ft-se-ic);
58
- text-decoration: ctm-var(dn-wt-se-ue);
59
- text-align: ctm-var(dn-wt-se-tt-an);
60
- letter-spacing: ctm-var(dn-wt-se-lr-sg);
61
- line-height: ctm-var(dn-wt-se-le-ht);
62
- background-color: ctm-var(dn-wt-se-bd-cr);
63
- border-width: ctm-var(dn-wt-se-br-wh);
64
- border-color: ctm-var(dn-wt-se-br-cr);
65
- border-style: ctm-var(dn-wt-se-br-se);
66
- border-radius: ctm-var(dn-wt-se-br-rs);
67
- box-shadow: ctm-var(dn-wt-se-sw-ae) ctm-var(dn-wt-se-sw-br) ctm-var(dn-wt-se-sw-sd)
68
- ctm-var(dn-wt-se-sw-cr);
51
+ font-family: prepareMediaVariable(dn-wt-se-ft-fy);
52
+ font-size: prepareMediaVariable(dn-wt-se-ft-se);
53
+ color: prepareMediaVariable(dn-wt-se-cr);
54
+ font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
55
+ font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
56
+ text-decoration: prepareMediaVariable(dn-wt-se-ue);
57
+ text-align: prepareMediaVariable(dn-wt-se-tt-an);
58
+ letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
59
+ line-height: prepareMediaVariable(dn-wt-se-le-ht);
60
+ background-color: prepareMediaVariable(dn-wt-se-bd-cr);
61
+ border-width: prepareMediaVariable(dn-wt-se-br-wh);
62
+ border-color: prepareMediaVariable(dn-wt-se-br-cr);
63
+ border-style: prepareMediaVariable(dn-wt-se-br-se);
64
+ border-radius: prepareMediaVariable(dn-wt-se-br-rs);
65
+ box-shadow: prepareMediaVariable(dn-wt-se-sw-ae) prepareMediaVariable(dn-wt-se-sw-br)
66
+ prepareMediaVariable(dn-wt-se-sw-sd) prepareMediaVariable(dn-wt-se-sw-cr);
69
67
  .rfqs_card {
70
68
  display: flex;
71
69
  flex-direction: column;
@@ -85,15 +83,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
85
83
  // font-size: 20px;
86
84
  // font-weight: 600;
87
85
  // line-height: 30px;
88
- font-family: ctm-var(dn-wt-se-ft-fy);
89
- font-size: ctm-var(dn-wt-se-ft-se);
90
- color: ctm-var(dn-wt-se-cr);
91
- font-weight: ctm-var(dn-wt-se-ft-wt);
92
- font-style: ctm-var(dn-wt-se-ft-se-ic);
93
- text-decoration: ctm-var(dn-wt-se-ue);
94
- text-align: ctm-var(dn-wt-se-tt-an);
95
- letter-spacing: ctm-var(dn-wt-se-lr-sg);
96
- line-height: ctm-var(dn-wt-se-le-ht);
86
+ font-family: prepareMediaVariable(dn-wt-se-ft-fy);
87
+ font-size: prepareMediaVariable(dn-wt-se-ft-se);
88
+ color: prepareMediaVariable(dn-wt-se-cr);
89
+ font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
90
+ font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
91
+ text-decoration: prepareMediaVariable(dn-wt-se-ue);
92
+ text-align: prepareMediaVariable(dn-wt-se-tt-an);
93
+ letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
94
+ line-height: prepareMediaVariable(dn-wt-se-le-ht);
97
95
  }
98
96
  }
99
97
 
@@ -105,13 +103,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
105
103
  align-self: stretch;
106
104
  //border-radius: 0px 0px 6px 6px;
107
105
 
108
- background-color: ctm-var(dn-im-se-bd-cr);
109
- border-width: ctm-var(dn-im-se-br-wh);
110
- border-color: ctm-var(dn-im-se-br-cr);
111
- border-style: ctm-var(dn-im-se-br-se);
112
- border-radius: ctm-var(dn-im-se-br-rs);
113
- box-shadow: ctm-var(dn-im-se-sw-ae) ctm-var(dn-im-se-sw-br) ctm-var(dn-im-se-sw-sd)
114
- ctm-var(dn-im-se-sw-cr);
106
+ background-color: prepareMediaVariable(dn-im-se-bd-cr);
107
+ border-width: prepareMediaVariable(dn-im-se-br-wh);
108
+ border-color: prepareMediaVariable(dn-im-se-br-cr);
109
+ border-style: prepareMediaVariable(dn-im-se-br-se);
110
+ border-radius: prepareMediaVariable(dn-im-se-br-rs);
111
+ box-shadow: prepareMediaVariable(dn-im-se-sw-ae) prepareMediaVariable(dn-im-se-sw-br)
112
+ prepareMediaVariable(dn-im-se-sw-sd) prepareMediaVariable(dn-im-se-sw-cr);
115
113
 
116
114
  .content {
117
115
  display: flex;
@@ -122,15 +120,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
122
120
  gap: 12px;
123
121
  flex: 1 0 0;
124
122
  align-self: stretch;
125
- font-family: ctm-var(dn-im-se-ft-fy);
126
- font-size: ctm-var(dn-im-se-ft-se);
127
- color: ctm-var(dn-im-se-cr);
128
- font-weight: ctm-var(dn-im-se-ft-wt);
129
- font-style: ctm-var(dn-im-se-ft-se-ic);
130
- text-decoration: ctm-var(dn-im-se-ue);
131
- text-align: ctm-var(dn-im-se-tt-an);
132
- letter-spacing: ctm-var(dn-im-se-lr-sg);
133
- line-height: ctm-var(dn-im-se-le-ht);
123
+ font-family: prepareMediaVariable(dn-im-se-ft-fy);
124
+ font-size: prepareMediaVariable(dn-im-se-ft-se);
125
+ color: prepareMediaVariable(dn-im-se-cr);
126
+ font-weight: prepareMediaVariable(dn-im-se-ft-wt);
127
+ font-style: prepareMediaVariable(dn-im-se-ft-se-ic);
128
+ text-decoration: prepareMediaVariable(dn-im-se-ue);
129
+ text-align: prepareMediaVariable(dn-im-se-tt-an);
130
+ letter-spacing: prepareMediaVariable(dn-im-se-lr-sg);
131
+ line-height: prepareMediaVariable(dn-im-se-le-ht);
134
132
 
135
133
  .metric_wrapper {
136
134
  display: flex;
@@ -145,22 +143,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
145
143
  // font-size: 14px;
146
144
  // font-weight: 600;
147
145
  // line-height: 20px;
148
- font-family: ctm-var(dn-rq-id-ft-fy);
149
- font-size: ctm-var(dn-rq-id-ft-se);
150
- color: ctm-var(dn-rq-id-cr);
151
- font-weight: ctm-var(dn-rq-id-ft-wt);
152
- font-style: ctm-var(dn-rq-id-ft-se-ic);
153
- text-decoration: ctm-var(dn-rq-id-ue);
154
- text-align: ctm-var(dn-rq-id-tt-an);
155
- letter-spacing: ctm-var(dn-rq-id-lr-sg);
156
- line-height: ctm-var(dn-rq-id-le-ht);
157
- background-color: ctm-var(dn-rq-id-bd-cr);
158
- border-width: ctm-var(dn-rq-id-br-wh);
159
- border-color: ctm-var(dn-rq-id-br-cr);
160
- border-style: ctm-var(dn-rq-id-br-se);
161
- border-radius: ctm-var(dn-rq-id-br-rs);
162
- box-shadow: ctm-var(dn-rq-id-sw-ae) ctm-var(dn-rq-id-sw-br) ctm-var(dn-rq-id-sw-sd)
163
- ctm-var(dn-rq-id-sw-cr);
146
+ font-family: prepareMediaVariable(dn-rq-id-ft-fy);
147
+ font-size: prepareMediaVariable(dn-rq-id-ft-se);
148
+ color: prepareMediaVariable(dn-rq-id-cr);
149
+ font-weight: prepareMediaVariable(dn-rq-id-ft-wt);
150
+ font-style: prepareMediaVariable(dn-rq-id-ft-se-ic);
151
+ text-decoration: prepareMediaVariable(dn-rq-id-ue);
152
+ text-align: prepareMediaVariable(dn-rq-id-tt-an);
153
+ letter-spacing: prepareMediaVariable(dn-rq-id-lr-sg);
154
+ line-height: prepareMediaVariable(dn-rq-id-le-ht);
155
+ background-color: prepareMediaVariable(dn-rq-id-bd-cr);
156
+ border-width: prepareMediaVariable(dn-rq-id-br-wh);
157
+ border-color: prepareMediaVariable(dn-rq-id-br-cr);
158
+ border-style: prepareMediaVariable(dn-rq-id-br-se);
159
+ border-radius: prepareMediaVariable(dn-rq-id-br-rs);
160
+ box-shadow: prepareMediaVariable(dn-rq-id-sw-ae)
161
+ prepareMediaVariable(dn-rq-id-sw-br) prepareMediaVariable(dn-rq-id-sw-sd)
162
+ prepareMediaVariable(dn-rq-id-sw-cr);
164
163
  }
165
164
 
166
165
  .status_badge {
@@ -171,28 +170,29 @@ $resizeActive: '[data-cms-element-resizer="true"]';
171
170
  // border-radius: 16px;
172
171
  // background: #fff4ed;
173
172
  mix-blend-mode: multiply;
174
- background-color: ctm-var(dn-rq-ss-bd-cr);
175
- border-width: ctm-var(dn-rq-ss-br-wh);
176
- border-color: ctm-var(dn-rq-ss-br-cr);
177
- border-style: ctm-var(dn-rq-ss-br-se);
178
- border-radius: ctm-var(dn-rq-ss-br-rs);
179
- box-shadow: ctm-var(dn-rq-ss-sw-ae) ctm-var(dn-rq-ss-sw-br) ctm-var(dn-rq-ss-sw-sd)
180
- ctm-var(dn-rq-ss-sw-cr);
173
+ background-color: prepareMediaVariable(dn-rq-ss-bd-cr);
174
+ border-width: prepareMediaVariable(dn-rq-ss-br-wh);
175
+ border-color: prepareMediaVariable(dn-rq-ss-br-cr);
176
+ border-style: prepareMediaVariable(dn-rq-ss-br-se);
177
+ border-radius: prepareMediaVariable(dn-rq-ss-br-rs);
178
+ box-shadow: prepareMediaVariable(dn-rq-ss-sw-ae)
179
+ prepareMediaVariable(dn-rq-ss-sw-br) prepareMediaVariable(dn-rq-ss-sw-sd)
180
+ prepareMediaVariable(dn-rq-ss-sw-cr);
181
181
 
182
182
  .rfq_status {
183
183
  // color: #b93815;
184
184
  // text-align: center;
185
185
  // font-size: 12px;
186
186
  // line-height: 18px;
187
- font-family: ctm-var(dn-rq-ss-ft-fy);
188
- font-size: ctm-var(dn-rq-ss-ft-se);
189
- color: ctm-var(dn-rq-ss-cr);
190
- font-weight: ctm-var(dn-rq-ss-ft-wt);
191
- font-style: ctm-var(dn-rq-ss-ft-se-ic);
192
- text-decoration: ctm-var(dn-rq-ss-ue);
193
- text-align: ctm-var(dn-rq-ss-tt-an);
194
- letter-spacing: ctm-var(dn-rq-ss-lr-sg);
195
- line-height: ctm-var(dn-rq-ss-le-ht);
187
+ font-family: prepareMediaVariable(dn-rq-ss-ft-fy);
188
+ font-size: prepareMediaVariable(dn-rq-ss-ft-se);
189
+ color: prepareMediaVariable(dn-rq-ss-cr);
190
+ font-weight: prepareMediaVariable(dn-rq-ss-ft-wt);
191
+ font-style: prepareMediaVariable(dn-rq-ss-ft-se-ic);
192
+ text-decoration: prepareMediaVariable(dn-rq-ss-ue);
193
+ text-align: prepareMediaVariable(dn-rq-ss-tt-an);
194
+ letter-spacing: prepareMediaVariable(dn-rq-ss-lr-sg);
195
+ line-height: prepareMediaVariable(dn-rq-ss-le-ht);
196
196
  }
197
197
  }
198
198
 
@@ -203,22 +203,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
203
203
  // font-weight: 400;
204
204
  // line-height: 18px;
205
205
 
206
- font-family: ctm-var(dn-rd-on-ft-fy);
207
- font-size: ctm-var(dn-rd-on-ft-se);
208
- color: ctm-var(dn-rd-on-cr);
209
- font-weight: ctm-var(dn-rd-on-ft-wt);
210
- font-style: ctm-var(dn-rd-on-ft-se-ic);
211
- text-decoration: ctm-var(dn-rd-on-ue);
212
- text-align: ctm-var(dn-rd-on-tt-an);
213
- letter-spacing: ctm-var(dn-rd-on-lr-sg);
214
- line-height: ctm-var(dn-rd-on-le-ht);
215
- background-color: ctm-var(dn-rd-on-bd-cr);
216
- border-width: ctm-var(dn-rd-on-br-wh);
217
- border-color: ctm-var(dn-rd-on-br-cr);
218
- border-style: ctm-var(dn-rd-on-br-se);
219
- border-radius: ctm-var(dn-rd-on-br-rs);
220
- box-shadow: ctm-var(dn-rd-on-sw-ae) ctm-var(dn-rd-on-sw-br) ctm-var(dn-rd-on-sw-sd)
221
- ctm-var(dn-rd-on-sw-cr);
206
+ font-family: prepareMediaVariable(dn-rd-on-ft-fy);
207
+ font-size: prepareMediaVariable(dn-rd-on-ft-se);
208
+ color: prepareMediaVariable(dn-rd-on-cr);
209
+ font-weight: prepareMediaVariable(dn-rd-on-ft-wt);
210
+ font-style: prepareMediaVariable(dn-rd-on-ft-se-ic);
211
+ text-decoration: prepareMediaVariable(dn-rd-on-ue);
212
+ text-align: prepareMediaVariable(dn-rd-on-tt-an);
213
+ letter-spacing: prepareMediaVariable(dn-rd-on-lr-sg);
214
+ line-height: prepareMediaVariable(dn-rd-on-le-ht);
215
+ background-color: prepareMediaVariable(dn-rd-on-bd-cr);
216
+ border-width: prepareMediaVariable(dn-rd-on-br-wh);
217
+ border-color: prepareMediaVariable(dn-rd-on-br-cr);
218
+ border-style: prepareMediaVariable(dn-rd-on-br-se);
219
+ border-radius: prepareMediaVariable(dn-rd-on-br-rs);
220
+ box-shadow: prepareMediaVariable(dn-rd-on-sw-ae)
221
+ prepareMediaVariable(dn-rd-on-sw-br) prepareMediaVariable(dn-rd-on-sw-sd)
222
+ prepareMediaVariable(dn-rd-on-sw-cr);
222
223
  }
223
224
 
224
225
  .rfqs_amount {
@@ -228,22 +229,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
228
229
  // font-weight: 600;
229
230
  // line-height: 20px;
230
231
 
231
- font-family: ctm-var(dn-rq-id-ft-fy);
232
- font-size: ctm-var(dn-rq-id-ft-se);
233
- color: ctm-var(dn-rq-id-cr);
234
- font-weight: ctm-var(dn-rq-id-ft-wt);
235
- font-style: ctm-var(dn-rq-id-ft-se-ic);
236
- text-decoration: ctm-var(dn-rq-id-ue);
237
- text-align: ctm-var(dn-rq-id-tt-an);
238
- letter-spacing: ctm-var(dn-rq-id-lr-sg);
239
- line-height: ctm-var(dn-rq-id-le-ht);
240
- background-color: ctm-var(dn-rq-id-bd-cr);
241
- border-width: ctm-var(dn-rq-id-br-wh);
242
- border-color: ctm-var(dn-rq-id-br-cr);
243
- border-style: ctm-var(dn-rq-id-br-se);
244
- border-radius: ctm-var(dn-rq-id-br-rs);
245
- box-shadow: ctm-var(dn-rq-id-sw-ae) ctm-var(dn-rq-id-sw-br) ctm-var(dn-rq-id-sw-sd)
246
- ctm-var(dn-rq-id-sw-cr);
232
+ font-family: prepareMediaVariable(dn-rq-id-ft-fy);
233
+ font-size: prepareMediaVariable(dn-rq-id-ft-se);
234
+ color: prepareMediaVariable(dn-rq-id-cr);
235
+ font-weight: prepareMediaVariable(dn-rq-id-ft-wt);
236
+ font-style: prepareMediaVariable(dn-rq-id-ft-se-ic);
237
+ text-decoration: prepareMediaVariable(dn-rq-id-ue);
238
+ text-align: prepareMediaVariable(dn-rq-id-tt-an);
239
+ letter-spacing: prepareMediaVariable(dn-rq-id-lr-sg);
240
+ line-height: prepareMediaVariable(dn-rq-id-le-ht);
241
+ background-color: prepareMediaVariable(dn-rq-id-bd-cr);
242
+ border-width: prepareMediaVariable(dn-rq-id-br-wh);
243
+ border-color: prepareMediaVariable(dn-rq-id-br-cr);
244
+ border-style: prepareMediaVariable(dn-rq-id-br-se);
245
+ border-radius: prepareMediaVariable(dn-rq-id-br-rs);
246
+ box-shadow: prepareMediaVariable(dn-rq-id-sw-ae)
247
+ prepareMediaVariable(dn-rq-id-sw-br) prepareMediaVariable(dn-rq-id-sw-sd)
248
+ prepareMediaVariable(dn-rq-id-sw-cr);
247
249
  }
248
250
  }
249
251
  .rfq_action {
@@ -294,7 +296,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
294
296
  gap: var(--_ctm-mob-lt-sg-bn-is, var(--_ctm-tab-lt-sg-bn-is, var(--_ctm-lt-sg-bn-is)));
295
297
 
296
298
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
297
- height: calc(100% - calc(ctm-var(dn-pn-as-aw-se) + 10px));
299
+ height: calc(100% - calc(prepareMediaVariable(dn-pn-as-aw-se) + 10px));
298
300
  }
299
301
 
300
302
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
@@ -471,8 +473,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
471
473
  padding: 10px;
472
474
  border-radius: 50%;
473
475
  border: none;
474
- width: ctm-var(dn-pn-as-aw-se);
475
- height: ctm-var(dn-pn-as-aw-se);
476
+ width: prepareMediaVariable(dn-pn-as-aw-se);
477
+ height: prepareMediaVariable(dn-pn-as-aw-se);
476
478
  display: flex;
477
479
  align-items: center;
478
480
  justify-content: center;
@@ -490,8 +492,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
490
492
  .right-button {
491
493
  border-radius: 50%;
492
494
  border: none;
493
- width: ctm-var(dn-pn-as-aw-se);
494
- height: ctm-var(dn-pn-as-aw-se);
495
+ width: prepareMediaVariable(dn-pn-as-aw-se);
496
+ height: prepareMediaVariable(dn-pn-as-aw-se);
495
497
 
496
498
  display: flex;
497
499
  align-items: center;
@@ -513,11 +515,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
513
515
  display: flex;
514
516
 
515
517
  svg {
516
- width: calc(ctm-var(dn-pn-as-aw-se) * 0.5);
517
- height: calc(ctm-var(dn-pn-as-aw-se) * 0.5);
518
+ width: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
519
+ height: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
518
520
 
519
521
  path {
520
- stroke: ctm-var(dn-pn-as-aw-cr);
522
+ stroke: prepareMediaVariable(dn-pn-as-aw-cr);
521
523
  }
522
524
  }
523
525
  }
@@ -0,0 +1,46 @@
1
+ import { CMSHTMLAttributes } from "../../../global/attributes";
2
+ import { CommonStyleProperties } from "../../../global/style-properties";
3
+ import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
4
+ import { BuilderAttributes } from "../common";
5
+ export interface AddProductsTabStyleProperties extends CommonStyleProperties {
6
+ minHeight: string;
7
+ minWidth: string;
8
+ maxWidth: string;
9
+ maxHeight: string;
10
+ gridArea: string;
11
+ display: DisplayValue;
12
+ boxSizing: string;
13
+ rowGap: string;
14
+ columnGap: string;
15
+ gridTemplateRows: string;
16
+ gridTemplateColumns: string;
17
+ }
18
+ export declare const getDefaultStyles: () => AddProductsTabStyleProperties;
19
+ export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
20
+ role?: string;
21
+ ariaLabel?: string;
22
+ ariaDescribedBy?: string;
23
+ id?: string;
24
+ className?: string;
25
+ lang?: string;
26
+ dataMeta?: string;
27
+ }
28
+ export interface AddProductsTabElementInterface {
29
+ id?: string | number;
30
+ uniqueKey?: string | number;
31
+ attributes?: {
32
+ BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
33
+ HTML?: CommonContainerElementAttributes;
34
+ CUSTOM?: any;
35
+ };
36
+ styles?: AddProductsTabStyleProperties;
37
+ editedStyles?: CommonStyleProperties;
38
+ responsiveBehaviour: ResponsiveBehaviourTypes;
39
+ children: any;
40
+ childIds: any[];
41
+ previewImage?: string;
42
+ isMaximized?: boolean;
43
+ parentKey?: any;
44
+ childIdsV2?: any[];
45
+ builderAt?: number;
46
+ }
@@ -329,6 +329,8 @@ export declare const CMSElementsListEnum: {
329
329
  CART_ATTRIBUTES: string;
330
330
  LANGUAGE_MENU: string;
331
331
  LOADER: string;
332
+ PRODUCT_BRAND_IMAGE: string;
333
+ ADD_PRODUCTS_TAB: string;
332
334
  };
333
335
  export declare enum CMSResponsiveModeEnums {
334
336
  DESKTOP = "desktop",
@@ -84,4 +84,5 @@ import * as productSizeChartSchema from "./elements/product-sizechart/index";
84
84
  import * as badgeSchema from "./elements/badge/index";
85
85
  import * as cartAttributesSchema from "./elements/cart-attributes/index";
86
86
  import * as loaderSchema from "./elements/loader/index";
87
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, };
87
+ import * as addProductsTabSchema from "./elements/add-products-tab/index";
88
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, cartSummarySchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, badgeSchema, cartAttributesSchema, loaderSchema, addProductsTabSchema, };