@vkzstudio/muza-ui 1.0.40 → 1.0.41

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 (26) hide show
  1. package/dist/components/Accordion/Accordion.js +26 -26
  2. package/dist/components/Flex/Flex.d.ts +17 -17
  3. package/dist/components/MultiSelect/MultiSelect.d.ts +2 -0
  4. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  5. package/dist/components/MultiSelect/MultiSelect.js +96 -84
  6. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
  7. package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
  8. package/dist/components/Select/Select.d.ts +2 -0
  9. package/dist/components/Select/Select.d.ts.map +1 -1
  10. package/dist/components/Select/Select.js +80 -70
  11. package/dist/components/Select/Select.stories.d.ts +1 -0
  12. package/dist/components/Select/Select.stories.d.ts.map +1 -1
  13. package/dist/muza-ui.css +1 -1
  14. package/dist/styles/token-colors.css +27 -3
  15. package/dist/styles/token-sizes.css +286 -62
  16. package/dist/translations/locales/cs.d.ts.map +1 -1
  17. package/dist/translations/locales/cs.js +2 -1
  18. package/dist/translations/locales/en.d.ts.map +1 -1
  19. package/dist/translations/locales/en.js +2 -1
  20. package/dist/translations/locales/sk.d.ts.map +1 -1
  21. package/dist/translations/locales/sk.js +2 -1
  22. package/dist/translations/types.d.ts +2 -0
  23. package/dist/translations/types.d.ts.map +1 -1
  24. package/dist/utils/cn.d.ts.map +1 -1
  25. package/dist/utils/cn.js +135 -17
  26. package/package.json +1 -1
package/dist/styles/token-sizes.css CHANGED
@@ -32,18 +32,13 @@
32
32
  --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
33
33
  --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
34
34
  --spacing-comp-accordion-p-hor: var(--spacing-xl);
35
+ --spacing-comp-accordion-radius: var(--radius-xl);
35
36
  --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
36
37
  --spacing-comp-accordion-p: var(--spacing-2xl);
37
- --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
38
+ --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
39
+ --spacing-comp-accordion-settings-radius: var(--radius-xl);
38
40
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
39
41
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
40
- --spacing-comp-account-card-gap-def: var(--spacing-16);
41
- --spacing-comp-account-card-gap-mf: var(--spacing-20);
42
- --spacing-comp-account-card-radius: var(--radius-2xl);
43
- --spacing-comp-account-card-gap-lg: var(--spacing-32);
44
- --spacing-comp-account-card-p-hor-def: var(--spacing-32);
45
- --spacing-comp-account-card-p-ver: var(--spacing-32);
46
- --spacing-comp-account-card-p-hor-lg: var(--spacing-40);
47
42
  --spacing-comp-account-icon-radius: var(--radius-2xl);
48
43
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-96);
49
44
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
@@ -56,7 +51,9 @@
56
51
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
57
52
  --spacing-comp-alert-ico-size: var(--spacing-xl);
58
53
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
54
+ --spacing-comp-alert-radius: var(--radius-2xl);
59
55
  --spacing-comp-attachment-p: var(--spacing-2xl);
56
+ --spacing-comp-avatar-radius: var(--radius-full);
60
57
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
61
58
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
62
59
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-lg);
@@ -76,26 +73,45 @@
76
73
  --spacing-comp-button-w-def: var(--spacing-56);
77
74
  --spacing-comp-button-h-lg: var(--spacing-64);
78
75
  --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);
79
79
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
80
80
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
81
81
  --spacing-comp-calendar-ico-size: var(--spacing-16);
82
+ --spacing-comp-calendar-radius-card: var(--radius-xl);
82
83
  --spacing-comp-calendar-window-size: var(--spacing-40);
83
- --spacing-comp-card-p-hor: var(--spacing-2xl);
84
- --spacing-comp-card-p-ver: var(--spacing-2xl);
84
+ --spacing-comp-calendar-radius-window: var(--radius-full);
85
85
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
86
86
  --spacing-comp-card-category-p: var(--spacing-3xl);
87
87
  --spacing-comp-card-category-h: var(--spacing-96);
88
88
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
89
89
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-8xl);
90
90
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
91
+ --spacing-comp-card-account-gap-def: var(--spacing-16);
92
+ --spacing-comp-card-account-gap-mf: var(--spacing-20);
93
+ --spacing-comp-card-account-radius: var(--radius-2xl);
94
+ --spacing-comp-card-account-gap-lg: var(--spacing-32);
95
+ --spacing-comp-card-account-p-hor-def: var(--spacing-32);
96
+ --spacing-comp-card-account-p-ver: var(--spacing-32);
97
+ --spacing-comp-card-account-p-hor-lg: var(--spacing-40);
98
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
99
+ --spacing-comp-card-checkout-radius: var(--radius-xl);
100
+ --spacing-comp-card-checkout-p-hor: var(--spacing-24);
101
+ --spacing-comp-card-checkout-p-ver: var(--spacing-24);
102
+ --spacing-comp-card-muzain-radius: var(--radius-xl);
103
+ --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
104
+ --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
91
105
  --spacing-comp-carousel-circle-size: var(--spacing-28);
92
106
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
93
- --spacing-comp-checkout-card-p-bottom: var(--spacing-12);
94
- --spacing-comp-checkout-card-radius: var(--radius-xl);
95
- --spacing-comp-checkout-card-p-hor: var(--spacing-24);
96
- --spacing-comp-checkout-card-p-ver: var(--spacing-24);
107
+ --spacing-comp-checkbox-radius: var(--radius-xs);
108
+ --spacing-comp-chip-gap: var(--spacing-6);
109
+ --spacing-comp-chip-p-hor: var(--spacing-8);
110
+ --spacing-comp-chip-p-ver: var(--spacing-12);
111
+ --spacing-comp-chip-radius: var(--radius-full);
97
112
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
98
113
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
114
+ --spacing-comp-dialog-radius: var(--radius-2xl);
99
115
  --spacing-comp-dialog-p: var(--spacing-3xl);
100
116
  --spacing-comp-dialog-gap: var(--spacing-4xl);
101
117
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
@@ -111,11 +127,16 @@
111
127
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
112
128
  --spacing-comp-dot-size-divider: var(--spacing-4);
113
129
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
130
+ --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
131
+ --spacing-comp-dropdown-menu-radius: var(--radius-xl);
114
132
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
115
133
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
134
+ --spacing-comp-file-upload-radius: var(--radius-xl);
116
135
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
117
136
  --spacing-comp-header-gap: var(--spacing-lg);
118
137
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
138
+ --spacing-comp-help-button-radius: var(--radius-none);
139
+ --spacing-comp-help-button-radius-left: var(--radius-2xl);
119
140
  --spacing-comp-help-button-p: var(--spacing-32);
120
141
  --spacing-comp-help-button-h: var(--spacing-56);
121
142
  --spacing-comp-hero-card-gap-sm: var(--spacing-md);
@@ -123,6 +144,7 @@
123
144
  --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
124
145
  --spacing-comp-hero-card-p-def: var(--spacing-3xl);
125
146
  --spacing-comp-input-gap: var(--spacing-8);
147
+ --spacing-comp-input-radius-pin: var(--radius-sm);
126
148
  --spacing-comp-input-spacing-pin: var(--spacing-8);
127
149
  --spacing-comp-input-p-xsm: var(--spacing-16);
128
150
  --spacing-comp-input-p-hor: var(--spacing-24);
@@ -130,6 +152,7 @@
130
152
  --spacing-comp-input-h-small: var(--spacing-48);
131
153
  --spacing-comp-input-h-def: var(--spacing-56);
132
154
  --spacing-comp-input-h-large: var(--spacing-64);
155
+ --spacing-comp-input-radius: var(--radius-full);
133
156
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
134
157
  --spacing-comp-login-circle-size: var(--spacing-80);
135
158
  --spacing-comp-magazine-card-p-bottom: var(--spacing-2xl);
@@ -141,6 +164,10 @@
141
164
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
142
165
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
143
166
  --spacing-comp-market-category-ico-bg-size-lg: 140px;
167
+ --spacing-comp-notification-gap: var(--spacing-12);
168
+ --spacing-comp-notification-radius: var(--radius-md);
169
+ --spacing-comp-notification-p-hor: var(--spacing-16);
170
+ --spacing-comp-notification-p-ver: var(--spacing-16);
144
171
  --spacing-comp-paggination-size: var(--spacing-3xl);
145
172
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
146
173
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
@@ -155,9 +182,12 @@
155
182
  --spacing-comp-radio-w-stroke: var(--spacing-1);
156
183
  --spacing-comp-radio-dot-size: var(--spacing-10);
157
184
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
185
+ --spacing-comp-segmented-control-radius-item: var(--radius-sm);
158
186
  --spacing-comp-segmented-control-p: var(--spacing-12);
187
+ --spacing-comp-segmented-control-radius: var(--radius-md);
159
188
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
160
189
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
190
+ --spacing-comp-segmented-icon-control-radius: var(--radius-full);
161
191
  --spacing-comp-select-p-large: var(--spacing-16);
162
192
  --spacing-comp-select-p-xsm: var(--spacing-16);
163
193
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -165,7 +195,17 @@
165
195
  --spacing-comp-select-h-small: var(--spacing-48);
166
196
  --spacing-comp-select-h-def: var(--spacing-56);
167
197
  --spacing-comp-select-h-large: var(--spacing-64);
198
+ --spacing-comp-select-radius: var(--radius-full);
168
199
  --spacing-comp-select-icon-size: var(--spacing-24);
200
+ --spacing-comp-sheet-gap: 16px;
201
+ --spacing-comp-sheet-p-hor-def: 24px;
202
+ --spacing-comp-sheet-p-ver-def: 24px;
203
+ --spacing-comp-sheet-h-sm: 240px;
204
+ --spacing-comp-sheet-h-md: 360px;
205
+ --spacing-comp-sheet-w-sm: 400px;
206
+ --spacing-comp-sheet-h-lg: 520px;
207
+ --spacing-comp-sheet-w-md: 640px;
208
+ --spacing-comp-sheet-w-lg: 720px;
169
209
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
170
210
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
171
211
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -175,10 +215,13 @@
175
215
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
176
216
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
177
217
  --spacing-comp-switch-height-def: 0px;
218
+ --spacing-comp-switch-radius: var(--radius-full);
178
219
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
179
220
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
180
221
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
181
222
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
223
+ --spacing-comp-table-radius-sm: var(--radius-lg);
224
+ --spacing-comp-table-radius-def: var(--radius-xl);
182
225
  --spacing-comp-table-p: var(--spacing-2xl);
183
226
  --spacing-comp-table-img-size: var(--spacing-40);
184
227
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -187,17 +230,30 @@
187
230
  --spacing-comp-tag-ico-size: var(--spacing-16);
188
231
  --spacing-comp-tag-h-sm: var(--spacing-24);
189
232
  --spacing-comp-tag-h-def: var(--spacing-32);
233
+ --spacing-comp-tag-radius: var(--radius-full);
234
+ --spacing-comp-text-area-radius: var(--radius-xl);
235
+ --spacing-comp-texteditor-radius: var(--radius-xl);
190
236
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
191
237
  --spacing-comp-time-picker-container-h: var(--spacing-56);
238
+ --spacing-comp-toast-p-hor: var(--spacing-20);
239
+ --spacing-comp-toast-p-ver: var(--spacing-20);
240
+ --spacing-comp-toast-radius: var(--radius-xl);
241
+ --spacing-comp-toggle-number-size: var(--spacing-24);
242
+ --spacing-comp-toggle-number-radius: var(--radius-3xl);
243
+ --spacing-comp-tooltip-p-hor: var(--spacing-12);
244
+ --spacing-comp-tooltip-radius: var(--radius-md);
245
+ --spacing-comp-tooltip-p-ver: var(--spacing-16);
192
246
  --spacing-comp-view-client-p-hor: var(--spacing-sm);
193
247
  --spacing-comp-view-client-p-left: var(--spacing-sm);
194
248
  --spacing-comp-view-client-p-right: var(--spacing-lg);
195
249
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
196
250
  --spacing-comp-view-client-gap: var(--spacing-4xl);
197
251
  --spacing-comp-view-client-corner-radius: var(--radius-full);
252
+ --spacing-comp-webcheckout-logo-h: var(--spacing-48);
198
253
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
199
254
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
200
- --spacing-comp-webcheckout-table-cells-p: var(--spacing-lg);
255
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
256
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
201
257
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
202
258
  --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
203
259
  --spacing-icon-xxsmall: var(--spacing-12);
@@ -259,18 +315,13 @@
259
315
  --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
260
316
  --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
261
317
  --spacing-comp-accordion-p-hor: var(--spacing-xl);
318
+ --spacing-comp-accordion-radius: var(--radius-xl);
262
319
  --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
263
320
  --spacing-comp-accordion-p: var(--spacing-2xl);
264
- --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
321
+ --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
322
+ --spacing-comp-accordion-settings-radius: var(--radius-xl);
265
323
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
266
324
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
267
- --spacing-comp-account-card-gap-def: var(--spacing-16);
268
- --spacing-comp-account-card-gap-mf: var(--spacing-20);
269
- --spacing-comp-account-card-radius: var(--radius-2xl);
270
- --spacing-comp-account-card-p-hor-def: var(--spacing-24);
271
- --spacing-comp-account-card-p-ver: var(--spacing-24);
272
- --spacing-comp-account-card-gap-lg: var(--spacing-32);
273
- --spacing-comp-account-card-p-hor-lg: var(--spacing-32);
274
325
  --spacing-comp-account-icon-radius: var(--radius-2xl);
275
326
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-80);
276
327
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
@@ -282,8 +333,10 @@
282
333
  --spacing-comp-alert-hor-p-lg: var(--spacing-md);
283
334
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
284
335
  --spacing-comp-alert-ico-size: var(--spacing-xl);
336
+ --spacing-comp-alert-radius: var(--radius-2xl);
285
337
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
286
338
  --spacing-comp-attachment-p: var(--spacing-2xl);
339
+ --spacing-comp-avatar-radius: var(--radius-full);
287
340
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
288
341
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
289
342
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-md);
@@ -303,25 +356,44 @@
303
356
  --spacing-comp-button-w-def: var(--spacing-56);
304
357
  --spacing-comp-button-h-lg: var(--spacing-64);
305
358
  --spacing-comp-button-w-lg: var(--spacing-64);
359
+ --spacing-comp-button-radius: var(--radius-full);
360
+ --spacing-comp-button-radius-swipe: var(--radius-full);
361
+ --spacing-comp-button-arrow-radius: var(--radius-full);
306
362
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
307
363
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
308
364
  --spacing-comp-calendar-ico-size: var(--spacing-16);
365
+ --spacing-comp-calendar-radius-card: var(--radius-xl);
309
366
  --spacing-comp-calendar-window-size: var(--spacing-40);
310
- --spacing-comp-card-p-hor: var(--spacing-2xl);
311
- --spacing-comp-card-p-ver: var(--spacing-2xl);
367
+ --spacing-comp-calendar-radius-window: var(--radius-full);
312
368
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
313
369
  --spacing-comp-card-category-p: var(--spacing-2xl);
314
370
  --spacing-comp-card-category-h: var(--spacing-96);
315
371
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
316
372
  --spacing-comp-card-dashboard-p-right: var(--spacing-3xl);
317
373
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-7xl);
374
+ --spacing-comp-card-account-gap-def: var(--spacing-16);
375
+ --spacing-comp-card-account-gap-mf: var(--spacing-20);
376
+ --spacing-comp-card-account-radius: var(--radius-2xl);
377
+ --spacing-comp-card-account-p-hor-def: var(--spacing-24);
378
+ --spacing-comp-card-account-p-ver: var(--spacing-24);
379
+ --spacing-comp-card-account-gap-lg: var(--spacing-32);
380
+ --spacing-comp-card-account-p-hor-lg: var(--spacing-32);
381
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
382
+ --spacing-comp-card-checkout-p-ver: var(--spacing-20);
383
+ --spacing-comp-card-checkout-radius: var(--radius-xl);
384
+ --spacing-comp-card-checkout-p-hor: var(--spacing-24);
385
+ --spacing-comp-card-muzain-radius: var(--radius-xl);
386
+ --spacing-comp-card-muzain-p-hor: var(--spacing-2xl);
387
+ --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
318
388
  --spacing-comp-carousel-circle-size: var(--spacing-28);
319
389
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
320
- --spacing-comp-checkout-card-p-bottom: var(--spacing-12);
321
- --spacing-comp-checkout-card-p-ver: var(--spacing-20);
322
- --spacing-comp-checkout-card-radius: var(--radius-xl);
323
- --spacing-comp-checkout-card-p-hor: var(--spacing-24);
390
+ --spacing-comp-checkbox-radius: var(--radius-xs);
391
+ --spacing-comp-chip-gap: var(--spacing-6);
392
+ --spacing-comp-chip-p-hor: var(--spacing-8);
393
+ --spacing-comp-chip-p-ver: var(--spacing-12);
394
+ --spacing-comp-chip-radius: var(--radius-full);
324
395
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
396
+ --spacing-comp-dialog-radius: var(--radius-2xl);
325
397
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
326
398
  --spacing-comp-dialog-p: var(--spacing-3xl);
327
399
  --spacing-comp-dialog-gap: var(--spacing-4xl);
@@ -338,11 +410,16 @@
338
410
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
339
411
  --spacing-comp-dot-size-divider: var(--spacing-4);
340
412
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
413
+ --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
414
+ --spacing-comp-dropdown-menu-radius: var(--radius-xl);
341
415
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
342
416
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
417
+ --spacing-comp-file-upload-radius: var(--radius-xl);
343
418
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
344
419
  --spacing-comp-header-gap: var(--spacing-lg);
345
420
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
421
+ --spacing-comp-help-button-radius: var(--radius-none);
422
+ --spacing-comp-help-button-radius-left: var(--radius-2xl);
346
423
  --spacing-comp-help-button-p: var(--spacing-24);
347
424
  --spacing-comp-help-button-h: var(--spacing-56);
348
425
  --spacing-comp-hero-card-gap-sm: var(--spacing-md);
@@ -350,6 +427,7 @@
350
427
  --spacing-comp-hero-card-p-def: var(--spacing-2xl);
351
428
  --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
352
429
  --spacing-comp-input-gap: var(--spacing-8);
430
+ --spacing-comp-input-radius-pin: var(--radius-sm);
353
431
  --spacing-comp-input-spacing-pin: var(--spacing-8);
354
432
  --spacing-comp-input-p-xsm: var(--spacing-16);
355
433
  --spacing-comp-input-p-hor: var(--spacing-24);
@@ -357,6 +435,7 @@
357
435
  --spacing-comp-input-h-small: var(--spacing-48);
358
436
  --spacing-comp-input-h-def: var(--spacing-56);
359
437
  --spacing-comp-input-h-large: var(--spacing-64);
438
+ --spacing-comp-input-radius: var(--radius-full);
360
439
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
361
440
  --spacing-comp-login-circle-size: var(--spacing-80);
362
441
  --spacing-comp-magazine-card-p-bottom: var(--spacing-xl);
@@ -368,6 +447,10 @@
368
447
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
369
448
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
370
449
  --spacing-comp-market-category-ico-bg-size-lg: 100px;
450
+ --spacing-comp-notification-gap: var(--spacing-12);
451
+ --spacing-comp-notification-radius: var(--radius-md);
452
+ --spacing-comp-notification-p-hor: var(--spacing-16);
453
+ --spacing-comp-notification-p-ver: var(--spacing-16);
371
454
  --spacing-comp-paggination-size: var(--spacing-3xl);
372
455
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
373
456
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
@@ -382,9 +465,12 @@
382
465
  --spacing-comp-radio-w-stroke: var(--spacing-1);
383
466
  --spacing-comp-radio-dot-size: var(--spacing-10);
384
467
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
468
+ --spacing-comp-segmented-control-radius-item: var(--radius-sm);
385
469
  --spacing-comp-segmented-control-p: var(--spacing-12);
470
+ --spacing-comp-segmented-control-radius: var(--radius-md);
386
471
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
387
472
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
473
+ --spacing-comp-segmented-icon-control-radius: var(--radius-full);
388
474
  --spacing-comp-select-p-large: var(--spacing-16);
389
475
  --spacing-comp-select-p-xsm: var(--spacing-16);
390
476
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -392,7 +478,17 @@
392
478
  --spacing-comp-select-h-small: var(--spacing-48);
393
479
  --spacing-comp-select-h-def: var(--spacing-56);
394
480
  --spacing-comp-select-h-large: var(--spacing-64);
481
+ --spacing-comp-select-radius: var(--radius-full);
395
482
  --spacing-comp-select-icon-size: var(--spacing-24);
483
+ --spacing-comp-sheet-gap: 16px;
484
+ --spacing-comp-sheet-p-hor-def: 24px;
485
+ --spacing-comp-sheet-p-ver-def: 24px;
486
+ --spacing-comp-sheet-h-sm: 240px;
487
+ --spacing-comp-sheet-h-md: 360px;
488
+ --spacing-comp-sheet-w-sm: 400px;
489
+ --spacing-comp-sheet-h-lg: 520px;
490
+ --spacing-comp-sheet-w-md: 640px;
491
+ --spacing-comp-sheet-w-lg: 720px;
396
492
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
397
493
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
398
494
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -402,10 +498,13 @@
402
498
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
403
499
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
404
500
  --spacing-comp-switch-height-def: 0px;
501
+ --spacing-comp-switch-radius: var(--radius-full);
405
502
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
406
503
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
407
504
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
408
505
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
506
+ --spacing-comp-table-radius-sm: var(--radius-lg);
507
+ --spacing-comp-table-radius-def: var(--radius-xl);
409
508
  --spacing-comp-table-p: var(--spacing-2xl);
410
509
  --spacing-comp-table-img-size: var(--spacing-40);
411
510
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -414,19 +513,32 @@
414
513
  --spacing-comp-tag-ico-size: var(--spacing-16);
415
514
  --spacing-comp-tag-h-sm: var(--spacing-24);
416
515
  --spacing-comp-tag-h-def: var(--spacing-32);
516
+ --spacing-comp-tag-radius: var(--radius-full);
517
+ --spacing-comp-text-area-radius: var(--radius-xl);
518
+ --spacing-comp-texteditor-radius: var(--radius-xl);
417
519
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
418
520
  --spacing-comp-time-picker-container-h: var(--spacing-56);
521
+ --spacing-comp-toast-p-hor: var(--spacing-20);
522
+ --spacing-comp-toast-p-ver: var(--spacing-20);
523
+ --spacing-comp-toast-radius: var(--radius-xl);
524
+ --spacing-comp-toggle-number-radius: var(--radius-3xl);
525
+ --spacing-comp-toggle-number-size: var(--spacing-24);
526
+ --spacing-comp-tooltip-p-hor: var(--spacing-12);
527
+ --spacing-comp-tooltip-radius: var(--radius-md);
528
+ --spacing-comp-tooltip-p-ver: var(--spacing-16);
419
529
  --spacing-comp-view-client-p-hor: var(--spacing-md);
420
530
  --spacing-comp-view-client-p-right: var(--spacing-md);
421
531
  --spacing-comp-view-client-p-left: var(--spacing-lg);
422
532
  --spacing-comp-view-client-corner-radius: var(--radius-3xl);
423
533
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
424
534
  --spacing-comp-view-client-gap: var(--spacing-4xl);
535
+ --spacing-comp-webcheckout-logo-h: var(--spacing-40);
425
536
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
426
537
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
427
- --spacing-comp-webcheckout-table-cells-p: var(--spacing-lg);
538
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
539
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
428
540
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
429
- --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
541
+ --spacing-comp-webcheckout-table-cells-h: var(--spacing-80);
430
542
  --spacing-icon-xxsmall: var(--spacing-12);
431
543
  --spacing-icon-xsmall: var(--spacing-16);
432
544
  --spacing-icon-medium: var(--spacing-20);
@@ -489,17 +601,12 @@
489
601
  --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
490
602
  --spacing-comp-accordion-p: var(--spacing-lg);
491
603
  --spacing-comp-accordion-p-hor: var(--spacing-lg);
604
+ --spacing-comp-accordion-radius: var(--radius-xl);
492
605
  --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
606
+ --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
493
607
  --spacing-comp-accordion-settings-p: var(--spacing-lg);
494
- --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
608
+ --spacing-comp-accordion-settings-radius: var(--radius-xl);
495
609
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
496
- --spacing-comp-account-card-gap-def: var(--spacing-16);
497
- --spacing-comp-account-card-gap-mf: var(--spacing-16);
498
- --spacing-comp-account-card-p-hor-def: var(--spacing-16);
499
- --spacing-comp-account-card-p-ver: var(--spacing-16);
500
- --spacing-comp-account-card-radius: var(--radius-2xl);
501
- --spacing-comp-account-card-gap-lg: var(--spacing-24);
502
- --spacing-comp-account-card-p-hor-lg: var(--spacing-24);
503
610
  --spacing-comp-account-icon-radius: var(--radius-md);
504
611
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-56);
505
612
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
@@ -511,8 +618,10 @@
511
618
  --spacing-comp-alert-hor-p-lg: var(--spacing-md);
512
619
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
513
620
  --spacing-comp-alert-ico-size: var(--spacing-xl);
621
+ --spacing-comp-alert-radius: var(--radius-2xl);
514
622
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
515
623
  --spacing-comp-attachment-p: var(--spacing-xl);
624
+ --spacing-comp-avatar-radius: var(--radius-full);
516
625
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
517
626
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
518
627
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-md);
@@ -532,27 +641,46 @@
532
641
  --spacing-comp-button-w-def: var(--spacing-56);
533
642
  --spacing-comp-button-h-lg: var(--spacing-64);
534
643
  --spacing-comp-button-w-lg: var(--spacing-64);
644
+ --spacing-comp-button-radius: var(--radius-full);
645
+ --spacing-comp-button-radius-swipe: var(--radius-full);
646
+ --spacing-comp-button-arrow-radius: var(--radius-full);
535
647
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
536
648
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
537
649
  --spacing-comp-calendar-ico-size: var(--spacing-16);
650
+ --spacing-comp-calendar-radius-card: var(--radius-xl);
538
651
  --spacing-comp-calendar-window-size: var(--spacing-40);
539
- --spacing-comp-card-p-ver: var(--spacing-lg);
540
- --spacing-comp-card-p-hor: var(--spacing-xl);
652
+ --spacing-comp-calendar-radius-window: var(--radius-full);
541
653
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
542
654
  --spacing-comp-card-category-p: var(--spacing-2xl);
543
655
  --spacing-comp-card-category-h: var(--spacing-96);
544
656
  --spacing-comp-card-dashboard-p: var(--spacing-2xl);
545
657
  --spacing-comp-card-dashboard-p-right: var(--spacing-2xl);
546
658
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-6xl);
659
+ --spacing-comp-card-account-gap-def: var(--spacing-16);
660
+ --spacing-comp-card-account-gap-mf: var(--spacing-16);
661
+ --spacing-comp-card-account-p-hor-def: var(--spacing-16);
662
+ --spacing-comp-card-account-p-ver: var(--spacing-16);
663
+ --spacing-comp-card-account-radius: var(--radius-2xl);
664
+ --spacing-comp-card-account-gap-lg: var(--spacing-24);
665
+ --spacing-comp-card-account-p-hor-lg: var(--spacing-24);
666
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
667
+ --spacing-comp-card-checkout-p-ver: var(--spacing-16);
668
+ --spacing-comp-card-checkout-radius: var(--radius-xl);
669
+ --spacing-comp-card-checkout-p-hor: var(--spacing-24);
670
+ --spacing-comp-card-muzain-p-ver: var(--spacing-lg);
671
+ --spacing-comp-card-muzain-p-hor: var(--spacing-xl);
672
+ --spacing-comp-card-muzain-radius: var(--radius-xl);
547
673
  --spacing-comp-carousel-circle-size: var(--spacing-24);
548
674
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
549
- --spacing-comp-checkout-card-p-bottom: var(--spacing-12);
550
- --spacing-comp-checkout-card-p-ver: var(--spacing-16);
551
- --spacing-comp-checkout-card-radius: var(--radius-xl);
552
- --spacing-comp-checkout-card-p-hor: var(--spacing-24);
675
+ --spacing-comp-checkbox-radius: var(--radius-xs);
676
+ --spacing-comp-chip-gap: var(--spacing-6);
677
+ --spacing-comp-chip-p-hor: var(--spacing-8);
678
+ --spacing-comp-chip-p-ver: var(--spacing-12);
679
+ --spacing-comp-chip-radius: var(--radius-full);
553
680
  --spacing-comp-dialog-p: var(--spacing-xl);
554
681
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-xl);
555
682
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
683
+ --spacing-comp-dialog-radius: var(--radius-2xl);
556
684
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
557
685
  --spacing-comp-dialog-gap: var(--spacing-3xl);
558
686
  --spacing-comp-dialog-img-h: var(--spacing-56);
@@ -567,11 +695,16 @@
567
695
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
568
696
  --spacing-comp-dot-size-divider: var(--spacing-4);
569
697
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
698
+ --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
699
+ --spacing-comp-dropdown-menu-radius: var(--radius-xl);
570
700
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
571
701
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
702
+ --spacing-comp-file-upload-radius: var(--radius-xl);
572
703
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
573
704
  --spacing-comp-header-gap: var(--spacing-lg);
574
705
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
706
+ --spacing-comp-help-button-radius: var(--radius-none);
707
+ --spacing-comp-help-button-radius-left: var(--radius-2xl);
575
708
  --spacing-comp-help-button-p: var(--spacing-24);
576
709
  --spacing-comp-help-button-h: var(--spacing-48);
577
710
  --spacing-comp-hero-card-gap-def: var(--spacing-md);
@@ -579,6 +712,7 @@
579
712
  --spacing-comp-hero-card-p-def: var(--spacing-2xl);
580
713
  --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
581
714
  --spacing-comp-input-gap: var(--spacing-8);
715
+ --spacing-comp-input-radius-pin: var(--radius-sm);
582
716
  --spacing-comp-input-spacing-pin: var(--spacing-8);
583
717
  --spacing-comp-input-p-xsm: var(--spacing-16);
584
718
  --spacing-comp-input-p-hor: var(--spacing-20);
@@ -586,6 +720,7 @@
586
720
  --spacing-comp-input-h-small: var(--spacing-48);
587
721
  --spacing-comp-input-h-def: var(--spacing-56);
588
722
  --spacing-comp-input-h-large: var(--spacing-64);
723
+ --spacing-comp-input-radius: var(--radius-full);
589
724
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
590
725
  --spacing-comp-login-circle-size: var(--spacing-64);
591
726
  --spacing-comp-magazine-card-p-bottom: var(--spacing-xl);
@@ -597,6 +732,10 @@
597
732
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
598
733
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-40);
599
734
  --spacing-comp-market-category-ico-bg-size-lg: 100px;
735
+ --spacing-comp-notification-gap: var(--spacing-12);
736
+ --spacing-comp-notification-radius: var(--radius-md);
737
+ --spacing-comp-notification-p-hor: var(--spacing-16);
738
+ --spacing-comp-notification-p-ver: var(--spacing-16);
600
739
  --spacing-comp-paggination-size: var(--spacing-3xl);
601
740
  --spacing-comp-paygate-card-p-ver: var(--spacing-20);
602
741
  --spacing-comp-paygate-card-p-hor: var(--spacing-24);
@@ -611,9 +750,12 @@
611
750
  --spacing-comp-radio-w-stroke: var(--spacing-1);
612
751
  --spacing-comp-radio-dot-size: var(--spacing-10);
613
752
  --spacing-comp-search-result-poi-logo-size: var(--spacing-40);
753
+ --spacing-comp-segmented-control-radius-item: var(--radius-sm);
614
754
  --spacing-comp-segmented-control-p: var(--spacing-12);
755
+ --spacing-comp-segmented-control-radius: var(--radius-md);
615
756
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
616
757
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
758
+ --spacing-comp-segmented-icon-control-radius: var(--radius-full);
617
759
  --spacing-comp-select-p-large: var(--spacing-16);
618
760
  --spacing-comp-select-p-xsm: var(--spacing-16);
619
761
  --spacing-comp-select-p-def: var(--spacing-20);
@@ -621,7 +763,17 @@
621
763
  --spacing-comp-select-h-small: var(--spacing-48);
622
764
  --spacing-comp-select-h-def: var(--spacing-56);
623
765
  --spacing-comp-select-h-large: var(--spacing-64);
766
+ --spacing-comp-select-radius: var(--radius-full);
624
767
  --spacing-comp-select-icon-size: var(--spacing-24);
768
+ --spacing-comp-sheet-gap: 16px;
769
+ --spacing-comp-sheet-p-hor-def: 20px;
770
+ --spacing-comp-sheet-p-ver-def: 20px;
771
+ --spacing-comp-sheet-h-sm: 200px;
772
+ --spacing-comp-sheet-h-md: 320px;
773
+ --spacing-comp-sheet-w-lg: 335px;
774
+ --spacing-comp-sheet-w-md: 335px;
775
+ --spacing-comp-sheet-w-sm: 335px;
776
+ --spacing-comp-sheet-h-lg: 480px;
625
777
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
626
778
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
627
779
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -631,11 +783,14 @@
631
783
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
632
784
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
633
785
  --spacing-comp-switch-height-def: 0px;
786
+ --spacing-comp-switch-radius: var(--radius-full);
634
787
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
635
788
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
636
789
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
637
790
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
791
+ --spacing-comp-table-radius-sm: var(--radius-lg);
638
792
  --spacing-comp-table-p: var(--spacing-xl);
793
+ --spacing-comp-table-radius-def: var(--radius-xl);
639
794
  --spacing-comp-table-img-size: var(--spacing-32);
640
795
  --spacing-comp-table-h-md: var(--spacing-64);
641
796
  --spacing-comp-table-h-def: var(--spacing-72);
@@ -643,19 +798,32 @@
643
798
  --spacing-comp-tag-ico-size: var(--spacing-16);
644
799
  --spacing-comp-tag-h-sm: var(--spacing-24);
645
800
  --spacing-comp-tag-h-def: var(--spacing-32);
801
+ --spacing-comp-tag-radius: var(--radius-full);
802
+ --spacing-comp-text-area-radius: var(--radius-xl);
803
+ --spacing-comp-texteditor-radius: var(--radius-xl);
646
804
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
647
805
  --spacing-comp-time-picker-container-h: var(--spacing-48);
806
+ --spacing-comp-toast-p-hor: var(--spacing-16);
807
+ --spacing-comp-toast-p-ver: var(--spacing-16);
808
+ --spacing-comp-toast-radius: var(--radius-xl);
809
+ --spacing-comp-toggle-number-radius: var(--radius-3xl);
810
+ --spacing-comp-toggle-number-size: var(--spacing-24);
811
+ --spacing-comp-tooltip-p-hor: var(--spacing-12);
812
+ --spacing-comp-tooltip-radius: var(--radius-md);
813
+ --spacing-comp-tooltip-p-ver: var(--spacing-16);
648
814
  --spacing-comp-view-client-p-hor: var(--spacing-md);
649
815
  --spacing-comp-view-client-p-right: var(--spacing-md);
650
816
  --spacing-comp-view-client-gap: var(--spacing-lg);
651
817
  --spacing-comp-view-client-p-left: var(--spacing-lg);
652
818
  --spacing-comp-view-client-corner-radius: var(--radius-3xl);
653
819
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
820
+ --spacing-comp-webcheckout-logo-h: var(--spacing-40);
654
821
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-sm);
655
822
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
656
- --spacing-comp-webcheckout-table-cells-p: var(--spacing-lg);
823
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-2xs);
824
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
657
825
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
658
- --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
826
+ --spacing-comp-webcheckout-table-cells-h: 90px;
659
827
  --spacing-icon-xxsmall: var(--spacing-12);
660
828
  --spacing-icon-xsmall: var(--spacing-16);
661
829
  --spacing-icon-medium: var(--spacing-20);
@@ -717,18 +885,13 @@
717
885
  --spacing-comp-accordion-ico-size-sm: var(--spacing-md);
718
886
  --spacing-comp-accordion-ico-size-md: var(--spacing-lg);
719
887
  --spacing-comp-accordion-p-hor: var(--spacing-xl);
888
+ --spacing-comp-accordion-radius: var(--radius-xl);
720
889
  --spacing-comp-accordion-ico-size-lg: var(--spacing-2xl);
721
890
  --spacing-comp-accordion-p: var(--spacing-2xl);
722
- --spacing-comp-accordion-settings-corner-radius: var(--radius-xl);
891
+ --spacing-comp-accordion-settings-p-top: var(--spacing-sm);
892
+ --spacing-comp-accordion-settings-radius: var(--radius-xl);
723
893
  --spacing-comp-accordion-settings-gap: var(--spacing-2xl);
724
894
  --spacing-comp-accordion-settings-p: var(--spacing-2xl);
725
- --spacing-comp-account-card-gap-def: var(--spacing-16);
726
- --spacing-comp-account-card-gap-mf: var(--spacing-20);
727
- --spacing-comp-account-card-radius: var(--radius-2xl);
728
- --spacing-comp-account-card-gap-lg: var(--spacing-32);
729
- --spacing-comp-account-card-p-hor-def: var(--spacing-32);
730
- --spacing-comp-account-card-p-ver: var(--spacing-32);
731
- --spacing-comp-account-card-p-hor-lg: var(--spacing-40);
732
895
  --spacing-comp-account-icon-radius: var(--radius-2xl);
733
896
  --spacing-comp-account-icon-ico-bg-size: var(--spacing-96);
734
897
  --spacing-comp-admin-header-p-hor: var(--spacing-lg);
@@ -741,7 +904,9 @@
741
904
  --spacing-comp-alert-ver-p-sm: var(--spacing-lg);
742
905
  --spacing-comp-alert-ico-size: var(--spacing-xl);
743
906
  --spacing-comp-alert-ver-p-lg: var(--spacing-xl);
907
+ --spacing-comp-alert-radius: var(--radius-2xl);
744
908
  --spacing-comp-attachment-p: var(--spacing-2xl);
909
+ --spacing-comp-avatar-radius: var(--radius-full);
745
910
  --spacing-comp-benefit-card-ico-size: var(--spacing-16);
746
911
  --spacing-comp-breadcrumb-gap: var(--spacing-sm);
747
912
  --spacing-comp-breadcrumb-ico-size-sm: var(--spacing-lg);
@@ -761,26 +926,45 @@
761
926
  --spacing-comp-button-w-def: var(--spacing-56);
762
927
  --spacing-comp-button-h-lg: var(--spacing-64);
763
928
  --spacing-comp-button-w-lg: var(--spacing-64);
929
+ --spacing-comp-button-radius: var(--radius-full);
930
+ --spacing-comp-button-radius-swipe: var(--radius-full);
931
+ --spacing-comp-button-arrow-radius: var(--radius-full);
764
932
  --spacing-comp-button-arrow-bg-size-sm: var(--spacing-3xl);
765
933
  --spacing-comp-button-arrow-bg-size-def: var(--spacing-4xl);
766
934
  --spacing-comp-calendar-ico-size: var(--spacing-16);
935
+ --spacing-comp-calendar-radius-card: var(--radius-xl);
767
936
  --spacing-comp-calendar-window-size: var(--spacing-40);
768
- --spacing-comp-card-p-ver: var(--spacing-2xl);
769
- --spacing-comp-card-p-hor: var(--spacing-3xl);
937
+ --spacing-comp-calendar-radius-window: var(--radius-full);
770
938
  --spacing-comp-card-category-ico-size: var(--spacing-2xl);
771
939
  --spacing-comp-card-category-p: var(--spacing-3xl);
772
940
  --spacing-comp-card-category-h: var(--spacing-96);
773
941
  --spacing-comp-card-dashboard-p: var(--spacing-3xl);
774
942
  --spacing-comp-card-dashboard-ico-bg-size: var(--spacing-8xl);
775
943
  --spacing-comp-card-dashboard-p-right: var(--spacing-8xl);
944
+ --spacing-comp-card-account-gap-def: var(--spacing-16);
945
+ --spacing-comp-card-account-gap-mf: var(--spacing-20);
946
+ --spacing-comp-card-account-radius: var(--radius-2xl);
947
+ --spacing-comp-card-account-gap-lg: var(--spacing-32);
948
+ --spacing-comp-card-account-p-hor-def: var(--spacing-32);
949
+ --spacing-comp-card-account-p-ver: var(--spacing-32);
950
+ --spacing-comp-card-account-p-hor-lg: var(--spacing-40);
951
+ --spacing-comp-card-checkout-p-bottom: var(--spacing-12);
952
+ --spacing-comp-card-checkout-radius: var(--radius-xl);
953
+ --spacing-comp-card-checkout-p-hor: var(--spacing-24);
954
+ --spacing-comp-card-checkout-p-ver: var(--spacing-24);
955
+ --spacing-comp-card-muzain-radius: var(--radius-xl);
956
+ --spacing-comp-card-muzain-p-ver: var(--spacing-2xl);
957
+ --spacing-comp-card-muzain-p-hor: var(--spacing-3xl);
776
958
  --spacing-comp-carousel-circle-size: var(--spacing-28);
777
959
  --spacing-comp-checkbox-w-stroke: var(--spacing-1);
778
- --spacing-comp-checkout-card-p-bottom: var(--spacing-12);
779
- --spacing-comp-checkout-card-radius: var(--radius-xl);
780
- --spacing-comp-checkout-card-p-hor: var(--spacing-24);
781
- --spacing-comp-checkout-card-p-ver: var(--spacing-24);
960
+ --spacing-comp-checkbox-radius: var(--radius-xs);
961
+ --spacing-comp-chip-gap: var(--spacing-6);
962
+ --spacing-comp-chip-p-hor: var(--spacing-8);
963
+ --spacing-comp-chip-p-ver: var(--spacing-12);
964
+ --spacing-comp-chip-radius: var(--radius-full);
782
965
  --spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
783
966
  --spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
967
+ --spacing-comp-dialog-radius: var(--radius-2xl);
784
968
  --spacing-comp-dialog-p: var(--spacing-3xl);
785
969
  --spacing-comp-dialog-gap: var(--spacing-4xl);
786
970
  --spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
@@ -796,11 +980,16 @@
796
980
  --spacing-comp-dialog-android-p-ver-def: var(--spacing-2xl);
797
981
  --spacing-comp-dot-size-divider: var(--spacing-4);
798
982
  --spacing-comp-dot-size-placeholder: var(--spacing-6);
983
+ --spacing-comp-dropdown-menu-radius-item: var(--radius-md);
984
+ --spacing-comp-dropdown-menu-radius: var(--radius-xl);
799
985
  --spacing-comp-empty-state-gap: var(--spacing-2xl);
800
986
  --spacing-comp-empty-state-ico-size: var(--spacing-48);
987
+ --spacing-comp-file-upload-radius: var(--radius-xl);
801
988
  --spacing-comp-file-upload-ico-size: var(--spacing-32);
802
989
  --spacing-comp-header-gap: var(--spacing-lg);
803
990
  --spacing-comp-header-p-hor-d: var(--spacing-xl);
991
+ --spacing-comp-help-button-radius: var(--radius-none);
992
+ --spacing-comp-help-button-radius-left: var(--radius-2xl);
804
993
  --spacing-comp-help-button-p: var(--spacing-32);
805
994
  --spacing-comp-help-button-h: var(--spacing-56);
806
995
  --spacing-comp-hero-card-gap-sm: var(--spacing-md);
@@ -808,6 +997,7 @@
808
997
  --spacing-comp-hero-card-p-sm: var(--spacing-2xl);
809
998
  --spacing-comp-hero-card-p-def: var(--spacing-3xl);
810
999
  --spacing-comp-input-gap: var(--spacing-8);
1000
+ --spacing-comp-input-radius-pin: var(--radius-sm);
811
1001
  --spacing-comp-input-spacing-pin: var(--spacing-8);
812
1002
  --spacing-comp-input-p-xsm: var(--spacing-16);
813
1003
  --spacing-comp-input-p-hor: var(--spacing-24);
@@ -815,6 +1005,7 @@
815
1005
  --spacing-comp-input-h-small: var(--spacing-48);
816
1006
  --spacing-comp-input-h-def: var(--spacing-56);
817
1007
  --spacing-comp-input-h-large: var(--spacing-64);
1008
+ --spacing-comp-input-radius: var(--radius-full);
818
1009
  --spacing-comp-internal-benefits-circle-size: var(--spacing-36);
819
1010
  --spacing-comp-login-circle-size: var(--spacing-80);
820
1011
  --spacing-comp-magazine-card-p-bottom: var(--spacing-2xl);
@@ -826,6 +1017,10 @@
826
1017
  --spacing-comp-market-category-ico-bg-size-sm: var(--spacing-24);
827
1018
  --spacing-comp-market-category-ico-ico-size-lg: var(--spacing-56);
828
1019
  --spacing-comp-market-category-ico-bg-size-lg: 140px;
1020
+ --spacing-comp-notification-gap: var(--spacing-12);
1021
+ --spacing-comp-notification-radius: var(--radius-md);
1022
+ --spacing-comp-notification-p-hor: var(--spacing-16);
1023
+ --spacing-comp-notification-p-ver: var(--spacing-16);
829
1024
  --spacing-comp-paggination-size: var(--spacing-3xl);
830
1025
  --spacing-comp-paygate-card-p-hor: var(--spacing-40);
831
1026
  --spacing-comp-paygate-card-p-ver: var(--spacing-40);
@@ -840,9 +1035,12 @@
840
1035
  --spacing-comp-radio-w-stroke: var(--spacing-1);
841
1036
  --spacing-comp-radio-dot-size: var(--spacing-10);
842
1037
  --spacing-comp-search-result-poi-logo-size: var(--spacing-96);
1038
+ --spacing-comp-segmented-control-radius-item: var(--radius-sm);
843
1039
  --spacing-comp-segmented-control-p: var(--spacing-12);
1040
+ --spacing-comp-segmented-control-radius: var(--radius-md);
844
1041
  --spacing-comp-segmented-control-max-width-item: var(--spacing-240);
845
1042
  --spacing-comp-segmented-control-max-width: var(--spacing-720);
1043
+ --spacing-comp-segmented-icon-control-radius: var(--radius-full);
846
1044
  --spacing-comp-select-p-large: var(--spacing-16);
847
1045
  --spacing-comp-select-p-xsm: var(--spacing-16);
848
1046
  --spacing-comp-select-p-def: var(--spacing-24);
@@ -850,7 +1048,17 @@
850
1048
  --spacing-comp-select-h-small: var(--spacing-48);
851
1049
  --spacing-comp-select-h-def: var(--spacing-56);
852
1050
  --spacing-comp-select-h-large: var(--spacing-64);
1051
+ --spacing-comp-select-radius: var(--radius-full);
853
1052
  --spacing-comp-select-icon-size: var(--spacing-24);
1053
+ --spacing-comp-sheet-gap: 16px;
1054
+ --spacing-comp-sheet-p-hor-def: 24px;
1055
+ --spacing-comp-sheet-p-ver-def: 24px;
1056
+ --spacing-comp-sheet-h-sm: 240px;
1057
+ --spacing-comp-sheet-h-md: 360px;
1058
+ --spacing-comp-sheet-w-sm: 400px;
1059
+ --spacing-comp-sheet-h-lg: 520px;
1060
+ --spacing-comp-sheet-w-md: 640px;
1061
+ --spacing-comp-sheet-w-lg: 720px;
854
1062
  --spacing-comp-slider-indicator-dot-size: var(--spacing-sm);
855
1063
  --spacing-comp-slider-indicator-gap: var(--spacing-md);
856
1064
  --spacing-comp-stepper-gap: var(--spacing-sm);
@@ -860,10 +1068,13 @@
860
1068
  --spacing-comp-submenu-admin-bg-ico-size: var(--spacing-40);
861
1069
  --spacing-comp-submenu-admin-divider-w: var(--spacing-40);
862
1070
  --spacing-comp-switch-height-def: 0px;
1071
+ --spacing-comp-switch-radius: var(--radius-full);
863
1072
  --spacing-comp-tab-bar-gap-sm: var(--spacing-2xs);
864
1073
  --spacing-comp-tab-bar-p-ver-def: var(--spacing-sm);
865
1074
  --spacing-comp-tab-bar-gap-def: var(--spacing-md);
866
1075
  --spacing-comp-tab-bar-p-hor-def: var(--spacing-2xl);
1076
+ --spacing-comp-table-radius-sm: var(--radius-lg);
1077
+ --spacing-comp-table-radius-def: var(--radius-xl);
867
1078
  --spacing-comp-table-p: var(--spacing-2xl);
868
1079
  --spacing-comp-table-img-size: var(--spacing-40);
869
1080
  --spacing-comp-table-h-md: var(--spacing-64);
@@ -872,17 +1083,30 @@
872
1083
  --spacing-comp-tag-ico-size: var(--spacing-16);
873
1084
  --spacing-comp-tag-h-sm: var(--spacing-24);
874
1085
  --spacing-comp-tag-h-def: var(--spacing-32);
1086
+ --spacing-comp-tag-radius: var(--radius-full);
1087
+ --spacing-comp-text-area-radius: var(--radius-xl);
1088
+ --spacing-comp-texteditor-radius: var(--radius-xl);
875
1089
  --spacing-comp-texteditor-ico-bg-size: var(--spacing-28);
876
1090
  --spacing-comp-time-picker-container-h: var(--spacing-56);
1091
+ --spacing-comp-toast-p-hor: var(--spacing-20);
1092
+ --spacing-comp-toast-p-ver: var(--spacing-20);
1093
+ --spacing-comp-toast-radius: var(--radius-xl);
1094
+ --spacing-comp-toggle-number-size: var(--spacing-24);
1095
+ --spacing-comp-toggle-number-radius: var(--radius-3xl);
1096
+ --spacing-comp-tooltip-p-hor: var(--spacing-12);
1097
+ --spacing-comp-tooltip-radius: var(--radius-md);
1098
+ --spacing-comp-tooltip-p-ver: var(--spacing-16);
877
1099
  --spacing-comp-view-client-p-hor: var(--spacing-sm);
878
1100
  --spacing-comp-view-client-p-left: var(--spacing-sm);
879
1101
  --spacing-comp-view-client-p-right: var(--spacing-lg);
880
1102
  --spacing-comp-view-client-ico-bg-size: var(--spacing-3xl);
881
1103
  --spacing-comp-view-client-gap: var(--spacing-4xl);
882
1104
  --spacing-comp-view-client-corner-radius: var(--radius-full);
1105
+ --spacing-comp-webcheckout-logo-h: var(--spacing-48);
883
1106
  --spacing-comp-webcheckout-table-p-hor: var(--spacing-lg);
884
1107
  --spacing-comp-webcheckout-table-p-ver: var(--spacing-lg);
885
- --spacing-comp-webcheckout-table-cells-p: var(--spacing-lg);
1108
+ --spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
1109
+ --spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
886
1110
  --spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
887
1111
  --spacing-comp-webcheckout-table-cells-h: var(--spacing-64);
888
1112
  --spacing-icon-xsmall: var(--spacing-16);