@megafon/ui-shared 3.0.0-beta.9 → 3.1.0

package/CHANGELOG.md

@@ -3,136 +3,117 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [3.0.0-beta.9](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.8...@megafon/ui-shared@3.0.0-beta.9) (2022-02-08)
-
-**Note:** Version bump only for package @megafon/ui-shared
-
-
+# [3.1.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.3...@megafon/ui-shared@3.1.0) (2022-02-22)
 
 
+### Bug Fixes
 
-# [3.0.0-beta.8](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.7...@megafon/ui-shared@3.0.0-beta.8) (2022-02-08)
+* **videobanner:** update snapshots ([77de901](https://github.com/MegafonWebLab/megafon-ui/commit/77de901fa76793cf76dc776b3234b2d792befd9a))
+* fix Breadcrumbs, ButtonLinkBox, Card, CardBox, Container, DownloadLink & VideoBanner snapshots ([e149e2d](https://github.com/MegafonWebLab/megafon-ui/commit/e149e2d40ececff0065ec1d800fb807fabfe8640))
+* **breadcrumbs:** allow to pass items as array of JSX elements ([1ca1583](https://github.com/MegafonWebLab/megafon-ui/commit/1ca158390c7c58b5ff117ae8ad16268b043d5ddb))
+* **colors:** fix colors usage ([f2f59a8](https://github.com/MegafonWebLab/megafon-ui/commit/f2f59a81644c157394817af1531dabb1c0b67b19))
+* **components:** better view of default props values ([1817ed5](https://github.com/MegafonWebLab/megafon-ui/commit/1817ed5cd17fd78a0911a89020138f05d7af9833))
 
 
 ### Features
 
-* **accordionbox:** remove prop hasVerticalPaddings ([82218ad](https://github.com/MegafonWebLab/megafon-ui/commit/82218ad0307c3f566cf9f582a824733e3523be3d))
+* **textwithiconitem:** add type string[] for text prop ([0df9680](https://github.com/MegafonWebLab/megafon-ui/commit/0df9680e10058ea24783fbc41cbce17e9b2a5594))
+* **ui-shared:** add dataAttrs prop for interactive elements of components that did not have ([6b2fad8](https://github.com/MegafonWebLab/megafon-ui/commit/6b2fad84e72269d1fac0408e0b7e94202866b4aa))
+* **videobanner:** added new classes for video ([d8b84a0](https://github.com/MegafonWebLab/megafon-ui/commit/d8b84a003103cf5f66102d354d2625e30a2c0d2a))
 
 
-### BREAKING CHANGES
 
-* **accordionbox:** remove prop hasVerticalPaddings
 
 
+## [3.0.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.2...@megafon/ui-shared@3.0.3) (2022-02-15)
 
-
-
-# [3.0.0-beta.7](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.6...@megafon/ui-shared@3.0.0-beta.7) (2022-02-04)
-
-
-### Bug Fixes
-
-* **components:** change tests for dataAttrs prop ([2a8f306](https://github.com/MegafonWebLab/megafon-ui/commit/2a8f3061a4e89f6877894e5947db7bae2827f86a))
+**Note:** Version bump only for package @megafon/ui-shared
 
 
 
 
 
-# [3.0.0-beta.6](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.5...@megafon/ui-shared@3.0.0-beta.6) (2022-02-02)
+## [3.0.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0...@megafon/ui-shared@3.0.2) (2022-02-11)
 
 
 ### Bug Fixes
 
-* color props values changes ([b279f2b](https://github.com/MegafonWebLab/megafon-ui/commit/b279f2b5af0edae92fe9825bbfa90a207cb8009a))
-* remove deprecated props values ([add76f3](https://github.com/MegafonWebLab/megafon-ui/commit/add76f38a9ebad8b5b6504dfe6aae862746f0dfc))
-* **core:** fix build ui-core ([458c824](https://github.com/MegafonWebLab/megafon-ui/commit/458c824aab639e4802db261d0416b3cee58ac274))
+* revert mistake version ([cc8668a](https://github.com/MegafonWebLab/megafon-ui/commit/cc8668a9ff2bc5fde6bf93ca806d4406a5944107))
 
 
-### BREAKING CHANGES
 
-* ContentArea: prop color change values from 'base' to 'white' and from 'content' to 'default';
-remove depreacted value 'freshAsphalt'
-Paragraph: prop color change values from 'base' to 'white' and from 'contend' to 'default';
-remove deprecared values 'freshAsphalt' and 'clearWhite'
-StoreBanner: prop theme change value from 'black' to 'default'; remove deprecated value 'clearWhite'
-* ContentArea, Paragraph, StoreBanner and Breadcrumbs components from no don't have
-freshAsphalt and clearWhite as values for colorize props
 
 
+# [3.0.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.3.0...@megafon/ui-shared@3.0.0) (2022-02-09)
 
 
+### Bug Fixes
 
-# [3.0.0-beta.5](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.4...@megafon/ui-shared@3.0.0-beta.5) (2022-01-28)
+* **components:** change tests for dataAttrs prop ([eae8ecb](https://github.com/MegafonWebLab/megafon-ui/commit/eae8ecb5104c050ec0e67357ed5edecdfb042838))
+* color props values changes ([9e3dd31](https://github.com/MegafonWebLab/megafon-ui/commit/9e3dd31a8fd57012482c68c1173aae74028aa3a9))
+* remove deprecated props values ([d09c460](https://github.com/MegafonWebLab/megafon-ui/commit/d09c4606ce6e41f7144e18c2216d039d859288e2))
+* **accordion-box:** change type of onClickAccordion prop ([f464221](https://github.com/MegafonWebLab/megafon-ui/commit/f4642216a3869d7f11005f0162f009225f9661c4))
+* **colors:** renabe green and purple to brandGreen and brandPurple to avoid postcss-colormin bug ([089dd42](https://github.com/MegafonWebLab/megafon-ui/commit/089dd42cd18db7fc83e690da45d09b88c636a6f7))
+* **core:** fix build ui-core ([fa9522a](https://github.com/MegafonWebLab/megafon-ui/commit/fa9522ac0931edb7ec772ad040557997db080687))
 
 
 ### Features
 
-* **header:** made header as a functional component ([81701ad](https://github.com/MegafonWebLab/megafon-ui/commit/81701ad87b6e9df2fe630bf4e183383264c0bb01))
-
-
-
-
-
-# [3.0.0-beta.4](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.3...@megafon/ui-shared@3.0.0-beta.4) (2022-01-27)
-
-**Note:** Version bump only for package @megafon/ui-shared
-
-
-
-
-
-# [3.0.0-beta.3](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.2...@megafon/ui-shared@3.0.0-beta.3) (2022-01-24)
-
-
-### Bug Fixes
-
-* **accordion-box:** change type of onClickAccordion prop ([5d5cef5](https://github.com/MegafonWebLab/megafon-ui/commit/5d5cef5e2dd70efa808a6146e29daf1c882af304))
+* **accordionbox:** remove prop hasVerticalPaddings ([7dfe546](https://github.com/MegafonWebLab/megafon-ui/commit/7dfe546336aa0a94643299309e90fe7e56936e85))
+* **colors:** css custom properties and color themes support ([16df5b7](https://github.com/MegafonWebLab/megafon-ui/commit/16df5b7b2644e15bb6c6e49e7347c0f8e4839e58))
+* **header:** made header as a functional component ([b983934](https://github.com/MegafonWebLab/megafon-ui/commit/b983934ced137ede35f64ce2dfe0c953c1690db0))
+* **textwithicon:** prop items removed, list items are now added by child components ([44ee66c](https://github.com/MegafonWebLab/megafon-ui/commit/44ee66c3964da1111957553c75046407f789e673))
 
 
 ### BREAKING CHANGES
 
+* **textwithicon:** prop items removed, list items are now added by child components
+* **accordionbox:** remove prop hasVerticalPaddings
 * **accordion-box:** remove parameter 'title' in onClickAccordion prop
+* **colors:** green, green20, green80, purple, purple20 and purple80 colors now have 'brand'
+prefix (e.g. brandGreen)
+* **contentarea**: prop color change values from 'base' to 'white' and from 'content' to 'default';
+remove depreacted value 'freshAsphalt'
+* **contentarea**, **paragraph**, **storebanner** and **breadcrumbs** components from no don't have
+'freshAsphalt' and 'clearWhite' as values for colorizing props
+* **storebanner**: prop theme change value from 'black' to 'default'; remove deprecated value 'clearWhite'
+* **components:** for the components to work correctly, now it's needed to import colors.css file
 
 
 
 
-
-# [3.0.0-beta.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.1...@megafon/ui-shared@3.0.0-beta.2) (2022-01-21)
-
-**Note:** Version bump only for package @megafon/ui-shared
+# [2.3.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.2.1...@megafon/ui-shared@2.3.0) (2022-02-07)
 
 
+### Features
 
+* **container:** fix margin rules for component TextWithIcon ([3c2de9d](https://github.com/MegafonWebLab/megafon-ui/commit/3c2de9db5a01bdd246daee22dd5545e21dce55ba))
+* **textbox:** add styles for use TextWithIcon inside component ([c993657](https://github.com/MegafonWebLab/megafon-ui/commit/c993657a2f143f87607a7d1474d44c4596d73558))
 
 
-# [3.0.0-beta.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@3.0.0-beta.0...@megafon/ui-shared@3.0.0-beta.1) (2022-01-20)
 
 
-### Bug Fixes
 
-* **colors:** renabe green and purple to brandGreen and brandPurple to avoid postcss-colormin bug ([563d97c](https://github.com/MegafonWebLab/megafon-ui/commit/563d97c42900099415a6872f57b500b87aeed647))
+## [2.2.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.2.0...@megafon/ui-shared@2.2.1) (2022-01-31)
 
 
-### BREAKING CHANGES
+### Bug Fixes
 
-* **colors:** green, green20, green80, purple, purple20 and purple80 colors now have 'brand'
-prefix (e.g. brandGreen)
+* **storebanner:** update qr code image for storebanner examples and fix qr code container styles ([1845222](https://github.com/MegafonWebLab/megafon-ui/commit/1845222e5211e70a8f5aa36ab4a710ecd46e8a14))
 
 
 
 
 
-# [3.0.0-beta.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.5...@megafon/ui-shared@3.0.0-beta.0) (2022-01-19)
+# [2.2.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@2.1.5...@megafon/ui-shared@2.2.0) (2022-01-24)
 
 
 ### Features
 
-* **colors:** css custom properties and color themes support ([b19a9a5](https://github.com/MegafonWebLab/megafon-ui/commit/b19a9a5112ebc7427d60f6514d606dd9d71ca444))
-
-
-### BREAKING CHANGES
-
-* **colors:** read commit description
+* **accordionbox:** props hasVerticalPaddings marked as deprecated ([7dbb43b](https://github.com/MegafonWebLab/megafon-ui/commit/7dbb43b1178f4055ecd0f4eed5614024da638091))
+* **container:** add rules for TextWithIcon component ([4c692ab](https://github.com/MegafonWebLab/megafon-ui/commit/4c692ab43db115dc7c5aeba39713d6f2ae2daaff))
+* **textwithicon:** add component TextWithIcon ([b772728](https://github.com/MegafonWebLab/megafon-ui/commit/b772728b8739dbbfa550eef1c8eedb56cda620c9))
+* **videoblock:** made button optional ([eef7c17](https://github.com/MegafonWebLab/megafon-ui/commit/eef7c174415b28fe3512d8c28fcd9bb73774dd2e))
 
 
 

package/README.md

@@ -5,10 +5,10 @@ React UI components library.
 ## Getting started
 
 ```bash
-$ npm install --save @megafon/ui-shared@beta
+$ npm install --save @megafon/ui-shared
 ```
 ```bash
-$ yarn add @megafon/ui-shared@beta
+$ yarn add @megafon/ui-shared
 ```
 
 ## Development notes

package/dist/es/components/AccordionBox/AccordionBox.d.ts

@@ -4,6 +4,11 @@ export interface IAccordionBox {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        header?: Record<string, string>;
+        collapse?: Record<string, string>;
+        titleWrap?: Record<string, string>;
+        arrowUp?: Record<string, string>;
+        arrowDown?: Record<string, string>;
     };
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;

package/dist/es/components/AccordionBox/AccordionBox.js

@@ -42,7 +42,12 @@ var AccordionBox = function AccordionBox(_a) {
 
 AccordionBox.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    header: PropTypes.objectOf(PropTypes.string.isRequired),
+    collapse: PropTypes.objectOf(PropTypes.string.isRequired),
+    titleWrap: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowUp: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowDown: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType

package/dist/es/components/BenefitsIcons/BenefitsIcons.js

@@ -128,7 +128,7 @@ var cn = cnCreate('mfui-benefits-icons');
 var BenefitsIcons = function BenefitsIcons(_ref) {
   var rootRef = _ref.rootRef,
       _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? IconPositionEnum.LEFT_TOP : _ref$iconPosition,
+      iconPosition = _ref$iconPosition === void 0 ? 'left-top' : _ref$iconPosition,
       _ref$inOneColumn = _ref.inOneColumn,
       inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
       items = _ref.items,

package/dist/es/components/Breadcrumbs/Breadcrumbs.css

@@ -30,12 +30,12 @@ h5 {
 .mfui-breadcrumbs__item {
   position: relative;
   margin-right: 10px;
-  padding-left: 22px;
+  padding-left: 26px;
 }
 .mfui-breadcrumbs__item:before {
   content: '→';
   position: absolute;
-  top: -2px;
+  top: -1px;
   left: 0;
 }
 .mfui-breadcrumbs__item:first-child {

package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import './Breadcrumbs.less';
-declare type ItemType = {
-    component?: React.ReactElement;
+declare type ItemObjectType = {
     title?: string;
     href?: string;
+    component?: React.ReactElement;
 };
+declare type ItemType = JSX.Element | ItemObjectType;
 export declare const TextColor: {
     readonly DEFAULT: "default";
     readonly BLACK: "black";
@@ -12,6 +13,10 @@ export declare const TextColor: {
 };
 declare type TextColorType = typeof TextColor[keyof typeof TextColor];
 export declare type Props = {
+    dataAttrs?: {
+        root?: Record<string, string>;
+        link?: Record<string, string>;
+    };
     className?: string;
     classes?: {
         item?: string;

package/dist/es/components/Breadcrumbs/Breadcrumbs.js

@@ -1,8 +1,10 @@
 import "core-js/modules/es.array.map";
 import "core-js/modules/es.object.values";
+import "core-js/modules/es.string.link";
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { TextLink } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./Breadcrumbs.css";
 export var TextColor = {
@@ -10,6 +12,15 @@ export var TextColor = {
   BLACK: 'black',
   WHITE: 'white'
 };
+
+function isObjectElement(item) {
+  return !React.isValidElement(item);
+}
+
+function isJSXElement(item) {
+  return React.isValidElement(item);
+}
+
 var cn = cnCreate('mfui-breadcrumbs');
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -18,34 +29,53 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
       color = _ref$color === void 0 ? 'black' : _ref$color,
       className = _ref.className,
       _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
-  return /*#__PURE__*/React.createElement("div", {
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color
     }, className)
-  }, items.map(function (_ref2) {
-    var component = _ref2.component,
-        title = _ref2.title,
-        href = _ref2.href;
-    return /*#__PURE__*/React.createElement("div", {
-      className: cn('item', classes.item),
-      key: title
-    }, component, !component && /*#__PURE__*/React.createElement(TextLink, {
-      href: href,
-      color: color
-    }, component || title));
+  }), items.map(function (item, i) {
+    if (isJSXElement(item)) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('item', classes.item),
+        key: i
+      }, item);
+    }
+
+    if (isObjectElement(item)) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: cn('item', classes.item),
+        key: item.component ? i : item.title
+      }, item.component || /*#__PURE__*/React.createElement(TextLink, {
+        href: item.href,
+        color: color,
+        dataAttrs: {
+          root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, i + 1)) : undefined
+        }
+      }, item.title));
+    }
+
+    return null;
   }));
 };
 
 Breadcrumbs.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    link: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   className: PropTypes.string,
   classes: PropTypes.shape({
     item: PropTypes.string
   }),
-  items: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    href: PropTypes.string
-  }).isRequired).isRequired,
+  items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string,
+    href: PropTypes.string,
+
+    /* @deprecated */
+    component: PropTypes.element
+  }).isRequired)]).isRequired,
   color: PropTypes.oneOf(Object.values(TextColor))
 };
 export default Breadcrumbs;

package/dist/es/components/ButtonBanner/ButtonBanner.d.ts

@@ -19,6 +19,7 @@ export interface IButtonBannerProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        button?: Record<string, string>;
     };
     /** Дополнительный css класс для корневого элемента */
     className?: string;

package/dist/es/components/ButtonBanner/ButtonBanner.js

@@ -47,6 +47,9 @@ var ButtonBanner = function ButtonBanner(_ref) {
       imageScaling = _ref$imageScaling === void 0 ? 'cover' : _ref$imageScaling,
       onButtonClick = _ref.onButtonClick;
   var buttonElem = /*#__PURE__*/React.createElement(Button, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
     className: cn('button', [classes.button]),
     href: buttonUrl,
     target: buttonTarget,
@@ -86,7 +89,8 @@ var ButtonBanner = function ButtonBanner(_ref) {
 
 ButtonBanner.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    button: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   classes: PropTypes.shape({

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts

@@ -4,6 +4,8 @@ export interface IButtonLinkBoxProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        link?: Record<string, string>;
+        button?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js

@@ -34,6 +34,9 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
   }), buttonTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('row')
   }, /*#__PURE__*/React.createElement(Button, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+    },
     className: classes.button,
     href: buttonUrl,
     theme: buttonColor,
@@ -43,6 +46,9 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
   }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
     className: cn('row')
   }, /*#__PURE__*/React.createElement(TextLink, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
+    },
     className: classes.link,
     href: linkUrl,
     download: linkDownload,
@@ -54,7 +60,9 @@ var ButtonLinkBox = function ButtonLinkBox(_ref) {
 
 ButtonLinkBox.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    link: PropTypes.objectOf(PropTypes.string.isRequired),
+    button: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   classes: PropTypes.shape({

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

@@ -23,9 +23,11 @@ export declare const ObjectFit: {
 };
 declare type ObjectFitType = typeof ObjectFit[keyof typeof ObjectFit];
 export interface ICard {
-    /** Дата атрибуты для корневого элемента */
+    /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
-        [key: string]: string;
+        root?: Record<string, string>;
+        link?: Record<string, string>;
+        button?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/es/components/Card/Card.js

@@ -84,12 +84,15 @@ var Card = function Card(_ref) {
     }
 
     return /*#__PURE__*/React.createElement(TextLink, {
-      className: cn('link', [classes.link]),
       href: linkHref,
+      download: download,
       target: linkTarget,
-      download: download
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
+      },
+      className: cn('link', [classes.link])
     }, linkTitle);
-  }, [link, isCardLink, classes]);
+  }, [link, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link]);
   var renderBtn = React.useCallback(function () {
     if (!button || isCardLink) {
       return null;
@@ -100,12 +103,15 @@ var Card = function Card(_ref) {
         btnTarget = button.target,
         buttonDownload = button.download;
     return /*#__PURE__*/React.createElement(Button, {
+      dataAttrs: {
+        root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
+      },
       className: cn('button', [classes.button]),
       href: btnHref,
       target: btnTarget,
       download: buttonDownload
     }, btnTitle);
-  }, [button, isCardLink, classes]);
+  }, [button, isCardLink, classes, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button]);
   var renderBtnsWrapper = React.useCallback(function () {
     var btnElem = renderBtn();
     var linkElem = renderLink();
@@ -120,7 +126,7 @@ var Card = function Card(_ref) {
       })
     }, btnElem, linkElem);
   }, [renderBtn, renderLink, isAlignAvailable, isLeftHAlign]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs), {
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn('', {
       href: !!href,
       'full-height': isFullHeight,
@@ -140,7 +146,11 @@ var Card = function Card(_ref) {
 };
 
 Card.propTypes = {
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  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,