@sc-360-v2/storefront-cms-library 0.3.29 → 0.3.30
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/animation-control.scss +23 -0
- package/dist/builder.js +1 -1
- package/dist/bulk-order-pad.scss +72 -7
- package/dist/cart-details.scss +570 -278
- package/dist/cart-summary.scss +102 -73
- package/dist/cartDropdownOverlay.scss +10 -5
- package/dist/checkout.scss +130 -77
- package/dist/contact-us.scss +3 -0
- package/dist/dropdownTemplate.scss +13 -2
- package/dist/fb-dropdown.scss +6 -2
- package/dist/form-preview.scss +24 -1
- package/dist/form-zindex-module.scss +25 -0
- package/dist/functions.scss +72 -2
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/light-box-v2.scss +1 -1
- package/dist/modal.scss +60 -33
- package/dist/position-module.scss +74 -0
- package/dist/prefix-list.scss +55 -0
- package/dist/quick-order-pad.scss +36 -8
- package/dist/responsive-behaviour.scss +21 -0
- package/dist/section.scss +13 -9
- package/dist/shareCartSideBar.scss +4 -2
- package/dist/submit-quote.scss +107 -49
- package/dist/types/builder/interfaces/global.d.ts +13 -0
- package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +441 -0
- package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +364 -0
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +2 -2
- package/dist/types/builder/tools/element-edit/common.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/countdown.d.ts +384 -44
- package/dist/types/builder/tools/element-edit/dummy.d.ts +0 -0
- package/dist/types/builder/tools/element-edit/productActions.d.ts +390 -43
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +192 -22
- package/dist/types/builder/tools/element-edit/repeater.d.ts +439 -1
- package/dist/types/builder/tools/element-edit/table.d.ts +0 -1
- package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +981 -0
- package/dist/types/builder/tools/element-edit/video.d.ts +192 -22
- package/dist/types/global/types.d.ts +2 -0
- package/package.json +1 -1
package/dist/submit-quote.scss
CHANGED
|
@@ -2,16 +2,27 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: 24px;
|
|
4
4
|
padding: 32px;
|
|
5
|
+
width: 100%;
|
|
6
|
+
justify-content: space-between;
|
|
5
7
|
|
|
6
8
|
.quote-items {
|
|
7
9
|
flex: 2;
|
|
10
|
+
min-height: calc(100% - 61px);
|
|
11
|
+
overflow-y: auto;
|
|
8
12
|
}
|
|
9
13
|
|
|
10
14
|
.quote-item {
|
|
11
15
|
padding: 32px 0;
|
|
12
16
|
display: flex;
|
|
13
17
|
gap: 24px;
|
|
14
|
-
border-bottom: 1px
|
|
18
|
+
border-bottom: 1px dashed var(--_gray-400);
|
|
19
|
+
padding-right: 10px;
|
|
20
|
+
&:first-child {
|
|
21
|
+
padding-top: 0;
|
|
22
|
+
}
|
|
23
|
+
&:last-child {
|
|
24
|
+
border-bottom: 0;
|
|
25
|
+
}
|
|
15
26
|
|
|
16
27
|
.quote-item__image {
|
|
17
28
|
width: 120px;
|
|
@@ -28,29 +39,53 @@
|
|
|
28
39
|
|
|
29
40
|
.quote-item__header {
|
|
30
41
|
display: flex;
|
|
31
|
-
flex-direction:
|
|
32
|
-
gap:
|
|
33
|
-
margin-bottom:
|
|
34
|
-
padding-bottom:
|
|
35
|
-
border-bottom: 1px
|
|
42
|
+
flex-direction: column;
|
|
43
|
+
// gap: 16px;
|
|
44
|
+
margin-bottom: 16px;
|
|
45
|
+
padding-bottom: 16px;
|
|
46
|
+
border-bottom: 1px dashed var(--_gray-400);
|
|
47
|
+
// align-items: center;
|
|
36
48
|
|
|
37
49
|
.quote-item__title {
|
|
38
|
-
font-size:
|
|
39
|
-
font-weight:
|
|
40
|
-
color:
|
|
50
|
+
font-size: 16px;
|
|
51
|
+
font-weight: 500;
|
|
52
|
+
color: var(--_gray-900);
|
|
53
|
+
&:after {
|
|
54
|
+
width: 1px;
|
|
55
|
+
height: 10px;
|
|
56
|
+
background: var(--_gray-600);
|
|
57
|
+
display: inline-block;
|
|
58
|
+
content: "";
|
|
59
|
+
margin-left: 16px;
|
|
60
|
+
}
|
|
41
61
|
}
|
|
42
62
|
|
|
43
63
|
.quote-item__meta {
|
|
44
64
|
display: flex;
|
|
45
|
-
gap:
|
|
46
|
-
font-size:
|
|
47
|
-
|
|
65
|
+
gap: 6px;
|
|
66
|
+
font-size: 14px;
|
|
67
|
+
font-weight: 400;
|
|
68
|
+
color: var(--_gray-600);
|
|
69
|
+
// span {
|
|
70
|
+
// &::after {
|
|
71
|
+
// width: 1px;
|
|
72
|
+
// height: 10px;
|
|
73
|
+
// background: var(--_gray-600);
|
|
74
|
+
// content: "";
|
|
75
|
+
// display: inline-block;
|
|
76
|
+
// margin-left: 6px;
|
|
77
|
+
// }
|
|
78
|
+
// &:last-child::after {
|
|
79
|
+
// width: 0 !important;
|
|
80
|
+
// margin: 0 !important;
|
|
81
|
+
// }
|
|
82
|
+
// }
|
|
48
83
|
}
|
|
49
84
|
}
|
|
50
85
|
|
|
51
86
|
.quote-item__row {
|
|
52
87
|
display: flex;
|
|
53
|
-
gap:
|
|
88
|
+
gap: 48px;
|
|
54
89
|
align-items: flex-start;
|
|
55
90
|
|
|
56
91
|
.field {
|
|
@@ -61,13 +96,14 @@
|
|
|
61
96
|
label {
|
|
62
97
|
margin-bottom: 6px;
|
|
63
98
|
font-weight: 500;
|
|
64
|
-
color:
|
|
99
|
+
color: var(--_gray-700);
|
|
65
100
|
}
|
|
66
101
|
|
|
67
102
|
.value {
|
|
68
|
-
font-weight:
|
|
69
|
-
font-size:
|
|
70
|
-
|
|
103
|
+
font-weight: 700;
|
|
104
|
+
font-size: 20px;
|
|
105
|
+
line-height: 38px;
|
|
106
|
+
color: var(--_gray-900);
|
|
71
107
|
}
|
|
72
108
|
|
|
73
109
|
input {
|
|
@@ -95,11 +131,9 @@
|
|
|
95
131
|
height: 40px;
|
|
96
132
|
|
|
97
133
|
span {
|
|
98
|
-
background-color: #f9f9f9;
|
|
99
134
|
padding: 0 8px;
|
|
100
135
|
font-size: 15px;
|
|
101
|
-
color:
|
|
102
|
-
border-right: 1px solid #ccc;
|
|
136
|
+
color: var(--_gray-500);
|
|
103
137
|
}
|
|
104
138
|
|
|
105
139
|
input {
|
|
@@ -122,6 +156,7 @@
|
|
|
122
156
|
.quote-total {
|
|
123
157
|
display: flex;
|
|
124
158
|
flex-direction: column;
|
|
159
|
+
gap: 6px;
|
|
125
160
|
|
|
126
161
|
> div {
|
|
127
162
|
display: flex;
|
|
@@ -131,30 +166,34 @@
|
|
|
131
166
|
|
|
132
167
|
.label {
|
|
133
168
|
font-size: 14px;
|
|
134
|
-
color:
|
|
169
|
+
color: var(--_gray-700);
|
|
170
|
+
line-height: 20px;
|
|
171
|
+
font-weight: 500;
|
|
135
172
|
}
|
|
136
173
|
|
|
137
174
|
.amount {
|
|
138
175
|
font-size: 18px;
|
|
139
176
|
font-weight: 700;
|
|
140
|
-
color:
|
|
177
|
+
color: var(--_gray-900);
|
|
178
|
+
line-height: 28px;
|
|
179
|
+
min-width: 80px;
|
|
141
180
|
}
|
|
142
181
|
}
|
|
143
182
|
|
|
144
183
|
small {
|
|
145
|
-
font-size:
|
|
146
|
-
|
|
147
|
-
|
|
184
|
+
font-size: 14px;
|
|
185
|
+
font-weight: 400;
|
|
186
|
+
line-height: 20px;
|
|
187
|
+
color: var(--_gray-500);
|
|
148
188
|
}
|
|
149
|
-
|
|
150
189
|
&.discounted {
|
|
151
190
|
.label {
|
|
152
191
|
color: #198754;
|
|
153
192
|
}
|
|
154
193
|
|
|
155
|
-
.amount {
|
|
156
|
-
|
|
157
|
-
}
|
|
194
|
+
// .amount {
|
|
195
|
+
// color: #198754;
|
|
196
|
+
// }
|
|
158
197
|
}
|
|
159
198
|
}
|
|
160
199
|
}
|
|
@@ -163,50 +202,69 @@
|
|
|
163
202
|
}
|
|
164
203
|
|
|
165
204
|
.quote-summary {
|
|
166
|
-
background: #f8f9fa;
|
|
205
|
+
// background: #f8f9fa;
|
|
167
206
|
border: 1px solid #e3e3e3;
|
|
168
|
-
border-radius:
|
|
169
|
-
padding: 24px;
|
|
207
|
+
border-radius: 4px;
|
|
208
|
+
// padding: 24px;
|
|
170
209
|
width: 100%;
|
|
171
210
|
max-width: 400px;
|
|
172
211
|
|
|
173
212
|
h3 {
|
|
174
|
-
font-size:
|
|
175
|
-
font-weight:
|
|
176
|
-
|
|
177
|
-
|
|
213
|
+
font-size: 16px;
|
|
214
|
+
font-weight: 700;
|
|
215
|
+
color: var(--_gray-900);
|
|
216
|
+
background: #f5f5f5;
|
|
217
|
+
line-height: 24px;
|
|
218
|
+
padding: 12px;
|
|
219
|
+
border-radius: 4px 4px 0 0;
|
|
220
|
+
}
|
|
221
|
+
.quote-summary-body {
|
|
222
|
+
padding: 0 16px 16px 16px;
|
|
178
223
|
}
|
|
179
224
|
|
|
180
225
|
&__row {
|
|
181
226
|
display: flex;
|
|
182
227
|
justify-content: space-between;
|
|
183
228
|
align-items: center;
|
|
184
|
-
padding:
|
|
185
|
-
border-bottom: 1px
|
|
186
|
-
margin-bottom: 4px;
|
|
187
|
-
|
|
229
|
+
padding: 16px 0;
|
|
230
|
+
border-bottom: 1px dashed var(--_gray-400);
|
|
188
231
|
.label {
|
|
189
232
|
font-size: 14px;
|
|
190
|
-
|
|
233
|
+
font-weight: 400;
|
|
234
|
+
line-height: 20px;
|
|
235
|
+
color: var(--_gray-500);
|
|
236
|
+
}
|
|
237
|
+
.label-quote {
|
|
238
|
+
font-size: 16px;
|
|
239
|
+
font-weight: 600;
|
|
240
|
+
line-height: 24px;
|
|
241
|
+
color: #1f1930;
|
|
191
242
|
}
|
|
192
243
|
|
|
193
244
|
.value {
|
|
194
|
-
font-size:
|
|
245
|
+
font-size: 14px;
|
|
195
246
|
font-weight: 500;
|
|
196
|
-
color:
|
|
247
|
+
color: var(--_gray-900);
|
|
248
|
+
line-height: 20px;
|
|
197
249
|
|
|
198
250
|
&.highlight {
|
|
199
|
-
font-size:
|
|
251
|
+
font-size: 20px;
|
|
200
252
|
font-weight: 700;
|
|
201
|
-
color: #
|
|
253
|
+
color: #1f1930;
|
|
202
254
|
}
|
|
203
255
|
}
|
|
204
256
|
|
|
205
257
|
&--quoted {
|
|
206
|
-
margin-bottom:
|
|
258
|
+
margin-bottom: 16px;
|
|
207
259
|
}
|
|
208
260
|
}
|
|
209
|
-
|
|
261
|
+
.label-notes {
|
|
262
|
+
margin-bottom: 6px;
|
|
263
|
+
font-size: 14px;
|
|
264
|
+
font-weight: 500;
|
|
265
|
+
color: var(--_gray-700);
|
|
266
|
+
display: inline-block;
|
|
267
|
+
}
|
|
210
268
|
&__notes {
|
|
211
269
|
width: 100%;
|
|
212
270
|
height: 100px;
|
|
@@ -231,13 +289,13 @@
|
|
|
231
289
|
|
|
232
290
|
&__button {
|
|
233
291
|
width: 100%;
|
|
234
|
-
padding:
|
|
292
|
+
padding: 12px;
|
|
235
293
|
background-color: #1a40f2;
|
|
236
294
|
color: #fff;
|
|
237
295
|
font-size: 16px;
|
|
238
296
|
font-weight: 600;
|
|
239
297
|
border: none;
|
|
240
|
-
border-radius:
|
|
298
|
+
border-radius: 4px;
|
|
241
299
|
cursor: pointer;
|
|
242
300
|
transition: background-color 0.2s ease;
|
|
243
301
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { HorizontalOrientation, PositionValue, VerticalOrientation } from "../../global/types";
|
|
1
2
|
import { LightBoxV2ElementInterface } from "../elements/light-box-v2";
|
|
2
3
|
import { CMSDeviceVisibilityHiddenTypeEnums, CMSElementEditTypes, CMSCustomEventServiceTypesEnum, CMSComponentImportTypeEnum } from "../enums";
|
|
3
4
|
import "./cms-tools";
|
|
@@ -148,3 +149,15 @@ export interface FlexCustomEventInterface {
|
|
|
148
149
|
displayType?: CMSComponentImportTypeEnum;
|
|
149
150
|
item?: any;
|
|
150
151
|
}
|
|
152
|
+
export type FlexPositionDataType = {
|
|
153
|
+
type: PositionValue;
|
|
154
|
+
horizontal: {
|
|
155
|
+
orientation: HorizontalOrientation;
|
|
156
|
+
offset: Record<string, CMSIBSizeInterface>;
|
|
157
|
+
};
|
|
158
|
+
vertical: {
|
|
159
|
+
orientation: VerticalOrientation;
|
|
160
|
+
offset: Record<string, CMSIBSizeInterface>;
|
|
161
|
+
};
|
|
162
|
+
zIndex: string;
|
|
163
|
+
};
|