@skbkontur/markdown 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/markdown",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"

package/src/MarkdownViewer/MarkdownViewer.js

@@ -1,4 +1,4 @@
-import { Checkbox } from '@skbkontur/react-ui';
+import { Button, Checkbox } from '@skbkontur/react-ui';
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
@@ -7,7 +7,7 @@ import remarkBreaks from 'remark-breaks';
 import gfm from 'remark-gfm';
 import { MarkdownImage } from './Helpers/MarkdownImage';
 import { MarkdownLink } from './Helpers/MarkdownLink';
-import { BlockQuote, FileButtonWrapper, getListStyle, ListItem, Paragraph, Wrapper } from './MarkdownViewer.styles';
+import { BlockQuote, FileButtonWrapper, getListStyle, ListItem, Paragraph, VisuallyHidden, Wrapper, } from './MarkdownViewer.styles';
 import { useFileLogic } from '../Markdown/Files/Files.logic';
 import { AttachPaperclip } from '../MarkdownIcons/AttachPaperclip';
 export var MarkdownViewer = function (_a) {
@@ -41,9 +41,11 @@ export var MarkdownViewer = function (_a) {
         if (fileApiUrl && href.startsWith(fileApiUrl)) {
             var id_1 = href.replace(fileApiUrl, '');
             return (React.createElement(FileButtonWrapper, null,
-                React.createElement(AttachPaperclip, null),
-                "\u00A0",
-                React.createElement("button", { "aria-label": "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B ".concat(children), onClick: function () { return downloadFile(id_1); } }, children)));
+                React.createElement(Button, { use: "link", icon: React.createElement(AttachPaperclip, null), onClick: function () { return downloadFile(id_1); } },
+                    children,
+                    React.createElement(VisuallyHidden, null,
+                        "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B $",
+                        children))));
         }
         return href.startsWith('@') ? (React.createElement(MarkdownLink, { href: profileUrl + href.replace('@', '/') }, children)) : (React.createElement(MarkdownLink, { href: href }, children));
     }

package/src/MarkdownViewer/MarkdownViewer.styles.d.ts

@@ -5,3 +5,4 @@ export declare const Paragraph: import("styled-components").StyledComponent<"p",
 export declare const BlockQuote: import("styled-components").StyledComponent<"blockquote", import("../..").MarkdownTheme, {}, never>;
 export declare const FileButtonWrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;
 export declare function getListStyle(depth: boolean): CSSProperties;
+export declare const VisuallyHidden: import("styled-components").StyledComponent<"span", import("../..").MarkdownTheme, {}, never>;

package/src/MarkdownViewer/MarkdownViewer.styles.js

@@ -11,4 +11,5 @@ export var FileButtonWrapper = styled.div(templateObject_5 || (templateObject_5
 export function getListStyle(depth) {
     return depth ? { marginTop: 4 } : { marginBottom: 16 };
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+export var VisuallyHidden = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"], ["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;