@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

package/cjs/internal/themes/FlatTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["FlatTheme.ts"],"names":["FlatTheme","borderFocus","parseInt","btnOutlineWidth","border","btnBorderWidth","bgDisabled","btnCheckedBg","borderColorFocus","btnDefaultShadowArrow","btnDefaultHoverBorderColor","btnDefaultHoverBg","btnDefaultActiveBorderColor","btnDefaultActiveBg","btnPrimaryDisabledBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnSuccessDisabledBg","btnSuccessHoverBg","btnSuccessActiveBg","btnDangerDisabledBg","btnDangerHoverBg","btnDangerActiveBg","btnPayDisabledBg","btnPayHoverBg","btnPayActiveBg","checkboxBorderWidth","chbCheckedBg","ColorFunctions","darken","inputDisabledBg","textareaDisabledBg","radioBorderWidth","chbHoverBg","chbActiveBg","outlineColorFocus","btnHeightShift","btnWrapPadding","btnLinkBorderRadius","btnBorderRadiusSmall","btnCheckedShadow","btnDisabledShadow","btnDefaultBgArrowEnd","btnDefaultShadow","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultHoverBgEnd","btnDefaultHoverShadow","btnDefaultActiveShadow","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryBgArrowStart","btnPrimaryBgArrowEnd","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryShadow","btnPrimaryHoverShadow","btnPrimaryActiveShadow","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessBgArrowStart","btnSuccessBgArrowEnd","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessShadow","btnSuccessHoverShadow","btnSuccessActiveShadow","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerBgArrowStart","btnDangerBgArrowEnd","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerShadow","btnDangerHoverShadow","btnDangerActiveShadow","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBgArrowStart","btnPayBgArrowEnd","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayShadow","btnPayHoverShadow","btnPayActiveShadow","btnSmallArrowLength","btnSmallArrowTop","btnSmallArrowRight","btnSmallArrowLeft","btnSmallArrowBorderRadius","btnSmallArrowBg","btnMediumArrowLeft","btnMediumArrowLeftLoadingLeft","btnMediumArrowTransform","btnMediumArrowBg","btnMediumArrowLeftLoadingDelay","btnDeprecatedSizeMediumPaddingShiftIe","btnLargeArrowLeft","btnLargeArrowTransform","btnFontSizeMedium","selectFontSizeMedium","chbBg","chbIndeterminateBg","chbCheckedColor","inputShadow","inputBorderTopColor","toggleBg","toggleBgHover","toggleBgActive","textareaBg","textareaColor","textareaShadow","textareaBorderTopColor","radioSize","radioSizeAfter","radioVerticalAlign","radioBgImage","radioBoxShadow","radioHoverShadow","radioActiveShadow","radioCheckedBulletColor","radioDisabledShadow","radioLabelDisplay","FlatThemeInternal","Object","setPrototypeOf","DefaultThemeInternal"],"mappings":"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CA3CvBnD,S,CA4CGoD,e,GAAkB,S,CA5CrBpD,S,CA6CGqD,sB,GAAyB,S,CA7C5BrD,S,CA8CGsD,oB,GAAuB,S,CA9C1BtD,S,CA+CGuD,sB,GAAyB,S,CA/C5BvD,S,CAgDGwD,oB,GAAuB,S,CAhD1BxD,S,CAiDGyD,gB,GAAmB,M,CAjDtBzD,S,CAkDG0D,qB,GAAwB,M,CAlD3B1D,S,CAmDG2D,sB,GAAyB,M,CAnD5B3D,S,CAoDGkB,iB,GAAoB,S,CApDvBlB,S,CAqDGmB,kB,GAAqB,S,CArDxBnB,S,CAsDGiB,oB,GAAuB,S,CAtD1BjB,S,CA0DG4D,iB,GAAoB,S,CA1DvB5D,S,CA2DG6D,e,GAAkB,S,CA3DrB7D,S,CA4DG8D,sB,GAAyB,S,CA5D5B9D,S,CA6DG+D,oB,GAAuB,S,CA7D1B/D,S,CA8DGgE,sB,GAAyB,S,CA9D5BhE,S,CA+DGiE,oB,GAAuB,S,CA/D1BjE,S,CAgEGkE,gB,GAAmB,M,CAhEtBlE,S,CAiEGmE,qB,GAAwB,M,CAjE3BnE,S,CAkEGoE,sB,GAAyB,M,CAlE5BpE,S,CAmEGqE,W,GAAc,S,CAnEjBrE,S,CAoEGqB,gB,GAAmB,S,CApEtBrB,S,CAqEGsB,iB,GAAoB,S,CArEvBtB,S,CAsEGoB,mB,GAAsB,S,CAtEzBpB,S,CA0EGsE,gB,GAAmB,S,CA1EtBtE,S,CA2EGuE,c,GAAiB,S,CA3EpBvE,S,CA4EGwE,qB,GAAwB,S,CA5E3BxE,S,CA6EGyE,mB,GAAsB,S,CA7EzBzE,S,CA8EG0E,qB,GAAwB,S,CA9E3B1E,S,CA+EG2E,mB,GAAsB,S,CA/EzB3E,S,CAgFG4E,e,GAAkB,M,CAhFrB5E,S,CAiFG6E,oB,GAAuB,M,CAjF1B7E,S,CAkFG8E,qB,GAAwB,M,CAlF3B9E,S,CAmFG+E,Q,GAAW,S,CAnFd/E,S,CAoFGwB,a,GAAgB,S,CApFnBxB,S,CAqFGyB,c,GAAiB,S,CArFpBzB,S,CAsFGuB,gB,GAAmB,S,CAtFtBvB,S,CA0FGgF,a,GAAgB,S,CA1FnBhF,S,CA2FGiF,W,GAAc,S,CA3FjBjF,S,CA4FGkF,kB,GAAqB,S,CA5FxBlF,S,CA6FGmF,gB,GAAmB,S,CA7FtBnF,S,CA8FGoF,kB,GAAqB,S,CA9FxBpF,S,CA+FGqF,gB,GAAmB,S,CA/FtBrF,S,CAgGGsF,Y,GAAe,M,CAhGlBtF,S,CAiGGuF,iB,GAAoB,M,CAjGvBvF,S,CAkGGwF,kB,GAAqB,M,CAlGxBxF,S,CAmGGyF,mB,GAAsB,M,CAnGzBzF,S,CAoGG0F,gB,GAAmB,O,CApGtB1F,S,CAqGG2F,kB,GAAqB,M,CArGxB3F,S,CAsGG4F,iB,GAAoB,Q,CAtGvB5F,S,CAuGG6F,yB,GAA4B,kB,CAvG/B7F,S,CAwGG8F,e,GAAkB,2E,CAxGrB9F,S,CAyGG+F,kB,GAAqB,O,CAzGxB/F,S,CA0GGgG,6B,GAAgC,Q,CA1GnChG,S,CA2GGiG,uB,GAA0B,wC,CA3G7BjG,S,CA4GGkG,gB,GAAmB,2E,CA5GtBlG,S,CA6GGmG,8B,GAAiC,O,CA7GpCnG,S,CA8GGoG,qC,GAAwC,G,CA9G3CpG,S,CA+GGqG,iB,GAAoB,S,CA/GvBrG,S,CAgHGsG,sB,GAAyB,yC,CAhH5BtG,S,CAiHGuG,iB,GAAoB,M,CAjHvBvG,S,CA6NGwG,oB,GAAuB,M,CA7N1BxG,S,CAgOGyG,K,GAAQ,M,CAhOXzG,S,CAiOG0G,kB,GAAqB,M,CAjOxB1G,S,CA2OG2G,e,GAAkB,M,CA3OrB3G,S,CAsQG4G,W,GAAc,M,CAtQjB5G,S,CAuQG6G,mB,GAAsB,qB,CAvQzB7G,S,CAwQG8B,e,GAAkB,qB,CAxQrB9B,S,CA8QG8G,Q,GAAW,M,CA9Qd9G,S,CA+QG+G,a,GAAgB,S,CA/QnB/G,S,CAgRGgH,c,GAAiB,S,CAhRpBhH,S,CAmRGiH,U,GAAa,O,CAnRhBjH,S,CAoRGkH,a,GAAgB,S,CApRnBlH,S,CAqRGmH,c,GAAiB,M,CArRpBnH,S,CAsRGoH,sB,GAAyB,qB,CAtR5BpH,S,CAuRG+B,kB,GAAqB,qB,CAvRxB/B,S,CA6RGqH,S,GAAY,M,CA7RfrH,S,CA8RGsH,c,GAAiB,M,CA9RpBtH,S,CA+RGuH,kB,GAAqB,K,CA/RxBvH,S,CAgSGwH,Y,GAAe,M,CAhSlBxH,S,CAiSGyH,c,GAAiB,M,CAjSpBzH,S,CAqSG0H,gB,GAAmB,M,CArStB1H,S,CAsSG2H,iB,GAAoB,M,CAtSvB3H,S,CAuSG4H,uB,GAA0B,M,CAvS7B5H,S,CAwSG6H,mB,GAAsB,M,CAxSzB7H,S,CAySG8H,iB,GAAoB,c;;AAmB7B,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/B,iCAAcjI,SAAd,CAD+B;AAE/BkI,kCAF+B,CAA1B,C","sourcesContent":["import * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { exposeGetters } from '../../lib/theming/ThemeHelpers';\r\n\r\nimport { DefaultThemeInternal } from './DefaultTheme';\r\n\r\n// TODO Delete repeated values from flat theme\r\n\r\nexport class FlatTheme extends (class {} as typeof DefaultThemeInternal) {\r\n  //#region Common variables\r\n  public static borderColorFocus = '#1d85d0';\r\n  //#endregion\r\n  //#region Button\r\n  public static btnHeightShift = '0';\r\n  public static btnWrapPadding = '0';\r\n  public static btnLinkBorderRadius = '2px';\r\n  public static btnBorderRadiusSmall = '2px';\r\n  public static get btnFocusShadowWidth() {\r\n    const borderFocus = parseInt(this.btnOutlineWidth, 10) || 0;\r\n    const border = parseInt(this.btnBorderWidth, 10) || 0;\r\n    return `${borderFocus - border}px`;\r\n  }\r\n  public static btnCheckedBg = '#7e7e7e';\r\n  public static btnCheckedShadow = 'none';\r\n  public static btnDisabledShadow = 'none';\r\n  public static get btnDisabledShadowColor() {\r\n    return this.bgDisabled;\r\n  }\r\n  public static btnDefaultBgArrowEnd = '#fff';\r\n  public static btnDefaultHoverBg = 'rgba(0, 0, 0, 0.05)';\r\n  public static btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.15)';\r\n  public static btnDefaultActiveBg = '#e5e5e5';\r\n  public static btnDefaultActiveBorderColor = '#cccccc';\r\n  public static get btnDefaultBorder() {\r\n    return `${this.btnBorderWidth} solid rgba(0, 0, 0, 0.15)`;\r\n  }\r\n  public static btnDefaultShadow = 'none';\r\n  public static btnDefaultShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.15)';\r\n  public static btnDefaultBg = '#fff';\r\n  public static btnDefaultBgStart = 'none';\r\n  public static btnDefaultBgEnd = 'none';\r\n  public static btnDefaultHoverBgEnd = '#f2f2f2';\r\n  public static btnDefaultHoverShadow = 'none';\r\n  public static btnDefaultActiveShadow = 'none';\r\n  public static btnPrimaryBg = '#1d85d0';\r\n  public static btnPrimaryHoverBg = '#1b7dc3';\r\n  public static btnPrimaryActiveBg = '#1974b6';\r\n  public static btnPrimaryDisabledBg = '#1d85d0';\r\n  public static get btnPrimaryBorder() {\r\n    return `${this.btnBorderWidth} solid transparent`;\r\n  }\r\n  public static btnPrimaryBgStart = '#1d85d0';\r\n  public static btnPrimaryBgEnd = '#1d85d0';\r\n  public static btnPrimaryBgArrowStart = '#1d85d0';\r\n  public static btnPrimaryBgArrowEnd = '#1d85d0';\r\n  public static btnPrimaryHoverBgStart = '#1b7dc3';\r\n  public static btnPrimaryHoverBgEnd = '#1b7dc3';\r\n  public static btnPrimaryShadow = 'none';\r\n  public static btnPrimaryHoverShadow = 'none';\r\n  public static btnPrimaryActiveShadow = 'none';\r\n  public static btnSuccessHoverBg = '#3c9312';\r\n  public static btnSuccessActiveBg = '#398911';\r\n  public static btnSuccessDisabledBg = '#419d14';\r\n  public static get btnSuccessBorder() {\r\n    return `${this.btnBorderWidth} solid transparent`;\r\n  }\r\n  public static btnSuccessBgStart = '#419d14';\r\n  public static btnSuccessBgEnd = '#419d14';\r\n  public static btnSuccessBgArrowStart = '#419d14';\r\n  public static btnSuccessBgArrowEnd = '#419d14';\r\n  public static btnSuccessHoverBgStart = '#3c9312';\r\n  public static btnSuccessHoverBgEnd = '#3c9312';\r\n  public static btnSuccessShadow = 'none';\r\n  public static btnSuccessHoverShadow = 'none';\r\n  public static btnSuccessActiveShadow = 'none';\r\n  public static btnDangerBg = '#d9472b';\r\n  public static btnDangerHoverBg = '#cc4228';\r\n  public static btnDangerActiveBg = '#be3e25';\r\n  public static btnDangerDisabledBg = '#d9472b';\r\n  public static get btnDangerBorder() {\r\n    return `${this.btnBorderWidth} solid transparent`;\r\n  }\r\n  public static btnDangerBgStart = '#d9472b';\r\n  public static btnDangerBgEnd = '#d9472b';\r\n  public static btnDangerBgArrowStart = '#d9472b';\r\n  public static btnDangerBgArrowEnd = '#d9472b';\r\n  public static btnDangerHoverBgStart = '#cc4228';\r\n  public static btnDangerHoverBgEnd = '#cc4228';\r\n  public static btnDangerShadow = 'none';\r\n  public static btnDangerHoverShadow = 'none';\r\n  public static btnDangerActiveShadow = 'none';\r\n  public static btnPayBg = '#ffca43';\r\n  public static btnPayHoverBg = '#f0be3f';\r\n  public static btnPayActiveBg = '#e0b13a';\r\n  public static btnPayDisabledBg = '#ffca43';\r\n  public static get btnPayBorder() {\r\n    return `${this.btnBorderWidth} solid transparent`;\r\n  }\r\n  public static btnPayBgStart = '#ffca43';\r\n  public static btnPayBgEnd = '#ffca43';\r\n  public static btnPayBgArrowStart = '#ffca43';\r\n  public static btnPayBgArrowEnd = '#ffca43';\r\n  public static btnPayHoverBgStart = '#f0be3f';\r\n  public static btnPayHoverBgEnd = '#f0be3f';\r\n  public static btnPayShadow = 'none';\r\n  public static btnPayHoverShadow = 'none';\r\n  public static btnPayActiveShadow = 'none';\r\n  public static btnSmallArrowLength = '17px';\r\n  public static btnSmallArrowTop = '7.5px';\r\n  public static btnSmallArrowRight = '-8px';\r\n  public static btnSmallArrowLeft = '-8.2px';\r\n  public static btnSmallArrowBorderRadius = '2px 2px 4px 16px';\r\n  public static btnSmallArrowBg = 'linear-gradient(-53deg, transparent 48%, #ccc 0, #ccc 72%, transparent 0)';\r\n  public static btnMediumArrowLeft = '-10px';\r\n  public static btnMediumArrowLeftLoadingLeft = '-207px';\r\n  public static btnMediumArrowTransform = 'rotate(53deg) skewX(25deg) skewY(8deg)';\r\n  public static btnMediumArrowBg = 'linear-gradient(-56deg, transparent 48%, #ccc 0, #ccc 70%, transparent 0)';\r\n  public static btnMediumArrowLeftLoadingDelay = '0.45s';\r\n  public static btnDeprecatedSizeMediumPaddingShiftIe = '2';\r\n  public static btnLargeArrowLeft = '-10.8px';\r\n  public static btnLargeArrowTransform = 'rotate(53deg) skewX(26deg) skewY(10deg)';\r\n  public static btnFontSizeMedium = '16px';\r\n  public static get btnCheckedShadowArrow() {\r\n    return `0 0 0 1px ${this.btnCheckedBg}`;\r\n  }\r\n  public static get btnCheckedShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnCheckedBg}`;\r\n  }\r\n  public static get btnFocusBorder() {\r\n    return `${this.btnBorderWidth} solid ${this.borderColorFocus}`;\r\n  }\r\n  public static get btnCheckedHoverBorderColor() {\r\n    return this.btnCheckedBg;\r\n  }\r\n  public static get btnDefaultShadowArrowLeft() {\r\n    return this.btnDefaultShadowArrow;\r\n  }\r\n  public static get btnDefaultCheckedBorder() {\r\n    return `${this.btnBorderWidth} solid transparent`;\r\n  }\r\n  public static get btnDefaultCheckedShadowArrow() {\r\n    return `1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px ${this.btnCheckedBg}`;\r\n  }\r\n  public static get btnDefaultHoverShadowArrow() {\r\n    return `1px -1px 0 0 ${this.btnDefaultHoverBorderColor}, 1px -1px 0 0 ${this.btnDefaultHoverBg}`;\r\n  }\r\n  public static get btnDefaultHoverShadowArrowLeft() {\r\n    return `1px -1px 0 0 ${this.btnDefaultHoverBorderColor}, 1px -1px 0 0 ${this.btnDefaultHoverBg}`;\r\n  }\r\n  public static get btnDefaultActiveShadowArrow() {\r\n    return `1px -1px 0 0 ${this.btnDefaultActiveBorderColor}, 1px -1px 0 0 ${this.btnDefaultActiveBg}`;\r\n  }\r\n  public static get btnDefaultActiveShadowArrowLeft() {\r\n    return `1px -1px 0 0 ${this.btnDefaultActiveBorderColor}, 1px -1px 0 0 ${this.btnDefaultActiveBg}`;\r\n  }\r\n  public static get btnPrimaryShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPrimaryDisabledBg}`;\r\n  }\r\n  public static get btnPrimaryShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPrimaryDisabledBg}`;\r\n  }\r\n  public static get btnPrimaryHoverShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPrimaryHoverBg}`;\r\n  }\r\n  public static get btnPrimaryHoverShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPrimaryHoverBg}`;\r\n  }\r\n  public static get btnPrimaryActiveShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPrimaryActiveBg}`;\r\n  }\r\n  public static get btnPrimaryActiveShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPrimaryActiveBg}`;\r\n  }\r\n  public static get btnSuccessShadowArrow() {\r\n    return `0 0 0 1px ${this.btnSuccessDisabledBg}`;\r\n  }\r\n  public static get btnSuccessShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnSuccessDisabledBg}`;\r\n  }\r\n  public static get btnSuccessHoverShadowArrow() {\r\n    return `0 0 0 1px ${this.btnSuccessHoverBg}`;\r\n  }\r\n  public static get btnSuccessHoverShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnSuccessHoverBg}`;\r\n  }\r\n  public static get btnSuccessActiveShadowArrow() {\r\n    return `0 0 0 1px ${this.btnSuccessActiveBg}`;\r\n  }\r\n  public static get btnSuccessActiveShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnSuccessActiveBg}`;\r\n  }\r\n  public static get btnDangerShadowArrow() {\r\n    return `0 0 0 1px ${this.btnDangerDisabledBg}`;\r\n  }\r\n  public static get btnDangerShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnDangerDisabledBg}`;\r\n  }\r\n  public static get btnDangerHoverShadowArrow() {\r\n    return `0 0 0 1px ${this.btnDangerHoverBg}`;\r\n  }\r\n  public static get btnDangerHoverShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnDangerHoverBg}`;\r\n  }\r\n  public static get btnDangerActiveShadowArrow() {\r\n    return `0 0 0 1px ${this.btnDangerActiveBg}`;\r\n  }\r\n  public static get btnDangerActiveShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnDangerActiveBg}`;\r\n  }\r\n  public static get btnPayShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPayDisabledBg}`;\r\n  }\r\n  public static get btnPayShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPayDisabledBg}`;\r\n  }\r\n  public static get btnPayHoverShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPayHoverBg}`;\r\n  }\r\n  public static get btnPayHoverShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPayHoverBg}`;\r\n  }\r\n  public static get btnPayActiveShadowArrow() {\r\n    return `0 0 0 1px ${this.btnPayActiveBg}`;\r\n  }\r\n  public static get btnPayActiveShadowArrowLeft() {\r\n    return `0 0 0 1px ${this.btnPayActiveBg}`;\r\n  }\r\n  //#endregion\r\n  //#region Select\r\n  public static selectFontSizeMedium = '16px';\r\n  //#endregion\r\n  //#region Checkbox\r\n  public static chbBg = 'none';\r\n  public static chbIndeterminateBg = '#fff';\r\n  public static get chbShadowDisabled() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #f2f2f2`;\r\n  }\r\n  public static get chbShadowActive() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #c3c3c3`;\r\n  }\r\n  public static get chbShadowHover() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #c3c3c3`;\r\n  }\r\n  public static chbCheckedColor = '#fff';\r\n  public static get chbCheckedShadow() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #1768a3`;\r\n  }\r\n  public static get chbCheckedHoverShadow() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #175590`;\r\n  }\r\n  public static get chbCheckedActiveShadow() {\r\n    return `0 0 0 ${this.checkboxBorderWidth} #175590`;\r\n  }\r\n  public static get chbHoverBg() {\r\n    return this.btnDefaultHoverBg;\r\n  }\r\n  public static get chbCheckedBg() {\r\n    return this.borderColorFocus;\r\n  }\r\n  public static get chbBoxIndeterminateBg() {\r\n    return this.chbCheckedBg;\r\n  }\r\n  public static get chbCheckedHoverBg() {\r\n    return ColorFunctions.darken(this.chbCheckedBg, '5%');\r\n  }\r\n  public static get chbCheckedActiveBg() {\r\n    return ColorFunctions.darken(this.chbCheckedBg, '15%');\r\n  }\r\n  //#endregion\r\n  //#region Input\r\n  public static inputShadow = 'none';\r\n  public static inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';\r\n  public static inputDisabledBg = 'rgba(0, 0, 0, 0.05)';\r\n  public static get inputDisabledBorderColor() {\r\n    return this.inputDisabledBg;\r\n  }\r\n  //#endregion\r\n  //#region Toggle\r\n  public static toggleBg = '#fff';\r\n  public static toggleBgHover = '#f3f3f2';\r\n  public static toggleBgActive = '#e5e5e5';\r\n  //#endregion\r\n  //#region Textarea\r\n  public static textareaBg = 'white';\r\n  public static textareaColor = 'inherit';\r\n  public static textareaShadow = 'none';\r\n  public static textareaBorderTopColor = 'rgba(0, 0, 0, 0.15)';\r\n  public static textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';\r\n  public static get textareaDisabledBorderColor() {\r\n    return this.textareaDisabledBg;\r\n  }\r\n  //#endregion\r\n  //#region Radio\r\n  public static radioSize = '18px';\r\n  public static radioSizeAfter = '20px';\r\n  public static radioVerticalAlign = 'top';\r\n  public static radioBgImage = 'none';\r\n  public static radioBoxShadow = 'none';\r\n  public static get radioBorder() {\r\n    return `${this.radioBorderWidth} solid rgba(0, 0, 0, 0.15)`;\r\n  }\r\n  public static radioHoverShadow = 'none';\r\n  public static radioActiveShadow = 'none';\r\n  public static radioCheckedBulletColor = '#fff';\r\n  public static radioDisabledShadow = 'none';\r\n  public static radioLabelDisplay = 'inline-block';\r\n  public static get radioHoverBg() {\r\n    return this.chbHoverBg;\r\n  }\r\n  public static get radioActiveBg() {\r\n    return this.chbActiveBg;\r\n  }\r\n  public static get radioFocusShadow() {\r\n    return `inset 0 0 0 1px ${this.outlineColorFocus}`;\r\n  }\r\n  public static get radioCheckedBgColor() {\r\n    return this.chbCheckedBg;\r\n  }\r\n  public static get radioCheckedHoverBgColor() {\r\n    return ColorFunctions.darken(this.chbCheckedBg, '5%');\r\n  }\r\n  //#endregion\r\n}\r\n\r\nexport const FlatThemeInternal = Object.setPrototypeOf(\r\n  exposeGetters(FlatTheme),\r\n  DefaultThemeInternal,\r\n) as typeof FlatTheme;\r\n"]}

package/cjs/internal/themes/Theme8px.d.ts

@@ -1,176 +0,0 @@
-declare const Theme8px_base: typeof import("./DefaultTheme").DefaultTheme;
-export declare class Theme8px extends Theme8px_base {
-    static fontSizeSmall: string;
-    static fontSizeMedium: string;
-    static fontSizeLarge: string;
-    static controlHeightSmall: string;
-    static controlHeightMedium: string;
-    static controlHeightLarge: string;
-    static controlLineHeightSmall: string;
-    static controlLineHeightMedium: string;
-    static controlLineHeightLarge: string;
-    static controlPaddingYSmall: string;
-    static controlPaddingYMedium: string;
-    static controlPaddingYLarge: string;
-    static get btnBorderWidth(): string;
-    static get btnOutlineWidth(): string;
-    static get btnLineHeightSmall(): string;
-    static get btnLineHeightMedium(): string;
-    static get btnLineHeightLarge(): string;
-    static get btnFontSizeSmall(): string;
-    static get btnFontSizeMedium(): string;
-    static get btnFontSizeLarge(): string;
-    static btnPaddingXSmall: string;
-    static btnPaddingXMedium: string;
-    static btnPaddingXLarge: string;
-    static get btnPaddingYSmall(): string;
-    static get btnPaddingYMedium(): string;
-    static get btnPaddingYLarge(): string;
-    static btnBorderRadiusSmall: string;
-    static btnBorderRadiusMedium: string;
-    static btnBorderRadiusLarge: string;
-    static btnIconGapSmall: string;
-    static btnIconGapMedium: string;
-    static btnIconGapLarge: string;
-    static btnIconSizeSmall: string;
-    static btnIconSizeMedium: string;
-    static btnIconSizeLarge: string;
-    static btnSmallArrowTop: string;
-    static btnSmallArrowRight: string;
-    static btnSmallArrowLength: string;
-    static btnMediumArrowTop: string;
-    static btnMediumArrowLength: string;
-    static btnMediumArrowRight: string;
-    static btnLargeArrowLength: string;
-    static btnLargeArrowLeft: string;
-    static btnLargeArrowRight: string;
-    static inputWidth: string;
-    static get inputBorderWidth(): string;
-    static get inputOutlineWidth(): string;
-    static get inputLineHeightSmall(): string;
-    static get inputLineHeightMedium(): string;
-    static get inputLineHeightLarge(): string;
-    static get inputFontSizeSmall(): string;
-    static get inputFontSizeMedium(): string;
-    static get inputFontSizeLarge(): string;
-    static inputPaddingXSmall: string;
-    static inputPaddingXMedium: string;
-    static inputPaddingXLarge: string;
-    static get inputPaddingYSmall(): string;
-    static get inputPaddingYMedium(): string;
-    static get inputPaddingYLarge(): string;
-    static inputBorderRadiusSmall: string;
-    static inputBorderRadiusMedium: string;
-    static inputBorderRadiusLarge: string;
-    static inputIconGapSmall: string;
-    static inputIconGapMedium: string;
-    static inputIconGapLarge: string;
-    static inputIconSizeSmall: string;
-    static inputIconSizeMedium: string;
-    static inputIconSizeLarge: string;
-    static selectWidth: string;
-    static get selectBorderWidth(): string;
-    static get selectOutlineWidth(): string;
-    static get selectLineHeightSmall(): string;
-    static get selectLineHeightMedium(): string;
-    static get selectLineHeightLarge(): string;
-    static get selectFontSizeSmall(): string;
-    static get selectFontSizeMedium(): string;
-    static get selectFontSizeLarge(): string;
-    static selectPaddingXSmall: string;
-    static selectPaddingXMedium: string;
-    static selectPaddingXLarge: string;
-    static get selectPaddingYSmall(): string;
-    static get selectPaddingYMedium(): string;
-    static get selectPaddingYLarge(): string;
-    static get selectBorderRadiusSmall(): string;
-    static get selectBorderRadiusMedium(): string;
-    static get selectBorderRadiusLarge(): string;
-    static selectIconGapSmall: string;
-    static selectIconGapMedium: string;
-    static selectIconGapLarge: string;
-    static get checkboxLineHeight(): string;
-    static get checkboxFontSize(): string;
-    static checkboxLabelGap: string;
-    static get checkboxPaddingY(): string;
-    static checkboxBorderRadius: string;
-    static get checkboxBorderWidth(): string;
-    static get checkboxOutlineWidth(): string;
-    static checkboxBorder: string;
-    static get checkboxBorderWidthCompensation(): string;
-    static tabPaddingX: string;
-    static get tabsMarginX(): string;
-    static get tabPaddingY(): string;
-    static get tabFontSize(): string;
-    static get tabLineHeight(): string;
-    static tabBorderWidth: string;
-    static get tabOutlineWidth(): string;
-    static toggleWidth: string;
-    static toggleHeight: string;
-    static get toggleBorderRadius(): string;
-    static get toggleBorderWidth(): string;
-    static get toggleOutlineWidth(): string;
-    static get tokenLineHeight(): string;
-    static get tokenFontSize(): string;
-    static tokenMarginY: string;
-    static tokenMarginX: string;
-    static tokenPaddingY: string;
-    static tokenPaddingX: string;
-    static tokenBorderRadius: string;
-    static tokenRemoveIconSize: string;
-    static tokenRemoveIconPaddingY: string;
-    static tokenRemoveIconPaddingX: string;
-    static tokenRemoveIconGap: string;
-    static tokenRemoveIconBoxSizing: string;
-    static tokenBorderColorDisabled: string;
-    static tokenDisabledBg: string;
-    static tokenLegacyTextShift: string;
-    static get tokenPaddingYDisabled(): string;
-    static get tokenPaddingXDisabled(): string;
-    static get tokenMarginYDisabled(): string;
-    static get tokenMarginXDisabled(): string;
-    static get tokenShadowDisabled(): string;
-    static get spinnerFontSizeSmall(): string;
-    static get spinnerFontSizeMedium(): string;
-    static get spinnerFontSizeLarge(): string;
-    static get spinnerLineHeightSmall(): string;
-    static get spinnerLineHeightMedium(): string;
-    static get spinnerLineHeightLarge(): string;
-    static spinnerPaddingXSmall: string;
-    static spinnerPaddingYMedium: string;
-    static spinnerPaddingYLarge: string;
-    static get spinnerOldFontSizeSmall(): string;
-    static get spinnerOldFontSizeMedium(): string;
-    static get spinnerOldFontSizeLarge(): string;
-    static get spinnerOldLineHeightSmall(): string;
-    static get spinnerOldLineHeightMedium(): string;
-    static get spinnerOldLineHeightLarge(): string;
-    static get spinnerOldPaddingXSmall(): string;
-    static get spinnerOldPaddingYMedium(): string;
-    static get spinnerOldPaddingYLarge(): string;
-    static linkIconMarginRight: string;
-    static linkButtonLineHeight: string;
-    static linkButtonPaddingX: string;
-    static textareaWidth: string;
-    static get textareaBorderWidth(): string;
-    static get textareaOutlineWidth(): string;
-    static get textareaFontSize(): string;
-    static textareaBorderRadius: string;
-    static textareaPaddingX: string;
-    static get textareaPaddingY(): string;
-    static get textareaLineHeight(): string;
-    static get textareaHeight(): string;
-    static get radioLineHeight(): string;
-    static get radioFontSize(): string;
-    static radioLabelGap: string;
-    static get radioPaddingY(): string;
-    static radioSize: string;
-    static get radioBorderWidth(): string;
-    static get radioOutlineWidth(): string;
-    static radioBulletSize: string;
-    static get radioBorderWidthCompensation(): string;
-    static get radioSizeAfter(): string;
-    static radioVerticalAlign: string;
-}
-export declare const Theme8pxInternal: typeof Theme8px;
-export {};

package/cjs/internal/themes/Theme8px.js

@@ -1,394 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Theme8pxInternal = exports.Theme8px = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var
-
-
-
-Theme8px = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme8px, _ref);function Theme8px() {return _ref.apply(this, arguments) || this;}(0, _createClass2.default)(Theme8px, null, [{ key: "btnBorderWidth",
-
-
-
-
-
-
-
-
-
-
-
-
-    //#region Button
-    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: "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: 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",
-
-
-
-    //#endregion
-    //#region Checkbox
-    get: 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 paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-
-      return paddingYSmall + borderWidth + "px";
-    } }, { key: "tabFontSize", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "tabLineHeight", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "tabOutlineWidth", get: function get()
-
-    {
-      return this.controlOutlineWidth;
-    }
-    //#endregion
-    //#region Toggle
-  }, { key: "toggleBorderRadius", get: function get()
-
-    {
-      return "calc(" + this.toggleHeight + " / 2)";
-    } }, { 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 Spinner
-  }, { key: "spinnerFontSizeSmall", get: 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: "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: "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;
-    } }, { 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.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 + ")";
-    }
-
-    //#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 = '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 = '8px';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.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';
-
-var Theme8pxInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAs8pxTheme)(Theme8px));exports.Theme8pxInternal = Theme8pxInternal;