@sc-360-v2/storefront-cms-library 0.5.14 → 0.5.15

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.
@@ -1,279 +1,279 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="searchResultsHeading"] {
6
- width: var(
7
- --_sf-el-wh-st-mx,
8
- calc(
9
- 1% *
10
- var(
11
- --_ctm-mob-ele-nw-wh-vl,
12
- var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
13
- )
14
- )
15
- );
16
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
18
-
19
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
- position: relative;
21
-
22
- & > .wrapper {
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- width: 100%;
27
- height: 100%;
28
- }
29
-
30
- .search__results__heading__section {
31
- display: flex;
32
- align-items: center;
33
- cursor: pointer;
34
- gap: 8px;
35
- .search__results__heading {
36
- position: relative;
37
- .search__results__count {
38
- color: var(
39
- --_ctm-mob-dn-sh-rs-nr-cr,
40
- var(--_ctm-tab-dn-sh-rs-nr-cr, var(--_ctm-dn-sh-rs-nr-cr))
41
- );
42
- font-family: var(
43
- --_ctm-mob-dn-sh-rs-nr-ft-fy,
44
- var(--_ctm-tab-dn-sh-rs-nr-ft-fy, var(--_ctm-dn-sh-rs-nr-ft-fy))
45
- );
46
- font-size: var(
47
- --_ctm-mob-dn-sh-rs-nr-ft-se,
48
- var(--_ctm-tab-dn-sh-rs-nr-ft-se, var(--_ctm-dn-sh-rs-nr-ft-se))
49
- );
50
- font-weight: var(
51
- --_ctm-mob-dn-sh-rs-nr-ft-wt,
52
- var(--_ctm-tab-dn-sh-rs-nr-ft-wt, var(--_ctm-dn-sh-rs-nr-ft-wt))
53
- );
54
- font-style: var(
55
- --_ctm-mob-dn-sh-rs-nr-ft-se-ic,
56
- var(--_ctm-tab-dn-sh-rs-nr-ft-se-ic, var(--_ctm-dn-sh-rs-nr-ft-se-ic))
57
- );
58
- text-align: var(
59
- --_ctm-mob-dn-sh-rs-nr-tt-an,
60
- var(--_ctm-tab-dn-sh-rs-nr-tt-an, var(--_ctm-dn-sh-rs-nr-tt-an))
61
- );
62
- letter-spacing: var(
63
- --_ctm-mob-dn-sh-rs-nr-lr-sg,
64
- var(--_ctm-tab-dn-sh-rs-nr-lr-sg, var(--_ctm-dn-sh-rs-nr-lr-sg))
65
- );
66
- line-height: var(
67
- --_ctm-mob-dn-sh-rs-nr-le-ht,
68
- var(--_ctm-tab-dn-sh-rs-nr-le-ht, var(--_ctm-dn-sh-rs-nr-le-ht))
69
- );
70
- text-decoration: var(
71
- --_ctm-mob-dn-sh-rs-nr-ue,
72
- var(--_ctm-tab-dn-sh-rs-nr-ue, var(--_ctm-dn-sh-rs-nr-ue))
73
- );
74
- border: var(
75
- --_ctm-mob-dn-sh-rs-nr-bd-cr,
76
- var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
77
- );
78
- border-color: var(
79
- --_ctm-mob-dn-sh-rs-nr-br-cr,
80
- var(--_ctm-tab-dn-sh-rs-nr-br-cr, var(--_ctm-dn-sh-rs-nr-br-cr))
81
- );
82
- border-radius: var(
83
- --_ctm-mob-dn-sh-rs-nr-br-rs,
84
- var(--_ctm-tab-dn-sh-rs-nr-br-rs, var(--_ctm-dn-sh-rs-nr-br-rs))
85
- );
86
- background-color: var(
87
- --_ctm-mob-dn-sh-rs-nr-bd-cr,
88
- var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
89
- );
90
- border-style: var(
91
- --_ctm-mob-dn-sh-rs-nr-br-se,
92
- var(--_ctm-tab-dn-sh-rs-nr-br-se, var(--_ctm-dn-sh-rs-nr-br-se))
93
- );
94
- border-width: var(
95
- --_ctm-mob-dn-sh-rs-nr-br-wh,
96
- var(--_ctm-tab-dn-sh-rs-nr-br-wh, var(--_ctm-dn-sh-rs-nr-br-wh))
97
- );
98
- box-shadow: var(
99
- --_show-text-content-shadow,
100
- var(
101
- --_ctm-mob-dn-sh-rs-nr-sw-ae,
102
- var(--_ctm-tab-dn-sh-rs-nr-sw-ae, var(--_ctm-dn-sh-rs-nr-sw-ae))
103
- )
104
- var(
105
- --_ctm-mob-dn-sh-rs-nr-sw-br,
106
- var(--_ctm-tab-dn-sh-rs-nr-sw-br, var(--_ctm-dn-sh-rs-nr-sw-br))
107
- )
108
- var(
109
- --_ctm-mob-dn-sh-rs-nr-sw-sd,
110
- var(--_ctm-tab-dn-sh-rs-nr-sw-sd, var(--_ctm-dn-sh-rs-nr-sw-sd))
111
- )
112
- var(
113
- --_ctm-mob-dn-sh-rs-nr-sw-cr,
114
- var(--_ctm-tab-dn-sh-rs-nr-sw-cr, var(--_ctm-dn-sh-rs-nr-sw-cr))
115
- )
116
- );
117
- }
118
-
119
- .search__other__text {
120
- color: var(--_ctm-mob-dn-or-tt-cr, var(--_ctm-tab-dn-or-tt-cr, var(--_ctm-dn-or-tt-cr)));
121
- font-family: var(
122
- --_ctm-mob-dn-or-tt-ft-fy,
123
- var(--_ctm-tab-dn-or-tt-ft-fy, var(--_ctm-dn-or-tt-ft-fy))
124
- );
125
- font-size: var(
126
- --_ctm-mob-dn-or-tt-ft-se,
127
- var(--_ctm-tab-dn-or-tt-ft-se, var(--_ctm-dn-or-tt-ft-se))
128
- );
129
- font-weight: var(
130
- --_ctm-mob-dn-or-tt-ft-wt,
131
- var(--_ctm-tab-dn-or-tt-ft-wt, var(--_ctm-dn-or-tt-ft-wt))
132
- );
133
- font-style: var(
134
- --_ctm-mob-dn-or-tt-ft-se-ic,
135
- var(--_ctm-tab-dn-or-tt-ft-se-ic, var(--_ctm-dn-or-tt-ft-se-ic))
136
- );
137
- text-align: var(
138
- --_ctm-mob-dn-or-tt-tt-an,
139
- var(--_ctm-tab-dn-or-tt-tt-an, var(--_ctm-dn-or-tt-tt-an))
140
- );
141
- letter-spacing: var(
142
- --_ctm-mob-dn-or-tt-lr-sg,
143
- var(--_ctm-tab-dn-or-tt-lr-sg, var(--_ctm-dn-or-tt-lr-sg))
144
- );
145
- line-height: var(
146
- --_ctm-mob-dn-or-tt-le-ht,
147
- var(--_ctm-tab-dn-or-tt-le-ht, var(--_ctm-dn-or-tt-le-ht))
148
- );
149
- text-decoration: var(
150
- --_ctm-mob-dn-or-tt-ue,
151
- var(--_ctm-tab-dn-or-tt-ue, var(--_ctm-dn-or-tt-ue))
152
- );
153
- background-color: var(
154
- --_ctm-mob-dn-or-tt-bd-cr,
155
- var(--_ctm-tab-dn-or-tt-bd-cr, var(--_ctm-dn-or-tt-bd-cr))
156
- );
157
- border-color: var(
158
- --_ctm-mob-dn-or-tt-br-cr,
159
- var(--_ctm-tab-dn-or-tt-br-cr, var(--_ctm-dn-or-tt-br-cr))
160
- );
161
- border-style: var(
162
- --_ctm-mob-dn-or-tt-br-se,
163
- var(--_ctm-tab-dn-or-tt-br-se, var(--_ctm-dn-or-tt-br-se))
164
- );
165
- border-width: var(
166
- --_ctm-mob-dn-or-tt-br-wh,
167
- var(--_ctm-tab-dn-or-tt-br-wh, var(--_ctm-dn-or-tt-br-wh))
168
- );
169
- border-radius: var(
170
- --_ctm-mob-dn-or-tt-br-rs,
171
- var(--_ctm-tab-dn-or-tt-br-rs, var(--_ctm-dn-or-tt-br-rs))
172
- );
173
- box-shadow: var(
174
- --_show-text-content-shadow,
175
- var(
176
- --_ctm-mob-dn-or-tt-sw-ae,
177
- var(--_ctm-tab-dn-or-tt-sw-ae, var(--_ctm-dn-or-tt-sw-ae))
178
- )
179
- var(
180
- --_ctm-mob-dn-or-tt-sw-br,
181
- var(--_ctm-tab-dn-or-tt-sw-br, var(--_ctm-dn-or-tt-sw-br))
182
- )
183
- var(
184
- --_ctm-mob-dn-or-tt-sw-sd,
185
- var(--_ctm-tab-dn-or-tt-sw-sd, var(--_ctm-dn-or-tt-sw-sd))
186
- )
187
- var(
188
- --_ctm-mob-dn-or-tt-sw-cr,
189
- var(--_ctm-tab-dn-or-tt-sw-cr, var(--_ctm-dn-or-tt-sw-cr))
190
- )
191
- );
192
- }
193
-
194
- .search__keyword__text {
195
- color: var(--_ctm-mob-dn-sh-kd-cr, var(--_ctm-tab-dn-sh-kd-cr, var(--_ctm-dn-sh-kd-cr)));
196
- font-family: var(
197
- --_ctm-mob-dn-sh-kd-ft-fy,
198
- var(--_ctm-tab-dn-sh-kd-ft-fy, var(--_ctm-dn-sh-kd-ft-fy))
199
- );
200
- font-size: var(
201
- --_ctm-mob-dn-sh-kd-ft-se,
202
- var(--_ctm-tab-dn-sh-kd-ft-se, var(--_ctm-dn-sh-kd-ft-se))
203
- );
204
- font-weight: var(
205
- --_ctm-mob-dn-sh-kd-ft-wt,
206
- var(--_ctm-tab-dn-sh-kd-ft-wt, var(--_ctm-dn-sh-kd-ft-wt))
207
- );
208
- font-style: var(
209
- --_ctm-mob-dn-sh-kd-ft-se-ic,
210
- var(--_ctm-tab-dn-sh-kd-ft-se-ic, var(--_ctm-dn-sh-kd-ft-se-ic))
211
- );
212
- text-align: var(
213
- --_ctm-mob-dn-sh-kd-tt-an,
214
- var(--_ctm-tab-dn-sh-kd-tt-an, var(--_ctm-dn-sh-kd-tt-an))
215
- );
216
- letter-spacing: var(
217
- --_ctm-mob-dn-sh-kd-lr-sg,
218
- var(--_ctm-tab-dn-sh-kd-lr-sg, var(--_ctm-dn-sh-kd-lr-sg))
219
- );
220
- line-height: var(
221
- --_ctm-mob-dn-sh-kd-le-ht,
222
- var(--_ctm-tab-dn-sh-kd-le-ht, var(--_ctm-dn-sh-kd-le-ht))
223
- );
224
- text-decoration: var(
225
- --_ctm-mob-dn-sh-kd-ue,
226
- var(--_ctm-tab-dn-sh-kd-ue, var(--_ctm-dn-sh-kd-ue))
227
- );
228
- background-color: var(
229
- --_ctm-mob-dn-sh-kd-bd-cr,
230
- var(--_ctm-tab-dn-sh-kd-bd-cr, var(--_ctm-dn-sh-kd-bd-cr))
231
- );
232
- border-color: var(
233
- --_ctm-mob-dn-sh-kd-br-cr,
234
- var(--_ctm-tab-dn-sh-kd-br-cr, var(--_ctm-dn-sh-kd-br-cr))
235
- );
236
- border-style: var(
237
- --_ctm-mob-dn-sh-kd-br-se,
238
- var(--_ctm-tab-dn-sh-kd-br-se, var(--_ctm-dn-sh-kd-br-se))
239
- );
240
- border-width: var(
241
- --_ctm-mob-dn-sh-kd-br-wh,
242
- var(--_ctm-tab-dn-sh-kd-br-wh, var(--_ctm-dn-sh-kd-br-wh))
243
- );
244
- border-radius: var(
245
- --_ctm-mob-dn-sh-kd-br-rs,
246
- var(--_ctm-tab-dn-sh-kd-br-rs, var(--_ctm-dn-sh-kd-br-rs))
247
- );
248
- box-shadow: var(
249
- --_show-text-content-shadow,
250
- var(
251
- --_ctm-mob-dn-sh-kd-sw-ae,
252
- var(--_ctm-tab-dn-sh-kd-sw-ae, var(--_ctm-dn-sh-kd-sw-ae))
253
- )
254
- var(
255
- --_ctm-mob-dn-sh-kd-sw-br,
256
- var(--_ctm-tab-dn-sh-kd-sw-br, var(--_ctm-dn-sh-kd-sw-br))
257
- )
258
- var(
259
- --_ctm-mob-dn-sh-kd-sw-sd,
260
- var(--_ctm-tab-dn-sh-kd-sw-sd, var(--_ctm-dn-sh-kd-sw-sd))
261
- )
262
- var(
263
- --_ctm-mob-dn-sh-kd-sw-cr,
264
- var(--_ctm-tab-dn-sh-kd-sw-cr, var(--_ctm-dn-sh-kd-sw-cr))
265
- )
266
- );
267
- }
268
- }
269
- }
270
-
271
- &[data-widget-shadow="false"] {
272
- --_show-shadow: none;
273
- }
274
-
275
- &[data-show-shadow="false"] {
276
- --_show-shadow: none;
277
- }
278
- }
279
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+
4
+ [data-div-type="element"] {
5
+ &[data-element-type="searchResultsHeading"] {
6
+ width: var(
7
+ --_sf-el-wh-st-mx,
8
+ calc(
9
+ 1% *
10
+ var(
11
+ --_ctm-mob-ele-nw-wh-vl,
12
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
13
+ )
14
+ )
15
+ );
16
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
18
+
19
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
+ position: relative;
21
+
22
+ & > .wrapper {
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ width: 100%;
27
+ height: 100%;
28
+ }
29
+
30
+ .search__results__heading__section {
31
+ display: flex;
32
+ align-items: center;
33
+ cursor: pointer;
34
+ gap: 8px;
35
+ .search__results__heading {
36
+ position: relative;
37
+ .search__results__count {
38
+ color: var(
39
+ --_ctm-mob-dn-sh-rs-nr-cr,
40
+ var(--_ctm-tab-dn-sh-rs-nr-cr, var(--_ctm-dn-sh-rs-nr-cr))
41
+ );
42
+ font-family: var(
43
+ --_ctm-mob-dn-sh-rs-nr-ft-fy,
44
+ var(--_ctm-tab-dn-sh-rs-nr-ft-fy, var(--_ctm-dn-sh-rs-nr-ft-fy))
45
+ );
46
+ font-size: var(
47
+ --_ctm-mob-dn-sh-rs-nr-ft-se,
48
+ var(--_ctm-tab-dn-sh-rs-nr-ft-se, var(--_ctm-dn-sh-rs-nr-ft-se))
49
+ );
50
+ font-weight: var(
51
+ --_ctm-mob-dn-sh-rs-nr-ft-wt,
52
+ var(--_ctm-tab-dn-sh-rs-nr-ft-wt, var(--_ctm-dn-sh-rs-nr-ft-wt))
53
+ );
54
+ font-style: var(
55
+ --_ctm-mob-dn-sh-rs-nr-ft-se-ic,
56
+ var(--_ctm-tab-dn-sh-rs-nr-ft-se-ic, var(--_ctm-dn-sh-rs-nr-ft-se-ic))
57
+ );
58
+ text-align: var(
59
+ --_ctm-mob-dn-sh-rs-nr-tt-an,
60
+ var(--_ctm-tab-dn-sh-rs-nr-tt-an, var(--_ctm-dn-sh-rs-nr-tt-an))
61
+ );
62
+ letter-spacing: var(
63
+ --_ctm-mob-dn-sh-rs-nr-lr-sg,
64
+ var(--_ctm-tab-dn-sh-rs-nr-lr-sg, var(--_ctm-dn-sh-rs-nr-lr-sg))
65
+ );
66
+ line-height: var(
67
+ --_ctm-mob-dn-sh-rs-nr-le-ht,
68
+ var(--_ctm-tab-dn-sh-rs-nr-le-ht, var(--_ctm-dn-sh-rs-nr-le-ht))
69
+ );
70
+ text-decoration: var(
71
+ --_ctm-mob-dn-sh-rs-nr-ue,
72
+ var(--_ctm-tab-dn-sh-rs-nr-ue, var(--_ctm-dn-sh-rs-nr-ue))
73
+ );
74
+ border: var(
75
+ --_ctm-mob-dn-sh-rs-nr-bd-cr,
76
+ var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
77
+ );
78
+ border-color: var(
79
+ --_ctm-mob-dn-sh-rs-nr-br-cr,
80
+ var(--_ctm-tab-dn-sh-rs-nr-br-cr, var(--_ctm-dn-sh-rs-nr-br-cr))
81
+ );
82
+ border-radius: var(
83
+ --_ctm-mob-dn-sh-rs-nr-br-rs,
84
+ var(--_ctm-tab-dn-sh-rs-nr-br-rs, var(--_ctm-dn-sh-rs-nr-br-rs))
85
+ );
86
+ background-color: var(
87
+ --_ctm-mob-dn-sh-rs-nr-bd-cr,
88
+ var(--_ctm-tab-dn-sh-rs-nr-bd-cr, var(--_ctm-dn-sh-rs-nr-bd-cr))
89
+ );
90
+ border-style: var(
91
+ --_ctm-mob-dn-sh-rs-nr-br-se,
92
+ var(--_ctm-tab-dn-sh-rs-nr-br-se, var(--_ctm-dn-sh-rs-nr-br-se))
93
+ );
94
+ border-width: var(
95
+ --_ctm-mob-dn-sh-rs-nr-br-wh,
96
+ var(--_ctm-tab-dn-sh-rs-nr-br-wh, var(--_ctm-dn-sh-rs-nr-br-wh))
97
+ );
98
+ box-shadow: var(
99
+ --_show-text-content-shadow,
100
+ var(
101
+ --_ctm-mob-dn-sh-rs-nr-sw-ae,
102
+ var(--_ctm-tab-dn-sh-rs-nr-sw-ae, var(--_ctm-dn-sh-rs-nr-sw-ae))
103
+ )
104
+ var(
105
+ --_ctm-mob-dn-sh-rs-nr-sw-br,
106
+ var(--_ctm-tab-dn-sh-rs-nr-sw-br, var(--_ctm-dn-sh-rs-nr-sw-br))
107
+ )
108
+ var(
109
+ --_ctm-mob-dn-sh-rs-nr-sw-sd,
110
+ var(--_ctm-tab-dn-sh-rs-nr-sw-sd, var(--_ctm-dn-sh-rs-nr-sw-sd))
111
+ )
112
+ var(
113
+ --_ctm-mob-dn-sh-rs-nr-sw-cr,
114
+ var(--_ctm-tab-dn-sh-rs-nr-sw-cr, var(--_ctm-dn-sh-rs-nr-sw-cr))
115
+ )
116
+ );
117
+ }
118
+
119
+ .search__other__text {
120
+ color: var(--_ctm-mob-dn-or-tt-cr, var(--_ctm-tab-dn-or-tt-cr, var(--_ctm-dn-or-tt-cr)));
121
+ font-family: var(
122
+ --_ctm-mob-dn-or-tt-ft-fy,
123
+ var(--_ctm-tab-dn-or-tt-ft-fy, var(--_ctm-dn-or-tt-ft-fy))
124
+ );
125
+ font-size: var(
126
+ --_ctm-mob-dn-or-tt-ft-se,
127
+ var(--_ctm-tab-dn-or-tt-ft-se, var(--_ctm-dn-or-tt-ft-se))
128
+ );
129
+ font-weight: var(
130
+ --_ctm-mob-dn-or-tt-ft-wt,
131
+ var(--_ctm-tab-dn-or-tt-ft-wt, var(--_ctm-dn-or-tt-ft-wt))
132
+ );
133
+ font-style: var(
134
+ --_ctm-mob-dn-or-tt-ft-se-ic,
135
+ var(--_ctm-tab-dn-or-tt-ft-se-ic, var(--_ctm-dn-or-tt-ft-se-ic))
136
+ );
137
+ text-align: var(
138
+ --_ctm-mob-dn-or-tt-tt-an,
139
+ var(--_ctm-tab-dn-or-tt-tt-an, var(--_ctm-dn-or-tt-tt-an))
140
+ );
141
+ letter-spacing: var(
142
+ --_ctm-mob-dn-or-tt-lr-sg,
143
+ var(--_ctm-tab-dn-or-tt-lr-sg, var(--_ctm-dn-or-tt-lr-sg))
144
+ );
145
+ line-height: var(
146
+ --_ctm-mob-dn-or-tt-le-ht,
147
+ var(--_ctm-tab-dn-or-tt-le-ht, var(--_ctm-dn-or-tt-le-ht))
148
+ );
149
+ text-decoration: var(
150
+ --_ctm-mob-dn-or-tt-ue,
151
+ var(--_ctm-tab-dn-or-tt-ue, var(--_ctm-dn-or-tt-ue))
152
+ );
153
+ background-color: var(
154
+ --_ctm-mob-dn-or-tt-bd-cr,
155
+ var(--_ctm-tab-dn-or-tt-bd-cr, var(--_ctm-dn-or-tt-bd-cr))
156
+ );
157
+ border-color: var(
158
+ --_ctm-mob-dn-or-tt-br-cr,
159
+ var(--_ctm-tab-dn-or-tt-br-cr, var(--_ctm-dn-or-tt-br-cr))
160
+ );
161
+ border-style: var(
162
+ --_ctm-mob-dn-or-tt-br-se,
163
+ var(--_ctm-tab-dn-or-tt-br-se, var(--_ctm-dn-or-tt-br-se))
164
+ );
165
+ border-width: var(
166
+ --_ctm-mob-dn-or-tt-br-wh,
167
+ var(--_ctm-tab-dn-or-tt-br-wh, var(--_ctm-dn-or-tt-br-wh))
168
+ );
169
+ border-radius: var(
170
+ --_ctm-mob-dn-or-tt-br-rs,
171
+ var(--_ctm-tab-dn-or-tt-br-rs, var(--_ctm-dn-or-tt-br-rs))
172
+ );
173
+ box-shadow: var(
174
+ --_show-text-content-shadow,
175
+ var(
176
+ --_ctm-mob-dn-or-tt-sw-ae,
177
+ var(--_ctm-tab-dn-or-tt-sw-ae, var(--_ctm-dn-or-tt-sw-ae))
178
+ )
179
+ var(
180
+ --_ctm-mob-dn-or-tt-sw-br,
181
+ var(--_ctm-tab-dn-or-tt-sw-br, var(--_ctm-dn-or-tt-sw-br))
182
+ )
183
+ var(
184
+ --_ctm-mob-dn-or-tt-sw-sd,
185
+ var(--_ctm-tab-dn-or-tt-sw-sd, var(--_ctm-dn-or-tt-sw-sd))
186
+ )
187
+ var(
188
+ --_ctm-mob-dn-or-tt-sw-cr,
189
+ var(--_ctm-tab-dn-or-tt-sw-cr, var(--_ctm-dn-or-tt-sw-cr))
190
+ )
191
+ );
192
+ }
193
+
194
+ .search__keyword__text {
195
+ color: var(--_ctm-mob-dn-sh-kd-cr, var(--_ctm-tab-dn-sh-kd-cr, var(--_ctm-dn-sh-kd-cr)));
196
+ font-family: var(
197
+ --_ctm-mob-dn-sh-kd-ft-fy,
198
+ var(--_ctm-tab-dn-sh-kd-ft-fy, var(--_ctm-dn-sh-kd-ft-fy))
199
+ );
200
+ font-size: var(
201
+ --_ctm-mob-dn-sh-kd-ft-se,
202
+ var(--_ctm-tab-dn-sh-kd-ft-se, var(--_ctm-dn-sh-kd-ft-se))
203
+ );
204
+ font-weight: var(
205
+ --_ctm-mob-dn-sh-kd-ft-wt,
206
+ var(--_ctm-tab-dn-sh-kd-ft-wt, var(--_ctm-dn-sh-kd-ft-wt))
207
+ );
208
+ font-style: var(
209
+ --_ctm-mob-dn-sh-kd-ft-se-ic,
210
+ var(--_ctm-tab-dn-sh-kd-ft-se-ic, var(--_ctm-dn-sh-kd-ft-se-ic))
211
+ );
212
+ text-align: var(
213
+ --_ctm-mob-dn-sh-kd-tt-an,
214
+ var(--_ctm-tab-dn-sh-kd-tt-an, var(--_ctm-dn-sh-kd-tt-an))
215
+ );
216
+ letter-spacing: var(
217
+ --_ctm-mob-dn-sh-kd-lr-sg,
218
+ var(--_ctm-tab-dn-sh-kd-lr-sg, var(--_ctm-dn-sh-kd-lr-sg))
219
+ );
220
+ line-height: var(
221
+ --_ctm-mob-dn-sh-kd-le-ht,
222
+ var(--_ctm-tab-dn-sh-kd-le-ht, var(--_ctm-dn-sh-kd-le-ht))
223
+ );
224
+ text-decoration: var(
225
+ --_ctm-mob-dn-sh-kd-ue,
226
+ var(--_ctm-tab-dn-sh-kd-ue, var(--_ctm-dn-sh-kd-ue))
227
+ );
228
+ background-color: var(
229
+ --_ctm-mob-dn-sh-kd-bd-cr,
230
+ var(--_ctm-tab-dn-sh-kd-bd-cr, var(--_ctm-dn-sh-kd-bd-cr))
231
+ );
232
+ border-color: var(
233
+ --_ctm-mob-dn-sh-kd-br-cr,
234
+ var(--_ctm-tab-dn-sh-kd-br-cr, var(--_ctm-dn-sh-kd-br-cr))
235
+ );
236
+ border-style: var(
237
+ --_ctm-mob-dn-sh-kd-br-se,
238
+ var(--_ctm-tab-dn-sh-kd-br-se, var(--_ctm-dn-sh-kd-br-se))
239
+ );
240
+ border-width: var(
241
+ --_ctm-mob-dn-sh-kd-br-wh,
242
+ var(--_ctm-tab-dn-sh-kd-br-wh, var(--_ctm-dn-sh-kd-br-wh))
243
+ );
244
+ border-radius: var(
245
+ --_ctm-mob-dn-sh-kd-br-rs,
246
+ var(--_ctm-tab-dn-sh-kd-br-rs, var(--_ctm-dn-sh-kd-br-rs))
247
+ );
248
+ box-shadow: var(
249
+ --_show-text-content-shadow,
250
+ var(
251
+ --_ctm-mob-dn-sh-kd-sw-ae,
252
+ var(--_ctm-tab-dn-sh-kd-sw-ae, var(--_ctm-dn-sh-kd-sw-ae))
253
+ )
254
+ var(
255
+ --_ctm-mob-dn-sh-kd-sw-br,
256
+ var(--_ctm-tab-dn-sh-kd-sw-br, var(--_ctm-dn-sh-kd-sw-br))
257
+ )
258
+ var(
259
+ --_ctm-mob-dn-sh-kd-sw-sd,
260
+ var(--_ctm-tab-dn-sh-kd-sw-sd, var(--_ctm-dn-sh-kd-sw-sd))
261
+ )
262
+ var(
263
+ --_ctm-mob-dn-sh-kd-sw-cr,
264
+ var(--_ctm-tab-dn-sh-kd-sw-cr, var(--_ctm-dn-sh-kd-sw-cr))
265
+ )
266
+ );
267
+ }
268
+ }
269
+ }
270
+
271
+ &[data-widget-shadow="false"] {
272
+ --_show-shadow: none;
273
+ }
274
+
275
+ &[data-show-shadow="false"] {
276
+ --_show-shadow: none;
277
+ }
278
+ }
279
+ }
package/dist/search.scss CHANGED
@@ -17,7 +17,7 @@
17
17
  height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
18
18
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn)));
19
19
 
20
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
21
  position: relative;
22
22
 
23
23
  & > .wrapper {
@@ -238,6 +238,11 @@ export declare const getDefaultData: () => {
238
238
  iconDesc: import("../../interfaces/global").CMSIBIconInterface | undefined;
239
239
  };
240
240
  headerContainer: {
241
+ textTransform: {
242
+ value: string;
243
+ property: string;
244
+ propertyType: CMSElementEditTypes;
245
+ };
241
246
  theme: CMSIBCommonInterface;
242
247
  font: CMSIBCommonInterface;
243
248
  fontSize: import("../../interfaces/global").CMSIBSizeInterface;
@@ -75,7 +75,7 @@ export declare const getDefaultData: () => {
75
75
  };
76
76
  showDivider: {
77
77
  value: boolean;
78
- parentRef: string;
78
+ parentRef: null;
79
79
  property?: any;
80
80
  propertyType?: any;
81
81
  isReadOnly?: boolean | undefined;
@@ -101,8 +101,8 @@ export declare const getDefaultData: () => {
101
101
  };
102
102
  dividerColor: {
103
103
  property: string;
104
- value: null;
105
- parentRef: string;
104
+ parentRef: null;
105
+ value?: any;
106
106
  propertyType?: any;
107
107
  isReadOnly?: boolean | undefined;
108
108
  };
@@ -137,14 +137,14 @@ export declare const getDefaultData: () => {
137
137
  defaultState: {
138
138
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
139
139
  showIcon: {
140
- parentRef: string;
140
+ parentRef: null;
141
141
  value?: any;
142
142
  property?: any;
143
143
  propertyType?: any;
144
144
  isReadOnly?: boolean | undefined;
145
145
  };
146
146
  iconSize: {
147
- parentRef: string;
147
+ parentRef: null;
148
148
  unit?: string | number | undefined;
149
149
  value?: any;
150
150
  property?: any;
@@ -152,7 +152,7 @@ export declare const getDefaultData: () => {
152
152
  isReadOnly?: boolean | undefined;
153
153
  };
154
154
  iconColor: {
155
- parentRef: string;
155
+ parentRef: null;
156
156
  value?: any;
157
157
  property?: any;
158
158
  propertyType?: any;
@@ -174,14 +174,14 @@ export declare const getDefaultData: () => {
174
174
  hoverState: {
175
175
  icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
176
176
  showIcon: {
177
- parentRef: string;
177
+ parentRef: null;
178
178
  value?: any;
179
179
  property?: any;
180
180
  propertyType?: any;
181
181
  isReadOnly?: boolean | undefined;
182
182
  };
183
183
  iconSize: {
184
- parentRef: string;
184
+ parentRef: null;
185
185
  unit?: string | number | undefined;
186
186
  value?: any;
187
187
  property?: any;
@@ -189,7 +189,7 @@ export declare const getDefaultData: () => {
189
189
  isReadOnly?: boolean | undefined;
190
190
  };
191
191
  iconColor: {
192
- parentRef: string;
192
+ parentRef: null;
193
193
  value?: any;
194
194
  property?: any;
195
195
  propertyType?: any;
@@ -269,7 +269,7 @@ export declare const getDefaultData: () => {
269
269
  };
270
270
  showDivider: {
271
271
  value: boolean;
272
- parentRef: string;
272
+ parentRef: null;
273
273
  property?: any;
274
274
  propertyType?: any;
275
275
  isReadOnly?: boolean | undefined;
@@ -289,8 +289,8 @@ export declare const getDefaultData: () => {
289
289
  };
290
290
  dividerColor: {
291
291
  property: string;
292
- value: null;
293
- parentRef: string;
292
+ parentRef: null;
293
+ value?: any;
294
294
  propertyType?: any;
295
295
  isReadOnly?: boolean | undefined;
296
296
  };