@sc-360-v2/storefront-cms-library 0.3.89 → 0.3.90

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.
@@ -184,9 +184,9 @@ $button-padding: 6px 12px;
184
184
  // min-height: 48px;
185
185
  border-radius: 4px;
186
186
 
187
- .checkbox_container {
188
- top: 4px;
189
- }
187
+ // .checkbox_container {
188
+ // top: 4px;
189
+ // }
190
190
 
191
191
  &.disabled {
192
192
  .label-content {
@@ -206,6 +206,10 @@ $button-padding: 6px 12px;
206
206
  white-space: nowrap;
207
207
  overflow: hidden;
208
208
  text-overflow: ellipsis;
209
+ display: flex;
210
+ gap: 4px;
211
+ flex-wrap: wrap;
212
+ margin-top: 4px;
209
213
  }
210
214
  }
211
215
  }
@@ -32,6 +32,23 @@ $dark-color: #343a40;
32
32
  // width: 100%;
33
33
  // }
34
34
 
35
+ .checkout_steps_skeleton {
36
+ display: flex;
37
+ flex-direction: column;
38
+ gap: 56px;
39
+ }
40
+
41
+ .checkout_optional_method {
42
+ display: flex;
43
+ flex-direction: column;
44
+ gap: 12px;
45
+ margin-top: 12px;
46
+ & > div {
47
+ display: flex;
48
+ gap: 12px;
49
+ }
50
+ }
51
+
35
52
  // checkout styles started
36
53
  .chk_checkout_wrapper {
37
54
  // checkout login styles started
@@ -1430,6 +1447,7 @@ $dark-color: #343a40;
1430
1447
  display: grid;
1431
1448
  grid-template-columns: 1fr;
1432
1449
  gap: var(--_ctm-lt-sg-md-le-gp);
1450
+ padding-top: 12px;
1433
1451
 
1434
1452
  @media (min-width: 768px) {
1435
1453
  grid-template-columns: 1fr 1fr;
@@ -5323,6 +5341,26 @@ $dark-color: #343a40;
5323
5341
  flex-direction: column;
5324
5342
  gap: 0.25rem;
5325
5343
 
5344
+ .sr_skeletons {
5345
+ padding-block: 12px;
5346
+ .sr_add_name {
5347
+ display: flex;
5348
+ justify-content: space-between;
5349
+ align-items: center;
5350
+ margin-bottom: 16px;
5351
+ }
5352
+ .sr_address {
5353
+ display: flex;
5354
+ flex-wrap: wrap;
5355
+ gap: 12px;
5356
+ }
5357
+ .sr_contact {
5358
+ display: flex;
5359
+ gap: 12px;
5360
+ margin-top: 16px;
5361
+ }
5362
+ }
5363
+
5326
5364
  .summary-content {
5327
5365
  display: flex;
5328
5366
  flex-direction: row;
@@ -377,8 +377,8 @@
377
377
 
378
378
  &_body {
379
379
  padding: 16px;
380
- max-height: calc(100vh - 420px);
381
- overflow: auto;
380
+ // max-height: calc(100vh - 420px);
381
+ // overflow: auto;
382
382
  }
383
383
 
384
384
  &_row {
@@ -513,7 +513,7 @@
513
513
  // color: var(--_gray-500);
514
514
  font-weight: 400;
515
515
  line-height: 20px;
516
- padding-bottom: 6px;
516
+ padding-bottom: 12x;
517
517
  }
518
518
  &_details {
519
519
  display: flex;
@@ -562,7 +562,7 @@
562
562
  font-weight: 600;
563
563
  // color: var(--_gray-900);
564
564
  background: #f5f5f5;
565
- padding: 4px 6px;
565
+ padding: 6px;
566
566
  border-radius: 4px;
567
567
  margin-bottom: 12px;
568
568
  padding-left: 12px;
@@ -627,6 +627,17 @@
627
627
  flex-direction: column;
628
628
  gap: 8px;
629
629
  }
630
+ .confirm_button {
631
+ padding: 8px 24px;
632
+ border-radius: 4px;
633
+ background-color: var(--_thm-py-bs-dt-se-bd-cr);
634
+ color: var(--_thm-py-bs-dt-se-tt-cr);
635
+ margin-block: 4px 16px;
636
+ &:hover {
637
+ background-color: var(--_thm-py-bs-hr-se-bd-cr);
638
+ color: var(--_thm-py-bs-hr-se-tt-cr);
639
+ }
640
+ }
630
641
  }
631
642
  .cpn__checkmark__icon {
632
643
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.89",
3
+ "version": "0.3.90",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {