@sc-360-v2/storefront-cms-library 0.5.28 → 0.5.29

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.
@@ -709,6 +709,10 @@ $cg-select-btn: "--_ctm-catego-dn-st-bn"; // selectButton (mobile category selec
709
709
  // Groups productPrice CSS-variable paths.
710
710
  @import "./category-groups-product-price.scss";
711
711
 
712
+ // Quota details styling for the embedded QuotaDetailsContent, rebound to the
713
+ // Category Groups quotaDetails CSS-variable paths.
714
+ @import "./category-groups-quota-details.scss";
715
+
712
716
  .loading_view {
713
717
  width: 100%;
714
718
  display: flex;
@@ -0,0 +1,451 @@
1
+ @use "./functions.scss" as *;
2
+
3
+ // Verbatim adaptation of quota-details.scss inner styles, rebound to the
4
+ // Category Groups quotaDetails layout/design CSS-variable paths.
5
+ // @imported inside category-groups-element.scss within the categoryGroups scope.
6
+
7
+ .quota__details__element {
8
+ background-color: var(
9
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
10
+ var(
11
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr,
12
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-bd-cr)
13
+ )
14
+ );
15
+ padding: var(
16
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
17
+ var(
18
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg,
19
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-pg)
20
+ )
21
+ );
22
+ display: flex;
23
+ flex-direction: column;
24
+ --_sf-gp: var(
25
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
26
+ var(
27
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg,
28
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-im-sg, 16px)
29
+ )
30
+ );
31
+ row-gap: var(--_sf-gp);
32
+ width: fit-content;
33
+ height: auto;
34
+ border-color: var(
35
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
36
+ var(
37
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr,
38
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-cr)
39
+ )
40
+ );
41
+ border-style: var(
42
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
43
+ var(
44
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se,
45
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-se)
46
+ )
47
+ );
48
+ border-width: var(
49
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
50
+ var(
51
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh,
52
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-wh)
53
+ )
54
+ );
55
+ border-radius: var(
56
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
57
+ var(
58
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs,
59
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-br-rs)
60
+ )
61
+ );
62
+ box-shadow: var(
63
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
64
+ var(
65
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae,
66
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-ae)
67
+ )
68
+ )
69
+ var(
70
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
71
+ var(
72
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br,
73
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-br)
74
+ )
75
+ )
76
+ var(
77
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
78
+ var(
79
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd,
80
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-sd)
81
+ )
82
+ )
83
+ var(
84
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
85
+ var(
86
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr,
87
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-wt-se-sw-cr)
88
+ )
89
+ );
90
+
91
+ .product__hilights {
92
+ display: flex;
93
+ align-items: center;
94
+ justify-content: var(
95
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
96
+ var(
97
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at,
98
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-lt-hl-at)
99
+ )
100
+ );
101
+ gap: var(--_sf-gp);
102
+ width: 100%;
103
+ height: 100%;
104
+
105
+ &[data-show-dividers="true"] {
106
+ .product__list__item {
107
+ position: relative;
108
+ &:not(:last-child)::after {
109
+ content: "";
110
+ width: var(
111
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
112
+ var(
113
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
114
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
115
+ )
116
+ );
117
+ height: 100%;
118
+ position: absolute;
119
+ right: calc(
120
+ (-1 * var(--_sf-gp) / 2) -
121
+ (
122
+ var(
123
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
124
+ var(
125
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh,
126
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-wh)
127
+ )
128
+ ) /
129
+ 2
130
+ )
131
+ );
132
+ background-color: var(
133
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
134
+ var(
135
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr,
136
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-dr-dr-cr)
137
+ )
138
+ );
139
+ }
140
+ }
141
+ }
142
+
143
+ .product__list__item {
144
+ display: flex;
145
+ align-items: center;
146
+ gap: 4px;
147
+
148
+ .svg_icon {
149
+ display: flex;
150
+ }
151
+ }
152
+
153
+ .quota__left {
154
+ .count {
155
+ white-space: nowrap;
156
+ color: var(
157
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
158
+ var(
159
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr,
160
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr)
161
+ )
162
+ );
163
+ font-family: var(
164
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
165
+ var(
166
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy,
167
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy)
168
+ )
169
+ );
170
+ font-size: var(
171
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
172
+ var(
173
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se,
174
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se)
175
+ )
176
+ );
177
+ font-weight: var(
178
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
179
+ var(
180
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt,
181
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt)
182
+ )
183
+ );
184
+ font-style: var(
185
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
186
+ var(
187
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic,
188
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic)
189
+ )
190
+ );
191
+ letter-spacing: var(
192
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
193
+ var(
194
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg,
195
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg)
196
+ )
197
+ );
198
+ line-height: var(
199
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
200
+ var(
201
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht,
202
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht)
203
+ )
204
+ );
205
+ text-decoration: var(
206
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
207
+ var(
208
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue,
209
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue)
210
+ )
211
+ );
212
+ }
213
+ .label {
214
+ white-space: nowrap;
215
+ color: var(
216
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
217
+ var(
218
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc,
219
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-cr-dc)
220
+ )
221
+ );
222
+ font-family: var(
223
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
224
+ var(
225
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc,
226
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-fy-dc)
227
+ )
228
+ );
229
+ font-size: var(
230
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
231
+ var(
232
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc,
233
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-dc)
234
+ )
235
+ );
236
+ font-weight: var(
237
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
238
+ var(
239
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc,
240
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-wt-dc)
241
+ )
242
+ );
243
+ font-style: var(
244
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
245
+ var(
246
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc,
247
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ft-se-ic-dc)
248
+ )
249
+ );
250
+ letter-spacing: var(
251
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
252
+ var(
253
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc,
254
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-lr-sg-dc)
255
+ )
256
+ );
257
+ line-height: var(
258
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
259
+ var(
260
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc,
261
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-le-ht-dc)
262
+ )
263
+ );
264
+ text-decoration: var(
265
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
266
+ var(
267
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc,
268
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-ue-dc)
269
+ )
270
+ );
271
+ }
272
+ .icon {
273
+ display: flex;
274
+ svg {
275
+ width: var(
276
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
277
+ var(
278
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
279
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
280
+ )
281
+ );
282
+ height: var(
283
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
284
+ var(
285
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se,
286
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-se)
287
+ )
288
+ );
289
+ path {
290
+ stroke: var(
291
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
292
+ var(
293
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1,
294
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-qa-lt-in-c1)
295
+ )
296
+ );
297
+ }
298
+ }
299
+ }
300
+ }
301
+
302
+ .days__left {
303
+ .count {
304
+ white-space: nowrap;
305
+ color: var(
306
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
307
+ var(
308
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr,
309
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr)
310
+ )
311
+ );
312
+ font-family: var(
313
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
314
+ var(
315
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy,
316
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy)
317
+ )
318
+ );
319
+ font-size: var(
320
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
321
+ var(
322
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se,
323
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se)
324
+ )
325
+ );
326
+ font-weight: var(
327
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
328
+ var(
329
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt,
330
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt)
331
+ )
332
+ );
333
+ font-style: var(
334
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
335
+ var(
336
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic,
337
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic)
338
+ )
339
+ );
340
+ letter-spacing: var(
341
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
342
+ var(
343
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg,
344
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg)
345
+ )
346
+ );
347
+ line-height: var(
348
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
349
+ var(
350
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht,
351
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht)
352
+ )
353
+ );
354
+ text-decoration: var(
355
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
356
+ var(
357
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue,
358
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue)
359
+ )
360
+ );
361
+ }
362
+ .label {
363
+ white-space: nowrap;
364
+ color: var(
365
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
366
+ var(
367
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc,
368
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-cr-dc)
369
+ )
370
+ );
371
+ font-family: var(
372
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
373
+ var(
374
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc,
375
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-fy-dc)
376
+ )
377
+ );
378
+ font-size: var(
379
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
380
+ var(
381
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc,
382
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-dc)
383
+ )
384
+ );
385
+ font-weight: var(
386
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
387
+ var(
388
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc,
389
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-wt-dc)
390
+ )
391
+ );
392
+ font-style: var(
393
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
394
+ var(
395
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc,
396
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ft-se-ic-dc)
397
+ )
398
+ );
399
+ letter-spacing: var(
400
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
401
+ var(
402
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc,
403
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-lr-sg-dc)
404
+ )
405
+ );
406
+ line-height: var(
407
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
408
+ var(
409
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc,
410
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-le-ht-dc)
411
+ )
412
+ );
413
+ text-decoration: var(
414
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
415
+ var(
416
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc,
417
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-ue-dc)
418
+ )
419
+ );
420
+ }
421
+ .icon {
422
+ display: flex;
423
+ svg {
424
+ width: var(
425
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
426
+ var(
427
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
428
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
429
+ )
430
+ );
431
+ height: var(
432
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
433
+ var(
434
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se,
435
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-se)
436
+ )
437
+ );
438
+ path {
439
+ stroke: var(
440
+ --_ctm-mob-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
441
+ var(
442
+ --_ctm-tab-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1,
443
+ var(--_ctm-catego-dn-pt-gd-dn-qa-ds-qa-ds-dn-ds-lt-in-c1)
444
+ )
445
+ );
446
+ }
447
+ }
448
+ }
449
+ }
450
+ }
451
+ }
@@ -9,6 +9,21 @@ interface selfLayoutInterface {
9
9
  }
10
10
  export interface selfDesignInterface {
11
11
  selectorKey: string;
12
+ cartContainer: {
13
+ selectorKey: string;
14
+ backgroundColor: CMSIBCommonInterface;
15
+ borderColor: CMSIBCommonInterface;
16
+ borderStyle: CMSIBCommonInterface;
17
+ borderPerSlide: CMSIBCommonInterface;
18
+ showBorder: CMSIBCommonInterface;
19
+ showShadow: CMSIBCommonInterface;
20
+ shadowColor: CMSIBCommonInterface;
21
+ blur: CMSIBCommonInterface;
22
+ spread: CMSIBCommonInterface;
23
+ angle: CMSIBCommonInterface;
24
+ borderRadius: CMSIBCommonInterface;
25
+ shadows: CMSIBSizeInterface;
26
+ };
12
27
  cartIcon: {
13
28
  selectorKey: string;
14
29
  backgroundColor: CMSIBCommonInterface;
@@ -84,6 +99,7 @@ export interface selfDesignInterface {
84
99
  export declare enum cartSelectorKeysEnum {
85
100
  LAYOUT = "layout",
86
101
  DESIGN = "design",
102
+ CART_CONTAINER = "cartContainer",
87
103
  CART_ICON = "cartIcon",
88
104
  MINI_CART_TEXT = "miniCartText",
89
105
  CART_ITEMS_COUNT = "cartItemsCount"
@@ -36,7 +36,8 @@ export declare enum SelectorKeysEnum {
36
36
  BRAND_NAME = "brandName",
37
37
  PRODUCT_NAME = "productName",
38
38
  PRODUCT_PRICE = "productPrice",
39
- PRODUCT_OPTIONS = "productOptions"
39
+ PRODUCT_OPTIONS = "productOptions",
40
+ QUOTA_DETAILS = "quotaDetails"
40
41
  }
41
42
  export declare const getDefaultData: () => {
42
43
  layout: {
@@ -2811,6 +2812,12 @@ export declare const getDefaultData: () => {
2811
2812
  productImageDesign: any;
2812
2813
  productImageContent: any;
2813
2814
  };
2815
+ quotaDetails: {
2816
+ selectorKey: SelectorKeysEnum;
2817
+ quotaDetailsLayout: any;
2818
+ quotaDetailsDesign: any;
2819
+ quotaDetailsContent: any;
2820
+ };
2814
2821
  };
2815
2822
  };
2816
2823
  content: {
@@ -2845,5 +2852,10 @@ export declare const getDefaultData: () => {
2845
2852
  property: string;
2846
2853
  propertyType: CMSElementEditTypes;
2847
2854
  };
2855
+ showQuotaDetails: {
2856
+ value: boolean;
2857
+ property: string;
2858
+ propertyType: CMSElementEditTypes;
2859
+ };
2848
2860
  };
2849
2861
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.5.28",
3
+ "version": "0.5.29",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {