@megafon/ui-shared 6.5.0 → 6.6.0

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 (186) hide show
  1. package/CHANGELOG.md +22 -3
  2. package/dist/es/components/AccordionBox/AccordionBox.css +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +1 -1
  4. package/dist/es/components/AudioPlayer/AudioPlayer.js +1 -1
  5. package/dist/es/components/AudioPlayer/AudioProgress.js +1 -1
  6. package/dist/es/components/AudioPlayer/AudioRange.js +1 -1
  7. package/dist/es/components/AudioPlayer/AudioVolume.js +1 -1
  8. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +10 -10
  9. package/dist/es/components/AudioPlayer/style/AudioProgress.css +5 -5
  10. package/dist/es/components/AudioPlayer/style/AudioRange.css +8 -8
  11. package/dist/es/components/AudioPlayer/style/AudioVolume.css +7 -7
  12. package/dist/es/components/BannerBox/BannerBox.js +1 -1
  13. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +1 -1
  14. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +1 -1
  15. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +9 -9
  16. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +24 -24
  17. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +1 -1
  18. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +9 -9
  19. package/dist/es/components/BlogBox/BlogBox.css +17 -17
  20. package/dist/es/components/BlogBox/BlogBox.js +1 -1
  21. package/dist/es/components/BlogBox/components/BlogBoxTile.css +34 -34
  22. package/dist/es/components/BlogBox/components/BlogBoxTile.js +1 -1
  23. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +9 -9
  24. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +1 -1
  25. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +3 -3
  26. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +1 -1
  27. package/dist/es/components/ButtonBanner/ButtonBanner.css +21 -21
  28. package/dist/es/components/ButtonBanner/ButtonBanner.js +1 -1
  29. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +3 -3
  30. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  31. package/dist/es/components/Card/Card.css +60 -60
  32. package/dist/es/components/Card/Card.js +1 -1
  33. package/dist/es/components/CardsBox/CardsBox.js +1 -1
  34. package/dist/es/components/CarouselBox/CarouselBox.js +1 -1
  35. package/dist/es/components/Container/Container.css +1324 -1324
  36. package/dist/es/components/Container/Container.js +1 -1
  37. package/dist/es/components/DarkGradientCards/DarkGradientCards.css +2 -2
  38. package/dist/es/components/DarkGradientCards/DarkGradientCards.js +1 -1
  39. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.css +27 -27
  40. package/dist/es/components/DarkGradientCards/components/DarkGradientCard.js +1 -1
  41. package/dist/es/components/DownloadLinks/DownloadLink.css +5 -5
  42. package/dist/es/components/DownloadLinks/DownloadLink.js +1 -1
  43. package/dist/es/components/DownloadLinks/DownloadLinks.css +7 -7
  44. package/dist/es/components/DownloadLinks/DownloadLinks.js +1 -1
  45. package/dist/es/components/ImageBanner/ImageBanner.css +41 -41
  46. package/dist/es/components/ImageBanner/ImageBanner.js +1 -1
  47. package/dist/es/components/InfoCards/InfoCards.css +14 -14
  48. package/dist/es/components/InfoCards/InfoCards.js +1 -1
  49. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +43 -43
  50. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +1 -1
  51. package/dist/es/components/Instructions/Instructions.css +140 -140
  52. package/dist/es/components/Instructions/Instructions.js +1 -1
  53. package/dist/es/components/NotificationBox/NotificationBox.js +1 -1
  54. package/dist/es/components/NotificationBox/style/NotificationBox.css +5 -5
  55. package/dist/es/components/PageTitle/PageTitle.css +15 -15
  56. package/dist/es/components/PageTitle/PageTitle.js +1 -1
  57. package/dist/es/components/Partners/Partners.css +8 -8
  58. package/dist/es/components/Partners/Partners.js +1 -1
  59. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +12 -12
  60. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +1 -1
  61. package/dist/es/components/Property/Property.css +28 -28
  62. package/dist/es/components/Property/Property.js +1 -1
  63. package/dist/es/components/Property/PropertyDescription.css +2 -2
  64. package/dist/es/components/Property/PropertyDescription.js +1 -1
  65. package/dist/es/components/SidePictureCards/SidePictureCards.js +1 -1
  66. package/dist/es/components/SidePictureCards/components/SidePictureCard.css +25 -25
  67. package/dist/es/components/SidePictureCards/components/SidePictureCard.js +1 -1
  68. package/dist/es/components/Steps/Steps.css +8 -8
  69. package/dist/es/components/Steps/Steps.js +1 -1
  70. package/dist/es/components/Steps/StepsItem.css +4 -4
  71. package/dist/es/components/Steps/StepsItem.js +1 -1
  72. package/dist/es/components/StoreBanner/StoreBanner.css +67 -67
  73. package/dist/es/components/StoreBanner/StoreBanner.js +1 -1
  74. package/dist/es/components/StoreButton/StoreButton.css +121 -121
  75. package/dist/es/components/StoreButton/StoreButton.js +1 -1
  76. package/dist/es/components/Table/Table.css +27 -27
  77. package/dist/es/components/Table/Table.js +1 -1
  78. package/dist/es/components/TabsBox/TabsBox.js +1 -1
  79. package/dist/es/components/TextBox/TextBox.css +6 -6
  80. package/dist/es/components/TextBox/TextBox.js +1 -1
  81. package/dist/es/components/TextBox/TextBoxPicture.css +6 -6
  82. package/dist/es/components/TextBox/TextBoxPicture.js +1 -1
  83. package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -1
  84. package/dist/es/components/TextWithIcon/TextWithIcon.js +1 -1
  85. package/dist/es/components/TextWithIcon/TextWithIconItem.css +5 -5
  86. package/dist/es/components/TextWithIcon/TextWithIconItem.js +1 -1
  87. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +7 -7
  88. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  89. package/dist/es/components/VideoBanner/VideoBanner.css +44 -44
  90. package/dist/es/components/VideoBanner/VideoBanner.js +1 -1
  91. package/dist/es/components/VideoBlock/VideoBlock.css +18 -18
  92. package/dist/es/components/VideoBlock/VideoBlock.js +1 -1
  93. package/dist/es/helpers/getColumnConfig.d.ts +1 -1
  94. package/dist/lib/components/AccordionBox/AccordionBox.css +2 -2
  95. package/dist/lib/components/AccordionBox/AccordionBox.js +1 -1
  96. package/dist/lib/components/AudioPlayer/AudioPlayer.js +1 -1
  97. package/dist/lib/components/AudioPlayer/AudioProgress.js +1 -1
  98. package/dist/lib/components/AudioPlayer/AudioRange.js +1 -1
  99. package/dist/lib/components/AudioPlayer/AudioVolume.js +1 -1
  100. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +10 -10
  101. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +5 -5
  102. package/dist/lib/components/AudioPlayer/style/AudioRange.css +8 -8
  103. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +7 -7
  104. package/dist/lib/components/BannerBox/BannerBox.js +1 -1
  105. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +1 -1
  106. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +1 -1
  107. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +9 -9
  108. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +24 -24
  109. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +1 -1
  110. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +9 -9
  111. package/dist/lib/components/BlogBox/BlogBox.css +17 -17
  112. package/dist/lib/components/BlogBox/BlogBox.js +1 -1
  113. package/dist/lib/components/BlogBox/components/BlogBoxTile.css +34 -34
  114. package/dist/lib/components/BlogBox/components/BlogBoxTile.js +1 -1
  115. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +9 -9
  116. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +1 -1
  117. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +3 -3
  118. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +1 -1
  119. package/dist/lib/components/ButtonBanner/ButtonBanner.css +21 -21
  120. package/dist/lib/components/ButtonBanner/ButtonBanner.js +1 -1
  121. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +3 -3
  122. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +1 -1
  123. package/dist/lib/components/Card/Card.css +60 -60
  124. package/dist/lib/components/Card/Card.js +1 -1
  125. package/dist/lib/components/CardsBox/CardsBox.js +1 -1
  126. package/dist/lib/components/CarouselBox/CarouselBox.js +1 -1
  127. package/dist/lib/components/Container/Container.css +1324 -1324
  128. package/dist/lib/components/Container/Container.js +1 -1
  129. package/dist/lib/components/DarkGradientCards/DarkGradientCards.css +2 -2
  130. package/dist/lib/components/DarkGradientCards/DarkGradientCards.js +1 -1
  131. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.css +27 -27
  132. package/dist/lib/components/DarkGradientCards/components/DarkGradientCard.js +1 -1
  133. package/dist/lib/components/DownloadLinks/DownloadLink.css +5 -5
  134. package/dist/lib/components/DownloadLinks/DownloadLink.js +1 -1
  135. package/dist/lib/components/DownloadLinks/DownloadLinks.css +7 -7
  136. package/dist/lib/components/DownloadLinks/DownloadLinks.js +1 -1
  137. package/dist/lib/components/ImageBanner/ImageBanner.css +41 -41
  138. package/dist/lib/components/ImageBanner/ImageBanner.js +1 -1
  139. package/dist/lib/components/InfoCards/InfoCards.css +14 -14
  140. package/dist/lib/components/InfoCards/InfoCards.js +1 -1
  141. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +43 -43
  142. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +1 -1
  143. package/dist/lib/components/Instructions/Instructions.css +140 -140
  144. package/dist/lib/components/Instructions/Instructions.js +1 -1
  145. package/dist/lib/components/NotificationBox/NotificationBox.js +1 -1
  146. package/dist/lib/components/NotificationBox/style/NotificationBox.css +5 -5
  147. package/dist/lib/components/PageTitle/PageTitle.css +15 -15
  148. package/dist/lib/components/PageTitle/PageTitle.js +1 -1
  149. package/dist/lib/components/Partners/Partners.css +8 -8
  150. package/dist/lib/components/Partners/Partners.js +1 -1
  151. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +12 -12
  152. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +1 -1
  153. package/dist/lib/components/Property/Property.css +28 -28
  154. package/dist/lib/components/Property/Property.js +1 -1
  155. package/dist/lib/components/Property/PropertyDescription.css +2 -2
  156. package/dist/lib/components/Property/PropertyDescription.js +1 -1
  157. package/dist/lib/components/SidePictureCards/SidePictureCards.js +1 -1
  158. package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +25 -25
  159. package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +1 -1
  160. package/dist/lib/components/Steps/Steps.css +8 -8
  161. package/dist/lib/components/Steps/Steps.js +1 -1
  162. package/dist/lib/components/Steps/StepsItem.css +4 -4
  163. package/dist/lib/components/Steps/StepsItem.js +1 -1
  164. package/dist/lib/components/StoreBanner/StoreBanner.css +67 -67
  165. package/dist/lib/components/StoreBanner/StoreBanner.js +1 -1
  166. package/dist/lib/components/StoreButton/StoreButton.css +121 -121
  167. package/dist/lib/components/StoreButton/StoreButton.js +1 -1
  168. package/dist/lib/components/Table/Table.css +27 -27
  169. package/dist/lib/components/Table/Table.js +1 -1
  170. package/dist/lib/components/TabsBox/TabsBox.js +1 -1
  171. package/dist/lib/components/TextBox/TextBox.css +6 -6
  172. package/dist/lib/components/TextBox/TextBox.js +1 -1
  173. package/dist/lib/components/TextBox/TextBoxPicture.css +6 -6
  174. package/dist/lib/components/TextBox/TextBoxPicture.js +1 -1
  175. package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -1
  176. package/dist/lib/components/TextWithIcon/TextWithIcon.js +1 -1
  177. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +5 -5
  178. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +1 -1
  179. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +7 -7
  180. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +1 -1
  181. package/dist/lib/components/VideoBanner/VideoBanner.css +44 -44
  182. package/dist/lib/components/VideoBanner/VideoBanner.js +1 -1
  183. package/dist/lib/components/VideoBlock/VideoBlock.css +18 -18
  184. package/dist/lib/components/VideoBlock/VideoBlock.js +1 -1
  185. package/dist/lib/helpers/getColumnConfig.d.ts +1 -1
  186. package/package.json +4 -4
@@ -5,7 +5,7 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-card {
8
+ .mfui-v6-card {
9
9
  font-family: inherit;
10
10
  font-size: 15px;
11
11
  line-height: 24px;
@@ -28,40 +28,40 @@ h5 {
28
28
  transition: background-color 0.3s, box-shadow, 0.3s, -webkit-box-shadow;
29
29
  }
30
30
  @media screen and (min-width: 1280px) {
31
- .mfui-card {
31
+ .mfui-v6-card {
32
32
  padding: 24px 24px 32px;
33
33
  }
34
34
  }
35
- .mfui-card_full-height {
35
+ .mfui-v6-card_full-height {
36
36
  height: 100%;
37
37
  }
38
- .mfui-card_link {
38
+ .mfui-v6-card_link {
39
39
  cursor: pointer;
40
40
  }
41
- .mfui-card_view_shadow {
41
+ .mfui-v6-card_view_shadow {
42
42
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
43
43
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
44
44
  }
45
- .mfui-card_link.mfui-card_view_hover-shadow:hover,
46
- .mfui-card_link.mfui-card_view_shadow:hover {
45
+ .mfui-v6-card_link.mfui-v6-card_view_hover-shadow:hover,
46
+ .mfui-v6-card_link.mfui-v6-card_view_shadow:hover {
47
47
  -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
48
48
  box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
49
49
  }
50
- .mfui-card_view_background {
50
+ .mfui-v6-card_view_background {
51
51
  background-color: var(--spbSky0);
52
52
  }
53
- .mfui-card_link.mfui-card_view_background:hover {
53
+ .mfui-v6-card_link.mfui-v6-card_view_background:hover {
54
54
  background-color: var(--spbSky1);
55
55
  }
56
- .mfui-card_only-title {
56
+ .mfui-v6-card_only-title {
57
57
  padding: 24px;
58
58
  }
59
59
  @media screen and (min-width: 1280px) {
60
- .mfui-card_only-title {
60
+ .mfui-v6-card_only-title {
61
61
  padding: 32px;
62
62
  }
63
63
  }
64
- .mfui-card__header {
64
+ .mfui-v6-card__header {
65
65
  display: -webkit-box;
66
66
  display: -ms-flexbox;
67
67
  display: flex;
@@ -73,34 +73,34 @@ h5 {
73
73
  -ms-flex-pack: justify;
74
74
  justify-content: space-between;
75
75
  }
76
- .mfui-card__icon {
76
+ .mfui-v6-card__icon {
77
77
  width: 40px;
78
78
  height: 40px;
79
79
  margin-bottom: 32px;
80
80
  }
81
- .mfui-card__img-box {
81
+ .mfui-v6-card__img-box {
82
82
  position: relative;
83
83
  padding-bottom: 56.25%;
84
84
  border-radius: 24px;
85
85
  overflow: hidden;
86
86
  }
87
- .mfui-card__img-box_position_top {
87
+ .mfui-v6-card__img-box_position_top {
88
88
  margin: -6px -6px 24px -6px;
89
89
  }
90
90
  @media screen and (min-width: 1280px) {
91
- .mfui-card__img-box_position_top {
91
+ .mfui-v6-card__img-box_position_top {
92
92
  margin: -12px -12px 32px -12px;
93
93
  }
94
94
  }
95
- .mfui-card__img-box_position_bottom {
95
+ .mfui-v6-card__img-box_position_bottom {
96
96
  margin: 24px -6px 0 -6px;
97
97
  }
98
98
  @media screen and (min-width: 1280px) {
99
- .mfui-card__img-box_position_bottom {
99
+ .mfui-v6-card__img-box_position_bottom {
100
100
  margin: 32px -12px 0 -12px;
101
101
  }
102
102
  }
103
- .mfui-card__img {
103
+ .mfui-v6-card__img {
104
104
  position: absolute;
105
105
  width: 100%;
106
106
  height: 100%;
@@ -111,23 +111,23 @@ h5 {
111
111
  transition: transform 0.3s;
112
112
  transition: transform 0.3s, -webkit-transform 0.3s;
113
113
  }
114
- .mfui-card_link:hover .mfui-card__img {
114
+ .mfui-v6-card_link:hover .mfui-v6-card__img {
115
115
  -webkit-transform: scale(1.2);
116
116
  transform: scale(1.2);
117
117
  }
118
- .mfui-card__marker-list {
118
+ .mfui-v6-card__marker-list {
119
119
  margin: 16px 0 0 0;
120
120
  padding: 0;
121
121
  list-style-type: none;
122
122
  }
123
- .mfui-card__marker-item {
123
+ .mfui-v6-card__marker-item {
124
124
  position: relative;
125
125
  padding-left: 20px;
126
126
  }
127
- .mfui-card__marker-item:not(:last-child) {
127
+ .mfui-v6-card__marker-item:not(:last-child) {
128
128
  margin-bottom: 12px;
129
129
  }
130
- .mfui-card__marker-item:before {
130
+ .mfui-v6-card__marker-item:before {
131
131
  content: '';
132
132
  position: absolute;
133
133
  top: 7px;
@@ -138,13 +138,13 @@ h5 {
138
138
  background-color: var(--stcBlack20);
139
139
  opacity: 0.8;
140
140
  }
141
- .mfui-card__marker-note {
141
+ .mfui-v6-card__marker-note {
142
142
  display: block;
143
143
  margin: 4px 0 0 0;
144
144
  padding: 0;
145
145
  font-weight: 500;
146
146
  }
147
- .mfui-card__texts {
147
+ .mfui-v6-card__texts {
148
148
  display: -webkit-box;
149
149
  display: -ms-flexbox;
150
150
  display: flex;
@@ -155,18 +155,18 @@ h5 {
155
155
  gap: 12px;
156
156
  margin-top: 16px;
157
157
  }
158
- .mfui-card__texts ol,
159
- .mfui-card__texts ul {
158
+ .mfui-v6-card__texts ol,
159
+ .mfui-v6-card__texts ul {
160
160
  margin: 0;
161
161
  padding-left: 24px;
162
162
  }
163
- .mfui-card__texts ul {
163
+ .mfui-v6-card__texts ul {
164
164
  list-style-type: disc;
165
165
  }
166
- .mfui-card__texts-title {
166
+ .mfui-v6-card__texts-title {
167
167
  font-weight: 500;
168
168
  }
169
- .mfui-card__features {
169
+ .mfui-v6-card__features {
170
170
  display: -webkit-box;
171
171
  display: -ms-flexbox;
172
172
  display: flex;
@@ -178,12 +178,12 @@ h5 {
178
178
  margin-top: 16px;
179
179
  overflow: hidden;
180
180
  }
181
- .mfui-card__features-list {
181
+ .mfui-v6-card__features-list {
182
182
  margin: 0;
183
183
  padding: 0;
184
184
  list-style: none;
185
185
  }
186
- .mfui-card__features-item {
186
+ .mfui-v6-card__features-item {
187
187
  position: relative;
188
188
  display: -webkit-box;
189
189
  display: -ms-flexbox;
@@ -195,7 +195,7 @@ h5 {
195
195
  -ms-flex-pack: justify;
196
196
  justify-content: space-between;
197
197
  }
198
- .mfui-card__features-item:before {
198
+ .mfui-v6-card__features-item:before {
199
199
  content: '';
200
200
  position: absolute;
201
201
  bottom: 0.4em;
@@ -204,37 +204,37 @@ h5 {
204
204
  background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
205
205
  background-size: 6px 2px;
206
206
  }
207
- .mfui-card__features-item-value {
207
+ .mfui-v6-card__features-item-value {
208
208
  -ms-flex-negative: 0;
209
209
  flex-shrink: 0;
210
210
  text-align: end;
211
211
  }
212
- .mfui-card__features-item-text {
212
+ .mfui-v6-card__features-item-text {
213
213
  position: relative;
214
214
  z-index: 1;
215
215
  background-color: var(--base);
216
216
  -webkit-transition: background-color 0.3s;
217
217
  transition: background-color 0.3s;
218
218
  }
219
- .mfui-card_view_background .mfui-card__features-item-text {
219
+ .mfui-v6-card_view_background .mfui-v6-card__features-item-text {
220
220
  background-color: var(--spbSky0);
221
221
  }
222
- .mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
222
+ .mfui-v6-card_link.mfui-v6-card_view_background:hover .mfui-v6-card__features-item-text {
223
223
  background-color: var(--spbSky1);
224
224
  }
225
- .mfui-card__features-item-title .mfui-card__features-item-text {
225
+ .mfui-v6-card__features-item-title .mfui-v6-card__features-item-text {
226
226
  padding-right: 4px;
227
227
  }
228
- .mfui-card__features-item-value .mfui-card__features-item-text {
228
+ .mfui-v6-card__features-item-value .mfui-v6-card__features-item-text {
229
229
  padding-left: 4px;
230
230
  }
231
- .mfui-card__icons {
231
+ .mfui-v6-card__icons {
232
232
  margin-top: 16px;
233
233
  }
234
- .mfui-card__icons-desc {
234
+ .mfui-v6-card__icons-desc {
235
235
  margin-bottom: 12px;
236
236
  }
237
- .mfui-card__icons-list {
237
+ .mfui-v6-card__icons-list {
238
238
  display: -webkit-box;
239
239
  display: -ms-flexbox;
240
240
  display: flex;
@@ -244,22 +244,22 @@ h5 {
244
244
  flex-direction: column;
245
245
  gap: 12px;
246
246
  }
247
- .mfui-card__icons-item {
247
+ .mfui-v6-card__icons-item {
248
248
  display: -webkit-box;
249
249
  display: -ms-flexbox;
250
250
  display: flex;
251
251
  }
252
- .mfui-card__icons-item-icon {
252
+ .mfui-v6-card__icons-item-icon {
253
253
  -ms-flex-negative: 0;
254
254
  flex-shrink: 0;
255
255
  width: 32px;
256
256
  height: 32px;
257
257
  margin-right: 8px;
258
258
  }
259
- .mfui-card__icons-item-text {
259
+ .mfui-v6-card__icons-item-text {
260
260
  margin-top: 4px;
261
261
  }
262
- .mfui-card__price {
262
+ .mfui-v6-card__price {
263
263
  display: -webkit-box;
264
264
  display: -ms-flexbox;
265
265
  display: flex;
@@ -277,19 +277,19 @@ h5 {
277
277
  border-top: 1px solid var(--spbSky1);
278
278
  }
279
279
  @media screen and (min-width: 1280px) {
280
- .mfui-card__price {
280
+ .mfui-v6-card__price {
281
281
  margin-top: 32px;
282
282
  }
283
283
  }
284
- .mfui-card__img-box + .mfui-card__price {
284
+ .mfui-v6-card__img-box + .mfui-v6-card__price {
285
285
  padding-top: 0;
286
286
  border: none;
287
287
  }
288
- .mfui-card__price-old-value {
288
+ .mfui-v6-card__price-old-value {
289
289
  position: relative;
290
290
  color: var(--spbSky3);
291
291
  }
292
- .mfui-card__price-old-value:before {
292
+ .mfui-v6-card__price-old-value:before {
293
293
  content: '';
294
294
  position: absolute;
295
295
  top: 50%;
@@ -298,31 +298,31 @@ h5 {
298
298
  height: 1px;
299
299
  background-color: var(--warmRedC);
300
300
  }
301
- .mfui-card__price-value {
301
+ .mfui-v6-card__price-value {
302
302
  font-weight: 600;
303
303
  font-size: 22px;
304
304
  line-height: 28px;
305
305
  letter-spacing: 0.5px;
306
306
  }
307
307
  @media screen and (min-width: 768px) and (max-width: 1023px) {
308
- .mfui-card__price-value {
308
+ .mfui-v6-card__price-value {
309
309
  font-size: 26px;
310
310
  line-height: 32px;
311
311
  }
312
312
  }
313
313
  @media screen and (min-width: 1024px) {
314
- .mfui-card__price-value {
314
+ .mfui-v6-card__price-value {
315
315
  font-size: 28px;
316
316
  line-height: 36px;
317
317
  }
318
318
  }
319
319
  @media screen and (min-width: 1280px) {
320
- .mfui-card__price-value {
320
+ .mfui-v6-card__price-value {
321
321
  font-size: 32px;
322
322
  line-height: 40px;
323
323
  }
324
324
  }
325
- .mfui-card__buttons {
325
+ .mfui-v6-card__buttons {
326
326
  display: -webkit-box;
327
327
  display: -ms-flexbox;
328
328
  display: flex;
@@ -331,15 +331,15 @@ h5 {
331
331
  gap: 16px;
332
332
  margin-top: 32px;
333
333
  }
334
- .mfui-card__price + .mfui-card__buttons {
334
+ .mfui-v6-card__price + .mfui-v6-card__buttons {
335
335
  margin-top: 24px;
336
336
  }
337
- .mfui-card__buttons_centered {
337
+ .mfui-v6-card__buttons_centered {
338
338
  -webkit-box-pack: center;
339
339
  -ms-flex-pack: center;
340
340
  justify-content: center;
341
341
  }
342
- .mfui-card__button {
342
+ .mfui-v6-card__button {
343
343
  -ms-flex-preferred-size: 190px;
344
344
  flex-basis: 190px;
345
345
  -webkit-box-flex: 1;
@@ -349,6 +349,6 @@ h5 {
349
349
  flex-shrink: 1;
350
350
  max-width: 320px;
351
351
  }
352
- .mfui-card__footer {
352
+ .mfui-v6-card__footer {
353
353
  margin-top: auto;
354
354
  }
@@ -32,7 +32,7 @@ var textsConvertConfig = {
32
32
  }
33
33
  }
34
34
  };
35
- var cn = cnCreate('mfui-card');
35
+ var cn = cnCreate('mfui-v6-card');
36
36
 
37
37
  var Card = function Card(_ref5) {
38
38
  var dataAttrs = _ref5.dataAttrs,
@@ -5,7 +5,7 @@ import { Grid, GridColumn } from '@megafon/ui-core';
5
5
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
6
6
  import * as PropTypes from 'prop-types';
7
7
  import getColumnConfig from "./helpers";
8
- var cn = cnCreate('mfui-cards-box');
8
+ var cn = cnCreate('mfui-v6-cards-box');
9
9
 
10
10
  var CardsBox = function CardsBox(_ref) {
11
11
  var _ref$renderTwoColumns = _ref.renderTwoColumnsInRow,
@@ -38,7 +38,7 @@ var getDefaultSlideSettings = function getDefaultSlideSettings(desktopSlidesPerV
38
38
  }), _ref;
39
39
  };
40
40
 
41
- var cn = cnCreate('mfui-carousel-box');
41
+ var cn = cnCreate('mfui-v6-carousel-box');
42
42
 
43
43
  var CarouselBox = function CarouselBox(_a) {
44
44
  var children = _a.children,