@sc-360-v2/storefront-cms-library 0.4.79 → 0.4.81

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.
@@ -3,7 +3,7 @@
3
3
  width: 100%;
4
4
  }
5
5
  .bulk-order-container {
6
- background: #fff;
6
+ background: var(--_base-white);
7
7
  width: 100%;
8
8
  height: 100%;
9
9
  display: flex;
@@ -11,7 +11,7 @@
11
11
  overflow: auto;
12
12
  .select-product-dropdown {
13
13
  padding: 12px;
14
- border-bottom: 1px solid var(--_gray-200);
14
+ border-bottom: 1px solid var(--_gray-300);
15
15
  }
16
16
 
17
17
  .bulk_order_pad_empty_msg_container {
@@ -315,7 +315,6 @@
315
315
  .product-entity-info,
316
316
  .actions {
317
317
  display: flex;
318
- gap: 12px;
319
318
  align-items: center;
320
319
  flex-wrap: nowrap;
321
320
 
@@ -325,7 +324,6 @@
325
324
 
326
325
  .info {
327
326
  display: flex;
328
- gap: 4px;
329
327
  align-items: center;
330
328
 
331
329
  .info-label {
@@ -347,6 +345,15 @@
347
345
  font-size: 4px;
348
346
  color: var(--_gray-500);
349
347
  }
348
+
349
+ &:not(:last-child)::after {
350
+ content: "";
351
+ width: 6px;
352
+ height: 6px;
353
+ border-radius: 50%;
354
+ background-color: var(--_gray-400);
355
+ margin-inline: 12px;
356
+ }
350
357
  }
351
358
 
352
359
  .discard {
@@ -389,8 +396,8 @@
389
396
  &.disabled {
390
397
  opacity: 0.3;
391
398
  cursor: not-allowed;
392
- background-color: var(--_gray-300);
393
- border: 1px solid var(--_gray-300);
399
+ // background-color: var(--_gray-300);
400
+ // border: 1px solid var(--_gray-300);
394
401
  }
395
402
  }
396
403
  }
@@ -488,6 +495,9 @@
488
495
  margin: 14px 0px;
489
496
  background-color: #f0f0f0;
490
497
  }
498
+ .title {
499
+ white-space: nowrap;
500
+ }
491
501
  }
492
502
  }
493
503
 
@@ -518,6 +528,7 @@
518
528
  }
519
529
  .title {
520
530
  padding-inline: 10px;
531
+ white-space: nowrap;
521
532
  }
522
533
  }
523
534
 
@@ -540,7 +551,9 @@
540
551
  &:last-of-type {
541
552
  td {
542
553
  border-bottom: 1px solid var(--_gray-200);
543
- border-right: 1px solid var(--_gray-200);
554
+ &:last-child {
555
+ border-left: 1px solid var(--_gray-200);
556
+ }
544
557
  }
545
558
 
546
559
  .option-cell {
@@ -4927,6 +4927,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
4927
4927
  font-size: 14px;
4928
4928
  font-weight: 600;
4929
4929
  }
4930
+ .cart_summary_shippingLabel_text {
4931
+ color: #667085;
4932
+ font-weight: 400;
4933
+ font-size: 14px;
4934
+ text-align: left;
4935
+ }
4930
4936
  }
4931
4937
  .cart_summary_content_details_wrapper {
4932
4938
  display: flex;
@@ -71,8 +71,15 @@
71
71
  .est__dropdown__main {
72
72
  padding-inline: 16px;
73
73
  .est__dropdown {
74
+ border: 1px solid var(--_gray-300) !important;
75
+ &:focus-within {
76
+ box-shadow: 0px 0px 0px 3px var(--_gray-100);
77
+ border-radius: inherit;
78
+ border-radius: 6px;
79
+ }
74
80
  .list .list__option {
75
81
  font-size: 14px;
82
+ border-radius: 4px;
76
83
  }
77
84
  .est__dropdown__button {
78
85
  display: flex;
@@ -207,11 +214,13 @@
207
214
  font-size: 14px;
208
215
  // width: 300px !important;
209
216
  height: 40px !important;
210
- border: 1px solid var(--_gray-200) !important;
217
+ border: 1px solid var(--_gray-300) !important;
211
218
 
212
219
  &:focus {
213
- border: 1px solid var(--_primary-200) !important;
214
- outline: 2px solid var(--_primary-50);
220
+ // border: 1px solid var(--_primary-200) !important;
221
+ // outline: 2px solid var(--_primary-50);
222
+ box-shadow: 0px 0px 0px 3px var(--_gray-100);
223
+ border-radius: 6px;
215
224
  }
216
225
  }
217
226
 
package/dist/cart.scss CHANGED
@@ -48,10 +48,10 @@
48
48
  &.cart__button {
49
49
  display: flex;
50
50
  position: relative;
51
- inset: var(
52
- --_ctm-mob-dn-ct-in-in-pn-wh-ss,
53
- var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
54
- );
51
+ // inset: var(
52
+ // --_ctm-mob-dn-ct-in-in-pn-wh-ss,
53
+ // var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
54
+ // );
55
55
  }
56
56
  svg {
57
57
  width: var(
@@ -148,11 +148,19 @@
148
148
  var(--_ctm-tab-dn-ct-is-ct-sw-cr, var(--_ctm-dn-ct-is-ct-sw-cr, none))
149
149
  )
150
150
  );
151
- height: 20px;
152
- width: 20px;
151
+ // height: 20px;
152
+ // width: 20px;
153
+ padding: var(
154
+ --_ctm-mob-dn-ct-is-ct-pg,
155
+ var(--_ctm-tab-dn-ct-is-ct-pg, var(--_ctm-dn-ct-is-ct-pg))
156
+ );
153
157
  position: absolute;
154
- top: -3px;
155
- right: -7px;
158
+ // top: -3px;
159
+ // right: -7px;
160
+ inset: var(
161
+ --_ctm-mob-dn-ct-in-in-pn-wh-ss,
162
+ var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
163
+ );
156
164
  display: flex;
157
165
  align-items: center;
158
166
  justify-content: center;
@@ -303,6 +303,13 @@ $dark-color: #343a40;
303
303
  }
304
304
  }
305
305
 
306
+ .sc-phone-container .sc-phone-input-wrapper {
307
+ border-color: var(--_gray-300);
308
+ }
309
+ .sc-phone-container .sc-phone-country-btn {
310
+ border-right-color: var(--_gray-300);
311
+ }
312
+
306
313
  .error-msg {
307
314
  color: #ff0000;
308
315
  font-size: 12px;