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

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 (201) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +129 -245
  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 +198 -411
  6. package/dist/allocationDetails.scss +1645 -2126
  7. package/dist/allocations-quota-details.scss +168 -327
  8. package/dist/allocations.scss +476 -797
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/animation-control.scss +23 -23
  11. package/dist/badge.scss +43 -18
  12. package/dist/brand-basic-elements.scss +76 -124
  13. package/dist/brand.scss +28 -55
  14. package/dist/breadcrumbs.scss +356 -718
  15. package/dist/builder.js +1 -1
  16. package/dist/bulk-variant-picker.scss +1133 -2034
  17. package/dist/bundle copy.scss +235 -0
  18. package/dist/bundle.scss +843 -1479
  19. package/dist/bundleDetails.scss +3774 -5063
  20. package/dist/button copy.scss +28 -0
  21. package/dist/button.scss +78 -103
  22. package/dist/buy-for-tab-container.scss +77 -106
  23. package/dist/buy-for-tabs-container-item.scss +80 -80
  24. package/dist/buyForHeaders.scss +1725 -2988
  25. package/dist/cart-details.scss +491 -1012
  26. package/dist/cart-products-sidebar.scss +211 -211
  27. package/dist/cart-summary.scss +559 -1152
  28. package/dist/cart-wrapper.scss +85 -127
  29. package/dist/cart.scss +115 -223
  30. package/dist/cartAttributes.scss +367 -647
  31. package/dist/cartGrouping.scss +89 -89
  32. package/dist/category-groups-element.scss +127 -108
  33. package/dist/category-groups-product-grid.scss +40 -79
  34. package/dist/category-groups-product-image.scss +457 -1390
  35. package/dist/category-groups-product-options.scss +224 -693
  36. package/dist/category-groups-product-price.scss +1326 -4859
  37. package/dist/category-groups-quota-details.scss +217 -466
  38. package/dist/category.scss +26 -50
  39. package/dist/categoryDetails.scss +61 -61
  40. package/dist/categoryWidget.scss +34 -34
  41. package/dist/checkbox-radio.scss +124 -124
  42. package/dist/checkout.scss +1858 -4170
  43. package/dist/common-element.scss +35 -35
  44. package/dist/confirm-modal.scss +22 -2
  45. package/dist/confirmationModal.scss +139 -139
  46. package/dist/container.scss +32 -54
  47. package/dist/countdown.scss +256 -443
  48. package/dist/coupon.scss +355 -714
  49. package/dist/custom-fonts.scss +100 -100
  50. package/dist/default-dropdown.scss +12 -1
  51. package/dist/embroider-preview-element.scss +94 -94
  52. package/dist/embroider-template-1-v2.scss +123 -172
  53. package/dist/embroider-template-1.scss +68 -104
  54. package/dist/embroidery.scss +30 -31
  55. package/dist/employee-bulk-order.scss +418 -142
  56. package/dist/emtpy-templates.scss +165 -165
  57. package/dist/faq.scss +235 -419
  58. package/dist/filter-results.scss +125 -265
  59. package/dist/filters.scss +831 -1682
  60. package/dist/flex-text-editor.scss +271 -271
  61. package/dist/functions.scss +36 -0
  62. package/dist/gallery-slider-temp.scss +435 -758
  63. package/dist/global-styles.scss +23 -7
  64. package/dist/grid.scss +25 -33
  65. package/dist/hotspot.scss +69 -119
  66. package/dist/icon-list.scss +30 -59
  67. package/dist/image-for-product.scss +21 -21
  68. package/dist/image-temp.scss +21 -20
  69. package/dist/item-stock.scss +9 -16
  70. package/dist/kitDetails.scss +2719 -4299
  71. package/dist/kits.scss +24 -19
  72. package/dist/language-selector.scss +233 -375
  73. package/dist/last-x-orders.scss +101 -187
  74. package/dist/layouter-item.scss +75 -103
  75. package/dist/layouter-pro-item.scss +89 -95
  76. package/dist/layouter-pro.scss +87 -92
  77. package/dist/layouter.scss +67 -117
  78. package/dist/light-box-v2.scss +89 -104
  79. package/dist/lightbox.scss +78 -78
  80. package/dist/line.scss +29 -70
  81. package/dist/loader.scss +37 -37
  82. package/dist/login.scss +291 -572
  83. package/dist/map.scss +220 -369
  84. package/dist/marchandiserSets.scss +95 -104
  85. package/dist/mega-menu-container.scss +96 -109
  86. package/dist/mega-menu.scss +624 -734
  87. package/dist/menu-item.scss +19 -19
  88. package/dist/menu-v2.scss +507 -619
  89. package/dist/multi-select-dropdown.scss +27 -3
  90. package/dist/my-templates.scss +38 -9
  91. package/dist/myTemplates.scss +3 -0
  92. package/dist/option-bar.scss +215 -375
  93. package/dist/order-processing.scss +61 -61
  94. package/dist/order-status.scss +643 -1117
  95. package/dist/overflow-module.scss +62 -63
  96. package/dist/past-orders.scss +118 -149
  97. package/dist/payment-methods.scss +46 -30
  98. package/dist/pickup-locations.scss +564 -1121
  99. package/dist/position-module.scss +98 -95
  100. package/dist/prefix-list.scss +97 -86
  101. package/dist/product-actions.scss +1230 -1783
  102. package/dist/product-basic-elements.scss +108 -169
  103. package/dist/product-highlights.scss +116 -157
  104. package/dist/product-image-bundles.scss +345 -671
  105. package/dist/product-image.scss +341 -724
  106. package/dist/product-inventory.scss +673 -1357
  107. package/dist/product-labels.scss +94 -113
  108. package/dist/product-options.scss +288 -486
  109. package/dist/product-price.scss +1284 -2556
  110. package/dist/product-promotions.scss +1388 -2830
  111. package/dist/product-sizechart.scss +516 -905
  112. package/dist/product.scss +28 -61
  113. package/dist/productDetails.scss +19 -38
  114. package/dist/profile.scss +231 -447
  115. package/dist/quantity-selector.scss +313 -550
  116. package/dist/quick-inventory-check.scss +101 -187
  117. package/dist/quick-links.scss +56 -133
  118. package/dist/quick-order-pad.scss +216 -269
  119. package/dist/quota-details.scss +163 -297
  120. package/dist/quotes.scss +82 -121
  121. package/dist/repeater copy.scss +24 -0
  122. package/dist/repeater-embla-controls.scss +34 -14
  123. package/dist/repeater-grid-toggle.scss +156 -166
  124. package/dist/repeater-item.scss +41 -64
  125. package/dist/repeater.scss +579 -688
  126. package/dist/request-for-quotes.scss +66 -16
  127. package/dist/responsive-behaviour.scss +31 -29
  128. package/dist/rfqs.scss +118 -181
  129. package/dist/scroll.scss +89 -167
  130. package/dist/search.scss +179 -326
  131. package/dist/section.scss +27 -51
  132. package/dist/shareCartSideBar.scss +254 -254
  133. package/dist/shipping-estimator.scss +41 -41
  134. package/dist/shipping-payments.scss +198 -58
  135. package/dist/simple-list.scss +65 -135
  136. package/dist/social.scss +78 -143
  137. package/dist/sort.scss +89 -89
  138. package/dist/stack.scss +23 -34
  139. package/dist/static-global.scss +44 -26
  140. package/dist/static-text.scss +52 -52
  141. package/dist/stockStatus.scss +11 -19
  142. package/dist/store-locations.scss +587 -1113
  143. package/dist/sub-category.scss +74 -74
  144. package/dist/submit-quote.scss +275 -275
  145. package/dist/tab-container-item.scss +80 -80
  146. package/dist/tab-container.scss +81 -108
  147. package/dist/tab-v2.scss +277 -604
  148. package/dist/table-common.scss +215 -406
  149. package/dist/table.scss +267 -509
  150. package/dist/text-temp-v2.scss +12 -23
  151. package/dist/text-temp.scss +110 -109
  152. package/dist/theme-classes.scss +17 -13
  153. package/dist/toggle-button.scss +32 -32
  154. package/dist/transform-properties-module.scss +20 -20
  155. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  156. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  157. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  158. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  159. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  160. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  161. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  162. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  163. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  164. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  165. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  166. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  167. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  168. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  169. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  170. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  171. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  172. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  173. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  174. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  175. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  176. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  177. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  179. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  180. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  181. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  182. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  183. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  184. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  185. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  186. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  187. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  189. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  190. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  191. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  192. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  193. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  194. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  195. package/dist/uom-selector.scss +489 -943
  196. package/dist/user-elements.scss +537 -826
  197. package/dist/variant-picker.scss +1282 -2559
  198. package/dist/video.scss +147 -325
  199. package/dist/volume-pricing.scss +539 -1035
  200. package/dist/wishlist-overlay.scss +48 -48
  201. package/package.json +131 -131
package/dist/category-groups-product-grid.scss CHANGED
@@ -15,43 +15,23 @@
15
15
  // > slider arrows / dots (slider mode)
16
16
  .cg_product_grid {
17
17
  // Slider-control intermediate vars consumed by the embla-controls mixin.
18
- --_sf-ic-sz-nn: var(
19
- --_ctm-mob-catego-dn-pt-gd-dn-lt-aw-in-se,
20
- var(--_ctm-tab-catego-dn-pt-gd-dn-lt-aw-in-se, var(--_ctm-catego-dn-pt-gd-dn-lt-aw-in-se, 40px))
21
- );
22
- --_sf-ed-vl-sz: var(
23
- --_ctm-mob-catego-dn-pt-gd-dn-lt-dt-se,
24
- var(--_ctm-tab-catego-dn-pt-gd-dn-lt-dt-se, var(--_ctm-catego-dn-pt-gd-dn-lt-dt-se, 10px))
25
- );
18
+ --_sf-ic-sz-nn: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-aw-in-se,
19
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-aw-in-se, var(--_ctm-catego-dn-pt-gd-dn-lt-aw-in-se, 40px)));
20
+ --_sf-ed-vl-sz: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-dt-se,
21
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-dt-se, var(--_ctm-catego-dn-pt-gd-dn-lt-dt-se, 10px)));
26
22
 
27
23
  // ---- Grid mode: auto-fit columns by min column width ----
28
24
  &.grd {
29
- & > .cg_product_grid_wrapper {
25
+ &>.cg_product_grid_wrapper {
30
26
  width: 100%;
31
27
  display: grid;
32
- grid-template-columns: repeat(
33
- auto-fit,
34
- minmax(
35
- var(
36
- --_ctm-mob-catego-dn-pt-gd-dn-lt-mn-cn-wh,
37
- var(
38
- --_ctm-tab-catego-dn-pt-gd-dn-lt-mn-cn-wh,
39
- var(--_ctm-catego-dn-pt-gd-dn-lt-mn-cn-wh, 200px)
40
- )
41
- ),
42
- 1fr
43
- )
44
- );
45
- grid-auto-rows: minmax(
46
- var(
47
- --_ctm-mob-catego-dn-pt-gd-dn-lt-mn-rw-ht,
48
- var(
49
- --_ctm-tab-catego-dn-pt-gd-dn-lt-mn-rw-ht,
50
- var(--_ctm-catego-dn-pt-gd-dn-lt-mn-rw-ht, auto)
51
- )
52
- ),
53
- auto
54
- );
28
+ grid-template-columns: repeat(auto-fit,
29
+ minmax(var(--_ctm-mob-catego-dn-pt-gd-dn-lt-mn-cn-wh,
30
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-mn-cn-wh, var(--_ctm-catego-dn-pt-gd-dn-lt-mn-cn-wh, 200px))),
31
+ 1fr));
32
+ grid-auto-rows: minmax(var(--_ctm-mob-catego-dn-pt-gd-dn-lt-mn-rw-ht,
33
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-mn-rw-ht, var(--_ctm-catego-dn-pt-gd-dn-lt-mn-rw-ht, auto))),
34
+ auto);
55
35
  column-gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-cn-gp, 24px)};
56
36
  row-gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-rw-gp, 24px)};
57
37
  }
@@ -59,30 +39,19 @@
59
39
 
60
40
  // ---- Cards mode: fixed items per row (flex calc) ----
61
41
  &.crds {
62
- & > .cg_product_grid_wrapper {
42
+ &>.cg_product_grid_wrapper {
63
43
  display: flex;
64
44
  flex-wrap: wrap;
65
45
  width: 100%;
66
46
  column-gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-cn-gp, 24px)};
67
47
  row-gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-rw-gp, 24px)};
68
- & > .cg_product_card {
69
- --_col-count: var(
70
- --_ctm-mob-catego-dn-pt-gd-dn-lt-st-is-pr-rw,
71
- var(
72
- --_ctm-tab-catego-dn-pt-gd-dn-lt-st-is-pr-rw,
73
- var(--_ctm-catego-dn-pt-gd-dn-lt-st-is-pr-rw, 3)
74
- )
75
- );
48
+
49
+ &>.cg_product_card {
50
+ --_col-count: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-st-is-pr-rw,
51
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-st-is-pr-rw, var(--_ctm-catego-dn-pt-gd-dn-lt-st-is-pr-rw, 3)));
76
52
  --_col-gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-cn-gp, 0px)};
77
- width: calc(
78
- (100% / var(--_col-count)) -
79
- (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
80
- );
81
- flex: 0 0
82
- calc(
83
- (100% / var(--_col-count)) -
84
- (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
85
- );
53
+ width: calc((100% / var(--_col-count)) - (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count))));
54
+ flex: 0 0 calc((100% / var(--_col-count)) - (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count))));
86
55
  }
87
56
  }
88
57
  }
@@ -91,16 +60,15 @@
91
60
  &.sld {
92
61
  position: relative;
93
62
  overflow: clip;
94
- --_sf-sl-ct-ic-dt-at-cl: var(
95
- --_ctm-mob-catego-dn-pt-gd-dn-lt-cl-ae-cr,
96
- var(--_ctm-tab-catego-dn-pt-gd-dn-lt-cl-ae-cr, var(--_ctm-catego-dn-pt-gd-dn-lt-cl-ae-cr))
97
- );
63
+ --_sf-sl-ct-ic-dt-at-cl: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-cl-ae-cr,
64
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-cl-ae-cr, var(--_ctm-catego-dn-pt-gd-dn-lt-cl-ae-cr)));
98
65
 
99
66
  @for $i from 1 through 3 {
100
67
  &:is([data-control-type="#{$i}"]) {
101
- @if ($i == 3) {
68
+ @if ($i ==3) {
102
69
  overflow-y: visible;
103
70
  }
71
+
104
72
  @include CMSRepeaterEmblaControlStyles($i);
105
73
  }
106
74
  }
@@ -121,13 +89,15 @@
121
89
  .pagination__v1 {
122
90
  gap: 6px;
123
91
  }
124
- .pagination__v1 > button.embla__dot {
92
+
93
+ .pagination__v1>button.embla__dot {
125
94
  width: var(--_sf-ed-vl-sz, 10px);
126
95
  height: var(--_sf-ed-vl-sz, 10px);
127
96
  border-radius: 50%;
128
97
  background: #d6d6d6;
129
98
  }
130
- .pagination__v1 > button.embla__dot.embla__dot--selected {
99
+
100
+ .pagination__v1>button.embla__dot.embla__dot--selected {
131
101
  width: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
132
102
  border-radius: 999px;
133
103
  background: var(--_sf-sl-ct-ic-dt-at-cl, #7c3aed);
@@ -141,46 +111,37 @@
141
111
  overflow-x: auto;
142
112
  overflow-y: hidden;
143
113
  scrollbar-width: none;
114
+
144
115
  &::-webkit-scrollbar {
145
116
  display: none;
146
117
  }
147
- & > button.embla__dot {
118
+
119
+ &>button.embla__dot {
148
120
  flex-shrink: 0;
149
121
  }
150
122
  }
151
123
 
152
- & > .cg_product_grid_wrapper.embla__container {
124
+ &>.cg_product_grid_wrapper.embla__container {
153
125
  display: flex;
154
126
  width: 100%;
155
127
  min-height: 100px;
156
128
  gap: #{prepareMediaVariable(--_ctm-catego-dn-pt-gd-dn-lt-im-gp, 0px)};
157
- --_embla-slide-space: var(
158
- --_ctm-mob-catego-dn-pt-gd-dn-lt-im-gp,
159
- var(--_ctm-tab-catego-dn-pt-gd-dn-lt-im-gp, var(--_ctm-catego-dn-pt-gd-dn-lt-im-gp, 0px))
160
- );
161
- --_embla-col-count: var(
162
- --_ctm-mob-catego-dn-pt-gd-dn-lt-st-is-pr-se,
163
- var(
164
- --_ctm-tab-catego-dn-pt-gd-dn-lt-st-is-pr-se,
165
- var(--_ctm-catego-dn-pt-gd-dn-lt-st-is-pr-se, 3)
166
- )
167
- );
168
- & > .embla__slide {
169
- --_sf-cl-vl: calc(
170
- (100% / var(--_embla-col-count, 3)) -
171
- (
172
- ((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) /
173
- (var(--_embla-col-count, 3))
174
- )
175
- );
129
+ --_embla-slide-space: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-im-gp,
130
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-im-gp, var(--_ctm-catego-dn-pt-gd-dn-lt-im-gp, 0px)));
131
+ --_embla-col-count: var(--_ctm-mob-catego-dn-pt-gd-dn-lt-st-is-pr-se,
132
+ var(--_ctm-tab-catego-dn-pt-gd-dn-lt-st-is-pr-se, var(--_ctm-catego-dn-pt-gd-dn-lt-st-is-pr-se, 3)));
133
+
134
+ &>.embla__slide {
135
+ --_sf-cl-vl: calc((100% / var(--_embla-col-count, 3)) - (((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) / (var(--_embla-col-count, 3))));
176
136
  flex: 0 0 var(--_sf-cl-vl);
177
137
  width: var(--_sf-cl-vl);
178
138
  grid-template-rows: minmax(50px, auto);
179
139
  grid-template-columns: minmax(0px, 1fr);
140
+
180
141
  img {
181
142
  width: 100%;
182
143
  }
183
144
  }
184
145
  }
185
146
  }
186
- }
147
+ }