@sc-360-v2/storefront-cms-library 0.5.1 → 0.5.3
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 +66 -66
- package/dist/amount-estimator.scss +1083 -1083
- package/dist/animation-control.scss +23 -23
- package/dist/badge.scss +388 -388
- package/dist/brand.scss +93 -93
- package/dist/breadcrumbs.scss +802 -802
- package/dist/builder.js +1 -1
- package/dist/bulk-variant-picker copy.scss +1121 -1121
- package/dist/bundleDetails copy.scss +1431 -1431
- package/dist/button copy.scss +271 -271
- package/dist/buy-for-tab-container.scss +90 -90
- package/dist/buy-for-tabs-container-item.scss +80 -80
- package/dist/buyForHeaders.scss +5 -4
- package/dist/cart-products-sidebar.scss +211 -211
- package/dist/cart-summary.scss +2 -0
- package/dist/cart-wrapper.scss +127 -127
- package/dist/cartDropdownOverlay.scss +2 -1
- package/dist/cartGrouping.scss +89 -89
- package/dist/category.scss +73 -73
- package/dist/categoryDetails.scss +61 -61
- package/dist/categoryWidget.scss +34 -34
- package/dist/checkbox-radio.scss +124 -124
- package/dist/code-temp.scss +58 -58
- package/dist/common-element.scss +35 -35
- package/dist/confirmationModal.scss +139 -139
- package/dist/coupon.scss +7 -3
- package/dist/custom-fonts.scss +100 -100
- package/dist/customization-tree.scss +4 -3
- package/dist/dropdownTemplate.scss +3 -1
- package/dist/embed-temp.scss +72 -72
- package/dist/embroider-preview-element.scss +94 -94
- package/dist/embroider-template-1.scss +482 -482
- package/dist/emtpy-templates.scss +165 -165
- package/dist/faq.scss +564 -564
- package/dist/fb-dropdown.scss +125 -125
- package/dist/filter-results.scss +323 -323
- package/dist/flex-text-editor.scss +271 -271
- package/dist/form-zindex-module.scss +24 -24
- package/dist/global-styles.scss +86 -86
- package/dist/grid.scss +119 -119
- package/dist/hotspot.scss +397 -397
- package/dist/icon-library.scss +74 -74
- package/dist/image-for-product.scss +21 -21
- package/dist/item-stock.scss +87 -87
- package/dist/language-selector.scss +9 -8
- package/dist/layouter-pro.scss +88 -88
- package/dist/light-box-v2.scss +105 -105
- package/dist/lightbox.scss +78 -78
- package/dist/line.scss +166 -166
- package/dist/loader.scss +37 -37
- package/dist/marchandiserSets.scss +60 -60
- package/dist/mega-menu-container.scss +5 -1
- package/dist/mega-menu.scss +2 -1
- package/dist/menu-item.scss +19 -19
- package/dist/menu.scss +162 -162
- package/dist/modal.scss +8 -1
- package/dist/multi-select-dropdown.scss +3 -2
- package/dist/my-templates.scss +2 -1
- package/dist/my-wishlist.scss +17 -17
- package/dist/option-bar.scss +4 -1
- package/dist/order-processing.scss +61 -61
- package/dist/order-status.scss +110 -1
- package/dist/overflow-module.scss +63 -63
- package/dist/past-orders.scss +975 -975
- package/dist/payment-methods.scss +289 -289
- package/dist/phone-input.scss +3 -3
- package/dist/pickup-locations.scss +1167 -1167
- package/dist/position-module.scss +95 -95
- package/dist/prefix-list.scss +86 -86
- package/dist/product-actions copy.scss +2765 -2765
- package/dist/product-customizations.scss +149 -149
- package/dist/product-image copy.scss +787 -787
- package/dist/product-image.scss +73 -0
- package/dist/product-inventory.scss +1378 -1378
- package/dist/product-promotions.scss +2759 -2759
- package/dist/product.scss +97 -97
- package/dist/productDetails.scss +70 -70
- package/dist/quick-order-pad.scss +4 -4
- package/dist/quota-details.scss +263 -263
- package/dist/quotes.scss +737 -737
- package/dist/repeater copy.scss +635 -635
- package/dist/responsive-behaviour.scss +29 -29
- package/dist/rfqs.scss +736 -736
- package/dist/search-results-heading.scss +279 -279
- package/dist/shareCartSideBar.scss +254 -254
- package/dist/shipping-estimator.scss +41 -41
- package/dist/simple-list.scss +259 -259
- package/dist/social.scss +276 -276
- package/dist/sort.scss +89 -89
- package/dist/stack.scss +129 -129
- package/dist/static-global.scss +1 -1
- package/dist/static-text.scss +52 -52
- package/dist/stockStatus.scss +64 -64
- package/dist/store-locations.scss +1398 -1398
- 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 +89 -89
- package/dist/tab-v2.scss +583 -583
- package/dist/table-common.scss +506 -506
- package/dist/table.scss +685 -685
- package/dist/tabs.scss +395 -395
- package/dist/text-temp-v2.scss +139 -139
- package/dist/text-temp.scss +109 -109
- package/dist/toaster.scss +350 -350
- package/dist/toggle-button.scss +32 -32
- package/dist/transform-properties-module.scss +20 -20
- package/dist/types/website/constants/data-connector-souces.d.ts +25 -6
- package/dist/user-elements copy.scss +1437 -1437
- package/dist/user-elements.scss +9 -0
- package/dist/video.scss +476 -476
- package/dist/website.js +1 -1
- package/dist/widget.scss +148 -148
- package/dist/wishlist-overlay.scss +48 -48
- package/package.json +1 -1
package/dist/toggle-button.scss
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
.toggle__button {
|
|
2
|
-
position: relative;
|
|
3
|
-
width: 36px;
|
|
4
|
-
height: 20px;
|
|
5
|
-
background-color: #d0d5dd;
|
|
6
|
-
border-radius: 12px;
|
|
7
|
-
cursor: pointer;
|
|
8
|
-
|
|
9
|
-
.toggle__slider {
|
|
10
|
-
position: absolute;
|
|
11
|
-
top: 2px;
|
|
12
|
-
left: 2px;
|
|
13
|
-
transform: translateY(0%);
|
|
14
|
-
width: 16px;
|
|
15
|
-
height: 16px;
|
|
16
|
-
background-color: #fff;
|
|
17
|
-
border-radius: 50%;
|
|
18
|
-
transition: transform 0.3s ease;
|
|
19
|
-
fill: var(--_base-white);
|
|
20
|
-
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
|
|
21
|
-
drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&.toggle__active {
|
|
25
|
-
background: #132067;
|
|
26
|
-
|
|
27
|
-
.toggle__slider {
|
|
28
|
-
top: 2px;
|
|
29
|
-
transform: translateX(16px);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
1
|
+
.toggle__button {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 36px;
|
|
4
|
+
height: 20px;
|
|
5
|
+
background-color: #d0d5dd;
|
|
6
|
+
border-radius: 12px;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
|
|
9
|
+
.toggle__slider {
|
|
10
|
+
position: absolute;
|
|
11
|
+
top: 2px;
|
|
12
|
+
left: 2px;
|
|
13
|
+
transform: translateY(0%);
|
|
14
|
+
width: 16px;
|
|
15
|
+
height: 16px;
|
|
16
|
+
background-color: #fff;
|
|
17
|
+
border-radius: 50%;
|
|
18
|
+
transition: transform 0.3s ease;
|
|
19
|
+
fill: var(--_base-white);
|
|
20
|
+
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
|
|
21
|
+
drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.toggle__active {
|
|
25
|
+
background: #132067;
|
|
26
|
+
|
|
27
|
+
.toggle__slider {
|
|
28
|
+
top: 2px;
|
|
29
|
+
transform: translateX(16px);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "sass:list";
|
|
3
|
-
@use "./prefix-list.scss" as *;
|
|
4
|
-
$editorBodySelector: '[data-iframe-body="true"]';
|
|
5
|
-
$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
|
|
6
|
-
$le: '[data-element-type="lightboxv2"]';
|
|
7
|
-
$elementSelector: '[data-div-type="element"]';
|
|
8
|
-
$gridSelector: '[data-div-type="grid"]';
|
|
9
|
-
$var: "--_sf-transform-pr-vl";
|
|
10
|
-
|
|
11
|
-
@mixin FlexElementTransformProps() {
|
|
12
|
-
&:not(#{$editorBodySelector}) {
|
|
13
|
-
:is(#{$sectionWrapper} *, #{$le} *) {
|
|
14
|
-
&:is(#{$gridSelector}, #{$elementSelector}) {
|
|
15
|
-
@include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
|
|
16
|
-
transform: var(#{$var}, none);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
@use "./prefix-list.scss" as *;
|
|
4
|
+
$editorBodySelector: '[data-iframe-body="true"]';
|
|
5
|
+
$sectionWrapper: '[data-div-type="cms-section-wrapper"]';
|
|
6
|
+
$le: '[data-element-type="lightboxv2"]';
|
|
7
|
+
$elementSelector: '[data-div-type="element"]';
|
|
8
|
+
$gridSelector: '[data-div-type="grid"]';
|
|
9
|
+
$var: "--_sf-transform-pr-vl";
|
|
10
|
+
|
|
11
|
+
@mixin FlexElementTransformProps() {
|
|
12
|
+
&:not(#{$editorBodySelector}) {
|
|
13
|
+
:is(#{$sectionWrapper} *, #{$le} *) {
|
|
14
|
+
&:is(#{$gridSelector}, #{$elementSelector}) {
|
|
15
|
+
@include FlexUpdatedPrefixCSSVariable($var, false, transform, none);
|
|
16
|
+
transform: var(#{$var}, none);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -15,6 +15,7 @@ export declare const apiControls: {
|
|
|
15
15
|
itemsToLoad: number;
|
|
16
16
|
showAllItems: boolean;
|
|
17
17
|
aggregations: never[];
|
|
18
|
+
renderOnServer: boolean;
|
|
18
19
|
};
|
|
19
20
|
export declare const productDataConnectorInstance: {
|
|
20
21
|
value: DATA_CONNECTOR_ITEMS_LIST;
|
|
@@ -36,6 +37,7 @@ export declare const productDataConnectorInstance: {
|
|
|
36
37
|
itemsToLoad: number;
|
|
37
38
|
showAllItems: boolean;
|
|
38
39
|
aggregations: never[];
|
|
40
|
+
renderOnServer: boolean;
|
|
39
41
|
};
|
|
40
42
|
drivenByUrl: boolean;
|
|
41
43
|
payload: {
|
|
@@ -75,6 +77,7 @@ export declare const categoryDataConnectorInstance: {
|
|
|
75
77
|
itemsToLoad: number;
|
|
76
78
|
showAllItems: boolean;
|
|
77
79
|
aggregations: never[];
|
|
80
|
+
renderOnServer: boolean;
|
|
78
81
|
};
|
|
79
82
|
drivenByUrl: boolean;
|
|
80
83
|
payload: {
|
|
@@ -119,6 +122,7 @@ export declare const brandDataConnectorInstance: {
|
|
|
119
122
|
itemsToLoad: number;
|
|
120
123
|
showAllItems: boolean;
|
|
121
124
|
aggregations: never[];
|
|
125
|
+
renderOnServer: boolean;
|
|
122
126
|
};
|
|
123
127
|
drivenByUrl: boolean;
|
|
124
128
|
filterApis: {
|
|
@@ -154,6 +158,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
154
158
|
itemsToLoad: number;
|
|
155
159
|
showAllItems: boolean;
|
|
156
160
|
aggregations: never[];
|
|
161
|
+
renderOnServer: boolean;
|
|
157
162
|
};
|
|
158
163
|
drivenByUrl: boolean;
|
|
159
164
|
payload: {
|
|
@@ -192,6 +197,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
192
197
|
itemsToLoad: number;
|
|
193
198
|
showAllItems: boolean;
|
|
194
199
|
aggregations: never[];
|
|
200
|
+
renderOnServer: boolean;
|
|
195
201
|
};
|
|
196
202
|
drivenByUrl: boolean;
|
|
197
203
|
payload: {
|
|
@@ -247,6 +253,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
247
253
|
itemsToLoad: number;
|
|
248
254
|
showAllItems: boolean;
|
|
249
255
|
aggregations: never[];
|
|
256
|
+
renderOnServer: boolean;
|
|
250
257
|
};
|
|
251
258
|
drivenByUrl: boolean;
|
|
252
259
|
payload: {
|
|
@@ -295,6 +302,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
295
302
|
itemsToLoad: number;
|
|
296
303
|
showAllItems: boolean;
|
|
297
304
|
aggregations: never[];
|
|
305
|
+
renderOnServer: boolean;
|
|
298
306
|
};
|
|
299
307
|
payload: {
|
|
300
308
|
searchKeywords: string;
|
|
@@ -320,13 +328,21 @@ export declare const dataConnectorApiOptions: ({
|
|
|
320
328
|
label: string;
|
|
321
329
|
apiKey: dataConnectorapis;
|
|
322
330
|
apiControls: {
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
331
|
+
manual: {
|
|
332
|
+
includeRecords: never[];
|
|
333
|
+
excludeRecords: never[];
|
|
334
|
+
selectAll: boolean;
|
|
335
|
+
};
|
|
336
|
+
dynamic: {};
|
|
337
|
+
type: string;
|
|
338
|
+
sorting: {
|
|
339
|
+
option: null;
|
|
340
|
+
}[];
|
|
341
|
+
noOfItemsToLoad: string;
|
|
342
|
+
itemsToLoad: number;
|
|
327
343
|
showAllItems: boolean;
|
|
328
|
-
|
|
329
|
-
|
|
344
|
+
aggregations: never[];
|
|
345
|
+
renderOnServer: boolean;
|
|
330
346
|
};
|
|
331
347
|
drivenByUrl: boolean;
|
|
332
348
|
payload: {
|
|
@@ -366,6 +382,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
366
382
|
itemsToLoad: number;
|
|
367
383
|
showAllItems: boolean;
|
|
368
384
|
aggregations: never[];
|
|
385
|
+
renderOnServer: boolean;
|
|
369
386
|
};
|
|
370
387
|
isDisable: boolean;
|
|
371
388
|
drivenByUrl: boolean;
|
|
@@ -391,6 +408,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
391
408
|
label: string;
|
|
392
409
|
apiKey: dataConnectorapis;
|
|
393
410
|
apiControls: {
|
|
411
|
+
isTriggerd: boolean;
|
|
394
412
|
manual: {
|
|
395
413
|
includeRecords: never[];
|
|
396
414
|
excludeRecords: never[];
|
|
@@ -405,6 +423,7 @@ export declare const dataConnectorApiOptions: ({
|
|
|
405
423
|
itemsToLoad: number;
|
|
406
424
|
showAllItems: boolean;
|
|
407
425
|
aggregations: never[];
|
|
426
|
+
renderOnServer: boolean;
|
|
408
427
|
};
|
|
409
428
|
payload: {
|
|
410
429
|
searchKeywords?: undefined;
|