@sc-360-v2/storefront-cms-library 0.3.82 → 0.3.83

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 (15) hide show
  1. package/dist/allocations.scss +1 -1
  2. package/dist/builder.js +1 -1
  3. package/dist/bundle.scss +20 -3
  4. package/dist/cart-products-sidebar.scss +2 -1
  5. package/dist/cartDropdownOverlay.scss +5 -1
  6. package/dist/coupon.scss +238 -21
  7. package/dist/currency.scss +31 -0
  8. package/dist/dropdownTemplate.scss +24 -2
  9. package/dist/modal.scss +64 -3
  10. package/dist/repeater.scss +26 -0
  11. package/dist/request-for-quotes.scss +230 -0
  12. package/dist/skeleton.scss +32 -0
  13. package/dist/types/builder/tools/element-edit/coupon.d.ts +247 -4248
  14. package/dist/uom-selector.scss +8 -3
  15. package/package.json +1 -1
package/dist/bundle.scss CHANGED
@@ -5,7 +5,24 @@ $resizerId: "[data-cms-tool='cms-element-resizer']";
5
5
  $resizeActive: '[data-cms-element-resizer="true"]';
6
6
  [data-div-type="element"] {
7
7
  &[data-element-type="bundle"] {
8
- // width: var(--_sf-con-nw-wh);
8
+ // width: var(--_sf-con-nw-wh);--_ctm-ele-nw-wh-vl
9
+ // width: var(
10
+ // --_sf-mob-el-wh-st-mx,
11
+ // var(
12
+ // --_sf-tab-el-wh-st-mx,
13
+ // var(
14
+ // --_sf-el-wh-st-mx,
15
+ // calc(
16
+ // 1% *
17
+ // var(
18
+ // --_ctm-mob-bun-ele-nw-wh-vl,
19
+ // var(--_ctm-tab-bun-ele-nw-wh-vl, var(--_ctm-bun-ele-nw-wh-vl, var(--_sf-nw-wh)))
20
+ // )
21
+ // )
22
+ // )
23
+ // )
24
+ // );
25
+
9
26
  width: var(
10
27
  --_sf-mob-el-wh-st-mx,
11
28
  var(
@@ -15,8 +32,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
15
32
  calc(
16
33
  1% *
17
34
  var(
18
- --_ctm-mob-bun-ele-nw-wh-vl,
19
- var(--_ctm-tab-bun-ele-nw-wh-vl, var(--_ctm-bun-ele-nw-wh-vl, var(--_sf-nw-wh)))
35
+ --_ctm-mob-ele-nw-wh-vl,
36
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
20
37
  )
21
38
  )
22
39
  )
package/dist/cart-products-sidebar.scss CHANGED
@@ -17,7 +17,8 @@ $shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
17
17
  width: 100%;
18
18
  height: 100%;
19
19
  top: 0;
20
- background: rgba(112, 112, 112, 0.13);
20
+ // background: rgba(112, 112, 112, 0.13);
21
+ background: transparent;
21
22
  z-index: 9999;
22
23
  }
23
24
 
package/dist/cartDropdownOverlay.scss CHANGED
@@ -177,12 +177,17 @@ $button-padding: 6px 12px;
177
177
  .option {
178
178
  display: flex;
179
179
  align-items: start;
180
+ gap: 6px;
180
181
  padding: 8px $spacing-md;
181
182
  cursor: pointer;
182
183
  font-size: $font-size;
183
184
  // min-height: 48px;
184
185
  border-radius: 4px;
185
186
 
187
+ .checkbox_container {
188
+ top: 4px;
189
+ }
190
+
186
191
  &.disabled {
187
192
  .label-content {
188
193
  width: 100%;
@@ -194,7 +199,6 @@ $button-padding: 6px 12px;
194
199
  .label-content {
195
200
  display: flex;
196
201
  flex-direction: column;
197
- gap: 4px;
198
202
 
199
203
  .option-description {
200
204
  & > div {
package/dist/coupon.scss CHANGED
@@ -23,9 +23,44 @@ $resizeActive: '[data-cms-element-resizer="true"]';
23
23
  }
24
24
  }
25
25
  .coupon_code {
26
- background: var(--_base-white);
27
- border: 1px solid var(--_gray-300);
28
- border-radius: 4px;
26
+ background-color: var(
27
+ --_ctm-mob-dn-cn-cr-bd-cr,
28
+ var(--_ctm-tab-dn-cn-cr-bd-cr, var(--_ctm-dn-cn-cr-bd-cr))
29
+ );
30
+ border-color: var(
31
+ --_ctm-mob-dn-cn-cr-br-cr,
32
+ var(--_ctm-tab-dn-cn-cr-br-cr, var(--_ctm-dn-cn-cr-br-cr))
33
+ );
34
+ border-style: var(
35
+ --_ctm-mob-dn-cn-cr-br-se,
36
+ var(--_ctm-tab-dn-cn-cr-br-se, var(--_ctm-dn-cn-cr-br-se))
37
+ );
38
+ border-width: var(
39
+ --_ctm-mob-dn-cn-cr-br-wh,
40
+ var(--_ctm-tab-dn-cn-cr-br-wh, var(--_ctm-dn-cn-cr-br-wh))
41
+ );
42
+ border-radius: var(
43
+ --_ctm-mob-dn-cn-cr-br-rs,
44
+ var(--_ctm-tab-dn-cn-cr-br-rs, var(--_ctm-dn-cn-cr-br-rs))
45
+ );
46
+ box-shadow: var(
47
+ var(
48
+ --_ctm-mob-dn-cn-cr-sw-ae,
49
+ var(--_ctm-tab-dn-cn-cr-sw-ae, var(--_ctm-dn-cn-cr-sw-ae, none))
50
+ )
51
+ var(
52
+ --_ctm-mob-dn-cn-cr-sw-br,
53
+ var(--_ctm-tab-dn-cn-cr-sw-br, var(--_ctm-dn-cn-cr-sw-br, none))
54
+ )
55
+ var(
56
+ --_ctm-mob-dn-cn-cr-sw-sd,
57
+ var(--_ctm-tab-dn-cn-cr-sw-sd, var(--_ctm-dn-cn-cr-sw-sd, none))
58
+ )
59
+ var(
60
+ --_ctm-mob-dn-cn-cr-sw-cr,
61
+ var(--_ctm-tab-dn-cn-cr-sw-cr, var(--_ctm-dn-cn-cr-sw-cr, none))
62
+ )
63
+ );
29
64
  width: 100%;
30
65
  // max-width: 400px;
31
66
  overflow: hidden;
@@ -33,49 +68,231 @@ $resizeActive: '[data-cms-element-resizer="true"]';
33
68
  position: sticky;
34
69
  top: 10px;
35
70
  // margin-bottom: 24px;
36
- & > h3 {
71
+ .coupon_code_header {
37
72
  font-size: 16px;
38
- font-weight: 700;
39
- color: var(--_gray-900);
40
- background-color: #f5f5f5;
41
- padding: 12px;
42
- border-bottom: 1px solid var(--_gray-300);
73
+ font-family: var(
74
+ --_ctm-mob-dn-cn-hr-ft-fy,
75
+ var(--_ctm-tab-dn-cn-hr-ft-fy, var(--_ctm-dn-cn-hr-ft-fy))
76
+ );
77
+ color: var(--_ctm-mob-dn-cn-hr-cr, var(--_ctm-tab-dn-cn-hr-cr, var(--_ctm-dn-cn-hr-cr)));
78
+ font-weight: var(
79
+ --_ctm-mob-dn-cn-hr-ft-wt,
80
+ var(--_ctm-tab-dn-cn-hr-ft-wt, var(--_ctm-dn-cn-hr-ft-wt))
81
+ );
82
+ // font-size: var(
83
+ // --_ctm-mob-dn-cn-hr-ft-se,
84
+ // var(--_ctm-tab-dn-cn-hr-ft-se, var(--_ctm-dn-cn-hr-ft-se))
85
+ // );
86
+ text-decoration: var(
87
+ --_ctm-mob-dn-cn-hr-ue,
88
+ var(--_ctm-tab-dn-cn-hr-ue, var(--_ctm-dn-cn-hr-ue))
89
+ );
90
+ letter-spacing: var(
91
+ --_ctm-mob-dn-cn-hr-lr-sg,
92
+ var(--_ctm-tab-dn-cn-hr-lr-sg, var(--_ctm-dn-cn-hr-lr-sg))
93
+ );
94
+ line-height: var(
95
+ --_ctm-mob-dn-cn-hr-le-ht,
96
+ var(--_ctm-tab-dn-cn-hr-le-ht, var(--_ctm-dn-cn-hr-le-ht))
97
+ );
98
+ font-style: var(
99
+ --_ctm-mob-dn-cn-hr-ft-se-ic,
100
+ var(--_ctm-tab-dn-cn-hr-ft-se-ic, var(--_ctm-dn-cn-hr-ft-se-ic))
101
+ );
102
+ text-align: var(
103
+ --_ctm-mob-dn-cn-hr-tt-an,
104
+ var(--_ctm-tab-dn-cn-hr-tt-an, var(--_ctm-dn-cn-hr-tt-an))
105
+ );
106
+ background-color: var(
107
+ --_ctm-mob-dn-cn-hr-bd-cr,
108
+ var(--_ctm-tab-dn-cn-hr-bd-cr, var(--_ctm-dn-cn-hr-bd-cr))
109
+ );
110
+ border-color: var(
111
+ --_ctm-mob-dn-cn-hr-br-cr,
112
+ var(--_ctm-tab-dn-cn-hr-br-cr, var(--_ctm-dn-cn-hr-br-cr))
113
+ );
114
+ border-style: var(
115
+ --_ctm-mob-dn-cn-hr-br-se,
116
+ var(--_ctm-tab-dn-cn-hr-br-se, var(--_ctm-dn-cn-hr-br-se))
117
+ );
118
+ border-width: var(
119
+ --_ctm-mob-dn-cn-hr-br-wh,
120
+ var(--_ctm-tab-dn-cn-hr-br-wh, var(--_ctm-dn-cn-hr-br-wh))
121
+ );
122
+ padding: var(--_ctm-mob-dn-cn-hr-pg, var(--_ctm-tab-dn-cn-hr-pg, var(--_ctm-dn-cn-hr-pg)));
43
123
  }
44
124
  .coupon_code_body {
45
- padding: 0px 16px 16px 16px;
125
+ padding: var(--_ctm-mob-dn-cn-wt-pg, var(--_ctm-tab-dn-cn-wt-pg, var(--_ctm-dn-cn-wt-pg)));
126
+
46
127
  .apply_coupon_code_body {
47
- padding-top: 16px;
128
+ // padding-top: 16px;
48
129
  display: flex;
49
130
  align-items: flex-start;
50
131
  justify-content: space-between;
51
- gap: 12px;
132
+ gap: var(
133
+ --_ctm-mob-dn-cn-wt-im-gp,
134
+ var(--_ctm-tab-dn-cn-wt-im-gp, var(--_ctm-dn-cn-wt-im-gp))
135
+ );
52
136
  .apply_coupon_code_flex {
53
137
  display: flex;
138
+ gap: var(
139
+ --_ctm-mob-dn-cn-wt-im-gp,
140
+ var(--_ctm-tab-dn-cn-wt-im-gp, var(--_ctm-dn-cn-wt-im-gp))
141
+ );
142
+ .cpn__sale__icon {
143
+ .icon {
144
+ svg {
145
+ width: var(
146
+ --_ctm-mob-dn-cn-wt-in-se,
147
+ var(--_ctm-tab-dn-cn-wt-in-se, var(--_ctm-dn-cn-wt-in-se))
148
+ );
149
+ height: var(
150
+ --_ctm-mob-dn-cn-wt-in-se,
151
+ var(--_ctm-tab-dn-cn-wt-in-se, var(--_ctm-dn-cn-wt-in-se))
152
+ );
153
+ path {
154
+ stroke: var(
155
+ --_ctm-mob-dn-cn-wt-in-c1,
156
+ var(--_ctm-tab-dn-cn-wt-in-c1, var(--_ctm-dn-cn-wt-in-c1))
157
+ );
158
+ }
159
+ }
160
+ }
161
+ }
54
162
  .apply_coupon_code {
55
163
  display: flex;
56
164
  flex-direction: column;
57
165
  justify-content: center;
58
166
  gap: 4px;
59
167
  .cpn_sale_text {
60
- font-size: 16px;
61
- font-weight: 600;
62
- color: var(--_gray-900);
63
- line-height: 20px;
168
+ font-size: 14px;
169
+ font-family: var(
170
+ --_ctm-mob-dn-cn-wt-ft-fy,
171
+ var(--_ctm-tab-dn-cn-wt-ft-fy, var(--_ctm-dn-cn-wt-ft-fy))
172
+ );
173
+ color: var(
174
+ --_ctm-mob-dn-cn-wt-cr,
175
+ var(--_ctm-tab-dn-cn-wt-cr, var(--_ctm-dn-cn-wt-cr))
176
+ );
177
+ font-weight: var(
178
+ --_ctm-mob-dn-cn-wt-ft-wt,
179
+ var(--_ctm-tab-dn-cn-wt-ft-wt, var(--_ctm-dn-cn-wt-ft-wt))
180
+ );
181
+ // font-size: var(
182
+ // --_ctm-mob-dn-cn-wt-ft-se,
183
+ // var(--_ctm-tab-dn-cn-wt-ft-se, var(--_ctm-dn-cn-wt-ft-se))
184
+ // );
185
+ text-decoration: var(
186
+ --_ctm-mob-dn-cn-wt-ue,
187
+ var(--_ctm-tab-dn-cn-wt-ue, var(--_ctm-dn-cn-wt-ue))
188
+ );
189
+ letter-spacing: var(
190
+ --_ctm-mob-dn-cn-wt-lr-sg,
191
+ var(--_ctm-tab-dn-cn-wt-lr-sg, var(--_ctm-dn-cn-wt-lr-sg))
192
+ );
193
+ line-height: var(
194
+ --_ctm-mob-dn-cn-wt-le-ht,
195
+ var(--_ctm-tab-dn-cn-wt-le-ht, var(--_ctm-dn-cn-wt-le-ht))
196
+ );
197
+ font-style: var(
198
+ --_ctm-mob-dn-cn-wt-ft-se-ic,
199
+ var(--_ctm-tab-dn-cn-wt-ft-se-ic, var(--_ctm-dn-cn-wt-ft-se-ic))
200
+ );
201
+ text-align: var(
202
+ --_ctm-mob-dn-cn-wt-tt-an,
203
+ var(--_ctm-tab-dn-cn-wt-tt-an, var(--_ctm-dn-cn-wt-tt-an))
204
+ );
205
+ // font-size: 16px;
206
+ // font-weight: 600;
207
+ // color: var(--_gray-900);
208
+ // line-height: 20px;
64
209
  }
65
210
  .cpn_sale_desc {
211
+ font-family: var(
212
+ --_ctm-mob-dn-cn-wt-ft-fy-dc,
213
+ var(--_ctm-tab-dn-cn-wt-ft-fy-dc, var(--_ctm-dn-cn-wt-ft-fy-dc))
214
+ );
215
+ color: var(
216
+ --_ctm-mob-dn-cn-wt-cr-dc,
217
+ var(--_ctm-tab-dn-cn-wt-cr-dc, var(--_ctm-dn-cn-wt-cr-dc))
218
+ );
219
+ font-weight: var(
220
+ --_ctm-mob-dn-cn-wt-ft-wt-dc,
221
+ var(--_ctm-tab-dn-cn-wt-ft-wt-dc, var(--_ctm-dn-cn-wt-ft-wt-dc))
222
+ );
66
223
  font-size: 14px;
67
- font-weight: 400;
68
- color: var(--_gray-500);
69
- line-height: 20px;
224
+ // font-size: var(
225
+ // --_ctm-mob-dn-cn-wt-ft-se-dc,
226
+ // var(--_ctm-tab-dn-cn-wt-ft-se-dc, var(--_ctm-dn-cn-wt-ft-se-dc))
227
+ // );
228
+ text-decoration: var(
229
+ --_ctm-mob-dn-cn-wt-ue-dc,
230
+ var(--_ctm-tab-dn-cn-wt-ue-dc, var(--_ctm-dn-cn-wt-ue-dc))
231
+ );
232
+ letter-spacing: var(
233
+ --_ctm-mob-dn-cn-wt-lr-sg-dc,
234
+ var(--_ctm-tab-dn-cn-wt-lr-sg-dc, var(--_ctm-dn-cn-wt-lr-sg-dc))
235
+ );
236
+ line-height: var(
237
+ --_ctm-mob-dn-cn-wt-le-ht-dc,
238
+ var(--_ctm-tab-dn-cn-wt-le-ht-dc, var(--_ctm-dn-cn-wt-le-ht-dc))
239
+ );
240
+ font-style: var(
241
+ --_ctm-mob-dn-cn-wt-ft-se-ic-dc,
242
+ var(--_ctm-tab-dn-cn-wt-ft-se-ic-dc, var(--_ctm-dn-cn-wt-ft-se-ic-dc))
243
+ );
244
+ text-align: var(
245
+ --_ctm-mob-dn-cn-wt-tt-an-dc,
246
+ var(--_ctm-tab-dn-cn-wt-tt-an-dc, var(--_ctm-dn-cn-wt-tt-an-dc))
247
+ );
248
+ // font-size: 14px;
249
+ // font-weight: 400;
250
+ // color: var(--_gray-500);
251
+ // line-height: 20px;
70
252
  .login_link {
71
- color: var(--_primary-400);
72
- font-weight: 700;
253
+ font-family: var(
254
+ --_ctm-mob-dn-cn-wt-ft-fy-dc,
255
+ var(--_ctm-tab-dn-cn-wt-ft-fy-dc, var(--_ctm-dn-cn-wt-ft-fy-dc))
256
+ );
257
+ color: var(--_thm-cs-tt-ls-as);
258
+ font-weight: var(
259
+ --_ctm-mob-dn-cn-wt-ft-wt-dc,
260
+ var(--_ctm-tab-dn-cn-wt-ft-wt-dc, var(--_ctm-dn-cn-wt-ft-wt-dc))
261
+ );
262
+ font-size: 14px;
263
+ // font-size: var(
264
+ // --_ctm-mob-dn-cn-wt-ft-se-dc,
265
+ // var(--_ctm-tab-dn-cn-wt-ft-se-dc, var(--_ctm-dn-cn-wt-ft-se-dc))
266
+ // );
267
+ text-decoration: var(
268
+ --_ctm-mob-dn-cn-wt-ue-dc,
269
+ var(--_ctm-tab-dn-cn-wt-ue-dc, var(--_ctm-dn-cn-wt-ue-dc))
270
+ );
271
+ letter-spacing: var(
272
+ --_ctm-mob-dn-cn-wt-lr-sg-dc,
273
+ var(--_ctm-tab-dn-cn-wt-lr-sg-dc, var(--_ctm-dn-cn-wt-lr-sg-dc))
274
+ );
275
+ line-height: var(
276
+ --_ctm-mob-dn-cn-wt-le-ht-dc,
277
+ var(--_ctm-tab-dn-cn-wt-le-ht-dc, var(--_ctm-dn-cn-wt-le-ht-dc))
278
+ );
279
+ font-style: var(
280
+ --_ctm-mob-dn-cn-wt-ft-se-ic-dc,
281
+ var(--_ctm-tab-dn-cn-wt-ft-se-ic-dc, var(--_ctm-dn-cn-wt-ft-se-ic-dc))
282
+ );
283
+ text-align: var(
284
+ --_ctm-mob-dn-cn-wt-tt-an-dc,
285
+ var(--_ctm-tab-dn-cn-wt-tt-an-dc, var(--_ctm-dn-cn-wt-tt-an-dc))
286
+ );
287
+ // color: var(--_primary-400);
288
+ // font-weight: 700;
73
289
  }
74
290
  }
75
291
  }
76
292
  }
77
293
  .apply_coupon_code_btn {
78
294
  padding: 12px;
295
+ white-space: nowrap;
79
296
  }
80
297
  }
81
298
  }
package/dist/currency.scss ADDED
@@ -0,0 +1,31 @@
1
+ .currency_field_container {
2
+ .currency_field {
3
+ height: 40px;
4
+ border: 1px solid var(--_gray-300);
5
+ border-radius: 4px;
6
+ display: flex;
7
+ align-items: center;
8
+ gap: 8px;
9
+ width: 130px;
10
+ .currency_symbol {
11
+ font-size: 16px;
12
+ font-weight: 600;
13
+ padding-inline: 8px;
14
+ padding-inline: 8px;
15
+ color: var(--_gray-500);
16
+ input {
17
+ color: var(--_gray-900);
18
+ font-size: 16px;
19
+ font-weight: 600;
20
+ &::placeholder {
21
+ color: var(--_gray-500);
22
+ }
23
+ }
24
+ }
25
+
26
+ &:focus-within {
27
+ border: 1px solid var(--_primary-300);
28
+ outline: 2px solid var(--_primary-50);
29
+ }
30
+ }
31
+ }
package/dist/dropdownTemplate.scss CHANGED
@@ -187,6 +187,9 @@
187
187
  flex-direction: column;
188
188
  gap: 4px;
189
189
  padding: 4px;
190
+ &:has(.show_scroll) {
191
+ overflow-y: scroll;
192
+ }
190
193
  }
191
194
  .empty_message {
192
195
  height: 200px;
@@ -328,11 +331,30 @@
328
331
  height: 40px;
329
332
  align-items: center;
330
333
  display: flex;
331
- gap: 4px;
332
- padding: 4px;
334
+ gap: 8px;
335
+ padding: 4px 8px;
336
+ max-width: 230px;
337
+ background: var(--_gray-50);
338
+ border-radius: 4px;
339
+ margin-bottom: 4px;
333
340
  input {
334
341
  width: auto;
335
342
  }
343
+ .group-header-name {
344
+ display: flex;
345
+ align-items: center;
346
+ justify-content: space-between;
347
+ width: 100%;
348
+ .trigger-icon {
349
+ display: flex;
350
+ transform: rotate(0deg);
351
+ transition: all 400ms ease-in;
352
+ &.up {
353
+ transform: rotate(180deg);
354
+ transition: all 400ms ease-in;
355
+ }
356
+ }
357
+ }
336
358
  }
337
359
  // .input-checkbox {
338
360
  // display: flex;
package/dist/modal.scss CHANGED
@@ -352,9 +352,9 @@ $active_btn_text_color: #fff;
352
352
  width: 100%;
353
353
  display: flex;
354
354
  justify-content: center;
355
- &:hover {
356
- text-decoration: underline;
357
- }
355
+ // &:hover {
356
+ // text-decoration: underline;
357
+ // }
358
358
  }
359
359
 
360
360
  .modal-footer-danger-btn {
@@ -532,6 +532,67 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
532
532
  }
533
533
  }
534
534
  }
535
+
536
+ // processing loader
537
+ .pmnt_process_container {
538
+ display: flex;
539
+ justify-content: center;
540
+ align-items: center;
541
+ height: 100%;
542
+ width: 100%;
543
+ background-color: var(--_gray-100);
544
+ .process_load_wrapper {
545
+ .process_loader_content {
546
+ display: flex;
547
+ flex-direction: column;
548
+ /* gap: 8px; */
549
+ justify-content: center;
550
+ align-items: center;
551
+ p {
552
+ margin-top: 8px;
553
+ }
554
+ .process_loader_box {
555
+ .processing_loader {
556
+ position: relative;
557
+ width: 64px;
558
+ height: 64px;
559
+ margin-bottom: 24px;
560
+
561
+ &::before,
562
+ &::after {
563
+ content: "";
564
+ position: absolute;
565
+ border-radius: 50%;
566
+ }
567
+
568
+ // Background stroke
569
+ &::before {
570
+ width: 100%;
571
+ height: 100%;
572
+ border: 6px solid #e0e0e0;
573
+ }
574
+
575
+ // Animated stroke
576
+ &::after {
577
+ width: 100%;
578
+ height: 100%;
579
+ border: 6px solid transparent;
580
+ border-top-color: #243dc6;
581
+ animation: processing_loader_spin 1s linear infinite;
582
+ }
583
+ }
584
+ }
585
+ @keyframes processing_loader_spin {
586
+ 0% {
587
+ transform: rotate(0deg);
588
+ }
589
+ 100% {
590
+ transform: rotate(360deg);
591
+ }
592
+ }
593
+ }
594
+ }
595
+ }
535
596
  }
536
597
  &.fullscreen {
537
598
  transition:
package/dist/repeater.scss CHANGED
@@ -647,6 +647,32 @@ $rai: "repeater-advertise-item";
647
647
  // }
648
648
  // }
649
649
 
650
+ .repeater__button__container {
651
+ display: flex;
652
+
653
+ &[data-button-alignment-default-state="flex-start"] {
654
+ justify-content: flex-start;
655
+ }
656
+
657
+ &[data-button-alignment-default-state="center"] {
658
+ justify-content: center;
659
+ }
660
+
661
+ &[data-button-alignment-default-state="flex-end"] {
662
+ justify-content: flex-end;
663
+ }
664
+
665
+ &[data-button-alignment-hover-state="flex-start"]:hover {
666
+ justify-content: flex-start;
667
+ }
668
+ &[data-button-alignment-hover-state="center"]:hover {
669
+ justify-content: center;
670
+ }
671
+ &[data-button-alignment-hover-state="flex-end"]:hover {
672
+ justify-content: flex-end;
673
+ }
674
+ }
675
+
650
676
  .btn__with__text[data-btn-name="loadmoreButton"] {
651
677
  justify-content: center;
652
678
  &[data-show-shadow="false"] {