@vkzstudio/muza-ui 1.0.45 → 1.0.47

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