@megafon/ui-shared 5.15.0 → 6.0.0-beta.1

package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js

@@ -1,61 +1,48 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+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"));
-
 require("core-js/modules/es.string.link.js");
-
-var _react = _interopRequireDefault(require("react"));
-
+var React = _interopRequireWildcard(require("react"));
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var cn = (0, _uiHelpers.cnCreate)('mfui-button-link-box');
-
 var ButtonLinkBox = function ButtonLinkBox(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      rootRef = _ref.rootRef,
-      buttonTitle = _ref.buttonTitle,
-      buttonUrl = _ref.buttonUrl,
-      buttonDownload = _ref.buttonDownload,
-      _ref$buttonColor = _ref.buttonColor,
-      buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
-      buttonRel = _ref.buttonRel,
-      linkTitle = _ref.linkTitle,
-      linkUrl = _ref.linkUrl,
-      linkDownload = _ref.linkDownload,
-      linkRel = _ref.linkRel,
-      align = _ref.align,
-      className = _ref.className,
-      buttonTarget = _ref.buttonTarget,
-      linkTarget = _ref.linkTarget,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      onButtonClick = _ref.onButtonClick,
-      onLinkClick = _ref.onLinkClick;
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    rootRef = _ref.rootRef,
+    buttonTitle = _ref.buttonTitle,
+    buttonUrl = _ref.buttonUrl,
+    buttonDownload = _ref.buttonDownload,
+    _ref$buttonColor = _ref.buttonColor,
+    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
+    buttonRel = _ref.buttonRel,
+    linkTitle = _ref.linkTitle,
+    linkUrl = _ref.linkUrl,
+    linkDownload = _ref.linkDownload,
+    linkRel = _ref.linkRel,
+    align = _ref.align,
+    className = _ref.className,
+    buttonTarget = _ref.buttonTarget,
+    linkTarget = _ref.linkTarget,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    onButtonClick = _ref.onButtonClick,
+    onLinkClick = _ref.onLinkClick;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'h-align': align
     }, [className, classes.root]),
     ref: rootRef
-  }), buttonTitle && /*#__PURE__*/_react["default"].createElement("div", {
+  }), buttonTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('row')
-  }, /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+  }, /*#__PURE__*/React.createElement(_uiCore.Button, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
     },
@@ -66,9 +53,9 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     target: buttonTarget,
     download: buttonDownload,
     rel: buttonRel
-  }, buttonTitle)), linkTitle && /*#__PURE__*/_react["default"].createElement("div", {
+  }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('row')
-  }, /*#__PURE__*/_react["default"].createElement(_uiCore.TextLink, {
+  }, /*#__PURE__*/React.createElement(_uiCore.TextLink, {
     dataAttrs: {
       root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
     },
@@ -81,34 +68,4 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
     onClick: onLinkClick
   }, linkTitle)));
 };
-
-ButtonLinkBox.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    link: PropTypes.objectOf(PropTypes.string.isRequired),
-    button: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    button: PropTypes.string,
-    link: PropTypes.string
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  buttonTitle: PropTypes.string,
-  buttonUrl: PropTypes.string,
-  buttonDownload: PropTypes.bool,
-  buttonColor: PropTypes.oneOf(['green', 'purple']),
-  buttonRel: PropTypes.string,
-  linkTitle: PropTypes.string,
-  linkUrl: PropTypes.string,
-  linkDownload: PropTypes.bool,
-  linkRel: PropTypes.string,
-  align: PropTypes.oneOf(['center', 'left']),
-  onButtonClick: PropTypes.func,
-  onLinkClick: PropTypes.func
-};
-var _default = ButtonLinkBox;
-exports["default"] = _default;
+var _default = exports["default"] = ButtonLinkBox;

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

@@ -1,308 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-card {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  padding: 16px 16px 24px;
-  border-radius: 12px;
-  color: var(--content);
-  text-decoration: none !important;
-  background-color: var(--base);
-  -webkit-transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
-  transition: background-color 0.3s, 0.3s, -webkit-box-shadow;
-  transition: background-color 0.3s, box-shadow, 0.3s;
-  transition: background-color 0.3s, box-shadow, 0.3s, -webkit-box-shadow;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card {
-    padding: 24px 24px 32px;
-  }
-}
-.mfui-card_full-height {
-  height: 100%;
-}
-.mfui-card_link {
-  cursor: pointer;
-}
-.mfui-card_view_shadow {
-  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-.mfui-card_link.mfui-card_view_shadow:hover {
-  -webkit-box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
-          box-shadow: 0 8px 28px 0 rgba(0, 0, 0, 0.1);
-}
-.mfui-card_view_background {
-  background-color: var(--spbSky0);
-}
-.mfui-card_link.mfui-card_view_background:hover {
-  background-color: var(--spbSky1);
-}
-.mfui-card_only-title {
-  padding: 24px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card_only-title {
-    padding: 32px;
-  }
-}
-.mfui-card__icon {
-  width: 40px;
-  height: 40px;
-  margin-bottom: 32px;
-}
-.mfui-card__img-box {
-  position: relative;
-  margin-bottom: 24px;
-  padding-bottom: 56.25%;
-  border-radius: 12px;
-  overflow: hidden;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__img-box {
-    margin-bottom: 32px;
-  }
-}
-.mfui-card__img-box_position_bottom {
-  margin-top: 24px;
-  margin-bottom: 0;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__img-box_position_bottom {
-    margin-top: 32px;
-  }
-}
-.mfui-card__img {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
-  transition: transform 0.3s, -webkit-transform 0.3s;
-}
-.mfui-card_link:hover .mfui-card__img {
-  -webkit-transform: scale(1.2);
-          transform: scale(1.2);
-}
-.mfui-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-card__texts ol,
-.mfui-card__texts ul {
-  margin: 0;
-  padding-left: 24px;
-}
-.mfui-card__texts-title {
-  font-weight: 500;
-}
-.mfui-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-card__features-list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.mfui-card__features-item {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -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-card__features-item:before {
-  content: '';
-  position: absolute;
-  bottom: 0.4em;
-  width: 100%;
-  height: 2px;
-  background-image: radial-gradient(circle, var(--spbSky3) 1px, transparent 1px);
-  background-size: 6px 2px;
-}
-.mfui-card__features-item-value {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  text-align: end;
-}
-.mfui-card__features-item-text {
-  position: relative;
-  z-index: 1;
-  background-color: var(--base);
-  -webkit-transition: background-color 0.3s;
-  transition: background-color 0.3s;
-}
-.mfui-card_view_background .mfui-card__features-item-text {
-  background-color: var(--spbSky0);
-}
-.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text {
-  background-color: var(--spbSky1);
-}
-.mfui-card__features-item-title .mfui-card__features-item-text {
-  padding-right: 4px;
-}
-.mfui-card__features-item-value .mfui-card__features-item-text {
-  padding-left: 4px;
-}
-.mfui-card__icons {
-  margin-top: 16px;
-}
-.mfui-card__icons-desc {
-  margin-bottom: 12px;
-}
-.mfui-card__icons-list {
-  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;
-}
-.mfui-card__icons-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-card__icons-item-icon {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  width: 32px;
-  height: 32px;
-  margin-right: 8px;
-}
-.mfui-card__icons-item-text {
-  margin-top: 4px;
-}
-.mfui-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;
-          justify-content: center;
-  margin-top: 24px;
-  padding-top: 24px;
-  border-top: 1px solid var(--spbSky1);
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__price {
-    margin-top: 32px;
-  }
-}
-.mfui-card__img-box + .mfui-card__price {
-  padding-top: 0;
-  border: none;
-}
-.mfui-card__price-old-value {
-  position: relative;
-  color: var(--spbSky3);
-}
-.mfui-card__price-old-value:before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: -1px;
-  left: -1px;
-  height: 1px;
-  background-color: var(--warmRedC);
-}
-.mfui-card__price-value {
-  font-weight: 600;
-  font-size: 22px;
-  line-height: 28px;
-  letter-spacing: 0.5px;
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-card__price-value {
-    font-size: 26px;
-    line-height: 32px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-card__price-value {
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-@media screen and (min-width: 1280px) {
-  .mfui-card__price-value {
-    font-size: 32px;
-    line-height: 40px;
-  }
-}
-.mfui-card__buttons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: 16px;
-  margin-top: 32px;
-}
-.mfui-card__price + .mfui-card__buttons {
-  margin-top: 24px;
-}
-.mfui-card__buttons_centered {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.mfui-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-card__footer {
-  margin-top: auto;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-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:12px;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-card{padding:24px 24px 32px}}.mfui-card_full-height{height:100%}.mfui-card_link{cursor:pointer}.mfui-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-card_link.mfui-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-card_view_background{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover{background-color:var(--spbSky1)}.mfui-card_only-title{padding:24px}@media screen and (min-width:1280px){.mfui-card_only-title{padding:32px}}.mfui-card__icon{height:40px;margin-bottom:32px;width:40px}.mfui-card__img-box{border-radius:12px;margin-bottom:24px;overflow:hidden;padding-bottom:56.25%;position:relative}@media screen and (min-width:1280px){.mfui-card__img-box{margin-bottom:32px}}.mfui-card__img-box_position_bottom{margin-bottom:0;margin-top:24px}@media screen and (min-width:1280px){.mfui-card__img-box_position_bottom{margin-top:32px}}.mfui-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-card_link:hover .mfui-card__img{-webkit-transform:scale(1.2);transform:scale(1.2)}.mfui-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-card__texts ol,.mfui-card__texts ul{margin:0;padding-left:24px}.mfui-card__texts-title{font-weight:500}.mfui-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-card__features-list{list-style:none;margin:0;padding:0}.mfui-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-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-card__features-item-value{-ms-flex-negative:0;flex-shrink:0;text-align:end}.mfui-card__features-item-text{background-color:var(--base);position:relative;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:1}.mfui-card_view_background .mfui-card__features-item-text{background-color:var(--spbSky0)}.mfui-card_link.mfui-card_view_background:hover .mfui-card__features-item-text{background-color:var(--spbSky1)}.mfui-card__features-item-title .mfui-card__features-item-text{padding-right:4px}.mfui-card__features-item-value .mfui-card__features-item-text{padding-left:4px}.mfui-card__icons{margin-top:16px}.mfui-card__icons-desc{margin-bottom:12px}.mfui-card__icons-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.mfui-card__icons-item,.mfui-card__icons-list{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-card__icons-item-icon{-ms-flex-negative:0;flex-shrink:0;height:32px;margin-right:8px;width:32px}.mfui-card__icons-item-text{margin-top:4px}.mfui-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-card__price{margin-top:32px}}.mfui-card__img-box+.mfui-card__price{border:none;padding-top:0}.mfui-card__price-old-value{color:var(--spbSky3);position:relative}.mfui-card__price-old-value:before{background-color:var(--warmRedC);content:"";height:1px;left:-1px;position:absolute;right:-1px;top:50%}.mfui-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-card__price-value{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-card__price-value{font-size:28px;line-height:36px}}@media screen and (min-width:1280px){.mfui-card__price-value{font-size:32px;line-height:40px}}.mfui-card__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;margin-top:32px}.mfui-card__price+.mfui-card__buttons{margin-top:24px}.mfui-card__buttons_centered{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-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-card__footer{margin-top:auto}

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

@@ -1,5 +1,5 @@
-import React, { Ref } from 'react';
-import './Card.less';
+import * as React from 'react';
+import './Card.scss';
 import { ButtonType, FeaturesList, IconsList, Image, Link, Price, TextsList, Title } from './types';
 export interface ICard {
     /** Дополнительные data атрибуты к внутренним элементам */
@@ -19,7 +19,7 @@ export interface ICard {
         extraButton?: string;
     };
     /** Ссылка на корневой элемент */
-    rootRef?: Ref<HTMLDivElement | HTMLAnchorElement>;
+    rootRef?: React.Ref<HTMLDivElement | HTMLAnchorElement>;
     isFullHeight?: boolean;
     /** Вид */
     view?: 'shadow' | 'background';