@megafon/ui-shared 9.0.0-alpha.2 → 9.0.0-alpha.21

package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js

@@ -18,6 +18,14 @@ var TextColor = exports.TextColor = {
   BLACK: 'black',
   WHITE: 'white'
 };
+var MICRODATA = {
+  itemScope: true,
+  itemProp: 'itemListElement',
+  itemType: 'https://schema.org/ListItem'
+};
+var MICRODATA_ITEM_PROP = {
+  itemProp: 'name'
+};
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-breadcrumbs-item');
 var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
   var title = _ref.title,
@@ -29,24 +37,26 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
     isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
     _ref$hasMicrodata = _ref.hasMicrodata,
     hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
+    _ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
+    hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
     classes = _ref.classes,
     dataAttrs = _ref.dataAttrs;
+  var renderMeta = /*#__PURE__*/React.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
+    itemProp: "position",
+    content: String(index + 1)
+  }));
   if (isLastItem) {
     return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
       className: cn({
         color: color
       })
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1)), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodataForLastItem && MICRODATA), /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
       className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1)), title));
+    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodataForLastItem && MICRODATA_ITEM_PROP), title), hasMicrodataForLastItem && renderMeta);
   }
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: cn()
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && {
-    itemScope: true,
-    itemProp: 'itemListElement',
-    itemType: 'https://schema.org/ListItem'
-  }), /*#__PURE__*/React.createElement(_uiCore.TextLink, {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && MICRODATA), /*#__PURE__*/React.createElement(_uiCore.TextLink, {
     className: classes === null || classes === void 0 ? void 0 : classes.link,
     href: href,
     color: color,
@@ -56,11 +66,6 @@ var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
     itemProp: hasMicrodata ? 'item' : undefined
   }, /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
     className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && {
-    itemProp: 'name'
-  }), title)), hasMicrodata && /*#__PURE__*/React.createElement("meta", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
-    itemProp: "position",
-    content: String(index + 1)
-  })));
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && MICRODATA_ITEM_PROP), title)), hasMicrodata && renderMeta);
 };
 var _default = exports["default"] = BreadcrumbsItem;

package/dist/lib/components/Card/Card.css

@@ -1 +1 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-9-card{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;color:var(--content);-ms-flex-direction:column;flex-direction:column;padding:16px 16px 24px;text-decoration:none!important;-webkit-transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,box-shadow,.3s;transition:background-color .3s,box-shadow,.3s,-webkit-box-shadow}@media screen and (min-width:1280px){.mfui-9-card{padding:24px 24px 32px}}.mfui-9-card_full-height{height:100%}.mfui-9-card_link{cursor:pointer}.mfui-9-card_view_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-card_link.mfui-9-card_view_hover-shadow:hover,.mfui-9-card_link.mfui-9-card_view_shadow:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card_view_background{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover{background-color:var(--spbSky1)}.mfui-9-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-9-card_only-title{padding:32px}}.mfui-9-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-9-card__img-box{border-radius:24px;overflow:hidden;padding-bottom:56.25%;position:relative}.mfui-9-card__img-box_position_top{margin:-6px -6px 24px}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_top{margin:-12px -12px 32px}}.mfui-9-card__img-box_position_bottom{margin:24px -6px 0}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_bottom{margin:32px -12px 0}}.mfui-9-card__img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mfui-9-card_link:hover .mfui-9-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-9-card__marker-list{list-style-type:none;margin:16px 0 0;padding:0}.mfui-9-card__marker-item{padding-left:20px;position:relative}.mfui-9-card__marker-item:not(:last-child){margin-bottom:12px}.mfui-9-card__marker-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:0;opacity:.8;position:absolute;top:7px;width:6px}.mfui-9-card__marker-note{display:block;font-weight:500;margin:4px 0 0;padding:0}.mfui-9-card__texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px}.mfui-9-card__texts ol,.mfui-9-card__texts ul{margin:0;padding-left:24px}.mfui-9-card__texts ol{list-style-type:decimal}.mfui-9-card__texts ul{list-style-type:disc}.mfui-9-card__texts-title{font-weight:500}.mfui-9-card__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px;overflow:hidden}.mfui-9-card__features-list{list-style:none;margin:0;padding:0}.mfui-9-card__features-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__features-item:before{background-image:radial-gradient(circle,var(--spbSky3) 1px,transparent 1px);background-size:6px 2px;bottom:.4em;content:"";height:2px;position:absolute;width:100%}.mfui-9-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-9-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-9-card_view_background .mfui-9-card__features-item-text{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover .mfui-9-card__features-item-text{background-color:var(--spbSky1)}.mfui-9-card__features-item-title .mfui-9-card__features-item-text{padding-right:4px}.mfui-9-card__features-item-value .mfui-9-card__features-item-text{padding-left:4px}.mfui-9-card__icons{margin-top:16px}.mfui-9-card__icons-desc{margin-bottom:12px}.mfui-9-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-9-card__icons-item,.mfui-9-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-9-card__icons-item-text{margin-top:4px}.mfui-9-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;border-top:1px solid var(--spbSky1);justify-content:center;margin-top:24px;padding-top:24px}@media screen and (min-width:1280px){.mfui-9-card__price{margin-top:32px}}.mfui-9-card__img-box+.mfui-9-card__price{border:none;padding-top:0}.mfui-9-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-9-card__price-old-value:before{background-color:var(--fury);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-9-card__price-value{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-card__price-value{font-size:32px;line-height:40px}}.mfui-9-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-9-card__price+.mfui-9-card__buttons{margin-top:24px}.mfui-9-card__buttons_centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-9-card__button{-ms-flex-preferred-size:190px;flex-basis:190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;max-width:320px}.mfui-9-card__footer{margin-top:auto}
+h1,h2,h3,h4,h5{margin:0}.mfui-9-card{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;font-weight:400;line-height:24px;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);-ms-flex-direction:column;flex-direction:column;padding:16px 16px 24px;text-decoration:none!important;-webkit-transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,.3s,-webkit-box-shadow;transition:background-color .3s,box-shadow,.3s;transition:background-color .3s,box-shadow,.3s,-webkit-box-shadow}.mfui-9-card:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-card:focus{outline:none}@media screen and (min-width:1280px){.mfui-9-card{padding:24px 24px 32px}}.mfui-9-card_full-height{height:100%}.mfui-9-card_link{cursor:pointer}.mfui-9-card_view_shadow{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.mfui-9-card_link.mfui-9-card_view_hover-shadow:hover,.mfui-9-card_link.mfui-9-card_view_shadow:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card_view_stroke{background-color:inherit;border:1px solid var(--spbSky2)}.mfui-9-card_link.mfui-9-card_view_stroke:hover{border:1px solid var(--brandGreen)}.mfui-9-card_view_background{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover{background-color:var(--spbSky1)}.mfui-9-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-9-card_only-title{padding:32px}}.mfui-9-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-9-card__img-box{border-radius:24px;overflow:hidden;padding-bottom:56.25%;position:relative}.mfui-9-card__img-box_position_top{margin:-6px -6px 24px}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_top{margin:-12px -12px 32px}}.mfui-9-card__img-box_position_bottom{margin:24px -6px 0}@media screen and (min-width:1280px){.mfui-9-card__img-box_position_bottom{margin:32px -12px 0}}.mfui-9-card__img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.mfui-9-card_link:hover .mfui-9-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-9-card__marker-list{list-style-type:none;margin:16px 0 0;padding:0}.mfui-9-card__marker-item{padding-left:20px;position:relative}.mfui-9-card__marker-item:not(:last-child){margin-bottom:12px}.mfui-9-card__marker-item:before{background-color:var(--spbSky2);border-radius:50%;content:"";height:6px;left:0;opacity:.8;position:absolute;top:7px;width:6px}.mfui-9-card__marker-note{display:block;font-weight:500;margin:4px 0 0;padding:0}.mfui-9-card__texts{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px}.mfui-9-card__texts ol,.mfui-9-card__texts ul{margin:0;padding-left:24px}.mfui-9-card__texts ol{list-style-type:decimal}.mfui-9-card__texts ul{list-style-type:disc}.mfui-9-card__texts-item_center .mfui-9-card__texts-desc,.mfui-9-card__texts-item_center .mfui-9-card__texts-title{text-align:center}.mfui-9-card__texts-title{font-weight:500}.mfui-9-card__features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px;overflow:hidden}.mfui-9-card__features-list{list-style:none;margin:0;padding:0}.mfui-9-card__features-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-9-card__features-item:before{background-image:radial-gradient(circle,var(--spbSky3) 1px,transparent 1px);background-size:6px 2px;bottom:.4em;content:"";height:2px;position:absolute;width:100%}.mfui-9-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-9-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-9-card_view_background .mfui-9-card__features-item-text{background-color:var(--spbSky0)}.mfui-9-card_link.mfui-9-card_view_background:hover .mfui-9-card__features-item-text{background-color:var(--spbSky1)}.mfui-9-card__features-item-title .mfui-9-card__features-item-text{padding-right:4px}.mfui-9-card__features-item-value .mfui-9-card__features-item-text{padding-left:4px}.mfui-9-card__icons{margin-top:16px}.mfui-9-card__icons-desc{margin-bottom:12px}.mfui-9-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-9-card__icons-item,.mfui-9-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-9-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-9-card__icons-item-text{margin-top:4px}.mfui-9-card__price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:center;-ms-flex-pack:center;border-top:1px solid var(--spbSky1);justify-content:center;margin-top:24px;padding-top:24px}@media screen and (min-width:1280px){.mfui-9-card__price{margin-top:32px}}.mfui-9-card__img-box+.mfui-9-card__price{border:none;padding-top:0}.mfui-9-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-9-card__price-old-value:before{background-color:var(--fury);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-9-card__price-value{font-size:22px;font-weight:600;letter-spacing:.5px;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-9-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-9-card__price-value{font-size:32px;line-height:40px}}.mfui-9-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-9-card__price+.mfui-9-card__buttons{margin-top:24px}.mfui-9-card__button{-ms-flex-preferred-size:190px;flex-basis:190px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.mfui-9-card__footer{margin-top:auto}

package/dist/lib/components/Card/Card.d.ts

@@ -21,8 +21,9 @@ export interface ICard {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement | HTMLAnchorElement>;
     isFullHeight?: boolean;
+    isCenteredText?: boolean;
     /** Вид */
-    view?: 'shadow' | 'hover-shadow' | 'background';
+    view?: 'shadow' | 'hover-shadow' | 'background' | 'stroke';
     /** Ссылка для карточки */
     link?: Link;
     /** Изображение */

package/dist/lib/components/Card/Card.js

@@ -14,32 +14,32 @@ var _uiHelpers = require("@megafon/ui-helpers");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var textsConvertConfig = {
-  b: {
+var textsConvertConfig = (0, _extends2["default"])((0, _extends2["default"])({}, _uiHelpers.textConvertConfig), {
+  ul: {
     component: function component(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement("b", null, children);
+      return /*#__PURE__*/React.createElement("ul", null, children);
     }
   },
-  ul: {
+  ol: {
     component: function component(_ref2) {
       var children = _ref2.children;
-      return /*#__PURE__*/React.createElement("ul", null, children);
+      return /*#__PURE__*/React.createElement("ol", null, children);
     }
   },
-  ol: {
+  li: {
     component: function component(_ref3) {
       var children = _ref3.children;
-      return /*#__PURE__*/React.createElement("ol", null, children);
+      return /*#__PURE__*/React.createElement("li", null, children);
     }
   },
-  li: {
+  p: {
     component: function component(_ref4) {
       var children = _ref4.children;
-      return /*#__PURE__*/React.createElement("li", null, children);
+      return /*#__PURE__*/React.createElement("p", null, children);
     }
   }
-};
+});
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-card');
 var Card = function Card(_ref5) {
   var dataAttrs = _ref5.dataAttrs,
@@ -48,6 +48,8 @@ var Card = function Card(_ref5) {
     rootRef = _ref5.rootRef,
     _ref5$isFullHeight = _ref5.isFullHeight,
     isFullHeight = _ref5$isFullHeight === void 0 ? false : _ref5$isFullHeight,
+    _ref5$isCenteredText = _ref5.isCenteredText,
+    isCenteredText = _ref5$isCenteredText === void 0 ? false : _ref5$isCenteredText,
     link = _ref5.link,
     _ref5$view = _ref5.view,
     view = _ref5$view === void 0 ? 'shadow' : _ref5$view,
@@ -111,7 +113,9 @@ var Card = function Card(_ref5) {
         className: cn('texts')
       }, textsList.map(function (item, i) {
         return /*#__PURE__*/React.createElement("div", {
-          className: cn('texts-item'),
+          className: cn('texts-item', {
+            center: isCenteredText
+          }),
           key: i
         }, !!item.title && /*#__PURE__*/React.createElement("div", {
           className: cn('texts-title')
@@ -179,10 +183,10 @@ var Card = function Card(_ref5) {
       return null;
     }
     var extraButtonType = (button === null || button === void 0 ? void 0 : button.type) === 'outline' ? 'text' : extraButton === null || extraButton === void 0 ? void 0 : extraButton.type;
+    var extraButtonDefaultTheme = view === 'background' ? 'white' : 'gray';
+    var extraButtonTheme = (extraButton === null || extraButton === void 0 ? void 0 : extraButton.theme) || extraButtonDefaultTheme;
     return /*#__PURE__*/React.createElement("div", {
-      className: cn('buttons', {
-        centered: (button === null || button === void 0 ? void 0 : button.isCentered) || (extraButton === null || extraButton === void 0 ? void 0 : extraButton.isCentered)
-      })
+      className: cn('buttons')
     }, !!button && /*#__PURE__*/React.createElement(_uiCore.Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
@@ -200,7 +204,8 @@ var Card = function Card(_ref5) {
       className: cn('button', [classes === null || classes === void 0 ? void 0 : classes.extraButton]),
       href: extraButton.href,
       target: extraButton.target,
-      type: extraButtonType || 'outline',
+      type: extraButtonType,
+      theme: extraButtonTheme,
       onClick: extraButton === null || extraButton === void 0 ? void 0 : extraButton.onClick
     }, extraButton.title));
   };
@@ -223,6 +228,8 @@ var Card = function Card(_ref5) {
     target: isLink ? link === null || link === void 0 ? void 0 : link.target : undefined,
     onClick: isLink ? onClick : undefined,
     ref: rootRef
+  }, !!onClick && {
+    tabIndex: 0
   }), renderIcon(), !isBottomImage && renderImage(), /*#__PURE__*/React.createElement("div", {
     className: cn('header')
   }, /*#__PURE__*/React.createElement(_uiCore.Header, {

package/dist/lib/components/Card/types.d.ts

@@ -68,19 +68,17 @@ export type ButtonType = {
     href?: string;
     /** Target свойство кнопки */
     target?: Target;
-    /** Центрировать кнопку */
-    isCentered?: boolean;
+    /** Тема кнопки */
+    theme?: 'green' | 'gray' | 'white';
     /** Обработчик клика по кнопке */
     onClick?: () => void;
 };
 export type MainButtonType = ButtonType & {
     /** Тип кнопки */
     type?: 'primary' | 'outline';
-    /** Тема кнопки */
-    theme?: 'green' | 'green-soft';
 };
 export type ExtraButtonType = ButtonType & {
     /** Тип кнопки */
-    type?: 'outline' | 'text';
+    type?: 'primary' | 'text';
 };
 export {};

package/dist/lib/components/CardsOnBackground/CardsOnBackground.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-cards-on-background{border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;width:100%}@media screen and (min-width:768px) and (max-width:1023px){.mfui-9-cards-on-background{padding:32px}}@media screen and (min-width:1024px){.mfui-9-cards-on-background{padding:56px}}.mfui-9-cards-on-background_background_gray{background-color:var(--spbSky0)}.mfui-9-cards-on-background_background_green{background-color:var(--brandGreen20)}.mfui-9-cards-on-background_background_blue{background-color:var(--night20)}.mfui-9-cards-on-background_background_violet{background-color:#e1dcea}@media screen and (max-width:767px){.mfui-9-cards-on-background_carousel{padding-bottom:32px}}@media screen and (max-width:1023px){.mfui-9-cards-on-background_carousel:before{background:-webkit-gradient(linear,left top,right top,from(rgba(242,244,247,.3)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,rgba(242,244,247,.3),hsla(0,0%,100%,0));content:"";height:100%;left:0;position:absolute;top:0;width:16px;z-index:1}.mfui-9-cards-on-background_carousel:after{background:-webkit-gradient(linear,right top,left top,from(rgba(242,244,247,.3)),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,rgba(242,244,247,.3),hsla(0,0%,100%,0));content:"";height:100%;position:absolute;right:0;top:0;width:16px;z-index:1}}.mfui-9-cards-on-background__grid{display:grid;gap:20px;grid-template-columns:1fr;width:100%}@media screen and (min-width:768px){.mfui-9-cards-on-background__grid{grid-template-columns:repeat(12,1fr)}}.mfui-9-cards-on-background__grid-item{grid-column:span 1}@media screen and (min-width:768px){.mfui-9-cards-on-background__grid-item{grid-column:span 6}}@media screen and (min-width:1024px) and (max-width:1279px),screen and (min-width:768px) and (max-width:1023px){.mfui-9-cards-on-background__grid_count_3 .mfui-9-cards-on-background__grid-item:first-child{grid-column:span 12}.mfui-9-cards-on-background__grid_count_3 .mfui-9-cards-on-background__grid-item:nth-child(n+2){grid-column:span 6}}@media screen and (min-width:1280px){.mfui-9-cards-on-background__grid_count_3 .mfui-9-cards-on-background__grid-item{grid-column:span 4}}@media screen and (min-width:1024px) and (max-width:1279px),screen and (min-width:768px) and (max-width:1023px){.mfui-9-cards-on-background__grid_count_5 .mfui-9-cards-on-background__grid-item:first-child{grid-column:span 12}.mfui-9-cards-on-background__grid_count_5 .mfui-9-cards-on-background__grid-item:nth-child(n+2){grid-column:span 6}}@media screen and (min-width:1280px){.mfui-9-cards-on-background__grid_count_5 .mfui-9-cards-on-background__grid-item:nth-child(-n+2){grid-column:span 6}.mfui-9-cards-on-background__grid_count_5 .mfui-9-cards-on-background__grid-item:nth-child(n+3){grid-column:span 4}}

package/dist/lib/components/CardsOnBackground/CardsOnBackground.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Carousel } from '@megafon/ui-core';
+import { BackgroundColorType, CardDataType } from './types';
+import './CardsOnBackground.scss';
+type CarouselProps = React.ComponentProps<typeof Carousel>;
+export interface ICardsOnBackground {
+    /** Карточки. Минимальное количество 2 карточки */
+    items: CardDataType[];
+    /** Цвет фона карточек */
+    background?: BackgroundColorType;
+    /** Выстраивать карточки в карусель */
+    hasCarousel?: boolean;
+    /** Дополнительный класс для компонента */
+    className?: string;
+    /** Дополнительные классы для внутренних элементов */
+    classes?: {
+        root?: string;
+        item?: string;
+        itemTitle?: string;
+        itemButton?: string;
+        itemExtraButton?: string;
+    };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        item?: Record<string, string>;
+    };
+    /** Обработчик смены слайда карусели */
+    onCarouselChange?: CarouselProps['onChange'];
+    /** Ссылка на корневой элемент */
+    rootRef?: React.Ref<HTMLDivElement>;
+}
+declare const CardsOnBackground: React.FC<ICardsOnBackground>;
+export default CardsOnBackground;

package/dist/lib/components/CardsOnBackground/CardsOnBackground.js

@@ -0,0 +1,108 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.map.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _useResolutions2 = _interopRequireDefault(require("../../hooks/useResolutions"));
+var _CardOnBackground = _interopRequireDefault(require("./components/CardOnBackground"));
+var _useUniformHeights2 = _interopRequireDefault(require("./useUniformHeights"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var getSlidesSettings = function getSlidesSettings(count) {
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _uiHelpers.breakpoints.MOBILE_SMALL_START, {
+    slidesPerView: 1,
+    spaceBetween: 16
+  }), _uiHelpers.breakpoints.MOBILE_BIG_START, {
+    slidesPerView: 2,
+    spaceBetween: 20
+  }), _uiHelpers.breakpoints.DESKTOP_MIDDLE_START, {
+    slidesPerView: count < 3 ? count : 3,
+    spaceBetween: 20
+  }), _uiHelpers.breakpoints.DESKTOP_BIG_START, {
+    slidesPerView: count < 4 ? count : 4,
+    spaceBetween: 20
+  });
+};
+var MIN_ITEMS_COUNT = 2;
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-cards-on-background');
+var CardsOnBackground = function CardsOnBackground(_ref2) {
+  var items = _ref2.items,
+    _ref2$background = _ref2.background,
+    background = _ref2$background === void 0 ? 'gray' : _ref2$background,
+    _ref2$hasCarousel = _ref2.hasCarousel,
+    hasCarousel = _ref2$hasCarousel === void 0 ? false : _ref2$hasCarousel,
+    className = _ref2.className,
+    _ref2$classes = _ref2.classes,
+    classes = _ref2$classes === void 0 ? {} : _ref2$classes,
+    dataAttrs = _ref2.dataAttrs,
+    onCarouselChange = _ref2.onCarouselChange,
+    rootRef = _ref2.rootRef;
+  var cardsCount = items.length;
+  var _useResolutions = (0, _useResolutions2["default"])(),
+    isMobile = _useResolutions.isMobile;
+  var _useUniformHeights = (0, _useUniformHeights2["default"])(cardsCount, {
+      disabled: isMobile
+    }),
+    maxHeight = _useUniformHeights.maxHeight,
+    getRef = _useUniformHeights.getRef;
+  if (cardsCount < MIN_ITEMS_COUNT) {
+    return null;
+  }
+  var renderCard = function renderCard(item, index) {
+    return /*#__PURE__*/React.createElement(_CardOnBackground["default"], (0, _extends2["default"])({}, item, !!maxHeight && {
+      headerHeight: maxHeight
+    }, {
+      headerRef: getRef(index),
+      classes: {
+        root: classes.item,
+        title: classes.itemTitle,
+        button: classes.itemButton,
+        extraButton: classes.itemExtraButton
+      },
+      dataAttrs: {
+        root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, index + 1))
+      }
+    }));
+  };
+  var renderContent = function renderContent() {
+    if (hasCarousel) {
+      return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
+        slidesSettings: getSlidesSettings(cardsCount),
+        arrowPosition: "inside",
+        onChange: onCarouselChange
+      }, items.map(function (item, i) {
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: item.title + i
+        }, renderCard(item, i));
+      }));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: cn('grid', {
+        count: "".concat(cardsCount)
+      })
+    }, items.map(function (item, i) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('grid-item'),
+        key: item.title + i
+      }, renderCard(item, i));
+    }));
+  };
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: cn({
+      background: background,
+      carousel: hasCarousel
+    }, [className, classes.root])
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    ref: rootRef
+  }), renderContent());
+};
+var _default = exports["default"] = CardsOnBackground;

package/dist/lib/components/CardsOnBackground/components/CardOnBackground.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-9-card-on-background{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--base);border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:100%;justify-content:center;min-width:240px;padding:16px 16px 0;text-decoration:none}.mfui-9-card-on-background:focus-visible{-webkit-animation:focus-outline-shrink .3s linear forwards;animation:focus-outline-shrink .3s linear forwards;outline-offset:2px}@-webkit-keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}@keyframes focus-outline-shrink{0%{outline:0 solid var(--137C)}to{outline:4px solid var(--137C)}}.mfui-9-card-on-background:focus{outline:none}@media screen and (min-width:768px){.mfui-9-card-on-background{padding:24px 24px 0}}.mfui-9-card-on-background:hover{text-decoration:none}.mfui-9-card-on-background_active:hover{-webkit-box-shadow:0 8px 28px 0 rgba(0,0,0,.1);box-shadow:0 8px 28px 0 rgba(0,0,0,.1)}.mfui-9-card-on-background__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:520px;width:100%}.mfui-9-card-on-background__description{font-size:15px;font-weight:400;line-height:24px;margin-top:8px;text-align:center}.mfui-9-card-on-background__image-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:118px;justify-content:center;margin:16px 0;overflow:hidden;width:118px}@media screen and (min-width:1024px){.mfui-9-card-on-background__image-wrapper{height:168px;width:168px}}.mfui-9-card-on-background__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.mfui-9-card-on-background__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;width:100%}@media screen and (min-width:768px){.mfui-9-card-on-background__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:24px}}.mfui-9-card-on-background__button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}

package/dist/lib/components/CardsOnBackground/components/CardOnBackground.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CardDataType } from '../types';
+import './CardOnBackground.scss';
+export type CardOnBackgroundType = CardDataType & {
+    headerHeight?: number;
+    headerRef: (node: HTMLDivElement) => void;
+    classes?: {
+        root?: string;
+        title?: string;
+        button?: string;
+        extraButton?: string;
+    };
+    dataAttrs?: {
+        root?: Record<string, string>;
+        title?: Record<string, string>;
+        button?: Record<string, string>;
+        extraButton?: Record<string, string>;
+        header?: Record<string, string>;
+    };
+};
+declare const CardOnBackground: React.FC<CardOnBackgroundType>;
+export default CardOnBackground;

package/dist/lib/components/CardsOnBackground/components/CardOnBackground.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+var _react = _interopRequireDefault(require("react"));
+var _uiCore = require("@megafon/ui-core");
+var _uiHelpers = require("@megafon/ui-helpers");
+var _setRelAttribute = require("../../../helpers/setRelAttribute");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-9-card-on-background');
+var CardOnBackground = function CardOnBackground(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    imageSrc = _ref.imageSrc,
+    _ref$imageAlt = _ref.imageAlt,
+    imageAlt = _ref$imageAlt === void 0 ? '' : _ref$imageAlt,
+    button = _ref.button,
+    extraButton = _ref.extraButton,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    headerHeight = _ref.headerHeight,
+    headerRef = _ref.headerRef,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var showButtons = !!(button === null || button === void 0 ? void 0 : button.title) || !!(extraButton === null || extraButton === void 0 ? void 0 : extraButton.title);
+  var isLink = !!href && !showButtons;
+  var ElementType = isLink ? 'a' : 'div';
+  var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
+  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
+    className: cn({
+      active: isLink
+    }, [classes.root])
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, isLink && {
+    href: href,
+    target: target,
+    rel: currentRel
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('content')
+  }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: cn('header-wrapper')
+  }, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.header, {
+    style: {
+      minHeight: headerHeight
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('header'),
+    ref: headerRef
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+    className: cn('title', [classes === null || classes === void 0 ? void 0 : classes.title]),
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title
+    },
+    as: "h3",
+    align: "center"
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), !!description && /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('description')
+  }, (0, _uiHelpers.convert)(description, _uiHelpers.textConvertConfig)))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('image-wrapper')
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: cn('image'),
+    src: imageSrc,
+    alt: imageAlt
+  })), showButtons && /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('buttons')
+  }, !!(button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('button')
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    className: classes.button,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
+    theme: "green",
+    fullWidth: true,
+    href: button.href,
+    target: button.target,
+    rel: (0, _setRelAttribute.setRelAttribute)(button.rel, button.target),
+    onClick: button.onClick
+  }, button.title)), !!(extraButton === null || extraButton === void 0 ? void 0 : extraButton.title) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: cn('button')
+  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    className: classes.extraButton,
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.extraButton
+    },
+    theme: "gray",
+    fullWidth: true,
+    href: extraButton.href,
+    target: extraButton.target,
+    rel: (0, _setRelAttribute.setRelAttribute)(extraButton.rel, extraButton.target),
+    onClick: extraButton.onClick
+  }, extraButton.title)))));
+};
+var _default = exports["default"] = CardOnBackground;

package/dist/lib/components/CardsOnBackground/types.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+type TargetType = '_self' | '_blank' | '_parent' | '_top';
+export type ButtonType = {
+    /** Название */
+    title: string;
+    /** Ссылка */
+    href?: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+    /** Обработчик клика */
+    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
+};
+export type CardDataType = {
+    /** Заголовок */
+    title: string;
+    /** Текст-описание */
+    description?: string;
+    /** Изображение */
+    imageSrc: string;
+    /** Значение тега alt для изображения */
+    imageAlt?: string;
+    /** Кнопка */
+    button?: ButtonType;
+    /** Дополнительная кнопка */
+    extraButton?: ButtonType;
+    /** Ссылка */
+    href?: string;
+    /** Атрибут ссылки target */
+    target?: TargetType;
+    /** Атрибут ссылки rel */
+    rel?: string;
+};
+export declare const BackgroundColor: {
+    readonly GRAY: "gray";
+    readonly GREEN: "green";
+    readonly BLUE: "blue";
+    readonly VIOLET: "violet";
+};
+export type BackgroundColorType = (typeof BackgroundColor)[keyof typeof BackgroundColor];
+export {};

package/dist/lib/components/CardsOnBackground/types.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BackgroundColor = void 0;
+var BackgroundColor = exports.BackgroundColor = {
+  GRAY: 'gray',
+  GREEN: 'green',
+  BLUE: 'blue',
+  VIOLET: 'violet'
+};

package/dist/lib/components/CardsOnBackground/useUniformHeights.d.ts

@@ -0,0 +1,9 @@
+type UseUniformHeightsOptions = {
+    disabled?: boolean;
+};
+type UseUniformHeightsReturnType = {
+    maxHeight: number;
+    getRef: (index: number) => (element: HTMLElement | null) => void;
+};
+declare const useUniformHeights: (itemsCount: number, options?: UseUniformHeightsOptions) => UseUniformHeightsReturnType;
+export default useUniformHeights;