@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

package/cjs/internal/themes/Theme8px.js

@@ -2,7 +2,7 @@
 
 
 
-Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px, _ref);function Theme8px() {return _ref.apply(this, arguments) || this;}(0, _createClass2.default)(Theme8px, null, [{ key: "btnHeightSmall",
+Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px, _ref);function Theme8px() {return _ref.apply(this, arguments) || this;}(0, _createClass2.default)(Theme8px, null, [{ key: "btnHeightSmall", get:
 
 
 
@@ -16,71 +16,60 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
 
 
     //#region Button
-    get: function get() {
+    function get() {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightSmall, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "btnHeightMedium", get: function get()
-    {
+    } }, { key: "btnHeightMedium", get:
+    function get() {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightMedium, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "btnHeightLarge", get: function get()
-    {
+    } }, { key: "btnHeightLarge", get:
+    function get() {
       var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
       var padding = parseInt(this.btnPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.btnLineHeightLarge, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "btnBorderWidth", get: function get()
-    {
+    } }, { key: "btnBorderWidth", get:
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "btnOutlineWidth", get: function get()
-    {
+    } }, { key: "btnOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "btnLineHeightSmall", get: function get()
-    {
+    } }, { key: "btnLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "btnLineHeightMedium", get: function get()
-    {
+    } }, { key: "btnLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "btnLineHeightLarge", get: function get()
-    {
+    } }, { key: "btnLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "btnFontSizeSmall", get: function get()
-    {
+    } }, { key: "btnFontSizeSmall", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "btnFontSizeMedium", get: function get()
-    {
+    } }, { key: "btnFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "btnFontSizeLarge", get: function get()
-    {
+    } }, { key: "btnFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "btnPaddingYSmall", get: function get()
+    } }, { key: "btnPaddingYSmall", get:
 
 
 
-    {
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "btnPaddingYMedium", get: function get()
-    {
+    } }, { key: "btnPaddingYMedium", get:
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "btnPaddingYLarge", get: function get()
-    {
+    } }, { key: "btnPaddingYLarge", get:
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "inputHeightSmall",
-
-
-
-
-
-
-
-
-
-
-
+    } }, { key: "inputHeightSmall", get:
 
 
 
@@ -93,64 +82,61 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
 
     //#endregion
     //#region Input
-    get: function get() {
+    function get() {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYSmall, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightSmall, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "inputHeightMedium", get: function get()
-    {
+    } }, { key: "inputHeightMedium", get:
+    function get() {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYMedium, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightMedium, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "inputHeightLarge", get: function get()
-    {
+    } }, { key: "inputHeightLarge", get:
+    function get() {
       var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
       var padding = parseInt(this.inputPaddingYLarge, 10) || 0;
       var lineHeigh = parseInt(this.inputLineHeightLarge, 10) || 0;
       return 2 * borderWidth + 2 * padding + lineHeigh + "px";
-    } }, { key: "inputBorderWidth", get: function get()
+    } }, { key: "inputBorderWidth", get:
 
-    {
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "inputOutlineWidth", get: function get()
-    {
+    } }, { key: "inputOutlineWidth", get:
+    function get() {
       return "calc(" + this.controlOutlineWidth + " - 1px)";
-    } }, { key: "inputLineHeightSmall", get: function get()
-    {
+    } }, { key: "inputLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "inputLineHeightMedium", get: function get()
-    {
+    } }, { key: "inputLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "inputLineHeightLarge", get: function get()
-    {
+    } }, { key: "inputLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "inputFontSizeSmall", get: function get()
-    {
+    } }, { key: "inputFontSizeSmall", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "inputFontSizeMedium", get: function get()
-    {
+    } }, { key: "inputFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "inputFontSizeLarge", get: function get()
-    {
+    } }, { key: "inputFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "inputPaddingYSmall", get: function get()
+    } }, { key: "inputPaddingYSmall", get:
 
 
 
-    {
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "inputPaddingYMedium", get: function get()
-    {
+    } }, { key: "inputPaddingYMedium", get:
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "inputPaddingYLarge", get: function get()
-    {
+    } }, { key: "inputPaddingYLarge", get:
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "selectBorderWidth", get: function get()
-
-
-
+    } }, { key: "selectBorderWidth", get:
 
 
 
@@ -160,125 +146,128 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
 
 
 
-    {
+    //#endregion
+    //#region Select
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "selectOutlineWidth", get: function get()
-    {
+    } }, { key: "selectOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "selectLineHeightSmall", get: function get()
-    {
+    } }, { key: "selectLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "selectLineHeightMedium", get: function get()
-    {
+    } }, { key: "selectLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "selectLineHeightLarge", get: function get()
-    {
+    } }, { key: "selectLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "selectFontSizeSmall", get: function get()
-    {
+    } }, { key: "selectFontSizeSmall", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "selectFontSizeMedium", get: function get()
-    {
+    } }, { key: "selectFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "selectFontSizeLarge", get: function get()
-    {
+    } }, { key: "selectFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "selectPaddingYSmall", get: function get()
+    } }, { key: "selectPaddingYSmall", get:
 
 
 
-    {
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "selectPaddingYMedium", get: function get()
-    {
+    } }, { key: "selectPaddingYMedium", get:
+    function get() {
       return this.controlPaddingYMedium;
-    } }, { key: "selectPaddingYLarge", get: function get()
-    {
+    } }, { key: "selectPaddingYLarge", get:
+    function get() {
       return this.controlPaddingYLarge;
-    } }, { key: "selectBorderRadiusSmall", get: function get()
-    {
+    } }, { key: "selectBorderRadiusSmall", get:
+    function get() {
       return this.btnBorderRadiusSmall;
-    } }, { key: "selectBorderRadiusMedium", get: function get()
-    {
+    } }, { key: "selectBorderRadiusMedium", get:
+    function get() {
       return this.btnBorderRadiusMedium;
-    } }, { key: "selectBorderRadiusLarge", get: function get()
-    {
+    } }, { key: "selectBorderRadiusLarge", get:
+    function get() {
       return this.btnBorderRadiusLarge;
-    } }, { key: "checkboxLineHeight",
+    } }, { key: "checkboxLineHeight", get:
 
 
 
     //#endregion
     //#region Checkbox
-    get: function get() {
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "checkboxFontSize", get: function get()
-    {
+    } }, { key: "checkboxFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "checkboxPaddingY", get: function get()
+    } }, { key: "checkboxPaddingY", get:
 
-    {
+    function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.checkboxLineHeight, 10) || 0;
 
       return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "checkboxBorderWidth", get: function get()
+    } }, { key: "checkboxBorderWidth", get:
 
-    {
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "checkboxOutlineWidth", get: function get()
-    {
+    } }, { key: "checkboxOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "checkboxBorderWidthCompensation", get: function get()
+    } }, { key: "checkboxBorderWidthCompensation", get:
 
-    {
+    function get() {
       return this.checkboxBorderWidth;
     }
 
     //#endregion
     //#region Tab
-  }, { key: "tabsMarginX", get: function get()
-    {
+  }, { key: "tabsMarginX", get:
+    function get() {
       return this.tabPaddingX;
-    } }, { key: "tabPaddingY", get: function get()
-    {
+    } }, { key: "tabPaddingY", get:
+    function get() {
       var paddingY = parseInt(this.controlPaddingYLarge, 10) || 0;
       var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
 
       return paddingY + borderWidth + "px";
-    } }, { key: "tabFontSize", get: function get()
-    {
+    } }, { key: "tabFontSize", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "tabLineHeight", get: function get()
-    {
+    } }, { key: "tabLineHeight", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "tabOutlineWidth", get: function get()
+    } }, { key: "tabOutlineWidth", get:
 
-    {
+    function get() {
       return this.controlOutlineWidth;
     }
     //#endregion
     //#region Toggle
-  }, { key: "toggleBorderRadius", get: function get()
+  }, { key: "toggleBorderRadius", get:
 
-    {
-      return "calc(" + this.toggleHeight + " / 2)";
-    } }, { key: "toggleBorderWidth", get: function get()
-    {
+    function get() {
+      return "calc(" + this.toggleHeight + " * 0.5)";
+    } }, { key: "toggleBorderWidth", get:
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "toggleOutlineWidth", get: function get()
-    {
-      return "calc(" + this.controlOutlineWidth + " + 1px)";
+    } }, { key: "toggleOutlineWidth", get:
+    function get() {
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
+      return outlineWidth + borderWidth + "px";
     }
     //#endregion
     //#region Token
   }, { key: "tokenLineHeight", get: function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "tokenFontSize", get: function get()
-    {
+    } }, { key: "tokenFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "tokenPaddingYDisabled", get: function get()
-
+    } }, { key: "tokenPaddingYDisabled", get:
 
 
 
@@ -290,46 +279,42 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
 
 
 
-
-    {
+    function get() {
       return this.tokenPaddingY;
-    } }, { key: "tokenPaddingXDisabled", get: function get()
-    {
+    } }, { key: "tokenPaddingXDisabled", get:
+    function get() {
       return this.tokenPaddingX;
-    } }, { key: "tokenMarginYDisabled", get: function get()
-    {
+    } }, { key: "tokenMarginYDisabled", get:
+    function get() {
       return this.tokenMarginY;
-    } }, { key: "tokenMarginXDisabled", get: function get()
-    {
+    } }, { key: "tokenMarginXDisabled", get:
+    function get() {
       return this.tokenMarginX;
-    } }, { key: "tokenShadowDisabled", get: function get()
-    {
-      return "0 0 0 " + this.tokenBorderWidth + " " + this.tokenBorderColorDisabled;
     }
     //#endregion
     //#region TokenInput
-  }, { key: "spinnerFontSizeSmall",
+  }, { key: "spinnerFontSizeSmall", get:
     //#endregion
     //#region Spinner
-    get: function get()
-    {
+
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "spinnerFontSizeMedium", get: function get()
-    {
+    } }, { key: "spinnerFontSizeMedium", get:
+    function get() {
       return this.fontSizeMedium;
-    } }, { key: "spinnerFontSizeLarge", get: function get()
-    {
+    } }, { key: "spinnerFontSizeLarge", get:
+    function get() {
       return this.fontSizeLarge;
-    } }, { key: "spinnerLineHeightSmall", get: function get()
-    {
+    } }, { key: "spinnerLineHeightSmall", get:
+    function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "spinnerLineHeightMedium", get: function get()
-    {
+    } }, { key: "spinnerLineHeightMedium", get:
+    function get() {
       return this.controlLineHeightMedium;
-    } }, { key: "spinnerLineHeightLarge", get: function get()
-    {
+    } }, { key: "spinnerLineHeightLarge", get:
+    function get() {
       return this.controlLineHeightLarge;
-    } }, { key: "textareaBorderWidth", get: function get()
+    } }, { key: "textareaBorderWidth", get:
 
 
 
@@ -341,93 +326,237 @@ Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px,
 
 
 
-    {
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "textareaOutlineWidth", get: function get()
-    {
-      return "calc(" + this.controlOutlineWidth + " - 1px)";
-    } }, { key: "textareaFontSize", get: function get()
-    {
+    } }, { key: "textareaOutlineWidth", get:
+    function get() {
+      var outlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
+      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
+      return outlineWidth - borderWidth + "px";
+    } }, { key: "textareaFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "textareaPaddingY", get: function get()
+    } }, { key: "textareaPaddingY", get:
 
 
-    {
+    function get() {
       return this.controlPaddingYSmall;
-    } }, { key: "textareaLineHeight", get: function get()
-    {
+    } }, { key: "textareaLineHeight", get:
+    function get() {
       return this.controlLineHeightSmall;
     }
     //#endregion
     //#region Radio
   }, { key: "radioLineHeight", get: function get() {
       return this.controlLineHeightSmall;
-    } }, { key: "radioFontSize", get: function get()
-    {
+    } }, { key: "radioFontSize", get:
+    function get() {
       return this.fontSizeSmall;
-    } }, { key: "radioPaddingY", get: function get()
+    } }, { key: "radioPaddingY", get:
 
-    {
+    function get() {
       var controlHeight = parseInt(this.controlHeightSmall, 10) || 0;
       var lineHeight = parseInt(this.radioLineHeight, 10) || 0;
 
       return (controlHeight - lineHeight) / 2 + "px";
-    } }, { key: "radioBorderWidth", get: function get()
+    } }, { key: "radioBorderWidth", get:
 
-    {
+    function get() {
       return this.controlBorderWidth;
-    } }, { key: "radioOutlineWidth", get: function get()
-    {
+    } }, { key: "radioOutlineWidth", get:
+    function get() {
       return this.controlOutlineWidth;
-    } }, { key: "radioBorderWidthCompensation", get: function get()
+    } }, { key: "radioBorderWidthCompensation", get:
 
-    {
+    function get() {
       return this.radioBoxShadow !== 'none' ? this.radioBorderWidth : '0px';
-    } }, { key: "radioSizeAfter", get: function get()
-    {
+    } }, { key: "radioSizeAfter", get:
+    function get() {
       var borderCompensation =
       this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;
       return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + borderCompensation + ")";
-    } }, { key: "switcherOutlineWidth",
+    } }, { key: "pagingFontSize", get:
 
 
 
     //#endregion
+    //#region Paging
+    function get() {
+      return this.fontSizeMedium;
+    } }, { key: "pagingForwardIconSize", get:
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return this.pagingFontSize;
+    } }, { key: "switcherOutlineWidth", get:
+
+
+
     //#endregion
     //#region Switcher
-    get: function get() {
+    function get() {
       return this.btnOutlineWidth;
-    } }, { key: "switcherLabelFontSizeSmall", get: function get()
-    {
+    } }, { key: "switcherLabelFontSizeSmall", get:
+    function get() {
       return this.btnFontSizeSmall;
-    } }, { key: "switcherLabelFontSizeMedium", get: function get()
-    {
+    } }, { key: "switcherLabelFontSizeMedium", get:
+    function get() {
       return this.btnFontSizeMedium;
-    } }, { key: "switcherLabelFontSizeLarge", get: function get()
-    {
+    } }, { key: "switcherLabelFontSizeLarge", get:
+    function get() {
       return this.btnFontSizeLarge;
-    } }, { key: "switcherLabelLineHeightSmall", get: function get()
-    {
+    } }, { key: "switcherLabelLineHeightSmall", get:
+    function get() {
       return this.btnLineHeightSmall;
-    } }, { key: "switcherLabelLineHeightMedium", get: function get()
-    {
+    } }, { key: "switcherLabelLineHeightMedium", get:
+    function get() {
       return this.btnLineHeightMedium;
-    } }, { key: "switcherLabelLineHeightLarge", get: function get()
-    {
+    } }, { key: "switcherLabelLineHeightLarge", get:
+    function get() {
       return this.btnLineHeightLarge;
-    } }, { key: "switcherLabelGapSmall", get: function get()
-    {
+    } }, { key: "switcherLabelGapSmall", get:
+    function get() {
       return this.btnPaddingXSmall;
-    } }, { key: "switcherLabelGapMedium", get: function get()
-    {
+    } }, { key: "switcherLabelGapMedium", get:
+    function get() {
       return this.btnPaddingXMedium;
-    } }, { key: "switcherLabelGapLarge", get: function get()
-    {
+    } }, { key: "switcherLabelGapLarge", get:
+    function get() {
       return this.btnPaddingXLarge;
-    } }]);return Theme8px;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme8px = Theme8px;Theme8px.fontSizeSmall = '14px';Theme8px.fontSizeMedium = '16px';Theme8px.fontSizeLarge = '18px';Theme8px.controlHeightSmall = '32px';Theme8px.controlHeightMedium = '40px';Theme8px.controlHeightLarge = '48px';Theme8px.controlLineHeightSmall = '20px';Theme8px.controlLineHeightMedium = '22px';Theme8px.controlLineHeightLarge = '24px';Theme8px.controlPaddingYSmall = '5px';Theme8px.controlPaddingYMedium = '8px';Theme8px.controlPaddingYLarge = '11px';Theme8px.btnPaddingXSmall = '15px';Theme8px.btnPaddingXMedium = '15px';Theme8px.btnPaddingXLarge = '19px';Theme8px.btnBorderRadiusSmall = '1px';Theme8px.btnBorderRadiusMedium = '1px';Theme8px.btnBorderRadiusLarge = '1px';Theme8px.btnIconGapSmall = '4px';Theme8px.btnIconGapMedium = '4px';Theme8px.btnIconGapLarge = '4px';Theme8px.btnIconSizeSmall = '16px';Theme8px.btnIconSizeMedium = '18px';Theme8px.btnIconSizeLarge = '20px';Theme8px.btnSmallArrowTop = '7px';Theme8px.btnSmallArrowRight = '-8px';Theme8px.btnSmallArrowLength = '16px';Theme8px.btnMediumArrowTop = '8px';Theme8px.btnMediumArrowLength = '21.2px';Theme8px.btnMediumArrowRight = '-11px';Theme8px.btnLargeArrowLength = '25px';Theme8px.btnLargeArrowLeft = '-12px';Theme8px.btnLargeArrowRight = '-12px';Theme8px.inputWidth = '200px';Theme8px.inputPaddingXSmall = '7px';Theme8px.inputPaddingXMedium = '11px';Theme8px.inputPaddingXLarge = '15px';Theme8px.inputBorderRadiusSmall = '0px';Theme8px.inputBorderRadiusMedium = '0px';Theme8px.inputBorderRadiusLarge = '0px';Theme8px.inputIconGapSmall = '4px';Theme8px.inputIconGapMedium = '8px';Theme8px.inputIconGapLarge = '12px';Theme8px.inputIconSizeSmall = '16px';Theme8px.inputIconSizeMedium = '18px';Theme8px.inputIconSizeLarge = '20px';Theme8px.selectWidth = '200px';Theme8px.selectPaddingXSmall = '7px';Theme8px.selectPaddingXMedium = '11px';Theme8px.selectPaddingXLarge = '15px';Theme8px.selectIconGapSmall = '4px';Theme8px.selectIconGapMedium = '8px';Theme8px.selectIconGapLarge = '12px';Theme8px.checkboxLabelGap = '8px';Theme8px.checkboxBorderRadius = '1px';Theme8px.checkboxBorder = 'none';Theme8px.tabPaddingX = '12px';Theme8px.tabBorderWidth = '2px';Theme8px.toggleWidth = '32px';Theme8px.toggleHeight = '20px';Theme8px.tokenMarginY = '2px';Theme8px.tokenMarginX = '4px';Theme8px.tokenPaddingY = '1px';Theme8px.tokenPaddingX = '3px';Theme8px.tokenBorderRadius = '1px';Theme8px.tokenRemoveIconSize = '8px';Theme8px.tokenRemoveIconPaddingY = '4px';Theme8px.tokenRemoveIconPaddingX = '4px';Theme8px.tokenRemoveIconGap = '4px';Theme8px.tokenRemoveIconBoxSizing = 'content-box';Theme8px.tokenBorderColorDisabled = '#dadada';Theme8px.tokenDisabledBg = '#e5e5e5';Theme8px.tokenLegacyTextShift = '0px';Theme8px.tokenInputLineHeight = '26px';Theme8px.spinnerPaddingXSmall = '9px';Theme8px.spinnerPaddingYMedium = '-2px';Theme8px.spinnerPaddingYLarge = '2px';Theme8px.linkIconMarginRight = '4px';Theme8px.linkButtonLineHeight = '34px';Theme8px.linkButtonPaddingX = '10px';Theme8px.textareaWidth = '250px';Theme8px.textareaBorderRadius = '0px';Theme8px.textareaPaddingX = '7px';Theme8px.radioLabelGap = '8px';Theme8px.radioSize = '16px';Theme8px.radioBulletSize = '8px';Theme8px.radioVerticalAlign = 'top';Theme8px.radioGroupLegacyItemGap = '0px';Theme8px.
-switcherButtonPaddingXSmall = '7px';Theme8px.
-switcherButtonPaddingXMedium = '11px';Theme8px.
-switcherButtonPaddingXLarge = '15px';
+    } }, { key: "modalFixedHeaderPaddingBottom", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
-var Theme8pxInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAs8pxTheme)(Theme8px));exports.Theme8pxInternal = Theme8pxInternal;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    function get() {
+      return Math.round(parseInt(this.modalHeaderPaddingBottom) / 2) + "px";
+    } }, { key: "toastFontSize", get:
+
+
+
+    //#endregion
+    //#region Toast
+    function get() {
+      return this.fontSizeSmall;
+    } }, { key: "toastLineHeight", get:
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "menuItemLineHeight", get:
+
+
+
+
+    //#endregion
+    //#region Menu
+    function get() {
+      return this.controlLineHeightSmall;
+    } }, { key: "tooltipMenuPinOffset", get:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    //#endregion
+    //#region TooltipMenu
+    function get() {
+      return this.popupPinOffset;
+    }
+    //#endregion
+    //#region Kebab
+  }, { key: "kebabPinOffset", get: function get() {
+      return this.popupPinOffset;
+    }
+
+
+
+
+
+    //#endregion
+  }]);return Theme8px;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme8px = Theme8px;Theme8px.fontSizeSmall = '14px';Theme8px.fontSizeMedium = '16px';Theme8px.fontSizeLarge = '18px';Theme8px.controlHeightSmall = '32px';Theme8px.controlHeightMedium = '40px';Theme8px.controlHeightLarge = '48px';Theme8px.controlLineHeightSmall = '20px';Theme8px.controlLineHeightMedium = '22px';Theme8px.controlLineHeightLarge = '24px';Theme8px.controlPaddingYSmall = '5px';Theme8px.controlPaddingYMedium = '8px';Theme8px.controlPaddingYLarge = '11px';Theme8px.btnPaddingXSmall = '15px';Theme8px.btnPaddingXMedium = '15px';Theme8px.btnPaddingXLarge = '19px';Theme8px.btnBorderRadiusSmall = '2px';Theme8px.btnBorderRadiusMedium = '2px';Theme8px.btnBorderRadiusLarge = '2px';Theme8px.btnIconGapSmall = '4px';Theme8px.btnIconGapMedium = '4px';Theme8px.btnIconGapLarge = '4px';Theme8px.btnIconSizeSmall = '16px';Theme8px.btnIconSizeMedium = '18px';Theme8px.btnIconSizeLarge = '20px';Theme8px.inputWidth = '200px';Theme8px.inputPaddingXSmall = '7px';Theme8px.inputPaddingXMedium = '11px';Theme8px.inputPaddingXLarge = '15px';Theme8px.inputBorderRadiusSmall = '0px';Theme8px.inputBorderRadiusMedium = '0px';Theme8px.inputBorderRadiusLarge = '0px';Theme8px.inputIconGapSmall = '4px';Theme8px.inputIconGapMedium = '8px';Theme8px.inputIconGapLarge = '12px';Theme8px.inputIconSizeSmall = '16px';Theme8px.inputIconSizeMedium = '18px';Theme8px.inputIconSizeLarge = '20px';Theme8px.selectPaddingXSmall = '7px';Theme8px.selectPaddingXMedium = '11px';Theme8px.selectPaddingXLarge = '15px';Theme8px.selectIconGapSmall = '4px';Theme8px.selectIconGapMedium = '8px';Theme8px.selectIconGapLarge = '12px';Theme8px.checkboxLabelGap = '8px';Theme8px.checkboxBorderRadius = '1px';Theme8px.checkboxBorder = 'none';Theme8px.tabPaddingX = '12px';Theme8px.tabBorderWidth = '2px';Theme8px.toggleWidth = '32px';Theme8px.toggleHeight = '20px';Theme8px.tokenMarginY = '2px';Theme8px.tokenMarginX = '4px';Theme8px.tokenPaddingY = '1px';Theme8px.tokenPaddingX = '3px';Theme8px.tokenBorderRadius = '1px';Theme8px.tokenRemoveIconSize = '8px';Theme8px.tokenRemoveIconPaddingY = '4px';Theme8px.tokenRemoveIconPaddingX = '4px';Theme8px.tokenRemoveIconGap = '4px';Theme8px.tokenRemoveIconBoxSizing = 'content-box';Theme8px.tokenLegacyTextShift = '0px';Theme8px.tokenInputLineHeight = '22px';Theme8px.spinnerCaptionGapSmall = '6px';Theme8px.spinnerCaptionGapMedium = '-4px';Theme8px.spinnerCaptionGapLarge = '-3px';Theme8px.linkIconMarginRight = '4px';Theme8px.linkButtonLineHeight = '34px';Theme8px.linkButtonPaddingX = '10px';Theme8px.textareaWidth = '250px';Theme8px.textareaBorderRadius = '0px';Theme8px.textareaPaddingX = '7px';Theme8px.radioLabelGap = '8px';Theme8px.radioSize = '16px';Theme8px.radioBulletSize = '8px';Theme8px.radioVerticalAlign = 'top';Theme8px.radioGroupLegacyItemGap = '0px';Theme8px.pagingPageLinkLegacyPaddingY = '0';Theme8px.pagingPageForwardLinkMarginTop = '0.35em';Theme8px.pagingLineHeight = '1.375em';Theme8px.pagingPageLinkPaddingX = '0.625em';Theme8px.pagingPageLinkPaddingY = '0.3125em';Theme8px.pagingPageLinkMinWidth = '0.75em';Theme8px.pagingPageLinkHintFontSize = '12px';Theme8px.pagingPageLinkHintLineHeight = '16px';Theme8px.pagingPageLinkBorderRadius = '50%';Theme8px.pagingPageLinkMargin = '0px 1px';Theme8px.pagingForwardIconMarginTop = '1px';Theme8px.pagingPageForwardLinkPaddingRight = '1.375em';Theme8px.pagingDotsPadding = '0.375em 0.625em 0';Theme8px.switcherButtonPaddingXSmall = '7px';Theme8px.switcherButtonPaddingXMedium = '11px';Theme8px.switcherButtonPaddingXLarge = '15px';Theme8px.calendarCellHeight = '32px';Theme8px.calendarCellWidth = '32px';Theme8px.calendarPaddingX = '18px';Theme8px.calendarMonthTitleMarginBottom = '6px';Theme8px.calendarMonthTitleLineHeight = '20px';Theme8px.calendarMonthTitlePaddingTop = '12px';Theme8px.calendarMonthTitlePaddingBottom = '8px';Theme8px.calendarMonthTitleMarginX = '6px';Theme8px.calendarMonthMarginBottom = '6px';Theme8px.dateSelectLineHeight = '20px';Theme8px.pickerTodayWrapperLineHeight = '20px';Theme8px.pickerTodayWrapperPaddingTop = '6px';Theme8px.pickerTodayWrapperPaddingBottom = '6px';Theme8px.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';Theme8px.sidePagePaddingLeft = '32px';Theme8px.sidePagePaddingRight = '36px';Theme8px.sidePagePaddingTop = '24px';Theme8px.sidePagePaddingBottom = '40px';Theme8px.sidePageHeaderFontSize = '24px';Theme8px.sidePageHeaderLineHeight = '32px';Theme8px.sidePageHeaderPaddingBottom = '16px';Theme8px.sidePageHeaderPaddingTop = '24px';Theme8px.sidePageHeaderFixedFontSize = '18px';Theme8px.sidePageHeaderFixedLineHeight = '28px';Theme8px.sidePageHeaderFixedPaddingY = '10px';Theme8px.sidePageHeaderStickyOffset = '5px';Theme8px.sidePageFooterPanelPaddingBottom = '20px';Theme8px.sidePageFooterPaddingTop = '24px';Theme8px.sidePageFooterPaddingBottom = '32px';Theme8px.sidePageCloseButtonPadding = '36px';Theme8px.sidePageCloseButtonLegacyPaddingLeft = '36px';Theme8px.tooltipPaddingY = '16px';Theme8px.tooltipPaddingX = '16px';Theme8px.tooltipMargin = '10px';Theme8px.tooltipPinOffset = '0px';Theme8px.tooltipPinOffsetX = '16px';Theme8px.tooltipPinOffsetY = '18px';Theme8px.hintBorder = 'none';Theme8px.hintBorderRadius = '2px';Theme8px.hintMargin = '8px';Theme8px.modalCloseButtonPadding = '36px';Theme8px.modalCloseIconSize = '12px';Theme8px.modalCloseLegacyGap = '0px';Theme8px.modalCloseWrapperLegacyGap = '0px';Theme8px.modalCloseButtonLegacyShift = '0px';Theme8px.modalPaddingTop = '24px';Theme8px.modalPaddingLeft = '32px';Theme8px.modalPaddingRight = '36px';Theme8px.modalHeaderFontSize = '24px';Theme8px.modalHeaderLineHeight = '32px';Theme8px.modalHeaderPaddingBottom = '16px';Theme8px.modalBodyPaddingBottom = '24px';Theme8px.modalFooterPaddingBottom = '32px';Theme8px.modalPaddingBottom = '40px';Theme8px.toastPaddingY = '10px';Theme8px.toastPaddingX = '16px';Theme8px.toastTop = '24px';Theme8px.toastClosePadding = '16px';Theme8px.menuItemPaddingY = '6px';Theme8px.menuItemIconLegacyMargin = '0px';Theme8px.menuItemIconLegacyShift = '0px';Theme8px.menuItemLegacyPaddingX = '0px';Theme8px.menuItemLegacyPaddingY = '0px';Theme8px.menuItemIconGap = '4px';Theme8px.menuHeaderLineHeight = '16px';Theme8px.menuHeaderPaddingX = '8px';Theme8px.menuPaddingY = '4px';Theme8px.menuHeaderPaddingTop = '12px';Theme8px.menuHeaderPaddingBottom = '4px';Theme8px.menuHeaderLegacyPaddingRight = '0px';Theme8px.menuSeparatorMarginY = '2px';Theme8px.menuSeparatorBorderWidth = '1px';Theme8px.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';Theme8px.menuBorder = 'none';Theme8px.kebabMargin = '4px';Theme8px.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';Theme8px.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';
+
+var Theme8pxInternal = (0, _ThemeHelpers.exposeGetters)(Theme8px);exports.Theme8pxInternal = Theme8pxInternal;