@sc-360-v2/storefront-cms-library 0.5.22 → 0.5.24

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 (27) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/product-image.scss +48 -1
  3. package/dist/quantity-selector.scss +3 -0
  4. package/dist/quota-details.scss +1 -1
  5. package/dist/text-temp-v2.scss +141 -139
  6. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +20 -0
  7. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +27 -0
  8. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +10 -0
  9. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +30 -0
  10. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +20 -0
  11. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +5 -0
  12. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +80 -0
  13. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +80 -0
  14. package/dist/types/builder/tools/element-edit/checkout.d.ts +50 -0
  15. package/dist/types/builder/tools/element-edit/common.d.ts +10 -0
  16. package/dist/types/builder/tools/element-edit/countdown.d.ts +20 -0
  17. package/dist/types/builder/tools/element-edit/embroidery.d.ts +15 -0
  18. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +30 -0
  19. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +10 -0
  20. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +50 -0
  21. package/dist/types/builder/tools/element-edit/userElements.d.ts +10 -0
  22. package/dist/types/builder/tools/element-edit/video.d.ts +10 -0
  23. package/dist/types/website/enums/feature-restrictions.d.ts +12 -1
  24. package/dist/types/website/helper/feature-restrictions.d.ts +6 -0
  25. package/dist/types/website/index.d.ts +6 -0
  26. package/dist/website.js +1 -1
  27. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  @use "./functions.scss" as *;
4
4
 
5
5
  $defaultValues: (
6
- --_sf-mgn-wdth-vl: getListOfResponsive(1117px, 340px, 747px),
6
+ --_sf-mgn-wdth-vl: getListOfResponsive(1117px, 100%, 747px),
7
7
  --_sf-mgn-height-vl: getListOfResponsive(1400px, 700px, 1040px),
8
8
  );
9
9
 
@@ -1701,6 +1701,7 @@ body:has(.pim__main) {
1701
1701
  .pim__img__main {
1702
1702
  width: 100%;
1703
1703
  height: 100%;
1704
+ position: relative;
1704
1705
 
1705
1706
  & > .pim__img__wrapper {
1706
1707
  height: 100%;
@@ -1709,6 +1710,52 @@ body:has(.pim__main) {
1709
1710
  img {
1710
1711
  max-width: 100%;
1711
1712
  }
1713
+ .pim__nav {
1714
+ position: absolute;
1715
+ top: 50%;
1716
+ transform: translateY(-50%);
1717
+ width: 40px;
1718
+ height: 40px;
1719
+ border-radius: 50%;
1720
+ background: #fff;
1721
+ border: 1px solid #98a2b3;
1722
+ z-index: 2;
1723
+
1724
+ display: var(--_d-flex);
1725
+ align-items: center;
1726
+ justify-content: center;
1727
+ cursor: pointer;
1728
+
1729
+ svg {
1730
+ width: 16px;
1731
+ height: 16px;
1732
+ path {
1733
+ color: #000;
1734
+ }
1735
+ }
1736
+
1737
+ &.pim__nav--prev {
1738
+ left: 20px;
1739
+ }
1740
+
1741
+ &.pim__nav--next {
1742
+ right: 20px;
1743
+ }
1744
+ }
1745
+
1746
+ .pim__counter {
1747
+ position: absolute;
1748
+ bottom: 20px;
1749
+ left: 50%;
1750
+ transform: translateX(-50%);
1751
+ padding: 4px 12px;
1752
+ border-radius: 16px;
1753
+ background: rgba(0, 0, 0, 0.6);
1754
+ color: #fff;
1755
+ font-size: 13px;
1756
+ line-height: 1.4;
1757
+ z-index: 2;
1758
+ }
1712
1759
  }
1713
1760
  }
1714
1761
  }
@@ -164,6 +164,9 @@
164
164
  );
165
165
  text-decoration: var(--_ctm-mob-dn-ll-ue, var(--_ctm-tab-dn-ll-ue, var(--_ctm-dn-ll-ue)));
166
166
  padding: prepareMediaVariable(--_ctm-dn-ll-pg);
167
+ text-transform: prepareMediaVariable(--_ctm-dn-ll-tt-tm);
168
+ word-wrap: prepareMediaVariable(--_ctm-dn-ll-wd-wp);
169
+ word-break: prepareMediaVariable(--_ctm-dn-ll-wd-bk);
167
170
  }
168
171
 
169
172
  .input {
@@ -62,7 +62,7 @@
62
62
  );
63
63
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
64
64
  row-gap: var(--_sf-gp);
65
- width: 100%;
65
+ width: fit-content;
66
66
  height: auto;
67
67
  border-color: var(
68
68
  --_ctm-mob-dn-wt-se-br-cr,
@@ -1,139 +1,141 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
- @use "./functions.scss" as *;
4
-
5
- $ie: '[contenteditable="true"]';
6
- $re: '[data-cms-tool="cms-element-resizer"]';
7
- $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
8
-
9
- [data-div-type="element"] {
10
- &[data-element-type="text"] {
11
- // width: var(--_lt-wh);
12
- // height: var(--_lt-ht);
13
- // margin: var(--_lt-mn);
14
- // padding: var(--_lt-pg);
15
- // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
16
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
17
- width: var(
18
- --_sf-el-wh-st-mx,
19
- calc(
20
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
21
- )
22
- );
23
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
24
-
25
- // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
26
- // height: ;
27
- // aspect-ratio: 1 / var(--_sf-aspect-ratio);
28
- // --_aspect-ratio: calc(
29
- // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
30
- // );
31
-
32
- [data-div-type="wrapper__layer__v2"] {
33
- position: var(--_p-absolute);
34
- inset: 0 0 0 0;
35
- border: 1px solid var(--_accent-color-2-500);
36
- z-index: 2;
37
- pointer-events: none;
38
- visibility: var(--_sf-vt-bm-zz, hidden);
39
- opacity: var(--_sf-op-bm-zz, 0);
40
- }
41
-
42
- &#{$dblclk} {
43
- --_sf-op-bm-zz: 1;
44
- --_sf-vt-bm-zz: visible;
45
- #{$re} {
46
- display: none !important;
47
- }
48
- }
49
-
50
- [contentEditable="true"] {
51
- white-space: normal;
52
- unicode-bidi: plaintext;
53
- }
54
- &[data-haslink="true"] {
55
- cursor: pointer;
56
- }
57
-
58
- & > .wrapper {
59
- width: 100%;
60
- min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
61
- // min-height: 50px;
62
- background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
63
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
64
- border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
65
- border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
66
- border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
67
- border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
68
-
69
- box-shadow: var(
70
- --_show-shadow,
71
- var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
72
- var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
73
- var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
74
- var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
75
- );
76
- // height: 100%;
77
-
78
- #{$ie} {
79
- &:focus {
80
- outline: none;
81
- border: none;
82
- }
83
- }
84
- }
85
- &[data-show-shadow="false"] {
86
- --_show-shadow: none;
87
- }
88
-
89
- .text-element {
90
- // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
91
- // padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
92
- // border-color: var(--_ctm-dn-br-cr, var(--_tst-dn-br-cr));
93
- // border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
94
- // border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
95
- // border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
96
- // box-shadow: var(
97
- // --_show-shadow,
98
- // var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
99
- // var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
100
- // );
101
- display: flex;
102
- flex-direction: column;
103
- --_sf-gp: 16px;
104
- --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
105
- row-gap: var(--_sf-gp);
106
- width: 100%;
107
- // height: 100%;
108
-
109
- // transform: scale(var(--_ctm-dn-zm-ie));
110
- scale: var(--_ctm-dn-zm-ie);
111
- &[data-flip-x="true"] {
112
- transform: scaleX(-1);
113
- }
114
- &[data-flip-y="true"] {
115
- transform: scaleY(-1);
116
- }
117
-
118
- *,
119
- .et-tt {
120
- &,
121
- * {
122
- color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
123
- font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy)));
124
- font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
125
- font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
126
- font-style: var(
127
- --_ctm-mob-dn-ft-se-ic,
128
- var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic))
129
- );
130
- text-align: var(--_ctm-mob-dn-tt-an, var(--_ctm-tab-dn-tt-an, var(--_ctm-dn-tt-an)));
131
- letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
132
- line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
133
- text-decoration: var(--_ctm-mob-dn-ue, var(--_ctm-tab-dn-ue, var(--_ctm-dn-ue)));
134
- text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
135
- }
136
- }
137
- }
138
- }
139
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+
5
+ $ie: '[contenteditable="true"]';
6
+ $re: '[data-cms-tool="cms-element-resizer"]';
7
+ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
8
+
9
+ [data-div-type="element"] {
10
+ &[data-element-type="text"] {
11
+ // width: var(--_lt-wh);
12
+ // height: var(--_lt-ht);
13
+ // margin: var(--_lt-mn);
14
+ // padding: var(--_lt-pg);
15
+ // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
16
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
17
+ width: var(
18
+ --_sf-el-wh-st-mx,
19
+ calc(
20
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
21
+ )
22
+ );
23
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
24
+
25
+ // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
26
+ // height: ;
27
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
28
+ // --_aspect-ratio: calc(
29
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
30
+ // );
31
+
32
+ [data-div-type="wrapper__layer__v2"] {
33
+ position: var(--_p-absolute);
34
+ inset: 0 0 0 0;
35
+ border: 1px solid var(--_accent-color-2-500);
36
+ z-index: 2;
37
+ pointer-events: none;
38
+ visibility: var(--_sf-vt-bm-zz, hidden);
39
+ opacity: var(--_sf-op-bm-zz, 0);
40
+ }
41
+
42
+ &#{$dblclk} {
43
+ --_sf-op-bm-zz: 1;
44
+ --_sf-vt-bm-zz: visible;
45
+ #{$re} {
46
+ display: none !important;
47
+ }
48
+ }
49
+
50
+ [contentEditable="true"] {
51
+ white-space: normal;
52
+ unicode-bidi: plaintext;
53
+ }
54
+ &[data-haslink="true"] {
55
+ cursor: pointer;
56
+ }
57
+
58
+ & > .wrapper {
59
+ width: 100%;
60
+ min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
61
+ // min-height: 50px;
62
+ background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
63
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
64
+ border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
65
+ border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
66
+ border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
67
+ border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
68
+
69
+ box-shadow: var(
70
+ --_show-shadow,
71
+ var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
72
+ var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
73
+ var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
74
+ var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
75
+ );
76
+ // height: 100%;
77
+
78
+ #{$ie} {
79
+ &:focus {
80
+ outline: none;
81
+ border: none;
82
+ }
83
+ }
84
+ }
85
+ &[data-show-shadow="false"] {
86
+ --_show-shadow: none;
87
+ }
88
+
89
+ .text-element {
90
+ // background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
91
+ // padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
92
+ // border-color: var(--_ctm-dn-br-cr, var(--_tst-dn-br-cr));
93
+ // border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
94
+ // border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
95
+ // border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
96
+ // box-shadow: var(
97
+ // --_show-shadow,
98
+ // var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
99
+ // var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
100
+ // );
101
+ display: flex;
102
+ flex-direction: column;
103
+ --_sf-gp: 16px;
104
+ --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
105
+ row-gap: var(--_sf-gp);
106
+ width: 100%;
107
+ // height: 100%;
108
+
109
+ // transform: scale(var(--_ctm-dn-zm-ie));
110
+ scale: var(--_ctm-dn-zm-ie);
111
+ &[data-flip-x="true"] {
112
+ transform: scaleX(-1);
113
+ }
114
+ &[data-flip-y="true"] {
115
+ transform: scaleY(-1);
116
+ }
117
+
118
+ *,
119
+ .et-tt {
120
+ &,
121
+ * {
122
+ color: var(--_ctm-mob-dn-cr, var(--_ctm-tab-dn-cr, var(--_ctm-dn-cr)));
123
+ font-family: var(--_ctm-mob-dn-ft-fy, var(--_ctm-tab-dn-ft-fy, var(--_ctm-dn-ft-fy)));
124
+ font-size: var(--_ctm-mob-dn-ft-se, var(--_ctm-tab-dn-ft-se, var(--_ctm-dn-ft-se)));
125
+ font-weight: var(--_ctm-mob-dn-ft-wt, var(--_ctm-tab-dn-ft-wt, var(--_ctm-dn-ft-wt)));
126
+ font-style: var(
127
+ --_ctm-mob-dn-ft-se-ic,
128
+ var(--_ctm-tab-dn-ft-se-ic, var(--_ctm-dn-ft-se-ic))
129
+ );
130
+ text-align: var(--_ctm-mob-dn-tt-an, var(--_ctm-tab-dn-tt-an, var(--_ctm-dn-tt-an)));
131
+ letter-spacing: var(--_ctm-mob-dn-lr-sg, var(--_ctm-tab-dn-lr-sg, var(--_ctm-dn-lr-sg)));
132
+ line-height: var(--_ctm-mob-dn-le-ht, var(--_ctm-tab-dn-le-ht, var(--_ctm-dn-le-ht)));
133
+ text-decoration: var(--_ctm-mob-dn-ue, var(--_ctm-tab-dn-ue, var(--_ctm-dn-ue)));
134
+ text-transform: prepareMediaVariable(--_ctm-dn-tt-tm);
135
+ word-wrap: prepareMediaVariable(--_ctm-dn-wd-wp);
136
+ word-break: prepareMediaVariable(--_ctm-dn-wd-bk);
137
+ }
138
+ }
139
+ }
140
+ }
141
+ }
@@ -2469,6 +2469,11 @@ export declare const getDefaultData: () => {
2469
2469
  property: string;
2470
2470
  propertyType: CMSElementEditTypes;
2471
2471
  };
2472
+ tag: {
2473
+ value: string;
2474
+ property: string;
2475
+ propertyType: CMSElementEditTypes;
2476
+ };
2472
2477
  font: {
2473
2478
  value: string;
2474
2479
  property: string;
@@ -2580,6 +2585,11 @@ export declare const getDefaultData: () => {
2580
2585
  property: string;
2581
2586
  propertyType: CMSElementEditTypes;
2582
2587
  };
2588
+ tag: {
2589
+ value: string;
2590
+ property: string;
2591
+ propertyType: CMSElementEditTypes;
2592
+ };
2583
2593
  font: {
2584
2594
  value: string;
2585
2595
  property: string;
@@ -2775,6 +2785,11 @@ export declare const getDefaultData: () => {
2775
2785
  property: string;
2776
2786
  propertyType: CMSElementEditTypes;
2777
2787
  };
2788
+ tag: {
2789
+ value: string;
2790
+ property: string;
2791
+ propertyType: CMSElementEditTypes;
2792
+ };
2778
2793
  font: {
2779
2794
  value: string;
2780
2795
  property: string;
@@ -2886,6 +2901,11 @@ export declare const getDefaultData: () => {
2886
2901
  property: string;
2887
2902
  propertyType: CMSElementEditTypes;
2888
2903
  };
2904
+ tag: {
2905
+ value: string;
2906
+ property: string;
2907
+ propertyType: CMSElementEditTypes;
2908
+ };
2889
2909
  font: {
2890
2910
  value: string;
2891
2911
  property: string;
@@ -127,6 +127,15 @@ export declare const getDefaultData: () => {
127
127
  };
128
128
  };
129
129
  homePageItemStyle: {
130
+ itemGap: {
131
+ value: number;
132
+ unit?: string | number | undefined;
133
+ property?: any;
134
+ propertyType?: any;
135
+ isReadOnly?: boolean | undefined;
136
+ parentRef?: string | undefined;
137
+ };
138
+ padding: any;
130
139
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
131
140
  showIcon: CMSIBCommonInterface | undefined;
132
141
  iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -171,6 +180,15 @@ export declare const getDefaultData: () => {
171
180
  };
172
181
  };
173
182
  currentPageItemStyle: {
183
+ itemGap: {
184
+ value: number;
185
+ unit?: string | number | undefined;
186
+ property?: any;
187
+ propertyType?: any;
188
+ isReadOnly?: boolean | undefined;
189
+ parentRef?: string | undefined;
190
+ };
191
+ padding: any;
174
192
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
175
193
  showIcon: CMSIBCommonInterface | undefined;
176
194
  iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -215,6 +233,15 @@ export declare const getDefaultData: () => {
215
233
  };
216
234
  };
217
235
  otherItemStyle: {
236
+ itemGap: {
237
+ value: number;
238
+ unit?: string | number | undefined;
239
+ property?: any;
240
+ propertyType?: any;
241
+ isReadOnly?: boolean | undefined;
242
+ parentRef?: string | undefined;
243
+ };
244
+ padding: any;
218
245
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
219
246
  showIcon: CMSIBCommonInterface | undefined;
220
247
  iconSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -1626,6 +1626,11 @@ export declare const getDefaultData: () => {
1626
1626
  property: string;
1627
1627
  propertyType: CMSElementEditTypes;
1628
1628
  };
1629
+ tag: {
1630
+ value: string;
1631
+ property: string;
1632
+ propertyType: CMSElementEditTypes;
1633
+ };
1629
1634
  font: {
1630
1635
  value: string;
1631
1636
  property: string;
@@ -1737,6 +1742,11 @@ export declare const getDefaultData: () => {
1737
1742
  property: string;
1738
1743
  propertyType: CMSElementEditTypes;
1739
1744
  };
1745
+ tag: {
1746
+ value: string;
1747
+ property: string;
1748
+ propertyType: CMSElementEditTypes;
1749
+ };
1740
1750
  font: {
1741
1751
  value: string;
1742
1752
  property: string;
@@ -519,6 +519,11 @@ export declare const getDefaultData: () => {
519
519
  property: string;
520
520
  propertyType: CMSElementEditTypes;
521
521
  };
522
+ tagDesc: {
523
+ value: string;
524
+ property: string;
525
+ propertyType: CMSElementEditTypes;
526
+ };
522
527
  fontDesc: {
523
528
  value: string;
524
529
  property: string;
@@ -615,6 +620,11 @@ export declare const getDefaultData: () => {
615
620
  property: string;
616
621
  propertyType: CMSElementEditTypes;
617
622
  };
623
+ tag: {
624
+ value: string;
625
+ property: string;
626
+ propertyType: CMSElementEditTypes;
627
+ };
618
628
  font: {
619
629
  value: string;
620
630
  property: string;
@@ -740,6 +750,11 @@ export declare const getDefaultData: () => {
740
750
  property: string;
741
751
  propertyType: CMSElementEditTypes;
742
752
  };
753
+ tagDesc: {
754
+ value: string;
755
+ property: string;
756
+ propertyType: CMSElementEditTypes;
757
+ };
743
758
  fontDesc: {
744
759
  value: string;
745
760
  property: string;
@@ -836,6 +851,11 @@ export declare const getDefaultData: () => {
836
851
  property: string;
837
852
  propertyType: CMSElementEditTypes;
838
853
  };
854
+ tag: {
855
+ value: string;
856
+ property: string;
857
+ propertyType: CMSElementEditTypes;
858
+ };
839
859
  font: {
840
860
  value: string;
841
861
  property: string;
@@ -981,6 +1001,11 @@ export declare const getDefaultData: () => {
981
1001
  property: string;
982
1002
  propertyType: CMSElementEditTypes;
983
1003
  };
1004
+ tagDesc: {
1005
+ value: string;
1006
+ property: string;
1007
+ propertyType: CMSElementEditTypes;
1008
+ };
984
1009
  fontDesc: {
985
1010
  value: string;
986
1011
  property: string;
@@ -1077,6 +1102,11 @@ export declare const getDefaultData: () => {
1077
1102
  property: string;
1078
1103
  propertyType: CMSElementEditTypes;
1079
1104
  };
1105
+ tag: {
1106
+ value: string;
1107
+ property: string;
1108
+ propertyType: CMSElementEditTypes;
1109
+ };
1080
1110
  font: {
1081
1111
  value: string;
1082
1112
  property: string;
@@ -358,6 +358,11 @@ export declare const getDefaultData: () => {
358
358
  property: string;
359
359
  propertyType: CMSElementEditTypes;
360
360
  };
361
+ tagDesc: {
362
+ value: string;
363
+ property: string;
364
+ propertyType: CMSElementEditTypes;
365
+ };
361
366
  fontDesc: {
362
367
  value: string;
363
368
  property: string;
@@ -454,6 +459,11 @@ export declare const getDefaultData: () => {
454
459
  property: string;
455
460
  propertyType: CMSElementEditTypes;
456
461
  };
462
+ tag: {
463
+ value: string;
464
+ property: string;
465
+ propertyType: CMSElementEditTypes;
466
+ };
457
467
  font: {
458
468
  value: string;
459
469
  property: string;
@@ -577,6 +587,11 @@ export declare const getDefaultData: () => {
577
587
  property: string;
578
588
  propertyType: CMSElementEditTypes;
579
589
  };
590
+ tagDesc: {
591
+ value: string;
592
+ property: string;
593
+ propertyType: CMSElementEditTypes;
594
+ };
580
595
  fontDesc: {
581
596
  value: string;
582
597
  property: string;
@@ -673,6 +688,11 @@ export declare const getDefaultData: () => {
673
688
  property: string;
674
689
  propertyType: CMSElementEditTypes;
675
690
  };
691
+ tag: {
692
+ value: string;
693
+ property: string;
694
+ propertyType: CMSElementEditTypes;
695
+ };
676
696
  font: {
677
697
  value: string;
678
698
  property: string;
@@ -291,6 +291,11 @@ export declare const getDefaultData: () => {
291
291
  property: string;
292
292
  propertyType: CMSElementEditTypes;
293
293
  };
294
+ tag: {
295
+ value: string;
296
+ property: string;
297
+ propertyType: CMSElementEditTypes;
298
+ };
294
299
  font: {
295
300
  value: string;
296
301
  property: string;