@sc-360-v2/storefront-cms-library 0.3.4 → 0.3.6

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 (38) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/builder.js.LICENSE.txt +1 -1
  3. package/dist/button copy.scss +2 -1
  4. package/dist/checkout.scss +141 -16
  5. package/dist/filter-results.scss +324 -0
  6. package/dist/filters.scss +1324 -31
  7. package/dist/functions.js +1 -1
  8. package/dist/icon-list.scss +11 -11
  9. package/dist/index.js +1 -1
  10. package/dist/layouter-pro-item.scss +6 -0
  11. package/dist/layouter-pro.scss +30 -2
  12. package/dist/menu-v2.scss +5 -2
  13. package/dist/past-orders.scss +770 -26
  14. package/dist/product-actions.scss +254 -393
  15. package/dist/product-basic-elements.scss +12 -12
  16. package/dist/product-options.scss +72 -46
  17. package/dist/quotes.scss +1 -0
  18. package/dist/repeater.scss +5 -2
  19. package/dist/text-temp-v2.scss +2 -2
  20. package/dist/types/builder/elements/filter-results/index.d.ts +27 -0
  21. package/dist/types/builder/elements/product-sizechart/index.d.ts +26 -0
  22. package/dist/types/builder/elements/user-elements/index.d.ts +30 -0
  23. package/dist/types/builder/enums/index.d.ts +5 -1
  24. package/dist/types/builder/index.d.ts +4 -1
  25. package/dist/types/builder/tools/element-edit/filterResults.d.ts +140 -0
  26. package/dist/types/builder/tools/element-edit/filters.d.ts +15 -8
  27. package/dist/types/builder/tools/element-edit/index.d.ts +4 -1
  28. package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts +14 -1
  29. package/dist/types/builder/tools/element-edit/layouterPro.d.ts +9 -2
  30. package/dist/types/builder/tools/element-edit/pastOrders.d.ts +61 -1
  31. package/dist/types/builder/tools/element-edit/productActions.d.ts +6 -1
  32. package/dist/types/builder/tools/element-edit/productSizeChart.d.ts +24 -0
  33. package/dist/types/builder/tools/element-edit/userElements.d.ts +555 -0
  34. package/dist/types/global/types.d.ts +2 -1
  35. package/dist/user-elements.scss +1375 -0
  36. package/dist/variant-picker.scss +127 -84
  37. package/dist/widget.scss +2 -0
  38. package/package.json +1 -1
package/dist/product-basic-elements.scss CHANGED
@@ -112,8 +112,8 @@ $overflowSelector: ".flex__overflow";
112
112
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
113
113
  // );
114
114
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
115
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
116
- sans-serif;
115
+ font-family:
116
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
117
117
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
118
118
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
119
119
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -241,8 +241,8 @@ $overflowSelector: ".flex__overflow";
241
241
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
242
242
  // );
243
243
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
244
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
245
- sans-serif;
244
+ font-family:
245
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
246
246
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
247
247
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
248
248
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -361,8 +361,8 @@ $overflowSelector: ".flex__overflow";
361
361
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
362
362
  // );
363
363
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
364
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
365
- sans-serif;
364
+ font-family:
365
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
366
366
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
367
367
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
368
368
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -481,8 +481,8 @@ $overflowSelector: ".flex__overflow";
481
481
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
482
482
  // );
483
483
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
484
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
485
- sans-serif;
484
+ font-family:
485
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
486
486
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
487
487
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
488
488
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -601,8 +601,8 @@ $overflowSelector: ".flex__overflow";
601
601
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
602
602
  // );
603
603
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
604
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
605
- sans-serif;
604
+ font-family:
605
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
606
606
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
607
607
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
608
608
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
@@ -723,8 +723,8 @@ $overflowSelector: ".flex__overflow";
723
723
  // var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
724
724
  // );
725
725
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
726
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
727
- sans-serif;
726
+ font-family:
727
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
728
728
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
729
729
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
730
730
  font-style: var(--_ctm-mob-dn-ft-se-ic, var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic)));
package/dist/product-options.scss CHANGED
@@ -72,7 +72,8 @@
72
72
  .title {
73
73
  margin-bottom: 4px;
74
74
  color: var(--_ctm-mob-dn-on-te-cr, var(--_ctm-tab-dn-on-te-cr, var(--_ctm-dn-on-te-cr)));
75
- font-family: var(
75
+ font-family:
76
+ var(
76
77
  --_ctm-mob-dn-on-te-ft-fy,
77
78
  var(--_ctm-tab-dn-on-te-ft-fy, var(--_ctm-dn-on-te-ft-fy))
78
79
  ),
@@ -471,8 +472,8 @@
471
472
 
472
473
  .option__value__text {
473
474
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-cr));
474
- font-family: var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)),
475
- sans-serif;
475
+ font-family:
476
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)), sans-serif;
476
477
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se));
477
478
  font-weight: var(--_sf-sd-ft-wt, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-wt));
478
479
  font-style: var(
@@ -484,48 +485,65 @@
484
485
  line-height: var(--_sf-sd-le-ht, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-le-ht-dc));
485
486
  text-decoration: var(--_sf-sd-ue, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ue));
486
487
  }
487
- }
488
-
489
- .disabled {
490
- cursor: not-allowed;
491
- opacity: 0.4;
492
-
493
- &[data-swatch-type="Swatch image"] {
494
- position: relative;
488
+ &.disabled {
489
+ color: #aaa;
490
+ background-color: #f9f9f9;
491
+ border-color: #ddd;
492
+ cursor: not-allowed;
493
+ opacity: 0.3;
495
494
  overflow: hidden;
496
- &::after {
497
- content: "";
498
- width: 172%;
499
- height: 1px;
500
- position: absolute;
501
- background: #f00;
502
- left: -14px;
503
- transform: rotate(48deg);
504
- /* -webkit-transform: rotate(48deg); */
505
- -moz-transform: rotate(48deg);
506
- top: 14px;
507
- box-shadow: 2px 0 5px rgba(255, 255, 255, 1);
508
- }
509
- &::before {
510
- content: "";
511
- width: 164%;
512
- height: 1px;
513
- position: absolute;
514
- background: #f00;
515
- left: -14px;
516
- transform: rotate(-48deg);
517
- -webkit-transform: rotate(-48deg);
518
- -moz-transform: rotate(-48deg);
519
- top: 14px;
520
- box-shadow: 2px 0 5px rgba(255, 255, 255, 1);
521
- }
495
+ position: relative;
496
+ }
497
+
498
+ .cross-line {
499
+ position: absolute;
500
+ inset: 0;
501
+ background-color: #cccccc;
502
+ clip-path: polygon(100% 0, 100% 1px, 0 100%, 0 96%);
503
+ pointer-events: none;
522
504
  }
523
505
  }
524
506
 
507
+ // .disabled {
508
+ // cursor: not-allowed;
509
+ // opacity: 0.4;
510
+
511
+ // &[data-swatch-type="Swatch image"] {
512
+ // position: relative;
513
+ // overflow: hidden;
514
+ // &::after {
515
+ // content: "";
516
+ // width: 172%;
517
+ // height: 1px;
518
+ // position: absolute;
519
+ // background: #f00;
520
+ // left: -14px;
521
+ // transform: rotate(48deg);
522
+ // /* -webkit-transform: rotate(48deg); */
523
+ // -moz-transform: rotate(48deg);
524
+ // top: 14px;
525
+ // box-shadow: 2px 0 5px rgba(255, 255, 255, 1);
526
+ // }
527
+ // &::before {
528
+ // content: "";
529
+ // width: 164%;
530
+ // height: 1px;
531
+ // position: absolute;
532
+ // background: #f00;
533
+ // left: -14px;
534
+ // transform: rotate(-48deg);
535
+ // -webkit-transform: rotate(-48deg);
536
+ // -moz-transform: rotate(-48deg);
537
+ // top: 14px;
538
+ // box-shadow: 2px 0 5px rgba(255, 255, 255, 1);
539
+ // }
540
+ // }
541
+ // }
542
+
525
543
  .option__value__text {
526
544
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-cr));
527
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)),
528
- sans-serif;
545
+ font-family:
546
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-fy)), sans-serif;
529
547
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se));
530
548
  font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-wt));
531
549
  font-style: var(--_sf-hr-ft-se-ic, prepareMediaVariable(--_ctm-dn-on-ve-se-dt-se-ft-se-ic));
@@ -738,7 +756,9 @@
738
756
  width: 100%;
739
757
  display: flex;
740
758
  top: calc(
741
- calc(var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 8px) /
759
+ calc(
760
+ var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) + 8px
761
+ ) /
742
762
  2
743
763
  );
744
764
  }
@@ -763,7 +783,8 @@
763
783
  --_ctm-tab-lt-dn-dy-se-dn-lt-im-sg,
764
784
  var(--_ctm-lt-dn-dy-se-dn-lt-im-sg)
765
785
  )
766
- ) / 2
786
+ ) /
787
+ 2
767
788
  );
768
789
  }
769
790
  }
@@ -813,7 +834,8 @@
813
834
  var(
814
835
  --_ctm-mob-dn-pn-as-aw-se,
815
836
  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
816
- ) + 8px
837
+ ) +
838
+ 8px
817
839
  )
818
840
  );
819
841
  }
@@ -823,7 +845,8 @@
823
845
  var(
824
846
  --_ctm-mob-dn-pn-le-le-ht,
825
847
  var(--_ctm-tab-dn-pn-le-le-ht, var(--_ctm-dn-pn-le-le-ht))
826
- ) + 20px
848
+ ) +
849
+ 20px
827
850
  )
828
851
  );
829
852
  }
@@ -833,7 +856,8 @@
833
856
  var(
834
857
  --_ctm-mob-dn-pn-ds-dt-se,
835
858
  var(--_ctm-tab-dn-pn-ds-dt-se, var(--_ctm-dn-pn-ds-dt-se))
836
- ) + 20px
859
+ ) +
860
+ 20px
837
861
  )
838
862
  );
839
863
  }
@@ -945,13 +969,15 @@
945
969
  var(
946
970
  --_ctm-mob-dn-pn-as-aw-se,
947
971
  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
948
- ) * 0.5
972
+ ) *
973
+ 0.5
949
974
  );
950
975
  height: calc(
951
976
  var(
952
977
  --_ctm-mob-dn-pn-as-aw-se,
953
978
  var(--_ctm-tab-dn-pn-as-aw-se, var(--_ctm-dn-pn-as-aw-se))
954
- ) * 0.5
979
+ ) *
980
+ 0.5
955
981
  );
956
982
  path {
957
983
  stroke: var(
package/dist/quotes.scss CHANGED
@@ -23,6 +23,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
23
23
  & > div {
24
24
  &.wrapper {
25
25
  width: 100%;
26
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
26
27
  &[data-divider-type="true"] .metric_item {
27
28
  border: 0px !important;
28
29
  border-top: 2px solid var(--_primary-100) !important;
package/dist/repeater.scss CHANGED
@@ -108,6 +108,7 @@ $rai: "repeater-advertise-item";
108
108
  auto-fit,
109
109
  minmax(#{prepareMediaVariable(--_ctm-rep-lt-rw-mn-ht-lt)}, 1fr)
110
110
  );
111
+ width: 100%;
111
112
 
112
113
  & > div {
113
114
  &#{$childItemSelector} {
@@ -465,7 +466,8 @@ $rai: "repeater-advertise-item";
465
466
  --_ctm-mob-rep-dn-bn-se-dt-se-cr,
466
467
  var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
467
468
  );
468
- font-family: var(
469
+ font-family:
470
+ var(
469
471
  --_ctm-mob-rep-dn-bn-se-dt-se-ft-fy,
470
472
  var(--_ctm-tab-rep-dn-bn-se-dt-se-ft-fy, var(--_ctm-rep-dn-bn-se-dt-se-ft-fy))
471
473
  ),
@@ -623,7 +625,8 @@ $rai: "repeater-advertise-item";
623
625
  --_ctm-mob-rep-dn-bn-se-hr-se-cr,
624
626
  var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
625
627
  );
626
- font-family: var(
628
+ font-family:
629
+ var(
627
630
  --_ctm-mob-rep-dn-bn-se-hr-se-ft-fy,
628
631
  var(--_ctm-tab-rep-dn-bn-se-hr-se-ft-fy, var(--_ctm-rep-dn-bn-se-hr-se-ft-fy))
629
632
  ),
package/dist/text-temp-v2.scss CHANGED
@@ -119,8 +119,8 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
119
119
  &,
120
120
  * {
121
121
  color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
122
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))),
123
- sans-serif;
122
+ font-family:
123
+ var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy))), sans-serif;
124
124
  font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
125
125
  font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
126
126
  font-style: var(
package/dist/types/builder/elements/filter-results/index.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import { CMSHTMLAttributes } from "../../../global/attributes";
2
+ import { CommonStyleProperties } from "../../../global/style-properties";
3
+ import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface CartStyleProperties extends CommonStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ gridArea?: GridAreaValue;
12
+ boxSizing?: BoxSizingValue;
13
+ padding?: PaddingValue;
14
+ justifySelf?: JustifySelfValue;
15
+ alignSelf?: AlignSelfValue;
16
+ }
17
+ export declare const getDefaultStyles: () => CartStyleProperties;
18
+ export interface CMSFilterResultInterface extends Omit<CMSElementInterface, "attributes"> {
19
+ attributes: {
20
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
+ BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
22
+ CUSTOM: any;
23
+ };
24
+ styles: CartStyleProperties;
25
+ childrenStyles?: CommonStyleProperties;
26
+ content: string;
27
+ }
package/dist/types/builder/elements/product-sizechart/index.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { CommonStyleProperties } from "../../../global/style-properties";
2
+ import { CMSHTMLAttributes } from "../../../global/attributes";
3
+ import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface ProductSizeChartStyleProperties extends CommonStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ gridArea?: GridAreaValue;
12
+ boxSizing?: BoxSizingValue;
13
+ padding?: PaddingValue;
14
+ justifySelf?: JustifySelfValue;
15
+ alignSelf?: AlignSelfValue;
16
+ }
17
+ export declare const getDefaultStyles: () => ProductSizeChartStyleProperties;
18
+ export interface CMSProductSizeChartInterface extends Omit<CMSElementInterface, "attributes"> {
19
+ attributes: {
20
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
+ BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
22
+ CUSTOM: any;
23
+ };
24
+ styles: ProductSizeChartStyleProperties;
25
+ childrenStyles?: CommonStyleProperties;
26
+ }
package/dist/types/builder/elements/user-elements/index.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { CommonStyleProperties } from "../../../global/style-properties";
2
+ import { CMSHTMLAttributes } from "../../../global/attributes";
3
+ import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface UserElementsStyleProperties extends CommonStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ gridArea?: GridAreaValue;
12
+ boxSizing?: BoxSizingValue;
13
+ padding?: PaddingValue;
14
+ marginLeft?: MarginValue;
15
+ marginTop?: MarginValue;
16
+ marginBottom?: MarginValue;
17
+ marginRight?: MarginValue;
18
+ justifySelf?: JustifySelfValue;
19
+ alignSelf?: AlignSelfValue;
20
+ }
21
+ export declare const getDefaultStyles: () => UserElementsStyleProperties;
22
+ export interface CMSUserElementsInterface extends Omit<CMSElementInterface, "attributes"> {
23
+ attributes: {
24
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
25
+ BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
26
+ CUSTOM: any;
27
+ };
28
+ styles: UserElementsStyleProperties;
29
+ childrenStyles?: CommonStyleProperties;
30
+ }
package/dist/types/builder/enums/index.d.ts CHANGED
@@ -131,7 +131,8 @@ export declare enum CMSElementSelectors {
131
131
  gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
132
132
  lightBox = "#cms_lt_bx_mn",
133
133
  marchandiserSetsElement = "div[data-element-type='marchandiserSets']",
134
- spotlightElement = "div[data-element-type='spotlight']"
134
+ spotlightElement = "div[data-element-type='spotlight']",
135
+ layouterProElement = "div[data-element-type='layouter-pro']"
135
136
  }
136
137
  export declare enum CMSToolAttributes {
137
138
  id = "data-cms-tool",
@@ -317,6 +318,9 @@ export declare const CMSElementsListEnum: {
317
318
  SIMPLE_LIST_ITEM: string;
318
319
  LAYOUTER_PRO: string;
319
320
  LAYOUTER_PRO_ITEM: string;
321
+ USER_ELEMENTS: string;
322
+ FILTER_RESULTS: string;
323
+ PRODUCT_SIZECHART: string;
320
324
  };
321
325
  export declare enum CMSResponsiveModeEnums {
322
326
  DESKTOP = "desktop",
package/dist/types/builder/index.d.ts CHANGED
@@ -77,4 +77,7 @@ import * as menuV2Schema from "./elements/menu-v2/index";
77
77
  import * as menuItemSchema from "./elements/menu-item/index";
78
78
  import * as layouterProSchema from "./elements/layouter-pro/index";
79
79
  import * as layouterProItemSchema from "./elements/layouter-pro-item/index";
80
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, };
80
+ import * as userElementsSchema from "./elements/user-elements/index";
81
+ import * as filterResultsSchema from "./elements/filter-results/index";
82
+ import * as productSizeChartSchema from "./elements/product-sizechart/index";
83
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, bundleDetailsSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, spotlightSchema, productCustomizationsSchema, iconListSchema, orderStatusSchema, menuV2Schema, menuItemSchema, layouterProSchema, layouterProItemSchema, userElementsSchema, filterResultsSchema, productSizeChartSchema, };
package/dist/types/builder/tools/element-edit/filterResults.d.ts ADDED
@@ -0,0 +1,140 @@
1
+ import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
2
+ export interface selfDesignInterface {
3
+ selectorKey: string;
4
+ deisgn: {
5
+ selectorKey: string;
6
+ [key: string]: any;
7
+ };
8
+ }
9
+ export declare enum SelectorKeysEnum {
10
+ LAYOUT = "layout",
11
+ DESIGN = "design",
12
+ FILTER_ICON = "cartIcon",
13
+ MINI_FILTER_TEXT = "miniFilterText",
14
+ FILTER_ITEMS_COUNT = "cartItemsCount",
15
+ CHIP_BUTTON = "chipButton",
16
+ CHIP_BUTTON_DEFAULT_STATE = "chipButtonDefault",
17
+ CHIP_BUTTON_HOVER_STATE = "chipButtonHover"
18
+ }
19
+ export declare const getDefaultData: () => {
20
+ layout: {
21
+ selectorKey: SelectorKeysEnum;
22
+ width: {
23
+ value: string;
24
+ unit: number;
25
+ };
26
+ height: {
27
+ value: string;
28
+ unit: number;
29
+ property?: any;
30
+ propertyType?: any;
31
+ isReadOnly?: boolean | undefined;
32
+ parentRef?: string | undefined;
33
+ };
34
+ margin: import("../../interfaces/global").CSSPaddingValues | undefined;
35
+ padding: import("../../interfaces/global").CSSPaddingValues | undefined;
36
+ positionType: CMSIBCommonInterface | undefined;
37
+ pinTo: CMSIBCommonInterface | undefined;
38
+ };
39
+ design: {
40
+ selectorKey: SelectorKeysEnum;
41
+ defaultState: {
42
+ selectorKey: SelectorKeysEnum;
43
+ backgroundColor: CMSIBCommonInterface;
44
+ borderColor: CMSIBCommonInterface;
45
+ borderStyle: CMSIBCommonInterface;
46
+ padding: {
47
+ isSepcial: boolean;
48
+ isAll?: boolean | undefined;
49
+ sides?: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides | undefined;
50
+ property?: string | undefined;
51
+ iscss?: boolean | undefined;
52
+ propertyType?: any;
53
+ };
54
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
55
+ showBorder: CMSIBCommonInterface;
56
+ showShadow: CMSIBCommonInterface;
57
+ shadowColor: CMSIBCommonInterface;
58
+ blur: CMSIBSizeInterface;
59
+ spread: CMSIBSizeInterface;
60
+ angle: CMSIBSizeInterface;
61
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
62
+ theme: CMSIBCommonInterface;
63
+ font: CMSIBCommonInterface;
64
+ fontSize: CMSIBSizeInterface;
65
+ textColor: CMSIBCommonInterface;
66
+ bold: CMSIBCommonInterface;
67
+ italic: CMSIBCommonInterface;
68
+ linethrough: CMSIBCommonInterface;
69
+ underline: CMSIBCommonInterface;
70
+ textAlign: CMSIBCommonInterface;
71
+ characterSpacing: CMSIBSizeInterface;
72
+ lineHeight: CMSIBSizeInterface;
73
+ iconSize: CMSIBSizeInterface;
74
+ iconColor: {
75
+ value: {
76
+ rgb: {
77
+ r: number;
78
+ g: number;
79
+ b: number;
80
+ a: number;
81
+ };
82
+ hex: string;
83
+ };
84
+ property?: any;
85
+ propertyType?: any;
86
+ isReadOnly?: boolean | undefined;
87
+ parentRef?: string | undefined;
88
+ };
89
+ };
90
+ hoverState: {
91
+ selectorKey: SelectorKeysEnum;
92
+ backgroundColor: CMSIBCommonInterface;
93
+ borderColor: CMSIBCommonInterface;
94
+ borderStyle: CMSIBCommonInterface;
95
+ borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
96
+ showBorder: CMSIBCommonInterface;
97
+ showShadow: CMSIBCommonInterface;
98
+ padding: {
99
+ isSepcial: boolean;
100
+ isAll?: boolean | undefined;
101
+ sides?: import("../../interfaces/global").PaddingSides | import("../../interfaces/global").BorderSides | undefined;
102
+ property?: string | undefined;
103
+ iscss?: boolean | undefined;
104
+ propertyType?: any;
105
+ };
106
+ shadowColor: CMSIBCommonInterface;
107
+ blur: CMSIBSizeInterface;
108
+ spread: CMSIBSizeInterface;
109
+ angle: CMSIBSizeInterface;
110
+ borderRadius: import("../../interfaces/global").CSSPaddingValues;
111
+ theme: CMSIBCommonInterface;
112
+ font: CMSIBCommonInterface;
113
+ fontSize: CMSIBSizeInterface;
114
+ textColor: CMSIBCommonInterface;
115
+ bold: CMSIBCommonInterface;
116
+ italic: CMSIBCommonInterface;
117
+ linethrough: CMSIBCommonInterface;
118
+ underline: CMSIBCommonInterface;
119
+ textAlign: CMSIBCommonInterface;
120
+ characterSpacing: CMSIBSizeInterface;
121
+ lineHeight: CMSIBSizeInterface;
122
+ iconSize: CMSIBSizeInterface;
123
+ iconColor: {
124
+ value: {
125
+ rgb: {
126
+ r: number;
127
+ g: number;
128
+ b: number;
129
+ a: number;
130
+ };
131
+ hex: string;
132
+ };
133
+ property?: any;
134
+ propertyType?: any;
135
+ isReadOnly?: boolean | undefined;
136
+ parentRef?: string | undefined;
137
+ };
138
+ };
139
+ };
140
+ };
package/dist/types/builder/tools/element-edit/filters.d.ts CHANGED
@@ -35,7 +35,11 @@ interface selfDesignInterface {
35
35
  selectorKey: string;
36
36
  [key: string]: any;
37
37
  };
38
- checkboxStyle: {
38
+ checkboxCheckedStyle: {
39
+ selectorKey: string;
40
+ [key: string]: any;
41
+ };
42
+ checkboxUncheckedStyle: {
39
43
  selectorKey: string;
40
44
  [key: string]: any;
41
45
  };
@@ -43,7 +47,7 @@ interface selfDesignInterface {
43
47
  selectorKey: string;
44
48
  [key: string]: any;
45
49
  };
46
- chipButton: {
50
+ selectedItem: {
47
51
  selectorKey: string;
48
52
  [key: string]: any;
49
53
  };
@@ -67,15 +71,18 @@ export declare enum SelectorKeysEnum {
67
71
  TAB_CONTENT_CONTAINER = "tabContentContainer",
68
72
  TABS = "tabs",
69
73
  FILTERS_WIDGET = "filtersWidget",
70
- CHECKBOX_STYLE = "checkboxStyle",
71
- CHECKBOX_DEFAULT_STATE = "checkboxDefaultState",
72
- CHECKBOX_HOVER_STATE = "checkboxHoverState",
74
+ CHECKBOX_CHECKED_STYLE = "checkboxCheckedStyle",
75
+ CHECKBOX_UNCHECKED_STYLE = "checkboxUnCheckedStyle",
76
+ CHECKBOX_CHECKED_DEFAULT_STATE = "checkboxCheckedDefaultState",
77
+ CHECKBOX_CHECKED_HOVER_STATE = "checkboxCheckedHoverState",
78
+ CHECKBOX_UNCHECKED_DEFAULT_STATE = "checkboxUncheckedDefaultState",
79
+ CHECKBOX__UNCHECKED_HOVER_STATE = "checkboxUncheckedHoverState",
73
80
  CLEAR_ALL_BUTTON = "clearAllText",
74
- CHIP_BUTTON = "chipButton",
81
+ CHIP_BUTTON = "selectedItem",
75
82
  CLEAR_ALL_BUTTON_DEFAULT_STATE = "clearAllButtonDefaultState",
76
83
  CLEAR_ALL_BUTTON_HOVER_STATE = "clearAllButtonHoverState",
77
- CHIP_BUTTON_DEFAULT_STATE = "chipButtonDefaultState",
78
- CHIP_BUTTON_HOVER_STATE = "chipButtonHoverState",
84
+ CHIP_BUTTON_DEFAULT_STATE = "selectedItemDefaultState",
85
+ CHIP_BUTTON_HOVER_STATE = "selectedItemHoverState",
79
86
  OPTION_STYLE = "optionStyle",
80
87
  MORE_BUTTON = "moreButton",
81
88
  MORE_BUTTON_DEFAULT_STATE = "moreButtonDefaultState",
package/dist/types/builder/tools/element-edit/index.d.ts CHANGED
@@ -91,4 +91,7 @@ import * as menuV2 from "./menu_v2";
91
91
  import * as menuItem from "./menu-item";
92
92
  import * as layouterPro from "./layouterPro";
93
93
  import * as layouterProItem from "./layouter-pro-item";
94
- export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, };
94
+ import * as filterResults from "./filterResults";
95
+ import * as productSizeChart from "./productSizeChart";
96
+ import * as userElements from "./userElements";
97
+ export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, };
package/dist/types/builder/tools/element-edit/layouter-pro-item.d.ts CHANGED
@@ -1,4 +1,16 @@
1
+ import { FlexSizeType, JustifyContentValue } from "../../../../components/global/types";
2
+ import { CMSIBCommonInterface, PaddingProps } from "../../interfaces/global";
1
3
  import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
7
+ justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
8
+ value: JustifyContentValue;
9
+ };
10
+ flexSize?: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
11
+ value: FlexSizeType;
12
+ };
13
+ }
2
14
  export interface selfDesignInterface {
3
15
  selectorKey: string;
4
16
  }
@@ -6,4 +18,5 @@ export declare enum selfSelectorKeysEnum {
6
18
  LAYOUT = "layout",
7
19
  DESIGN = "design"
8
20
  }
9
- export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
21
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
22
+ export {};