@skbkontur/side-menu 1.8.12 → 1.8.13

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 (9) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/index.d.ts +1 -0
  3. package/index.js +1 -0
  4. package/internal/themes/SideMenuTheme.d.ts +3 -0
  5. package/internal/themes/SideMenuTheme.js +15 -0
  6. package/package.json +1 -1
  7. package/src/SideMenuItem/SideMenuItem.md +3 -0
  8. package/src/internal/ItemContent/Icon.styles.js +1 -1
  9. package/src/internal/ItemContent/Marker.styles.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.8.13](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@1.8.12...@skbkontur/side-menu@1.8.13) (2024-01-26)
7
+
8
+ **Note:** Version bump only for package @skbkontur/side-menu
9
+
10
+
11
+
12
+
13
+
6
14
  ## [1.8.12](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/side-menu@1.8.11...@skbkontur/side-menu@1.8.12) (2024-01-24)
7
15
 
8
16
 
package/index.d.ts CHANGED
@@ -11,3 +11,4 @@ export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
11
  export * from './src/SideMenuDropdown/SideMenuDropdown';
12
12
  export * from './src/SideMenuLink/SideMenuLink';
13
13
  export * from './src/SideMenuSubLink/SideMenuSubLink';
14
+ export * from './lib/theming/ThemeTypes';
package/index.js CHANGED
@@ -11,3 +11,4 @@ export * from './src/SideMenuSubItemHeader/SideMenuSubItemHeader';
11
11
  export * from './src/SideMenuDropdown/SideMenuDropdown';
12
12
  export * from './src/SideMenuLink/SideMenuLink';
13
13
  export * from './src/SideMenuSubLink/SideMenuSubLink';
14
+ export * from './lib/theming/ThemeTypes';
package/internal/themes/SideMenuTheme.d.ts CHANGED
@@ -46,6 +46,8 @@ export declare class SideMenuTheme extends SideMenuTheme_base {
46
46
  static sideMenuIconSubItemSize: string;
47
47
  static sideMenuIconMarginY: string;
48
48
  static sideMenuIconMarginX: string;
49
+ static get sideMenuIconMarginLeft(): string;
50
+ static get sideMenuIconMarginRight(): string;
49
51
  static sideMenuIconMinHeight: string;
50
52
  static get sideMenuIconLineHeight(): string;
51
53
  static sideMenuIconLargeMinHeight: string;
@@ -71,6 +73,7 @@ export declare class SideMenuTheme extends SideMenuTheme_base {
71
73
  static sideMenuMarkerPaddingY: string;
72
74
  static get sideMenuMarkerBg(): string;
73
75
  static sideMenuMarkerColor: string;
76
+ static sideMenuMarkerFontSize: string;
74
77
  static sideMenuSubItemEmptyMarkerBg: string;
75
78
  static get sideMenuMarkerSubItemColor(): string;
76
79
  static sideMenuMarkerMarginRight: string;
package/internal/themes/SideMenuTheme.js CHANGED
@@ -35,6 +35,20 @@ var SideMenuTheme = /** @class */ (function (_super) {
35
35
  enumerable: false,
36
36
  configurable: true
37
37
  });
38
+ Object.defineProperty(SideMenuTheme, "sideMenuIconMarginLeft", {
39
+ get: function () {
40
+ return this.sideMenuIconMarginX;
41
+ },
42
+ enumerable: false,
43
+ configurable: true
44
+ });
45
+ Object.defineProperty(SideMenuTheme, "sideMenuIconMarginRight", {
46
+ get: function () {
47
+ return this.sideMenuIconMarginX;
48
+ },
49
+ enumerable: false,
50
+ configurable: true
51
+ });
38
52
  Object.defineProperty(SideMenuTheme, "sideMenuIconLineHeight", {
39
53
  get: function () {
40
54
  return this.sideMenuLineHeight;
@@ -185,6 +199,7 @@ var SideMenuTheme = /** @class */ (function (_super) {
185
199
  SideMenuTheme.sideMenuMarkerPaddingX = '6px';
186
200
  SideMenuTheme.sideMenuMarkerPaddingY = '0px';
187
201
  SideMenuTheme.sideMenuMarkerColor = '#fff';
202
+ SideMenuTheme.sideMenuMarkerFontSize = '14px';
188
203
  SideMenuTheme.sideMenuSubItemEmptyMarkerBg = '#adadad';
189
204
  SideMenuTheme.sideMenuMarkerMarginRight = '8px';
190
205
  SideMenuTheme.sideMenuMarkerFontWeight = '600';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skbkontur/side-menu",
3
- "version": "1.8.12",
3
+ "version": "1.8.13",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org/"
package/src/SideMenuItem/SideMenuItem.md CHANGED
@@ -106,6 +106,8 @@ const renderModal = () => {
106
106
  sideMenuIconSubItemSize: string;
107
107
  sideMenuIconMarginY: string;
108
108
  sideMenuIconMarginX: string;
109
+ sideMenuIconMarginRight: string;
110
+ sideMenuIconMarginLeft: string;
109
111
  sideMenuIconMinHeight: string;
110
112
  sideMenuIconLineHeight: string;
111
113
  sideMenuIconLargeMinHeight: string;
@@ -135,6 +137,7 @@ const renderModal = () => {
135
137
  sideMenuMarkerBg: string;
136
138
  sideMenuSubItemEmptyMarkerBg: string;
137
139
  sideMenuMarkerColor: string;
140
+ sideMenuMarkerFontSize: string;
138
141
  sideMenuMarkerSubItemColor: string;
139
142
  sideMenuMarkerMarginRight: string;
140
143
  sideMenuMarkerFontWeight: string;
package/src/internal/ItemContent/Icon.styles.js CHANGED
@@ -3,7 +3,7 @@ import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
3
3
  import { memoizeStyle } from '../../../lib/theming/ThemeHelpers';
4
4
  var styles = {
5
5
  root: function (t) {
6
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ", " ", ";\n min-height: ", ";\n line-height: ", ";\n flex-shrink: 0;\n box-sizing: content-box;\n "], ["\n display: flex;\n align-items: center;\n margin: ", " ", ";\n min-height: ", ";\n line-height: ", ";\n flex-shrink: 0;\n box-sizing: content-box;\n "])), t.sideMenuIconMarginY, t.sideMenuIconMarginX, t.sideMenuIconMinHeight, t.sideMenuIconLineHeight);
6
+ return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: ", " ", " ", " ", ";\n min-height: ", ";\n line-height: ", ";\n flex-shrink: 0;\n box-sizing: content-box;\n "], ["\n display: flex;\n align-items: center;\n margin: ", " ", " ", " ", ";\n min-height: ", ";\n line-height: ", ";\n flex-shrink: 0;\n box-sizing: content-box;\n "])), t.sideMenuIconMarginY, t.sideMenuIconMarginRight, t.sideMenuIconMarginY, t.sideMenuIconMarginLeft, t.sideMenuIconMinHeight, t.sideMenuIconLineHeight);
7
7
  },
8
8
  rootMultiline: function () {
9
9
  return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-self: flex-start;\n margin-top: -2px;\n "], ["\n align-self: flex-start;\n margin-top: -2px;\n "])));
package/src/internal/ItemContent/Marker.styles.js CHANGED
@@ -3,7 +3,7 @@ import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
3
3
  import { memoizeStyle } from '../../../lib/theming/ThemeHelpers';
4
4
  var styles = {
5
5
  root: function (t) {
6
- return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", " ", ";\n background: ", ";\n border-radius: 9999px;\n margin-left: auto;\n margin-right: ", ";\n color: ", ";\n font-size: 14px;\n line-height: ", ";\n font-weight: ", ";\n min-width: 8px;\n min-height: 8px;\n text-align: center;\n flex-shrink: 0;\n "], ["\n padding: ", " ", ";\n background: ", ";\n border-radius: 9999px;\n margin-left: auto;\n margin-right: ", ";\n color: ", ";\n font-size: 14px;\n line-height: ", ";\n font-weight: ", ";\n min-width: 8px;\n min-height: 8px;\n text-align: center;\n flex-shrink: 0;\n "])), t.sideMenuMarkerPaddingY, t.sideMenuMarkerPaddingX, t.sideMenuMarkerBg, t.sideMenuMarkerMarginRight, t.sideMenuMarkerColor, t.sideMenuMarkerLineHeight, t.sideMenuMarkerFontWeight);
6
+ return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", " ", ";\n background: ", ";\n border-radius: 9999px;\n margin-left: auto;\n margin-right: ", ";\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n min-width: 8px;\n min-height: 8px;\n text-align: center;\n flex-shrink: 0;\n "], ["\n padding: ", " ", ";\n background: ", ";\n border-radius: 9999px;\n margin-left: auto;\n margin-right: ", ";\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n min-width: 8px;\n min-height: 8px;\n text-align: center;\n flex-shrink: 0;\n "])), t.sideMenuMarkerPaddingY, t.sideMenuMarkerPaddingX, t.sideMenuMarkerBg, t.sideMenuMarkerMarginRight, t.sideMenuMarkerColor, t.sideMenuMarkerFontSize, t.sideMenuMarkerLineHeight, t.sideMenuMarkerFontWeight);
7
7
  },
8
8
  rootEmpty: function (t) {
9
9
  return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 0;\n margin-right: calc(", " + ", ");\n "], ["\n padding: 0;\n margin-right: calc(", " + ", ");\n "])), t.sideMenuMarkerMarginRight, t.sideMenuMarkerPaddingX);