@vkzstudio/muza-ui 1.0.45 → 1.0.46

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 (73) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts.map +1 -1
  2. package/dist/components/Button/Button.stories.d.ts.map +1 -1
  3. package/dist/components/Card/Card.d.ts +63 -0
  4. package/dist/components/Card/Card.d.ts.map +1 -0
  5. package/dist/components/Card/Card.js +67 -0
  6. package/dist/components/Card/Card.stories.d.ts +13 -0
  7. package/dist/components/Card/Card.stories.d.ts.map +1 -0
  8. package/dist/components/Card/index.d.ts +2 -0
  9. package/dist/components/Card/index.d.ts.map +1 -0
  10. package/dist/components/Carousel/Carousel.d.ts +140 -0
  11. package/dist/components/Carousel/Carousel.d.ts.map +1 -0
  12. package/dist/components/Carousel/Carousel.js +241 -0
  13. package/dist/components/Carousel/Carousel.stories.d.ts +13 -0
  14. package/dist/components/Carousel/Carousel.stories.d.ts.map +1 -0
  15. package/dist/components/Carousel/index.d.ts +2 -0
  16. package/dist/components/Carousel/index.d.ts.map +1 -0
  17. package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
  18. package/dist/components/DropdownMenu/DropdownMenu.js +1 -1
  19. package/dist/components/EdgeButton/EdgeButton.stories.d.ts.map +1 -1
  20. package/dist/components/Flex/Flex.d.ts +372 -1
  21. package/dist/components/Flex/Flex.d.ts.map +1 -1
  22. package/dist/components/Flex/Flex.js +61 -63
  23. package/dist/components/Flex/Flex.stories.d.ts.map +1 -1
  24. package/dist/components/Icons/Icons.stories.d.ts.map +1 -1
  25. package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -1
  26. package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
  27. package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts.map +1 -1
  28. package/dist/components/Pagination/Pagination.js +1 -1
  29. package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -1
  30. package/dist/components/Progress/Progress.d.ts +49 -0
  31. package/dist/components/Progress/Progress.d.ts.map +1 -0
  32. package/dist/components/Progress/Progress.js +64 -0
  33. package/dist/components/Progress/Progress.stories.d.ts +13 -0
  34. package/dist/components/Progress/Progress.stories.d.ts.map +1 -0
  35. package/dist/components/Progress/index.d.ts +2 -0
  36. package/dist/components/Progress/index.d.ts.map +1 -0
  37. package/dist/components/Reorderable/Reorderable.stories.d.ts.map +1 -1
  38. package/dist/components/Sheet/Sheet.d.ts +89 -0
  39. package/dist/components/Sheet/Sheet.d.ts.map +1 -0
  40. package/dist/components/Sheet/Sheet.js +189 -0
  41. package/dist/components/Sheet/Sheet.stories.d.ts +20 -0
  42. package/dist/components/Sheet/Sheet.stories.d.ts.map +1 -0
  43. package/dist/components/Sheet/index.d.ts +2 -0
  44. package/dist/components/Sheet/index.d.ts.map +1 -0
  45. package/dist/components/Slider/Slider.d.ts +65 -0
  46. package/dist/components/Slider/Slider.d.ts.map +1 -0
  47. package/dist/components/Slider/Slider.js +134 -0
  48. package/dist/components/Slider/Slider.stories.d.ts +12 -0
  49. package/dist/components/Slider/Slider.stories.d.ts.map +1 -0
  50. package/dist/components/Slider/index.d.ts +2 -0
  51. package/dist/components/Slider/index.d.ts.map +1 -0
  52. package/dist/components/TextEditor/TextEditor.stories.d.ts.map +1 -1
  53. package/dist/components/Typography/Typography.stories.d.ts.map +1 -1
  54. package/dist/components/index.d.ts +5 -0
  55. package/dist/components/index.d.ts.map +1 -1
  56. package/dist/globals.css +1 -0
  57. package/dist/index.js +310 -277
  58. package/dist/muza-ui.css +1 -1
  59. package/dist/styles/primitives.css +5 -1
  60. package/dist/styles/token-colors.css +175 -27
  61. package/dist/styles/token-sizes.css +594 -257
  62. package/dist/styles/typography.css +36 -7
  63. package/dist/translations/locales/cs.d.ts.map +1 -1
  64. package/dist/translations/locales/cs.js +17 -0
  65. package/dist/translations/locales/en.d.ts.map +1 -1
  66. package/dist/translations/locales/en.js +17 -0
  67. package/dist/translations/locales/sk.d.ts.map +1 -1
  68. package/dist/translations/locales/sk.js +19 -2
  69. package/dist/translations/types.d.ts +42 -0
  70. package/dist/translations/types.d.ts.map +1 -1
  71. package/dist/utils/cn.d.ts.map +1 -1
  72. package/dist/utils/cn.js +8 -2
  73. package/package.json +6 -3
@@ -29,17 +29,26 @@
29
29
  --spacing-8xl: var(--spacing-72);
30
30
  --spacing-9xl: var(--spacing-80);
31
31
  --spacing-10xl: var(--spacing-120);
32
- --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
33
- --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
34
- --spacing-comp-accordion-p-hor: var(--spacing-xl);
35
- --spacing-comp-accordion-radius: var(--radius-xl);
36
- --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
37
- --spacing-comp-accordion-p: var(--spacing-2xl);
32
+ --spacing-comp-accordion-branded-ico-size-sm: var(--spacing-md);
33
+ --spacing-comp-accordion-branded-ico-size-md: var(--spacing-lg);
34
+ --spacing-comp-accordion-branded-p-ver: var(--spacing-xl);
35
+ --radius-comp-accordion-branded-radius: var(--radius-xl);
36
+ --spacing-comp-accordion-branded-ico-size-lg: var(--spacing-2xl);
37
+ --spacing-comp-accordion-branded-p: var(--spacing-2xl);
38
+ --spacing-comp-accordion-default-ico-size-sm: var(--spacing-md);
39
+ --spacing-comp-accordion-default-ico-size-md: var(--spacing-lg);
40
+ --spacing-comp-accordion-default-p-ver: var(--spacing-xl);
41
+ --radius-comp-accordion-default-radius: var(--radius-xl);
42
+ --spacing-comp-accordion-default-ico-size-lg: var(--spacing-2xl);
43
+ --spacing-comp-accordion-default-p: var(--spacing-2xl);
44
+ --spacing-comp-accordion-inline-p-hor: var(--spacing-md);
45
+ --spacing-comp-accordion-inline-gap: var(--spacing-xl);
46
+ --spacing-comp-accordion-inline-p-ver: var(--spacing-xl);
38
47
  --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
39
- --spacing-comp-accordion-settings-radius: var(--radius-xl);
48
+ --radius-comp-accordion-settings-radius: var(--radius-xl);
40
49
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
41
50
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
42
- --spacing-comp-account-icon-radius: var(--radius-2xl);
51
+ --radius-comp-account-icon-radius: var(--radius-2xl);
43
52
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-96);
44
53
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
45
54
  --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
@@ -51,9 +60,27 @@
51
60
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
52
61
  --spacing-comp-alert-ico-size: var(--spacing-xl);
53
62
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
54
- --spacing-comp-alert-radius: var(--radius-2xl);
63
+ --radius-comp-alert-radius: var(--radius-2xl);
64
+ --spacing-comp-article-card-compact-gap: var(--spacing-sm);
65
+ --spacing-comp-article-card-compact-p-img: var(--spacing-lg);
66
+ --spacing-comp-article-card-compact-p-ver: var(--spacing-lg);
67
+ --spacing-comp-article-card-compact-p-hor: var(--spacing-xl);
68
+ --radius-comp-article-card-compact-radius: var(--radius-xl);
69
+ --spacing-comp-article-card-hero-large-gap-tags: var(--spacing-xs);
70
+ --spacing-comp-article-card-hero-large-p-bottom: var(--spacing-xl);
71
+ --radius-comp-article-card-hero-large-radius: var(--radius-xl);
72
+ --spacing-comp-article-card-hero-large-p: var(--spacing-3xl);
73
+ --spacing-comp-article-card-search-gap-text: var(--spacing-md);
74
+ --spacing-comp-article-card-search-p-top-text: var(--spacing-md);
75
+ --spacing-comp-article-card-search-p-img: var(--spacing-lg);
76
+ --radius-comp-article-card-search-radius-img: var(--radius-lg);
77
+ --spacing-comp-article-card-search-gap: var(--spacing-2xl);
78
+ --spacing-comp-article-card-search-h-img: 162px;
79
+ --spacing-comp-article-card-search-w-img: 288px;
55
80
  --spacing-comp-attachment-p: var(--spacing-2xl);
56
- --spacing-comp-avatar-radius: var(--radius-full);
81
+ --radius-comp-avatar-radius: var(--radius-full);
82
+ --spacing-comp-bar-banner-h: var(--spacing-40);
83
+ --spacing-comp-bar-banner-p: var(--spacing-layout-p-standard);
57
84
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
58
85
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
59
86
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-lg);
@@ -73,15 +100,15 @@
73
100
  --spacing-comp-button-w-def: var(--spacing-56);
74
101
  --spacing-comp-button-h-lg: var(--spacing-64);
75
102
  --spacing-comp-button-w-lg: var(--spacing-64);
76
- --spacing-comp-button-radius: var(--radius-full);
77
- --spacing-comp-button-radius-swipe: var(--radius-full);
78
- --spacing-comp-button-arrow-radius: var(--radius-full);
103
+ --radius-comp-button-radius: var(--radius-full);
104
+ --radius-comp-button-radius-swipe: var(--radius-full);
105
+ --radius-comp-button-arrow-radius: var(--radius-full);
79
106
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
80
107
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
81
108
  --spacing-comp-calendar-ico-size: var(--spacing-16);
82
- --spacing-comp-calendar-radius-card: var(--radius-xl);
109
+ --radius-comp-calendar-radius-card: var(--radius-xl);
83
110
  --spacing-comp-calendar-window-size: var(--spacing-40);
84
- --spacing-comp-calendar-radius-window: var(--radius-full);
111
+ --radius-comp-calendar-radius-window: var(--radius-full);
85
112
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
86
113
  --spacing-comp-card-category-p: var(--spacing-3xl);
87
114
  --spacing-comp-card-category-h: var(--spacing-96);
@@ -90,38 +117,39 @@
90
117
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
91
118
  --spacing-comp-card-account-gap-def: var(--spacing-lg);
92
119
  --spacing-comp-card-account-gap-mf: var(--spacing-xl);
93
- --spacing-comp-card-account-radius: var(--radius-2xl);
120
+ --radius-comp-card-account-radius: var(--radius-2xl);
94
121
  --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
95
122
  --spacing-comp-card-account-p-hor: var(--spacing-3xl);
96
123
  --spacing-comp-card-account-p-ver-def: var(--spacing-3xl);
97
124
  --spacing-comp-card-account-p-ver-lg: var(--spacing-4xl);
125
+ --spacing-comp-card-checkbox-p-bottom: var(--spacing-md);
126
+ --radius-comp-card-checkbox-radius: var(--radius-xl);
127
+ --spacing-comp-card-checkbox-p-hor: var(--spacing-2xl);
128
+ --spacing-comp-card-checkbox-p-ver: var(--spacing-2xl);
98
129
  --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
99
- --spacing-comp-card-checkout-radius: var(--radius-xl);
130
+ --radius-comp-card-checkout-radius: var(--radius-xl);
100
131
  --spacing-comp-card-checkout-p-hor: var(--spacing-2xl);
101
132
  --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
102
- --spacing-comp-card-magazine-radius: var(--radius-xl);
103
- --spacing-comp-card-magazine-p-bottom: var(--spacing-2xl);
104
- --spacing-comp-card-magazine-p: var(--spacing-3xl);
105
- --spacing-comp-card-muzain-radius: var(--radius-xl);
106
- --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
107
- --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
108
- --spacing-comp-card-offer-gap: var(--spacing-sm);
109
- --spacing-comp-card-offer-p-top: var(--spacing-lg);
110
- --spacing-comp-card-offer-p: var(--spacing-xl);
111
- --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
112
- --spacing-comp-card-offer-radius: var(--radius-xl);
113
- --spacing-comp-card-offer-logo-size: var(--spacing-72);
114
- --spacing-comp-card-offer-h: 294px;
133
+ --radius-comp-card-default-radius: var(--radius-xl);
134
+ --spacing-comp-card-default-p-hor: var(--spacing-2xl);
135
+ --spacing-comp-card-default-p-ver: var(--spacing-2xl);
136
+ --spacing-comp-carousel-gap: var(--spacing-md);
137
+ --spacing-comp-carousel-dots-gap: var(--spacing-lg);
138
+ --radius-comp-carousel-radius: var(--radius-lg);
139
+ --spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
140
+ --spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
115
141
  --spacing-comp-carousel-circle-size: var(--spacing-28);
142
+ --spacing-comp-carousel-arrow-offset: var(--spacing-3xl);
143
+ --spacing-comp-carousel-arrow-offset-v: var(--spacing-3xl);
116
144
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
117
- --spacing-comp-checkbox-radius: var(--radius-xs);
145
+ --radius-comp-checkbox-radius: var(--radius-xs);
118
146
  --spacing-comp-chip-gap: var(--spacing-6);
119
147
  --spacing-comp-chip-p-hor: var(--spacing-8);
120
148
  --spacing-comp-chip-p-ver: var(--spacing-12);
121
- --spacing-comp-chip-radius: var(--radius-full);
149
+ --radius-comp-chip-radius: var(--radius-full);
122
150
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
123
151
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
124
- --spacing-comp-dialog-radius: var(--radius-2xl);
152
+ --radius-comp-dialog-radius: var(--radius-2xl);
125
153
  --spacing-comp-dialog-p: var(--spacing-3xl);
126
154
  --spacing-comp-dialog-gap: var(--spacing-4xl);
127
155
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
@@ -135,34 +163,37 @@
135
163
  --spacing-comp-dialog-android-p-hor-sm: var(--spacing-sm);
136
164
  --spacing-comp-dialog-android-p-hor-def: var(--spacing-2xl);
137
165
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
138
- --spacing-comp-dot-size-divider: var(--spacing-4);
166
+ --spacing-comp-dot-divider-default: var(--spacing-4);
139
167
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
140
- --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
141
- --spacing-comp-dropdown-menu-radius: var(--radius-xl);
168
+ --radius-comp-dropdown-menu-radius-item: var(--radius-md);
169
+ --radius-comp-dropdown-menu-radius: var(--radius-xl);
142
170
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
143
171
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
144
- --spacing-comp-file-upload-radius: var(--radius-xl);
172
+ --radius-comp-file-upload-radius: var(--radius-xl);
145
173
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
146
174
  --spacing-comp-header-gap: var(--spacing-lg);
147
175
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
148
- --spacing-comp-help-button-radius: var(--radius-none);
149
- --spacing-comp-help-button-radius-left: var(--radius-2xl);
176
+ --radius-comp-help-banner-radius-sm: var(--radius-lg);
177
+ --radius-comp-help-banner-radius-def: var(--radius-xl);
178
+ --spacing-comp-help-banner-gap: var(--spacing-4xl);
179
+ --spacing-comp-help-banner-p-hor: var(--spacing-4xl);
180
+ --spacing-comp-help-banner-p-top: var(--spacing-4xl);
181
+ --spacing-comp-help-banner-p-ver: var(--spacing-4xl);
182
+ --radius-comp-help-button-radius: var(--radius-none);
183
+ --radius-comp-help-button-radius-left: var(--radius-2xl);
150
184
  --spacing-comp-help-button-p: var(--spacing-32);
151
185
  --spacing-comp-help-button-h: var(--spacing-56);
152
- --spacing-comp-hero-card-gap-sm: var(--spacing-md);
153
- --spacing-comp-hero-card-gap-def: var(--spacing-lg);
154
- --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
155
- --spacing-comp-hero-card-p-def: var(--spacing-3xl);
156
186
  --spacing-comp-input-gap: var(--spacing-8);
157
- --spacing-comp-input-radius-pin: var(--radius-sm);
187
+ --radius-comp-input-radius-pin: var(--radius-sm);
158
188
  --spacing-comp-input-spacing-pin: var(--spacing-8);
189
+ --spacing-comp-input-dot-size: 10px;
159
190
  --spacing-comp-input-p-xsm: var(--spacing-16);
160
191
  --spacing-comp-input-p-hor: var(--spacing-24);
161
192
  --spacing-comp-input-h-xsm: var(--spacing-36);
162
193
  --spacing-comp-input-h-small: var(--spacing-48);
163
194
  --spacing-comp-input-h-def: var(--spacing-56);
164
195
  --spacing-comp-input-h-large: var(--spacing-64);
165
- --spacing-comp-input-radius: var(--radius-full);
196
+ --radius-comp-input-radius: var(--radius-full);
166
197
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
167
198
  --spacing-comp-login-circle-size: var(--spacing-80);
168
199
  --spacing-comp-market-card-p-hor: var(--spacing-20);
@@ -172,11 +203,45 @@
172
203
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
173
204
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
174
205
  --spacing-comp-market-category-ico-bg-size-lg: 140px;
206
+ --spacing-comp-market-logo-h: var(--spacing-28);
175
207
  --spacing-comp-notification-gap: var(--spacing-12);
176
- --spacing-comp-notification-radius: var(--radius-md);
208
+ --radius-comp-notification-radius: var(--radius-md);
177
209
  --spacing-comp-notification-p-hor: var(--spacing-16);
178
210
  --spacing-comp-notification-p-ver: var(--spacing-16);
211
+ --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
212
+ --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
213
+ --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
214
+ --spacing-comp-offer-card-compact-p: var(--spacing-xl);
215
+ --radius-comp-offer-card-compact-radius: var(--radius-xl);
216
+ --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
217
+ --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
218
+ --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
219
+ --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
220
+ --radius-comp-offer-card-search-radius-img: var(--radius-lg);
221
+ --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
222
+ --spacing-comp-offer-card-search-h-img: 162px;
223
+ --spacing-comp-offer-card-search-w-img: 288px;
179
224
  --spacing-comp-paggination-size: var(--spacing-3xl);
225
+ --spacing-comp-partner-card-hero-large-gap: var(--spacing-lg);
226
+ --radius-comp-partner-card-hero-large-radius: var(--radius-xl);
227
+ --spacing-comp-partner-card-hero-large-p: var(--spacing-3xl);
228
+ --spacing-comp-partner-card-hero-sm-gap: var(--spacing-md);
229
+ --radius-comp-partner-card-hero-sm-radius: var(--radius-xl);
230
+ --spacing-comp-partner-card-hero-sm-p: var(--spacing-2xl);
231
+ --spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
232
+ --radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
233
+ --spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
234
+ --spacing-comp-partner-card-list-view-h-img: 112px;
235
+ --spacing-comp-partner-card-list-view-w-img: 112px;
236
+ --spacing-comp-partner-card-search-logo-stroke: var(--spacing-2);
237
+ --spacing-comp-partner-card-search-p-img: var(--spacing-sm);
238
+ --spacing-comp-partner-card-search-gap-text: var(--spacing-md);
239
+ --spacing-comp-partner-card-search-p-top-text: var(--spacing-md);
240
+ --radius-comp-partner-card-search-radius-img: var(--radius-lg);
241
+ --spacing-comp-partner-card-search-gap: var(--spacing-2xl);
242
+ --spacing-comp-partner-card-search-logo-size: var(--spacing-96);
243
+ --spacing-comp-partner-card-search-h-img: 162px;
244
+ --spacing-comp-partner-card-search-w-img: 288px;
180
245
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
181
246
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
182
247
  --spacing-comp-paygate-table-p-hor: var(--spacing-24);
@@ -185,17 +250,21 @@
185
250
  --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
186
251
  --spacing-comp-pin-indicator-size: var(--spacing-12);
187
252
  --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
253
+ --spacing-comp-progress-h-sm: var(--spacing-4);
254
+ --spacing-comp-progress-h-md: var(--spacing-6);
255
+ --spacing-comp-progress-h-lg: var(--spacing-8);
256
+ --radius-comp-progress-radius: var(--radius-full);
188
257
  --spacing-comp-quantity-selector-p-hor: var(--spacing-lg);
189
258
  --spacing-comp-quantity-selector-p-ver: var(--spacing-xl);
190
259
  --spacing-comp-radio-w-stroke: var(--spacing-1);
191
260
  --spacing-comp-radio-dot-size: var(--spacing-10);
192
261
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
193
- --spacing-comp-segmented-control-radius-item: var(--radius-sm);
262
+ --radius-comp-segmented-control-radius-item: var(--radius-sm);
194
263
  --spacing-comp-segmented-control-p: var(--spacing-12);
195
- --spacing-comp-segmented-control-radius: var(--radius-md);
264
+ --radius-comp-segmented-control-radius: var(--radius-md);
196
265
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
197
266
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
198
- --spacing-comp-segmented-icon-control-radius: var(--radius-full);
267
+ --radius-comp-segmented-icon-control-radius: var(--radius-full);
199
268
  --spacing-comp-select-p-large: var(--spacing-16);
200
269
  --spacing-comp-select-p-xsm: var(--spacing-16);
201
270
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -203,17 +272,26 @@
203
272
  --spacing-comp-select-h-small: var(--spacing-48);
204
273
  --spacing-comp-select-h-def: var(--spacing-56);
205
274
  --spacing-comp-select-h-large: var(--spacing-64);
206
- --spacing-comp-select-radius: var(--radius-full);
275
+ --radius-comp-select-radius: var(--radius-full);
207
276
  --spacing-comp-select-icon-size: var(--spacing-24);
208
- --spacing-comp-sheet-gap: 16px;
209
- --spacing-comp-sheet-p-hor-def: 24px;
210
- --spacing-comp-sheet-p-ver-def: 24px;
277
+ --radius-comp-sheet-radius: var(--radius-none);
278
+ --spacing-comp-sheet-p-ver-sm: var(--spacing-xl);
279
+ --spacing-comp-sheet-gap: var(--spacing-2xl);
280
+ --spacing-comp-sheet-p-ver-def: var(--spacing-2xl);
281
+ --spacing-comp-sheet-p: var(--spacing-3xl);
211
282
  --spacing-comp-sheet-h-sm: 240px;
212
283
  --spacing-comp-sheet-h-md: 360px;
213
284
  --spacing-comp-sheet-w-sm: 400px;
214
285
  --spacing-comp-sheet-h-lg: 520px;
215
286
  --spacing-comp-sheet-w-md: 640px;
216
287
  --spacing-comp-sheet-w-lg: 720px;
288
+ --spacing-comp-slider-track-h-sm: var(--spacing-4);
289
+ --spacing-comp-slider-track-h-md: var(--spacing-6);
290
+ --spacing-comp-slider-track-h-lg: var(--spacing-8);
291
+ --spacing-comp-slider-thumb-size-sm: var(--spacing-12);
292
+ --spacing-comp-slider-thumb-size-md: var(--spacing-16);
293
+ --spacing-comp-slider-thumb-size-lg: var(--spacing-24);
294
+ --radius-comp-slider-radius-track: var(--radius-full);
217
295
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
218
296
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
219
297
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -223,13 +301,13 @@
223
301
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
224
302
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
225
303
  --spacing-comp-switch-height-def: 0px;
226
- --spacing-comp-switch-radius: var(--radius-full);
304
+ --radius-comp-switch-radius: var(--radius-full);
227
305
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
228
306
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
229
307
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
230
308
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
231
- --spacing-comp-table-radius-sm: var(--radius-lg);
232
- --spacing-comp-table-radius-def: var(--radius-xl);
309
+ --radius-comp-table-radius-sm: var(--radius-lg);
310
+ --radius-comp-table-radius-def: var(--radius-xl);
233
311
  --spacing-comp-table-p: var(--spacing-2xl);
234
312
  --spacing-comp-table-img-size: var(--spacing-40);
235
313
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -238,25 +316,29 @@
238
316
  --spacing-comp-tag-ico-size: var(--spacing-16);
239
317
  --spacing-comp-tag-h-sm: var(--spacing-24);
240
318
  --spacing-comp-tag-h-def: var(--spacing-32);
241
- --spacing-comp-tag-radius: var(--radius-full);
242
- --spacing-comp-text-area-radius: var(--radius-xl);
243
- --spacing-comp-texteditor-radius: var(--radius-xl);
319
+ --radius-comp-tag-radius: var(--radius-full);
320
+ --radius-comp-text-area-radius: var(--radius-xl);
321
+ --radius-comp-texteditor-radius: var(--radius-xl);
244
322
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
245
- --spacing-comp-time-picker-container-h: var(--spacing-56);
246
323
  --spacing-comp-toast-p-hor: var(--spacing-20);
247
324
  --spacing-comp-toast-p-ver: var(--spacing-20);
248
- --spacing-comp-toast-radius: var(--radius-xl);
325
+ --radius-comp-toast-radius: var(--radius-xl);
249
326
  --spacing-comp-toggle-number-size: var(--spacing-24);
250
- --spacing-comp-toggle-number-radius: var(--radius-3xl);
327
+ --radius-comp-toggle-number-radius: var(--radius-3xl);
251
328
  --spacing-comp-tooltip-p-hor: var(--spacing-12);
252
- --spacing-comp-tooltip-radius: var(--radius-md);
329
+ --radius-comp-tooltip-radius: var(--radius-md);
253
330
  --spacing-comp-tooltip-p-ver: var(--spacing-16);
254
331
  --spacing-comp-view-client-p-hor: var(--spacing-sm);
255
332
  --spacing-comp-view-client-p-left: var(--spacing-sm);
256
333
  --spacing-comp-view-client-p-right: var(--spacing-lg);
257
334
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
258
335
  --spacing-comp-view-client-gap: var(--spacing-4xl);
259
- --spacing-comp-view-client-corner-radius: var(--radius-full);
336
+ --radius-comp-view-client-corner-radius: var(--radius-full);
337
+ --spacing-comp-voucher-listview-p: var(--spacing-sm);
338
+ --radius-comp-voucher-listview-radius-img: var(--radius-lg);
339
+ --spacing-comp-voucher-listview-gap: var(--spacing-2xl);
340
+ --spacing-comp-voucher-listview-h-img: 81px;
341
+ --spacing-comp-voucher-listview-w-img: 144px;
260
342
  --spacing-comp-webcheckout-logo-h: var(--spacing-48);
261
343
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
262
344
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
@@ -287,7 +369,10 @@
287
369
  --spacing-layout-p-standard: var(--spacing-120);
288
370
  --spacing-layout-w-admin-settings: 690px;
289
371
  --spacing-layout-admin-max-w: 1194px;
372
+ --spacing-layout-login-p-hor: var(--spacing-24);
373
+ --spacing-layout-login-p-ver: var(--spacing-24);
290
374
  }
375
+
291
376
  /* max 1024px */
292
377
  @media (width < 64rem) {
293
378
  :root {
@@ -320,17 +405,26 @@
320
405
  --spacing-8xl: var(--spacing-72);
321
406
  --spacing-9xl: var(--spacing-80);
322
407
  --spacing-10xl: var(--spacing-120);
323
- --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
324
- --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
325
- --spacing-comp-accordion-p-hor: var(--spacing-xl);
326
- --spacing-comp-accordion-radius: var(--radius-xl);
327
- --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
328
- --spacing-comp-accordion-p: var(--spacing-2xl);
408
+ --spacing-comp-accordion-branded-ico-size-sm: var(--spacing-md);
409
+ --spacing-comp-accordion-branded-ico-size-md: var(--spacing-lg);
410
+ --spacing-comp-accordion-branded-p-ver: var(--spacing-xl);
411
+ --radius-comp-accordion-branded-radius: var(--radius-xl);
412
+ --spacing-comp-accordion-branded-ico-size-lg: var(--spacing-2xl);
413
+ --spacing-comp-accordion-branded-p: var(--spacing-2xl);
414
+ --spacing-comp-accordion-default-ico-size-sm: var(--spacing-md);
415
+ --spacing-comp-accordion-default-ico-size-md: var(--spacing-lg);
416
+ --spacing-comp-accordion-default-p-ver: var(--spacing-xl);
417
+ --radius-comp-accordion-default-radius: var(--radius-xl);
418
+ --spacing-comp-accordion-default-ico-size-lg: var(--spacing-2xl);
419
+ --spacing-comp-accordion-default-p: var(--spacing-2xl);
420
+ --spacing-comp-accordion-inline-p-hor: var(--spacing-md);
421
+ --spacing-comp-accordion-inline-gap: var(--spacing-xl);
422
+ --spacing-comp-accordion-inline-p-ver: var(--spacing-xl);
329
423
  --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
330
- --spacing-comp-accordion-settings-radius: var(--radius-xl);
424
+ --radius-comp-accordion-settings-radius: var(--radius-xl);
331
425
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
332
426
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
333
- --spacing-comp-account-icon-radius: var(--radius-2xl);
427
+ --radius-comp-account-icon-radius: var(--radius-2xl);
334
428
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-80);
335
429
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
336
430
  --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
@@ -341,10 +435,28 @@
341
435
  --spacing-comp-alert-hor-p-lg: var(--spacing-md);
342
436
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
343
437
  --spacing-comp-alert-ico-size: var(--spacing-xl);
344
- --spacing-comp-alert-radius: var(--radius-2xl);
438
+ --radius-comp-alert-radius: var(--radius-2xl);
345
439
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
440
+ --spacing-comp-article-card-compact-gap: var(--spacing-sm);
441
+ --spacing-comp-article-card-compact-p-img: var(--spacing-lg);
442
+ --spacing-comp-article-card-compact-p-ver: var(--spacing-lg);
443
+ --spacing-comp-article-card-compact-p-hor: var(--spacing-xl);
444
+ --radius-comp-article-card-compact-radius: var(--radius-xl);
445
+ --spacing-comp-article-card-hero-large-gap-tags: var(--spacing-xs);
446
+ --radius-comp-article-card-hero-large-radius: var(--radius-xl);
447
+ --spacing-comp-article-card-hero-large-p-bottom: var(--spacing-2xl);
448
+ --spacing-comp-article-card-hero-large-p: var(--spacing-3xl);
449
+ --spacing-comp-article-card-search-gap-text: var(--spacing-md);
450
+ --spacing-comp-article-card-search-p-top-text: var(--spacing-md);
451
+ --spacing-comp-article-card-search-p-img: var(--spacing-lg);
452
+ --radius-comp-article-card-search-radius-img: var(--radius-lg);
453
+ --spacing-comp-article-card-search-gap: var(--spacing-2xl);
454
+ --spacing-comp-article-card-search-h-img: 162px;
455
+ --spacing-comp-article-card-search-w-img: 288px;
346
456
  --spacing-comp-attachment-p: var(--spacing-2xl);
347
- --spacing-comp-avatar-radius: var(--radius-full);
457
+ --radius-comp-avatar-radius: var(--radius-full);
458
+ --spacing-comp-bar-banner-h: var(--spacing-40);
459
+ --spacing-comp-bar-banner-p: var(--spacing-layout-p-standard);
348
460
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
349
461
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
350
462
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-md);
@@ -364,15 +476,15 @@
364
476
  --spacing-comp-button-w-def: var(--spacing-56);
365
477
  --spacing-comp-button-h-lg: var(--spacing-64);
366
478
  --spacing-comp-button-w-lg: var(--spacing-64);
367
- --spacing-comp-button-radius: var(--radius-full);
368
- --spacing-comp-button-radius-swipe: var(--radius-full);
369
- --spacing-comp-button-arrow-radius: var(--radius-full);
479
+ --radius-comp-button-radius: var(--radius-full);
480
+ --radius-comp-button-radius-swipe: var(--radius-full);
481
+ --radius-comp-button-arrow-radius: var(--radius-full);
370
482
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
371
483
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
372
484
  --spacing-comp-calendar-ico-size: var(--spacing-16);
373
- --spacing-comp-calendar-radius-card: var(--radius-xl);
485
+ --radius-comp-calendar-radius-card: var(--radius-xl);
374
486
  --spacing-comp-calendar-window-size: var(--spacing-40);
375
- --spacing-comp-calendar-radius-window: var(--radius-full);
487
+ --radius-comp-calendar-radius-window: var(--radius-full);
376
488
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
377
489
  --spacing-comp-card-category-p: var(--spacing-2xl);
378
490
  --spacing-comp-card-category-h: var(--spacing-96);
@@ -381,37 +493,38 @@
381
493
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-7xl);
382
494
  --spacing-comp-card-account-gap-def: var(--spacing-lg);
383
495
  --spacing-comp-card-account-gap-mf: var(--spacing-xl);
384
- --spacing-comp-card-account-radius: var(--radius-2xl);
496
+ --radius-comp-card-account-radius: var(--radius-2xl);
385
497
  --spacing-comp-card-account-p-hor: var(--spacing-2xl);
386
498
  --spacing-comp-card-account-p-ver-def: var(--spacing-2xl);
387
499
  --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
388
500
  --spacing-comp-card-account-p-ver-lg: var(--spacing-3xl);
501
+ --spacing-comp-card-checkbox-p-bottom: var(--spacing-md);
502
+ --spacing-comp-card-checkbox-p-hor: var(--spacing-xl);
503
+ --radius-comp-card-checkbox-radius: var(--radius-xl);
504
+ --spacing-comp-card-checkbox-p-ver: var(--spacing-2xl);
389
505
  --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
390
506
  --spacing-comp-card-checkout-p-hor: var(--spacing-xl);
391
- --spacing-comp-card-checkout-radius: var(--radius-xl);
507
+ --radius-comp-card-checkout-radius: var(--radius-xl);
392
508
  --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
393
- --spacing-comp-card-magazine-p-bottom: var(--spacing-xl);
394
- --spacing-comp-card-magazine-radius: var(--radius-xl);
395
- --spacing-comp-card-magazine-p: var(--spacing-2xl);
396
- --spacing-comp-card-muzain-radius: var(--radius-xl);
397
- --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
398
- --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
399
- --spacing-comp-card-offer-gap: var(--spacing-sm);
400
- --spacing-comp-card-offer-p-top: var(--spacing-lg);
401
- --spacing-comp-card-offer-p: var(--spacing-xl);
402
- --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
403
- --spacing-comp-card-offer-radius: var(--radius-xl);
404
- --spacing-comp-card-offer-logo-size: var(--spacing-72);
405
- --spacing-comp-card-offer-h: 294px;
509
+ --radius-comp-card-default-radius: var(--radius-xl);
510
+ --spacing-comp-card-default-p-hor: var(--spacing-2xl);
511
+ --spacing-comp-card-default-p-ver: var(--spacing-2xl);
512
+ --spacing-comp-carousel-gap: var(--spacing-md);
513
+ --spacing-comp-carousel-dots-gap: var(--spacing-lg);
514
+ --radius-comp-carousel-radius: var(--radius-lg);
515
+ --spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
516
+ --spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
406
517
  --spacing-comp-carousel-circle-size: var(--spacing-28);
518
+ --spacing-comp-carousel-arrow-offset: var(--spacing-3xl);
519
+ --spacing-comp-carousel-arrow-offset-v: var(--spacing-3xl);
407
520
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
408
- --spacing-comp-checkbox-radius: var(--radius-xs);
521
+ --radius-comp-checkbox-radius: var(--radius-xs);
409
522
  --spacing-comp-chip-gap: var(--spacing-6);
410
523
  --spacing-comp-chip-p-hor: var(--spacing-8);
411
524
  --spacing-comp-chip-p-ver: var(--spacing-12);
412
- --spacing-comp-chip-radius: var(--radius-full);
525
+ --radius-comp-chip-radius: var(--radius-full);
413
526
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
414
- --spacing-comp-dialog-radius: var(--radius-2xl);
527
+ --radius-comp-dialog-radius: var(--radius-2xl);
415
528
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
416
529
  --spacing-comp-dialog-p: var(--spacing-3xl);
417
530
  --spacing-comp-dialog-gap: var(--spacing-4xl);
@@ -426,34 +539,37 @@
426
539
  --spacing-comp-dialog-android-p-hor-sm: var(--spacing-sm);
427
540
  --spacing-comp-dialog-android-p-hor-def: var(--spacing-2xl);
428
541
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
429
- --spacing-comp-dot-size-divider: var(--spacing-4);
542
+ --spacing-comp-dot-divider-default: var(--spacing-4);
430
543
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
431
- --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
432
- --spacing-comp-dropdown-menu-radius: var(--radius-xl);
544
+ --radius-comp-dropdown-menu-radius-item: var(--radius-md);
545
+ --radius-comp-dropdown-menu-radius: var(--radius-xl);
433
546
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
434
547
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
435
- --spacing-comp-file-upload-radius: var(--radius-xl);
548
+ --radius-comp-file-upload-radius: var(--radius-xl);
436
549
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
437
550
  --spacing-comp-header-gap: var(--spacing-lg);
438
551
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
439
- --spacing-comp-help-button-radius: var(--radius-none);
440
- --spacing-comp-help-button-radius-left: var(--radius-2xl);
552
+ --radius-comp-help-banner-radius-sm: var(--radius-lg);
553
+ --radius-comp-help-banner-radius-def: var(--radius-xl);
554
+ --spacing-comp-help-banner-gap: var(--spacing-3xl);
555
+ --spacing-comp-help-banner-p-hor: var(--spacing-4xl);
556
+ --spacing-comp-help-banner-p-top: var(--spacing-4xl);
557
+ --spacing-comp-help-banner-p-ver: var(--spacing-4xl);
558
+ --radius-comp-help-button-radius: var(--radius-none);
559
+ --radius-comp-help-button-radius-left: var(--radius-2xl);
441
560
  --spacing-comp-help-button-p: var(--spacing-24);
442
561
  --spacing-comp-help-button-h: var(--spacing-56);
443
- --spacing-comp-hero-card-gap-sm: var(--spacing-md);
444
- --spacing-comp-hero-card-gap-def: var(--spacing-lg);
445
- --spacing-comp-hero-card-p-def: var(--spacing-2xl);
446
- --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
447
562
  --spacing-comp-input-gap: var(--spacing-8);
448
- --spacing-comp-input-radius-pin: var(--radius-sm);
563
+ --radius-comp-input-radius-pin: var(--radius-sm);
449
564
  --spacing-comp-input-spacing-pin: var(--spacing-8);
565
+ --spacing-comp-input-dot-size: 10px;
450
566
  --spacing-comp-input-p-xsm: var(--spacing-16);
451
567
  --spacing-comp-input-p-hor: var(--spacing-24);
452
568
  --spacing-comp-input-h-xsm: var(--spacing-36);
453
569
  --spacing-comp-input-h-small: var(--spacing-48);
454
570
  --spacing-comp-input-h-def: var(--spacing-56);
455
571
  --spacing-comp-input-h-large: var(--spacing-64);
456
- --spacing-comp-input-radius: var(--radius-full);
572
+ --radius-comp-input-radius: var(--radius-full);
457
573
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
458
574
  --spacing-comp-login-circle-size: var(--spacing-80);
459
575
  --spacing-comp-market-card-p-hor: var(--spacing-20);
@@ -463,11 +579,45 @@
463
579
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
464
580
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
465
581
  --spacing-comp-market-category-ico-bg-size-lg: 100px;
582
+ --spacing-comp-market-logo-h: var(--spacing-28);
466
583
  --spacing-comp-notification-gap: var(--spacing-12);
467
- --spacing-comp-notification-radius: var(--radius-md);
584
+ --radius-comp-notification-radius: var(--radius-md);
468
585
  --spacing-comp-notification-p-hor: var(--spacing-16);
469
586
  --spacing-comp-notification-p-ver: var(--spacing-16);
587
+ --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
588
+ --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
589
+ --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
590
+ --spacing-comp-offer-card-compact-p: var(--spacing-xl);
591
+ --radius-comp-offer-card-compact-radius: var(--radius-xl);
592
+ --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
593
+ --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
594
+ --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
595
+ --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
596
+ --radius-comp-offer-card-search-radius-img: var(--radius-lg);
597
+ --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
598
+ --spacing-comp-offer-card-search-h-img: 162px;
599
+ --spacing-comp-offer-card-search-w-img: 288px;
470
600
  --spacing-comp-paggination-size: var(--spacing-3xl);
601
+ --spacing-comp-partner-card-hero-large-gap: var(--spacing-lg);
602
+ --radius-comp-partner-card-hero-large-radius: var(--radius-xl);
603
+ --spacing-comp-partner-card-hero-large-p: var(--spacing-2xl);
604
+ --spacing-comp-partner-card-hero-sm-gap: var(--spacing-md);
605
+ --radius-comp-partner-card-hero-sm-radius: var(--radius-xl);
606
+ --spacing-comp-partner-card-hero-sm-p: var(--spacing-2xl);
607
+ --spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
608
+ --radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
609
+ --spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
610
+ --spacing-comp-partner-card-list-view-h-img: 112px;
611
+ --spacing-comp-partner-card-list-view-w-img: 112px;
612
+ --spacing-comp-partner-card-search-logo-stroke: var(--spacing-2);
613
+ --spacing-comp-partner-card-search-p-img: var(--spacing-sm);
614
+ --spacing-comp-partner-card-search-gap-text: var(--spacing-md);
615
+ --spacing-comp-partner-card-search-p-top-text: var(--spacing-md);
616
+ --radius-comp-partner-card-search-radius-img: var(--radius-lg);
617
+ --spacing-comp-partner-card-search-gap: var(--spacing-2xl);
618
+ --spacing-comp-partner-card-search-logo-size: var(--spacing-96);
619
+ --spacing-comp-partner-card-search-h-img: 162px;
620
+ --spacing-comp-partner-card-search-w-img: 288px;
471
621
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
472
622
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
473
623
  --spacing-comp-paygate-table-p-hor: var(--spacing-24);
@@ -476,17 +626,21 @@
476
626
  --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
477
627
  --spacing-comp-pin-indicator-size: var(--spacing-12);
478
628
  --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
629
+ --spacing-comp-progress-h-sm: var(--spacing-4);
630
+ --spacing-comp-progress-h-md: var(--spacing-6);
631
+ --spacing-comp-progress-h-lg: var(--spacing-8);
632
+ --radius-comp-progress-radius: var(--radius-full);
479
633
  --spacing-comp-quantity-selector-p-hor: var(--spacing-lg);
480
634
  --spacing-comp-quantity-selector-p-ver: var(--spacing-xl);
481
635
  --spacing-comp-radio-w-stroke: var(--spacing-1);
482
636
  --spacing-comp-radio-dot-size: var(--spacing-10);
483
637
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
484
- --spacing-comp-segmented-control-radius-item: var(--radius-sm);
638
+ --radius-comp-segmented-control-radius-item: var(--radius-sm);
485
639
  --spacing-comp-segmented-control-p: var(--spacing-12);
486
- --spacing-comp-segmented-control-radius: var(--radius-md);
640
+ --radius-comp-segmented-control-radius: var(--radius-md);
487
641
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
488
642
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
489
- --spacing-comp-segmented-icon-control-radius: var(--radius-full);
643
+ --radius-comp-segmented-icon-control-radius: var(--radius-full);
490
644
  --spacing-comp-select-p-large: var(--spacing-16);
491
645
  --spacing-comp-select-p-xsm: var(--spacing-16);
492
646
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -494,17 +648,26 @@
494
648
  --spacing-comp-select-h-small: var(--spacing-48);
495
649
  --spacing-comp-select-h-def: var(--spacing-56);
496
650
  --spacing-comp-select-h-large: var(--spacing-64);
497
- --spacing-comp-select-radius: var(--radius-full);
651
+ --radius-comp-select-radius: var(--radius-full);
498
652
  --spacing-comp-select-icon-size: var(--spacing-24);
499
- --spacing-comp-sheet-gap: 16px;
500
- --spacing-comp-sheet-p-hor-def: 24px;
501
- --spacing-comp-sheet-p-ver-def: 24px;
653
+ --radius-comp-sheet-radius: var(--radius-none);
654
+ --spacing-comp-sheet-p-ver-sm: var(--spacing-xl);
655
+ --spacing-comp-sheet-gap: var(--spacing-2xl);
656
+ --spacing-comp-sheet-p-ver-def: var(--spacing-2xl);
657
+ --spacing-comp-sheet-p: var(--spacing-3xl);
502
658
  --spacing-comp-sheet-h-sm: 240px;
503
659
  --spacing-comp-sheet-h-md: 360px;
504
660
  --spacing-comp-sheet-w-sm: 400px;
505
661
  --spacing-comp-sheet-h-lg: 520px;
506
662
  --spacing-comp-sheet-w-md: 640px;
507
663
  --spacing-comp-sheet-w-lg: 720px;
664
+ --spacing-comp-slider-track-h-sm: var(--spacing-4);
665
+ --spacing-comp-slider-track-h-md: var(--spacing-6);
666
+ --spacing-comp-slider-track-h-lg: var(--spacing-8);
667
+ --spacing-comp-slider-thumb-size-sm: var(--spacing-12);
668
+ --spacing-comp-slider-thumb-size-md: var(--spacing-16);
669
+ --spacing-comp-slider-thumb-size-lg: var(--spacing-24);
670
+ --radius-comp-slider-radius-track: var(--radius-full);
508
671
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
509
672
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
510
673
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -514,13 +677,13 @@
514
677
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
515
678
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
516
679
  --spacing-comp-switch-height-def: 0px;
517
- --spacing-comp-switch-radius: var(--radius-full);
680
+ --radius-comp-switch-radius: var(--radius-full);
518
681
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
519
682
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
520
683
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
521
684
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
522
- --spacing-comp-table-radius-sm: var(--radius-lg);
523
- --spacing-comp-table-radius-def: var(--radius-xl);
685
+ --radius-comp-table-radius-sm: var(--radius-lg);
686
+ --radius-comp-table-radius-def: var(--radius-xl);
524
687
  --spacing-comp-table-p: var(--spacing-2xl);
525
688
  --spacing-comp-table-img-size: var(--spacing-40);
526
689
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -529,25 +692,29 @@
529
692
  --spacing-comp-tag-ico-size: var(--spacing-16);
530
693
  --spacing-comp-tag-h-sm: var(--spacing-24);
531
694
  --spacing-comp-tag-h-def: var(--spacing-32);
532
- --spacing-comp-tag-radius: var(--radius-full);
533
- --spacing-comp-text-area-radius: var(--radius-xl);
534
- --spacing-comp-texteditor-radius: var(--radius-xl);
695
+ --radius-comp-tag-radius: var(--radius-full);
696
+ --radius-comp-text-area-radius: var(--radius-xl);
697
+ --radius-comp-texteditor-radius: var(--radius-xl);
535
698
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
536
- --spacing-comp-time-picker-container-h: var(--spacing-56);
537
699
  --spacing-comp-toast-p-hor: var(--spacing-20);
538
700
  --spacing-comp-toast-p-ver: var(--spacing-20);
539
- --spacing-comp-toast-radius: var(--radius-xl);
540
- --spacing-comp-toggle-number-radius: var(--radius-3xl);
701
+ --radius-comp-toast-radius: var(--radius-xl);
702
+ --radius-comp-toggle-number-radius: var(--radius-3xl);
541
703
  --spacing-comp-toggle-number-size: var(--spacing-24);
542
704
  --spacing-comp-tooltip-p-hor: var(--spacing-12);
543
- --spacing-comp-tooltip-radius: var(--radius-md);
705
+ --radius-comp-tooltip-radius: var(--radius-md);
544
706
  --spacing-comp-tooltip-p-ver: var(--spacing-16);
545
707
  --spacing-comp-view-client-p-hor: var(--spacing-md);
546
708
  --spacing-comp-view-client-p-right: var(--spacing-md);
547
709
  --spacing-comp-view-client-p-left: var(--spacing-lg);
548
- --spacing-comp-view-client-corner-radius: var(--radius-3xl);
710
+ --radius-comp-view-client-corner-radius: var(--radius-3xl);
549
711
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
550
712
  --spacing-comp-view-client-gap: var(--spacing-4xl);
713
+ --spacing-comp-voucher-listview-p: var(--spacing-sm);
714
+ --radius-comp-voucher-listview-radius-img: var(--radius-lg);
715
+ --spacing-comp-voucher-listview-gap: var(--spacing-2xl);
716
+ --spacing-comp-voucher-listview-h-img: 81px;
717
+ --spacing-comp-voucher-listview-w-img: 144px;
551
718
  --spacing-comp-webcheckout-logo-h: var(--spacing-40);
552
719
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
553
720
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
@@ -578,6 +745,8 @@
578
745
  --spacing-layout-p-bottom: var(--spacing-120);
579
746
  --spacing-layout-w-admin-settings: 672px;
580
747
  --spacing-layout-admin-max-w: 720px;
748
+ --spacing-layout-login-p-ver: var(--spacing-24);
749
+ --spacing-layout-login-p-hor: var(--spacing-layout-p-standard);
581
750
  }
582
751
  }
583
752
 
@@ -613,17 +782,26 @@
613
782
  --spacing-8xl: var(--spacing-72);
614
783
  --spacing-9xl: var(--spacing-80);
615
784
  --spacing-10xl: var(--spacing-120);
616
- --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
617
- --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
618
- --spacing-comp-accordion-p: var(--spacing-lg);
619
- --spacing-comp-accordion-p-hor: var(--spacing-lg);
620
- --spacing-comp-accordion-radius: var(--radius-xl);
621
- --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
785
+ --spacing-comp-accordion-branded-ico-size-sm: var(--spacing-md);
786
+ --spacing-comp-accordion-branded-ico-size-md: var(--spacing-lg);
787
+ --spacing-comp-accordion-branded-p: var(--spacing-lg);
788
+ --spacing-comp-accordion-branded-p-ver: var(--spacing-lg);
789
+ --radius-comp-accordion-branded-radius: var(--radius-xl);
790
+ --spacing-comp-accordion-branded-ico-size-lg: var(--spacing-2xl);
791
+ --spacing-comp-accordion-default-ico-size-sm: var(--spacing-md);
792
+ --spacing-comp-accordion-default-ico-size-md: var(--spacing-lg);
793
+ --spacing-comp-accordion-default-p: var(--spacing-lg);
794
+ --spacing-comp-accordion-default-p-ver: var(--spacing-lg);
795
+ --radius-comp-accordion-default-radius: var(--radius-xl);
796
+ --spacing-comp-accordion-default-ico-size-lg: var(--spacing-2xl);
797
+ --spacing-comp-accordion-inline-p-hor: var(--spacing-sm);
798
+ --spacing-comp-accordion-inline-gap: var(--spacing-lg);
799
+ --spacing-comp-accordion-inline-p-ver: var(--spacing-xl);
622
800
  --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
623
801
  --spacing-comp-accordion-settings-p: var(--spacing-lg);
624
- --spacing-comp-accordion-settings-radius: var(--radius-xl);
802
+ --radius-comp-accordion-settings-radius: var(--radius-xl);
625
803
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
626
- --spacing-comp-account-icon-radius: var(--radius-md);
804
+ --radius-comp-account-icon-radius: var(--radius-md);
627
805
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-56);
628
806
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
629
807
  --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
@@ -634,10 +812,28 @@
634
812
  --spacing-comp-alert-hor-p-lg: var(--spacing-md);
635
813
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
636
814
  --spacing-comp-alert-ico-size: var(--spacing-xl);
637
- --spacing-comp-alert-radius: var(--radius-2xl);
815
+ --radius-comp-alert-radius: var(--radius-2xl);
638
816
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
817
+ --spacing-comp-article-card-compact-gap: var(--spacing-sm);
818
+ --spacing-comp-article-card-compact-p-img: var(--spacing-lg);
819
+ --spacing-comp-article-card-compact-p-ver: var(--spacing-lg);
820
+ --spacing-comp-article-card-compact-p-hor: var(--spacing-xl);
821
+ --radius-comp-article-card-compact-radius: var(--radius-xl);
822
+ --spacing-comp-article-card-hero-large-gap-tags: var(--spacing-2xs);
823
+ --spacing-comp-article-card-hero-large-p-bottom: var(--spacing-lg);
824
+ --radius-comp-article-card-hero-large-radius: var(--radius-xl);
825
+ --spacing-comp-article-card-hero-large-p: var(--spacing-2xl);
826
+ --spacing-comp-article-card-search-p-top-text: var(--spacing-none);
827
+ --spacing-comp-article-card-search-gap-text: var(--spacing-sm);
828
+ --spacing-comp-article-card-search-p-img: var(--spacing-sm);
829
+ --spacing-comp-article-card-search-gap: var(--spacing-lg);
830
+ --radius-comp-article-card-search-radius-img: var(--radius-lg);
831
+ --spacing-comp-article-card-search-h-img: 100px;
832
+ --spacing-comp-article-card-search-w-img: 100px;
639
833
  --spacing-comp-attachment-p: var(--spacing-xl);
640
- --spacing-comp-avatar-radius: var(--radius-full);
834
+ --radius-comp-avatar-radius: var(--radius-full);
835
+ --spacing-comp-bar-banner-p: var(--spacing-layout-p-standard);
836
+ --spacing-comp-bar-banner-h: var(--spacing-40);
641
837
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
642
838
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
643
839
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-md);
@@ -657,15 +853,15 @@
657
853
  --spacing-comp-button-w-def: var(--spacing-56);
658
854
  --spacing-comp-button-h-lg: var(--spacing-64);
659
855
  --spacing-comp-button-w-lg: var(--spacing-64);
660
- --spacing-comp-button-radius: var(--radius-full);
661
- --spacing-comp-button-radius-swipe: var(--radius-full);
662
- --spacing-comp-button-arrow-radius: var(--radius-full);
856
+ --radius-comp-button-radius: var(--radius-full);
857
+ --radius-comp-button-radius-swipe: var(--radius-full);
858
+ --radius-comp-button-arrow-radius: var(--radius-full);
663
859
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
664
860
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
665
861
  --spacing-comp-calendar-ico-size: var(--spacing-16);
666
- --spacing-comp-calendar-radius-card: var(--radius-xl);
862
+ --radius-comp-calendar-radius-card: var(--radius-xl);
667
863
  --spacing-comp-calendar-window-size: var(--spacing-40);
668
- --spacing-comp-calendar-radius-window: var(--radius-full);
864
+ --radius-comp-calendar-radius-window: var(--radius-full);
669
865
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
670
866
  --spacing-comp-card-category-p: var(--spacing-2xl);
671
867
  --spacing-comp-card-category-h: var(--spacing-96);
@@ -676,37 +872,38 @@
676
872
  --spacing-comp-card-account-gap-mf: var(--spacing-xl);
677
873
  --spacing-comp-card-account-p-hor: var(--spacing-xl);
678
874
  --spacing-comp-card-account-p-ver-def: var(--spacing-xl);
679
- --spacing-comp-card-account-radius: var(--radius-2xl);
875
+ --radius-comp-card-account-radius: var(--radius-2xl);
680
876
  --spacing-comp-card-account-gap-lg: var(--spacing-2xl);
681
877
  --spacing-comp-card-account-p-ver-lg: var(--spacing-2xl);
878
+ --spacing-comp-card-checkbox-p-bottom: var(--spacing-md);
879
+ --spacing-comp-card-checkbox-p-hor: var(--spacing-lg);
880
+ --radius-comp-card-checkbox-radius: var(--radius-xl);
881
+ --spacing-comp-card-checkbox-p-ver: var(--spacing-2xl);
682
882
  --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
683
883
  --spacing-comp-card-checkout-p-hor: var(--spacing-lg);
684
- --spacing-comp-card-checkout-radius: var(--radius-xl);
884
+ --radius-comp-card-checkout-radius: var(--radius-xl);
685
885
  --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
686
- --spacing-comp-card-magazine-p-bottom: var(--spacing-xl);
687
- --spacing-comp-card-magazine-radius: var(--radius-xl);
688
- --spacing-comp-card-magazine-p: var(--spacing-2xl);
689
- --spacing-comp-card-muzain-p-hor: var(--spacing-lg);
690
- --spacing-comp-card-muzain-p-ver: var(--spacing-xl);
691
- --spacing-comp-card-muzain-radius: var(--radius-xl);
692
- --spacing-comp-card-offer-gap: var(--spacing-sm);
693
- --spacing-comp-card-offer-p-top: var(--spacing-lg);
694
- --spacing-comp-card-offer-p: var(--spacing-xl);
695
- --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
696
- --spacing-comp-card-offer-radius: var(--radius-xl);
697
- --spacing-comp-card-offer-logo-size: var(--spacing-72);
698
- --spacing-comp-card-offer-h: 294px;
886
+ --spacing-comp-card-default-p-hor: var(--spacing-lg);
887
+ --spacing-comp-card-default-p-ver: var(--spacing-xl);
888
+ --radius-comp-card-default-radius: var(--radius-xl);
889
+ --spacing-comp-carousel-gap: var(--spacing-sm);
890
+ --spacing-comp-carousel-arrow-offset: var(--spacing-md);
891
+ --spacing-comp-carousel-arrow-offset-sm: var(--spacing-md);
892
+ --spacing-comp-carousel-dots-gap: var(--spacing-md);
893
+ --radius-comp-carousel-radius: var(--radius-lg);
894
+ --spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
699
895
  --spacing-comp-carousel-circle-size: var(--spacing-24);
896
+ --spacing-comp-carousel-arrow-offset-v: var(--spacing-3xl);
700
897
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
701
- --spacing-comp-checkbox-radius: var(--radius-xs);
898
+ --radius-comp-checkbox-radius: var(--radius-xs);
702
899
  --spacing-comp-chip-gap: var(--spacing-6);
703
900
  --spacing-comp-chip-p-hor: var(--spacing-8);
704
901
  --spacing-comp-chip-p-ver: var(--spacing-12);
705
- --spacing-comp-chip-radius: var(--radius-full);
902
+ --radius-comp-chip-radius: var(--radius-full);
706
903
  --spacing-comp-dialog-p: var(--spacing-xl);
707
904
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-xl);
708
905
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
709
- --spacing-comp-dialog-radius: var(--radius-2xl);
906
+ --radius-comp-dialog-radius: var(--radius-2xl);
710
907
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
711
908
  --spacing-comp-dialog-gap: var(--spacing-3xl);
712
909
  --spacing-comp-dialog-img-h: var(--spacing-56);
@@ -719,34 +916,37 @@
719
916
  --spacing-comp-dialog-android-p-hor-sm: var(--spacing-sm);
720
917
  --spacing-comp-dialog-android-p-hor-def: var(--spacing-2xl);
721
918
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
722
- --spacing-comp-dot-size-divider: var(--spacing-4);
919
+ --spacing-comp-dot-divider-default: var(--spacing-4);
723
920
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
724
- --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
725
- --spacing-comp-dropdown-menu-radius: var(--radius-xl);
921
+ --radius-comp-dropdown-menu-radius-item: var(--radius-md);
922
+ --radius-comp-dropdown-menu-radius: var(--radius-xl);
726
923
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
727
924
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
728
- --spacing-comp-file-upload-radius: var(--radius-xl);
925
+ --radius-comp-file-upload-radius: var(--radius-xl);
729
926
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
730
927
  --spacing-comp-header-gap: var(--spacing-lg);
731
928
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
732
- --spacing-comp-help-button-radius: var(--radius-none);
733
- --spacing-comp-help-button-radius-left: var(--radius-2xl);
929
+ --radius-comp-help-banner-radius-sm: var(--radius-lg);
930
+ --spacing-comp-help-banner-gap: var(--spacing-xl);
931
+ --radius-comp-help-banner-radius-def: var(--radius-xl);
932
+ --spacing-comp-help-banner-p-hor: var(--spacing-2xl);
933
+ --spacing-comp-help-banner-p-ver: var(--spacing-2xl);
934
+ --spacing-comp-help-banner-p-top: var(--spacing-3xl);
935
+ --radius-comp-help-button-radius: var(--radius-none);
936
+ --radius-comp-help-button-radius-left: var(--radius-2xl);
734
937
  --spacing-comp-help-button-p: var(--spacing-24);
735
938
  --spacing-comp-help-button-h: var(--spacing-48);
736
- --spacing-comp-hero-card-gap-def: var(--spacing-md);
737
- --spacing-comp-hero-card-gap-sm: var(--spacing-md);
738
- --spacing-comp-hero-card-p-def: var(--spacing-2xl);
739
- --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
740
939
  --spacing-comp-input-gap: var(--spacing-8);
741
- --spacing-comp-input-radius-pin: var(--radius-sm);
940
+ --radius-comp-input-radius-pin: var(--radius-sm);
742
941
  --spacing-comp-input-spacing-pin: var(--spacing-8);
942
+ --spacing-comp-input-dot-size: 10px;
743
943
  --spacing-comp-input-p-xsm: var(--spacing-16);
744
944
  --spacing-comp-input-p-hor: var(--spacing-20);
745
945
  --spacing-comp-input-h-xsm: var(--spacing-36);
746
946
  --spacing-comp-input-h-small: var(--spacing-48);
747
947
  --spacing-comp-input-h-def: var(--spacing-56);
748
948
  --spacing-comp-input-h-large: var(--spacing-64);
749
- --spacing-comp-input-radius: var(--radius-full);
949
+ --radius-comp-input-radius: var(--radius-full);
750
950
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
751
951
  --spacing-comp-login-circle-size: var(--spacing-64);
752
952
  --spacing-comp-market-card-p-hor: var(--spacing-16);
@@ -756,11 +956,45 @@
756
956
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
757
957
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
758
958
  --spacing-comp-market-category-ico-bg-size-lg: 100px;
959
+ --spacing-comp-market-logo-h: var(--spacing-24);
759
960
  --spacing-comp-notification-gap: var(--spacing-12);
760
- --spacing-comp-notification-radius: var(--radius-md);
961
+ --radius-comp-notification-radius: var(--radius-md);
761
962
  --spacing-comp-notification-p-hor: var(--spacing-16);
762
963
  --spacing-comp-notification-p-ver: var(--spacing-16);
964
+ --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
965
+ --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
966
+ --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
967
+ --spacing-comp-offer-card-compact-p: var(--spacing-xl);
968
+ --radius-comp-offer-card-compact-radius: var(--radius-xl);
969
+ --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
970
+ --spacing-comp-offer-card-search-p-top-text: var(--spacing-none);
971
+ --spacing-comp-offer-card-search-p-img: var(--spacing-xs);
972
+ --spacing-comp-offer-card-search-gap-text: var(--spacing-sm);
973
+ --spacing-comp-offer-card-search-gap: var(--spacing-lg);
974
+ --radius-comp-offer-card-search-radius-img: var(--radius-lg);
975
+ --spacing-comp-offer-card-search-h-img: 100px;
976
+ --spacing-comp-offer-card-search-w-img: 100px;
763
977
  --spacing-comp-paggination-size: var(--spacing-3xl);
978
+ --spacing-comp-partner-card-hero-large-gap: var(--spacing-md);
979
+ --radius-comp-partner-card-hero-large-radius: var(--radius-xl);
980
+ --spacing-comp-partner-card-hero-large-p: var(--spacing-2xl);
981
+ --spacing-comp-partner-card-hero-sm-gap: var(--spacing-md);
982
+ --radius-comp-partner-card-hero-sm-radius: var(--radius-xl);
983
+ --spacing-comp-partner-card-hero-sm-p: var(--spacing-2xl);
984
+ --spacing-comp-partner-card-list-view-p-img: var(--spacing-xs);
985
+ --spacing-comp-partner-card-list-view-gap: var(--spacing-lg);
986
+ --radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
987
+ --spacing-comp-partner-card-list-view-h-img: 106px;
988
+ --spacing-comp-partner-card-list-view-w-img: 106px;
989
+ --spacing-comp-partner-card-search-p-top-text: var(--spacing-none);
990
+ --spacing-comp-partner-card-search-logo-stroke: var(--spacing-1);
991
+ --spacing-comp-partner-card-search-p-img: var(--spacing-xs);
992
+ --spacing-comp-partner-card-search-gap-text: var(--spacing-sm);
993
+ --spacing-comp-partner-card-search-gap: var(--spacing-lg);
994
+ --radius-comp-partner-card-search-radius-img: var(--radius-lg);
995
+ --spacing-comp-partner-card-search-logo-size: var(--spacing-40);
996
+ --spacing-comp-partner-card-search-h-img: 100px;
997
+ --spacing-comp-partner-card-search-w-img: 100px;
764
998
  --spacing-comp-paygate-card-p-ver: var(--spacing-20);
765
999
  --spacing-comp-paygate-card-p-hor: var(--spacing-24);
766
1000
  --spacing-comp-paygate-table-p-ver: var(--spacing-20);
@@ -769,17 +1003,21 @@
769
1003
  --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
770
1004
  --spacing-comp-pin-indicator-size: var(--spacing-12);
771
1005
  --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
1006
+ --spacing-comp-progress-h-sm: var(--spacing-4);
1007
+ --spacing-comp-progress-h-md: var(--spacing-6);
1008
+ --spacing-comp-progress-h-lg: var(--spacing-8);
1009
+ --radius-comp-progress-radius: var(--radius-full);
772
1010
  --spacing-comp-quantity-selector-p-hor: var(--spacing-md);
773
1011
  --spacing-comp-quantity-selector-p-ver: var(--spacing-lg);
774
1012
  --spacing-comp-radio-w-stroke: var(--spacing-1);
775
1013
  --spacing-comp-radio-dot-size: var(--spacing-10);
776
1014
  --spacing-comp-search-result-poi-logo-size: var(--spacing-40);
777
- --spacing-comp-segmented-control-radius-item: var(--radius-sm);
1015
+ --radius-comp-segmented-control-radius-item: var(--radius-sm);
778
1016
  --spacing-comp-segmented-control-p: var(--spacing-12);
779
- --spacing-comp-segmented-control-radius: var(--radius-md);
1017
+ --radius-comp-segmented-control-radius: var(--radius-md);
780
1018
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
781
1019
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
782
- --spacing-comp-segmented-icon-control-radius: var(--radius-full);
1020
+ --radius-comp-segmented-icon-control-radius: var(--radius-full);
783
1021
  --spacing-comp-select-p-large: var(--spacing-16);
784
1022
  --spacing-comp-select-p-xsm: var(--spacing-16);
785
1023
  --spacing-comp-select-p-def: var(--spacing-20);
@@ -787,17 +1025,26 @@
787
1025
  --spacing-comp-select-h-small: var(--spacing-48);
788
1026
  --spacing-comp-select-h-def: var(--spacing-56);
789
1027
  --spacing-comp-select-h-large: var(--spacing-64);
790
- --spacing-comp-select-radius: var(--radius-full);
1028
+ --radius-comp-select-radius: var(--radius-full);
791
1029
  --spacing-comp-select-icon-size: var(--spacing-24);
792
- --spacing-comp-sheet-gap: 16px;
793
- --spacing-comp-sheet-p-hor-def: 20px;
794
- --spacing-comp-sheet-p-ver-def: 20px;
1030
+ --radius-comp-sheet-radius: var(--radius-none);
1031
+ --spacing-comp-sheet-p: var(--spacing-xl);
1032
+ --spacing-comp-sheet-p-ver-sm: var(--spacing-xl);
1033
+ --spacing-comp-sheet-gap: var(--spacing-2xl);
1034
+ --spacing-comp-sheet-p-ver-def: var(--spacing-2xl);
795
1035
  --spacing-comp-sheet-h-sm: 200px;
796
1036
  --spacing-comp-sheet-h-md: 320px;
797
1037
  --spacing-comp-sheet-w-lg: 335px;
798
1038
  --spacing-comp-sheet-w-md: 335px;
799
1039
  --spacing-comp-sheet-w-sm: 335px;
800
1040
  --spacing-comp-sheet-h-lg: 480px;
1041
+ --spacing-comp-slider-track-h-sm: var(--spacing-4);
1042
+ --spacing-comp-slider-track-h-md: var(--spacing-6);
1043
+ --spacing-comp-slider-track-h-lg: var(--spacing-8);
1044
+ --spacing-comp-slider-thumb-size-sm: var(--spacing-12);
1045
+ --spacing-comp-slider-thumb-size-md: var(--spacing-16);
1046
+ --spacing-comp-slider-thumb-size-lg: var(--spacing-24);
1047
+ --radius-comp-slider-radius-track: var(--radius-full);
801
1048
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
802
1049
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
803
1050
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -807,14 +1054,14 @@
807
1054
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
808
1055
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
809
1056
  --spacing-comp-switch-height-def: 0px;
810
- --spacing-comp-switch-radius: var(--radius-full);
1057
+ --radius-comp-switch-radius: var(--radius-full);
811
1058
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
812
1059
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
813
1060
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
814
1061
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
815
- --spacing-comp-table-radius-sm: var(--radius-lg);
1062
+ --radius-comp-table-radius-sm: var(--radius-lg);
816
1063
  --spacing-comp-table-p: var(--spacing-xl);
817
- --spacing-comp-table-radius-def: var(--radius-xl);
1064
+ --radius-comp-table-radius-def: var(--radius-xl);
818
1065
  --spacing-comp-table-img-size: var(--spacing-32);
819
1066
  --spacing-comp-table-h-md: var(--spacing-64);
820
1067
  --spacing-comp-table-h-def: var(--spacing-72);
@@ -822,25 +1069,29 @@
822
1069
  --spacing-comp-tag-ico-size: var(--spacing-16);
823
1070
  --spacing-comp-tag-h-sm: var(--spacing-24);
824
1071
  --spacing-comp-tag-h-def: var(--spacing-32);
825
- --spacing-comp-tag-radius: var(--radius-full);
826
- --spacing-comp-text-area-radius: var(--radius-xl);
827
- --spacing-comp-texteditor-radius: var(--radius-xl);
1072
+ --radius-comp-tag-radius: var(--radius-full);
1073
+ --radius-comp-text-area-radius: var(--radius-xl);
1074
+ --radius-comp-texteditor-radius: var(--radius-xl);
828
1075
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
829
- --spacing-comp-time-picker-container-h: var(--spacing-48);
830
1076
  --spacing-comp-toast-p-hor: var(--spacing-16);
831
1077
  --spacing-comp-toast-p-ver: var(--spacing-16);
832
- --spacing-comp-toast-radius: var(--radius-xl);
833
- --spacing-comp-toggle-number-radius: var(--radius-3xl);
1078
+ --radius-comp-toast-radius: var(--radius-xl);
1079
+ --radius-comp-toggle-number-radius: var(--radius-3xl);
834
1080
  --spacing-comp-toggle-number-size: var(--spacing-24);
835
1081
  --spacing-comp-tooltip-p-hor: var(--spacing-12);
836
- --spacing-comp-tooltip-radius: var(--radius-md);
1082
+ --radius-comp-tooltip-radius: var(--radius-md);
837
1083
  --spacing-comp-tooltip-p-ver: var(--spacing-16);
838
1084
  --spacing-comp-view-client-p-hor: var(--spacing-md);
839
1085
  --spacing-comp-view-client-p-right: var(--spacing-md);
840
1086
  --spacing-comp-view-client-gap: var(--spacing-lg);
841
1087
  --spacing-comp-view-client-p-left: var(--spacing-lg);
842
- --spacing-comp-view-client-corner-radius: var(--radius-3xl);
1088
+ --radius-comp-view-client-corner-radius: var(--radius-3xl);
843
1089
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
1090
+ --spacing-comp-voucher-listview-p: var(--spacing-none);
1091
+ --spacing-comp-voucher-listview-gap: var(--spacing-lg);
1092
+ --radius-comp-voucher-listview-radius-img: var(--radius-lg);
1093
+ --spacing-comp-voucher-listview-h-img: 100px;
1094
+ --spacing-comp-voucher-listview-w-img: 100px;
844
1095
  --spacing-comp-webcheckout-logo-h: var(--spacing-40);
845
1096
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-sm);
846
1097
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
@@ -859,10 +1110,10 @@
859
1110
  --spacing-layout-p-standard: var(--spacing-20);
860
1111
  --spacing-layout-p-top-paygate: var(--spacing-20);
861
1112
  --spacing-layout-gap-admin-settings: var(--spacing-24);
862
- --spacing-layout-p-top-market: var(--spacing-24);
863
1113
  --spacing-layout-gap-small: var(--spacing-32);
864
1114
  --spacing-layout-gap-webcheckout: var(--spacing-32);
865
1115
  --spacing-layout-p-top-webcheckout: var(--spacing-32);
1116
+ --spacing-layout-p-top-market: var(--spacing-40);
866
1117
  --spacing-layout-p-top-market-lg: var(--spacing-40);
867
1118
  --spacing-layout-gap-medium: var(--spacing-48);
868
1119
  --spacing-layout-gap-web: var(--spacing-48);
@@ -871,6 +1122,8 @@
871
1122
  --spacing-layout-gap-standard: var(--spacing-96);
872
1123
  --spacing-layout-admin-max-w: 335px;
873
1124
  --spacing-layout-w-admin-settings: 335px;
1125
+ --spacing-layout-login-p-hor: var(--spacing-layout-p-standard);
1126
+ --spacing-layout-login-p-ver: var(--spacing-24);
874
1127
  }
875
1128
  }
876
1129
 
@@ -906,17 +1159,26 @@
906
1159
  --spacing-8xl: var(--spacing-72);
907
1160
  --spacing-9xl: var(--spacing-80);
908
1161
  --spacing-10xl: var(--spacing-120);
909
- --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
910
- --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
911
- --spacing-comp-accordion-p-hor: var(--spacing-xl);
912
- --spacing-comp-accordion-radius: var(--radius-xl);
913
- --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
914
- --spacing-comp-accordion-p: var(--spacing-2xl);
1162
+ --spacing-comp-accordion-branded-ico-size-sm: var(--spacing-md);
1163
+ --spacing-comp-accordion-branded-ico-size-md: var(--spacing-lg);
1164
+ --spacing-comp-accordion-branded-p-ver: var(--spacing-xl);
1165
+ --radius-comp-accordion-branded-radius: var(--radius-xl);
1166
+ --spacing-comp-accordion-branded-ico-size-lg: var(--spacing-2xl);
1167
+ --spacing-comp-accordion-branded-p: var(--spacing-2xl);
1168
+ --spacing-comp-accordion-default-ico-size-sm: var(--spacing-md);
1169
+ --spacing-comp-accordion-default-ico-size-md: var(--spacing-lg);
1170
+ --spacing-comp-accordion-default-p-ver: var(--spacing-xl);
1171
+ --radius-comp-accordion-default-radius: var(--radius-xl);
1172
+ --spacing-comp-accordion-default-ico-size-lg: var(--spacing-2xl);
1173
+ --spacing-comp-accordion-default-p: var(--spacing-2xl);
1174
+ --spacing-comp-accordion-inline-p-hor: var(--spacing-md);
1175
+ --spacing-comp-accordion-inline-gap: var(--spacing-xl);
1176
+ --spacing-comp-accordion-inline-p-ver: var(--spacing-xl);
915
1177
  --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
916
- --spacing-comp-accordion-settings-radius: var(--radius-xl);
1178
+ --radius-comp-accordion-settings-radius: var(--radius-xl);
917
1179
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
918
1180
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
919
- --spacing-comp-account-icon-radius: var(--radius-2xl);
1181
+ --radius-comp-account-icon-radius: var(--radius-2xl);
920
1182
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-96);
921
1183
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
922
1184
  --spacing-comp-admin-header-p-ver: var(--spacing-3xl);
@@ -928,9 +1190,27 @@
928
1190
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
929
1191
  --spacing-comp-alert-ico-size: var(--spacing-xl);
930
1192
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
931
- --spacing-comp-alert-radius: var(--radius-2xl);
1193
+ --radius-comp-alert-radius: var(--radius-2xl);
1194
+ --spacing-comp-article-card-compact-gap: var(--spacing-sm);
1195
+ --spacing-comp-article-card-compact-p-img: var(--spacing-lg);
1196
+ --spacing-comp-article-card-compact-p-ver: var(--spacing-lg);
1197
+ --spacing-comp-article-card-compact-p-hor: var(--spacing-xl);
1198
+ --radius-comp-article-card-compact-radius: var(--radius-xl);
1199
+ --spacing-comp-article-card-hero-large-gap-tags: var(--spacing-xs);
1200
+ --radius-comp-article-card-hero-large-radius: var(--radius-xl);
1201
+ --spacing-comp-article-card-hero-large-p-bottom: var(--spacing-2xl);
1202
+ --spacing-comp-article-card-hero-large-p: var(--spacing-3xl);
1203
+ --spacing-comp-article-card-search-gap-text: var(--spacing-md);
1204
+ --spacing-comp-article-card-search-p-top-text: var(--spacing-md);
1205
+ --spacing-comp-article-card-search-p-img: var(--spacing-lg);
1206
+ --radius-comp-article-card-search-radius-img: var(--radius-lg);
1207
+ --spacing-comp-article-card-search-gap: var(--spacing-2xl);
1208
+ --spacing-comp-article-card-search-h-img: 162px;
1209
+ --spacing-comp-article-card-search-w-img: 288px;
932
1210
  --spacing-comp-attachment-p: var(--spacing-2xl);
933
- --spacing-comp-avatar-radius: var(--radius-full);
1211
+ --radius-comp-avatar-radius: var(--radius-full);
1212
+ --spacing-comp-bar-banner-h: var(--spacing-40);
1213
+ --spacing-comp-bar-banner-p: var(--spacing-layout-p-standard);
934
1214
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
935
1215
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
936
1216
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-lg);
@@ -950,15 +1230,15 @@
950
1230
  --spacing-comp-button-w-def: var(--spacing-56);
951
1231
  --spacing-comp-button-h-lg: var(--spacing-64);
952
1232
  --spacing-comp-button-w-lg: var(--spacing-64);
953
- --spacing-comp-button-radius: var(--radius-full);
954
- --spacing-comp-button-radius-swipe: var(--radius-full);
955
- --spacing-comp-button-arrow-radius: var(--radius-full);
1233
+ --radius-comp-button-radius: var(--radius-full);
1234
+ --radius-comp-button-radius-swipe: var(--radius-full);
1235
+ --radius-comp-button-arrow-radius: var(--radius-full);
956
1236
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
957
1237
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
958
1238
  --spacing-comp-calendar-ico-size: var(--spacing-16);
959
- --spacing-comp-calendar-radius-card: var(--radius-xl);
1239
+ --radius-comp-calendar-radius-card: var(--radius-xl);
960
1240
  --spacing-comp-calendar-window-size: var(--spacing-40);
961
- --spacing-comp-calendar-radius-window: var(--radius-full);
1241
+ --radius-comp-calendar-radius-window: var(--radius-full);
962
1242
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
963
1243
  --spacing-comp-card-category-p: var(--spacing-3xl);
964
1244
  --spacing-comp-card-category-h: var(--spacing-96);
@@ -967,38 +1247,39 @@
967
1247
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
968
1248
  --spacing-comp-card-account-gap-def: var(--spacing-lg);
969
1249
  --spacing-comp-card-account-gap-mf: var(--spacing-xl);
970
- --spacing-comp-card-account-radius: var(--radius-2xl);
1250
+ --radius-comp-card-account-radius: var(--radius-2xl);
971
1251
  --spacing-comp-card-account-gap-lg: var(--spacing-3xl);
972
1252
  --spacing-comp-card-account-p-hor: var(--spacing-3xl);
973
1253
  --spacing-comp-card-account-p-ver-def: var(--spacing-3xl);
974
1254
  --spacing-comp-card-account-p-ver-lg: var(--spacing-4xl);
1255
+ --spacing-comp-card-checkbox-p-bottom: var(--spacing-md);
1256
+ --radius-comp-card-checkbox-radius: var(--radius-xl);
1257
+ --spacing-comp-card-checkbox-p-hor: var(--spacing-2xl);
1258
+ --spacing-comp-card-checkbox-p-ver: var(--spacing-2xl);
975
1259
  --spacing-comp-card-checkout-p-bottom: var(--spacing-md);
976
- --spacing-comp-card-checkout-radius: var(--radius-xl);
1260
+ --radius-comp-card-checkout-radius: var(--radius-xl);
977
1261
  --spacing-comp-card-checkout-p-hor: var(--spacing-2xl);
978
1262
  --spacing-comp-card-checkout-p-ver: var(--spacing-2xl);
979
- --spacing-comp-card-magazine-radius: var(--radius-xl);
980
- --spacing-comp-card-magazine-p-bottom: var(--spacing-2xl);
981
- --spacing-comp-card-magazine-p: var(--spacing-3xl);
982
- --spacing-comp-card-muzain-radius: var(--radius-xl);
983
- --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
984
- --spacing-comp-card-muzain-p-ver: var(--spacing-3xl);
985
- --spacing-comp-card-offer-gap: var(--spacing-sm);
986
- --spacing-comp-card-offer-p-top: var(--spacing-lg);
987
- --spacing-comp-card-offer-p: var(--spacing-xl);
988
- --spacing-comp-card-offer-p-bottom: var(--spacing-xl);
989
- --spacing-comp-card-offer-radius: var(--radius-xl);
990
- --spacing-comp-card-offer-logo-size: var(--spacing-72);
991
- --spacing-comp-card-offer-h: 294px;
1263
+ --radius-comp-card-default-radius: var(--radius-xl);
1264
+ --spacing-comp-card-default-p-hor: var(--spacing-2xl);
1265
+ --spacing-comp-card-default-p-ver: var(--spacing-3xl);
1266
+ --spacing-comp-carousel-gap: var(--spacing-md);
1267
+ --spacing-comp-carousel-dots-gap: var(--spacing-lg);
1268
+ --radius-comp-carousel-radius: var(--radius-lg);
1269
+ --spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
1270
+ --spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
992
1271
  --spacing-comp-carousel-circle-size: var(--spacing-28);
1272
+ --spacing-comp-carousel-arrow-offset: var(--spacing-3xl);
1273
+ --spacing-comp-carousel-arrow-offset-v: var(--spacing-3xl);
993
1274
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
994
- --spacing-comp-checkbox-radius: var(--radius-xs);
1275
+ --radius-comp-checkbox-radius: var(--radius-xs);
995
1276
  --spacing-comp-chip-gap: var(--spacing-6);
996
1277
  --spacing-comp-chip-p-hor: var(--spacing-8);
997
1278
  --spacing-comp-chip-p-ver: var(--spacing-12);
998
- --spacing-comp-chip-radius: var(--radius-full);
1279
+ --radius-comp-chip-radius: var(--radius-full);
999
1280
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
1000
1281
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
1001
- --spacing-comp-dialog-radius: var(--radius-2xl);
1282
+ --radius-comp-dialog-radius: var(--radius-2xl);
1002
1283
  --spacing-comp-dialog-p: var(--spacing-3xl);
1003
1284
  --spacing-comp-dialog-gap: var(--spacing-4xl);
1004
1285
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
@@ -1012,34 +1293,37 @@
1012
1293
  --spacing-comp-dialog-android-p-hor-sm: var(--spacing-sm);
1013
1294
  --spacing-comp-dialog-android-p-hor-def: var(--spacing-2xl);
1014
1295
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
1015
- --spacing-comp-dot-size-divider: var(--spacing-4);
1296
+ --spacing-comp-dot-divider-default: var(--spacing-4);
1016
1297
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
1017
- --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
1018
- --spacing-comp-dropdown-menu-radius: var(--radius-xl);
1298
+ --radius-comp-dropdown-menu-radius-item: var(--radius-md);
1299
+ --radius-comp-dropdown-menu-radius: var(--radius-xl);
1019
1300
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
1020
1301
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
1021
- --spacing-comp-file-upload-radius: var(--radius-xl);
1302
+ --radius-comp-file-upload-radius: var(--radius-xl);
1022
1303
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
1023
1304
  --spacing-comp-header-gap: var(--spacing-lg);
1024
1305
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
1025
- --spacing-comp-help-button-radius: var(--radius-none);
1026
- --spacing-comp-help-button-radius-left: var(--radius-2xl);
1306
+ --radius-comp-help-banner-radius-sm: var(--radius-lg);
1307
+ --radius-comp-help-banner-radius-def: var(--radius-xl);
1308
+ --spacing-comp-help-banner-gap: var(--spacing-4xl);
1309
+ --spacing-comp-help-banner-p-hor: var(--spacing-4xl);
1310
+ --spacing-comp-help-banner-p-top: var(--spacing-4xl);
1311
+ --spacing-comp-help-banner-p-ver: var(--spacing-4xl);
1312
+ --radius-comp-help-button-radius: var(--radius-none);
1313
+ --radius-comp-help-button-radius-left: var(--radius-2xl);
1027
1314
  --spacing-comp-help-button-p: var(--spacing-32);
1028
1315
  --spacing-comp-help-button-h: var(--spacing-56);
1029
- --spacing-comp-hero-card-gap-sm: var(--spacing-md);
1030
- --spacing-comp-hero-card-gap-def: var(--spacing-lg);
1031
- --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
1032
- --spacing-comp-hero-card-p-def: var(--spacing-3xl);
1033
1316
  --spacing-comp-input-gap: var(--spacing-8);
1034
- --spacing-comp-input-radius-pin: var(--radius-sm);
1317
+ --radius-comp-input-radius-pin: var(--radius-sm);
1035
1318
  --spacing-comp-input-spacing-pin: var(--spacing-8);
1319
+ --spacing-comp-input-dot-size: 10px;
1036
1320
  --spacing-comp-input-p-xsm: var(--spacing-16);
1037
1321
  --spacing-comp-input-p-hor: var(--spacing-24);
1038
1322
  --spacing-comp-input-h-xsm: var(--spacing-36);
1039
1323
  --spacing-comp-input-h-small: var(--spacing-48);
1040
1324
  --spacing-comp-input-h-def: var(--spacing-56);
1041
1325
  --spacing-comp-input-h-large: var(--spacing-64);
1042
- --spacing-comp-input-radius: var(--radius-full);
1326
+ --radius-comp-input-radius: var(--radius-full);
1043
1327
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
1044
1328
  --spacing-comp-login-circle-size: var(--spacing-80);
1045
1329
  --spacing-comp-market-card-p-hor: var(--spacing-20);
@@ -1049,11 +1333,45 @@
1049
1333
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
1050
1334
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
1051
1335
  --spacing-comp-market-category-ico-bg-size-lg: 140px;
1336
+ --spacing-comp-market-logo-h: var(--spacing-28);
1052
1337
  --spacing-comp-notification-gap: var(--spacing-12);
1053
- --spacing-comp-notification-radius: var(--radius-md);
1338
+ --radius-comp-notification-radius: var(--radius-md);
1054
1339
  --spacing-comp-notification-p-hor: var(--spacing-16);
1055
1340
  --spacing-comp-notification-p-ver: var(--spacing-16);
1341
+ --spacing-comp-offer-card-compact-gap: var(--spacing-sm);
1342
+ --spacing-comp-offer-card-compact-p-img: var(--spacing-lg);
1343
+ --spacing-comp-offer-card-compact-p-top: var(--spacing-lg);
1344
+ --spacing-comp-offer-card-compact-p: var(--spacing-xl);
1345
+ --radius-comp-offer-card-compact-radius: var(--radius-xl);
1346
+ --spacing-comp-offer-card-compact-logo-size: var(--spacing-72);
1347
+ --spacing-comp-offer-card-search-p-img: var(--spacing-sm);
1348
+ --spacing-comp-offer-card-search-gap-text: var(--spacing-md);
1349
+ --spacing-comp-offer-card-search-p-top-text: var(--spacing-md);
1350
+ --radius-comp-offer-card-search-radius-img: var(--radius-lg);
1351
+ --spacing-comp-offer-card-search-gap: var(--spacing-2xl);
1352
+ --spacing-comp-offer-card-search-h-img: 162px;
1353
+ --spacing-comp-offer-card-search-w-img: 288px;
1056
1354
  --spacing-comp-paggination-size: var(--spacing-3xl);
1355
+ --spacing-comp-partner-card-hero-large-gap: var(--spacing-lg);
1356
+ --radius-comp-partner-card-hero-large-radius: var(--radius-xl);
1357
+ --spacing-comp-partner-card-hero-large-p: var(--spacing-3xl);
1358
+ --spacing-comp-partner-card-hero-sm-gap: var(--spacing-md);
1359
+ --radius-comp-partner-card-hero-sm-radius: var(--radius-xl);
1360
+ --spacing-comp-partner-card-hero-sm-p: var(--spacing-2xl);
1361
+ --spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
1362
+ --radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
1363
+ --spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
1364
+ --spacing-comp-partner-card-list-view-h-img: 112px;
1365
+ --spacing-comp-partner-card-list-view-w-img: 112px;
1366
+ --spacing-comp-partner-card-search-logo-stroke: var(--spacing-2);
1367
+ --spacing-comp-partner-card-search-p-img: var(--spacing-sm);
1368
+ --spacing-comp-partner-card-search-gap-text: var(--spacing-md);
1369
+ --spacing-comp-partner-card-search-p-top-text: var(--spacing-md);
1370
+ --radius-comp-partner-card-search-radius-img: var(--radius-lg);
1371
+ --spacing-comp-partner-card-search-gap: var(--spacing-2xl);
1372
+ --spacing-comp-partner-card-search-logo-size: var(--spacing-96);
1373
+ --spacing-comp-partner-card-search-h-img: 162px;
1374
+ --spacing-comp-partner-card-search-w-img: 288px;
1057
1375
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
1058
1376
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
1059
1377
  --spacing-comp-paygate-table-p-hor: var(--spacing-24);
@@ -1062,17 +1380,21 @@
1062
1380
  --spacing-comp-pin-indicator-stroke-width: var(--spacing-1);
1063
1381
  --spacing-comp-pin-indicator-size: var(--spacing-12);
1064
1382
  --spacing-comp-pin-indicator-gap: var(--spacing-4xl);
1383
+ --spacing-comp-progress-h-sm: var(--spacing-4);
1384
+ --spacing-comp-progress-h-md: var(--spacing-6);
1385
+ --spacing-comp-progress-h-lg: var(--spacing-8);
1386
+ --radius-comp-progress-radius: var(--radius-full);
1065
1387
  --spacing-comp-quantity-selector-p-hor: var(--spacing-md);
1066
1388
  --spacing-comp-quantity-selector-p-ver: var(--spacing-lg);
1067
1389
  --spacing-comp-radio-w-stroke: var(--spacing-1);
1068
1390
  --spacing-comp-radio-dot-size: var(--spacing-10);
1069
1391
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
1070
- --spacing-comp-segmented-control-radius-item: var(--radius-sm);
1392
+ --radius-comp-segmented-control-radius-item: var(--radius-sm);
1071
1393
  --spacing-comp-segmented-control-p: var(--spacing-12);
1072
- --spacing-comp-segmented-control-radius: var(--radius-md);
1394
+ --radius-comp-segmented-control-radius: var(--radius-md);
1073
1395
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
1074
1396
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
1075
- --spacing-comp-segmented-icon-control-radius: var(--radius-full);
1397
+ --radius-comp-segmented-icon-control-radius: var(--radius-full);
1076
1398
  --spacing-comp-select-p-large: var(--spacing-16);
1077
1399
  --spacing-comp-select-p-xsm: var(--spacing-16);
1078
1400
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -1080,17 +1402,26 @@
1080
1402
  --spacing-comp-select-h-small: var(--spacing-48);
1081
1403
  --spacing-comp-select-h-def: var(--spacing-56);
1082
1404
  --spacing-comp-select-h-large: var(--spacing-64);
1083
- --spacing-comp-select-radius: var(--radius-full);
1405
+ --radius-comp-select-radius: var(--radius-full);
1084
1406
  --spacing-comp-select-icon-size: var(--spacing-24);
1085
- --spacing-comp-sheet-gap: 16px;
1086
- --spacing-comp-sheet-p-hor-def: 24px;
1087
- --spacing-comp-sheet-p-ver-def: 24px;
1407
+ --radius-comp-sheet-radius: var(--radius-none);
1408
+ --spacing-comp-sheet-p-ver-sm: var(--spacing-xl);
1409
+ --spacing-comp-sheet-gap: var(--spacing-2xl);
1410
+ --spacing-comp-sheet-p-ver-def: var(--spacing-2xl);
1411
+ --spacing-comp-sheet-p: var(--spacing-3xl);
1088
1412
  --spacing-comp-sheet-h-sm: 240px;
1089
1413
  --spacing-comp-sheet-h-md: 360px;
1090
1414
  --spacing-comp-sheet-w-sm: 400px;
1091
1415
  --spacing-comp-sheet-h-lg: 520px;
1092
1416
  --spacing-comp-sheet-w-md: 640px;
1093
1417
  --spacing-comp-sheet-w-lg: 720px;
1418
+ --spacing-comp-slider-track-h-sm: var(--spacing-4);
1419
+ --spacing-comp-slider-track-h-md: var(--spacing-6);
1420
+ --spacing-comp-slider-track-h-lg: var(--spacing-8);
1421
+ --spacing-comp-slider-thumb-size-sm: var(--spacing-12);
1422
+ --spacing-comp-slider-thumb-size-md: var(--spacing-16);
1423
+ --spacing-comp-slider-thumb-size-lg: var(--spacing-24);
1424
+ --radius-comp-slider-radius-track: var(--radius-full);
1094
1425
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
1095
1426
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
1096
1427
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -1100,13 +1431,13 @@
1100
1431
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
1101
1432
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
1102
1433
  --spacing-comp-switch-height-def: 0px;
1103
- --spacing-comp-switch-radius: var(--radius-full);
1434
+ --radius-comp-switch-radius: var(--radius-full);
1104
1435
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
1105
1436
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
1106
1437
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
1107
1438
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
1108
- --spacing-comp-table-radius-sm: var(--radius-lg);
1109
- --spacing-comp-table-radius-def: var(--radius-xl);
1439
+ --radius-comp-table-radius-sm: var(--radius-lg);
1440
+ --radius-comp-table-radius-def: var(--radius-xl);
1110
1441
  --spacing-comp-table-p: var(--spacing-2xl);
1111
1442
  --spacing-comp-table-img-size: var(--spacing-40);
1112
1443
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -1115,25 +1446,29 @@
1115
1446
  --spacing-comp-tag-ico-size: var(--spacing-16);
1116
1447
  --spacing-comp-tag-h-sm: var(--spacing-24);
1117
1448
  --spacing-comp-tag-h-def: var(--spacing-32);
1118
- --spacing-comp-tag-radius: var(--radius-full);
1119
- --spacing-comp-text-area-radius: var(--radius-xl);
1120
- --spacing-comp-texteditor-radius: var(--radius-xl);
1449
+ --radius-comp-tag-radius: var(--radius-full);
1450
+ --radius-comp-text-area-radius: var(--radius-xl);
1451
+ --radius-comp-texteditor-radius: var(--radius-xl);
1121
1452
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
1122
- --spacing-comp-time-picker-container-h: var(--spacing-56);
1123
1453
  --spacing-comp-toast-p-hor: var(--spacing-20);
1124
1454
  --spacing-comp-toast-p-ver: var(--spacing-20);
1125
- --spacing-comp-toast-radius: var(--radius-xl);
1455
+ --radius-comp-toast-radius: var(--radius-xl);
1126
1456
  --spacing-comp-toggle-number-size: var(--spacing-24);
1127
- --spacing-comp-toggle-number-radius: var(--radius-3xl);
1457
+ --radius-comp-toggle-number-radius: var(--radius-3xl);
1128
1458
  --spacing-comp-tooltip-p-hor: var(--spacing-12);
1129
- --spacing-comp-tooltip-radius: var(--radius-md);
1459
+ --radius-comp-tooltip-radius: var(--radius-md);
1130
1460
  --spacing-comp-tooltip-p-ver: var(--spacing-16);
1131
1461
  --spacing-comp-view-client-p-hor: var(--spacing-sm);
1132
1462
  --spacing-comp-view-client-p-left: var(--spacing-sm);
1133
1463
  --spacing-comp-view-client-p-right: var(--spacing-lg);
1134
1464
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
1135
1465
  --spacing-comp-view-client-gap: var(--spacing-4xl);
1136
- --spacing-comp-view-client-corner-radius: var(--radius-full);
1466
+ --radius-comp-view-client-corner-radius: var(--radius-full);
1467
+ --spacing-comp-voucher-listview-p: var(--spacing-sm);
1468
+ --radius-comp-voucher-listview-radius-img: var(--radius-lg);
1469
+ --spacing-comp-voucher-listview-gap: var(--spacing-2xl);
1470
+ --spacing-comp-voucher-listview-h-img: 81px;
1471
+ --spacing-comp-voucher-listview-w-img: 144px;
1137
1472
  --spacing-comp-webcheckout-logo-h: var(--spacing-48);
1138
1473
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
1139
1474
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
@@ -1164,5 +1499,7 @@
1164
1499
  --spacing-layout-p-bottom: var(--spacing-120);
1165
1500
  --spacing-layout-w-admin-settings: 720px;
1166
1501
  --spacing-layout-admin-max-w: 1194px;
1502
+ --spacing-layout-login-p-hor: var(--spacing-24);
1503
+ --spacing-layout-login-p-ver: var(--spacing-24);
1167
1504
  }
1168
1505
  }