@sc-360-v2/storefront-cms-library 0.5.11 → 0.5.13

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.
@@ -0,0 +1,263 @@
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ [data-div-type="element"] {
5
+ &[data-element-type="lastXOrdersButton"] {
6
+ // width: var(--_lt-wh);
7
+ // height: var(--_lt-ht);
8
+ // margin: var(--_lt-mn);
9
+ // padding: var(--_lt-pg);
10
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
+ // width: 50%;
12
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
+ width: var(
14
+ --_sf-el-wh-st-mx,
15
+ calc(
16
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
17
+ )
18
+ );
19
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
20
+ aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
+
22
+ --_aspect-ratio: calc(
23
+ 1 *
24
+ (
25
+ var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
26
+ var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
27
+ )
28
+ );
29
+ // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
30
+ // height: var(--_ctm-lt-ht);
31
+ // height: ;
32
+ // height: auto;
33
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
34
+ // --_aspect-ratio: calc(
35
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
36
+ // );
37
+
38
+ // &[data-element-sub-child="true"] {
39
+ // // width: max(var(--_sf-nw-wh, var(--_tst-lt-wh)));
40
+ // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
41
+ // }
42
+
43
+ & > .wrapper {
44
+ width: 100%;
45
+ height: 100%;
46
+ }
47
+ &[data-show-shadow="false"] {
48
+ --_show-shadow: none;
49
+ }
50
+
51
+ .QuickInventoryCheck__details__element {
52
+ background-color: var(
53
+ --_ctm-mob-dn-wt-se-bd-cr,
54
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
55
+ );
56
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
57
+ display: flex;
58
+ flex-direction: column;
59
+ --_sf-gp: var(
60
+ --_ctm-mob-lt-im-sg,
61
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
62
+ );
63
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
64
+ row-gap: var(--_sf-gp);
65
+ width: 100%;
66
+ height: 100%;
67
+ border-color: var(
68
+ --_ctm-mob-dn-wt-se-br-cr,
69
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
70
+ );
71
+ border-style: var(
72
+ --_ctm-mob-dn-wt-se-br-se,
73
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
74
+ );
75
+ border-width: var(
76
+ --_ctm-mob-dn-wt-se-br-wh,
77
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
78
+ );
79
+ border-radius: var(
80
+ --_ctm-mob-dn-wt-se-br-rs,
81
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
82
+ );
83
+ box-shadow: var(
84
+ --_show-shadow,
85
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
86
+ var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
87
+ var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
88
+ var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
89
+ );
90
+
91
+ .product__hilights {
92
+ display: flex;
93
+ align-items: var(--_ctm-mob-lt-wt-at, var(--_ctm-tab-lt-wt-at, var(--_ctm-lt-wt-at)));
94
+ justify-content: var(--_ctm-mob-lt-hl-at, var(--_ctm-tab-lt-hl-at, var(--_ctm-lt-hl-at)));
95
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
96
+ width: 100%;
97
+
98
+ height: 100%;
99
+
100
+ &[data-show-dividers="true"] {
101
+ .product__list__item {
102
+ position: relative;
103
+ &:not(:last-child)::after {
104
+ content: "";
105
+ width: var(
106
+ --_ctm-mob-dn-dr-dr-wh,
107
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
108
+ );
109
+ height: 100%;
110
+ position: absolute;
111
+ right: calc(
112
+ (
113
+ -1 * var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) /
114
+ 2
115
+ ) -
116
+ (
117
+ var(
118
+ --_ctm-mob-dn-dr-dr-wh,
119
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
120
+ ) /
121
+ 2
122
+ )
123
+ );
124
+ background-color: var(
125
+ --_ctm-mob-dn-dr-dr-cr,
126
+ var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
127
+ );
128
+ }
129
+ }
130
+ }
131
+ .product__list__item {
132
+ display: flex;
133
+ align-items: center;
134
+ gap: 4px;
135
+
136
+ .svg_icon {
137
+ display: flex;
138
+ }
139
+ }
140
+ .quota__left {
141
+ .count {
142
+ // padding-inline: var(--_sf-cd-gp);
143
+ color: var(
144
+ --_ctm-mob-dn-qa-lt-cr,
145
+ var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
146
+ );
147
+ font-family: var(
148
+ --_ctm-mob-dn-qa-lt-ft-fy,
149
+ var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
150
+ );
151
+ font-size: var(
152
+ --_ctm-mob-dn-qa-lt-ft-se,
153
+ var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se))
154
+ );
155
+ font-weight: var(
156
+ --_ctm-mob-dn-qa-lt-ft-wt,
157
+ var(--_ctm-tab-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-lt-ft-wt))
158
+ );
159
+ font-style: var(
160
+ --_ctm-mob-dn-qa-lt-ft-se-ic,
161
+ var(--_ctm-tab-dn-qa-lt-ft-se-ic, var(--_ctm-dn-qa-lt-ft-se-ic))
162
+ );
163
+ text-align: var(
164
+ --_ctm-mob-dn-qa-lt-tt-an,
165
+ var(--_ctm-tab-dn-qa-lt-tt-an, var(--_ctm-dn-qa-lt-tt-an))
166
+ );
167
+ letter-spacing: var(
168
+ --_ctm-mob-dn-qa-lt-lr-sg,
169
+ var(--_ctm-tab-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-lt-lr-sg))
170
+ );
171
+ line-height: var(
172
+ --_ctm-mob-dn-qa-lt-le-ht,
173
+ var(--_ctm-tab-dn-qa-lt-le-ht, var(--_ctm-dn-qa-lt-le-ht-dc))
174
+ );
175
+ text-decoration: var(
176
+ --_ctm-mob-dn-qa-lt-ue,
177
+ var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue))
178
+ );
179
+ }
180
+ .icon {
181
+ display: var(--_sf-show-icon-ff, flex);
182
+ svg {
183
+ width: var(
184
+ --_ctm-mab-dn-qa-lt-in-se,
185
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
186
+ );
187
+ height: var(
188
+ --_ctm-mob-dn-qa-lt-in-se,
189
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
190
+ );
191
+ path {
192
+ stroke: var(
193
+ --_ctm-mob-dn-qa-lt-in-c1,
194
+ var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
195
+ );
196
+ }
197
+ }
198
+ }
199
+ }
200
+ .days__left {
201
+ .count {
202
+ // padding-inline: var(--_sf-cd-gp);
203
+ color: var(
204
+ --_ctm-mob-dn-ds-lt-cr,
205
+ var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
206
+ );
207
+ font-family: var(
208
+ --_ctm-mob-dn-ds-lt-ft-fy,
209
+ var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
210
+ );
211
+ font-size: var(
212
+ --_ctm-mob-dn-ds-lt-ft-se,
213
+ var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
214
+ );
215
+ font-weight: var(
216
+ --_ctm-mob-dn-ds-lt-ft-wt,
217
+ var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt))
218
+ );
219
+ font-style: var(
220
+ --_ctm-mob-dn-ds-lt-ft-se-ic,
221
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic))
222
+ );
223
+ text-align: var(
224
+ --_ctm-mob-dn-ds-lt-tt-an,
225
+ var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an))
226
+ );
227
+ letter-spacing: var(
228
+ --_ctm-mob-dn-ds-lt-lr-sg,
229
+ var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg))
230
+ );
231
+ line-height: var(
232
+ --_ctm-mob-dn-ds-lt-le-ht,
233
+ var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc))
234
+ );
235
+ text-decoration: var(
236
+ --_ctm-mob-dn-ds-lt-ue,
237
+ var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
238
+ );
239
+ }
240
+ .icon {
241
+ display: var(--_sf-show-icon-ff, flex);
242
+ svg {
243
+ width: var(
244
+ --_ctm-mab-dn-ds-lt-in-se,
245
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
246
+ );
247
+ height: var(
248
+ --_ctm-mob-dn-ds-lt-in-se,
249
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
250
+ );
251
+ path {
252
+ stroke: var(
253
+ --_ctm-mob-dn-ds-lt-in-c1,
254
+ var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
255
+ );
256
+ }
257
+ }
258
+ }
259
+ }
260
+ }
261
+ }
262
+ }
263
+ }
@@ -140,6 +140,7 @@
140
140
  .quota__left {
141
141
  .count {
142
142
  // padding-inline: var(--_sf-cd-gp);
143
+ white-space: nowrap;
143
144
  color: var(
144
145
  --_ctm-mob-dn-qa-lt-cr,
145
146
  var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
@@ -177,6 +178,46 @@
177
178
  var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue))
178
179
  );
179
180
  }
181
+ .label {
182
+ // padding-inline: var(--_sf-cd-gp);
183
+ white-space: nowrap;
184
+ color: var(
185
+ --_ctm-mob-dn-qa-lt-cr-dc-dc,
186
+ var(--_ctm-tab-dn-qa-lt-cr-dc, var(--_ctm-dn-qa-lt-cr-dc))
187
+ );
188
+ font-family: var(
189
+ --_ctm-mob-dn-qa-lt-ft-fy-dc,
190
+ var(--_ctm-tab-dn-qa-lt-ft-fy-dc, var(--_ctm-dn-qa-lt-ft-fy-dc))
191
+ );
192
+ font-size: var(
193
+ --_ctm-mob-dn-qa-lt-ft-se-dc,
194
+ var(--_ctm-tab-dn-qa-lt-ft-se-dc, var(--_ctm-dn-qa-lt-ft-se-dc))
195
+ );
196
+ font-weight: var(
197
+ --_ctm-mob-dn-qa-lt-ft-wt-dc,
198
+ var(--_ctm-tab-dn-qa-lt-ft-wt-dc, var(--_ctm-dn-qa-lt-ft-wt-dc))
199
+ );
200
+ font-style: var(
201
+ --_ctm-mob-dn-qa-lt-ft-se-ic-dc,
202
+ var(--_ctm-tab-dn-qa-lt-ft-se-ic-dc, var(--_ctm-dn-qa-lt-ft-se-ic-dc))
203
+ );
204
+ text-align: var(
205
+ --_ctm-mob-dn-qa-lt-tt-an-dc,
206
+ var(--_ctm-tab-dn-qa-lt-tt-an-dc, var(--_ctm-dn-qa-lt-tt-an-dc))
207
+ );
208
+ letter-spacing: var(
209
+ --_ctm-mob-dn-qa-lt-lr-sg-dc,
210
+ var(--_ctm-tab-dn-qa-lt-lr-sg-dc, var(--_ctm-dn-qa-lt-lr-sg-dc))
211
+ );
212
+ line-height: var(
213
+ --_ctm-mob-dn-qa-lt-le-ht-dc,
214
+ var(--_ctm-tab-dn-qa-lt-le-ht-dc, var(--_ctm-dn-qa-lt-le-ht-dc-dc))
215
+ );
216
+ text-decoration: var(
217
+ --_ctm-mob-dn-qa-lt-ue-dc,
218
+ var(--_ctm-tab-dn-qa-lt-ue-dc, var(--_ctm-dn-qa-lt-ue-dc))
219
+ );
220
+ }
180
221
  .icon {
181
222
  display: var(--_sf-show-icon-ff, flex);
182
223
  svg {
@@ -200,6 +241,7 @@
200
241
  .days__left {
201
242
  .count {
202
243
  // padding-inline: var(--_sf-cd-gp);
244
+ white-space: nowrap;
203
245
  color: var(
204
246
  --_ctm-mob-dn-ds-lt-cr,
205
247
  var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
@@ -237,6 +279,46 @@
237
279
  var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
238
280
  );
239
281
  }
282
+ .label {
283
+ // padding-inline: var(--_sf-cd-gp);
284
+ white-space: nowrap;
285
+ color: var(
286
+ --_ctm-mob-dn-ds-lt-cr-dc-dc,
287
+ var(--_ctm-tab-dn-ds-lt-cr-dc, var(--_ctm-dn-ds-lt-cr-dc))
288
+ );
289
+ font-family: var(
290
+ --_ctm-mob-dn-ds-lt-ft-fy-dc,
291
+ var(--_ctm-tab-dn-ds-lt-ft-fy-dc, var(--_ctm-dn-ds-lt-ft-fy-dc))
292
+ );
293
+ font-size: var(
294
+ --_ctm-mob-dn-ds-lt-ft-se-dc,
295
+ var(--_ctm-tab-dn-ds-lt-ft-se-dc, var(--_ctm-dn-ds-lt-ft-se-dc))
296
+ );
297
+ font-weight: var(
298
+ --_ctm-mob-dn-ds-lt-ft-wt-dc,
299
+ var(--_ctm-tab-dn-ds-lt-ft-wt-dc, var(--_ctm-dn-ds-lt-ft-wt-dc))
300
+ );
301
+ font-style: var(
302
+ --_ctm-mob-dn-ds-lt-ft-se-ic-dc,
303
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic-dc, var(--_ctm-dn-ds-lt-ft-se-ic-dc))
304
+ );
305
+ text-align: var(
306
+ --_ctm-mob-dn-ds-lt-tt-an-dc,
307
+ var(--_ctm-tab-dn-ds-lt-tt-an-dc, var(--_ctm-dn-ds-lt-tt-an-dc))
308
+ );
309
+ letter-spacing: var(
310
+ --_ctm-mob-dn-ds-lt-lr-sg-dc,
311
+ var(--_ctm-tab-dn-ds-lt-lr-sg-dc, var(--_ctm-dn-ds-lt-lr-sg-dc))
312
+ );
313
+ line-height: var(
314
+ --_ctm-mob-dn-ds-lt-le-ht-dc,
315
+ var(--_ctm-tab-dn-ds-lt-le-ht-dc, var(--_ctm-dn-ds-lt-le-ht-dc-dc))
316
+ );
317
+ text-decoration: var(
318
+ --_ctm-mob-dn-ds-lt-ue-dc,
319
+ var(--_ctm-tab-dn-ds-lt-ue-dc, var(--_ctm-dn-ds-lt-ue-dc))
320
+ );
321
+ }
240
322
  .icon {
241
323
  display: var(--_sf-show-icon-ff, flex);
242
324
  svg {
@@ -8,6 +8,7 @@ $adSlotElementSelector: ".repeater-ad-slot";
8
8
  $adSlotSliderSelector: ".repeater-ad-slot__inner";
9
9
  $sliderControlDragging: "[flex-slider-control-moving='true']";
10
10
  $rai: "repeater-advertise-item";
11
+ $listViewSlector: '.lst_vw[data-element-type="repeater"]';
11
12
  [data-div-type="element"] {
12
13
  &[data-element-type="repeater"] {
13
14
  // width: var(--_sf-con-nw-wh);
@@ -373,6 +374,38 @@ $rai: "repeater-advertise-item";
373
374
  img {
374
375
  max-width: 100%;
375
376
  max-height: 100%;
377
+ border-color: var(
378
+ --_sf-bm-img-brr-clrrr,
379
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-br-cr)}
380
+ );
381
+ border-style: var(
382
+ --_sf-bm-img-brr-sty,
383
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-br-se)}
384
+ );
385
+ border-width: var(
386
+ --_sf-bm-img-brr-wdt,
387
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-br-wh, 0px)}
388
+ );
389
+ border-radius: var(
390
+ --_sf-bm-img-brr-br,
391
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-br-rs)}
392
+ );
393
+ box-shadow: var(
394
+ --_sf-bm-img-bx-sdw,
395
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-sw-ae)}
396
+ )
397
+ var(
398
+ --_sf-bm-img-bx-sdw-blr,
399
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-sw-br)}
400
+ )
401
+ var(
402
+ --_sf-bm-img-bx-sdw-sprd,
403
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-sw-sd)}
404
+ )
405
+ var(
406
+ --_sf-bm-img-bx-sdw-clr,
407
+ #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-sw-cr)}
408
+ );
376
409
  // height: 100%;
377
410
  // width: 100%;
378
411
  // min-height: var(--_sf-img-mn-ht, 500px);
@@ -380,9 +413,17 @@ $rai: "repeater-advertise-item";
380
413
  &:is(.lst_vw[data-element-type="repeater"] *) {
381
414
  --_sf-bm-swtdh-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-wh)};
382
415
  --_sf-bm-sht-vlo-pp: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-ht)};
416
+ --_sf-bm-img-brr-clrrr: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-br-cr)};
417
+ --_sf-bm-img-brr-sty: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-br-se)};
418
+ --_sf-bm-img-brr-wdt: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-br-wh)};
419
+ --_sf-bm-img-brr-br: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-br-rs)};
420
+ --_sf-bm-img-bx-sdw: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-sw-ae)};
421
+ --_sf-bm-img-bx-sdw-blr: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-sw-br)};
422
+ --_sf-bm-img-bx-sdw-sprd: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-sw-sd)};
423
+ --_sf-bm-img-bx-sdw-clr: #{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-lt-vw-sw-cr)};
383
424
  }
384
425
  &:not(.lst_vw[data-element-type="repeater"] *) {
385
- --_sf-ht-vl: max(#{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-ht)}, 100%);
426
+ --_sf-ht-vl: max(#{prepareMediaVariable(--_ctm-rep-dn-ad-se-ie-cs-gd-vw-ht)}, auto);
386
427
  }
387
428
 
388
429
  width: var(
@@ -75,6 +75,7 @@ export declare enum CMSToolIdTypes {
75
75
  megaMenuContainerWrapper = "cms-mega-menu-container-wrapper",
76
76
  menuItemWrapper = "cms-menu-item-wrapper",
77
77
  animation = "flex-animation-element",
78
+ hoverAnimation = "flex-hover-animation-element",
78
79
  categoryGroupsWrapper = "cms-category-groups-wrapper",
79
80
  BundleWrapper = "cms-bundle-wrapper",
80
81
  cartWrapper = "cms-cart-element-wrapper"
@@ -146,7 +147,9 @@ export declare enum CMSToolAttributes {
146
147
  state = "data-cms-state",
147
148
  style = "data-style-id",
148
149
  animation = "data-anim-id",
150
+ hoverAnimation = "data-hover-anim-id",
149
151
  animationAttr = "data-anim-type",
152
+ hoverAnimationAttr = "data-hover-anim-type",
150
153
  pageId = "data-page-id",
151
154
  dataDivType = "data-div-type",
152
155
  dataElementSubChild = "data-element-sub-child",
@@ -213,6 +216,7 @@ export declare enum FontWeightEnum {
213
216
  export declare const CMSElementsListEnum: {
214
217
  BUTTON: string;
215
218
  LAST_X_ORDERS_BUTTON: string;
219
+ QUICK_INVENTORY_CHECK: string;
216
220
  BUTTON_THEME: string;
217
221
  PAGE: string;
218
222
  SECTION: string;
@@ -350,6 +354,7 @@ export declare const CMSElementsListEnum: {
350
354
  CATEGORY_GROUPS: string;
351
355
  CART_WRAPPER: string;
352
356
  OPTION_BAR: string;
357
+ PRODUCT_LABELS: string;
353
358
  MY_TEMPLATES: string;
354
359
  MY_WISHLIST: string;
355
360
  REQUEST_FOR_QUOTE: string;
@@ -58,7 +58,8 @@ export declare enum SelectorKeysEnum {
58
58
  CATEGORY_NAME_DESIGN = "categoryNameDesign",
59
59
  CATEGORY_CARD_INFO_DESIGN = "categoryCardInfoDesign",
60
60
  CATEGORY_CARD_DESIGN = "categoryCardDesign",
61
- ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
61
+ ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
62
+ UOM_SELECTOR_DESIGN = "uomSelectorDesign"
62
63
  }
63
64
  export declare const getDefaultData: () => {
64
65
  layout: {
@@ -2442,6 +2443,12 @@ export declare const getDefaultData: () => {
2442
2443
  variantLayout: any;
2443
2444
  variantDesign: any;
2444
2445
  };
2446
+ uomSelectorDesign: {
2447
+ selectorKey: SelectorKeysEnum;
2448
+ uomLayout: any;
2449
+ uomDesign: any;
2450
+ uomContent: any;
2451
+ };
2445
2452
  productImage: {
2446
2453
  selectorKey: SelectorKeysEnum;
2447
2454
  galleryWidgetStyle: any;
@@ -137,9 +137,8 @@ export interface selfDesignInterface {
137
137
  horizontalAlignment: CMSIBCommonInterface;
138
138
  verticalAlignment: CMSIBCommonInterface;
139
139
  onClick: CMSIBCommonInterface;
140
- onHover: CMSIBCommonInterface;
141
140
  linkDetails: CMSIBCommonInterface;
142
- };
141
+ } & any;
143
142
  }
144
143
  export declare enum SelectorKeysEnum {
145
144
  LAYOUT = "layout",
@@ -3,6 +3,7 @@ import * as amountEstimator from "./amountEstimator";
3
3
  import * as bulkVariantPicker from "./bulkVariantPicker";
4
4
  import * as button from "./button";
5
5
  import * as lastXOrdersButton from "./lastxordersbutton";
6
+ import * as quickInventoryCheck from "./quickinventorycheck";
6
7
  import * as code from "./code";
7
8
  import * as staticText from "./staticText";
8
9
  import * as common from "./common";
@@ -110,9 +111,10 @@ import * as megaMenuContainer from "./megaMenuContainer";
110
111
  import * as simpleList from "./simple-list";
111
112
  import * as cartWrapper from "./cart-wrapper";
112
113
  import * as optionBar from "./optionBar";
114
+ import * as productLabels from "./productLables";
113
115
  import * as myTemplates from "./my-templates";
114
116
  import * as requestForQuote from "./request-for-quote";
115
117
  import * as categoryGroups from "./categoryGroups";
116
118
  import * as embroidery from "./embroidery";
117
119
  import * as stockStatus from "./stockStatus";
118
- 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, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, lastXOrdersButton, };
120
+ 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, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, lastXOrdersButton, quickInventoryCheck, productLabels, };
@@ -0,0 +1,24 @@
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
+ DATA_CONNECTOR = "dataConnector"
22
+ }
23
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
24
+ export {};
@@ -0,0 +1,34 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ [key: string]: any;
5
+ }
6
+ export interface selfDesignInterface {
7
+ selectorKey: string;
8
+ widgetStyle?: {
9
+ selectorKey: string;
10
+ backgroundColor?: CMSIBCommonInterface;
11
+ borderColor?: CMSIBCommonInterface;
12
+ borderStyle?: CMSIBCommonInterface;
13
+ borderPerSlide?: CMSIBCommonInterface;
14
+ showBorder?: CMSIBCommonInterface;
15
+ showShadow?: CMSIBCommonInterface;
16
+ shadowColor?: CMSIBCommonInterface;
17
+ blur?: CMSIBCommonInterface;
18
+ spread?: CMSIBCommonInterface;
19
+ angle?: CMSIBCommonInterface;
20
+ borderRadius?: CMSIBCommonInterface;
21
+ };
22
+ divider: any;
23
+ [key: string]: any;
24
+ }
25
+ export declare enum ButtonSelectorKeysEnum {
26
+ LAYOUT = "layout",
27
+ DESIGN = "design",
28
+ FAQ_WIDGET = "faqWidget",
29
+ COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
30
+ EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
31
+ DIVIDER = "divider"
32
+ }
33
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
34
+ export {};
@@ -22,14 +22,15 @@ export interface selfDesignInterface {
22
22
  divider: any;
23
23
  [key: string]: any;
24
24
  }
25
- export declare enum ButtonSelectorKeysEnum {
25
+ export declare enum SelectorKeysEnum {
26
26
  LAYOUT = "layout",
27
27
  DESIGN = "design",
28
28
  FAQ_WIDGET = "faqWidget",
29
29
  COLLAPSED_ACCRORDION_ITEM = "collapsedAccordionItem",
30
30
  EXPANDED_ACCRORDION_ITEM = "expandedAccordionItem",
31
31
  DIVIDER = "divider",
32
- DATA_CONNECTOR = "dataConnector"
32
+ DATA_CONNECTOR = "dataConnector",
33
+ CONTENT = "content"
33
34
  }
34
35
  export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
35
36
  export {};