@sc-360-v2/storefront-cms-library 0.2.97 → 0.2.99
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/amount-estimator.scss +291 -226
- package/dist/builder.js +1 -1
- package/dist/button.scss +1 -1
- package/dist/buy-for-tab.scss +8 -7
- package/dist/cartDropdownOverlay.scss +0 -13
- package/dist/faq.scss +20 -24
- package/dist/icon-list.scss +76 -13
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/map.scss +35 -35
- package/dist/menu-item.scss +19 -0
- package/dist/menu-v2.scss +695 -0
- package/dist/order-status.scss +483 -0
- package/dist/pickup-locations.scss +22 -19
- package/dist/product-options.scss +118 -76
- package/dist/quick-links.scss +186 -143
- package/dist/quotes.scss +1 -0
- package/dist/repeater-item.scss +1 -0
- package/dist/section.scss +29 -78
- package/dist/stack.scss +16 -61
- package/dist/store-locations.scss +21 -20
- package/dist/tab-v2.scss +8 -7
- package/dist/table-common.scss +510 -0
- package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +6 -1
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +73 -7
- package/dist/types/builder/tools/element-edit/menu_v2.d.ts +4 -0
- package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +94 -1
- package/dist/uom-selector.scss +929 -1416
- package/dist/variant-picker.scss +416 -68
- package/dist/volume-pricing copy.scss +1092 -0
- package/dist/volume-pricing.scss +1007 -606
- package/dist/widget.scss +3 -0
- package/package.json +1 -1
package/dist/map.scss
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
$tpgp: 20px;
|
|
5
5
|
$bm: 30px;
|
|
6
|
-
$ics:
|
|
6
|
+
$ics: -1px;
|
|
7
7
|
|
|
8
8
|
$data: (
|
|
9
9
|
leftTop: (
|
|
@@ -90,7 +90,7 @@ $data: (
|
|
|
90
90
|
),
|
|
91
91
|
),
|
|
92
92
|
bottomLeft: (
|
|
93
|
-
transform: translate(calc(-100% + #{$bm}), calc(-50% + (#{$bm} * 2.
|
|
93
|
+
transform: translate(calc(-100% + #{$bm}), calc(-50% + (#{$bm} * 2.7))),
|
|
94
94
|
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
95
95
|
icon: (
|
|
96
96
|
right: #{$bm},
|
|
@@ -100,7 +100,7 @@ $data: (
|
|
|
100
100
|
),
|
|
101
101
|
),
|
|
102
102
|
bottomCenter: (
|
|
103
|
-
transform: translate(calc(-50% - #{$ics}), calc(-50% + (#{$bm} * 2.
|
|
103
|
+
transform: translate(calc(-50% - #{$ics}), calc(-50% + (#{$bm} * 2.7))),
|
|
104
104
|
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
105
105
|
icon: (
|
|
106
106
|
right: 50%,
|
|
@@ -110,7 +110,7 @@ $data: (
|
|
|
110
110
|
),
|
|
111
111
|
),
|
|
112
112
|
bottomRight: (
|
|
113
|
-
transform: translate(calc(0% - #{$bm}), calc(-50% + (#{$bm} * 2.
|
|
113
|
+
transform: translate(calc(0% - #{$bm}), calc(-50% + (#{$bm} * 2.7))),
|
|
114
114
|
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
115
115
|
icon: (
|
|
116
116
|
left: 30px,
|
|
@@ -174,7 +174,7 @@ $data: (
|
|
|
174
174
|
&[data-show-shadow="false"] {
|
|
175
175
|
--_show-shadow: none;
|
|
176
176
|
}
|
|
177
|
-
&[data-hotspot-position="topLeft"] {
|
|
177
|
+
&[data-hotspot-position="topLeft"] {
|
|
178
178
|
--_show-shadow: none;
|
|
179
179
|
.hotspot__tooltip {
|
|
180
180
|
border-style: var(--_ctm-dn-tp-dn-br-se);
|
|
@@ -491,37 +491,37 @@ $data: (
|
|
|
491
491
|
}
|
|
492
492
|
.hotspot__container {
|
|
493
493
|
position: absolute;
|
|
494
|
-
top:43%;
|
|
495
|
-
left:12%;
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
494
|
+
top: 43%;
|
|
495
|
+
left: 12%;
|
|
496
|
+
.hotspot__main {
|
|
497
|
+
position: relative;
|
|
498
|
+
.hotspot {
|
|
499
|
+
background: var(--_ctm-dn-ht-se-bd-cr);
|
|
500
|
+
// height: var(--_ctm-dn-tp-tt-dn-ft-se);
|
|
501
|
+
// width: var(--_ctm-dn-tp-tt-dn-ft-se);
|
|
502
|
+
position: absolute;
|
|
503
|
+
cursor: pointer;
|
|
504
|
+
width: var(--_ctm-dn-ht-se-ht-se);
|
|
505
|
+
height: var(--_ctm-dn-ht-se-ht-se);
|
|
506
|
+
background-color: var(--_ctm-dn-ht-se-bd-cr);
|
|
507
|
+
display: flex;
|
|
508
|
+
align-items: center;
|
|
509
|
+
top: 50%;
|
|
510
|
+
left: 50%;
|
|
511
|
+
transform: translate(-50%, -50%);
|
|
512
|
+
box-sizing: border-box;
|
|
513
|
+
justify-content: center;
|
|
514
|
+
animation: scaleInOut var(--_ctm-dn-ht-se-an-fy) infinite;
|
|
515
|
+
&[data-hotspot-shape="circle"] {
|
|
516
|
+
border-radius: 50%;
|
|
517
|
+
}
|
|
518
|
+
&[data-hotspot-shape="any"] {
|
|
519
|
+
border-radius: var(--_ctm-dn-ht-se-br-rs);
|
|
520
|
+
}
|
|
520
521
|
}
|
|
521
522
|
}
|
|
522
523
|
}
|
|
523
|
-
|
|
524
|
-
.hotspot__tooltip {
|
|
524
|
+
.hotspot__tooltip {
|
|
525
525
|
--_sf-br-vl: var(--_ctm-dn-tp-dn-br-rs, 0px);
|
|
526
526
|
position: absolute;
|
|
527
527
|
background: var(--_ctm-dn-tp-dn-bd-cr);
|
|
@@ -530,8 +530,8 @@ $data: (
|
|
|
530
530
|
width: var(--_ctm-dn-tp-dn-tp-wh);
|
|
531
531
|
min-height: 100px;
|
|
532
532
|
height: var(--_ctm-dn-tp-dn-tp-ht);
|
|
533
|
-
top:43%;
|
|
534
|
-
left:12%;
|
|
533
|
+
top: 43%;
|
|
534
|
+
left: 12%;
|
|
535
535
|
// top: var(--_sf-im-psn-tp, 0);
|
|
536
536
|
// left: var(--_sf-im-psn-lt, 0);
|
|
537
537
|
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
@use "./functions.scss" as *;
|
|
4
|
+
$activeElementSelector: "[data-has-clicked='true']";
|
|
5
|
+
|
|
6
|
+
[data-div-type="element"] {
|
|
7
|
+
&[data-element-type="menu-item"] {
|
|
8
|
+
width: calc(1% * #{prepareMediaVariable(--_ctm-ele-nw-wh-vl)});
|
|
9
|
+
// var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, auto)))
|
|
10
|
+
margin: prepareMediaVariable(--_ctm-lt-mn);
|
|
11
|
+
|
|
12
|
+
& > div {
|
|
13
|
+
&.wrapper {
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding: prepareMediaVariablevar(--_ctm-lt-pg);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|