@sc-360-v2/storefront-cms-library 0.3.62 → 0.3.63

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 (45) hide show
  1. package/dist/add-products-tab copy.scss +9 -8
  2. package/dist/add-products-tab.scss +9 -8
  3. package/dist/badge.scss +87 -83
  4. package/dist/builder.js +1 -1
  5. package/dist/cart-details.scss +25 -22
  6. package/dist/cart-summary.scss +17 -143
  7. package/dist/cart-wrapper.scss +127 -0
  8. package/dist/cartDropdownOverlay.scss +23 -4
  9. package/dist/checkout.scss +96 -573
  10. package/dist/dropdownTemplate.scss +58 -4
  11. package/dist/icon-list.scss +25 -19
  12. package/dist/icons.js +1 -1
  13. package/dist/image-for-product.scss +19 -0
  14. package/dist/index.js +1 -1
  15. package/dist/item-stock.scss +27 -26
  16. package/dist/mega-menu-container.scss +96 -0
  17. package/dist/mega-menu.scss +832 -0
  18. package/dist/menu-v2.scss +30 -5
  19. package/dist/modal.scss +168 -8
  20. package/dist/order-status.scss +18 -15
  21. package/dist/past-orders.scss +279 -271
  22. package/dist/payment-methods.scss +72 -69
  23. package/dist/position-module.scss +2 -1
  24. package/dist/prefix-list.scss +3 -0
  25. package/dist/quick-links.scss +49 -46
  26. package/dist/quick-order-pad.scss +3 -0
  27. package/dist/quotes.scss +123 -117
  28. package/dist/rfqs.scss +123 -117
  29. package/dist/simple-list.scss +264 -0
  30. package/dist/templates.scss +299 -0
  31. package/dist/types/builder/elements/cart-wrapper/index.d.ts +44 -0
  32. package/dist/types/builder/elements/mega-menu/index.d.ts +47 -0
  33. package/dist/types/builder/elements/mega-menu-container/index.d.ts +44 -0
  34. package/dist/types/builder/elements/simple-list/index.d.ts +47 -0
  35. package/dist/types/builder/enums/index.d.ts +7 -1
  36. package/dist/types/builder/index.d.ts +5 -1
  37. package/dist/types/builder/tools/element-edit/cart-wrapper.d.ts +16 -0
  38. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  39. package/dist/types/builder/tools/element-edit/mega-menu.d.ts +41 -0
  40. package/dist/types/builder/tools/element-edit/megaMenuContainer.d.ts +9 -0
  41. package/dist/types/builder/tools/element-edit/simple-list.d.ts +37 -0
  42. package/dist/types/website/constants/data-connectors.d.ts +18 -0
  43. package/dist/website.js +1 -1
  44. package/dist/widget.scss +4 -0
  45. package/package.json +1 -1
package/dist/quotes.scss CHANGED
@@ -49,22 +49,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
49
49
  //border: 1px solid var(--_primary-100);
50
50
  //background: #fff;
51
51
  width: 349px;
52
- font-family: prepareMediaVariable(dn-wt-se-ft-fy);
53
- font-size: prepareMediaVariable(dn-wt-se-ft-se);
54
- color: prepareMediaVariable(dn-wt-se-cr);
55
- font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
56
- font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
57
- text-decoration: prepareMediaVariable(dn-wt-se-ue);
58
- text-align: prepareMediaVariable(dn-wt-se-tt-an);
59
- letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
60
- line-height: prepareMediaVariable(dn-wt-se-le-ht);
61
- background-color: prepareMediaVariable(dn-wt-se-bd-cr);
62
- border-width: prepareMediaVariable(dn-wt-se-br-wh);
63
- border-color: prepareMediaVariable(dn-wt-se-br-cr);
64
- border-style: prepareMediaVariable(dn-wt-se-br-se);
65
- border-radius: prepareMediaVariable(dn-wt-se-br-rs);
66
- box-shadow: prepareMediaVariable(dn-wt-se-sw-ae) prepareMediaVariable(dn-wt-se-sw-br)
67
- prepareMediaVariable(dn-wt-se-sw-sd) prepareMediaVariable(dn-wt-se-sw-cr);
52
+ font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
53
+ font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
54
+ color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
55
+ font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
56
+ font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
57
+ text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
58
+ text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
59
+ letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
60
+ line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
61
+ background-color: prepareMediaVariable(--_ctm-dn-wt-se-bd-cr);
62
+ border-width: prepareMediaVariable(--_ctm-dn-wt-se-br-wh);
63
+ border-color: prepareMediaVariable(--_ctm-dn-wt-se-br-cr);
64
+ border-style: prepareMediaVariable(--_ctm-dn-wt-se-br-se);
65
+ border-radius: prepareMediaVariable(--_ctm-dn-wt-se-br-rs);
66
+ box-shadow: prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)
67
+ prepareMediaVariable(--_ctm-dn-wt-se-sw-br) prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)
68
+ prepareMediaVariable(--_ctm-dn-wt-se-sw-cr);
68
69
  .quotes_card {
69
70
  display: flex;
70
71
  flex-direction: column;
@@ -85,15 +86,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
85
86
  // font-size: 20px;
86
87
  // font-weight: 600;
87
88
  // line-height: 30px;
88
- font-family: prepareMediaVariable(dn-wt-se-ft-fy);
89
- font-size: prepareMediaVariable(dn-wt-se-ft-se);
90
- color: prepareMediaVariable(dn-wt-se-cr);
91
- font-weight: prepareMediaVariable(dn-wt-se-ft-wt);
92
- font-style: prepareMediaVariable(dn-wt-se-ft-se-ic);
93
- text-decoration: prepareMediaVariable(dn-wt-se-ue);
94
- text-align: prepareMediaVariable(dn-wt-se-tt-an);
95
- letter-spacing: prepareMediaVariable(dn-wt-se-lr-sg);
96
- line-height: prepareMediaVariable(dn-wt-se-le-ht);
89
+ font-family: prepareMediaVariable(--_ctm-dn-wt-se-ft-fy);
90
+ font-size: prepareMediaVariable(--_ctm-dn-wt-se-ft-se);
91
+ color: prepareMediaVariable(--_ctm-dn-wt-se-cr);
92
+ font-weight: prepareMediaVariable(--_ctm-dn-wt-se-ft-wt);
93
+ font-style: prepareMediaVariable(--_ctm-dn-wt-se-ft-se-ic);
94
+ text-decoration: prepareMediaVariable(--_ctm-dn-wt-se-ue);
95
+ text-align: prepareMediaVariable(--_ctm-dn-wt-se-tt-an);
96
+ letter-spacing: prepareMediaVariable(--_ctm-dn-wt-se-lr-sg);
97
+ line-height: prepareMediaVariable(--_ctm-dn-wt-se-le-ht);
97
98
  }
98
99
  }
99
100
 
@@ -105,13 +106,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
105
106
  align-self: stretch;
106
107
  //border-radius: 0px 0px 6px 6px;
107
108
 
108
- background-color: prepareMediaVariable(dn-im-se-bd-cr);
109
- border-width: prepareMediaVariable(dn-im-se-br-wh);
110
- border-color: prepareMediaVariable(dn-im-se-br-cr);
111
- border-style: prepareMediaVariable(dn-im-se-br-se);
112
- border-radius: prepareMediaVariable(dn-im-se-br-rs);
113
- box-shadow: prepareMediaVariable(dn-im-se-sw-ae) prepareMediaVariable(dn-im-se-sw-br)
114
- prepareMediaVariable(dn-im-se-sw-sd) prepareMediaVariable(dn-im-se-sw-cr);
109
+ background-color: prepareMediaVariable(--_ctm-dn-im-se-bd-cr);
110
+ border-width: prepareMediaVariable(--_ctm-dn-im-se-br-wh);
111
+ border-color: prepareMediaVariable(--_ctm-dn-im-se-br-cr);
112
+ border-style: prepareMediaVariable(--_ctm-dn-im-se-br-se);
113
+ border-radius: prepareMediaVariable(--_ctm-dn-im-se-br-rs);
114
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-sw-ae)
115
+ prepareMediaVariable(--_ctm-dn-im-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-sw-sd)
116
+ prepareMediaVariable(--_ctm-dn-im-se-sw-cr);
115
117
 
116
118
  .content {
117
119
  display: flex;
@@ -122,15 +124,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
122
124
  gap: 12px;
123
125
  flex: 1 0 0;
124
126
  align-self: stretch;
125
- font-family: prepareMediaVariable(dn-im-se-ft-fy);
126
- font-size: prepareMediaVariable(dn-im-se-ft-se);
127
- color: prepareMediaVariable(dn-im-se-cr);
128
- font-weight: prepareMediaVariable(dn-im-se-ft-wt);
129
- font-style: prepareMediaVariable(dn-im-se-ft-se-ic);
130
- text-decoration: prepareMediaVariable(dn-im-se-ue);
131
- text-align: prepareMediaVariable(dn-im-se-tt-an);
132
- letter-spacing: prepareMediaVariable(dn-im-se-lr-sg);
133
- line-height: prepareMediaVariable(dn-im-se-le-ht);
127
+ font-family: prepareMediaVariable(--_ctm-dn-im-se-ft-fy);
128
+ font-size: prepareMediaVariable(--_ctm-dn-im-se-ft-se);
129
+ color: prepareMediaVariable(--_ctm-dn-im-se-cr);
130
+ font-weight: prepareMediaVariable(--_ctm-dn-im-se-ft-wt);
131
+ font-style: prepareMediaVariable(--_ctm-dn-im-se-ft-se-ic);
132
+ text-decoration: prepareMediaVariable(--_ctm-dn-im-se-ue);
133
+ text-align: prepareMediaVariable(--_ctm-dn-im-se-tt-an);
134
+ letter-spacing: prepareMediaVariable(--_ctm-dn-im-se-lr-sg);
135
+ line-height: prepareMediaVariable(--_ctm-dn-im-se-le-ht);
134
136
 
135
137
  .metric_wrapper {
136
138
  display: flex;
@@ -145,23 +147,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
145
147
  // font-size: 14px;
146
148
  // font-weight: 600;
147
149
  // line-height: 20px;
148
- font-family: prepareMediaVariable(dn-qe-id-ft-fy);
149
- font-size: prepareMediaVariable(dn-qe-id-ft-se);
150
- color: prepareMediaVariable(dn-qe-id-cr);
151
- font-weight: prepareMediaVariable(dn-qe-id-ft-wt);
152
- font-style: prepareMediaVariable(dn-qe-id-ft-se-ic);
153
- text-decoration: prepareMediaVariable(dn-qe-id-ue);
154
- text-align: prepareMediaVariable(dn-qe-id-tt-an);
155
- letter-spacing: prepareMediaVariable(dn-qe-id-lr-sg);
156
- line-height: prepareMediaVariable(dn-qe-id-le-ht);
157
- background-color: prepareMediaVariable(dn-qe-id-bd-cr);
158
- border-width: prepareMediaVariable(dn-qe-id-br-wh);
159
- border-color: prepareMediaVariable(dn-qe-id-br-cr);
160
- border-style: prepareMediaVariable(dn-qe-id-br-se);
161
- border-radius: prepareMediaVariable(dn-qe-id-br-rs);
162
- box-shadow: prepareMediaVariable(dn-qe-id-sw-ae)
163
- prepareMediaVariable(dn-qe-id-sw-br) prepareMediaVariable(dn-qe-id-sw-sd)
164
- prepareMediaVariable(dn-qe-id-sw-cr);
150
+ font-family: prepareMediaVariable(--_ctm-dn-qe-id-ft-fy);
151
+ font-size: prepareMediaVariable(--_ctm-dn-qe-id-ft-se);
152
+ color: prepareMediaVariable(--_ctm-dn-qe-id-cr);
153
+ font-weight: prepareMediaVariable(--_ctm-dn-qe-id-ft-wt);
154
+ font-style: prepareMediaVariable(--_ctm-dn-qe-id-ft-se-ic);
155
+ text-decoration: prepareMediaVariable(--_ctm-dn-qe-id-ue);
156
+ text-align: prepareMediaVariable(--_ctm-dn-qe-id-tt-an);
157
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qe-id-lr-sg);
158
+ line-height: prepareMediaVariable(--_ctm-dn-qe-id-le-ht);
159
+ background-color: prepareMediaVariable(--_ctm-dn-qe-id-bd-cr);
160
+ border-width: prepareMediaVariable(--_ctm-dn-qe-id-br-wh);
161
+ border-color: prepareMediaVariable(--_ctm-dn-qe-id-br-cr);
162
+ border-style: prepareMediaVariable(--_ctm-dn-qe-id-br-se);
163
+ border-radius: prepareMediaVariable(--_ctm-dn-qe-id-br-rs);
164
+ box-shadow: prepareMediaVariable(--_ctm-dn-qe-id-sw-ae)
165
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-br)
166
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-sd)
167
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-cr);
165
168
  }
166
169
 
167
170
  .status_badge {
@@ -172,29 +175,30 @@ $resizeActive: '[data-cms-element-resizer="true"]';
172
175
  // border-radius: 16px;
173
176
  // background: #fff4ed;
174
177
  mix-blend-mode: multiply;
175
- background-color: prepareMediaVariable(dn-qe-ss-bd-cr);
176
- border-width: prepareMediaVariable(dn-qe-ss-br-wh);
177
- border-color: prepareMediaVariable(dn-qe-ss-br-cr);
178
- border-style: prepareMediaVariable(dn-qe-ss-br-se);
179
- border-radius: prepareMediaVariable(dn-qe-ss-br-rs);
180
- box-shadow: prepareMediaVariable(dn-qe-ss-sw-ae)
181
- prepareMediaVariable(dn-qe-ss-sw-br) prepareMediaVariable(dn-qe-ss-sw-sd)
182
- prepareMediaVariable(dn-qe-ss-sw-cr);
178
+ background-color: prepareMediaVariable(--_ctm-dn-qe-ss-bd-cr);
179
+ border-width: prepareMediaVariable(--_ctm-dn-qe-ss-br-wh);
180
+ border-color: prepareMediaVariable(--_ctm-dn-qe-ss-br-cr);
181
+ border-style: prepareMediaVariable(--_ctm-dn-qe-ss-br-se);
182
+ border-radius: prepareMediaVariable(--_ctm-dn-qe-ss-br-rs);
183
+ box-shadow: prepareMediaVariable(--_ctm-dn-qe-ss-sw-ae)
184
+ prepareMediaVariable(--_ctm-dn-qe-ss-sw-br)
185
+ prepareMediaVariable(--_ctm-dn-qe-ss-sw-sd)
186
+ prepareMediaVariable(--_ctm-dn-qe-ss-sw-cr);
183
187
 
184
188
  .quote_status {
185
189
  // color: #b93815;
186
190
  // text-align: center;
187
191
  // font-size: 12px;
188
192
  // line-height: 18px;
189
- font-family: prepareMediaVariable(dn-qe-ss-ft-fy);
190
- font-size: prepareMediaVariable(dn-qe-ss-ft-se);
191
- color: prepareMediaVariable(dn-qe-ss-cr);
192
- font-weight: prepareMediaVariable(dn-qe-ss-ft-wt);
193
- font-style: prepareMediaVariable(dn-qe-ss-ft-se-ic);
194
- text-decoration: prepareMediaVariable(dn-qe-ss-ue);
195
- text-align: prepareMediaVariable(dn-qe-ss-tt-an);
196
- letter-spacing: prepareMediaVariable(dn-qe-ss-lr-sg);
197
- line-height: prepareMediaVariable(dn-qe-ss-le-ht);
193
+ font-family: prepareMediaVariable(--_ctm-dn-qe-ss-ft-fy);
194
+ font-size: prepareMediaVariable(--_ctm-dn-qe-ss-ft-se);
195
+ color: prepareMediaVariable(--_ctm-dn-qe-ss-cr);
196
+ font-weight: prepareMediaVariable(--_ctm-dn-qe-ss-ft-wt);
197
+ font-style: prepareMediaVariable(--_ctm-dn-qe-ss-ft-se-ic);
198
+ text-decoration: prepareMediaVariable(--_ctm-dn-qe-ss-ue);
199
+ text-align: prepareMediaVariable(--_ctm-dn-qe-ss-tt-an);
200
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qe-ss-lr-sg);
201
+ line-height: prepareMediaVariable(--_ctm-dn-qe-ss-le-ht);
198
202
  }
199
203
  }
200
204
 
@@ -205,23 +209,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
205
209
  // font-weight: 400;
206
210
  // line-height: 18px;
207
211
 
208
- font-family: prepareMediaVariable(dn-rd-on-ft-fy);
209
- font-size: prepareMediaVariable(dn-rd-on-ft-se);
210
- color: prepareMediaVariable(dn-rd-on-cr);
211
- font-weight: prepareMediaVariable(dn-rd-on-ft-wt);
212
- font-style: prepareMediaVariable(dn-rd-on-ft-se-ic);
213
- text-decoration: prepareMediaVariable(dn-rd-on-ue);
214
- text-align: prepareMediaVariable(dn-rd-on-tt-an);
215
- letter-spacing: prepareMediaVariable(dn-rd-on-lr-sg);
216
- line-height: prepareMediaVariable(dn-rd-on-le-ht);
217
- background-color: prepareMediaVariable(dn-rd-on-bd-cr);
218
- border-width: prepareMediaVariable(dn-rd-on-br-wh);
219
- border-color: prepareMediaVariable(dn-rd-on-br-cr);
220
- border-style: prepareMediaVariable(dn-rd-on-br-se);
221
- border-radius: prepareMediaVariable(dn-rd-on-br-rs);
222
- box-shadow: prepareMediaVariable(dn-rd-on-sw-ae)
223
- prepareMediaVariable(dn-rd-on-sw-br) prepareMediaVariable(dn-rd-on-sw-sd)
224
- prepareMediaVariable(dn-rd-on-sw-cr);
212
+ font-family: prepareMediaVariable(--_ctm-dn-rd-on-ft-fy);
213
+ font-size: prepareMediaVariable(--_ctm-dn-rd-on-ft-se);
214
+ color: prepareMediaVariable(--_ctm-dn-rd-on-cr);
215
+ font-weight: prepareMediaVariable(--_ctm-dn-rd-on-ft-wt);
216
+ font-style: prepareMediaVariable(--_ctm-dn-rd-on-ft-se-ic);
217
+ text-decoration: prepareMediaVariable(--_ctm-dn-rd-on-ue);
218
+ text-align: prepareMediaVariable(--_ctm-dn-rd-on-tt-an);
219
+ letter-spacing: prepareMediaVariable(--_ctm-dn-rd-on-lr-sg);
220
+ line-height: prepareMediaVariable(--_ctm-dn-rd-on-le-ht);
221
+ background-color: prepareMediaVariable(--_ctm-dn-rd-on-bd-cr);
222
+ border-width: prepareMediaVariable(--_ctm-dn-rd-on-br-wh);
223
+ border-color: prepareMediaVariable(--_ctm-dn-rd-on-br-cr);
224
+ border-style: prepareMediaVariable(--_ctm-dn-rd-on-br-se);
225
+ border-radius: prepareMediaVariable(--_ctm-dn-rd-on-br-rs);
226
+ box-shadow: prepareMediaVariable(--_ctm-dn-rd-on-sw-ae)
227
+ prepareMediaVariable(--_ctm-dn-rd-on-sw-br)
228
+ prepareMediaVariable(--_ctm-dn-rd-on-sw-sd)
229
+ prepareMediaVariable(--_ctm-dn-rd-on-sw-cr);
225
230
  }
226
231
 
227
232
  .quotes_amount {
@@ -230,23 +235,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
230
235
  // font-size: 14px;
231
236
  // font-weight: 600;
232
237
  // line-height: 20px;
233
- font-family: prepareMediaVariable(dn-qe-id-ft-fy);
234
- font-size: prepareMediaVariable(dn-qe-id-ft-se);
235
- color: prepareMediaVariable(dn-qe-id-cr);
236
- font-weight: prepareMediaVariable(dn-qe-id-ft-wt);
237
- font-style: prepareMediaVariable(dn-qe-id-ft-se-ic);
238
- text-decoration: prepareMediaVariable(dn-qe-id-ue);
239
- text-align: prepareMediaVariable(dn-qe-id-tt-an);
240
- letter-spacing: prepareMediaVariable(dn-qe-id-lr-sg);
241
- line-height: prepareMediaVariable(dn-qe-id-le-ht);
242
- background-color: prepareMediaVariable(dn-qe-id-bd-cr);
243
- border-width: prepareMediaVariable(dn-qe-id-br-wh);
244
- border-color: prepareMediaVariable(dn-qe-id-br-cr);
245
- border-style: prepareMediaVariable(dn-qe-id-br-se);
246
- border-radius: prepareMediaVariable(dn-qe-id-br-rs);
247
- box-shadow: prepareMediaVariable(dn-qe-id-sw-ae)
248
- prepareMediaVariable(dn-qe-id-sw-br) prepareMediaVariable(dn-qe-id-sw-sd)
249
- prepareMediaVariable(dn-qe-id-sw-cr);
238
+ font-family: prepareMediaVariable(--_ctm-dn-qe-id-ft-fy);
239
+ font-size: prepareMediaVariable(--_ctm-dn-qe-id-ft-se);
240
+ color: prepareMediaVariable(--_ctm-dn-qe-id-cr);
241
+ font-weight: prepareMediaVariable(--_ctm-dn-qe-id-ft-wt);
242
+ font-style: prepareMediaVariable(--_ctm-dn-qe-id-ft-se-ic);
243
+ text-decoration: prepareMediaVariable(--_ctm-dn-qe-id-ue);
244
+ text-align: prepareMediaVariable(--_ctm-dn-qe-id-tt-an);
245
+ letter-spacing: prepareMediaVariable(--_ctm-dn-qe-id-lr-sg);
246
+ line-height: prepareMediaVariable(--_ctm-dn-qe-id-le-ht);
247
+ background-color: prepareMediaVariable(--_ctm-dn-qe-id-bd-cr);
248
+ border-width: prepareMediaVariable(--_ctm-dn-qe-id-br-wh);
249
+ border-color: prepareMediaVariable(--_ctm-dn-qe-id-br-cr);
250
+ border-style: prepareMediaVariable(--_ctm-dn-qe-id-br-se);
251
+ border-radius: prepareMediaVariable(--_ctm-dn-qe-id-br-rs);
252
+ box-shadow: prepareMediaVariable(--_ctm-dn-qe-id-sw-ae)
253
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-br)
254
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-sd)
255
+ prepareMediaVariable(--_ctm-dn-qe-id-sw-cr);
250
256
  }
251
257
  }
252
258
  .quotes_action {
@@ -297,7 +303,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
297
303
  gap: var(--_ctm-mob-lt-sg-bn-is, var(--_ctm-tab-lt-sg-bn-is, var(--_ctm-lt-sg-bn-is)));
298
304
 
299
305
  &[data-control-type="Bottom"][data-slider-control="Arrows"] {
300
- height: calc(100% - calc(prepareMediaVariable(dn-pn-as-aw-se) + 10px));
306
+ height: calc(100% - calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) + 10px));
301
307
  }
302
308
 
303
309
  &[data-control-type="Bottom"][data-slider-control="Pagination Line"] {
@@ -474,8 +480,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
474
480
  padding: 10px;
475
481
  border-radius: 50%;
476
482
  border: none;
477
- width: prepareMediaVariable(dn-pn-as-aw-se);
478
- height: prepareMediaVariable(dn-pn-as-aw-se);
483
+ width: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
484
+ height: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
479
485
  display: flex;
480
486
  align-items: center;
481
487
  justify-content: center;
@@ -493,8 +499,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
493
499
  .right-button {
494
500
  border-radius: 50%;
495
501
  border: none;
496
- width: prepareMediaVariable(dn-pn-as-aw-se);
497
- height: prepareMediaVariable(dn-pn-as-aw-se);
502
+ width: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
503
+ height: prepareMediaVariable(--_ctm-dn-pn-as-aw-se);
498
504
 
499
505
  display: flex;
500
506
  align-items: center;
@@ -516,11 +522,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
516
522
  display: flex;
517
523
 
518
524
  svg {
519
- width: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
520
- height: calc(prepareMediaVariable(dn-pn-as-aw-se) * 0.5);
525
+ width: calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) * 0.5);
526
+ height: calc(prepareMediaVariable(--_ctm-dn-pn-as-aw-se) * 0.5);
521
527
 
522
528
  path {
523
- stroke: prepareMediaVariable(dn-pn-as-aw-cr);
529
+ stroke: prepareMediaVariable(--_ctm-dn-pn-as-aw-cr);
524
530
  }
525
531
  }
526
532
  }