@skbkontur/react-ui 0.0.0-c91b3db3f4 → 0.0.0-cb270e7a13

package/internal/themes/Theme8px/Theme8px.js

@@ -1,752 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
-export var Theme8px = /*#__PURE__*/function (_ref) {
-  _inheritsLoose(Theme8px, _ref);
-
-  function Theme8px() {
-    return _ref.apply(this, arguments) || this;
-  }
-
-  _createClass(Theme8px, null, [{
-    key: "btnHeightSmall",
-    get: //#region Button
-    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() {
-      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() {
-      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() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "btnOutlineWidth",
-    get: function get() {
-      return this.controlOutlineWidth;
-    }
-  }, {
-    key: "btnLineHeightSmall",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "btnLineHeightMedium",
-    get: function get() {
-      return this.controlLineHeightMedium;
-    }
-  }, {
-    key: "btnLineHeightLarge",
-    get: function get() {
-      return this.controlLineHeightLarge;
-    }
-  }, {
-    key: "btnFontSizeSmall",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "btnFontSizeMedium",
-    get: function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "btnFontSizeLarge",
-    get: function get() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "btnPaddingYSmall",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "btnPaddingYMedium",
-    get: function get() {
-      return this.controlPaddingYMedium;
-    }
-  }, {
-    key: "btnPaddingYLarge",
-    get: function get() {
-      return this.controlPaddingYLarge;
-    }
-  }, {
-    key: "inputHeightSmall",
-    get: //#endregion
-    //#region Input
-    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() {
-      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() {
-      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() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "inputOutlineWidth",
-    get: function get() {
-      return "calc(" + this.controlOutlineWidth + " - 1px)";
-    }
-  }, {
-    key: "inputLineHeightSmall",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "inputLineHeightMedium",
-    get: function get() {
-      return this.controlLineHeightMedium;
-    }
-  }, {
-    key: "inputLineHeightLarge",
-    get: function get() {
-      return this.controlLineHeightLarge;
-    }
-  }, {
-    key: "inputFontSizeSmall",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "inputFontSizeMedium",
-    get: function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "inputFontSizeLarge",
-    get: function get() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "inputPaddingYSmall",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "inputPaddingYMedium",
-    get: function get() {
-      return this.controlPaddingYMedium;
-    }
-  }, {
-    key: "inputPaddingYLarge",
-    get: function get() {
-      return this.controlPaddingYLarge;
-    }
-  }, {
-    key: "selectBorderWidth",
-    get: //#endregion
-    //#region Select
-    function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "selectOutlineWidth",
-    get: function get() {
-      return this.controlOutlineWidth;
-    }
-  }, {
-    key: "selectLineHeightSmall",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "selectLineHeightMedium",
-    get: function get() {
-      return this.controlLineHeightMedium;
-    }
-  }, {
-    key: "selectLineHeightLarge",
-    get: function get() {
-      return this.controlLineHeightLarge;
-    }
-  }, {
-    key: "selectFontSizeSmall",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "selectFontSizeMedium",
-    get: function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "selectFontSizeLarge",
-    get: function get() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "selectPaddingYSmall",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "selectPaddingYMedium",
-    get: function get() {
-      return this.controlPaddingYMedium;
-    }
-  }, {
-    key: "selectPaddingYLarge",
-    get: function get() {
-      return this.controlPaddingYLarge;
-    }
-  }, {
-    key: "selectBorderRadiusSmall",
-    get: function get() {
-      return this.btnBorderRadiusSmall;
-    }
-  }, {
-    key: "selectBorderRadiusMedium",
-    get: function get() {
-      return this.btnBorderRadiusMedium;
-    }
-  }, {
-    key: "selectBorderRadiusLarge",
-    get: function get() {
-      return this.btnBorderRadiusLarge;
-    }
-  }, {
-    key: "checkboxLineHeight",
-    get: //#endregion
-    //#region Checkbox
-    function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "checkboxFontSize",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    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() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "checkboxOutlineWidth",
-    get: function get() {
-      return this.controlOutlineWidth;
-    }
-  }, {
-    key: "checkboxBorderWidthCompensation",
-    get: function get() {
-      return this.checkboxBorderWidth;
-    } //#endregion
-    //#region Tab
-
-  }, {
-    key: "tabsMarginX",
-    get: function get() {
-      return this.tabPaddingX;
-    }
-  }, {
-    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() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "tabLineHeight",
-    get: function get() {
-      return this.controlLineHeightLarge;
-    }
-  }, {
-    key: "tabOutlineWidth",
-    get: function get() {
-      return this.controlOutlineWidth;
-    } //#endregion
-    //#region Toggle
-
-  }, {
-    key: "toggleBorderRadius",
-    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)";
-    } //#endregion
-    //#region Token
-
-  }, {
-    key: "tokenLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "tokenFontSize",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "tokenPaddingYDisabled",
-    get: function get() {
-      return this.tokenPaddingY;
-    }
-  }, {
-    key: "tokenPaddingXDisabled",
-    get: function get() {
-      return this.tokenPaddingX;
-    }
-  }, {
-    key: "tokenMarginYDisabled",
-    get: function get() {
-      return this.tokenMarginY;
-    }
-  }, {
-    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",
-    get: //#endregion
-    //#region Spinner
-    function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "spinnerFontSizeMedium",
-    get: function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "spinnerFontSizeLarge",
-    get: function get() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "spinnerLineHeightSmall",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "spinnerLineHeightMedium",
-    get: function get() {
-      return this.controlLineHeightMedium;
-    }
-  }, {
-    key: "spinnerLineHeightLarge",
-    get: function get() {
-      return this.controlLineHeightLarge;
-    }
-  }, {
-    key: "textareaBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "textareaOutlineWidth",
-    get: function get() {
-      return "calc(" + this.controlOutlineWidth + " - 1px)";
-    }
-  }, {
-    key: "textareaFontSize",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "textareaPaddingY",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "textareaLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    } //#endregion
-    //#region Radio
-
-  }, {
-    key: "radioLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "radioFontSize",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    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() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "radioOutlineWidth",
-    get: function get() {
-      return this.controlOutlineWidth;
-    }
-  }, {
-    key: "radioBorderWidthCompensation",
-    get: function get() {
-      return this.radioBoxShadow !== 'none' ? this.radioBorderWidth : '0px';
-    }
-  }, {
-    key: "radioSizeAfter",
-    get: function get() {
-      var borderCompensation = this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;
-      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + borderCompensation + ")";
-    }
-  }, {
-    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
-    function get() {
-      return this.btnOutlineWidth;
-    }
-  }, {
-    key: "switcherLabelFontSizeSmall",
-    get: function get() {
-      return this.btnFontSizeSmall;
-    }
-  }, {
-    key: "switcherLabelFontSizeMedium",
-    get: function get() {
-      return this.btnFontSizeMedium;
-    }
-  }, {
-    key: "switcherLabelFontSizeLarge",
-    get: function get() {
-      return this.btnFontSizeLarge;
-    }
-  }, {
-    key: "switcherLabelLineHeightSmall",
-    get: function get() {
-      return this.btnLineHeightSmall;
-    }
-  }, {
-    key: "switcherLabelLineHeightMedium",
-    get: function get() {
-      return this.btnLineHeightMedium;
-    }
-  }, {
-    key: "switcherLabelLineHeightLarge",
-    get: function get() {
-      return this.btnLineHeightLarge;
-    }
-  }, {
-    key: "switcherLabelGapSmall",
-    get: function get() {
-      return this.btnPaddingXSmall;
-    }
-  }, {
-    key: "switcherLabelGapMedium",
-    get: function get() {
-      return this.btnPaddingXMedium;
-    }
-  }, {
-    key: "switcherLabelGapLarge",
-    get: function get() {
-      return this.btnPaddingXLarge;
-    }
-  }, {
-    key: "sidePageBgDefault",
-    get: function get() {
-      return this.bgDefault;
-    }
-  }, {
-    key: "sidePageBorderColor",
-    get: function get() {
-      return this.borderColorGrayLight;
-    }
-  }, {
-    key: "modalFixedHeaderPaddingBottom",
-    get: 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;
-}());
-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.tokenBorderColorDisabled = '#dadada';
-Theme8px.tokenDisabledBg = '#e5e5e5';
-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.calendarCellSize = '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.sidePageFooterPanelBg = '#e9e9e9';
-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 = '7px';
-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)';
-export var Theme8pxInternal = exposeGetters(Theme8px);