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

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 (20) hide show
  1. package/dist/add-order.scss +6 -4
  2. package/dist/add-products-tab.scss +129 -105
  3. package/dist/builder.js +1 -1
  4. package/dist/buyForHeaders.scss +10 -10
  5. package/dist/buyForPopup.scss +56 -43
  6. package/dist/cart-summary.scss +2 -1
  7. package/dist/coupon.scss +85 -0
  8. package/dist/embroider-template-1-v2.scss +597 -0
  9. package/dist/embroider-template-1.scss +14 -5
  10. package/dist/embroidery.scss +25 -2
  11. package/dist/filters.scss +50 -15
  12. package/dist/layouter-pro.scss +8 -0
  13. package/dist/product-image.scss +14 -4
  14. package/dist/product-options.scss +1 -0
  15. package/dist/profile.scss +3 -3
  16. package/dist/stack.scss +13 -3
  17. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +481 -0
  18. package/dist/types/builder/tools/element-edit/filters.d.ts +5 -0
  19. package/dist/variant-picker.scss +1 -0
  20. package/package.json +1 -1
package/dist/types/builder/tools/element-edit/addProductsTab.d.ts CHANGED
@@ -34,6 +34,7 @@ export declare enum SelectorKeysEnum {
34
34
  PRODUCT_CARD_NAME_DESIGN = "productCardNameDesign",
35
35
  PRODUCT_CARD_INFO_DESIGN = "productCardInfoDesign",
36
36
  PRODUCT_CARD_PRICE_DESIGN = "productCardPriceDesign",
37
+ PRODUCT_CARD_INFO = "productCardInfo",
37
38
  PRODUCT_PANEL_DESIGN = "productPanelDesign",
38
39
  PRODUCT_NAME_DESIGN = "productNameDesign",
39
40
  PRODUCT_INFO_DESIGN = "productInfoDesign",
@@ -277,6 +278,455 @@ export declare const getDefaultData: () => {
277
278
  selectorKey: SelectorKeysEnum;
278
279
  productCardWidget: {
279
280
  padding: any;
281
+ itemGap: {
282
+ value: CMSCSSUnitTypesEnums;
283
+ unit: CMSCSSUnitTypesEnums;
284
+ property: string;
285
+ propertyType: CMSElementEditTypes;
286
+ };
287
+ defaultState: {
288
+ backgroundColor: {
289
+ parentRef: string;
290
+ value?: any;
291
+ property?: any;
292
+ propertyType?: any;
293
+ isReadOnly?: boolean | undefined;
294
+ };
295
+ borderColor: {
296
+ parentRef: string;
297
+ value?: any;
298
+ property?: any;
299
+ propertyType?: any;
300
+ isReadOnly?: boolean | undefined;
301
+ };
302
+ borderStyle: {
303
+ parentRef: string;
304
+ value?: any;
305
+ property?: any;
306
+ propertyType?: any;
307
+ isReadOnly?: boolean | undefined;
308
+ };
309
+ borderPerSlide: {
310
+ parentRef: string;
311
+ isAll: boolean;
312
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
313
+ property: string;
314
+ iscss?: boolean | undefined;
315
+ propertyType?: any;
316
+ };
317
+ showBorder: {
318
+ value: boolean;
319
+ parentRef: string;
320
+ property?: any;
321
+ propertyType?: any;
322
+ isReadOnly?: boolean | undefined;
323
+ };
324
+ showShadow: {
325
+ parentRef: string;
326
+ value?: any;
327
+ property?: any;
328
+ propertyType?: any;
329
+ isReadOnly?: boolean | undefined;
330
+ };
331
+ shadowColor: {
332
+ parentRef: string;
333
+ value?: any;
334
+ property?: any;
335
+ propertyType?: any;
336
+ isReadOnly?: boolean | undefined;
337
+ };
338
+ blur: {
339
+ parentRef: string;
340
+ unit?: string | number | undefined;
341
+ value?: any;
342
+ property?: any;
343
+ propertyType?: any;
344
+ isReadOnly?: boolean | undefined;
345
+ };
346
+ spread: {
347
+ parentRef: string;
348
+ unit?: string | number | undefined;
349
+ value?: any;
350
+ property?: any;
351
+ propertyType?: any;
352
+ isReadOnly?: boolean | undefined;
353
+ };
354
+ angle: {
355
+ parentRef: string;
356
+ unit?: string | number | undefined;
357
+ value?: any;
358
+ property?: any;
359
+ propertyType?: any;
360
+ isReadOnly?: boolean | undefined;
361
+ };
362
+ borderRadius: {
363
+ parentRef: string;
364
+ isAll: boolean;
365
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
366
+ property: string;
367
+ iscss?: boolean | undefined;
368
+ propertyType?: any;
369
+ };
370
+ font: {
371
+ parentRef: string;
372
+ value?: any;
373
+ property?: any;
374
+ propertyType?: any;
375
+ isReadOnly?: boolean | undefined;
376
+ };
377
+ fontSize: {
378
+ parentRef: string;
379
+ unit?: string | number | undefined;
380
+ value?: any;
381
+ property?: any;
382
+ propertyType?: any;
383
+ isReadOnly?: boolean | undefined;
384
+ };
385
+ textColor: {
386
+ parentRef: string;
387
+ value?: any;
388
+ property?: any;
389
+ propertyType?: any;
390
+ isReadOnly?: boolean | undefined;
391
+ };
392
+ bold: {
393
+ value: string;
394
+ parentRef: string;
395
+ property?: any;
396
+ propertyType?: any;
397
+ isReadOnly?: boolean | undefined;
398
+ };
399
+ italic: {
400
+ parentRef: string;
401
+ value?: any;
402
+ property?: any;
403
+ propertyType?: any;
404
+ isReadOnly?: boolean | undefined;
405
+ };
406
+ linethrough: {
407
+ parentRef: string;
408
+ value?: any;
409
+ property?: any;
410
+ propertyType?: any;
411
+ isReadOnly?: boolean | undefined;
412
+ };
413
+ underline: {
414
+ parentRef: string;
415
+ value?: any;
416
+ property?: any;
417
+ propertyType?: any;
418
+ isReadOnly?: boolean | undefined;
419
+ };
420
+ textAlign: {
421
+ parentRef: string;
422
+ value?: any;
423
+ property?: any;
424
+ propertyType?: any;
425
+ isReadOnly?: boolean | undefined;
426
+ };
427
+ characterSpacing: {
428
+ parentRef: string;
429
+ unit?: string | number | undefined;
430
+ value?: any;
431
+ property?: any;
432
+ propertyType?: any;
433
+ isReadOnly?: boolean | undefined;
434
+ };
435
+ lineHeight: {
436
+ parentRef: string;
437
+ unit?: string | number | undefined;
438
+ value?: any;
439
+ property?: any;
440
+ propertyType?: any;
441
+ isReadOnly?: boolean | undefined;
442
+ };
443
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
444
+ showIcon: {
445
+ parentRef: string;
446
+ value?: any;
447
+ property?: any;
448
+ propertyType?: any;
449
+ isReadOnly?: boolean | undefined;
450
+ };
451
+ iconSize: {
452
+ parentRef: string;
453
+ unit?: string | number | undefined;
454
+ value?: any;
455
+ property?: any;
456
+ propertyType?: any;
457
+ isReadOnly?: boolean | undefined;
458
+ };
459
+ iconColor: {
460
+ parentRef: string;
461
+ value?: any;
462
+ property?: any;
463
+ propertyType?: any;
464
+ isReadOnly?: boolean | undefined;
465
+ };
466
+ buttonStyle: {
467
+ parentRef: string;
468
+ propertyType: CMSElementEditTypes;
469
+ };
470
+ buttonText: {
471
+ value: string;
472
+ property: string;
473
+ propertyType: CMSElementEditTypes;
474
+ };
475
+ iconPadding: {
476
+ value: number;
477
+ property: string;
478
+ parentRef: string;
479
+ propertyType: CMSElementEditTypes;
480
+ };
481
+ iconPosition: {
482
+ parentRef: string;
483
+ propertyType: CMSElementEditTypes;
484
+ };
485
+ iconAndTextSpacing: {
486
+ property: string;
487
+ unit: number;
488
+ parentRef: string;
489
+ propertyType: CMSElementEditTypes;
490
+ };
491
+ alignment: {
492
+ property: string;
493
+ parentRef: string;
494
+ propertyType: CMSElementEditTypes;
495
+ };
496
+ buttonType: {
497
+ value: string;
498
+ propertyType: CMSElementEditTypes;
499
+ };
500
+ width: {
501
+ value: string;
502
+ unit: number;
503
+ };
504
+ padding: any;
505
+ selectorKey: SelectorKeysEnum;
506
+ };
507
+ hoverState: {
508
+ backgroundColor: {
509
+ parentRef: string;
510
+ value?: any;
511
+ property?: any;
512
+ propertyType?: any;
513
+ isReadOnly?: boolean | undefined;
514
+ };
515
+ borderColor: {
516
+ parentRef: string;
517
+ value?: any;
518
+ property?: any;
519
+ propertyType?: any;
520
+ isReadOnly?: boolean | undefined;
521
+ };
522
+ borderStyle: {
523
+ parentRef: string;
524
+ value?: any;
525
+ property?: any;
526
+ propertyType?: any;
527
+ isReadOnly?: boolean | undefined;
528
+ };
529
+ borderPerSlide: {
530
+ parentRef: string;
531
+ isAll: boolean;
532
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
533
+ property: string;
534
+ iscss?: boolean | undefined;
535
+ propertyType?: any;
536
+ };
537
+ showBorder: {
538
+ value: boolean;
539
+ parentRef: string;
540
+ property?: any;
541
+ propertyType?: any;
542
+ isReadOnly?: boolean | undefined;
543
+ };
544
+ showShadow: {
545
+ parentRef: string;
546
+ value?: any;
547
+ property?: any;
548
+ propertyType?: any;
549
+ isReadOnly?: boolean | undefined;
550
+ };
551
+ shadowColor: {
552
+ parentRef: string;
553
+ value?: any;
554
+ property?: any;
555
+ propertyType?: any;
556
+ isReadOnly?: boolean | undefined;
557
+ };
558
+ blur: {
559
+ parentRef: string;
560
+ unit?: string | number | undefined;
561
+ value?: any;
562
+ property?: any;
563
+ propertyType?: any;
564
+ isReadOnly?: boolean | undefined;
565
+ };
566
+ spread: {
567
+ parentRef: string;
568
+ unit?: string | number | undefined;
569
+ value?: any;
570
+ property?: any;
571
+ propertyType?: any;
572
+ isReadOnly?: boolean | undefined;
573
+ };
574
+ angle: {
575
+ parentRef: string;
576
+ unit?: string | number | undefined;
577
+ value?: any;
578
+ property?: any;
579
+ propertyType?: any;
580
+ isReadOnly?: boolean | undefined;
581
+ };
582
+ borderRadius: {
583
+ parentRef: string;
584
+ isAll: boolean;
585
+ sides: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides;
586
+ property: string;
587
+ iscss?: boolean | undefined;
588
+ propertyType?: any;
589
+ };
590
+ font: {
591
+ parentRef: string;
592
+ value?: any;
593
+ property?: any;
594
+ propertyType?: any;
595
+ isReadOnly?: boolean | undefined;
596
+ };
597
+ fontSize: {
598
+ parentRef: string;
599
+ unit?: string | number | undefined;
600
+ value?: any;
601
+ property?: any;
602
+ propertyType?: any;
603
+ isReadOnly?: boolean | undefined;
604
+ };
605
+ textColor: {
606
+ parentRef: string;
607
+ value?: any;
608
+ property?: any;
609
+ propertyType?: any;
610
+ isReadOnly?: boolean | undefined;
611
+ };
612
+ bold: {
613
+ value: string;
614
+ parentRef: string;
615
+ property?: any;
616
+ propertyType?: any;
617
+ isReadOnly?: boolean | undefined;
618
+ };
619
+ italic: {
620
+ parentRef: string;
621
+ value?: any;
622
+ property?: any;
623
+ propertyType?: any;
624
+ isReadOnly?: boolean | undefined;
625
+ };
626
+ linethrough: {
627
+ parentRef: string;
628
+ value?: any;
629
+ property?: any;
630
+ propertyType?: any;
631
+ isReadOnly?: boolean | undefined;
632
+ };
633
+ underline: {
634
+ parentRef: string;
635
+ value?: any;
636
+ property?: any;
637
+ propertyType?: any;
638
+ isReadOnly?: boolean | undefined;
639
+ };
640
+ textAlign: {
641
+ parentRef: string;
642
+ value?: any;
643
+ property?: any;
644
+ propertyType?: any;
645
+ isReadOnly?: boolean | undefined;
646
+ };
647
+ characterSpacing: {
648
+ parentRef: string;
649
+ unit?: string | number | undefined;
650
+ value?: any;
651
+ property?: any;
652
+ propertyType?: any;
653
+ isReadOnly?: boolean | undefined;
654
+ };
655
+ lineHeight: {
656
+ parentRef: string;
657
+ unit?: string | number | undefined;
658
+ value?: any;
659
+ property?: any;
660
+ propertyType?: any;
661
+ isReadOnly?: boolean | undefined;
662
+ };
663
+ icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
664
+ showIcon: {
665
+ parentRef: string;
666
+ value?: any;
667
+ property?: any;
668
+ propertyType?: any;
669
+ isReadOnly?: boolean | undefined;
670
+ };
671
+ iconSize: {
672
+ parentRef: string;
673
+ unit?: string | number | undefined;
674
+ value?: any;
675
+ property?: any;
676
+ propertyType?: any;
677
+ isReadOnly?: boolean | undefined;
678
+ };
679
+ iconColor: {
680
+ parentRef: string;
681
+ value?: any;
682
+ property?: any;
683
+ propertyType?: any;
684
+ isReadOnly?: boolean | undefined;
685
+ };
686
+ buttonStyle: {
687
+ parentRef: string;
688
+ propertyType: CMSElementEditTypes;
689
+ };
690
+ buttonText: {
691
+ value: string;
692
+ property: string;
693
+ propertyType: CMSElementEditTypes;
694
+ };
695
+ iconPadding: {
696
+ value: number;
697
+ property: string;
698
+ parentRef: string;
699
+ propertyType: CMSElementEditTypes;
700
+ };
701
+ iconPosition: {
702
+ parentRef: string;
703
+ propertyType: CMSElementEditTypes;
704
+ };
705
+ iconAndTextSpacing: {
706
+ property: string;
707
+ unit: number;
708
+ parentRef: string;
709
+ propertyType: CMSElementEditTypes;
710
+ };
711
+ alignment: {
712
+ property: string;
713
+ parentRef: string;
714
+ propertyType: CMSElementEditTypes;
715
+ };
716
+ buttonType: {
717
+ value: string;
718
+ propertyType: CMSElementEditTypes;
719
+ };
720
+ width: {
721
+ value: string;
722
+ unit: number;
723
+ };
724
+ padding: any;
725
+ selectorKey: SelectorKeysEnum;
726
+ };
727
+ selectedState: {
728
+ selectorKey: SelectorKeysEnum;
729
+ };
280
730
  borderColor: CMSIBCommonInterface;
281
731
  borderStyle: CMSIBCommonInterface;
282
732
  borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
@@ -399,6 +849,37 @@ export declare const getDefaultData: () => {
399
849
  backgroundColor: CMSIBCommonInterface;
400
850
  selectorKey: SelectorKeysEnum;
401
851
  };
852
+ productCardInfo: {
853
+ padding: any;
854
+ borderColor: CMSIBCommonInterface;
855
+ borderStyle: CMSIBCommonInterface;
856
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
857
+ showBorder: CMSIBCommonInterface;
858
+ showShadow: CMSIBCommonInterface;
859
+ shadowColor: CMSIBCommonInterface;
860
+ blur: import("../../interfaces/global").CMSIBSizeInterface;
861
+ spread: import("../../interfaces/global").CMSIBSizeInterface;
862
+ angle: import("../../interfaces/global").CMSIBSizeInterface;
863
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
864
+ exposure: import("../../interfaces/global").CMSIBSizeInterface;
865
+ contrast: import("../../interfaces/global").CMSIBSizeInterface;
866
+ saturation: import("../../interfaces/global").CMSIBSizeInterface;
867
+ highlights: import("../../interfaces/global").CMSIBSizeInterface;
868
+ shadows: import("../../interfaces/global").CMSIBSizeInterface;
869
+ theme: CMSIBCommonInterface;
870
+ font: CMSIBCommonInterface;
871
+ fontSize: import("../../interfaces/global").CMSIBSizeInterface;
872
+ textColor: CMSIBCommonInterface;
873
+ bold: CMSIBCommonInterface;
874
+ italic: CMSIBCommonInterface;
875
+ linethrough: CMSIBCommonInterface;
876
+ underline: CMSIBCommonInterface;
877
+ textAlign: CMSIBCommonInterface;
878
+ characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
879
+ lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
880
+ backgroundColor: CMSIBCommonInterface;
881
+ selectorKey: SelectorKeysEnum;
882
+ };
402
883
  };
403
884
  productDetails: {
404
885
  selectorKey: SelectorKeysEnum;
package/dist/types/builder/tools/element-edit/filters.d.ts CHANGED
@@ -59,6 +59,10 @@ interface selfDesignInterface {
59
59
  selectorKey: string;
60
60
  [key: string]: any;
61
61
  };
62
+ searchBar: {
63
+ selectorKey: string;
64
+ [key: string]: any;
65
+ };
62
66
  }
63
67
  export declare enum SelectorKeysEnum {
64
68
  LAYOUT = "layout",
@@ -84,6 +88,7 @@ export declare enum SelectorKeysEnum {
84
88
  CHIP_BUTTON_DEFAULT_STATE = "selectedItemDefaultState",
85
89
  CHIP_BUTTON_HOVER_STATE = "selectedItemHoverState",
86
90
  OPTION_STYLE = "optionStyle",
91
+ SEARCH_BAR = "searchBar",
87
92
  MORE_BUTTON = "moreButton",
88
93
  MORE_BUTTON_DEFAULT_STATE = "moreButtonDefaultState",
89
94
  MORE_BUTTON_HOVER_STATE = "moreButtonHoverState"
package/dist/variant-picker.scss CHANGED
@@ -95,6 +95,7 @@ $minWidth: 70px;
95
95
  .select__group {
96
96
  display: flex;
97
97
  flex-direction: row;
98
+ align-items: center;
98
99
  gap: var(
99
100
  --_ctm-mob-lt-sh-te-dy-se-im-sg,
100
101
  var(--_ctm-tab-lt-sh-te-dy-se-im-sg, var(--_ctm-lt-sh-te-dy-se-im-sg))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.4.27",
3
+ "version": "0.4.28",
4
4
  "main": "/dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "exports": {