@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-a18e664e8f

package/internal/themes/Theme8px/Theme8px.js

@@ -1,600 +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: "controlFontSizeSmall",
-    get: function get() {
-      return this.fontSizeSmall;
-    }
-  }, {
-    key: "controlFontSizeMedium",
-    get: function get() {
-      return this.fontSizeMedium;
-    }
-  }, {
-    key: "controlFontSizeLarge",
-    get: function get() {
-      return this.fontSizeLarge;
-    }
-  }, {
-    key: "btnBorderWidth",
-    //#region Button
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "btnBorderWidthFocus",
-    get: function get() {
-      return this.controlBorderWidthFocus;
-    }
-  }, {
-    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.controlFontSizeSmall;
-    }
-  }, {
-    key: "btnFontSizeMedium",
-    get: function get() {
-      return this.controlFontSizeMedium;
-    }
-  }, {
-    key: "btnFontSizeLarge",
-    get: function get() {
-      return this.controlFontSizeLarge;
-    }
-  }, {
-    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: "btnBorderRadiusSmall",
-    get: function get() {
-      return this.controlBorderRadiusSmall;
-    }
-  }, {
-    key: "btnBorderRadiusMedium",
-    get: function get() {
-      return this.controlBorderRadiusMedium;
-    }
-  }, {
-    key: "btnBorderRadiusLarge",
-    get: function get() {
-      return this.controlBorderRadiusLarge;
-    }
-  }, {
-    key: "inputBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "inputBorderWidthFocus",
-    get: function get() {
-      return "calc(" + this.controlBorderWidthFocus + " - 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.controlFontSizeSmall;
-    }
-  }, {
-    key: "inputFontSizeMedium",
-    get: function get() {
-      return this.controlFontSizeMedium;
-    }
-  }, {
-    key: "inputFontSizeLarge",
-    get: function get() {
-      return this.controlFontSizeLarge;
-    }
-  }, {
-    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: "inputHeightSmall",
-    get: function get() {
-      return this.controlHeightSmall;
-    }
-  }, {
-    key: "inputHeightMedium",
-    get: function get() {
-      return this.controlHeightMedium;
-    }
-  }, {
-    key: "inputHeightLarge",
-    get: function get() {
-      return this.controlHeightLarge;
-    }
-  }, {
-    key: "selectBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "selectBorderWidthFocus",
-    get: function get() {
-      return this.controlBorderWidthFocus;
-    }
-  }, {
-    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.controlFontSizeSmall;
-    }
-  }, {
-    key: "selectFontSizeMedium",
-    get: function get() {
-      return this.controlFontSizeMedium;
-    }
-  }, {
-    key: "selectFontSizeLarge",
-    get: function get() {
-      return this.controlFontSizeLarge;
-    }
-  }, {
-    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.controlBorderRadiusSmall;
-    }
-  }, {
-    key: "selectBorderRadiusMedium",
-    get: function get() {
-      return this.controlBorderRadiusMedium;
-    }
-  }, {
-    key: "selectBorderRadiusLarge",
-    get: function get() {
-      return this.controlBorderRadiusLarge;
-    }
-  }, {
-    key: "checkboxLineHeight",
-    //#endregion
-    //#region Checkbox
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "checkboxFontSize",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    key: "checkboxPaddingY",
-    get: function get() {
-      var paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      return paddingYSmall + borderWidth + "px";
-    }
-  }, {
-    key: "checkboxBorderRadius",
-    get: function get() {
-      return this.controlBorderRadiusSmall;
-    }
-  }, {
-    key: "checkboxBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "checkboxBorderWidthFocus",
-    get: function get() {
-      return this.controlBorderWidthFocus;
-    }
-  }, {
-    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 paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      return paddingYSmall + borderWidth + "px";
-    }
-  }, {
-    key: "tabFontSize",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    key: "tabLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "tabBorderWidthFocus",
-    get: function get() {
-      return this.controlBorderWidthFocus;
-    } //#endregion
-    //#region Toggle
-
-  }, {
-    key: "toggleSwitcherSize",
-    get: function get() {
-      var height = parseInt(this.toggleHeight, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      return height - 2 * borderWidth + "px";
-    }
-  }, {
-    key: "toggleBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "toggleBorderWidthFocus",
-    get: function get() {
-      return "calc(" + this.controlBorderWidthFocus + " + 1px)";
-    } //#endregion
-    //#region Token
-
-  }, {
-    key: "tokenLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "tokenFontSize",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    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 Spinner
-
-  }, {
-    key: "spinnerFontSizeSmall",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    key: "spinnerFontSizeMedium",
-    get: function get() {
-      return this.controlFontSizeMedium;
-    }
-  }, {
-    key: "spinnerFontSizeLarge",
-    get: function get() {
-      return this.controlFontSizeLarge;
-    }
-  }, {
-    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: "spinnerOldFontSizeSmall",
-    //#endregion
-    //#region SpinnerOld
-    get: function get() {
-      return this.spinnerFontSizeSmall;
-    }
-  }, {
-    key: "spinnerOldFontSizeMedium",
-    get: function get() {
-      return this.spinnerFontSizeMedium;
-    }
-  }, {
-    key: "spinnerOldFontSizeLarge",
-    get: function get() {
-      return this.spinnerFontSizeLarge;
-    }
-  }, {
-    key: "spinnerOldLineHeightSmall",
-    get: function get() {
-      return this.spinnerLineHeightSmall;
-    }
-  }, {
-    key: "spinnerOldLineHeightMedium",
-    get: function get() {
-      return this.spinnerLineHeightMedium;
-    }
-  }, {
-    key: "spinnerOldLineHeightLarge",
-    get: function get() {
-      return this.spinnerLineHeightLarge;
-    }
-  }, {
-    key: "spinnerOldPaddingXSmall",
-    get: function get() {
-      return this.spinnerPaddingXSmall;
-    }
-  }, {
-    key: "spinnerOldPaddingYMedium",
-    get: function get() {
-      return this.spinnerPaddingYMedium;
-    }
-  }, {
-    key: "spinnerOldPaddingYLarge",
-    get: function get() {
-      return this.spinnerPaddingYLarge;
-    } //#endregion
-    //#region Link
-
-  }, {
-    key: "textareaBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "textareaBorderWidthFocus",
-    get: function get() {
-      return "calc(" + this.controlBorderWidthFocus + " - 1px)";
-    }
-  }, {
-    key: "textareaFontSize",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    key: "textareaPaddingY",
-    get: function get() {
-      return this.controlPaddingYSmall;
-    }
-  }, {
-    key: "textareaLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "textareaHeight",
-    get: function get() {
-      var lineHeight = parseInt(this.textareaLineHeight, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingY, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight * 3 + paddingY * 2 + borderWidth * 2 + "px";
-    } //#endregion
-    //#region Radio
-
-  }, {
-    key: "radioLineHeight",
-    get: function get() {
-      return this.controlLineHeightSmall;
-    }
-  }, {
-    key: "radioFontSize",
-    get: function get() {
-      return this.controlFontSizeSmall;
-    }
-  }, {
-    key: "radioPaddingY",
-    get: function get() {
-      var paddingY = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.radioBorderWidth, 10) || 0;
-      return paddingY + borderWidth + "px";
-    }
-  }, {
-    key: "radioBorderWidth",
-    get: function get() {
-      return this.controlBorderWidth;
-    }
-  }, {
-    key: "radioBorderWidthFocus",
-    get: function get() {
-      return this.controlBorderWidthFocus;
-    }
-  }, {
-    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.radioBorderWidthFocus + " - 2 * " + borderCompensation + ")";
-    } //#endregion
-
-  }]);
-
-  return Theme8px;
-}(
-/*#__PURE__*/
-function () {
-  function _class() {}
-
-  return _class;
-}());
-Theme8px.fontSizeSmall = '14px';
-Theme8px.fontSizeMedium = '16px';
-Theme8px.fontSizeLarge = '18px';
-Theme8px.controlLineHeightSmall = '20px';
-Theme8px.controlLineHeightMedium = '22px';
-Theme8px.controlLineHeightLarge = '24px';
-Theme8px.controlPaddingYSmall = '5px';
-Theme8px.controlPaddingYMedium = '8px';
-Theme8px.controlPaddingYLarge = '11px';
-Theme8px.controlBorderRadiusSmall = '1px';
-Theme8px.controlBorderRadiusMedium = '1px';
-Theme8px.controlBorderRadiusLarge = '1px';
-Theme8px.btnPaddingXSmall = '15px';
-Theme8px.btnPaddingXMedium = '15px';
-Theme8px.btnPaddingXLarge = '19px';
-Theme8px.btnPaddingIconSmall = '4px';
-Theme8px.btnPaddingIconMedium = '4px';
-Theme8px.btnPaddingIconLarge = '4px';
-Theme8px.btnSmallArrowTop = '7px';
-Theme8px.btnSmallArrowRight = '-8px';
-Theme8px.btnSmallArrowLength = '16px';
-Theme8px.btnMediumArrowTop = '8px';
-Theme8px.btnLargeArrowLength = '24px';
-Theme8px.btnLargeArrowLeft = '-11px';
-Theme8px.btnLargeArrowRight = '-11px';
-Theme8px.inputWidth = '200px';
-Theme8px.inputPaddingXSmall = '7px';
-Theme8px.inputPaddingXMedium = '11px';
-Theme8px.inputPaddingXLarge = '15px';
-Theme8px.inputBorderRadiusSmall = '0px';
-Theme8px.inputBorderRadiusMedium = '0px';
-Theme8px.inputBorderRadiusLarge = '0px';
-Theme8px.inputPaddingIconSmall = '4px';
-Theme8px.inputPaddingIconMedium = '8px';
-Theme8px.inputPaddingIconLarge = '12px';
-Theme8px.selectWidth = '200px';
-Theme8px.selectPaddingXSmall = '7px';
-Theme8px.selectPaddingXMedium = '11px';
-Theme8px.selectPaddingXLarge = '15px';
-Theme8px.selectPaddingIconSmall = '4px';
-Theme8px.selectPaddingIconMedium = '8px';
-Theme8px.selectPaddingIconLarge = '12px';
-Theme8px.checkboxPaddingX = '8px';
-Theme8px.checkboxBorder = 'none';
-Theme8px.tabPaddingX = '16px';
-Theme8px.tabBorderWidth = '2px';
-Theme8px.toggleWidth = '32px';
-Theme8px.toggleHeight = '20px';
-Theme8px.toggleBorderRadius = '10px';
-Theme8px.toggleSwitcherBorderRadius = '9px';
-Theme8px.tokenMarginY = '2px';
-Theme8px.tokenMarginX = '4px';
-Theme8px.tokenPaddingY = '1px';
-Theme8px.tokenPaddingX = '4px';
-Theme8px.tokenBorderRadius = '1px';
-Theme8px.tokenMarginBeforeIcon = '4px';
-Theme8px.tokenMargin = '4px';
-Theme8px.tokenBorderColorDisabled = '#dadada';
-Theme8px.tokenDisabledBg = '#e5e5e5';
-Theme8px.tokenLegacyTextShift = '0px';
-Theme8px.spinnerPaddingXSmall = '6px';
-Theme8px.spinnerPaddingYMedium = '4px';
-Theme8px.spinnerPaddingYLarge = '12px';
-Theme8px.linkIconMarginRight = '4px';
-Theme8px.linkButtonLineHeight = '34px';
-Theme8px.linkButtonPaddingX = '10px';
-Theme8px.textareaWidth = '250px';
-Theme8px.textareaBorderRadius = '0px';
-Theme8px.textareaPaddingX = '7px';
-Theme8px.radioPaddingX = '8px';
-Theme8px.radioSize = '16px';
-Theme8px.radioBulletSize = '8px';
-export var Theme8pxInternal = exposeGetters(Theme8px);

package/internal/themes/Theme8px/Theme8px.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Theme8px.ts"],"names":["exposeGetters","Theme8px","fontSizeSmall","fontSizeMedium","fontSizeLarge","controlBorderWidth","controlBorderWidthFocus","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlFontSizeSmall","controlFontSizeMedium","controlFontSizeLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlBorderRadiusSmall","controlBorderRadiusMedium","controlBorderRadiusLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","paddingYSmall","parseInt","borderWidth","checkboxBorderWidth","tabPaddingX","height","toggleHeight","toggleBorderWidth","tokenPaddingY","tokenPaddingX","tokenMarginY","tokenMarginX","tokenBorderWidth","tokenBorderColorDisabled","spinnerFontSizeSmall","spinnerFontSizeMedium","spinnerFontSizeLarge","spinnerLineHeightSmall","spinnerLineHeightMedium","spinnerLineHeightLarge","spinnerPaddingXSmall","spinnerPaddingYMedium","spinnerPaddingYLarge","lineHeight","textareaLineHeight","paddingY","textareaPaddingY","textareaBorderWidth","radioBorderWidth","radioBoxShadow","borderCompensation","radioBorderWidthCompensation","radioSize","radioBorderWidthFocus","btnPaddingXSmall","btnPaddingXMedium","btnPaddingXLarge","btnPaddingIconSmall","btnPaddingIconMedium","btnPaddingIconLarge","btnSmallArrowTop","btnSmallArrowRight","btnSmallArrowLength","btnMediumArrowTop","btnLargeArrowLength","btnLargeArrowLeft","btnLargeArrowRight","inputWidth","inputPaddingXSmall","inputPaddingXMedium","inputPaddingXLarge","inputBorderRadiusSmall","inputBorderRadiusMedium","inputBorderRadiusLarge","inputPaddingIconSmall","inputPaddingIconMedium","inputPaddingIconLarge","selectWidth","selectPaddingXSmall","selectPaddingXMedium","selectPaddingXLarge","selectPaddingIconSmall","selectPaddingIconMedium","selectPaddingIconLarge","checkboxPaddingX","checkboxBorder","tabBorderWidth","toggleWidth","toggleBorderRadius","toggleSwitcherBorderRadius","tokenBorderRadius","tokenMarginBeforeIcon","tokenMargin","tokenDisabledBg","tokenLegacyTextShift","linkIconMarginRight","linkButtonLineHeight","linkButtonPaddingX","textareaWidth","textareaBorderRadius","textareaPaddingX","radioPaddingX","radioBulletSize","Theme8pxInternal"],"mappings":"wIAAA,SAASA,aAAT,QAA8B,gCAA9B;;;;AAIA,WAAaC,QAAb;;;;AAI2C;AACvC,aAAO,KAAKC,aAAZ;AACD,KANH;AAO4C;AACxC,aAAO,KAAKC,cAAZ;AACD,KATH;AAU2C;AACvC,aAAO,KAAKC,aAAZ;AACD,KAZH;;;;;;;;;;AAsBE;AAtBF,wBAuBqC;AACjC,aAAO,KAAKC,kBAAZ;AACD,KAzBH;AA0B0C;AACtC,aAAO,KAAKC,uBAAZ;AACD,KA5BH;AA6ByC;AACrC,aAAO,KAAKC,sBAAZ;AACD,KA/BH;AAgC0C;AACtC,aAAO,KAAKC,uBAAZ;AACD,KAlCH;AAmCyC;AACrC,aAAO,KAAKC,sBAAZ;AACD,KArCH;AAsCuC;AACnC,aAAO,KAAKC,oBAAZ;AACD,KAxCH;AAyCwC;AACpC,aAAO,KAAKC,qBAAZ;AACD,KA3CH;AA4CuC;AACnC,aAAO,KAAKC,oBAAZ;AACD,KA9CH;;;;AAkDuC;AACnC,aAAO,KAAKC,oBAAZ;AACD,KApDH;AAqDwC;AACpC,aAAO,KAAKC,qBAAZ;AACD,KAvDH;AAwDuC;AACnC,aAAO,KAAKC,oBAAZ;AACD,KA1DH;AA2D2C;AACvC,aAAO,KAAKC,wBAAZ;AACD,KA7DH;AA8D4C;AACxC,aAAO,KAAKC,yBAAZ;AACD,KAhEH;AAiE2C;AACvC,aAAO,KAAKC,wBAAZ;AACD,KAnEH;;;;;;;;;;;;;;;;;AAoFuC;AACnC,aAAO,KAAKb,kBAAZ;AACD,KAtFH;AAuF4C;AACxC,uBAAe,KAAKC,uBAApB;AACD,KAzFH;AA0F2C;AACvC,aAAO,KAAKC,sBAAZ;AACD,KA5FH;AA6F4C;AACxC,aAAO,KAAKC,uBAAZ;AACD,KA/FH;AAgG2C;AACvC,aAAO,KAAKC,sBAAZ;AACD,KAlGH;AAmGyC;AACrC,aAAO,KAAKC,oBAAZ;AACD,KArGH;AAsG0C;AACtC,aAAO,KAAKC,qBAAZ;AACD,KAxGH;AAyGyC;AACrC,aAAO,KAAKC,oBAAZ;AACD,KA3GH;;;;AA+GyC;AACrC,aAAO,KAAKC,oBAAZ;AACD,KAjHH;AAkH0C;AACtC,aAAO,KAAKC,qBAAZ;AACD,KApHH;AAqHyC;AACrC,aAAO,KAAKC,oBAAZ;AACD,KAvHH;;;;AA2HuC;AACnC,aAAO,KAAKI,kBAAZ;AACD,KA7HH;AA8HwC;AACpC,aAAO,KAAKC,mBAAZ;AACD,KAhIH;AAiIuC;AACnC,aAAO,KAAKC,kBAAZ;AACD,KAnIH;;;;;;;AA0IwC;AACpC,aAAO,KAAKhB,kBAAZ;AACD,KA5IH;AA6I6C;AACzC,aAAO,KAAKC,uBAAZ;AACD,KA/IH;AAgJ4C;AACxC,aAAO,KAAKC,sBAAZ;AACD,KAlJH;AAmJ6C;AACzC,aAAO,KAAKC,uBAAZ;AACD,KArJH;AAsJ4C;AACxC,aAAO,KAAKC,sBAAZ;AACD,KAxJH;AAyJ0C;AACtC,aAAO,KAAKC,oBAAZ;AACD,KA3JH;AA4J2C;AACvC,aAAO,KAAKC,qBAAZ;AACD,KA9JH;AA+J0C;AACtC,aAAO,KAAKC,oBAAZ;AACD,KAjKH;;;;AAqK0C;AACtC,aAAO,KAAKC,oBAAZ;AACD,KAvKH;AAwK2C;AACvC,aAAO,KAAKC,qBAAZ;AACD,KA1KH;AA2K0C;AACtC,aAAO,KAAKC,oBAAZ;AACD,KA7KH;AA8K8C;AAC1C,aAAO,KAAKC,wBAAZ;AACD,KAhLH;AAiL+C;AAC3C,aAAO,KAAKC,yBAAZ;AACD,KAnLH;AAoL8C;AAC1C,aAAO,KAAKC,wBAAZ;AACD,KAtLH;;;;AA0LE;AACA;AA3LF,wBA4LyC;AACrC,aAAO,KAAKX,sBAAZ;AACD,KA9LH;AA+LuC;AACnC,aAAO,KAAKG,oBAAZ;AACD,KAjMH;;AAmMuC;AACnC,UAAMY,aAAa,GAAGC,QAAQ,CAAC,KAAKV,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAAjE;AACA,UAAMW,WAAW,GAAGD,QAAQ,CAAC,KAAKlB,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA7D;;AAEA,aAAUiB,aAAa,GAAGE,WAA1B;AACD,KAxMH;AAyM2C;AACvC,aAAO,KAAKR,wBAAZ;AACD,KA3MH;AA4M0C;AACtC,aAAO,KAAKX,kBAAZ;AACD,KA9MH;AA+M+C;AAC3C,aAAO,KAAKC,uBAAZ;AACD,KAjNH;;AAmNsD;AAClD,aAAO,KAAKmB,mBAAZ;AACD;;AAED;AACA;AAxNF;AA0NkC;AAC9B,aAAO,KAAKC,WAAZ;AACD,KA5NH;AA6NkC;AAC9B,UAAMJ,aAAa,GAAGC,QAAQ,CAAC,KAAKV,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAAjE;AACA,UAAMW,WAAW,GAAGD,QAAQ,CAAC,KAAKlB,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA7D;;AAEA,aAAUiB,aAAa,GAAGE,WAA1B;AACD,KAlOH;AAmOkC;AAC9B,aAAO,KAAKd,oBAAZ;AACD,KArOH;AAsOoC;AAChC,aAAO,KAAKH,sBAAZ;AACD,KAxOH;;AA0O0C;AACtC,aAAO,KAAKD,uBAAZ;AACD;AACD;AACA;AA9OF;;;AAkPyC;AACrC,UAAMqB,MAAM,GAAGJ,QAAQ,CAAC,KAAKK,YAAN,EAAoB,EAApB,CAAR,IAAmC,CAAlD;AACA,UAAMJ,WAAW,GAAGD,QAAQ,CAAC,KAAKM,iBAAN,EAAyB,EAAzB,CAAR,IAAwC,CAA5D;;AAEA,aAAUF,MAAM,GAAG,IAAIH,WAAvB;AACD,KAvPH;;AAyPwC;AACpC,aAAO,KAAKnB,kBAAZ;AACD,KA3PH;AA4P6C;AACzC,uBAAe,KAAKC,uBAApB;AACD;AACD;AACA;AAhQF,mDAiQsC;AAClC,aAAO,KAAKC,sBAAZ;AACD,KAnQH;AAoQoC;AAChC,aAAO,KAAKG,oBAAZ;AACD,KAtQH;;;;;;;;;;;AAiR4C;AACxC,aAAO,KAAKoB,aAAZ;AACD,KAnRH;AAoR4C;AACxC,aAAO,KAAKC,aAAZ;AACD,KAtRH;AAuR2C;AACvC,aAAO,KAAKC,YAAZ;AACD,KAzRH;AA0R2C;AACvC,aAAO,KAAKC,YAAZ;AACD,KA5RH;AA6R0C;AACtC,wBAAgB,KAAKC,gBAArB,SAAyC,KAAKC,wBAA9C;AACD;;AAED;AACA;AAlSF;AAoS2C;AACvC,aAAO,KAAKzB,oBAAZ;AACD,KAtSH;AAuS4C;AACxC,aAAO,KAAKC,qBAAZ;AACD,KAzSH;AA0S2C;AACvC,aAAO,KAAKC,oBAAZ;AACD,KA5SH;AA6S6C;AACzC,aAAO,KAAKL,sBAAZ;AACD,KA/SH;AAgT8C;AAC1C,aAAO,KAAKC,uBAAZ;AACD,KAlTH;AAmT6C;AACzC,aAAO,KAAKC,sBAAZ;AACD,KArTH;;;;AAyTE;AACA;AA1TF,wBA2T8C;AAC1C,aAAO,KAAK2B,oBAAZ;AACD,KA7TH;AA8T+C;AAC3C,aAAO,KAAKC,qBAAZ;AACD,KAhUH;AAiU8C;AAC1C,aAAO,KAAKC,oBAAZ;AACD,KAnUH;AAoUgD;AAC5C,aAAO,KAAKC,sBAAZ;AACD,KAtUH;AAuUiD;AAC7C,aAAO,KAAKC,uBAAZ;AACD,KAzUH;AA0UgD;AAC5C,aAAO,KAAKC,sBAAZ;AACD,KA5UH;AA6U8C;AAC1C,aAAO,KAAKC,oBAAZ;AACD,KA/UH;AAgV+C;AAC3C,aAAO,KAAKC,qBAAZ;AACD,KAlVH;AAmV8C;AAC1C,aAAO,KAAKC,oBAAZ;AACD;AACD;AACA;AAvVF;;;;;;AA8V0C;AACtC,aAAO,KAAKvC,kBAAZ;AACD,KAhWH;AAiW+C;AAC3C,uBAAe,KAAKC,uBAApB;AACD,KAnWH;AAoWuC;AACnC,aAAO,KAAKI,oBAAZ;AACD,KAtWH;;;AAyWuC;AACnC,aAAO,KAAKG,oBAAZ;AACD,KA3WH;AA4WyC;AACrC,aAAO,KAAKN,sBAAZ;AACD,KA9WH;AA+WqC;AACjC,UAAMsC,UAAU,GAAGtB,QAAQ,CAAC,KAAKuB,kBAAN,EAA0B,EAA1B,CAAR,IAAyC,CAA5D;AACA,UAAMC,QAAQ,GAAGxB,QAAQ,CAAC,KAAKyB,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAAxD;AACA,UAAMxB,WAAW,GAAGD,QAAQ,CAAC,KAAK0B,mBAAN,EAA2B,EAA3B,CAAR,IAA0C,CAA9D;;AAEA,aAAUJ,UAAU,GAAG,CAAb,GAAiBE,QAAQ,GAAG,CAA5B,GAAgCvB,WAAW,GAAG,CAAxD;AACD;AACD;AACA;AAvXF,mDAwXsC;AAClC,aAAO,KAAKjB,sBAAZ;AACD,KA1XH;AA2XoC;AAChC,aAAO,KAAKG,oBAAZ;AACD,KA7XH;;AA+XoC;AAChC,UAAMqC,QAAQ,GAAGxB,QAAQ,CAAC,KAAKV,oBAAN,EAA4B,EAA5B,CAAR,IAA2C,CAA5D;AACA,UAAMW,WAAW,GAAGD,QAAQ,CAAC,KAAK2B,gBAAN,EAAwB,EAAxB,CAAR,IAAuC,CAA3D;;AAEA,aAAUH,QAAQ,GAAGvB,WAArB;AACD,KApYH;;AAsYuC;AACnC,aAAO,KAAKnB,kBAAZ;AACD,KAxYH;AAyY4C;AACxC,aAAO,KAAKC,uBAAZ;AACD,KA3YH;;AA6YmD;AAC/C,aAAO,KAAK6C,cAAL,KAAwB,MAAxB,GAAiC,KAAKD,gBAAtC,GAAyD,KAAhE;AACD,KA/YH;AAgZqC;AACjC,UAAME,kBAAkB;AACtB,WAAKD,cAAL,KAAwB,MAAxB,GAAiC,KAAKD,gBAAtC,GAAyD,KAAKG,4BADhE;AAEA,uBAAe,KAAKC,SAApB,eAAuC,KAAKC,qBAA5C,eAA2EH,kBAA3E;AACD;AACD;AArZF,0FAAanD,Q,CACGC,a,GAAgB,M,CADnBD,Q,CAEGE,c,GAAiB,M,CAFpBF,Q,CAGGG,a,GAAgB,M,CAHnBH,Q,CAaGM,sB,GAAyB,M,CAb5BN,Q,CAcGO,uB,GAA0B,M,CAd7BP,Q,CAeGQ,sB,GAAyB,M,CAf5BR,Q,CAgBGY,oB,GAAuB,K,CAhB1BZ,Q,CAiBGa,qB,GAAwB,K,CAjB3Bb,Q,CAkBGc,oB,GAAuB,M,CAlB1Bd,Q,CAmBGe,wB,GAA2B,K,CAnB9Bf,Q,CAoBGgB,yB,GAA4B,K,CApB/BhB,Q,CAqBGiB,wB,GAA2B,K,CArB9BjB,Q,CA+CGuD,gB,GAAmB,M,CA/CtBvD,Q,CAgDGwD,iB,GAAoB,M,CAhDvBxD,Q,CAiDGyD,gB,GAAmB,M,CAjDtBzD,Q,CAqEG0D,mB,GAAsB,K,CArEzB1D,Q,CAsEG2D,oB,GAAuB,K,CAtE1B3D,Q,CAuEG4D,mB,GAAsB,K,CAvEzB5D,Q,CAwEG6D,gB,GAAmB,K,CAxEtB7D,Q,CAyEG8D,kB,GAAqB,M,CAzExB9D,Q,CA2EG+D,mB,GAAsB,M,CA3EzB/D,Q,CA4EGgE,iB,GAAoB,K,CA5EvBhE,Q,CA6EGiE,mB,GAAsB,M,CA7EzBjE,Q,CA8EGkE,iB,GAAoB,O,CA9EvBlE,Q,CA+EGmE,kB,GAAqB,O,CA/ExBnE,Q,CAmFGoE,U,GAAa,O,CAnFhBpE,Q,CA4GGqE,kB,GAAqB,K,CA5GxBrE,Q,CA6GGsE,mB,GAAsB,M,CA7GzBtE,Q,CA8GGuE,kB,GAAqB,M,CA9GxBvE,Q,CAwHGwE,sB,GAAyB,K,CAxH5BxE,Q,CAyHGyE,uB,GAA0B,K,CAzH7BzE,Q,CA0HG0E,sB,GAAyB,K,CA1H5B1E,Q,CAoIG2E,qB,GAAwB,K,CApI3B3E,Q,CAqIG4E,sB,GAAyB,K,CArI5B5E,Q,CAsIG6E,qB,GAAwB,M,CAtI3B7E,Q,CAyIG8E,W,GAAc,O,CAzIjB9E,Q,CAkKG+E,mB,GAAsB,K,CAlKzB/E,Q,CAmKGgF,oB,GAAuB,M,CAnK1BhF,Q,CAoKGiF,mB,GAAsB,M,CApKzBjF,Q,CAuLGkF,sB,GAAyB,K,CAvL5BlF,Q,CAwLGmF,uB,GAA0B,K,CAxL7BnF,Q,CAyLGoF,sB,GAAyB,M,CAzL5BpF,Q,CAkMGqF,gB,GAAmB,K,CAlMtBrF,Q,CAkNGsF,c,GAAiB,M,CAlNpBtF,Q,CAyNGyB,W,GAAc,M,CAzNjBzB,Q,CAyOGuF,c,GAAiB,K,CAzOpBvF,Q,CA+OGwF,W,GAAc,M,CA/OjBxF,Q,CAgPG2B,Y,GAAe,M,CAhPlB3B,Q,CAiPGyF,kB,GAAqB,M,CAjPxBzF,Q,CAwPG0F,0B,GAA6B,K,CAxPhC1F,Q,CAuQG+B,Y,GAAe,K,CAvQlB/B,Q,CAwQGgC,Y,GAAe,K,CAxQlBhC,Q,CAyQG6B,a,GAAgB,K,CAzQnB7B,Q,CA0QG8B,a,GAAgB,K,CA1QnB9B,Q,CA2QG2F,iB,GAAoB,K,CA3QvB3F,Q,CA4QG4F,qB,GAAwB,K,CA5Q3B5F,Q,CA6QG6F,W,GAAc,K,CA7QjB7F,Q,CA8QGkC,wB,GAA2B,S,CA9Q9BlC,Q,CA+QG8F,e,GAAkB,S,CA/QrB9F,Q,CAgRG+F,oB,GAAuB,K,CAhR1B/F,Q,CAsTGyC,oB,GAAuB,K,CAtT1BzC,Q,CAuTG0C,qB,GAAwB,K,CAvT3B1C,Q,CAwTG2C,oB,GAAuB,M,CAxT1B3C,Q,CAwVGgG,mB,GAAsB,K,CAxVzBhG,Q,CAyVGiG,oB,GAAuB,M,CAzV1BjG,Q,CA0VGkG,kB,GAAqB,M,CA1VxBlG,Q,CA6VGmG,a,GAAgB,O,CA7VnBnG,Q,CAuWGoG,oB,GAAuB,K,CAvW1BpG,Q,CAwWGqG,gB,GAAmB,K,CAxWtBrG,Q,CA8XGsG,a,GAAgB,K,CA9XnBtG,Q,CAqYGqD,S,GAAY,M,CArYfrD,Q,CA4YGuG,e,GAAkB,K;;AAYlC,OAAO,IAAMC,gBAAgB,GAAGzG,aAAa,CAACC,QAAD,CAAtC","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { DefaultThemeInternal } from './DefaultTheme';\r\n\r\nexport class Theme8px extends (class {} as typeof DefaultThemeInternal) {\r\n  public static fontSizeSmall = '14px';\r\n  public static fontSizeMedium = '16px';\r\n  public static fontSizeLarge = '18px';\r\n  public static get controlFontSizeSmall() {\r\n    return this.fontSizeSmall;\r\n  }\r\n  public static get controlFontSizeMedium() {\r\n    return this.fontSizeMedium;\r\n  }\r\n  public static get controlFontSizeLarge() {\r\n    return this.fontSizeLarge;\r\n  }\r\n  public static controlLineHeightSmall = '20px';\r\n  public static controlLineHeightMedium = '22px';\r\n  public static controlLineHeightLarge = '24px';\r\n  public static controlPaddingYSmall = '5px';\r\n  public static controlPaddingYMedium = '8px';\r\n  public static controlPaddingYLarge = '11px';\r\n  public static controlBorderRadiusSmall = '1px';\r\n  public static controlBorderRadiusMedium = '1px';\r\n  public static controlBorderRadiusLarge = '1px';\r\n  //#region Button\r\n  public static get btnBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get btnBorderWidthFocus() {\r\n    return this.controlBorderWidthFocus;\r\n  }\r\n  public static get btnLineHeightSmall() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get btnLineHeightMedium() {\r\n    return this.controlLineHeightMedium;\r\n  }\r\n  public static get btnLineHeightLarge() {\r\n    return this.controlLineHeightLarge;\r\n  }\r\n  public static get btnFontSizeSmall() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static get btnFontSizeMedium() {\r\n    return this.controlFontSizeMedium;\r\n  }\r\n  public static get btnFontSizeLarge() {\r\n    return this.controlFontSizeLarge;\r\n  }\r\n  public static btnPaddingXSmall = '15px';\r\n  public static btnPaddingXMedium = '15px';\r\n  public static btnPaddingXLarge = '19px';\r\n  public static get btnPaddingYSmall() {\r\n    return this.controlPaddingYSmall;\r\n  }\r\n  public static get btnPaddingYMedium() {\r\n    return this.controlPaddingYMedium;\r\n  }\r\n  public static get btnPaddingYLarge() {\r\n    return this.controlPaddingYLarge;\r\n  }\r\n  public static get btnBorderRadiusSmall() {\r\n    return this.controlBorderRadiusSmall;\r\n  }\r\n  public static get btnBorderRadiusMedium() {\r\n    return this.controlBorderRadiusMedium;\r\n  }\r\n  public static get btnBorderRadiusLarge() {\r\n    return this.controlBorderRadiusLarge;\r\n  }\r\n\r\n  public static btnPaddingIconSmall = '4px';\r\n  public static btnPaddingIconMedium = '4px';\r\n  public static btnPaddingIconLarge = '4px';\r\n  public static btnSmallArrowTop = '7px';\r\n  public static btnSmallArrowRight = '-8px';\r\n\r\n  public static btnSmallArrowLength = '16px';\r\n  public static btnMediumArrowTop = '8px';\r\n  public static btnLargeArrowLength = '24px';\r\n  public static btnLargeArrowLeft = '-11px';\r\n  public static btnLargeArrowRight = '-11px';\r\n\r\n  //#endregion\r\n  //#region Input\r\n  public static inputWidth = '200px';\r\n  public static get inputBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get inputBorderWidthFocus() {\r\n    return `calc(${this.controlBorderWidthFocus} - 1px)`;\r\n  }\r\n  public static get inputLineHeightSmall() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get inputLineHeightMedium() {\r\n    return this.controlLineHeightMedium;\r\n  }\r\n  public static get inputLineHeightLarge() {\r\n    return this.controlLineHeightLarge;\r\n  }\r\n  public static get inputFontSizeSmall() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static get inputFontSizeMedium() {\r\n    return this.controlFontSizeMedium;\r\n  }\r\n  public static get inputFontSizeLarge() {\r\n    return this.controlFontSizeLarge;\r\n  }\r\n  public static inputPaddingXSmall = '7px';\r\n  public static inputPaddingXMedium = '11px';\r\n  public static inputPaddingXLarge = '15px';\r\n  public static get inputPaddingYSmall() {\r\n    return this.controlPaddingYSmall;\r\n  }\r\n  public static get inputPaddingYMedium() {\r\n    return this.controlPaddingYMedium;\r\n  }\r\n  public static get inputPaddingYLarge() {\r\n    return this.controlPaddingYLarge;\r\n  }\r\n  public static inputBorderRadiusSmall = '0px';\r\n  public static inputBorderRadiusMedium = '0px';\r\n  public static inputBorderRadiusLarge = '0px';\r\n  public static get inputHeightSmall() {\r\n    return this.controlHeightSmall;\r\n  }\r\n  public static get inputHeightMedium() {\r\n    return this.controlHeightMedium;\r\n  }\r\n  public static get inputHeightLarge() {\r\n    return this.controlHeightLarge;\r\n  }\r\n  public static inputPaddingIconSmall = '4px';\r\n  public static inputPaddingIconMedium = '8px';\r\n  public static inputPaddingIconLarge = '12px';\r\n  //#endregion\r\n  //#region Select\r\n  public static selectWidth = '200px';\r\n  public static get selectBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get selectBorderWidthFocus() {\r\n    return this.controlBorderWidthFocus;\r\n  }\r\n  public static get selectLineHeightSmall() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get selectLineHeightMedium() {\r\n    return this.controlLineHeightMedium;\r\n  }\r\n  public static get selectLineHeightLarge() {\r\n    return this.controlLineHeightLarge;\r\n  }\r\n  public static get selectFontSizeSmall() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static get selectFontSizeMedium() {\r\n    return this.controlFontSizeMedium;\r\n  }\r\n  public static get selectFontSizeLarge() {\r\n    return this.controlFontSizeLarge;\r\n  }\r\n  public static selectPaddingXSmall = '7px';\r\n  public static selectPaddingXMedium = '11px';\r\n  public static selectPaddingXLarge = '15px';\r\n  public static get selectPaddingYSmall() {\r\n    return this.controlPaddingYSmall;\r\n  }\r\n  public static get selectPaddingYMedium() {\r\n    return this.controlPaddingYMedium;\r\n  }\r\n  public static get selectPaddingYLarge() {\r\n    return this.controlPaddingYLarge;\r\n  }\r\n  public static get selectBorderRadiusSmall() {\r\n    return this.controlBorderRadiusSmall;\r\n  }\r\n  public static get selectBorderRadiusMedium() {\r\n    return this.controlBorderRadiusMedium;\r\n  }\r\n  public static get selectBorderRadiusLarge() {\r\n    return this.controlBorderRadiusLarge;\r\n  }\r\n  public static selectPaddingIconSmall = '4px';\r\n  public static selectPaddingIconMedium = '8px';\r\n  public static selectPaddingIconLarge = '12px';\r\n  //#endregion\r\n  //#region Checkbox\r\n  public static get checkboxLineHeight() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get checkboxFontSize() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static checkboxPaddingX = '8px';\r\n  public static get checkboxPaddingY() {\r\n    const paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;\r\n    const borderWidth = parseInt(this.controlBorderWidth, 10) || 0;\r\n\r\n    return `${paddingYSmall + borderWidth}px`;\r\n  }\r\n  public static get checkboxBorderRadius() {\r\n    return this.controlBorderRadiusSmall;\r\n  }\r\n  public static get checkboxBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get checkboxBorderWidthFocus() {\r\n    return this.controlBorderWidthFocus;\r\n  }\r\n  public static checkboxBorder = 'none';\r\n  public static get checkboxBorderWidthCompensation() {\r\n    return this.checkboxBorderWidth;\r\n  }\r\n\r\n  //#endregion\r\n  //#region Tab\r\n  public static tabPaddingX = '16px';\r\n  public static get tabsMarginX() {\r\n    return this.tabPaddingX;\r\n  }\r\n  public static get tabPaddingY() {\r\n    const paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;\r\n    const borderWidth = parseInt(this.controlBorderWidth, 10) || 0;\r\n\r\n    return `${paddingYSmall + borderWidth}px`;\r\n  }\r\n  public static get tabFontSize() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static get tabLineHeight() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static tabBorderWidth = '2px';\r\n  public static get tabBorderWidthFocus() {\r\n    return this.controlBorderWidthFocus;\r\n  }\r\n  //#endregion\r\n  //#region Toggle\r\n  public static toggleWidth = '32px';\r\n  public static toggleHeight = '20px';\r\n  public static toggleBorderRadius = '10px';\r\n  public static get toggleSwitcherSize() {\r\n    const height = parseInt(this.toggleHeight, 10) || 0;\r\n    const borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;\r\n\r\n    return `${height - 2 * borderWidth}px`;\r\n  }\r\n  public static toggleSwitcherBorderRadius = '9px';\r\n  public static get toggleBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get toggleBorderWidthFocus() {\r\n    return `calc(${this.controlBorderWidthFocus} + 1px)`;\r\n  }\r\n  //#endregion\r\n  //#region Token\r\n  public static get tokenLineHeight() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get tokenFontSize() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static tokenMarginY = '2px';\r\n  public static tokenMarginX = '4px';\r\n  public static tokenPaddingY = '1px';\r\n  public static tokenPaddingX = '4px';\r\n  public static tokenBorderRadius = '1px';\r\n  public static tokenMarginBeforeIcon = '4px';\r\n  public static tokenMargin = '4px';\r\n  public static tokenBorderColorDisabled = '#dadada';\r\n  public static tokenDisabledBg = '#e5e5e5';\r\n  public static tokenLegacyTextShift = '0px';\r\n  public static get tokenPaddingYDisabled() {\r\n    return this.tokenPaddingY;\r\n  }\r\n  public static get tokenPaddingXDisabled() {\r\n    return this.tokenPaddingX;\r\n  }\r\n  public static get tokenMarginYDisabled() {\r\n    return this.tokenMarginY;\r\n  }\r\n  public static get tokenMarginXDisabled() {\r\n    return this.tokenMarginX;\r\n  }\r\n  public static get tokenShadowDisabled() {\r\n    return `0 0 0 ${this.tokenBorderWidth} ${this.tokenBorderColorDisabled}`;\r\n  }\r\n\r\n  //#endregion\r\n  //#region Spinner\r\n\r\n  public static get spinnerFontSizeSmall() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static get spinnerFontSizeMedium() {\r\n    return this.controlFontSizeMedium;\r\n  }\r\n  public static get spinnerFontSizeLarge() {\r\n    return this.controlFontSizeLarge;\r\n  }\r\n  public static get spinnerLineHeightSmall() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get spinnerLineHeightMedium() {\r\n    return this.controlLineHeightMedium;\r\n  }\r\n  public static get spinnerLineHeightLarge() {\r\n    return this.controlLineHeightLarge;\r\n  }\r\n  public static spinnerPaddingXSmall = '6px';\r\n  public static spinnerPaddingYMedium = '4px';\r\n  public static spinnerPaddingYLarge = '12px';\r\n  //#endregion\r\n  //#region SpinnerOld\r\n  public static get spinnerOldFontSizeSmall() {\r\n    return this.spinnerFontSizeSmall;\r\n  }\r\n  public static get spinnerOldFontSizeMedium() {\r\n    return this.spinnerFontSizeMedium;\r\n  }\r\n  public static get spinnerOldFontSizeLarge() {\r\n    return this.spinnerFontSizeLarge;\r\n  }\r\n  public static get spinnerOldLineHeightSmall() {\r\n    return this.spinnerLineHeightSmall;\r\n  }\r\n  public static get spinnerOldLineHeightMedium() {\r\n    return this.spinnerLineHeightMedium;\r\n  }\r\n  public static get spinnerOldLineHeightLarge() {\r\n    return this.spinnerLineHeightLarge;\r\n  }\r\n  public static get spinnerOldPaddingXSmall() {\r\n    return this.spinnerPaddingXSmall;\r\n  }\r\n  public static get spinnerOldPaddingYMedium() {\r\n    return this.spinnerPaddingYMedium;\r\n  }\r\n  public static get spinnerOldPaddingYLarge() {\r\n    return this.spinnerPaddingYLarge;\r\n  }\r\n  //#endregion\r\n  //#region Link\r\n  public static linkIconMarginRight = '4px';\r\n  public static linkButtonLineHeight = '34px';\r\n  public static linkButtonPaddingX = '10px';\r\n  //#endregion\r\n  //#region Textarea\r\n  public static textareaWidth = '250px';\r\n  public static get textareaBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get textareaBorderWidthFocus() {\r\n    return `calc(${this.controlBorderWidthFocus} - 1px)`;\r\n  }\r\n  public static get textareaFontSize() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static textareaBorderRadius = '0px';\r\n  public static textareaPaddingX = '7px';\r\n  public static get textareaPaddingY() {\r\n    return this.controlPaddingYSmall;\r\n  }\r\n  public static get textareaLineHeight() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get textareaHeight() {\r\n    const lineHeight = parseInt(this.textareaLineHeight, 10) || 0;\r\n    const paddingY = parseInt(this.textareaPaddingY, 10) || 0;\r\n    const borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;\r\n\r\n    return `${lineHeight * 3 + paddingY * 2 + borderWidth * 2}px`;\r\n  }\r\n  //#endregion\r\n  //#region Radio\r\n  public static get radioLineHeight() {\r\n    return this.controlLineHeightSmall;\r\n  }\r\n  public static get radioFontSize() {\r\n    return this.controlFontSizeSmall;\r\n  }\r\n  public static radioPaddingX = '8px';\r\n  public static get radioPaddingY() {\r\n    const paddingY = parseInt(this.controlPaddingYSmall, 10) || 0;\r\n    const borderWidth = parseInt(this.radioBorderWidth, 10) || 0;\r\n\r\n    return `${paddingY + borderWidth}px`;\r\n  }\r\n  public static radioSize = '16px';\r\n  public static get radioBorderWidth() {\r\n    return this.controlBorderWidth;\r\n  }\r\n  public static get radioBorderWidthFocus() {\r\n    return this.controlBorderWidthFocus;\r\n  }\r\n  public static radioBulletSize = '8px';\r\n  public static get radioBorderWidthCompensation() {\r\n    return this.radioBoxShadow !== 'none' ? this.radioBorderWidth : '0px';\r\n  }\r\n  public static get radioSizeAfter() {\r\n    const borderCompensation =\r\n      this.radioBoxShadow === 'none' ? this.radioBorderWidth : this.radioBorderWidthCompensation;\r\n    return `calc(${this.radioSize} + 2 * ${this.radioBorderWidthFocus} - 2 * ${borderCompensation})`;\r\n  }\r\n  //#endregion\r\n}\r\n\r\nexport const Theme8pxInternal = exposeGetters(Theme8px);\r\n"]}

package/internal/themes/Theme8px/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/themes/Theme8px.js",
-  "module": "Theme8px",
-  "types": "../Theme8px.d.ts",
-  "sideEffects": false
-}