@sc-360-v2/storefront-cms-library 0.4.57 → 0.4.58

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 (147) hide show
  1. package/dist/add-existing-form.scss +66 -66
  2. package/dist/add-order.scss +377 -377
  3. package/dist/add-products-tab copy.scss +1132 -1132
  4. package/dist/allocations.scss +1603 -1603
  5. package/dist/amount-estimator.scss +1083 -1083
  6. package/dist/animation-control.scss +23 -23
  7. package/dist/badge.scss +388 -388
  8. package/dist/brand-basic-elements.scss +292 -292
  9. package/dist/brand.scss +93 -93
  10. package/dist/breadcrumbs.scss +802 -802
  11. package/dist/bulk-order-pad.scss +677 -677
  12. package/dist/bulk-variant-picker copy.scss +1121 -1121
  13. package/dist/bulk-variant-picker.scss +3294 -3294
  14. package/dist/bundle copy.scss +2805 -2805
  15. package/dist/bundle.scss +2383 -2383
  16. package/dist/bundleDetails copy.scss +1431 -1431
  17. package/dist/button copy.scss +271 -271
  18. package/dist/button.scss +292 -292
  19. package/dist/buy-for-tab-container.scss +90 -90
  20. package/dist/buy-for-tabs-container-item.scss +80 -80
  21. package/dist/buyForHeaders.scss +6718 -6718
  22. package/dist/cart-products-sidebar.scss +211 -211
  23. package/dist/cart-summary.scss +2728 -2728
  24. package/dist/cart-wrapper.scss +127 -127
  25. package/dist/cartGrouping.scss +89 -89
  26. package/dist/category-groups-element.scss +138 -138
  27. package/dist/category.scss +73 -73
  28. package/dist/categoryDetails.scss +61 -61
  29. package/dist/categoryWidget.scss +34 -34
  30. package/dist/checkbox-radio.scss +124 -124
  31. package/dist/code-temp.scss +58 -58
  32. package/dist/colorpicker_v2.scss +52 -52
  33. package/dist/common-element.scss +35 -35
  34. package/dist/confirm-modal.scss +351 -351
  35. package/dist/confirmationModal.scss +139 -139
  36. package/dist/container.scss +114 -114
  37. package/dist/countdown.scss +751 -751
  38. package/dist/coupon.scss +1254 -1254
  39. package/dist/custom-fonts.scss +100 -100
  40. package/dist/customization-tree.scss +160 -160
  41. package/dist/default-dropdown.scss +240 -240
  42. package/dist/editCartItem.scss +111 -111
  43. package/dist/embed-temp.scss +72 -72
  44. package/dist/embroider-preview-element.scss +94 -94
  45. package/dist/embroider-template-1-v2.scss +937 -937
  46. package/dist/embroider-template-1.scss +482 -482
  47. package/dist/embroidery.scss +213 -213
  48. package/dist/employee-bulk-order.scss +4057 -4057
  49. package/dist/emtpy-templates.scss +165 -165
  50. package/dist/faq.scss +564 -564
  51. package/dist/fb-dropdown.scss +125 -125
  52. package/dist/filter-results.scss +323 -323
  53. package/dist/flex-text-editor.scss +271 -271
  54. package/dist/form-preview.scss +290 -290
  55. package/dist/form-zindex-module.scss +24 -24
  56. package/dist/gallery-slider-temp.scss +1234 -1234
  57. package/dist/global-styles.scss +86 -86
  58. package/dist/grid.scss +119 -119
  59. package/dist/hotspot.scss +397 -397
  60. package/dist/icon-library.scss +74 -74
  61. package/dist/image-for-product.scss +21 -21
  62. package/dist/image-temp.scss +168 -168
  63. package/dist/item-stock.scss +87 -87
  64. package/dist/layouter-item.scss +89 -89
  65. package/dist/layouter-pro-item.scss +80 -80
  66. package/dist/layouter-pro.scss +88 -88
  67. package/dist/light-box-v2.scss +105 -105
  68. package/dist/lightbox.scss +78 -78
  69. package/dist/line.scss +166 -166
  70. package/dist/loader.scss +37 -37
  71. package/dist/map.scss +962 -962
  72. package/dist/marchandiserSets.scss +60 -60
  73. package/dist/mega-menu-container.scss +99 -99
  74. package/dist/mega-menu.scss +838 -838
  75. package/dist/menu-item.scss +19 -19
  76. package/dist/menu.scss +162 -162
  77. package/dist/modal.scss +2267 -2267
  78. package/dist/multi-select-dropdown.scss +282 -282
  79. package/dist/my-wishlist.scss +17 -17
  80. package/dist/option-bar.scss +845 -845
  81. package/dist/order-processing.scss +61 -61
  82. package/dist/overflow-module.scss +63 -63
  83. package/dist/past-orders.scss +975 -975
  84. package/dist/payment-methods.scss +289 -289
  85. package/dist/pickup-locations.scss +1167 -1167
  86. package/dist/position-module.scss +95 -95
  87. package/dist/prefix-list.scss +86 -86
  88. package/dist/product-actions copy.scss +2765 -2765
  89. package/dist/product-actions.scss +2286 -2286
  90. package/dist/product-basic-elements.scss +770 -770
  91. package/dist/product-customizations.scss +149 -149
  92. package/dist/product-highlights copy.scss +217 -217
  93. package/dist/product-highlights.scss +311 -311
  94. package/dist/product-image copy.scss +787 -787
  95. package/dist/product-inventory.scss +1378 -1378
  96. package/dist/product-options.scss +1144 -1144
  97. package/dist/product-price.scss +2598 -2598
  98. package/dist/product-promotions.scss +2759 -2759
  99. package/dist/product.scss +97 -97
  100. package/dist/productDetails.scss +70 -70
  101. package/dist/quick-links.scss +552 -552
  102. package/dist/quick-order-pad.scss +237 -237
  103. package/dist/quota-details.scss +263 -263
  104. package/dist/quotes.scss +737 -737
  105. package/dist/repeater copy.scss +635 -635
  106. package/dist/repeater-grid-toggle.scss +58 -58
  107. package/dist/repeater-item.scss +90 -90
  108. package/dist/request-for-quotes.scss +746 -746
  109. package/dist/responsive-behaviour.scss +29 -29
  110. package/dist/rfqs.scss +736 -736
  111. package/dist/scroll.scss +222 -222
  112. package/dist/search-results-heading.scss +279 -279
  113. package/dist/shareCartSideBar.scss +254 -254
  114. package/dist/shipping-estimator.scss +41 -41
  115. package/dist/shipping-payments.scss +2467 -2467
  116. package/dist/simple-list.scss +259 -259
  117. package/dist/skeleton.scss +74 -74
  118. package/dist/social.scss +276 -276
  119. package/dist/sort.scss +89 -89
  120. package/dist/spotlight.scss +1663 -1663
  121. package/dist/stack.scss +129 -129
  122. package/dist/static-text.scss +52 -52
  123. package/dist/stockStatus.scss +64 -64
  124. package/dist/store-locations.scss +1398 -1398
  125. package/dist/sub-category.scss +74 -74
  126. package/dist/submit-quote.scss +275 -275
  127. package/dist/tab-container-item.scss +80 -80
  128. package/dist/tab-container.scss +89 -89
  129. package/dist/tab-v2.scss +583 -583
  130. package/dist/table-common.scss +506 -506
  131. package/dist/table.scss +685 -685
  132. package/dist/tabs.scss +395 -395
  133. package/dist/text-temp-v2.scss +139 -139
  134. package/dist/text-temp.scss +109 -109
  135. package/dist/toaster.scss +350 -350
  136. package/dist/toggle-button.scss +32 -32
  137. package/dist/transform-properties-module.scss +20 -20
  138. package/dist/uom-selector.scss +1169 -1169
  139. package/dist/user-elements copy.scss +1437 -1437
  140. package/dist/variant-picker.scss +2384 -2384
  141. package/dist/video.scss +476 -476
  142. package/dist/volume-pricing copy 2.scss +1468 -1468
  143. package/dist/volume-pricing copy.scss +1077 -1077
  144. package/dist/volume-pricing.scss +1175 -1175
  145. package/dist/widget.scss +148 -148
  146. package/dist/wishlist-overlay.scss +48 -48
  147. package/package.json +1 -1
package/dist/sort.scss CHANGED
@@ -1,89 +1,89 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- $resizerId: "[data-cms-tool='cms-element-resizer']";
5
- $resizeActive: '[data-cms-element-resizer="true"]';
6
- [data-div-type="element"] {
7
- &[data-element-type="sort"] {
8
- width: var(
9
- --_sf-el-wh-st-mx,
10
- calc(
11
- 1% *
12
- var(
13
- --_ctm-mob-ele-nw-wh-vl,
14
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
- )
16
- )
17
- );
18
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
19
-
20
- & > div {
21
- &.wrapper {
22
- width: 100%;
23
- }
24
- }
25
- //Dropdown
26
- .est__dropdown__main {
27
- position: relative;
28
- width: 100%;
29
-
30
- label {
31
- font-size: 14px;
32
- color: var(--_gray-700);
33
- margin-bottom: 8px;
34
- display: block;
35
- }
36
-
37
- .est__dropdown {
38
- cursor: pointer;
39
- position: relative;
40
- color: var(--_gray-700);
41
-
42
- border-radius: 6px;
43
- background-color: #fff;
44
- display: flex;
45
- justify-content: space-between;
46
- align-items: center;
47
- width: 100%;
48
- .value__selected {
49
- width: 100%;
50
- }
51
-
52
- &.open .list {
53
- display: flex;
54
- }
55
-
56
- .list {
57
- display: none;
58
- flex-direction: column;
59
- border: 1px solid var(--_gray-200);
60
- border-radius: 6px;
61
- position: absolute;
62
- top: 100%;
63
- left: 0;
64
- width: 100%;
65
- background-color: #fff;
66
- border-radius: 4px;
67
- z-index: var(--_higher-zIndex);
68
- max-height: 200px;
69
- overflow-y: auto;
70
-
71
- &.top {
72
- bottom: 100%;
73
- top: auto;
74
- }
75
-
76
- .list__option {
77
- padding: 12px;
78
- cursor: pointer;
79
-
80
- &:hover {
81
- background-color: var(--_primary-25);
82
- color: var(--_primary-400);
83
- }
84
- }
85
- }
86
- }
87
- }
88
- }
89
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ $resizerId: "[data-cms-tool='cms-element-resizer']";
5
+ $resizeActive: '[data-cms-element-resizer="true"]';
6
+ [data-div-type="element"] {
7
+ &[data-element-type="sort"] {
8
+ width: var(
9
+ --_sf-el-wh-st-mx,
10
+ calc(
11
+ 1% *
12
+ var(
13
+ --_ctm-mob-ele-nw-wh-vl,
14
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
15
+ )
16
+ )
17
+ );
18
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
19
+
20
+ & > div {
21
+ &.wrapper {
22
+ width: 100%;
23
+ }
24
+ }
25
+ //Dropdown
26
+ .est__dropdown__main {
27
+ position: relative;
28
+ width: 100%;
29
+
30
+ label {
31
+ font-size: 14px;
32
+ color: var(--_gray-700);
33
+ margin-bottom: 8px;
34
+ display: block;
35
+ }
36
+
37
+ .est__dropdown {
38
+ cursor: pointer;
39
+ position: relative;
40
+ color: var(--_gray-700);
41
+
42
+ border-radius: 6px;
43
+ background-color: #fff;
44
+ display: flex;
45
+ justify-content: space-between;
46
+ align-items: center;
47
+ width: 100%;
48
+ .value__selected {
49
+ width: 100%;
50
+ }
51
+
52
+ &.open .list {
53
+ display: flex;
54
+ }
55
+
56
+ .list {
57
+ display: none;
58
+ flex-direction: column;
59
+ border: 1px solid var(--_gray-200);
60
+ border-radius: 6px;
61
+ position: absolute;
62
+ top: 100%;
63
+ left: 0;
64
+ width: 100%;
65
+ background-color: #fff;
66
+ border-radius: 4px;
67
+ z-index: var(--_higher-zIndex);
68
+ max-height: 200px;
69
+ overflow-y: auto;
70
+
71
+ &.top {
72
+ bottom: 100%;
73
+ top: auto;
74
+ }
75
+
76
+ .list__option {
77
+ padding: 12px;
78
+ cursor: pointer;
79
+
80
+ &:hover {
81
+ background-color: var(--_primary-25);
82
+ color: var(--_primary-400);
83
+ }
84
+ }
85
+ }
86
+ }
87
+ }
88
+ }
89
+ }