@sc-360-v2/storefront-cms-library 0.5.60 → 0.5.62

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 (132) hide show
  1. package/dist/add-existing-form.scss +5 -13
  2. package/dist/add-order.scss +236 -126
  3. package/dist/add-products-tab-details.scss +2097 -1048
  4. package/dist/add-products-tab.scss +1204 -666
  5. package/dist/allocation-header-quota-details.scss +407 -189
  6. package/dist/allocationDetails.scss +2155 -1671
  7. package/dist/allocations-quota-details.scss +323 -159
  8. package/dist/allocations.scss +793 -475
  9. package/dist/amount-estimator.scss +743 -405
  10. package/dist/badge.scss +18 -43
  11. package/dist/brand-basic-elements.scss +124 -76
  12. package/dist/brand.scss +55 -28
  13. package/dist/breadcrumbs.scss +718 -356
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +2027 -1128
  16. package/dist/bundle.scss +1489 -841
  17. package/dist/bundleCategories.scss +301 -0
  18. package/dist/bundleDetails.scss +5072 -3774
  19. package/dist/button.scss +113 -78
  20. package/dist/buy-for-tab-container.scss +106 -77
  21. package/dist/buyForHeaders.scss +2976 -1722
  22. package/dist/cart-details.scss +1025 -485
  23. package/dist/cart-summary.scss +1234 -569
  24. package/dist/cart-wrapper.scss +79 -37
  25. package/dist/cart.scss +225 -117
  26. package/dist/cartAttributes.scss +647 -367
  27. package/dist/cartDropdownOverlay.scss +10 -1
  28. package/dist/category-groups-element.scss +108 -127
  29. package/dist/category-groups-product-grid.scss +147 -120
  30. package/dist/category-groups-product-image.scss +1457 -1162
  31. package/dist/category-groups-product-options.scss +685 -590
  32. package/dist/category-groups-product-price.scss +3244 -1966
  33. package/dist/category-groups-quota-details.scss +464 -210
  34. package/dist/category.scss +50 -26
  35. package/dist/checkout.scss +16 -24
  36. package/dist/confirm-modal.scss +2 -22
  37. package/dist/container.scss +54 -32
  38. package/dist/countdown.scss +443 -256
  39. package/dist/coupon.scss +16 -19
  40. package/dist/default-dropdown.scss +1 -12
  41. package/dist/embroider-template-1-v2.scss +172 -123
  42. package/dist/embroider-template-1.scss +104 -68
  43. package/dist/embroidery.scss +31 -30
  44. package/dist/employee-bulk-order.scss +142 -418
  45. package/dist/faq.scss +408 -228
  46. package/dist/filter-results.scss +265 -125
  47. package/dist/filters.scss +1682 -831
  48. package/dist/gallery-slider-temp.scss +811 -445
  49. package/dist/global-styles.scss +7 -23
  50. package/dist/grid.scss +33 -25
  51. package/dist/hotspot.scss +115 -68
  52. package/dist/image-temp.scss +38 -24
  53. package/dist/item-stock.scss +16 -9
  54. package/dist/kitDetails.scss +4301 -2721
  55. package/dist/kits.scss +19 -24
  56. package/dist/language-selector.scss +361 -211
  57. package/dist/last-x-orders.scss +174 -95
  58. package/dist/layouter-item.scss +106 -76
  59. package/dist/layouter-pro-item.scss +95 -89
  60. package/dist/layouter-pro.scss +92 -87
  61. package/dist/layouter.scss +264 -79
  62. package/dist/light-box-v2.scss +104 -89
  63. package/dist/login.scss +600 -311
  64. package/dist/map.scss +391 -228
  65. package/dist/marchandiserSets.scss +104 -95
  66. package/dist/mega-menu-container.scss +109 -96
  67. package/dist/mega-menu.scss +731 -624
  68. package/dist/menu-item.scss +2 -2
  69. package/dist/menu-v2.scss +619 -507
  70. package/dist/multi-select-dropdown.scss +3 -27
  71. package/dist/my-templates.scss +9 -38
  72. package/dist/option-bar.scss +375 -215
  73. package/dist/order-status.scss +1117 -643
  74. package/dist/overflow-module.scss +7 -6
  75. package/dist/past-orders.scss +149 -118
  76. package/dist/payment-methods.scss +30 -46
  77. package/dist/pickup-locations.scss +1118 -558
  78. package/dist/position-module.scss +17 -20
  79. package/dist/prefix-list.scss +10 -21
  80. package/dist/product-actions.scss +1778 -1228
  81. package/dist/product-basic-elements.scss +169 -108
  82. package/dist/product-highlights.scss +176 -107
  83. package/dist/product-image-bundles.scss +642 -337
  84. package/dist/product-inventory.scss +1357 -673
  85. package/dist/product-labels.scss +105 -84
  86. package/dist/product-options.scss +659 -316
  87. package/dist/product-price.scss +2562 -1284
  88. package/dist/product-promotions.scss +2830 -1388
  89. package/dist/product-sizechart.scss +905 -516
  90. package/dist/product.scss +61 -28
  91. package/dist/productDetails.scss +39 -19
  92. package/dist/profile.scss +451 -207
  93. package/dist/quantity-selector.scss +550 -313
  94. package/dist/quick-inventory-check.scss +174 -95
  95. package/dist/quick-links.scss +137 -56
  96. package/dist/quick-order-pad.scss +271 -218
  97. package/dist/quota-details.scss +282 -152
  98. package/dist/quotes.scss +121 -82
  99. package/dist/repeater-embla-controls.scss +26 -37
  100. package/dist/repeater-grid-toggle.scss +166 -156
  101. package/dist/repeater-item.scss +64 -41
  102. package/dist/repeater.scss +817 -554
  103. package/dist/request-for-quotes.scss +16 -66
  104. package/dist/responsive-behaviour.scss +1 -3
  105. package/dist/rfqs.scss +181 -118
  106. package/dist/scroll.scss +198 -90
  107. package/dist/search.scss +326 -179
  108. package/dist/section.scss +51 -27
  109. package/dist/shipping-payments.scss +58 -198
  110. package/dist/simple-list.scss +198 -61
  111. package/dist/social.scss +145 -80
  112. package/dist/stack.scss +34 -23
  113. package/dist/static-global.scss +26 -44
  114. package/dist/stockStatus.scss +19 -11
  115. package/dist/store-locations.scss +1105 -577
  116. package/dist/tab-container.scss +108 -81
  117. package/dist/table-common.scss +408 -217
  118. package/dist/table.scss +511 -269
  119. package/dist/text-temp.scss +7 -8
  120. package/dist/theme-classes.scss +13 -17
  121. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +1051 -2
  122. package/dist/types/builder/tools/element-edit/layouter.d.ts +33 -1
  123. package/dist/types/builder/tools/element-edit/productOptions.d.ts +3 -1
  124. package/dist/types/builder/tools/element-edit/repeater.d.ts +45 -1
  125. package/dist/types/builder/tools/element-edit/scroll.d.ts +6 -0
  126. package/dist/types/builder/tools/element-edit/userElements.d.ts +38 -37
  127. package/dist/uom-selector.scss +949 -489
  128. package/dist/user-elements.scss +892 -574
  129. package/dist/variant-picker.scss +2555 -1281
  130. package/dist/volume-pricing.scss +1037 -541
  131. package/dist/widget.scss +1 -0
  132. package/package.json +1 -1
@@ -37,7 +37,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
37
37
  &#{$dblclk} {
38
38
  --_sf-op-bm-zz: 1;
39
39
  --_sf-vt-bm-zz: visible;
40
-
41
40
  #{$re} {
42
41
  display: none !important;
43
42
  }
@@ -48,7 +47,7 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
48
47
  unicode-bidi: plaintext;
49
48
  }
50
49
 
51
- &>.wrapper {
50
+ & > .wrapper {
52
51
  width: 100%;
53
52
  // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
54
53
  min-height: prepareMediaVariable(--_ctm-lt-ht);
@@ -59,8 +58,11 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
59
58
  border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
60
59
  border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
61
60
  border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
62
- box-shadow: var(--_show-shadow,
63
- var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br)) var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr)));
61
+ box-shadow: var(
62
+ --_show-shadow,
63
+ var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
64
+ var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
65
+ );
64
66
  // height: 100%;
65
67
 
66
68
  #{$ie} {
@@ -70,7 +72,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
70
72
  }
71
73
  }
72
74
  }
73
-
74
75
  &[data-show-shadow="false"] {
75
76
  --_show-shadow: none;
76
77
  }
@@ -97,14 +98,12 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
97
98
 
98
99
  // transform: scale(var(--_ctm-dn-zm-ie));
99
100
  scale: var(--_ctm-dn-zm-ie);
100
-
101
101
  &[data-flip-x="true"] {
102
102
  transform: scaleX(-1);
103
103
  }
104
-
105
104
  &[data-flip-y="true"] {
106
105
  transform: scaleY(-1);
107
106
  }
108
107
  }
109
108
  }
110
- }
109
+ }
@@ -35,7 +35,6 @@
35
35
  line-height: var(--_thm-ty-h2-le-ht);
36
36
  text-decoration: var(--_thm-ty-h2-ue);
37
37
  }
38
-
39
38
  .flx-thm-typ-h3 {
40
39
  // padding-inline: var(--_sf-cd-gp);
41
40
  color: var(--_thm-ty-h3-tt-cr);
@@ -51,7 +50,6 @@
51
50
  line-height: var(--_thm-ty-h3-le-ht);
52
51
  text-decoration: var(--_thm-ty-h3-ue);
53
52
  }
54
-
55
53
  .flx-thm-typ-h4 {
56
54
  // padding-inline: var(--_sf-cd-gp);
57
55
  color: var(--_thm-ty-h4-tt-cr);
@@ -67,7 +65,6 @@
67
65
  line-height: var(--_thm-ty-h4-le-ht);
68
66
  text-decoration: var(--_thm-ty-h4-ue);
69
67
  }
70
-
71
68
  .flx-thm-typ-h6 {
72
69
  // padding-inline: var(--_sf-cd-gp);
73
70
  color: var(--_thm-ty-h6-tt-cr);
@@ -115,7 +112,6 @@
115
112
  line-height: var(--_thm-ty-p1-le-ht);
116
113
  text-decoration: var(--_thm-ty-p1-ue);
117
114
  }
118
-
119
115
  .flx-thm-typ-p2 {
120
116
  // padding-inline: var(--_sf-cd-gp);
121
117
  color: var(--_thm-ty-p2-tt-cr);
@@ -186,7 +182,10 @@
186
182
 
187
183
  border-radius: var(--_sf-hr-br-rs, var(--_thm-py-bs-dt-se-br-rs));
188
184
 
189
- box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
185
+ box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae))
186
+ var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br))
187
+ var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd))
188
+ var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
190
189
 
191
190
  &[data-show-border="true"] {
192
191
  border-color: var(--_sf-hr-br-cr, var(--_thm-py-bs-dt-se-br-cr));
@@ -212,12 +211,10 @@
212
211
  text-transform: var(--_sf-hr-tt-tm, var(--_thm-py-bs-dt-se-ft));
213
212
  word-wrap: var(--_sf-hr-wd-wp, var(--_thm-py-bs-dt-se-ft));
214
213
  word-break: var(--_sf-hr-wd-bk, var(--_thm-py-bs-dt-se-ft));
215
-
216
214
  &.flex__overflow {
217
215
  white-space: normal;
218
216
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
219
217
  }
220
-
221
218
  font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
222
219
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-bd));
223
220
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ic));
@@ -228,7 +225,6 @@
228
225
 
229
226
  .icon {
230
227
  display: var(--_hover-show-icon, var(--_show-icon, flex));
231
-
232
228
  svg {
233
229
  width: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
234
230
  height: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
@@ -282,7 +278,10 @@
282
278
  gap: var(--_thm-sy-bs-in-ad-tt-sg);
283
279
  border-radius: var(--_sf-hr-br-rs, var(--_thm-sy-bs-dt-se-br-rs));
284
280
 
285
- box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
281
+ box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae))
282
+ var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br))
283
+ var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd))
284
+ var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
286
285
 
287
286
  &[data-show-border="true"] {
288
287
  border-color: var(--_sf-hr-br-cr, var(--_thm-sy-bs-dt-se-br-cr));
@@ -308,12 +307,10 @@
308
307
  text-transform: var(--_sf-hr-tt-tm, var(--_thm-sy-bs-dt-se-ft));
309
308
  word-wrap: var(--_sf-hr-wd-wp, var(--_thm-sy-bs-dt-se-ft));
310
309
  word-break: var(--_sf-hr-wd-bk, var(--_thm-sy-bs-dt-se-ft));
311
-
312
310
  &.flex__overflow {
313
311
  white-space: normal;
314
312
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
315
313
  }
316
-
317
314
  font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
318
315
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-bd));
319
316
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ic));
@@ -324,7 +321,6 @@
324
321
 
325
322
  .icon {
326
323
  display: var(--_hover-show-icon, var(--_show-icon, flex));
327
-
328
324
  svg {
329
325
  width: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
330
326
  height: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
@@ -378,7 +374,10 @@
378
374
  gap: var(--_thm-ty-bs-in-ad-tt-sg);
379
375
  border-radius: var(--_sf-hr-br-rs, var(--_thm-ty-bs-dt-se-br-rs));
380
376
 
381
- box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
377
+ box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae))
378
+ var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br))
379
+ var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd))
380
+ var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
382
381
 
383
382
  &[data-show-border="true"] {
384
383
  border-color: var(--_sf-hr-br-cr, var(--_thm-ty-bs-dt-se-br-cr));
@@ -391,12 +390,10 @@
391
390
  text-transform: var(--_sf-hr-tt-tm, var(--_thm-ty-bs-dt-se-ft));
392
391
  word-wrap: var(--_sf-hr-wd-wp, var(--_thm-ty-bs-dt-se-ft));
393
392
  word-break: var(--_sf-hr-wd-bk, var(--_thm-ty-bs-dt-se-ft));
394
-
395
393
  &.flex__overflow {
396
394
  white-space: normal;
397
395
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
398
396
  }
399
-
400
397
  font-size: var(--_sf-hr-ft-se, var(--_thm-ty-bs-dt-se-ft-se));
401
398
  font-weight: var(--_sf-hr-ft-wt, var(--_thm-ty-bs-dt-se-bd));
402
399
  font-style: var(--_sf-hr-ft-se-ic, var(--_thm-ty-bs-dt-se-ic));
@@ -407,7 +404,6 @@
407
404
 
408
405
  .icon {
409
406
  display: var(--_hover-show-icon, var(--_show-icon, flex));
410
-
411
407
  svg {
412
408
  width: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
413
409
  height: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
@@ -422,4 +418,4 @@
422
418
  display: inline-block;
423
419
  width: 100%;
424
420
  }
425
- }
421
+ }