@sc-360-v2/storefront-cms-library 0.3.52 → 0.3.54

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 (38) hide show
  1. package/dist/add-order.scss +3 -0
  2. package/dist/add-products-tab.scss +64 -17
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-order-pad.scss +1 -1
  5. package/dist/buy-for-tab.scss +15 -15
  6. package/dist/buyForHeaders.scss +5 -5
  7. package/dist/cart-details.scss +32 -42
  8. package/dist/cart-products-sidebar.scss +32 -16
  9. package/dist/cart-summary.scss +2 -4
  10. package/dist/cartDropdownOverlay.scss +3 -1
  11. package/dist/checkout.scss +620 -821
  12. package/dist/confirmationModal.scss +48 -0
  13. package/dist/container.scss +15 -15
  14. package/dist/customization-tree.scss +5 -1
  15. package/dist/dropdownTemplate.scss +5 -2
  16. package/dist/employee-bulk-order.scss +3459 -384
  17. package/dist/grid.scss +36 -0
  18. package/dist/icons.js +1 -1
  19. package/dist/image-temp.scss +47 -22
  20. package/dist/index.js +1 -1
  21. package/dist/layouter-pro-item.scss +1 -1
  22. package/dist/layouter-pro.scss +5 -5
  23. package/dist/modal.scss +357 -16
  24. package/dist/order-status.scss +49 -5
  25. package/dist/section.scss +5 -1
  26. package/dist/shareCartSideBar.scss +10 -8
  27. package/dist/shipping-payments.scss +668 -505
  28. package/dist/store-locations.scss +252 -160
  29. package/dist/tab-v2.scss +15 -15
  30. package/dist/text-temp.scss +4 -1
  31. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +36 -0
  32. package/dist/types/builder/tools/element-edit/grid.d.ts +26 -0
  33. package/dist/types/builder/tools/element-edit/language-menu.d.ts +77 -0
  34. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +4 -0
  35. package/dist/types/builder/tools/element-edit/userElements.d.ts +407 -0
  36. package/dist/types/icons/cms-svg-icons.d.ts +1 -1
  37. package/dist/user-elements.scss +1449 -490
  38. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
+ @use "./functions.scss" as *;
3
4
 
4
5
  [data-div-type="element"] {
5
6
  &[data-element-type="storeLocations"] {
@@ -18,6 +19,170 @@
18
19
  --_show-border-im-se: none;
19
20
  }
20
21
 
22
+ &[data-show-more-button-border="true"] {
23
+ .loadmore_conatiner {
24
+ button {
25
+ border-color: var(
26
+ --_show-border-im-se,
27
+ var(
28
+ --_ctm-mob-dn-sw-me-is-bn-br-cr,
29
+ var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
30
+ )
31
+ );
32
+ border-style: var(
33
+ --_show-border-im-se,
34
+ var(
35
+ --_ctm-mob-dn-sw-me-is-bn-br-se,
36
+ var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
37
+ )
38
+ );
39
+ border-width: var(
40
+ --_show-border-im-se,
41
+ var(
42
+ --_ctm-mob-dn-sw-me-is-bn-br-wh,
43
+ var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
44
+ )
45
+ );
46
+ }
47
+ }
48
+ }
49
+ &[data-items-alignment="center"] {
50
+ .stack {
51
+ .vertical {
52
+ .item {
53
+ align-items: center;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ &[data-items-alignment="flex-start"] {
59
+ .stack {
60
+ .vertical {
61
+ .item {
62
+ align-items: start;
63
+ }
64
+ }
65
+ }
66
+ }
67
+ &[data-items-alignment="flex-end"] {
68
+ .stack {
69
+ .vertical {
70
+ .item {
71
+ align-items: end;
72
+ }
73
+ }
74
+ }
75
+ }
76
+ &[data-item-show-shadow="true"] {
77
+ .store__container {
78
+ .stack {
79
+ .vertical {
80
+ .item {
81
+ box-shadow: var(
82
+ --_ctm-mob-dn-im-se-sw-ae,
83
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
84
+ )
85
+ var(
86
+ --_ctm-mob-dn-im-se-sw-br,
87
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
88
+ )
89
+ var(
90
+ --_ctm-mob-dn-im-se-sw-sd,
91
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
92
+ )
93
+ var(
94
+ --_ctm-mob-dn-im-se-sw-cr,
95
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
96
+ );
97
+ }
98
+ }
99
+ }
100
+ }
101
+ }
102
+ &[data-item-show-shadow="true"] {
103
+ .store__container {
104
+ .stack {
105
+ .horizontal {
106
+ .item {
107
+ box-shadow: var(
108
+ --_ctm-mob-dn-im-se-sw-ae,
109
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
110
+ )
111
+ var(
112
+ --_ctm-mob-dn-im-se-sw-br,
113
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
114
+ )
115
+ var(
116
+ --_ctm-mob-dn-im-se-sw-sd,
117
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
118
+ )
119
+ var(
120
+ --_ctm-mob-dn-im-se-sw-cr,
121
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
122
+ );
123
+ }
124
+ }
125
+ }
126
+ }
127
+ }
128
+
129
+ &[data-item-show-border="true"] {
130
+ .store__container {
131
+ .stack {
132
+ .vertical {
133
+ .item {
134
+ border-color: var(
135
+ --_show-border-im-se,
136
+ var(
137
+ --_ctm-mob-dn-im-se-br-cr,
138
+ var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
139
+ )
140
+ );
141
+ border-style: var(
142
+ --_show-border-im-se,
143
+ var(
144
+ --_ctm-mob-dn-im-se-br-se,
145
+ var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
146
+ )
147
+ );
148
+ border-width: var(
149
+ --_show-border-im-se,
150
+ var(
151
+ --_ctm-mob-dn-im-se-br-wh,
152
+ var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
153
+ )
154
+ );
155
+ }
156
+ }
157
+ }
158
+ }
159
+ }
160
+
161
+ &[data-show-more-button-shadow="true"] {
162
+ .store__container {
163
+ .loadmore_conatiner {
164
+ button {
165
+ box-shadow: var(
166
+ --_ctm-mob-dn-sw-me-is-bn-sw-ae,
167
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
168
+ )
169
+ var(
170
+ --_ctm-mob-dn-sw-me-is-bn-sw-br,
171
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
172
+ )
173
+ var(
174
+ --_ctm-mob-dn-sw-me-is-bn-sw-sd,
175
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
176
+ )
177
+ var(
178
+ --_ctm-mob-dn-sw-me-is-bn-sw-cr,
179
+ var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
180
+ );
181
+ }
182
+ }
183
+ }
184
+ }
185
+
21
186
  .text-element {
22
187
  background: #6d96e4;
23
188
  padding: 10px;
@@ -61,22 +226,10 @@
61
226
  var(--_ctm-tab-dn-it-se-dt-se-br-rs, var(--_ctm-dn-it-se-dt-se-br-rs))
62
227
  );
63
228
 
64
- box-shadow: var(
65
- --_ctm-mob-dn-it-se-dt-se-sw-ae,
66
- var(--_ctm-tab-dn-it-se-dt-se-sw-ae, var(--_ctm-dn-it-se-dt-se-sw-ae))
67
- )
68
- var(
69
- --_ctm-mob-dn-it-se-dt-se-sw-br,
70
- var(--_ctm-tab-dn-it-se-dt-se-sw-br, var(--_ctm-dn-it-se-dt-se-sw-br))
71
- )
72
- var(
73
- --_ctm-mob-dn-it-se-dt-se-sw-sd,
74
- var(--_ctm-tab-dn-it-se-dt-se-sw-sd, var(--_ctm-dn-it-se-dt-se-sw-sd))
75
- )
76
- var(
77
- --_ctm-mob-dn-it-se-dt-se-sw-cr,
78
- var(--_ctm-tab-dn-it-se-dt-se-sw-cr, var(--_ctm-dn-it-se-dt-se-sw-cr))
79
- );
229
+ box-shadow: #{prepareMediaVariable(--_ctm-dn-it-se-dt-se-sw-ae, 0 0)}
230
+ #{prepareMediaVariable(--_ctm-dn-it-se-dt-se-sw-br, 0)}
231
+ #{prepareMediaVariable(--_ctm-dn-it-se-dt-se-sw-sd, 0)}
232
+ #{prepareMediaVariable(--_ctm-dn-it-se-dt-se-sw-cr, transparent)};
80
233
 
81
234
  background-color: var(
82
235
  --_ctm-mob-dn-it-se-dt-se-bd-cr,
@@ -107,13 +260,14 @@
107
260
  }
108
261
  }
109
262
 
110
- input[type="text"] {
263
+ input[type="text"]::placeholder {
111
264
  height: 100%;
112
265
  color: var(
113
266
  --_ctm-mob-dn-it-se-dt-se-cr,
114
267
  var(--_ctm-tab-dn-it-se-dt-se-cr, var(--_ctm-dn-it-se-dt-se-cr))
115
268
  );
116
- font-family: var(
269
+ font-family:
270
+ var(
117
271
  --_ctm-mob-dn-it-se-dt-se-ft-fy,
118
272
  var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
119
273
  ),
@@ -209,44 +363,45 @@
209
363
  }
210
364
  }
211
365
 
212
- input[type="text"] {
366
+ input[type="text"]::placeholder {
213
367
  height: 100%;
214
368
  color: var(
215
- --_ctm-mob-dn-it-se-dt-se-cr,
216
- var(--_ctm-tab-dn-it-se-dt-se-cr, var(--_ctm-dn-it-se-dt-se-cr))
369
+ --_ctm-mob-dn-it-se-hr-se-cr,
370
+ var(--_ctm-tab-dn-it-se-hr-se-cr, var(--_ctm-dn-it-se-hr-se-cr))
217
371
  );
218
- font-family: var(
219
- --_ctm-mob-dn-it-se-dt-se-ft-fy,
220
- var(--_ctm-tab-dn-it-se-dt-se-ft-fy, var(--_ctm-dn-it-se-dt-se-ft-fy))
372
+ font-family:
373
+ var(
374
+ --_ctm-mob-dn-it-se-hr-se-ft-fy,
375
+ var(--_ctm-tab-dn-it-se-hr-se-ft-fy, var(--_ctm-dn-it-se-hr-se-ft-fy))
221
376
  ),
222
377
  sans-serif;
223
378
  font-size: var(
224
- --_ctm-mob-dn-it-se-dt-se-ft-se,
225
- var(--_ctm-tab-dn-it-se-dt-se-ft-se, var(--_ctm-dn-it-se-dt-se-ft-se))
379
+ --_ctm-mob-dn-it-se-hr-se-ft-se,
380
+ var(--_ctm-tab-dn-it-se-hr-se-ft-se, var(--_ctm-dn-it-se-hr-se-ft-se))
226
381
  );
227
382
  font-weight: var(
228
- --_ctm-mob-dn-it-se-dt-se-ft-wt,
229
- var(--_ctm-tab-dn-it-se-dt-se-ft-wt, var(--_ctm-dn-it-se-dt-se-ft-wt))
383
+ --_ctm-mob-dn-it-se-hr-se-ft-wt,
384
+ var(--_ctm-tab-dn-it-se-hr-se-ft-wt, var(--_ctm-dn-it-se-hr-se-ft-wt))
230
385
  );
231
386
  font-style: var(
232
- --_ctm-mob-dn-it-se-dt-se-ft-se-ic,
233
- var(--_ctm-tab-dn-it-se-dt-se-ft-se-ic, var(--_ctm-dn-it-se-dt-se-ft-se-ic))
387
+ --_ctm-mob-dn-it-se-hr-se-ft-se-ic,
388
+ var(--_ctm-tab-dn-it-se-hr-se-ft-se-ic, var(--_ctm-dn-it-se-hr-se-ft-se-ic))
234
389
  );
235
390
  text-align: var(
236
- --_ctm-mob-dn-it-se-dt-se-tt-an,
237
- var(--_ctm-tab-dn-it-se-dt-se-tt-an, var(--_ctm-dn-it-se-dt-se-tt-an))
391
+ --_ctm-mob-dn-it-se-hr-se-tt-an,
392
+ var(--_ctm-tab-dn-it-se-hr-se-tt-an, var(--_ctm-dn-it-se-hr-se-tt-an))
238
393
  );
239
394
  letter-spacing: var(
240
- --_ctm-mob-dn-it-se-dt-se-lr-sg,
241
- var(--_ctm-tab-dn-it-se-dt-se-lr-sg, var(--_ctm-dn-it-se-dt-se-lr-sg))
395
+ --_ctm-mob-dn-it-se-hr-se-lr-sg,
396
+ var(--_ctm-tab-dn-it-se-hr-se-lr-sg, var(--_ctm-dn-it-se-hr-se-lr-sg))
242
397
  );
243
398
  line-height: var(
244
- --_ctm-mob-dn-it-se-dt-se-le-ht,
245
- var(--_ctm-tab-dn-it-se-dt-se-le-ht, var(--_ctm-dn-it-se-dt-se-le-ht))
399
+ --_ctm-mob-dn-it-se-hr-se-le-ht,
400
+ var(--_ctm-tab-dn-it-se-hr-se-le-ht, var(--_ctm-dn-it-se-hr-se-le-ht))
246
401
  );
247
402
  text-decoration: var(
248
- --_ctm-mob-dn-it-se-dt-se-ue,
249
- var(--_ctm-tab-dn-it-se-dt-se-ue, var(--_ctm-dn-it-se-dt-se-ue))
403
+ --_ctm-mob-dn-it-se-hr-se-ue,
404
+ var(--_ctm-tab-dn-it-se-hr-se-ue, var(--_ctm-dn-it-se-hr-se-ue))
250
405
  );
251
406
  }
252
407
  }
@@ -308,7 +463,8 @@
308
463
  --_ctm-mob-dn-se-ls-bn-dt-se-cr,
309
464
  var(--_ctm-tab-dn-se-ls-bn-dt-se-cr, var(--_ctm-dn-se-ls-bn-dt-se-cr))
310
465
  );
311
- font-family: var(
466
+ font-family:
467
+ var(
312
468
  --_ctm-mob-dn-se-ls-bn-dt-se-ft-fy,
313
469
  var(--_ctm-tab-dn-se-ls-bn-dt-se-ft-fy, var(--_ctm-dn-se-ls-bn-dt-se-ft-fy))
314
470
  ),
@@ -408,7 +564,8 @@
408
564
  --_ctm-mob-dn-se-ls-bn-hr-se-cr,
409
565
  var(--_ctm-tab-dn-se-ls-bn-hr-se-cr, var(--_ctm-dn-se-ls-bn-hr-se-cr))
410
566
  );
411
- font-family: var(
567
+ font-family:
568
+ var(
412
569
  --_ctm-mob-dn-se-ls-bn-hr-se-ft-fy,
413
570
  var(--_ctm-tab-dn-se-ls-bn-hr-se-ft-fy, var(--_ctm-dn-se-ls-bn-hr-se-ft-fy))
414
571
  ),
@@ -463,11 +620,14 @@
463
620
  }
464
621
  .stack {
465
622
  .static {
623
+ width: 100%;
624
+ display: inline-block;
466
625
  color: var(
467
626
  --_ctm-mob-dn-iy-tt-se-cr-dc,
468
627
  var(--_ctm-tab-dn-iy-tt-se-cr-dc, var(--_ctm-dn-iy-tt-se-cr-dc))
469
628
  );
470
- font-family: var(
629
+ font-family:
630
+ var(
471
631
  --_ctm-mob-dn-iy-tt-se-ft-fy-dc,
472
632
  var(--_ctm-tab-dn-iy-tt-se-ft-fy-dc, var(--_ctm-dn-iy-tt-se-ft-fy-dc))
473
633
  ),
@@ -507,7 +667,8 @@
507
667
  --_ctm-mob-dn-iy-tt-se-cr,
508
668
  var(--_ctm-tab-dn-iy-tt-se-cr, var(--_ctm-dn-iy-tt-se-cr))
509
669
  );
510
- font-family: var(
670
+ font-family:
671
+ var(
511
672
  --_ctm-mob-dn-iy-tt-se-ft-fy,
512
673
  var(--_ctm-tab-dn-iy-tt-se-ft-fy, var(--_ctm-dn-iy-tt-se-ft-fy))
513
674
  ),
@@ -581,57 +742,19 @@
581
742
  --_ctm-mob-dn-im-se-bd-cr,
582
743
  var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
583
744
  );
584
- border-color: var(
585
- --_show-border-im-se,
586
- var(
587
- --_ctm-mob-dn-im-se-br-cr,
588
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
589
- )
590
- );
591
- border-style: var(
592
- --_show-border-im-se,
593
- var(
594
- --_ctm-mob-dn-im-se-br-se,
595
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
596
- )
597
- );
598
- border-width: var(
599
- --_show-border-im-se,
600
- var(
601
- --_ctm-mob-dn-im-se-br-wh,
602
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
603
- )
604
- );
745
+
605
746
  border-radius: var(
606
747
  --_ctm-mob-dn-im-se-br-rs,
607
748
  var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
608
749
  );
609
- box-shadow: var(
610
- --_show-shadow-im-se,
611
- var(
612
- --_ctm-mob-dn-im-se-sw-ae,
613
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
614
- )
615
- var(
616
- --_ctm-mob-dn-im-se-sw-br,
617
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
618
- )
619
- var(
620
- --_ctm-mob-dn-im-se-sw-sd,
621
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
622
- )
623
- var(
624
- --_ctm-mob-dn-im-se-sw-cr,
625
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
626
- )
627
- );
628
750
 
629
751
  .name {
630
752
  color: var(
631
753
  --_ctm-mob-dn-ln-ne-cr,
632
754
  var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
633
755
  );
634
- font-family: var(
756
+ font-family:
757
+ var(
635
758
  --_ctm-mob-dn-ln-ne-ft-fy,
636
759
  var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
637
760
  ),
@@ -671,7 +794,8 @@
671
794
  --_ctm-mob-dn-ln-as-cr,
672
795
  var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
673
796
  );
674
- font-family: var(
797
+ font-family:
798
+ var(
675
799
  --_ctm-mob-dn-ln-as-ft-fy,
676
800
  var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
677
801
  ),
@@ -711,7 +835,8 @@
711
835
  --_ctm-mob-dn-ln-iy-cr,
712
836
  var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
713
837
  );
714
- font-family: var(
838
+ font-family:
839
+ var(
715
840
  --_ctm-mob-dn-ln-iy-ft-fy,
716
841
  var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
717
842
  ),
@@ -750,7 +875,8 @@
750
875
  --_ctm-mob-dn-ln-ts-cr,
751
876
  var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
752
877
  );
753
- font-family: var(
878
+ font-family:
879
+ var(
754
880
  --_ctm-mob-dn-ln-ts-ft-fy,
755
881
  var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
756
882
  ),
@@ -809,45 +935,46 @@
809
935
  var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
810
936
  );
811
937
 
812
- border-color: var(
813
- --_ctm-mob-dn-im-se-br-cr,
814
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
815
- );
816
- border-style: var(
817
- --_ctm-mob-dn-im-se-br-se,
818
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
819
- );
820
- border-width: var(
821
- --_ctm-mob-dn-im-se-br-wh,
822
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
823
- );
938
+ // border-color: var(
939
+ // --_ctm-mob-dn-im-se-br-cr,
940
+ // var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
941
+ // );
942
+ // border-style: var(
943
+ // --_ctm-mob-dn-im-se-br-se,
944
+ // var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
945
+ // );
946
+ // border-width: var(
947
+ // --_ctm-mob-dn-im-se-br-wh,
948
+ // var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
949
+ // );
824
950
  border-radius: var(
825
951
  --_ctm-mob-dn-im-se-br-rs,
826
952
  var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
827
953
  );
828
954
 
829
- box-shadow: var(
830
- --_ctm-mob-dn-im-se-sw-ae,
831
- var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
832
- )
833
- var(
834
- --_ctm-mob-dn-im-se-sw-br,
835
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
836
- )
837
- var(
838
- --_ctm-mob-dn-im-se-sw-sd,
839
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
840
- )
841
- var(
842
- --_ctm-mob-dn-im-se-sw-cr,
843
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
844
- );
955
+ // box-shadow: var(
956
+ // --_ctm-mob-dn-im-se-sw-ae,
957
+ // var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
958
+ // )
959
+ // var(
960
+ // --_ctm-mob-dn-im-se-sw-br,
961
+ // var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
962
+ // )
963
+ // var(
964
+ // --_ctm-mob-dn-im-se-sw-sd,
965
+ // var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
966
+ // )
967
+ // var(
968
+ // --_ctm-mob-dn-im-se-sw-cr,
969
+ // var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
970
+ // );
845
971
  .name {
846
972
  color: var(
847
973
  --_ctm-mob-dn-ln-ne-cr,
848
974
  var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
849
975
  );
850
- font-family: var(
976
+ font-family:
977
+ var(
851
978
  --_ctm-mob-dn-ln-ne-ft-fy,
852
979
  var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
853
980
  ),
@@ -886,7 +1013,8 @@
886
1013
  --_ctm-mob-dn-ln-as-cr,
887
1014
  var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
888
1015
  );
889
- font-family: var(
1016
+ font-family:
1017
+ var(
890
1018
  --_ctm-mob-dn-ln-as-ft-fy,
891
1019
  var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
892
1020
  ),
@@ -926,7 +1054,8 @@
926
1054
  --_ctm-mob-dn-ln-iy-cr,
927
1055
  var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
928
1056
  );
929
- font-family: var(
1057
+ font-family:
1058
+ var(
930
1059
  --_ctm-mob-dn-ln-iy-ft-fy,
931
1060
  var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
932
1061
  ),
@@ -965,7 +1094,8 @@
965
1094
  --_ctm-mob-dn-ln-ts-cr,
966
1095
  var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
967
1096
  );
968
- font-family: var(
1097
+ font-family:
1098
+ var(
969
1099
  --_ctm-mob-dn-ln-ts-ft-fy,
970
1100
  var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
971
1101
  ),
@@ -1013,9 +1143,10 @@
1013
1143
  cursor: pointer;
1014
1144
  color: var(
1015
1145
  --_ctm-mob-dn-sw-me-is-bn-cr,
1016
- var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-cr))
1146
+ var(--_ctm-tab-dn-sw-me-is-bn-cr, var(--_ctm-dn-sw-me-is-bn-tt-cr))
1017
1147
  );
1018
- font-family: var(
1148
+ font-family:
1149
+ var(
1019
1150
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1020
1151
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1021
1152
  ),
@@ -1052,50 +1183,11 @@
1052
1183
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1053
1184
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1054
1185
  );
1055
- border-color: var(
1056
- --_show-border-im-se,
1057
- var(
1058
- --_ctm-mob-dn-sw-me-is-bn-br-cr,
1059
- var(--_ctm-tab-dn-sw-me-is-bn-br-cr, var(--_ctm-dn-sw-me-is-bn-br-cr))
1060
- )
1061
- );
1062
- border-style: var(
1063
- --_show-border-im-se,
1064
- var(
1065
- --_ctm-mob-dn-sw-me-is-bn-br-se,
1066
- var(--_ctm-tab-dn-sw-me-is-bn-br-se, var(--_ctm-dn-sw-me-is-bn-br-se))
1067
- )
1068
- );
1069
- border-width: var(
1070
- --_show-border-im-se,
1071
- var(
1072
- --_ctm-mob-dn-sw-me-is-bn-br-wh,
1073
- var(--_ctm-tab-dn-sw-me-is-bn-br-wh, var(--_ctm-dn-sw-me-is-bn-br-wh))
1074
- )
1075
- );
1186
+
1076
1187
  border-radius: var(
1077
1188
  --_ctm-mob-dn-sw-me-is-bn-br-rs,
1078
1189
  var(--_ctm-tab-dn-sw-me-is-bn-br-rs, var(--_ctm-dn-sw-me-is-bn-br-rs))
1079
1190
  );
1080
- box-shadow: var(
1081
- --_show-shadow-im-se,
1082
- var(
1083
- --_ctm-mob-dn-sw-me-is-bn-sw-ae,
1084
- var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
1085
- )
1086
- var(
1087
- --_ctm-mob-dn-sw-me-is-bn-sw-br,
1088
- var(--_ctm-tab-dn-sw-me-is-bn-sw-br, var(--_ctm-dn-sw-me-is-bn-sw-br))
1089
- )
1090
- var(
1091
- --_ctm-mob-dn-sw-me-is-bn-sw-sd,
1092
- var(--_ctm-tab-dn-sw-me-is-bn-sw-sd, var(--_ctm-dn-sw-me-is-bn-sw-sd))
1093
- )
1094
- var(
1095
- --_ctm-mob-dn-sw-me-is-bn-sw-cr,
1096
- var(--_ctm-tab-dn-sw-me-is-bn-sw-cr, var(--_ctm-dn-sw-me-is-bn-sw-cr))
1097
- )
1098
- );
1099
1191
  }
1100
1192
  }
1101
1193
  }
package/dist/tab-v2.scss CHANGED
@@ -561,20 +561,20 @@ $tabBodyWrapper: #{$tabBody}__wrapper;
561
561
  }
562
562
  }
563
563
 
564
- &[data-view-state="full"] {
565
- width: auto;
566
- margin: 0;
567
- justify-self: stretch !important;
568
- align-self: stretch !important;
569
- cursor: auto;
570
- &:is(#{$activeElementSelector}) {
571
- & > div {
572
- &[data-div-type="wrapper__layer"] {
573
- --_sf-vt-zz: visible;
574
- --_sf-op-zz: 1;
575
- }
576
- }
577
- }
578
- }
564
+ // &[data-view-state="full"] {
565
+ // width: auto;
566
+ // margin: 0;
567
+ // justify-self: stretch !important;
568
+ // align-self: stretch !important;
569
+ // cursor: auto;
570
+ // &:is(#{$activeElementSelector}) {
571
+ // & > div {
572
+ // &[data-div-type="wrapper__layer"] {
573
+ // --_sf-vt-zz: visible;
574
+ // --_sf-op-zz: 1;
575
+ // }
576
+ // }
577
+ // }
578
+ // }
579
579
  }
580
580
  }
@@ -5,6 +5,8 @@ $ie: '[contenteditable="true"]';
5
5
  $re: '[data-cms-tool="cms-element-resizer"]';
6
6
  $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
7
7
 
8
+ @use "./functions.scss" as *;
9
+
8
10
  [data-div-type="element"] {
9
11
  &[data-element-type="text"] {
10
12
  // width: var(--_lt-wh);
@@ -47,7 +49,8 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
47
49
 
48
50
  & > .wrapper {
49
51
  width: 100%;
50
- min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
52
+ // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
53
+ min-height: prepareMediaVariable(--_ctm-lt-ht);
51
54
  // min-height: 50px;
52
55
  background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
53
56
  padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
@@ -103,6 +103,14 @@ export declare const getDefaultData: () => {
103
103
  value: boolean;
104
104
  propertyType: CMSElementEditTypes;
105
105
  };
106
+ checkoutButtonLinkTo: {
107
+ value: boolean;
108
+ propertyType: CMSElementEditTypes;
109
+ };
110
+ placeOrderButtonLinkTo: {
111
+ value: null;
112
+ propertyType: CMSElementEditTypes;
113
+ };
106
114
  showPlaceOrderButton: {
107
115
  value: boolean;
108
116
  propertyType: CMSElementEditTypes;
@@ -112,6 +120,34 @@ export declare const getDefaultData: () => {
112
120
  propertyType: CMSElementEditTypes;
113
121
  property: string;
114
122
  };
123
+ requestQuoteButtonLinkTo: {
124
+ value: null;
125
+ propertyType: CMSElementEditTypes;
126
+ };
127
+ showReviewOrderButton: {
128
+ value: boolean;
129
+ propertyType: CMSElementEditTypes;
130
+ };
131
+ reviewOrderButtonLinkTo: {
132
+ value: null;
133
+ propertyType: CMSElementEditTypes;
134
+ };
135
+ showCreateSubOrdersButton: {
136
+ value: boolean;
137
+ propertyType: CMSElementEditTypes;
138
+ };
139
+ createSubOrdersButtonLinkTo: {
140
+ value: null;
141
+ propertyType: CMSElementEditTypes;
142
+ };
143
+ showSubmitQuoteButton: {
144
+ value: boolean;
145
+ propertyType: CMSElementEditTypes;
146
+ };
147
+ submitQuoteButtonLinkTo: {
148
+ value: null;
149
+ propertyType: CMSElementEditTypes;
150
+ };
115
151
  showProductImage: {
116
152
  value: boolean;
117
153
  property: string;