@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/kits.scss CHANGED
@@ -17,29 +17,29 @@ $dataShowBorder: "[data-sw-br='true']";
17
17
  --_sf-ed-vl-sz: #{prepareMediaVariable(--_ctm-lt-dt-se, 10px)};
18
18
  --_sf-sl-ct-ic-dt-at-cl: #{prepareMediaVariable(--_ctm-lt-cl-ae-cr)};
19
19
 
20
- &>.wrapper {
20
+ & > .wrapper {
21
21
  min-height: prepareMediaVariable(--_ctm-lt-mn-ht, 0px);
22
22
  background-color: prepareMediaVariable(--_ctm-dn-wt-se-bd-cr);
23
23
  border-radius: prepareMediaVariable(--_ctm-dn-wt-se-br-rs);
24
-
25
24
  &#{$dataShowBorder} {
26
25
  border-color: prepareMediaVariable(--_ctm-dn-wt-se-br-cr);
27
26
  border-style: prepareMediaVariable(--_ctm-dn-wt-se-br-se);
28
27
  border-width: prepareMediaVariable(--_ctm-dn-wt-se-br-wh);
29
28
  }
30
-
31
29
  &#{$dataShowShadow} {
32
- box-shadow: #{prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-br)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-cr)};
30
+ box-shadow: #{prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)}
31
+ #{prepareMediaVariable(--_ctm-dn-wt-se-sw-br)}
32
+ #{prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)}
33
+ #{prepareMediaVariable(--_ctm-dn-wt-se-sw-cr)};
33
34
  }
34
35
 
35
36
  padding: prepareMediaVariable(--_ctm-lt-pg);
36
37
 
37
38
  @for $i from 1 through 3 {
38
39
  &:is([data-control-type="#{$i}"]) {
39
- @if ($i ==3) {
40
+ @if ($i == 3) {
40
41
  overflow-y: visible;
41
42
  }
42
-
43
43
  @include CMSRepeaterEmblaControlStyles($i);
44
44
  }
45
45
  }
@@ -60,7 +60,10 @@ $dataShowBorder: "[data-sw-br='true']";
60
60
 
61
61
  border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-br-rs));
62
62
 
63
- box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-cr));
63
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-ae))
64
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-br))
65
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-sd))
66
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-cr));
64
67
 
65
68
  &[data-show-border="true"] {
66
69
  border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-br-cr));
@@ -73,15 +76,12 @@ $dataShowBorder: "[data-sw-br='true']";
73
76
  &[data-show-shadow="false"] {
74
77
  --_show-shadow: none;
75
78
  }
76
-
77
79
  &[data-icon-position="left"] {
78
80
  --_sf-fd-bn: row;
79
81
  }
80
-
81
82
  &[data-icon-position="right"] {
82
83
  --_sf-fd-bn: row-reverse;
83
84
  }
84
-
85
85
  &[data-icon-position="center"] {
86
86
  --_sf-fd-bn: row;
87
87
  }
@@ -123,25 +123,20 @@ $dataShowBorder: "[data-sw-br='true']";
123
123
  &[data-hover-show-shadow="false"] {
124
124
  --_hover-show-shadow: none;
125
125
  }
126
-
127
126
  &[data-hover-show-icon="false"] {
128
127
  --_hover-show-icon: none;
129
128
  }
130
129
  }
131
-
132
130
  &[data-show-icon="false"] {
133
131
  --_show-icon: none;
134
132
  }
135
-
136
133
  &[data-element-style="Icon"] {
137
134
  &[data-icon-position="left"] {
138
135
  --_sf-jc: start;
139
136
  }
140
-
141
137
  &[data-icon-position="right"] {
142
138
  --_sf-jc: end;
143
139
  }
144
-
145
140
  &[data-icon-position="center"] {
146
141
  --_sf-jc: center;
147
142
  }
@@ -153,7 +148,6 @@ $dataShowBorder: "[data-sw-br='true']";
153
148
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-cr));
154
149
 
155
150
  font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-fy));
156
-
157
151
  &.flex__overflow {
158
152
  white-space: normal;
159
153
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -163,8 +157,10 @@ $dataShowBorder: "[data-sw-br='true']";
163
157
 
164
158
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-wt));
165
159
 
166
- font-style: var(--_sf-hr-ft-se-ic,
167
- prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se-ic));
160
+ font-style: var(
161
+ --_sf-hr-ft-se-ic,
162
+ prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se-ic)
163
+ );
168
164
 
169
165
  text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-an));
170
166
 
@@ -172,8 +168,10 @@ $dataShowBorder: "[data-sw-br='true']";
172
168
 
173
169
  line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-le-ht));
174
170
 
175
- text-transform: var(--_sf-hr-txt-tr,
176
- prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-tm, normal));
171
+ text-transform: var(
172
+ --_sf-hr-txt-tr,
173
+ prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-tm, normal)
174
+ );
177
175
  word-break: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-wd-bk));
178
176
  word-wrap: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-tt-dt-se-wd-wp));
179
177
 
@@ -183,7 +181,6 @@ $dataShowBorder: "[data-sw-br='true']";
183
181
 
184
182
  .icon {
185
183
  display: var(--_hover-show-icon, var(--_show-icon, flex));
186
-
187
184
  svg {
188
185
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-in-se));
189
186
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-in-se));
@@ -195,7 +192,6 @@ $dataShowBorder: "[data-sw-br='true']";
195
192
  }
196
193
  }
197
194
  }
198
-
199
195
  [data-element-style="Text"] {
200
196
  display: inline-block;
201
197
  width: 100%;
@@ -241,7 +237,6 @@ $kit-spv: #{prepareMediaVariable(--_ctm-lt-ss-pr-vw, 3)};
241
237
  $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
242
238
 
243
239
  .kit__v2 {
244
-
245
240
  // embla viewport
246
241
  &.embla {
247
242
  overflow: hidden;
@@ -307,4 +302,4 @@ $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
307
302
  grid-template-columns: repeat(#{$kit-cols}, minmax(0, 1fr));
308
303
  gap: $grid-gap;
309
304
  }
310
- }
305
+ }