@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

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