@megafon/ui-shared 2.1.4 → 2.1.5

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 (8) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +4 -2
  3. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +19 -0
  4. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -3
  5. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +4 -2
  6. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +19 -0
  7. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -3
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.1.5](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.4...@megafon/ui-shared@2.1.5) (2022-01-18)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **benefitsicons:** fix indents of items for inOneColumn mode ([e207c1c](https://github.com/MegafonWebLab/megafon-ui/commit/e207c1c99b42a48454e716094132d9573b3ec3c6))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [2.1.4](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.3...@megafon/ui-shared@2.1.4) (2021-12-29)
7
18
 
8
19
  **Note:** Version bump only for package @megafon/ui-shared
package/dist/es/components/BenefitsIcons/BenefitsIcons.js CHANGED
@@ -168,7 +168,9 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
168
168
  };
169
169
  }, [iconPosition, inOneColumn, resizeHandler]);
170
170
  return /*#__PURE__*/React.createElement("div", {
171
- className: cn([className, classes.root]),
171
+ className: cn({
172
+ 'one-column': inOneColumn
173
+ }, [className, classes.root]),
172
174
  ref: rootRef
173
175
  }, /*#__PURE__*/React.createElement("div", {
174
176
  className: cn('inner')
@@ -185,7 +187,7 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
185
187
  className: classes.gridColumn,
186
188
  key: i
187
189
  }, columnConfig), /*#__PURE__*/React.createElement(BenefitsIconsTile, {
188
- className: classes.item,
190
+ className: cn('tile', [classes.item]),
189
191
  title: title,
190
192
  text: text,
191
193
  icon: icon,
package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css CHANGED
@@ -12,3 +12,22 @@ h5 {
12
12
  .mfui-benefits-icons__inner {
13
13
  margin-bottom: -48px;
14
14
  }
15
+ .mfui-benefits-icons__tile {
16
+ margin-bottom: 48px;
17
+ }
18
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
19
+ margin-bottom: -24px;
20
+ }
21
+ @media screen and (max-width: 767px) {
22
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
23
+ margin-bottom: -32px;
24
+ }
25
+ }
26
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
27
+ margin-bottom: 24px;
28
+ }
29
+ @media screen and (max-width: 767px) {
30
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
31
+ margin-bottom: 32px;
32
+ }
33
+ }
package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css CHANGED
@@ -5,9 +5,6 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-benefits-icons-tile {
9
- margin-bottom: 48px;
10
- }
11
8
  .mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon {
12
9
  margin-bottom: 10px;
13
10
  }
package/dist/lib/components/BenefitsIcons/BenefitsIcons.js CHANGED
@@ -193,7 +193,9 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
193
193
  };
194
194
  }, [iconPosition, inOneColumn, resizeHandler]);
195
195
  return /*#__PURE__*/React.createElement("div", {
196
- className: cn([className, classes.root]),
196
+ className: cn({
197
+ 'one-column': inOneColumn
198
+ }, [className, classes.root]),
197
199
  ref: rootRef
198
200
  }, /*#__PURE__*/React.createElement("div", {
199
201
  className: cn('inner')
@@ -210,7 +212,7 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
210
212
  className: classes.gridColumn,
211
213
  key: i
212
214
  }, columnConfig), /*#__PURE__*/React.createElement(_BenefitsIconsTile["default"], {
213
- className: classes.item,
215
+ className: cn('tile', [classes.item]),
214
216
  title: title,
215
217
  text: text,
216
218
  icon: icon,
package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css CHANGED
@@ -12,3 +12,22 @@ h5 {
12
12
  .mfui-benefits-icons__inner {
13
13
  margin-bottom: -48px;
14
14
  }
15
+ .mfui-benefits-icons__tile {
16
+ margin-bottom: 48px;
17
+ }
18
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
19
+ margin-bottom: -24px;
20
+ }
21
+ @media screen and (max-width: 767px) {
22
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__inner {
23
+ margin-bottom: -32px;
24
+ }
25
+ }
26
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
27
+ margin-bottom: 24px;
28
+ }
29
+ @media screen and (max-width: 767px) {
30
+ .mfui-benefits-icons_one-column .mfui-benefits-icons__tile {
31
+ margin-bottom: 32px;
32
+ }
33
+ }
package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css CHANGED
@@ -5,9 +5,6 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-benefits-icons-tile {
9
- margin-bottom: 48px;
10
- }
11
8
  .mfui-benefits-icons-tile .mfui-benefits-icons-tile__svg-icon {
12
9
  margin-bottom: 10px;
13
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "2.1.4",
3
+ "version": "2.1.5",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -89,5 +89,5 @@
89
89
  "prop-types": "^15.7.2",
90
90
  "swiper": "^6.5.6"
91
91
  },
92
- "gitHead": "26b2f120bd0f51992981718c28cb8cd8138e1870"
92
+ "gitHead": "0c83737156be02a10bd580523851828569f95ed0"
93
93
  }