@sc-360-v2/storefront-cms-library 0.4.75 → 0.4.77

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 (33) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/bulk-variant-picker.scss +402 -142
  3. package/dist/bundle.scss +183 -160
  4. package/dist/bundleDetails.scss +415 -346
  5. package/dist/button.scss +299 -292
  6. package/dist/cart-summary.scss +317 -0
  7. package/dist/countdown.scss +774 -751
  8. package/dist/gallery-slider-temp.scss +235 -14
  9. package/dist/menu-v2.scss +4 -0
  10. package/dist/product-image.scss +225 -13
  11. package/dist/profile.scss +1 -1
  12. package/dist/quick-order-pad.scss +596 -0
  13. package/dist/scroll.scss +224 -222
  14. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +30 -0
  15. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +0 -13
  16. package/dist/types/builder/tools/element-edit/bundle.d.ts +45 -0
  17. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +110 -1
  18. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +20 -0
  19. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +545 -5
  20. package/dist/types/builder/tools/element-edit/coupon.d.ts +20 -0
  21. package/dist/types/builder/tools/element-edit/embroidery.d.ts +10 -0
  22. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +47 -2
  23. package/dist/types/builder/tools/element-edit/mega-menu.d.ts +4 -1
  24. package/dist/types/builder/tools/element-edit/menu_v2.d.ts +4 -1
  25. package/dist/types/builder/tools/element-edit/product-image.d.ts +47 -2
  26. package/dist/types/builder/tools/element-edit/scroll.d.ts +0 -42
  27. package/dist/types/builder/tools/element-edit/userElements.d.ts +4 -7
  28. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +0 -12
  29. package/dist/types/global/types.d.ts +1 -0
  30. package/dist/uom-selector.scss +23 -0
  31. package/dist/user-elements.scss +33 -26
  32. package/dist/variant-picker.scss +404 -179
  33. package/package.json +1 -1
package/dist/scroll.scss CHANGED
@@ -1,222 +1,224 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- $max-items: 50;
5
-
6
- [data-div-type="element"] {
7
- &[data-element-type="scroll"] {
8
- // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
9
- width: var(
10
- --_sf-el-wh-st-mx,
11
- calc(
12
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
13
- )
14
- );
15
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
16
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
17
-
18
- & > .wrapper {
19
- width: var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)));
20
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
21
-
22
- overflow: hidden;
23
- white-space: nowrap;
24
-
25
- &[data-widget-shadow="true"] {
26
- box-shadow: var(
27
- --_ctm-mob-dn-sl-cr-sw-ae,
28
- var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
29
- )
30
- var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
31
- var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
32
- var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
33
- }
34
-
35
- // .scroll__container {
36
- @for $i from 1 through $max-items {
37
- .scroll-item[data-index="i#{$i}"] {
38
- color: var(
39
- --_ctm-mob-dn-i#{$i}-cr,
40
- var(--_ctm-tab-dn-i#{$i}-cr, var(--_ctm-dn-i#{$i}-cr))
41
- );
42
- font-family: var(
43
- --_ctm-mob-dn-i#{$i}-ft-fy,
44
- var(--_ctm-tab-dn-i#{$i}-ft-fy, var(--_ctm-dn-i#{$i}-ft-fy))
45
- );
46
- font-size: var(
47
- --_ctm-mob-dn-i#{$i}-ft-se,
48
- var(--_ctm-tab-dn-i#{$i}-ft-se, var(--_ctm-dn-i#{$i}-ft-se))
49
- );
50
- font-weight: var(
51
- --_ctm-mob-dn-i#{$i}-ft-wt,
52
- var(--_ctm-tab-dn-i#{$i}-ft-wt, var(--_ctm-dn-i#{$i}-ft-wt))
53
- );
54
- font-style: var(
55
- --_ctm-mob-dn-i#{$i}-ft-se-ic,
56
- var(--_ctm-tab-dn-i#{$i}-ft-se-ic, var(--_ctm-dn-i#{$i}-ft-se-ic))
57
- );
58
- text-align: var(
59
- --_ctm-mob-dn-i#{$i}-tt-an,
60
- var(--_ctm-tab-dn-i#{$i}-tt-an, var(--_ctm-dn-i#{$i}-tt-an))
61
- );
62
- letter-spacing: var(
63
- --_ctm-mob-dn-i#{$i}-lr-sg,
64
- var(--_ctm-tab-dn-i#{$i}-lr-sg, var(--_ctm-dn-i#{$i}-lr-sg))
65
- );
66
- line-height: var(
67
- --_ctm-mob-dn-i#{$i}-le-ht,
68
- var(--_ctm-tab-dn-i#{$i}-le-ht, var(--_ctm-dn-i#{$i}-le-ht))
69
- );
70
- text-decoration: var(
71
- --_ctm-mob-dn-i#{$i}-ue,
72
- var(--_ctm-tab-dn-i#{$i}-ue, var(--_ctm-dn-i#{$i}-ue))
73
- );
74
- margin-left: var(
75
- --_ctm-mob-dn-i#{$i}-lr-sg,
76
- var(--_ctm-tab-dn-i#{$i}-lr-sg, var(--_ctm-dn-i#{$i}-lr-sg, 0px))
77
- );
78
- }
79
- }
80
-
81
- &[data-pause-on-hover="true"] .scrolling {
82
- &:hover {
83
- animation-play-state: paused;
84
- }
85
- }
86
-
87
- &[data-scroll-direction="leftToRight"] .scrolling {
88
- animation-direction: normal;
89
- }
90
-
91
- &[data-scroll-direction="rightToLeft"] .scrolling {
92
- animation-direction: reverse;
93
- }
94
-
95
- &[data-scroll-speed="0.5x"] .scrolling {
96
- animation-duration: 40s;
97
- }
98
- &[data-scroll-speed="1x"] .scrolling {
99
- animation-duration: 20s;
100
- }
101
- &[data-scroll-speed="2x"] .scrolling {
102
- animation-duration: 10s;
103
- }
104
- &[data-scroll-speed="4x"] .scrolling {
105
- animation-duration: 5s;
106
- }
107
-
108
- &[data-repeat-elements="true"] .scrolling {
109
- animation-iteration-count: infinite;
110
- }
111
- &[data-repeat-elements="false"] .scrolling {
112
- animation-iteration-count: 1;
113
- }
114
- }
115
-
116
- &[data-widget-shadow="true"] .scroll__container {
117
- box-shadow: var(
118
- --_ctm-mob-dn-sl-cr-sw-ae,
119
- var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
120
- )
121
- var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
122
- var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
123
- var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
124
- }
125
-
126
- &[data-widget-shadow="false"] .scroll__container {
127
- box-shadow: none;
128
- }
129
-
130
- &[data-widget-border="true"] {
131
- .scroll__container {
132
- border-color: var(
133
- --_ctm-mob-dn-sl-cr-br-cr,
134
- var(--_ctm-tab-dn-sl-cr-br-cr, var(--_ctm-dn-sl-cr-br-cr))
135
- );
136
- border-style: var(
137
- --_ctm-mob-dn-sl-cr-br-se,
138
- var(--_ctm-tab-dn-sl-cr-br-se, var(--_ctm-dn-sl-cr-br-se))
139
- );
140
- border-width: var(
141
- --_ctm-mob-dn-sl-cr-br-wh,
142
- var(--_ctm-tab-dn-sl-cr-br-wh, var(--_ctm-dn-sl-cr-br-wh))
143
- );
144
- }
145
- }
146
-
147
- .scroll__container {
148
- width: 100%;
149
- height: 100%;
150
- overflow: hidden;
151
- white-space: nowrap;
152
- display: flex;
153
- justify-content: center;
154
- align-items: center;
155
- background-color: var(
156
- --_ctm-mob-dn-sl-cr-bd-cr,
157
- var(--_ctm-tab-dn-sl-cr-bd-cr, var(--_ctm-dn-sl-cr-bd-cr))
158
- );
159
- padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
160
- border-radius: var(
161
- --_ctm-mob-dn-sl-cr-br-rs,
162
- var(--_ctm-tab-dn-sl-cr-br-rs, var(--_ctm-dn-sl-cr-br-rs))
163
- );
164
-
165
- .scrolling {
166
- display: flex;
167
- flex-direction: row;
168
- justify-content: center;
169
- align-items: center;
170
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
171
- padding-right: 10px;
172
- animation-name: marquee;
173
- animation-timing-function: linear;
174
- }
175
-
176
- .divider {
177
- background-color: var(
178
- --_ctm-mob-dn-dr-se-bd-cr,
179
- var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
180
- );
181
- padding: 3px;
182
- font-size: var(
183
- --_ctm-mob-dn-dr-se-se,
184
- var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se))
185
- );
186
- color: var(
187
- --_ctm-mob-dn-dr-se-dr-cr,
188
- var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
189
- );
190
- }
191
-
192
- .icon {
193
- background-color: var(
194
- --_ctm-mob-dn-dr-se-bd-cr,
195
- var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
196
- );
197
- padding: 3px;
198
-
199
- svg {
200
- width: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
201
- height: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
202
-
203
- path {
204
- stroke: var(
205
- --_ctm-mob-dn-dr-se-dr-cr,
206
- var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
207
- );
208
- }
209
- }
210
- }
211
-
212
- @keyframes marquee {
213
- 0% {
214
- transform: translateX(100%);
215
- }
216
- 100% {
217
- transform: translateX(-100%);
218
- }
219
- }
220
- }
221
- }
222
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+
5
+ $max-items: 20;
6
+
7
+ [data-div-type="element"] {
8
+ &[data-element-type="scroll"] {
9
+ // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
10
+ width: var(
11
+ --_sf-el-wh-st-mx,
12
+ calc(
13
+ 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
14
+ )
15
+ );
16
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
17
+ aspect-ratio: 1 / var(--_sf-aspect-ratio);
18
+
19
+ & > .wrapper {
20
+ width: var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)));
21
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
22
+
23
+ overflow: hidden;
24
+ white-space: nowrap;
25
+
26
+ &[data-widget-shadow="true"] {
27
+ box-shadow: var(
28
+ --_ctm-mob-dn-sl-cr-sw-ae,
29
+ var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
30
+ )
31
+ var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
32
+ var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
33
+ var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
34
+ }
35
+
36
+ // .scroll__container {
37
+ @for $i from 1 through $max-items {
38
+ .scroll-item[data-index="i#{$i}"] {
39
+ color: prepareMediaVariable(
40
+ --_ctm-dn-i#{$i}-cr,
41
+ #{prepareMediaVariable(--_ctm-dn-i1-cr)}
42
+ );
43
+ font-family: prepareMediaVariable(
44
+ --_ctm-dn-i#{$i}-ft-fy,
45
+ #{prepareMediaVariable(--_ctm-dn-i1-ft-fy)}
46
+ );
47
+ font-size: prepareMediaVariable(
48
+ --_ctm-dn-i#{$i}-ft-se,
49
+ #{prepareMediaVariable(--_ctm-dn-i1-ft-se)}
50
+ );
51
+ font-weight: prepareMediaVariable(
52
+ --_ctm-dn-i#{$i}-ft-wt,
53
+ #{prepareMediaVariable(--_ctm-dn-i1-ft-wt)}
54
+ );
55
+ font-style: prepareMediaVariable(
56
+ --_ctm-dn-i#{$i}-ft-se-ic,
57
+ #{prepareMediaVariable(--_ctm-dn-i1-ft-se-ic)}
58
+ );
59
+ text-align: prepareMediaVariable(
60
+ --_ctm-dn-i#{$i}-tt-an,
61
+ #{prepareMediaVariable(--_ctm-dn-i1-tt-an)}
62
+ );
63
+ letter-spacing: prepareMediaVariable(
64
+ --_ctm-dn-i#{$i}-lr-sg,
65
+ #{prepareMediaVariable(--_ctm-dn-i1-lr-sg)}
66
+ );
67
+ line-height: prepareMediaVariable(
68
+ --_ctm-dn-i#{$i}-le-ht,
69
+ #{prepareMediaVariable(--_ctm-dn-i1-le-ht)}
70
+ );
71
+ text-decoration: prepareMediaVariable(
72
+ --_ctm-dn-i#{$i}-ue,
73
+ #{prepareMediaVariable(--_ctm-dn-i1-ue)}
74
+ );
75
+ margin-left: prepareMediaVariable(
76
+ --_ctm-dn-i#{$i}-lr-sg,
77
+ #{prepareMediaVariable(--_ctm-dn-i1-lr-sg)}
78
+ );
79
+ }
80
+ }
81
+
82
+ &[data-pause-on-hover="true"] .scrolling {
83
+ &:hover {
84
+ animation-play-state: paused;
85
+ }
86
+ }
87
+
88
+ &[data-scroll-direction="leftToRight"] .scrolling {
89
+ animation-direction: normal;
90
+ }
91
+
92
+ &[data-scroll-direction="rightToLeft"] .scrolling {
93
+ animation-direction: reverse;
94
+ }
95
+
96
+ &[data-scroll-speed="0.5x"] .scrolling {
97
+ animation-duration: 40s;
98
+ }
99
+ &[data-scroll-speed="1x"] .scrolling {
100
+ animation-duration: 20s;
101
+ }
102
+ &[data-scroll-speed="2x"] .scrolling {
103
+ animation-duration: 10s;
104
+ }
105
+ &[data-scroll-speed="4x"] .scrolling {
106
+ animation-duration: 5s;
107
+ }
108
+
109
+ &[data-repeat-elements="true"] .scrolling {
110
+ animation-iteration-count: infinite;
111
+ }
112
+ &[data-repeat-elements="false"] .scrolling {
113
+ animation-iteration-count: 1;
114
+ }
115
+ }
116
+
117
+ &[data-widget-shadow="true"] .scroll__container {
118
+ box-shadow: var(
119
+ --_ctm-mob-dn-sl-cr-sw-ae,
120
+ var(--_ctm-tab-dn-sl-cr-sw-ae, var(--_ctm-dn-sl-cr-sw-ae))
121
+ )
122
+ var(--_ctm-mob-dn-sl-cr-sw-br, var(--_ctm-tab-dn-sl-cr-sw-br, var(--_ctm-dn-sl-cr-sw-br)))
123
+ var(--_ctm-mob-dn-sl-cr-sw-sd, var(--_ctm-tab-dn-sl-cr-sw-sd, var(--_ctm-dn-sl-cr-sw-sd)))
124
+ var(--_ctm-mob-dn-sl-cr-sw-cr, var(--_ctm-tab-dn-sl-cr-sw-cr, var(--_ctm-dn-sl-cr-sw-cr)));
125
+ }
126
+
127
+ &[data-widget-shadow="false"] .scroll__container {
128
+ box-shadow: none;
129
+ }
130
+
131
+ &[data-widget-border="true"] {
132
+ .scroll__container {
133
+ border-color: var(
134
+ --_ctm-mob-dn-sl-cr-br-cr,
135
+ var(--_ctm-tab-dn-sl-cr-br-cr, var(--_ctm-dn-sl-cr-br-cr))
136
+ );
137
+ border-style: var(
138
+ --_ctm-mob-dn-sl-cr-br-se,
139
+ var(--_ctm-tab-dn-sl-cr-br-se, var(--_ctm-dn-sl-cr-br-se))
140
+ );
141
+ border-width: var(
142
+ --_ctm-mob-dn-sl-cr-br-wh,
143
+ var(--_ctm-tab-dn-sl-cr-br-wh, var(--_ctm-dn-sl-cr-br-wh))
144
+ );
145
+ }
146
+ }
147
+
148
+ .scroll__container {
149
+ width: 100%;
150
+ height: 100%;
151
+ overflow: hidden;
152
+ white-space: nowrap;
153
+ display: flex;
154
+ justify-content: flex-start;
155
+ align-items: center;
156
+ background-color: var(
157
+ --_ctm-mob-dn-sl-cr-bd-cr,
158
+ var(--_ctm-tab-dn-sl-cr-bd-cr, var(--_ctm-dn-sl-cr-bd-cr))
159
+ );
160
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
161
+ border-radius: var(
162
+ --_ctm-mob-dn-sl-cr-br-rs,
163
+ var(--_ctm-tab-dn-sl-cr-br-rs, var(--_ctm-dn-sl-cr-br-rs))
164
+ );
165
+
166
+ .scrolling {
167
+ display: flex;
168
+ flex-direction: row;
169
+ justify-content: flex-start;
170
+ align-items: center;
171
+ flex-shrink: 0;
172
+ gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
173
+ padding-right: 10px;
174
+ animation-name: marquee;
175
+ animation-timing-function: linear;
176
+ }
177
+
178
+ .divider {
179
+ background-color: var(
180
+ --_ctm-mob-dn-dr-se-bd-cr,
181
+ var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
182
+ );
183
+ padding: 3px;
184
+ font-size: var(
185
+ --_ctm-mob-dn-dr-se-se,
186
+ var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se))
187
+ );
188
+ color: var(
189
+ --_ctm-mob-dn-dr-se-dr-cr,
190
+ var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
191
+ );
192
+ }
193
+
194
+ .icon {
195
+ background-color: var(
196
+ --_ctm-mob-dn-dr-se-bd-cr,
197
+ var(--_ctm-tab-dn-dr-se-bd-cr, var(--_ctm-dn-dr-se-bd-cr))
198
+ );
199
+ padding: 3px;
200
+
201
+ svg {
202
+ width: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
203
+ height: var(--_ctm-mob-dn-dr-se-se, var(--_ctm-tab-dn-dr-se-se, var(--_ctm-dn-dr-se-se)));
204
+
205
+ path {
206
+ stroke: var(
207
+ --_ctm-mob-dn-dr-se-dr-cr,
208
+ var(--_ctm-tab-dn-dr-se-dr-cr, var(--_ctm-dn-dr-se-dr-cr))
209
+ );
210
+ }
211
+ }
212
+ }
213
+
214
+ @keyframes marquee {
215
+ 0% {
216
+ transform: translateX(0);
217
+ }
218
+ 100% {
219
+ transform: translateX(var(--_marquee-tx, -50%));
220
+ }
221
+ }
222
+ }
223
+ }
224
+ }
@@ -479,6 +479,11 @@ export declare const getDefaultData: () => {
479
479
  propertyType?: any;
480
480
  isReadOnly?: boolean | undefined;
481
481
  };
482
+ textTransform: {
483
+ value: string;
484
+ property: string;
485
+ propertyType: CMSElementEditTypes;
486
+ };
482
487
  buttonStyle: {
483
488
  parentRef: string;
484
489
  propertyType: CMSElementEditTypes;
@@ -699,6 +704,11 @@ export declare const getDefaultData: () => {
699
704
  propertyType?: any;
700
705
  isReadOnly?: boolean | undefined;
701
706
  };
707
+ textTransform: {
708
+ value: string;
709
+ property: string;
710
+ propertyType: CMSElementEditTypes;
711
+ };
702
712
  buttonStyle: {
703
713
  parentRef: string;
704
714
  propertyType: CMSElementEditTypes;
@@ -1648,6 +1658,11 @@ export declare const getDefaultData: () => {
1648
1658
  propertyType?: any;
1649
1659
  isReadOnly?: boolean | undefined;
1650
1660
  };
1661
+ textTransform: {
1662
+ value: string;
1663
+ property: string;
1664
+ propertyType: CMSElementEditTypes;
1665
+ };
1651
1666
  buttonStyle: {
1652
1667
  parentRef: string;
1653
1668
  propertyType: CMSElementEditTypes;
@@ -1874,6 +1889,11 @@ export declare const getDefaultData: () => {
1874
1889
  propertyType?: any;
1875
1890
  isReadOnly?: boolean | undefined;
1876
1891
  };
1892
+ textTransform: {
1893
+ value: string;
1894
+ property: string;
1895
+ propertyType: CMSElementEditTypes;
1896
+ };
1877
1897
  buttonStyle: {
1878
1898
  parentRef: string;
1879
1899
  propertyType: CMSElementEditTypes;
@@ -2133,6 +2153,11 @@ export declare const getDefaultData: () => {
2133
2153
  propertyType?: any;
2134
2154
  isReadOnly?: boolean | undefined;
2135
2155
  };
2156
+ textTransform: {
2157
+ value: string;
2158
+ property: string;
2159
+ propertyType: CMSElementEditTypes;
2160
+ };
2136
2161
  buttonStyle: {
2137
2162
  parentRef: string;
2138
2163
  propertyType: CMSElementEditTypes;
@@ -2359,6 +2384,11 @@ export declare const getDefaultData: () => {
2359
2384
  propertyType?: any;
2360
2385
  isReadOnly?: boolean | undefined;
2361
2386
  };
2387
+ textTransform: {
2388
+ value: string;
2389
+ property: string;
2390
+ propertyType: CMSElementEditTypes;
2391
+ };
2362
2392
  buttonStyle: {
2363
2393
  parentRef: string;
2364
2394
  propertyType: CMSElementEditTypes;
@@ -34,18 +34,6 @@ interface selfLayoutInterface {
34
34
  itemContentAlignment: CMSIBCommonInterface;
35
35
  overflowDirection: CMSIBCommonInterface;
36
36
  };
37
- dropdownDisplayStyle: {
38
- selectorKey: string;
39
- dropdownOptionsSpacing: CMSIBCommonInterface;
40
- dropdownOptionsPadding: CMSIBCommonInterface;
41
- dropdownStyle: CMSIBCommonInterface;
42
- optionAndListSpacing: CMSIBCommonInterface;
43
- dropdownListItemSpacing: CMSIBCommonInterface;
44
- dropdownListItemPadding: CMSIBCommonInterface;
45
- dividerBetweenListItems: CMSIBCommonInterface;
46
- maxItemsToDisplay: CMSIBCommonInterface;
47
- overflowItems: CMSIBCommonInterface;
48
- };
49
37
  groupedOptionsDisplayStyle: {
50
38
  selectorKey: string;
51
39
  groupsDisplayStyle: CMSIBCommonInterface;
@@ -98,7 +86,6 @@ export declare enum SelectorKeysEnum {
98
86
  DESIGN = "design",
99
87
  SWATFH_TYPE_DISPLAY_STYLE = "swatchTypeDisplayStyle",
100
88
  SINGLE_SELECT_DISPLAY_STYLE = "singleSelectDisplayStyle",
101
- DROPDOWN_DISPLAY_STYLE = "dropdownDisplayStyle",
102
89
  GROUPED_OPTION_DISPLAY_STYLE = "groupedOptionsDisplayStyle",
103
90
  MATRIX_DISPLAY_STYLE = "matrixDisplayStyle",
104
91
  GROUPED_MATRIX_DISPLAY_STYLE = "groupedMatrixDisplayStyle",
@@ -240,6 +240,11 @@ export declare const getDefaultData: () => {
240
240
  selectorKey: SelectorKeysEnum;
241
241
  };
242
242
  productNameDesign: {
243
+ textTransform: {
244
+ value: string;
245
+ property: string;
246
+ propertyType: CMSElementEditTypes;
247
+ };
243
248
  textOverflow: {
244
249
  value: boolean;
245
250
  property: string;
@@ -480,6 +485,11 @@ export declare const getDefaultData: () => {
480
485
  propertyType?: any;
481
486
  isReadOnly?: boolean | undefined;
482
487
  };
488
+ textTransform: {
489
+ value: string;
490
+ property: string;
491
+ propertyType: CMSElementEditTypes;
492
+ };
483
493
  buttonStyle: {
484
494
  parentRef: string;
485
495
  propertyType: CMSElementEditTypes;
@@ -700,6 +710,11 @@ export declare const getDefaultData: () => {
700
710
  propertyType?: any;
701
711
  isReadOnly?: boolean | undefined;
702
712
  };
713
+ textTransform: {
714
+ value: string;
715
+ property: string;
716
+ propertyType: CMSElementEditTypes;
717
+ };
703
718
  buttonStyle: {
704
719
  parentRef: string;
705
720
  propertyType: CMSElementEditTypes;
@@ -926,6 +941,11 @@ export declare const getDefaultData: () => {
926
941
  propertyType?: any;
927
942
  isReadOnly?: boolean | undefined;
928
943
  };
944
+ textTransform: {
945
+ value: string;
946
+ property: string;
947
+ propertyType: CMSElementEditTypes;
948
+ };
929
949
  buttonStyle: {
930
950
  parentRef: string;
931
951
  propertyType: CMSElementEditTypes;
@@ -1146,6 +1166,11 @@ export declare const getDefaultData: () => {
1146
1166
  propertyType?: any;
1147
1167
  isReadOnly?: boolean | undefined;
1148
1168
  };
1169
+ textTransform: {
1170
+ value: string;
1171
+ property: string;
1172
+ propertyType: CMSElementEditTypes;
1173
+ };
1149
1174
  buttonStyle: {
1150
1175
  parentRef: string;
1151
1176
  propertyType: CMSElementEditTypes;
@@ -1499,6 +1524,11 @@ export declare const getDefaultData: () => {
1499
1524
  propertyType?: any;
1500
1525
  isReadOnly?: boolean | undefined;
1501
1526
  };
1527
+ textTransform: {
1528
+ value: string;
1529
+ property: string;
1530
+ propertyType: CMSElementEditTypes;
1531
+ };
1502
1532
  selectorKey: SelectorKeysEnum;
1503
1533
  padding: any;
1504
1534
  };
@@ -1681,6 +1711,11 @@ export declare const getDefaultData: () => {
1681
1711
  propertyType?: any;
1682
1712
  isReadOnly?: boolean | undefined;
1683
1713
  };
1714
+ textTransform: {
1715
+ value: string;
1716
+ property: string;
1717
+ propertyType: CMSElementEditTypes;
1718
+ };
1684
1719
  selectorKey: SelectorKeysEnum;
1685
1720
  padding: any;
1686
1721
  };
@@ -1887,6 +1922,11 @@ export declare const getDefaultData: () => {
1887
1922
  propertyType?: any;
1888
1923
  isReadOnly?: boolean | undefined;
1889
1924
  };
1925
+ textTransform: {
1926
+ value: string;
1927
+ property: string;
1928
+ propertyType: CMSElementEditTypes;
1929
+ };
1890
1930
  selectorKey: SelectorKeysEnum;
1891
1931
  padding: any;
1892
1932
  };
@@ -2069,6 +2109,11 @@ export declare const getDefaultData: () => {
2069
2109
  propertyType?: any;
2070
2110
  isReadOnly?: boolean | undefined;
2071
2111
  };
2112
+ textTransform: {
2113
+ value: string;
2114
+ property: string;
2115
+ propertyType: CMSElementEditTypes;
2116
+ };
2072
2117
  selectorKey: SelectorKeysEnum;
2073
2118
  padding: any;
2074
2119
  };