@vkzstudio/muza-ui 1.0.44 → 1.0.46

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