@sc-360-v2/storefront-cms-library 0.3.72 → 0.3.74

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.
@@ -311,6 +311,26 @@
311
311
  }
312
312
  }
313
313
  }
314
+ .order_success_loading_container {
315
+ display: flex;
316
+ align-items: center;
317
+ padding: 12px;
318
+ margin-bottom: 24px;
319
+ border-radius: 6px;
320
+ border: 1px solid var(--_gray-50);
321
+ background-color: var(--_gray-100);
322
+ .success-text {
323
+ display: flex;
324
+ flex-direction: column;
325
+ justify-content: center;
326
+ gap: 8px;
327
+ .success_toast_header {
328
+ display: flex;
329
+ gap: 6px;
330
+ align-items: center;
331
+ }
332
+ }
333
+ }
314
334
  .order-failed {
315
335
  background-color: #fffbfa;
316
336
  border: 1px solid #fda29b;
@@ -544,10 +564,11 @@
544
564
  --_ctm-mob-dn-qk-as-qk-hr-bd-cr,
545
565
  var(--_ctm-tab-dn-qk-as-qk-hr-bd-cr, var(--_ctm-dn-qk-as-qk-hr-bd-cr))
546
566
  );
547
- border-color: var(
548
- --_ctm-mob-dn-qk-as-qk-hr-br-cr,
549
- var(--_ctm-tab-dn-qk-as-qk-hr-br-cr, var(--_ctm-dn-qk-as-qk-hr-br-cr))
550
- );
567
+ // border-color: var(
568
+ // --_ctm-mob-dn-qk-as-qk-hr-br-cr,
569
+ // var(--_ctm-tab-dn-qk-as-qk-hr-br-cr, var(--_ctm-dn-qk-as-qk-hr-br-cr))
570
+ // );
571
+ border-color: var(--_gray-200);
551
572
  border-style: var(
552
573
  --_ctm-mob-dn-qk-as-qk-hr-br-se,
553
574
  var(--_ctm-tab-dn-qk-as-qk-hr-br-se, var(--_ctm-dn-qk-as-qk-hr-br-se))
@@ -720,7 +741,11 @@
720
741
  var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
721
742
  );
722
743
  }
723
-
744
+ .order_number_skeleton {
745
+ display: inline-flex;
746
+ gap: 4px;
747
+ align-items: flex-end;
748
+ }
724
749
  p {
725
750
  margin: 0;
726
751
  margin-bottom: 4px;
@@ -898,7 +923,7 @@
898
923
  display: flex;
899
924
  flex-direction: column;
900
925
 
901
- gap: 8px;
926
+ gap: 12px;
902
927
 
903
928
  background-color: var(--_ctm-dn-dn-qk-as-bd-cr);
904
929
  margin: var(--_ctm-dn-dn-qk-as-mn);
@@ -1662,3 +1687,6 @@
1662
1687
  display: block;
1663
1688
  }
1664
1689
  }
1690
+ .bg-gray-100 {
1691
+ background-color: var(--_gray-100) !important;
1692
+ }
@@ -80,8 +80,10 @@ $overflowSelector: ".flex__overflow";
80
80
  word-break: break-word;
81
81
  // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
82
82
  // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
83
- display: flex;
84
- flex-direction: column;
83
+ // display: flex;
84
+ // flex-direction: column;
85
+ // display: var(--_d-inline-flex);
86
+ // display: var();
85
87
  --_sf-gp: 16px;
86
88
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
87
89
  row-gap: var(--_sf-gp);
@@ -209,8 +211,8 @@ $overflowSelector: ".flex__overflow";
209
211
  .text-element {
210
212
  // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
211
213
  // padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
212
- display: flex;
213
- flex-direction: column;
214
+ // display: flex;
215
+ // flex-direction: column;
214
216
  --_sf-gp: 16px;
215
217
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
216
218
  row-gap: var(--_sf-gp);