@sc-360-v2/storefront-cms-library 0.5.58 → 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.
- package/dist/add-existing-form.scss +13 -5
- package/dist/add-order.scss +141 -210
- package/dist/add-products-tab-details.scss +1121 -1920
- package/dist/add-products-tab-uom-details.scss +105 -0
- package/dist/add-products-tab.scss +682 -994
- package/dist/allocation-header-quota-details.scss +198 -327
- package/dist/allocationDetails.scss +1645 -2022
- package/dist/allocations-quota-details.scss +168 -261
- package/dist/allocations.scss +504 -715
- package/dist/amount-estimator.scss +414 -648
- package/dist/animation-control.scss +23 -23
- package/dist/badge.scss +55 -18
- package/dist/brand-basic-elements.scss +93 -124
- package/dist/brand.scss +28 -55
- package/dist/breadcrumbs.scss +372 -718
- package/dist/builder.js +1 -1
- package/dist/bulk-variant-picker.scss +1161 -1816
- package/dist/bundle copy.scss +235 -0
- package/dist/bundle.scss +2142 -2584
- package/dist/bundleDetails.scss +3808 -4802
- package/dist/button copy.scss +28 -0
- package/dist/button.scss +89 -102
- package/dist/buy-for-tab-container.scss +77 -106
- package/dist/buy-for-tab.scss +54 -0
- package/dist/buy-for-tabs-container-item.scss +80 -80
- package/dist/buyForHeaders.scss +1823 -2457
- package/dist/cart-details.scss +514 -718
- package/dist/cart-products-sidebar.scss +211 -211
- package/dist/cart-summary.scss +611 -1015
- package/dist/cart-wrapper.scss +85 -127
- package/dist/cart.scss +119 -211
- package/dist/cartAttributes.scss +377 -539
- package/dist/cartDropdownOverlay.scss +21 -0
- package/dist/cartGrouping.scss +89 -89
- package/dist/category-groups-element.scss +130 -96
- package/dist/category-groups-product-grid.scss +40 -79
- package/dist/category-groups-product-image.scss +457 -1306
- package/dist/category-groups-product-options.scss +224 -606
- package/dist/category-groups-product-price.scss +1366 -4199
- package/dist/category-groups-quota-details.scss +217 -382
- package/dist/category.scss +26 -50
- package/dist/categoryDetails.scss +61 -61
- package/dist/categoryWidget.scss +34 -34
- package/dist/checkbox-radio.scss +124 -124
- package/dist/checkout.scss +1915 -3309
- package/dist/common-element.scss +35 -35
- package/dist/confirm-modal.scss +22 -2
- package/dist/confirmationModal.scss +139 -139
- package/dist/container.scss +32 -54
- package/dist/countdown.scss +264 -371
- package/dist/coupon.scss +379 -600
- package/dist/custom-fonts.scss +100 -100
- package/dist/default-dropdown.scss +12 -1
- package/dist/embroider-preview-element.scss +94 -94
- package/dist/embroider-template-1-v2.scss +157 -172
- package/dist/embroider-template-1.scss +465 -482
- package/dist/embroidery.scss +37 -31
- package/dist/employee-bulk-order.scss +418 -142
- package/dist/emtpy-templates.scss +165 -165
- package/dist/faq.scss +239 -395
- package/dist/filter-results.scss +221 -323
- package/dist/filters.scss +843 -1406
- package/dist/flex-text-editor.scss +271 -271
- package/dist/functions.scss +36 -0
- package/dist/gallery-slider-temp.scss +428 -727
- package/dist/global-styles.scss +45 -6
- package/dist/grid.scss +25 -33
- package/dist/hotspot.scss +75 -115
- package/dist/icon-list.scss +33 -59
- package/dist/image-for-product.scss +21 -21
- package/dist/image-temp.scss +21 -20
- package/dist/item-stock.scss +15 -16
- package/dist/kitDetails.scss +2786 -4008
- package/dist/kits.scss +28 -19
- package/dist/language-selector.scss +241 -375
- package/dist/last-x-orders.scss +101 -163
- package/dist/layouter-item.scss +75 -103
- package/dist/layouter-pro-item.scss +89 -95
- package/dist/layouter-pro.scss +87 -92
- package/dist/layouter.scss +67 -117
- package/dist/light-box-v2.scss +89 -104
- package/dist/lightbox.scss +78 -78
- package/dist/line.scss +29 -70
- package/dist/loader.scss +37 -37
- package/dist/login.scss +316 -489
- package/dist/map.scss +233 -336
- package/dist/marchandiserSets.scss +95 -104
- package/dist/mega-menu-container.scss +96 -109
- package/dist/mega-menu.scss +627 -670
- package/dist/menu-item.scss +19 -19
- package/dist/menu-v2.scss +538 -528
- package/dist/menu.scss +12 -0
- package/dist/multi-select-dropdown.scss +27 -3
- package/dist/my-templates.scss +41 -9
- package/dist/myTemplates.scss +3 -0
- package/dist/option-bar.scss +229 -351
- package/dist/order-processing.scss +61 -61
- package/dist/order-status.scss +666 -1096
- package/dist/overflow-module.scss +62 -63
- package/dist/past-orders.scss +168 -149
- package/dist/payment-methods.scss +323 -289
- package/dist/pickup-locations.scss +568 -941
- package/dist/position-module.scss +98 -95
- package/dist/prefix-list.scss +97 -86
- package/dist/product-actions.scss +1262 -1620
- package/dist/product-basic-elements.scss +116 -169
- package/dist/product-customizations.scss +155 -149
- package/dist/product-highlights.scss +116 -145
- package/dist/product-image-allocation.scss +38 -0
- package/dist/product-image-bundles.scss +359 -638
- package/dist/product-image.scss +341 -676
- package/dist/product-inventory.scss +673 -1117
- package/dist/product-labels.scss +94 -101
- package/dist/product-options.scss +298 -438
- package/dist/product-price.scss +1325 -2182
- package/dist/product-promotions.scss +1388 -2374
- package/dist/product-sizechart.scss +523 -821
- package/dist/product.scss +28 -61
- package/dist/productDetails.scss +19 -38
- package/dist/profile.scss +242 -406
- package/dist/quantity-selector.scss +327 -502
- package/dist/quick-inventory-check.scss +101 -163
- package/dist/quick-links.scss +72 -133
- package/dist/quick-order-pad.scss +224 -206
- package/dist/quota-details.scss +163 -297
- package/dist/quotes.scss +727 -737
- package/dist/repeater copy.scss +24 -0
- package/dist/repeater-embla-controls.scss +34 -14
- package/dist/repeater-grid-toggle.scss +156 -166
- package/dist/repeater-item.scss +41 -64
- package/dist/repeater.scss +579 -669
- package/dist/request-for-quotes.scss +66 -16
- package/dist/responsive-behaviour.scss +31 -29
- package/dist/rfqs.scss +147 -181
- package/dist/scroll.scss +93 -167
- package/dist/search-results-heading.scss +36 -0
- package/dist/search.scss +186 -290
- package/dist/section.scss +27 -51
- package/dist/shareCartSideBar.scss +254 -254
- package/dist/shipping-estimator.scss +41 -41
- package/dist/shipping-payments.scss +246 -58
- package/dist/simple-list.scss +65 -123
- package/dist/social.scss +78 -131
- package/dist/sort.scss +89 -89
- package/dist/spotlight.scss +48 -0
- package/dist/stack.scss +23 -34
- package/dist/static-global.scss +44 -26
- package/dist/static-text.scss +52 -52
- package/dist/stockStatus.scss +14 -19
- package/dist/store-locations.scss +595 -933
- package/dist/sub-category.scss +74 -74
- package/dist/submit-quote.scss +275 -275
- package/dist/tab-container-item.scss +80 -80
- package/dist/tab-container.scss +81 -108
- package/dist/tab-v2.scss +277 -580
- package/dist/table-common.scss +218 -331
- package/dist/table.scss +273 -434
- package/dist/tabs.scss +440 -395
- package/dist/text-temp-v2.scss +12 -23
- package/dist/text-temp.scss +110 -109
- package/dist/theme-classes.scss +66 -13
- package/dist/toaster.scss +392 -350
- package/dist/toggle-button.scss +32 -32
- package/dist/transform-properties-module.scss +20 -20
- package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
- package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
- package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
- package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
- package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
- package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
- package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
- package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
- package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
- package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
- package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
- package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
- package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
- package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
- package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
- package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
- package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
- package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
- package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
- package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
- package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
- package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
- package/dist/uom-selector.scss +499 -841
- package/dist/user-elements.scss +653 -774
- package/dist/variant-picker.scss +1298 -2358
- package/dist/video.scss +147 -325
- package/dist/volume-pricing.scss +545 -849
- package/dist/wishlist-overlay.scss +48 -48
- package/package.json +131 -131
|
@@ -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
|
-
|
|
20
|
-
|
|
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
|
-
|
|
25
|
+
&>.cg_product_grid_wrapper {
|
|
30
26
|
width: 100%;
|
|
31
27
|
display: grid;
|
|
32
|
-
grid-template-columns: repeat(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var(
|
|
38
|
-
|
|
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
|
-
|
|
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
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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 ==
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
118
|
+
|
|
119
|
+
&>button.embla__dot {
|
|
148
120
|
flex-shrink: 0;
|
|
149
121
|
}
|
|
150
122
|
}
|
|
151
123
|
|
|
152
|
-
|
|
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
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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
|
+
}
|