@sc-360-v2/storefront-cms-library 0.3.71 → 0.3.73

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);
@@ -38,17 +38,17 @@ $subMenuItemText: ".flex__sub__menu__item__text";
38
38
 
39
39
  // max-height: 0px;
40
40
  // overflow: clip;
41
- max-height: 500px;
42
- overflow-y: auto;
41
+ // max-height: 500px;
42
+ // overflow-y: auto;
43
43
  // animation: animTwo var(--_transition-duration)
44
44
  // var(--_transition-timing-function) 1 forwards alternate;
45
45
 
46
- @keyframes animTwo {
47
- 100% {
48
- max-height: 500px;
49
- overflow-y: auto;
50
- }
51
- }
46
+ // @keyframes animTwo {
47
+ // 100% {
48
+ // max-height: 500px;
49
+ // overflow-y: auto;
50
+ // }
51
+ // }
52
52
 
53
53
  &[data-show-border="true"] {
54
54
  border-width: prepareMediaVariable(--_ctm-dn-sb-mu-cr-br-wh);
@@ -1,6 +1,6 @@
1
1
  .skeleton__element {
2
2
  background-color: var(--_gray-300);
3
- border-radius: 4px;
3
+ border-radius: 6px;
4
4
  position: var(--_p-relative);
5
5
  overflow: hidden;
6
6
  &.rounded {
@@ -412,7 +412,8 @@ export declare enum CMSCustomEventsListEnums {
412
412
  IMAGE_CROP_TEMP_DATA = "imageCropTempData",
413
413
  FORM_BUILDER_STATE = "formBuilderState",
414
414
  EMBROIDERY_PLAYGROUND_STATE = "embroideryPlaygroundState",
415
- FLEX_BUILDER_ANIMATION_TEMP_STATE = "flexBuilderAnimationTempState"
415
+ FLEX_BUILDER_ANIMATION_TEMP_STATE = "flexBuilderAnimationTempState",
416
+ FLEX_EDITOR_SCROLL_TRIGGER = "flexEditorScrollTrigger"
416
417
  }
417
418
  export declare enum FlexAppVersionEnums {
418
419
  NESTEDJSON = 1,
@@ -420,7 +421,10 @@ export declare enum FlexAppVersionEnums {
420
421
  }
421
422
  export declare enum FlexDefaultValues {
422
423
  FLEXLIGHTBOXCLOSEBTN = "isLightboxCloseIconKey",
423
- FLEX_ELEMENET_ANIMATION_KEY = "animationData"
424
+ FLEX_ELEMENET_ANIMATION_KEY = "animationData",
425
+ FLEX_MACRO_CHIP_CLASS = "macro__chip__v2",
426
+ FLEX_MACRO_CHIP_MACRO_KEY = "data-macro-key",
427
+ FLEX_MACRO_TEMPLATE_KEY = "data-template"
424
428
  }
425
429
  export declare enum SkeletonItems {
426
430
  PLACEHOLDER_IMAGE = "/00000000-0000-0000-0000-000000000000/development/img-placeholder.jpg"
@@ -129,12 +129,12 @@ export declare const getDefaultData: () => {
129
129
  property: string;
130
130
  propertyType: CMSElementEditTypes;
131
131
  };
132
- showCreateTemplate: {
132
+ showAddFromTemplate: {
133
133
  value: boolean;
134
134
  property: string;
135
135
  propertyType: CMSElementEditTypes;
136
136
  };
137
- createTemplateLinkTo: {
137
+ addFromTemplateLinkTo: {
138
138
  value: boolean;
139
139
  propertyType: CMSElementEditTypes;
140
140
  };
package/dist/widget.scss CHANGED
@@ -132,3 +132,6 @@
132
132
  @use "./request-for-quotes.scss";
133
133
  @use "./checkbox-radio.scss";
134
134
  @use "./image-for-product.scss";
135
+ @use "./my-wishlist.scss";
136
+ @use "./flex-text-editor.scss";
137
+ @use "./skeleton.scss";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.3.71",
3
+ "version": "0.3.73",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {