@sc-360-v2/storefront-cms-library 0.5.71 → 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 (128) 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/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
package/dist/brand.scss CHANGED
@@ -4,29 +4,21 @@
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
7
+
7
8
  [data-div-type="element"] {
8
9
  &[data-element-type="brand"] {
9
10
  // width: var(--_sf-con-nw-wh);
10
- width: var(
11
- --_sf-el-wh-st-mx,
12
- calc(
13
- 1% *
14
- var(
15
- --_ctm-mob-bran-ele-nw-wh-vl,
16
- var(--_ctm-tab-bran-ele-nw-wh-vl, var(--_ctm-bran-ele-nw-wh-vl, var(--_sf-nw-wh)))
17
- )
18
- )
19
- );
11
+ width: var(--_sf-el-wh-st-mx,
12
+ calc(1% * var(--_ctm-mob-bran-ele-nw-wh-vl,
13
+ var(--_ctm-tab-bran-ele-nw-wh-vl, var(--_ctm-bran-ele-nw-wh-vl, var(--_sf-nw-wh))))));
20
14
  grid-template-columns: 100% !important;
21
15
  grid-template-rows: auto !important;
22
16
  // height: var(
23
17
  // --_ctm-mob-bran-lt-ht,
24
18
  // var(--_ctm-tab-bran-lt-ht, var(--_ctm-bran-lt-ht))
25
19
  // ) !important;
26
- margin: var(
27
- --_ctm-mob-bran-lt-mn,
28
- var(--_ctm-tab-bran-lt-mn, var(--_ctm-bran-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn)))
29
- );
20
+ margin: var(--_ctm-mob-bran-lt-mn,
21
+ var(--_ctm-tab-bran-lt-mn, var(--_ctm-bran-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn))));
30
22
 
31
23
  &[data-background-type="color"] {
32
24
  background-color: prepareMediaVariable(--_ctm-bran-dn-bd-cr);
@@ -35,29 +27,21 @@ $resizeActive: '[data-cms-element-resizer="true"]';
35
27
  &[data-background-type="gradient"] {
36
28
  --_sf-bran-gradient-angle: calc(#{prepareMediaVariable(--_ctm-bran-dn-gt-ae, 90)} * 1deg);
37
29
  --_sf-bran-gradient-start-color: #{prepareMediaVariable(--_ctm-bran-dn-gt-st-cr, transparent)};
38
- --_sf-bran-gradient-start-position: calc(
39
- #{prepareMediaVariable(--_ctm-bran-dn-gt-st-pn, 0)} * 1%
40
- );
30
+ --_sf-bran-gradient-start-position: calc(#{prepareMediaVariable(--_ctm-bran-dn-gt-st-pn, 0)} * 1%);
41
31
  --_sf-bran-gradient-end-color: #{prepareMediaVariable(--_ctm-bran-dn-gt-ed-cr, transparent)};
42
- --_sf-bran-gradient-end-position: calc(
43
- #{prepareMediaVariable(--_ctm-bran-dn-gt-ed-pn, 100)} * 1%
44
- );
32
+ --_sf-bran-gradient-end-position: calc(#{prepareMediaVariable(--_ctm-bran-dn-gt-ed-pn, 100)} * 1%);
45
33
  --_sf-bran-gradient-position: #{prepareMediaVariable(--_ctm-bran-dn-gt-pn, center)};
46
34
 
47
35
  &[data-gradient-type="Linear Gradient"] {
48
- background-image: linear-gradient(
49
- var(--_sf-bran-gradient-angle),
50
- var(--_sf-bran-gradient-start-color) var(--_sf-bran-gradient-start-position),
51
- var(--_sf-bran-gradient-end-color) var(--_sf-bran-gradient-end-position)
52
- );
36
+ background-image: linear-gradient(var(--_sf-bran-gradient-angle),
37
+ var(--_sf-bran-gradient-start-color) var(--_sf-bran-gradient-start-position),
38
+ var(--_sf-bran-gradient-end-color) var(--_sf-bran-gradient-end-position));
53
39
  }
54
40
 
55
41
  &[data-gradient-type="Radial Gradient"] {
56
- background-image: radial-gradient(
57
- circle at var(--_sf-bran-gradient-position),
58
- var(--_sf-bran-gradient-start-color) var(--_sf-bran-gradient-start-position),
59
- var(--_sf-bran-gradient-end-color) var(--_sf-bran-gradient-end-position)
60
- );
42
+ background-image: radial-gradient(circle at var(--_sf-bran-gradient-position),
43
+ var(--_sf-bran-gradient-start-color) var(--_sf-bran-gradient-start-position),
44
+ var(--_sf-bran-gradient-end-color) var(--_sf-bran-gradient-end-position));
61
45
  }
62
46
  }
63
47
 
@@ -97,41 +81,30 @@ $resizeActive: '[data-cms-element-resizer="true"]';
97
81
  padding: var(--_ctm-mob-bran-lt-pg, var(--_ctm-tab-bran-lt-pg, var(--_ctm-bran-lt-pg)));
98
82
 
99
83
  // height: 100%;
100
- border-color: var(
101
- --_ctm-mob-bran-dn-br-cr,
102
- var(--_ctm-tab-bran-dn-br-cr, var(--_ctm-bran-dn-br-cr))
103
- );
104
- border-style: var(
105
- --_ctm-mob-bran-dn-br-se,
106
- var(--_ctm-tab-bran-dn-br-se, var(--_ctm-bran-dn-br-se))
107
- );
108
- border-width: var(
109
- --_ctm-mob-bran-dn-br-wh,
110
- var(--_ctm-tab-bran-dn-br-wh, var(--_ctm-bran-dn-br-wh))
111
- );
84
+ border-color: var(--_ctm-mob-bran-dn-br-cr,
85
+ var(--_ctm-tab-bran-dn-br-cr, var(--_ctm-bran-dn-br-cr)));
86
+ border-style: var(--_ctm-mob-bran-dn-br-se,
87
+ var(--_ctm-tab-bran-dn-br-se, var(--_ctm-bran-dn-br-se)));
88
+ border-width: var(--_ctm-mob-bran-dn-br-wh,
89
+ var(--_ctm-tab-bran-dn-br-wh, var(--_ctm-bran-dn-br-wh)));
90
+
112
91
  // "Show Border" switch. The border above is painted from CSS variables, so the
113
92
  // switch arrives as a data attribute and zeroes the width when it is off.
114
93
  &[data-show-border="false"] {
115
94
  border-width: 0;
116
95
  border-style: none;
117
96
  }
118
- border-radius: var(
119
- --_ctm-mob-bran-dn-br-rs,
120
- var(--_ctm-tab-bran-dn-br-rs, var(--_ctm-bran-dn-br-rs))
121
- );
122
- box-shadow: var(
123
- --_show-shadow,
124
- var(--_ctm-mob-bran-dn-sw-ae, var(--_ctm-tab-bran-dn-sw-ae, var(--_ctm-bran-dn-sw-ae)))
125
- var(--_ctm-mob-bran-dn-sw-br, var(--_ctm-tab-bran-dn-sw-br, var(--_ctm-bran-dn-sw-br)))
126
- var(--_ctm-mob-bran-dn-sw-sd, var(--_ctm-tab-bran-dn-sw-sd, var(--_ctm-bran-dn-sw-sd)))
127
- var(--_ctm-mob-bran-dn-sw-cr, var(--_ctm-tab-bran-dn-sw-cr, var(--_ctm-bran-dn-sw-cr)))
128
- );
97
+
98
+ border-radius: var(--_ctm-mob-bran-dn-br-rs,
99
+ var(--_ctm-tab-bran-dn-br-rs, var(--_ctm-bran-dn-br-rs)));
100
+ box-shadow: var(--_show-shadow,
101
+ var(--_ctm-mob-bran-dn-sw-ae, var(--_ctm-tab-bran-dn-sw-ae, var(--_ctm-bran-dn-sw-ae))) var(--_ctm-mob-bran-dn-sw-br, var(--_ctm-tab-bran-dn-sw-br, var(--_ctm-bran-dn-sw-br))) var(--_ctm-mob-bran-dn-sw-sd, var(--_ctm-tab-bran-dn-sw-sd, var(--_ctm-bran-dn-sw-sd))) var(--_ctm-mob-bran-dn-sw-cr, var(--_ctm-tab-bran-dn-sw-cr, var(--_ctm-bran-dn-sw-cr))));
129
102
 
130
103
  // &:not(:has(#{$resizerId}#{$resizeActive})) {
131
104
  // min-height: 100px !important;
132
105
  // }
133
106
 
134
- & > div {
107
+ &>div {
135
108
  &.wrapper {
136
109
  width: 100%;
137
110
  grid-template-columns: 100% !important;
@@ -139,4 +112,4 @@ $resizeActive: '[data-cms-element-resizer="true"]';
139
112
  }
140
113
  }
141
114
  }
142
- }
115
+ }