@megafon/ui-shared 8.3.0 → 8.5.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 (35) hide show
  1. package/dist/es/components/ChipsBox/ChipBox.d.ts +5 -0
  2. package/dist/es/components/ChipsBox/ChipBox.js +7 -0
  3. package/dist/es/components/ChipsBox/ChipsBox.css +1 -0
  4. package/dist/es/components/ChipsBox/ChipsBox.d.ts +16 -0
  5. package/dist/es/components/ChipsBox/ChipsBox.js +76 -0
  6. package/dist/es/components/Container/Container.css +1 -1
  7. package/dist/es/components/ImageBanner/ImageBanner.css +1 -1
  8. package/dist/es/components/ImageBanner/ImageBanner.d.ts +2 -0
  9. package/dist/es/components/ImageBanner/ImageBanner.js +3 -0
  10. package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +2 -2
  11. package/dist/es/components/Partners/Partners.d.ts +1 -0
  12. package/dist/es/components/Partners/Partners.js +5 -1
  13. package/dist/es/components/PictureBox/PictureBox.css +1 -1
  14. package/dist/es/components/PictureBox/img/mac-book-1x.png +0 -0
  15. package/dist/es/components/PictureBox/img/mac-book-2x.png +0 -0
  16. package/dist/es/index.d.ts +2 -0
  17. package/dist/es/index.js +2 -0
  18. package/dist/lib/components/ChipsBox/ChipBox.d.ts +5 -0
  19. package/dist/lib/components/ChipsBox/ChipBox.js +17 -0
  20. package/dist/lib/components/ChipsBox/ChipsBox.css +1 -0
  21. package/dist/lib/components/ChipsBox/ChipsBox.d.ts +16 -0
  22. package/dist/lib/components/ChipsBox/ChipsBox.js +85 -0
  23. package/dist/lib/components/Container/Container.css +1 -1
  24. package/dist/lib/components/ImageBanner/ImageBanner.css +1 -1
  25. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +2 -0
  26. package/dist/lib/components/ImageBanner/ImageBanner.js +3 -0
  27. package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +1 -1
  28. package/dist/lib/components/Partners/Partners.d.ts +1 -0
  29. package/dist/lib/components/Partners/Partners.js +5 -1
  30. package/dist/lib/components/PictureBox/PictureBox.css +1 -1
  31. package/dist/lib/components/PictureBox/img/mac-book-1x.png +0 -0
  32. package/dist/lib/components/PictureBox/img/mac-book-2x.png +0 -0
  33. package/dist/lib/index.d.ts +2 -0
  34. package/dist/lib/index.js +14 -0
  35. package/package.json +4 -4
@@ -85,7 +85,7 @@ var InfoCard = function InfoCard(_ref) {
85
85
  className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title])
86
86
  }), (0, _uiHelpers.convert)(title, {})), !!description && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.description), {
87
87
  className: cn('description')
88
- }), (0, _uiHelpers.convert)(description, {})), !!moreInfo && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreInfo), {
88
+ }), (0, _uiHelpers.convert)(description, _uiHelpers.textConvertConfig)), !!moreInfo && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreInfo), {
89
89
  className: cn('more-info')
90
90
  }), /*#__PURE__*/React.createElement("span", {
91
91
  className: cn('more-info-text')
@@ -18,6 +18,7 @@ export interface IPartnersProps {
18
18
  classes?: {
19
19
  root?: string;
20
20
  itemClass?: string;
21
+ slide?: string;
21
22
  };
22
23
  /** Дополнительный класс корневого элемента */
23
24
  className?: string;
@@ -34,6 +34,7 @@ var Partners = function Partners(_ref) {
34
34
  _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
35
35
  root = _ref$classes2.root,
36
36
  itemClass = _ref$classes2.itemClass,
37
+ slide = _ref$classes2.slide,
37
38
  dataAttrs = _ref.dataAttrs,
38
39
  className = _ref.className,
39
40
  items = _ref.items,
@@ -86,6 +87,9 @@ var Partners = function Partners(_ref) {
86
87
  var topRow = items.slice(0, halfItemsLength);
87
88
  var bottomRow = items.slice(halfItemsLength);
88
89
  return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
90
+ classes: {
91
+ slide: cn('slide', [slide])
92
+ },
89
93
  slidesSettings: slidesSettings,
90
94
  onChange: onChange,
91
95
  onNextClick: onNextClick,
@@ -104,7 +108,7 @@ var Partners = function Partners(_ref) {
104
108
  className: cn('slide')
105
109
  }, renderItem(item, i), renderItem(bottomRow[i], i));
106
110
  }));
107
- }, [items, onChange, onNextClick, onPrevClick, renderItem]);
111
+ }, [items, slide, onChange, onNextClick, onPrevClick, renderItem]);
108
112
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
109
113
  ref: rootRef,
110
114
  className: cn([root, className])
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-picture-box_mask_none .mfui-picture-box__image{border-radius:24px;vertical-align:top;width:100%}@media screen and (min-width:768px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:414px;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:1280px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:520px}}.mfui-picture-box_mask_mac-book .mfui-picture-box__image{border-top-left-radius:1.4% 2.2988505747%;border-top-right-radius:1.4% 2.2988505747%;height:87%;left:0;margin:0 auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:2%;width:82%}.mfui-picture-box__content{-ms-flex-item-align:center;align-self:center;margin-top:32px}@media screen and (min-width:1024px){.mfui-picture-box__content{margin-top:0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:44px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:44px}}.mfui-picture-box__button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:32px}.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(i/mac-book-1x.png);background-repeat:no-repeat;background-size:100% auto;padding-bottom:60.9%;position:relative}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(i/mac-book-2x.png)}}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-picture-box_mask_none .mfui-picture-box__image{border-radius:24px;vertical-align:top;width:100%}@media screen and (min-width:768px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:414px;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:1280px){.mfui-picture-box_mask_none .mfui-picture-box__image{height:520px}}.mfui-picture-box_mask_mac-book .mfui-picture-box__image{border-top-left-radius:1.4% 2.2988505747%;border-top-right-radius:1.4% 2.2988505747%;height:87%;left:0;margin:0 auto;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:2%;width:82%}.mfui-picture-box__content{-ms-flex-item-align:center;align-self:center;margin-top:32px}@media screen and (min-width:1024px){.mfui-picture-box__content{margin-top:0}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_left .mfui-picture-box__content{margin-left:44px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:12px}}@media screen and (min-width:1280px){.mfui-picture-box_align_right .mfui-picture-box__content{margin-right:44px}}.mfui-picture-box__button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:32px}.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(img/mac-book-1x.png);background-repeat:no-repeat;background-size:100% auto;padding-bottom:60.9%;position:relative}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2),screen and (min-resolution:192dpi),screen and (min-resolution:2dppx){.mfui-picture-box_mask_mac-book .mfui-picture-box__mask{background-image:url(img/mac-book-2x.png)}}
@@ -17,6 +17,8 @@ export { default as ButtonsBox } from './components/ButtonsBox/ButtonsBox';
17
17
  export { default as Card } from './components/Card/Card';
18
18
  export { default as CardsBox } from './components/CardsBox/CardsBox';
19
19
  export { default as CarouselBox } from './components/CarouselBox/CarouselBox';
20
+ export { default as ChipBox } from './components/ChipsBox/ChipBox';
21
+ export { default as ChipsBox } from './components/ChipsBox/ChipsBox';
20
22
  export { default as Container } from './components/Container/Container';
21
23
  export { default as DarkGradientCard } from './components/DarkGradientCards/components/DarkGradientCard';
22
24
  export { default as DarkGradientCards } from './components/DarkGradientCards/DarkGradientCards';
package/dist/lib/index.js CHANGED
@@ -117,6 +117,18 @@ Object.defineProperty(exports, "CarouselBox", {
117
117
  return _CarouselBox["default"];
118
118
  }
119
119
  });
120
+ Object.defineProperty(exports, "ChipBox", {
121
+ enumerable: true,
122
+ get: function get() {
123
+ return _ChipBox["default"];
124
+ }
125
+ });
126
+ Object.defineProperty(exports, "ChipsBox", {
127
+ enumerable: true,
128
+ get: function get() {
129
+ return _ChipsBox["default"];
130
+ }
131
+ });
120
132
  Object.defineProperty(exports, "Container", {
121
133
  enumerable: true,
122
134
  get: function get() {
@@ -412,6 +424,8 @@ var _ButtonsBox = _interopRequireDefault(require("./components/ButtonsBox/Button
412
424
  var _Card = _interopRequireDefault(require("./components/Card/Card"));
413
425
  var _CardsBox = _interopRequireDefault(require("./components/CardsBox/CardsBox"));
414
426
  var _CarouselBox = _interopRequireDefault(require("./components/CarouselBox/CarouselBox"));
427
+ var _ChipBox = _interopRequireDefault(require("./components/ChipsBox/ChipBox"));
428
+ var _ChipsBox = _interopRequireDefault(require("./components/ChipsBox/ChipsBox"));
415
429
  var _Container = _interopRequireDefault(require("./components/Container/Container"));
416
430
  var _DarkGradientCard = _interopRequireDefault(require("./components/DarkGradientCards/components/DarkGradientCard"));
417
431
  var _DarkGradientCards = _interopRequireDefault(require("./components/DarkGradientCards/DarkGradientCards"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "8.3.0",
3
+ "version": "8.5.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -77,13 +77,13 @@
77
77
  },
78
78
  "dependencies": {
79
79
  "@babel/runtime": "^7.8.4",
80
- "@megafon/ui-core": "^8.3.0",
80
+ "@megafon/ui-core": "^8.5.0",
81
81
  "@megafon/ui-helpers": "^4.0.1",
82
- "@megafon/ui-icons": "^3.9.2",
82
+ "@megafon/ui-icons": "^3.9.3",
83
83
  "core-js": "^3.6.4",
84
84
  "htmr": "^1.0.2",
85
85
  "lodash.throttle": "^4.1.1",
86
86
  "swiper": "^11.1.1"
87
87
  },
88
- "gitHead": "3a9673d8ac34a1c09c4dbb829fd29f2833b4029d"
88
+ "gitHead": "84114b7863b09c9cfb5e39388a7e6584f83cb3d2"
89
89
  }