@sc-360-v2/storefront-cms-library 0.2.89 → 0.2.91

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 (15) hide show
  1. package/dist/allocationDetails.scss +49 -45
  2. package/dist/allocations.scss +22 -4
  3. package/dist/builder.js +1 -1
  4. package/dist/cart-details.scss +227 -227
  5. package/dist/checkout.scss +149 -80
  6. package/dist/icons.js +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/menu.scss +3 -0
  9. package/dist/product-customizations.scss +149 -0
  10. package/dist/quick-order-pad.scss +403 -0
  11. package/dist/repeater copy.scss +633 -0
  12. package/dist/repeater.scss +351 -20
  13. package/dist/types/builder/tools/element-edit/repeater.d.ts +8 -1
  14. package/dist/widget.scss +2 -0
  15. package/package.json +1 -1
package/dist/allocationDetails.scss CHANGED
@@ -277,58 +277,62 @@ $resizeActive: '[data-cms-element-resizer="true"]';
277
277
  max-width: 100%;
278
278
  }
279
279
  }
280
- .product__title {
281
- font-size: 16px;
282
- color: var(--_gray-700);
283
- margin-bottom: 4px;
284
- word-break: break-word;
285
- }
280
+ .price_details {
281
+ .prod_price_info {
282
+ .product__title {
283
+ font-size: 16px;
284
+ color: var(--_gray-700);
285
+ margin-bottom: 4px;
286
+ word-break: break-word;
287
+ }
286
288
 
287
- .product__desc {
288
- font-size: 14px;
289
- color: var(--_gray-500);
290
- white-space: nowrap;
291
- overflow: hidden;
292
- text-overflow: clip;
293
- }
294
- .product__price {
295
- position: relative;
296
- margin-block: 20px;
297
- .discounted__price {
298
- font-size: 20px;
299
- color: var(--_gray-900);
300
- font-weight: 600;
301
- }
302
- .offer__price {
303
- position: absolute;
304
- font-size: 16px;
305
- color: #797583;
306
- margin-left: 4px;
289
+ .product__desc {
290
+ font-size: 14px;
291
+ color: var(--_gray-500);
292
+ white-space: nowrap;
293
+ overflow: hidden;
294
+ text-overflow: clip;
295
+ }
296
+ .product__price {
297
+ position: relative;
298
+ margin-block: 20px;
299
+ .discounted__price {
300
+ font-size: 20px;
301
+ color: var(--_gray-900);
302
+ font-weight: 600;
303
+ }
304
+ .offer__price {
305
+ position: absolute;
306
+ font-size: 16px;
307
+ color: #797583;
308
+ margin-left: 4px;
309
+ }
310
+ }
307
311
  }
308
- }
309
- .product__hilights {
310
- display: flex;
311
- align-items: center;
312
- font-weight: 700;
313
- font-size: 16px;
314
- gap: 4px;
315
- margin-bottom: 20px;
316
- .product__list__item {
312
+ .product__hilights {
317
313
  display: flex;
318
314
  align-items: center;
315
+ font-weight: 700;
316
+ font-size: 16px;
319
317
  gap: 4px;
320
-
321
- .svg_icon {
318
+ margin-bottom: 20px;
319
+ .product__list__item {
322
320
  display: flex;
323
- }
321
+ align-items: center;
322
+ gap: 4px;
324
323
 
325
- &:not(:last-child)::after {
326
- content: "";
327
- display: inline-block;
328
- height: 18px;
329
- width: 2px;
330
- background-color: var(--_gray-200);
331
- margin-inline: 6px;
324
+ .svg_icon {
325
+ display: flex;
326
+ }
327
+
328
+ &:not(:last-child)::after {
329
+ content: "";
330
+ display: inline-block;
331
+ height: 18px;
332
+ width: 2px;
333
+ background-color: var(--_gray-200);
334
+ margin-inline: 6px;
335
+ }
332
336
  }
333
337
  }
334
338
  }
package/dist/allocations.scss CHANGED
@@ -20,6 +20,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
20
20
  & > div {
21
21
  &.wrapper {
22
22
  width: 100%;
23
+ min-width: 400px;
24
+ max-width: 700px;
23
25
  }
24
26
  }
25
27
 
@@ -34,6 +36,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
34
36
  width: 100%;
35
37
  border: 1px solid var(--_gray-200);
36
38
  border-collapse: collapse;
39
+ .quota-name {
40
+ display: -webkit-box;
41
+ -webkit-line-clamp: 1;
42
+ -webkit-box-orient: vertical;
43
+ overflow: hidden;
44
+ max-width: 220px;
45
+ min-width: 110px;
46
+ }
37
47
  caption {
38
48
  color: var(--_gray-600);
39
49
  font-size: 14px;
@@ -46,7 +56,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
46
56
  .est__dropdown__main {
47
57
  position: relative;
48
58
  min-width: 200px;
49
- margin-top: 10px;
50
59
 
51
60
  label {
52
61
  font-size: 14px;
@@ -70,6 +79,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
70
79
 
71
80
  &.open .list {
72
81
  display: flex;
82
+ margin-left: 10px;
73
83
  }
74
84
 
75
85
  .list {
@@ -95,6 +105,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
95
105
  .list__option {
96
106
  padding: 12px;
97
107
  cursor: pointer;
108
+ background-color: var(--_base-white);
109
+ text-align: left;
98
110
  &.selected {
99
111
  background-color: var(--_primary-25);
100
112
  color: var(--_primary-400);
@@ -109,7 +121,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
109
121
  }
110
122
  th {
111
123
  height: 44px;
112
- padding: 12px 24px;
124
+ padding: 4px 24px;
113
125
  gap: 12px;
114
126
  border-right: 1px solid var(--_gray-200);
115
127
  border-bottom: 1px solid var(--_gray-200);
@@ -118,6 +130,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
118
130
  font-size: 11px;
119
131
  font-weight: 600;
120
132
  line-height: 18px;
133
+ &:first-child {
134
+ padding-left: 0px;
135
+ padding-right: 8px;
136
+ }
121
137
  }
122
138
 
123
139
  tbody {
@@ -130,6 +146,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
130
146
  font-size: 14px;
131
147
  font-weight: 400;
132
148
  line-height: 20px;
149
+ &:not(:first-child) {
150
+ text-align: center;
151
+ }
133
152
  }
134
153
  }
135
154
  }
@@ -151,7 +170,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
151
170
  justify-content: center;
152
171
  align-items: center;
153
172
  gap: 8px;
154
- border-top: 1px solid var(--_gray-200);
155
173
  background: var(--_gray-50);
156
174
  min-height: 76px;
157
175
 
@@ -229,7 +247,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
229
247
  .est__dropdown__main {
230
248
  position: relative;
231
249
  min-width: 150px;
232
- margin-top: unset;
233
250
 
234
251
  label {
235
252
  font-size: 14px;
@@ -278,6 +295,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
278
295
  .list__option {
279
296
  padding: 12px;
280
297
  cursor: pointer;
298
+ text-align: left;
281
299
  &.selected {
282
300
  background-color: var(--_primary-25);
283
301
  color: var(--_primary-400);