@skbkontur/markdown 1.0.12 → 1.0.13

package/package.json

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

package/src/Markdown/Markdown.styled.js

@@ -36,7 +36,7 @@ export var MarkdownActionsWrapper = styled.div(templateObject_8 || (templateObje
 });
 export var ButtonsWrapper = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin: 0 -7px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin: 0 -7px;\n"])));
 export var ActionsWrapper = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-export var MarkdownButtonWrapper = styled(Button)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  button {\n    padding: 4px 6px;\n    border: none;\n    box-sizing: border-box;\n  }\n"], ["\n  button {\n    padding: 4px 6px;\n    border: none;\n    box-sizing: border-box;\n  }\n"])));
+export var MarkdownButtonWrapper = styled(Button)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  button {\n    padding: 4px 4px;\n    border: none;\n    box-sizing: border-box;\n  }\n"], ["\n  button {\n    padding: 4px 4px;\n    border: none;\n    box-sizing: border-box;\n  }\n"])));
 export var MarkdownButtonIcon = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  height: 24px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n"], ["\n  height: 24px;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n"])));
 export var MarkdownDropdown = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  button {\n    font-size: ", ";\n  }\n"], ["\n  button {\n    font-size: ", ";\n  }\n"])), function (p) { return p.theme.elementsFontSize; });
 export var MarkdownSymbolWrapper = styled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (p) { return p.theme.colors.brand; });

package/src/Markdown/MarkdownHelpItems.js

@@ -15,6 +15,7 @@ import { AttachLink } from '../MarkdownIcons/AttachLink';
 import { AttachPaperclip } from '../MarkdownIcons/AttachPaperclip';
 import { CheckedList } from '../MarkdownIcons/CheckedList';
 import { List } from '../MarkdownIcons/List';
+import { I } from '../MarkdownIcons/MarkdownIcons.styled';
 import { NumberedList } from '../MarkdownIcons/NumberedList';
 import { Table } from '../MarkdownIcons/Table';
 var newLinesRegexp = /([\n\r]+)/g;
@@ -106,7 +107,7 @@ export var markdownHelpText = [
             React.createElement(MarkdownSymbolWrapper, null, "*"),
             "\u041A\u0443\u0440\u0441\u0438\u0432",
             React.createElement(MarkdownSymbolWrapper, null, "*"))),
-        icon: React.createElement("i", null, "I"),
+        icon: React.createElement(I, null, "I"),
         wrapContent: function (content) { return "*".concat(content, "*"); },
         text: 'Курсив',
         checkLength: 1,

package/src/MarkdownIcons/MarkdownIcons.styled.d.ts

@@ -1,2 +1,2 @@
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;
-export declare const RotatedWrapper: import("styled-components").StyledComponent<"div", import("../..").MarkdownTheme, {}, never>;
+export declare const I: import("styled-components").StyledComponent<"i", import("../..").MarkdownTheme, {}, never>;

package/src/MarkdownIcons/MarkdownIcons.styled.js

@@ -4,5 +4,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import styled from '../styles/styled-components';
 export var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-top: 6px;\n"], ["\n  margin-top: 6px;\n"])));
-export var RotatedWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  transform: rotate(45deg);\n"], ["\n  transform: rotate(45deg);\n"])));
+export var I = styled.i(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 0 4px;\n"], ["\n  padding: 0 4px;\n"])));
 var templateObject_1, templateObject_2;

package/src/MarkdownViewer/MarkdownViewer.js

@@ -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, checkboxStyle, FileButtonWrapper, getListStyle, ListItem, Paragraph, Wrapper, } from './MarkdownViewer.styles';
+import { BlockQuote, FileButtonWrapper, getListStyle, ListItem, Paragraph, Wrapper } from './MarkdownViewer.styles';
 import { useFileLogic } from '../Markdown/Files/Files.logic';
 import { AttachPaperclip } from '../MarkdownIcons/AttachPaperclip';
 export var MarkdownViewer = function (_a) {
@@ -54,7 +54,7 @@ export var MarkdownViewer = function (_a) {
         return React.createElement(ListItem, null, children);
     }
     function renderInput(props) {
-        return (React.createElement(Checkbox, { style: checkboxStyle, checked: props.checked }, props.children));
+        return React.createElement(Checkbox, { checked: props.checked }, props.children);
     }
     function renderList(props) {
         return React.createElement("ul", { style: getListStyle(!!props.depth) }, props.children);

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

@@ -4,5 +4,4 @@ export declare const ListItem: import("styled-components").StyledComponent<"li",
 export declare const Paragraph: import("styled-components").StyledComponent<"p", import("../..").MarkdownTheme, {}, never>;
 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 const checkboxStyle: CSSProperties;
 export declare function getListStyle(depth: boolean): CSSProperties;

package/src/MarkdownViewer/MarkdownViewer.styles.js

@@ -8,7 +8,6 @@ export var ListItem = styled.li(templateObject_2 || (templateObject_2 = __makeTe
 export var Paragraph = styled.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 export var BlockQuote = styled.blockquote(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 0;\n  padding-left: 8px;\n  border-left: 4px solid ", ";\n"], ["\n  margin: 0;\n  padding-left: 8px;\n  border-left: 4px solid ", ";\n"])), function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.colors) === null || _b === void 0 ? void 0 : _b.grayDefault; });
 export var FileButtonWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-export var checkboxStyle = { marginLeft: 4 };
 export function getListStyle(depth) {
     return depth ? { marginTop: 4 } : { marginBottom: 16 };
 }