@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
package/dist/section.scss CHANGED
@@ -15,15 +15,22 @@ $tb: "tb_d_none";
15
15
  $mb: "mb_d_none";
16
16
 
17
17
  $rp: (
18
- class: (#{$tb}: (laptop: (display: "none !important",
18
+ class: (
19
+ #{$tb}: (
20
+ laptop: (
21
+ display: "none !important",
22
+ ),
19
23
  ),
20
- ),
21
- #{$dp}: (desktop: (display: "none !important",
24
+ #{$dp}: (
25
+ desktop: (
26
+ display: "none !important",
27
+ ),
22
28
  ),
23
- ),
24
- #{$mb}: (mobile: (display: "none !important",
29
+ #{$mb}: (
30
+ mobile: (
31
+ display: "none !important",
32
+ ),
25
33
  ),
26
- ),
27
34
  ),
28
35
  );
29
36
 
@@ -87,12 +94,19 @@ section {
87
94
  justify-self: stretch;
88
95
  align-self: stretch;
89
96
  justify-content: center;
90
- --_sf-element-vt-pd: max(0.5px,
91
- 0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width)));
92
- --_sf-element-hr-pd: max(0.5px,
93
- 0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width)));
94
- box-shadow: var(--_hide-section-shadow,
95
- prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-br) prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr));
97
+ --_sf-element-vt-pd: max(
98
+ 0.5px,
99
+ 0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
100
+ );
101
+ --_sf-element-hr-pd: max(
102
+ 0.5px,
103
+ 0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
104
+ );
105
+ box-shadow: var(
106
+ --_hide-section-shadow,
107
+ prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-br)
108
+ prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr)
109
+ );
96
110
  border-radius: prepareMediaVariable(--_ctm-sec-dn-br-rs) !important;
97
111
 
98
112
  &[data-background-type="color"] {
@@ -102,21 +116,29 @@ section {
102
116
  &[data-background-type="gradient"] {
103
117
  --_sf-sec-gradient-angle: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-ae, 90)} * 1deg);
104
118
  --_sf-sec-gradient-start-color: #{prepareMediaVariable(--_ctm-sec-dn-gt-st-cr, transparent)};
105
- --_sf-sec-gradient-start-position: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-st-pn, 0)} * 1%);
119
+ --_sf-sec-gradient-start-position: calc(
120
+ #{prepareMediaVariable(--_ctm-sec-dn-gt-st-pn, 0)} * 1%
121
+ );
106
122
  --_sf-sec-gradient-end-color: #{prepareMediaVariable(--_ctm-sec-dn-gt-ed-cr, transparent)};
107
- --_sf-sec-gradient-end-position: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-ed-pn, 100)} * 1%);
123
+ --_sf-sec-gradient-end-position: calc(
124
+ #{prepareMediaVariable(--_ctm-sec-dn-gt-ed-pn, 100)} * 1%
125
+ );
108
126
  --_sf-sec-gradient-position: #{prepareMediaVariable(--_ctm-sec-dn-gt-pn, center)};
109
127
 
110
128
  &[data-gradient-type="Linear Gradient"] {
111
- background-image: linear-gradient(var(--_sf-sec-gradient-angle),
112
- var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
113
- var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position));
129
+ background-image: linear-gradient(
130
+ var(--_sf-sec-gradient-angle),
131
+ var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
132
+ var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position)
133
+ );
114
134
  }
115
135
 
116
136
  &[data-gradient-type="Radial Gradient"] {
117
- background-image: radial-gradient(circle at var(--_sf-sec-gradient-position),
118
- var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
119
- var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position));
137
+ background-image: radial-gradient(
138
+ circle at var(--_sf-sec-gradient-position),
139
+ var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
140
+ var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position)
141
+ );
120
142
  }
121
143
  }
122
144
 
@@ -141,7 +163,7 @@ section {
141
163
  display: var(--_d-flex) !important;
142
164
  }
143
165
 
144
- &>div {
166
+ & > div {
145
167
  &[data-type="wrapper-layer"] {
146
168
  display: var(--_d-flex) !important;
147
169
  pointer-events: none;
@@ -160,8 +182,10 @@ section {
160
182
 
161
183
  &[data-div-type="cms-section-wrapper"] {
162
184
  // max-width: var(--_sf-wp-mx-wt);
163
- max-width: var(--_sf-dt-sec-mw,
164
- min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))) !important;
185
+ max-width: var(
186
+ --_sf-dt-sec-mw,
187
+ min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))
188
+ ) !important;
165
189
  // min-height: prepareMediaVariable(--_ctm-sec-lt-mn-ht);
166
190
  margin-inline: auto;
167
191
  position: var(--_p-relative);
@@ -183,7 +207,7 @@ section {
183
207
  div[data-div-type="element"] {
184
208
  position: var(--_p-relative);
185
209
 
186
- &>.wrapper {
210
+ & > .wrapper {
187
211
  grid-area: 1/1/2/2 !important;
188
212
 
189
213
  a {
@@ -211,7 +235,7 @@ div[data-div-type="element"] {
211
235
  }
212
236
 
213
237
  &:is(#{$activeElementSelector}) {
214
- &>div {
238
+ & > div {
215
239
  &[data-div-type="wrapper__layer"] {
216
240
  --_sf-vt-zz: visible;
217
241
  --_sf-op-zz: 1;
@@ -219,7 +243,7 @@ div[data-div-type="element"] {
219
243
  }
220
244
  }
221
245
 
222
- &>.wrapper {
246
+ & > .wrapper {
223
247
  height: 100%;
224
248
  width: 100%;
225
249
  }
@@ -249,4 +273,4 @@ div[data-div-type="element"] {
249
273
  // );
250
274
  // }
251
275
  // }
252
- }
276
+ }