@skbkontur/react-ui 4.16.0-next.9 → 4.16.0

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -989,21 +989,101 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.dropdownMenuHoverBg;
     }
+    /**
+     * @deprecated use menuItemIconWidthSmall
+     */
+
+  }, {
+    key: "menuItemIconWidthSmall",
+    get: function get() {
+      return this.menuItemIconWidth;
+    }
   }, {
     key: "menuItemPaddingForIcon",
+    get:
+    /**
+     * @deprecated use menuItemPaddingForIconSmall
+     */
+    function get() {
+      return parseInt(this.menuItemPaddingXSmall) + parseInt(this.menuItemIconWidthSmall) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+  }, {
+    key: "menuItemPaddingForIconSmall",
+    get: function get() {
+      return this.menuItemPaddingForIcon;
+    }
+  }, {
+    key: "menuItemPaddingForIconMedium",
     get: function get() {
-      return parseInt(this.menuItemPaddingX) + parseInt(this.menuItemIconWidth) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+      return parseInt(this.menuItemPaddingXMedium) + parseInt(this.menuItemIconWidthMedium) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
     }
+  }, {
+    key: "menuItemPaddingForIconLarge",
+    get: function get() {
+      return parseInt(this.menuItemPaddingXLarge) + parseInt(this.menuItemIconWidthLarge) + parseInt(this.menuItemIconGap) + parseInt(this.menuItemIconLegacyMargin) + "px";
+    }
+    /**
+     * @deprecated use menuItemLineHeightSmall
+     */
+
   }, {
     key: "menuItemLineHeight",
     get: function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "menuItemLineHeightSmall",
+    get: function get() {
+      return this.menuItemLineHeight;
+    }
+  }, {
+    key: "menuItemLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "menuItemLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+    /**
+     * @deprecated use menuItemFontSizeSmall
+     */
+
   }, {
     key: "menuItemFontSize",
     get: function get() {
       return this.fontSizeSmall;
     }
+  }, {
+    key: "menuItemFontSizeSmall",
+    get: function get() {
+      return this.menuItemFontSize;
+    }
+  }, {
+    key: "menuItemFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "menuItemFontSizeLarge",
+    get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use menuItemPaddingXSmall
+     */
+
+  }, {
+    key: "menuItemPaddingXSmall",
+    get: function get() {
+      return this.menuItemPaddingX;
+    }
+  }, {
+    key: "menuItemPaddingYSmall",
+    get: function get() {
+      return this.menuItemPaddingY;
+    }
   }, {
     key: "menuItemHoverColor",
     get: function get() {
@@ -1043,12 +1123,12 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "menuMessagePaddingY",
     get: function get() {
-      return this.menuItemPaddingY;
+      return this.menuItemPaddingYSmall;
     }
   }, {
     key: "menuMessagePaddingX",
     get: function get() {
-      return this.menuItemPaddingX;
+      return this.menuItemPaddingXSmall;
     }
   }, {
     key: "menuMessageDisplay",
@@ -1060,20 +1140,28 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.menuItemPaddingMobile;
     }
+    /**
+     * @deprecated use menuMessageLineHeightSmall
+     */
+
   }, {
     key: "menuMessageLineHeight",
     get: function get() {
-      return this.menuItemLineHeight;
+      return this.menuItemLineHeightSmall;
     }
   }, {
     key: "menuMessageLineHeightMobile",
     get: function get() {
       return this.menuItemLineHeightMobile;
     }
+    /**
+     * @deprecated use menuMessageFontSizeSmall
+     */
+
   }, {
     key: "menuMessageFontSize",
     get: function get() {
-      return this.menuItemFontSize;
+      return this.menuItemFontSizeSmall;
     }
   }, {
     key: "menuMessageFontSizeMobile",
@@ -1081,10 +1169,140 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.menuItemFontSizeMobile;
     }
   }, {
-    key: "menuHeaderColor",
-    get: //menuHeader
+    key: "menuMessageFontSizeSmall",
+    get: function get() {
+      return this.menuItemFontSizeSmall;
+    }
+  }, {
+    key: "menuMessageFontSizeMedium",
+    get: function get() {
+      return this.menuItemFontSizeMedium;
+    }
+  }, {
+    key: "menuMessageFontSizeLarge",
+    get: function get() {
+      return this.menuItemFontSizeLarge;
+    }
+  }, {
+    key: "menuMessageLineHeightSmall",
+    get: function get() {
+      return this.menuItemLineHeightSmall;
+    }
+  }, {
+    key: "menuMessageLineHeightMedium",
+    get: function get() {
+      return this.menuItemLineHeightMedium;
+    }
+  }, {
+    key: "menuMessageLineHeightLarge",
+    get: function get() {
+      return this.menuItemLineHeightLarge;
+    }
+  }, {
+    key: "menuHeaderLineHeightSmall",
+    get: function get() {
+      return this.menuHeaderLineHeight;
+    }
+  }, {
+    key: "menuHeaderFontSizeSmall",
+    get: function get() {
+      return this.menuHeaderFontSize;
+    }
+  }, {
+    key: "menuHeaderPaddingXSmall",
+    get: function get() {
+      return this.menuHeaderPaddingX;
+    }
+  }, {
+    key: "menuHeaderPaddingTopSmall",
+    get: function get() {
+      return this.menuHeaderPaddingTop;
+    }
+  }, {
+    key: "menuHeaderPaddingBottomSmall",
+    get: function get() {
+      return this.menuHeaderPaddingBottom;
+    }
+  }, {
+    key: "menuFooterColor",
+    get: //menuFooter
     function get() {
-      return this.gray;
+      return this.menuHeaderColor;
+    }
+  }, {
+    key: "menuFooterLineHeightSmall",
+    get: function get() {
+      return this.menuHeaderLineHeightSmall;
+    }
+  }, {
+    key: "menuFooterLineHeightMedium",
+    get: function get() {
+      return this.menuHeaderLineHeightMedium;
+    }
+  }, {
+    key: "menuFooterLineHeightLarge",
+    get: function get() {
+      return this.menuHeaderLineHeightLarge;
+    }
+  }, {
+    key: "menuFooterFontSizeSmall",
+    get: function get() {
+      return this.menuHeaderFontSizeSmall;
+    }
+  }, {
+    key: "menuFooterFontSizeMedium",
+    get: function get() {
+      return this.menuHeaderFontSizeMedium;
+    }
+  }, {
+    key: "menuFooterFontSizeLarge",
+    get: function get() {
+      return this.menuHeaderFontSizeLarge;
+    }
+  }, {
+    key: "menuFooterPaddingXSmall",
+    get: function get() {
+      return this.menuHeaderPaddingXSmall;
+    }
+  }, {
+    key: "menuFooterPaddingXMedium",
+    get: function get() {
+      return this.menuHeaderPaddingXMedium;
+    }
+  }, {
+    key: "menuFooterPaddingXLarge",
+    get: function get() {
+      return this.menuHeaderPaddingXLarge;
+    }
+  }, {
+    key: "menuFooterPaddingTopSmall",
+    get: function get() {
+      return this.menuHeaderPaddingBottomSmall;
+    }
+  }, {
+    key: "menuFooterPaddingTopMedium",
+    get: function get() {
+      return this.menuHeaderPaddingBottomMedium;
+    }
+  }, {
+    key: "menuFooterPaddingTopLarge",
+    get: function get() {
+      return this.menuHeaderPaddingBottomLarge;
+    }
+  }, {
+    key: "menuFooterPaddingBottomSmall",
+    get: function get() {
+      return this.menuHeaderPaddingTopSmall;
+    }
+  }, {
+    key: "menuFooterPaddingBottomMedium",
+    get: function get() {
+      return this.menuHeaderPaddingTopMedium;
+    }
+  }, {
+    key: "menuFooterPaddingBottomLarge",
+    get: function get() {
+      return this.menuHeaderPaddingTopLarge;
     }
   }, {
     key: "toggleFontSize",
@@ -2626,6 +2844,7 @@ DefaultTheme.linkButtonPaddingX = '10px';
 DefaultTheme.linkLineBorderBottomStyle = '';
 DefaultTheme.linkLineBorderBottomWidth = '0px';
 DefaultTheme.linkLineBorderBottomOpacity = '0.5';
+DefaultTheme.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(DefaultTheme.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
 DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
 DefaultTheme.tokenMarginY = '2px';
 DefaultTheme.tokenMarginX = '4px';
@@ -2994,11 +3213,17 @@ DefaultTheme.mobileMenuPaddingX = '8px';
 DefaultTheme.menuOffsetY = '0px';
 DefaultTheme.menuBoxSizing = 'content-box';
 DefaultTheme.menuItemIconWidth = '16px';
+DefaultTheme.menuItemIconWidthMedium = '20px';
+DefaultTheme.menuItemIconWidthLarge = '24px';
 DefaultTheme.menuItemIconGap = '4px';
 DefaultTheme.menuItemIconLegacyMargin = '0px';
 DefaultTheme.menuItemIconLegacyShift = '0px';
 DefaultTheme.menuItemPaddingX = '8px';
 DefaultTheme.menuItemPaddingY = '6px';
+DefaultTheme.menuItemPaddingXMedium = '12px';
+DefaultTheme.menuItemPaddingYMedium = '9px';
+DefaultTheme.menuItemPaddingXLarge = '16px';
+DefaultTheme.menuItemPaddingYLarge = '12px';
 DefaultTheme.menuItemBorderRadius = '0px';
 DefaultTheme.menuItemLegacyPaddingX = '0px';
 DefaultTheme.menuItemLegacyPaddingY = '0px';
@@ -3009,12 +3234,30 @@ DefaultTheme.menuItemDisplay = 'block';
 DefaultTheme.menuItemPaddingMobile = '12px 16px';
 DefaultTheme.menuItemDisabledBg = 'transparent';
 DefaultTheme.menuItemGap = '0px';
+DefaultTheme.menuHeaderColor = '#757575';
 DefaultTheme.menuHeaderLineHeight = '16px';
+DefaultTheme.menuHeaderLineHeightMedium = '20px';
+DefaultTheme.menuHeaderLineHeightLarge = '22px';
 DefaultTheme.menuHeaderFontSize = '12px';
+DefaultTheme.menuHeaderFontSizeMedium = '14px';
+DefaultTheme.menuHeaderFontSizeLarge = '16px';
 DefaultTheme.menuHeaderPaddingX = '8px';
 DefaultTheme.menuHeaderPaddingTop = '12px';
 DefaultTheme.menuHeaderPaddingBottom = '4px';
+DefaultTheme.menuHeaderPaddingXMedium = '12px';
+DefaultTheme.menuHeaderPaddingTopMedium = '14px';
+DefaultTheme.menuHeaderPaddingBottomMedium = '6px';
+DefaultTheme.menuHeaderPaddingXLarge = '16px';
+DefaultTheme.menuHeaderPaddingTopLarge = '18px';
+DefaultTheme.menuHeaderPaddingBottomLarge = '8px';
+DefaultTheme.menuHeaderTotalCountPaddingTopSmall = '4px';
+DefaultTheme.menuHeaderTotalCountPaddingTopMedium = '6px';
+DefaultTheme.menuHeaderTotalCountPaddingTopLarge = '8px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomSmall = '12px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomMedium = '14px';
+DefaultTheme.menuHeaderTotalCountPaddingBottomLarge = '18px';
 DefaultTheme.menuHeaderLegacyPaddingRight = '0px';
+DefaultTheme.menuFooterLegacyPaddingRight = '0px';
 DefaultTheme.menuSeparatorBorderColor = '#ebebeb';
 DefaultTheme.menuSeparatorMarginY = '2px';
 DefaultTheme.menuSeparatorMarginX = '0px';