@skbkontur/markdown 1.8.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/Markdown/Markdown.styled.d.ts +9 -9
  3. package/src/Markdown/Markdown.styled.js +28 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/markdown",
3
- "version": "1.8.0",
3
+ "version": "1.9.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org/",
6
6
  "access": "public"
package/src/Markdown/Markdown.styled.d.ts CHANGED
@@ -711,12 +711,12 @@ export declare const getMarkdownReactUiTheme: (theme: MarkdownTheme, reactUiThem
711
711
  menuItemLineHeightSmall?: string | undefined;
712
712
  menuItemLineHeightMedium?: string | undefined;
713
713
  menuItemLineHeightLarge?: string | undefined;
714
- menuItemFontSize: string;
714
+ menuItemFontSize?: string | undefined;
715
715
  menuItemFontSizeSmall?: string | undefined;
716
716
  menuItemFontSizeMedium?: string | undefined;
717
717
  menuItemFontSizeLarge?: string | undefined;
718
- menuItemPaddingX: string;
719
- menuItemPaddingY: string;
718
+ menuItemPaddingX?: string | undefined;
719
+ menuItemPaddingY?: string | undefined;
720
720
  menuItemPaddingXSmall?: string | undefined;
721
721
  menuItemPaddingYSmall?: string | undefined;
722
722
  menuItemPaddingXMedium?: string | undefined;
@@ -957,12 +957,12 @@ export declare const getMarkdownReactUiTheme: (theme: MarkdownTheme, reactUiThem
957
957
  checkboxLineHeightSmall?: string | undefined;
958
958
  checkboxLineHeightMedium?: string | undefined;
959
959
  checkboxLineHeightLarge?: string | undefined;
960
- checkboxBoxSize: string;
960
+ checkboxBoxSize?: string | undefined;
961
961
  checkboxBoxSizeSmall?: string | undefined;
962
962
  checkboxBoxSizeMedium?: string | undefined;
963
963
  checkboxBoxSizeLarge?: string | undefined;
964
964
  checkboxCaptionGap?: string | undefined;
965
- checkboxPaddingY: string;
965
+ checkboxPaddingY?: string | undefined;
966
966
  checkboxPaddingYSmall?: string | undefined;
967
967
  checkboxPaddingYMedium?: string | undefined;
968
968
  checkboxPaddingYLarge?: string | undefined;
@@ -1087,20 +1087,20 @@ export declare const getMarkdownReactUiTheme: (theme: MarkdownTheme, reactUiThem
1087
1087
  radioCircleOffsetY?: string | undefined;
1088
1088
  radioCheckedDisabledBulletBg?: string | undefined;
1089
1089
  radioGroupLegacyItemGap?: string | undefined;
1090
- tabFontSize: string;
1090
+ tabFontSize?: string | undefined;
1091
1091
  tabFontSizeSmall?: string | undefined;
1092
1092
  tabFontSizeMedium?: string | undefined;
1093
1093
  tabFontSizeLarge?: string | undefined;
1094
- tabLineHeight: string;
1094
+ tabLineHeight?: string | undefined;
1095
1095
  tabLineHeightSmall?: string | undefined;
1096
1096
  tabLineHeightMedium?: string | undefined;
1097
1097
  tabLineHeightLarge?: string | undefined;
1098
- tabPaddingX: string;
1098
+ tabPaddingX?: string | undefined;
1099
1099
  tabPaddingXSmall?: string | undefined;
1100
1100
  tabPaddingXMedium?: string | undefined;
1101
1101
  tabPaddingXLarge?: string | undefined;
1102
1102
  tabsMarginX?: string | undefined;
1103
- tabPaddingY: string;
1103
+ tabPaddingY?: string | undefined;
1104
1104
  tabPaddingYSmall?: string | undefined;
1105
1105
  tabPaddingYMedium?: string | undefined;
1106
1106
  tabPaddingYLarge?: string | undefined;
package/src/Markdown/Markdown.styled.js CHANGED
@@ -51,26 +51,44 @@ export var getMarkdownMentionStyle = function (x, y) { return ({
51
51
  export var UserDescriptions = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n white-space: pre-line;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n overflow: hidden;\n margin-top: 4px;\n"], ["\n white-space: pre-line;\n overflow-wrap: break-word;\n word-wrap: break-word;\n word-break: break-word;\n overflow: hidden;\n margin-top: 4px;\n"])));
52
52
  export var MentionMenuItem = styled(MenuItem)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n padding: 4px 28px;\n"], ["\n padding: 4px 28px;\n"])));
53
53
  export var VisuallyHidden = styled.span(templateObject_20 || (templateObject_20 = __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"])));
54
+ var extendThemeConfigWithSized = function (config) {
55
+ var finalConfig = {};
56
+ var configKeys = Object.keys(config);
57
+ configKeys.forEach(function (key) {
58
+ if (key !== 'prototype') {
59
+ finalConfig["".concat(key, "Small")] = config[key];
60
+ finalConfig["".concat(key, "Medium")] = config[key];
61
+ finalConfig["".concat(key, "Large")] = config[key];
62
+ }
63
+ });
64
+ return finalConfig;
65
+ };
54
66
  export var getMarkdownReactUiTheme = function (theme, reactUiTheme, panelHorizontalPadding, fullScreenTextareaPadding, borderless) {
55
67
  var elementsFontSize = theme.elementsFontSize, elementsLineHeight = theme.elementsLineHeight, themeMode = theme.themeMode, colors = theme.colors;
56
- return ThemeFactory.create(__assign(__assign(__assign({ tabFontSize: elementsFontSize, tabPaddingY: '0', tabPaddingX: '6px', tabColorHover: 'transparent', tabColorFocus: 'transparent', tabLineHeight: elementsLineHeight, tabBorderWidth: '0', selectBorderWidth: '0', btnDefaultBg: 'transparent', btnDefaultActiveBorderColor: 'transparent', btnDisabledBg: 'transparent', btnDisabledBorderColor: 'transparent', btnDisabledTextColor: colors.disabledButton, btnDefaultHoverBg: themeMode === 'light' ? reactUiTheme === null || reactUiTheme === void 0 ? void 0 : reactUiTheme.btnDefaultHoverBg : reactUiTheme === null || reactUiTheme === void 0 ? void 0 : reactUiTheme.btnDisabledBg, btnFontSizeSmall: elementsFontSize, checkboxPaddingY: '0', checkboxBg: 'transparent', checkboxHoverBg: 'transparent', checkboxCheckedBg: 'transparent', checkboxShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxShadowHover: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedHoverShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedActiveShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxShadowActive: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedColor: colors.grayDefault, checkboxBoxSize: elementsFontSize, menuItemFontSize: elementsFontSize, menuItemPaddingY: '4px', menuItemPaddingX: '28px', hintFontSize: elementsFontSize, hintColor: themeMode === 'light' ? colors.white : colors.grayDefault, selectPaddingXSmall: '8px', selectLineHeightSmall: '24px', dropdownBorderWidth: '0' }, (panelHorizontalPadding &&
57
- {
68
+ return ThemeFactory.create(__assign(__assign(__assign(__assign(__assign({}, extendThemeConfigWithSized({
69
+ tabFontSize: elementsFontSize,
70
+ tabPaddingY: '0',
71
+ tabPaddingX: '6px',
72
+ tabLineHeight: elementsLineHeight,
73
+ checkboxPaddingY: '0',
74
+ checkboxBoxSize: elementsFontSize,
75
+ menuItemFontSize: elementsFontSize,
76
+ menuItemPaddingY: '4px',
77
+ menuItemPaddingX: '28px',
78
+ })), { tabColorHover: 'transparent', tabColorFocus: 'transparent', tabBorderWidth: '0', selectBorderWidth: '0', btnDefaultBg: 'transparent', btnDefaultActiveBorderColor: 'transparent', btnDisabledBg: 'transparent', btnDisabledBorderColor: 'transparent', btnDisabledTextColor: colors.disabledButton, btnDefaultHoverBg: themeMode === 'light' ? reactUiTheme === null || reactUiTheme === void 0 ? void 0 : reactUiTheme.btnDefaultHoverBg : reactUiTheme === null || reactUiTheme === void 0 ? void 0 : reactUiTheme.btnDisabledBg, btnFontSizeSmall: elementsFontSize, checkboxBg: 'transparent', checkboxHoverBg: 'transparent', checkboxCheckedBg: 'transparent', checkboxShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxShadowHover: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedHoverShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedActiveShadow: "0 0 0 1px ".concat(colors.grayDefault), checkboxShadowActive: "0 0 0 1px ".concat(colors.grayDefault), checkboxCheckedColor: colors.grayDefault, hintFontSize: elementsFontSize, hintColor: themeMode === 'light' ? colors.white : colors.grayDefault, selectPaddingXSmall: '8px', selectLineHeightSmall: '24px', dropdownBorderWidth: '0' }), (panelHorizontalPadding &&
79
+ extendThemeConfigWithSized({
58
80
  textareaPaddingX: "".concat(panelHorizontalPadding, "px"),
59
- })), (borderless &&
81
+ }))), (borderless &&
60
82
  {
61
83
  textareaBorderColor: 'transparent',
62
84
  textareaBorderColorFocus: 'transparent',
63
85
  textareaBorderTopColor: 'transparent',
64
86
  textareaShadow: 'none',
65
87
  })), (fullScreenTextareaPadding &&
66
- {
88
+ __assign({ textareaBorderColor: 'transparent', textareaBorderColorFocus: 'transparent', textareaBorderTopColor: 'transparent', textareaShadow: 'none' }, extendThemeConfigWithSized({
67
89
  textareaMinHeight: '85vh',
68
- textareaBorderColor: 'transparent',
69
- textareaBorderColorFocus: 'transparent',
70
- textareaBorderTopColor: 'transparent',
71
- textareaShadow: 'none',
72
90
  textareaPaddingX: "".concat(fullScreenTextareaPadding, "px"),
73
- textareaPaddingY: "0",
74
- })), reactUiTheme);
91
+ textareaPaddingY: '0',
92
+ })))), reactUiTheme);
75
93
  };
76
94
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;