@sc-360-v2/storefront-cms-library 0.4.27 → 0.4.29

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 (30) hide show
  1. package/dist/add-order.scss +6 -4
  2. package/dist/add-products-tab.scss +286 -136
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-order-pad.scss +6 -0
  5. package/dist/buyForHeaders.scss +21 -15
  6. package/dist/buyForPopup.scss +56 -43
  7. package/dist/cart-summary.scss +2 -1
  8. package/dist/coupon.scss +85 -0
  9. package/dist/default-dropdown.scss +226 -0
  10. package/dist/embroider-template-1-v2.scss +597 -0
  11. package/dist/embroider-template-1.scss +14 -5
  12. package/dist/embroidery.scss +25 -2
  13. package/dist/filters.scss +128 -35
  14. package/dist/layouter-pro.scss +8 -0
  15. package/dist/modal.scss +8 -0
  16. package/dist/product-image.scss +14 -4
  17. package/dist/product-options.scss +1 -0
  18. package/dist/profile.scss +3 -3
  19. package/dist/repeater.scss +9 -4
  20. package/dist/review-cart.scss +5 -3
  21. package/dist/shipping-payments.scss +470 -183
  22. package/dist/stack.scss +13 -3
  23. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +509 -12
  24. package/dist/types/builder/tools/element-edit/bundle.d.ts +801 -6
  25. package/dist/types/builder/tools/element-edit/filters.d.ts +13 -1
  26. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +1 -6
  27. package/dist/variant-picker.scss +1 -0
  28. package/dist/website.js +1 -1
  29. package/dist/widget.scss +1 -0
  30. package/package.json +1 -1
package/dist/stack.scss CHANGED
@@ -44,9 +44,19 @@ body {
44
44
  background-repeat: prepareMediaVariable(--_ctm-sta-dn-bd-rt);
45
45
  background-size: prepareMediaVariable(--_ctm-sta-dn-bd-se);
46
46
 
47
- border-color: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-cr));
48
- border-style: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-se));
49
- border-width: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-wh));
47
+ &[data-show-border="true"] {
48
+ border-color: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-cr));
49
+ border-style: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-se));
50
+ border-width: var(--_hide-grid-border, prepareMediaVariable(--_ctm-sta-dn-br-wh));
51
+ }
52
+
53
+ &[data-show-boxshadow="true"] {
54
+ box-shadow: var(
55
+ --_hide-grid-shadow,
56
+ prepareMediaVariable(--_ctm-sta-dn-sw-ae) prepareMediaVariable(--_ctm-sta-dn-sw-br)
57
+ prepareMediaVariable(--_ctm-sta-dn-sw-sd) prepareMediaVariable(--_ctm-sta-dn-sw-cr)
58
+ );
59
+ }
50
60
  border-radius: prepareMediaVariable(--_ctm-sta-dn-br-rs);
51
61
  grid-template-columns: 100%;
52
62
 
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -22,6 +22,7 @@ export declare enum SelectorKeysEnum {
22
22
  PRODUCT_CARD_DESCRIPTION = "productCardDescription",
23
23
  PRODUCT_CARD_PRICE = "productCardPrice",
24
24
  PRODUCT_DETAILS = "productDetails",
25
+ PRODUCT_DETAILS_WIDGET = "productDetailsWidget",
25
26
  PRODUCT_TITLE = "productTitle",
26
27
  PRODUCT_DESCRIPTION = "productDescription",
27
28
  PRODUCT_PRICE = "productPrice",
@@ -34,6 +35,7 @@ export declare enum SelectorKeysEnum {
34
35
  PRODUCT_CARD_NAME_DESIGN = "productCardNameDesign",
35
36
  PRODUCT_CARD_INFO_DESIGN = "productCardInfoDesign",
36
37
  PRODUCT_CARD_PRICE_DESIGN = "productCardPriceDesign",
38
+ PRODUCT_CARD_INFO = "productCardInfo",
37
39
  PRODUCT_PANEL_DESIGN = "productPanelDesign",
38
40
  PRODUCT_NAME_DESIGN = "productNameDesign",
39
41
  PRODUCT_INFO_DESIGN = "productInfoDesign",
@@ -277,6 +279,455 @@ export declare const getDefaultData: () => {
277
279
  selectorKey: SelectorKeysEnum;
278
280
  productCardWidget: {
279
281
  padding: any;
282
+ itemGap: {
283
+ value: CMSCSSUnitTypesEnums;
284
+ unit: CMSCSSUnitTypesEnums;
285
+ property: string;
286
+ propertyType: CMSElementEditTypes;
287
+ };
288
+ defaultState: {
289
+ backgroundColor: {
290
+ parentRef: string;
291
+ value?: any;
292
+ property?: any;
293
+ propertyType?: any;
294
+ isReadOnly?: boolean | undefined;
295
+ };
296
+ borderColor: {
297
+ parentRef: string;
298
+ value?: any;
299
+ property?: any;
300
+ propertyType?: any;
301
+ isReadOnly?: boolean | undefined;
302
+ };
303
+ borderStyle: {
304
+ parentRef: string;
305
+ value?: any;
306
+ property?: any;
307
+ propertyType?: any;
308
+ isReadOnly?: boolean | undefined;
309
+ };
310
+ borderPerSlide: {
311
+ parentRef: string;
312
+ isAll: boolean;
313
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
314
+ property: string;
315
+ iscss?: boolean | undefined;
316
+ propertyType?: any;
317
+ };
318
+ showBorder: {
319
+ value: boolean;
320
+ parentRef: string;
321
+ property?: any;
322
+ propertyType?: any;
323
+ isReadOnly?: boolean | undefined;
324
+ };
325
+ showShadow: {
326
+ parentRef: string;
327
+ value?: any;
328
+ property?: any;
329
+ propertyType?: any;
330
+ isReadOnly?: boolean | undefined;
331
+ };
332
+ shadowColor: {
333
+ parentRef: string;
334
+ value?: any;
335
+ property?: any;
336
+ propertyType?: any;
337
+ isReadOnly?: boolean | undefined;
338
+ };
339
+ blur: {
340
+ parentRef: string;
341
+ unit?: string | number | undefined;
342
+ value?: any;
343
+ property?: any;
344
+ propertyType?: any;
345
+ isReadOnly?: boolean | undefined;
346
+ };
347
+ spread: {
348
+ parentRef: string;
349
+ unit?: string | number | undefined;
350
+ value?: any;
351
+ property?: any;
352
+ propertyType?: any;
353
+ isReadOnly?: boolean | undefined;
354
+ };
355
+ angle: {
356
+ parentRef: string;
357
+ unit?: string | number | undefined;
358
+ value?: any;
359
+ property?: any;
360
+ propertyType?: any;
361
+ isReadOnly?: boolean | undefined;
362
+ };
363
+ borderRadius: {
364
+ parentRef: string;
365
+ isAll: boolean;
366
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
367
+ property: string;
368
+ iscss?: boolean | undefined;
369
+ propertyType?: any;
370
+ };
371
+ font: {
372
+ parentRef: string;
373
+ value?: any;
374
+ property?: any;
375
+ propertyType?: any;
376
+ isReadOnly?: boolean | undefined;
377
+ };
378
+ fontSize: {
379
+ parentRef: string;
380
+ unit?: string | number | undefined;
381
+ value?: any;
382
+ property?: any;
383
+ propertyType?: any;
384
+ isReadOnly?: boolean | undefined;
385
+ };
386
+ textColor: {
387
+ parentRef: string;
388
+ value?: any;
389
+ property?: any;
390
+ propertyType?: any;
391
+ isReadOnly?: boolean | undefined;
392
+ };
393
+ bold: {
394
+ value: string;
395
+ parentRef: string;
396
+ property?: any;
397
+ propertyType?: any;
398
+ isReadOnly?: boolean | undefined;
399
+ };
400
+ italic: {
401
+ parentRef: string;
402
+ value?: any;
403
+ property?: any;
404
+ propertyType?: any;
405
+ isReadOnly?: boolean | undefined;
406
+ };
407
+ linethrough: {
408
+ parentRef: string;
409
+ value?: any;
410
+ property?: any;
411
+ propertyType?: any;
412
+ isReadOnly?: boolean | undefined;
413
+ };
414
+ underline: {
415
+ parentRef: string;
416
+ value?: any;
417
+ property?: any;
418
+ propertyType?: any;
419
+ isReadOnly?: boolean | undefined;
420
+ };
421
+ textAlign: {
422
+ parentRef: string;
423
+ value?: any;
424
+ property?: any;
425
+ propertyType?: any;
426
+ isReadOnly?: boolean | undefined;
427
+ };
428
+ characterSpacing: {
429
+ parentRef: string;
430
+ unit?: string | number | undefined;
431
+ value?: any;
432
+ property?: any;
433
+ propertyType?: any;
434
+ isReadOnly?: boolean | undefined;
435
+ };
436
+ lineHeight: {
437
+ parentRef: string;
438
+ unit?: string | number | undefined;
439
+ value?: any;
440
+ property?: any;
441
+ propertyType?: any;
442
+ isReadOnly?: boolean | undefined;
443
+ };
444
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
445
+ showIcon: {
446
+ parentRef: string;
447
+ value?: any;
448
+ property?: any;
449
+ propertyType?: any;
450
+ isReadOnly?: boolean | undefined;
451
+ };
452
+ iconSize: {
453
+ parentRef: string;
454
+ unit?: string | number | undefined;
455
+ value?: any;
456
+ property?: any;
457
+ propertyType?: any;
458
+ isReadOnly?: boolean | undefined;
459
+ };
460
+ iconColor: {
461
+ parentRef: string;
462
+ value?: any;
463
+ property?: any;
464
+ propertyType?: any;
465
+ isReadOnly?: boolean | undefined;
466
+ };
467
+ buttonStyle: {
468
+ parentRef: string;
469
+ propertyType: CMSElementEditTypes;
470
+ };
471
+ buttonText: {
472
+ value: string;
473
+ property: string;
474
+ propertyType: CMSElementEditTypes;
475
+ };
476
+ iconPadding: {
477
+ value: number;
478
+ property: string;
479
+ parentRef: string;
480
+ propertyType: CMSElementEditTypes;
481
+ };
482
+ iconPosition: {
483
+ parentRef: string;
484
+ propertyType: CMSElementEditTypes;
485
+ };
486
+ iconAndTextSpacing: {
487
+ property: string;
488
+ unit: number;
489
+ parentRef: string;
490
+ propertyType: CMSElementEditTypes;
491
+ };
492
+ alignment: {
493
+ property: string;
494
+ parentRef: string;
495
+ propertyType: CMSElementEditTypes;
496
+ };
497
+ buttonType: {
498
+ value: string;
499
+ propertyType: CMSElementEditTypes;
500
+ };
501
+ width: {
502
+ value: string;
503
+ unit: number;
504
+ };
505
+ padding: any;
506
+ selectorKey: SelectorKeysEnum;
507
+ };
508
+ hoverState: {
509
+ backgroundColor: {
510
+ parentRef: string;
511
+ value?: any;
512
+ property?: any;
513
+ propertyType?: any;
514
+ isReadOnly?: boolean | undefined;
515
+ };
516
+ borderColor: {
517
+ parentRef: string;
518
+ value?: any;
519
+ property?: any;
520
+ propertyType?: any;
521
+ isReadOnly?: boolean | undefined;
522
+ };
523
+ borderStyle: {
524
+ parentRef: string;
525
+ value?: any;
526
+ property?: any;
527
+ propertyType?: any;
528
+ isReadOnly?: boolean | undefined;
529
+ };
530
+ borderPerSlide: {
531
+ parentRef: string;
532
+ isAll: boolean;
533
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
534
+ property: string;
535
+ iscss?: boolean | undefined;
536
+ propertyType?: any;
537
+ };
538
+ showBorder: {
539
+ value: boolean;
540
+ parentRef: string;
541
+ property?: any;
542
+ propertyType?: any;
543
+ isReadOnly?: boolean | undefined;
544
+ };
545
+ showShadow: {
546
+ parentRef: string;
547
+ value?: any;
548
+ property?: any;
549
+ propertyType?: any;
550
+ isReadOnly?: boolean | undefined;
551
+ };
552
+ shadowColor: {
553
+ parentRef: string;
554
+ value?: any;
555
+ property?: any;
556
+ propertyType?: any;
557
+ isReadOnly?: boolean | undefined;
558
+ };
559
+ blur: {
560
+ parentRef: string;
561
+ unit?: string | number | undefined;
562
+ value?: any;
563
+ property?: any;
564
+ propertyType?: any;
565
+ isReadOnly?: boolean | undefined;
566
+ };
567
+ spread: {
568
+ parentRef: string;
569
+ unit?: string | number | undefined;
570
+ value?: any;
571
+ property?: any;
572
+ propertyType?: any;
573
+ isReadOnly?: boolean | undefined;
574
+ };
575
+ angle: {
576
+ parentRef: string;
577
+ unit?: string | number | undefined;
578
+ value?: any;
579
+ property?: any;
580
+ propertyType?: any;
581
+ isReadOnly?: boolean | undefined;
582
+ };
583
+ borderRadius: {
584
+ parentRef: string;
585
+ isAll: boolean;
586
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
587
+ property: string;
588
+ iscss?: boolean | undefined;
589
+ propertyType?: any;
590
+ };
591
+ font: {
592
+ parentRef: string;
593
+ value?: any;
594
+ property?: any;
595
+ propertyType?: any;
596
+ isReadOnly?: boolean | undefined;
597
+ };
598
+ fontSize: {
599
+ parentRef: string;
600
+ unit?: string | number | undefined;
601
+ value?: any;
602
+ property?: any;
603
+ propertyType?: any;
604
+ isReadOnly?: boolean | undefined;
605
+ };
606
+ textColor: {
607
+ parentRef: string;
608
+ value?: any;
609
+ property?: any;
610
+ propertyType?: any;
611
+ isReadOnly?: boolean | undefined;
612
+ };
613
+ bold: {
614
+ value: string;
615
+ parentRef: string;
616
+ property?: any;
617
+ propertyType?: any;
618
+ isReadOnly?: boolean | undefined;
619
+ };
620
+ italic: {
621
+ parentRef: string;
622
+ value?: any;
623
+ property?: any;
624
+ propertyType?: any;
625
+ isReadOnly?: boolean | undefined;
626
+ };
627
+ linethrough: {
628
+ parentRef: string;
629
+ value?: any;
630
+ property?: any;
631
+ propertyType?: any;
632
+ isReadOnly?: boolean | undefined;
633
+ };
634
+ underline: {
635
+ parentRef: string;
636
+ value?: any;
637
+ property?: any;
638
+ propertyType?: any;
639
+ isReadOnly?: boolean | undefined;
640
+ };
641
+ textAlign: {
642
+ parentRef: string;
643
+ value?: any;
644
+ property?: any;
645
+ propertyType?: any;
646
+ isReadOnly?: boolean | undefined;
647
+ };
648
+ characterSpacing: {
649
+ parentRef: string;
650
+ unit?: string | number | undefined;
651
+ value?: any;
652
+ property?: any;
653
+ propertyType?: any;
654
+ isReadOnly?: boolean | undefined;
655
+ };
656
+ lineHeight: {
657
+ parentRef: string;
658
+ unit?: string | number | undefined;
659
+ value?: any;
660
+ property?: any;
661
+ propertyType?: any;
662
+ isReadOnly?: boolean | undefined;
663
+ };
664
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
665
+ showIcon: {
666
+ parentRef: string;
667
+ value?: any;
668
+ property?: any;
669
+ propertyType?: any;
670
+ isReadOnly?: boolean | undefined;
671
+ };
672
+ iconSize: {
673
+ parentRef: string;
674
+ unit?: string | number | undefined;
675
+ value?: any;
676
+ property?: any;
677
+ propertyType?: any;
678
+ isReadOnly?: boolean | undefined;
679
+ };
680
+ iconColor: {
681
+ parentRef: string;
682
+ value?: any;
683
+ property?: any;
684
+ propertyType?: any;
685
+ isReadOnly?: boolean | undefined;
686
+ };
687
+ buttonStyle: {
688
+ parentRef: string;
689
+ propertyType: CMSElementEditTypes;
690
+ };
691
+ buttonText: {
692
+ value: string;
693
+ property: string;
694
+ propertyType: CMSElementEditTypes;
695
+ };
696
+ iconPadding: {
697
+ value: number;
698
+ property: string;
699
+ parentRef: string;
700
+ propertyType: CMSElementEditTypes;
701
+ };
702
+ iconPosition: {
703
+ parentRef: string;
704
+ propertyType: CMSElementEditTypes;
705
+ };
706
+ iconAndTextSpacing: {
707
+ property: string;
708
+ unit: number;
709
+ parentRef: string;
710
+ propertyType: CMSElementEditTypes;
711
+ };
712
+ alignment: {
713
+ property: string;
714
+ parentRef: string;
715
+ propertyType: CMSElementEditTypes;
716
+ };
717
+ buttonType: {
718
+ value: string;
719
+ propertyType: CMSElementEditTypes;
720
+ };
721
+ width: {
722
+ value: string;
723
+ unit: number;
724
+ };
725
+ padding: any;
726
+ selectorKey: SelectorKeysEnum;
727
+ };
728
+ selectedState: {
729
+ selectorKey: SelectorKeysEnum;
730
+ };
280
731
  borderColor: CMSIBCommonInterface;
281
732
  borderStyle: CMSIBCommonInterface;
282
733
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -399,9 +850,65 @@ export declare const getDefaultData: () => {
399
850
  backgroundColor: CMSIBCommonInterface;
400
851
  selectorKey: SelectorKeysEnum;
401
852
  };
853
+ productCardInfo: {
854
+ padding: any;
855
+ borderColor: CMSIBCommonInterface;
856
+ borderStyle: CMSIBCommonInterface;
857
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
858
+ showBorder: CMSIBCommonInterface;
859
+ showShadow: CMSIBCommonInterface;
860
+ shadowColor: CMSIBCommonInterface;
861
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
862
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
863
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
864
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
865
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
866
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
867
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
868
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
869
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
870
+ theme: CMSIBCommonInterface;
871
+ font: CMSIBCommonInterface;
872
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
873
+ textColor: CMSIBCommonInterface;
874
+ bold: CMSIBCommonInterface;
875
+ italic: CMSIBCommonInterface;
876
+ linethrough: CMSIBCommonInterface;
877
+ underline: CMSIBCommonInterface;
878
+ textAlign: CMSIBCommonInterface;
879
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
880
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
881
+ backgroundColor: CMSIBCommonInterface;
882
+ selectorKey: SelectorKeysEnum;
883
+ };
402
884
  };
403
885
  productDetails: {
404
886
  selectorKey: SelectorKeysEnum;
887
+ productDetailsWidget: {
888
+ padding: any;
889
+ itemGap: {
890
+ value: CMSCSSUnitTypesEnums;
891
+ unit: CMSCSSUnitTypesEnums;
892
+ property: string;
893
+ propertyType: CMSElementEditTypes;
894
+ };
895
+ borderColor: CMSIBCommonInterface;
896
+ borderStyle: CMSIBCommonInterface;
897
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
898
+ showBorder: CMSIBCommonInterface;
899
+ showShadow: CMSIBCommonInterface;
900
+ shadowColor: CMSIBCommonInterface;
901
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
902
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
903
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
904
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
905
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
906
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
907
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
908
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
909
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
910
+ selectorKey: SelectorKeysEnum;
911
+ };
405
912
  productTitle: {
406
913
  padding: any;
407
914
  borderColor: CMSIBCommonInterface;
@@ -587,12 +1094,7 @@ export declare const getDefaultData: () => {
587
1094
  property: string;
588
1095
  propertyType: CMSElementEditTypes;
589
1096
  };
590
- itemPadding: {
591
- value: number;
592
- unit: number;
593
- property: string;
594
- propertyType: CMSElementEditTypes;
595
- };
1097
+ itemPadding: any;
596
1098
  itemSpacing: {
597
1099
  value: string;
598
1100
  property: string;
@@ -628,12 +1130,7 @@ export declare const getDefaultData: () => {
628
1130
  property: string;
629
1131
  propertyType: CMSElementEditTypes;
630
1132
  };
631
- itemPadding: {
632
- value: number;
633
- unit: number;
634
- property: string;
635
- propertyType: CMSElementEditTypes;
636
- };
1133
+ itemPadding: any;
637
1134
  itemSpacing: {
638
1135
  value: string;
639
1136
  property: string;