@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/internal/themes/NotFlat/NotFlat.js

@@ -307,4 +307,5 @@ NotFlatTheme.radioCheckedBorderColor = 'inherit';
 NotFlatTheme.radioCheckedBulletColor = '#404040';
 NotFlatTheme.radioBorderWidthCompensation = '1px';
 NotFlatTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.10)';
+NotFlatTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';
 export var NotFlatThemeInternal = exposeGetters(NotFlatTheme);

package/internal/themes/NotFlat/NotFlat.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NotFlat.ts"],"names":["exposeGetters","NotFlatTheme","fontSizeMedium","selectMenuArrowColor","btnDisabledTextColor","btnDisabledBg","btnDisabledBorderColor","toggleBg","toggleBgFocus","toggleBgChecked","borderColorGrayLight","borderColorGrayDark","checkboxBorderWidth","checkboxShadow","textColorDefault","btnDefaultActiveShadow","checkboxBgStart","checkboxBgEnd","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","checkboxBg","checkboxHoverBg","btnDefaultActiveBg","bgDefault","bgDisabled","radioBorderWidth","radioBorderColor","radioHoverBg","btnCheckedDisabledShadow","tokenBorderWidth","tokenBorderColorDisabled","btnArrowBgImageActive","btnArrowBgImageChecked","btnLinkBorderRadius","btnCheckedBg","btnCheckedDisabledBorderColor","btnCheckedShadow","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultCheckedBorderColor","btnDefaultHoverBg","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnDefaultBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnSuccessActiveShadow","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnPrimaryActiveShadow","btnDangerBg","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerBgStart","btnDangerBgEnd","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerActiveBg","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnDangerActiveShadow","btnPayBg","btnPayHoverBg","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayBgStart","btnPayBgEnd","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayActiveBg","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnPayActiveShadow","toggleCheckedBg","inputShadow","textareaShadow","radioBgImage","radioBgColor","radioActiveBg","radioBorder","radioFocusShadow","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","radioBorderWidthCompensation","tokenDisabledBg","NotFlatThemeInternal"],"mappings":"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AkB,S,CAbrBtC,Y,CAcGuC,4B,GAA+B,qB,CAdlCvC,Y,CAeGwC,iB,GAAoB,M,CAfvBxC,Y,CAgBGkB,oB,GAAuB,S,CAhB1BlB,Y,CAiBGyC,0B,GAA6B,oB,CAjBhCzC,Y,CAkBG0C,gC,GAAmC,oB,CAlBtC1C,Y,CAmBG2C,2B,GAA8B,oB,CAnBjC3C,Y,CAoBG4C,8B,GAAiC,oB,CApBpC5C,Y,CAqBG6C,2B,GAA8B,oB,CArBjC7C,Y,CAsBGc,sB,GAAyB,sC,CAtB5Bd,Y,CAuBG8C,iB,GAAoB,M,CAvBvB9C,Y,CAwBG+C,0B,GAA6B,qB,CAxBhC/C,Y,CAyBGgD,gC,GAAmC,qB,CAzBtChD,Y,CA0BGiD,qB,GAAwB,uB,CA1B3BjD,Y,CA2BGkD,2B,GAA8B,uB,CA3BjClD,Y,CA4BGmD,iB,GAAoB,S,CA5BvBnD,Y,CA6BGoD,e,GAAkB,S,CA7BrBpD,Y,CA8BGqD,sB,GAAyB,S,CA9B5BrD,Y,CA+BGsD,oB,GAAuB,S,CA/B1BtD,Y,CAgCGuD,kB,GAAqB,S,CAhCxBvD,Y,CAiCGwD,2B,GAA8B,qB,CAjCjCxD,Y,CAkCGyD,8B,GAAiC,qB,CAlCpCzD,Y,CAmCG0D,sB,GAAyB,sC,CAnC5B1D,Y,CAoCG2D,Y,GAAe,S,CApClB3D,Y,CAqCG4D,iB,GAAoB,M,CArCvB5D,Y,CAsCG6D,0B,GAA6B,uB,CAtChC7D,Y,CAuCG8D,gC,GAAmC,uB,CAvCtC9D,Y,CAwCG+D,qB,GAAwB,wB,CAxC3B/D,Y,CAyCGgE,2B,GAA8B,wB,CAzCjChE,Y,CA0CGiE,iB,GAAoB,S,CA1CvBjE,Y,CA2CGkE,e,GAAkB,S,CA3CrBlE,Y,CA4CGmE,sB,GAAyB,S,CA5C5BnE,Y,CA6CGoE,oB,GAAuB,S,CA7C1BpE,Y,CA8CGqE,kB,GAAqB,S,CA9CxBrE,Y,CA+CGsE,2B,GAA8B,wB,CA/CjCtE,Y,CAgDGuE,8B,GAAiC,uB,CAhDpCvE,Y,CAiDGwE,sB,GAAyB,sC,CAjD5BxE,Y,CAkDGyE,W,GAAc,S,CAlDjBzE,Y,CAmDG0E,gB,GAAmB,M,CAnDtB1E,Y,CAoDG2E,yB,GAA4B,sB,CApD/B3E,Y,CAqDG4E,+B,GAAkC,uB,CArDrC5E,Y,CAsDG6E,oB,GAAuB,oB,CAtD1B7E,Y,CAuDG8E,0B,GAA6B,oB,CAvDhC9E,Y,CAwDG+E,gB,GAAmB,S,CAxDtB/E,Y,CAyDGgF,c,GAAiB,S,CAzDpBhF,Y,CA0DGiF,qB,GAAwB,S,CA1D3BjF,Y,CA2DGkF,mB,GAAsB,S,CA3DzBlF,Y,CA4DGmF,iB,GAAoB,S,CA5DvBnF,Y,CA6DGoF,0B,GAA6B,sB,CA7DhCpF,Y,CA8DGqF,6B,GAAgC,uB,CA9DnCrF,Y,CA+DGsF,qB,GAAwB,sC,CA/D3BtF,Y,CAgEGuF,Q,GAAW,S,CAhEdvF,Y,CAiEGwF,a,GAAgB,M,CAjEnBxF,Y,CAkEGyF,sB,GAAyB,wB,CAlE5BzF,Y,CAmEG0F,4B,GAA+B,oB,CAnElC1F,Y,CAoEG2F,iB,GAAoB,yB,CApEvB3F,Y,CAqEG4F,uB,GAA0B,yB,CArE7B5F,Y,CAsEG6F,a,GAAgB,S,CAtEnB7F,Y,CAuEG8F,W,GAAc,S,CAvEjB9F,Y,CAwEG+F,kB,GAAqB,S,CAxExB/F,Y,CAyEGgG,gB,GAAmB,S,CAzEtBhG,Y,CA0EGiG,c,GAAiB,S,CA1EpBjG,Y,CA2EGkG,uB,GAA0B,wB,CA3E7BlG,Y,CA4EGmG,0B,GAA6B,yB,CA5EhCnG,Y,CA6EGoG,kB,GAAqB,uC,CA7ExBpG,Y,CAuGGM,Q,GAAW,yC,CAvGdN,Y,CA2GGqG,e,GAAkB,yC,CA3GrBrG,Y,CAuHGsG,W,GAAc,qC,CAvHjBtG,Y,CAyKGuG,c,GAAiB,qC,CAzKpBvG,Y,CAsLGwG,Y,GAAe,gD,CAtLlBxG,Y,CAuLGyG,Y,GAAe,a,CAvLlBzG,Y,CAwLG0B,Y,GAAe,mD,CAxLlB1B,Y,CAyLG0G,a,GAAgB,mD,CAzLnB1G,Y,CA6LG2G,W,GAAc,Q,CA7LjB3G,Y,CAoMG4G,gB,GAAmB,M,CApMtB5G,Y,CAqMG6G,mB,GAAsB,a,CArMzB7G,Y,CAsMG8G,uB,GAA0B,S,CAtM7B9G,Y,CAuMG+G,uB,GAA0B,S,CAvM7B/G,Y,CA8MGgH,4B,GAA+B,K,CA9MlChH,Y,CAyNGiH,e,GAAkB,qB;;AAOlC,OAAO,IAAMC,oBAAoB,GAAGnH,aAAa,CAACC,YAAD,CAA1C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class NotFlatTheme extends (class {} as typeof DefaultThemeInternal) {\n  //#region Button\n  public static btnArrowBgImageActive =\n    'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';\n  public static btnArrowBgImageChecked =\n    'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';\n  public static btnLinkBorderRadius = '1px';\n  public static btnDisabledBorderColor = 'rgba(0, 0, 0, 0.15)';\n  public static btnCheckedBg = '#737373';\n  public static btnCheckedDisabledBorderColor = 'rgba(161,161,161,1)';\n  public static btnCheckedShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)';\n  public static btnDefaultBg = 'none';\n  public static btnDefaultBgStart = '#fff';\n  public static btnDefaultBgEnd = '#ebebeb';\n  public static btnDefaultCheckedBorderColor = 'rgba(102,102,102,1)';\n  public static btnDefaultHoverBg = 'none';\n  public static btnDefaultHoverBgEnd = '#dfdfdf';\n  public static btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultHoverBorderBottomColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultActiveBorderTopColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultBorderBottomColor = 'rgba(0, 0, 0, 0.1)';\n  public static btnDefaultActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnSuccessHoverBg = 'none';\n  public static btnSuccessHoverBorderColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessHoverBorderBottomColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessBorderColor = 'rgba(25, 103, 6, 0.7)';\n  public static btnSuccessBorderBottomColor = 'rgba(25, 103, 6, 0.7)';\n  public static btnSuccessBgStart = '#4ba91d';\n  public static btnSuccessBgEnd = '#37910b';\n  public static btnSuccessHoverBgStart = '#3b8d13';\n  public static btnSuccessHoverBgEnd = '#317e0b';\n  public static btnSuccessActiveBg = '#35840e';\n  public static btnSuccessActiveBorderColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessActiveBorderTopColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnPrimaryBg = '#1e8dd4';\n  public static btnPrimaryHoverBg = 'none';\n  public static btnPrimaryHoverBorderColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryHoverBorderBottomColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryBorderColor = 'rgba(14, 81, 129, 0.7)';\n  public static btnPrimaryBorderBottomColor = 'rgba(14, 81, 129, 0.7)';\n  public static btnPrimaryBgStart = '#2899ea';\n  public static btnPrimaryBgEnd = '#167ac1';\n  public static btnPrimaryHoverBgStart = '#0087d5';\n  public static btnPrimaryHoverBgEnd = '#167ac1';\n  public static btnPrimaryActiveBg = '#0079c3';\n  public static btnPrimaryActiveBorderColor = 'rgba(5, 61, 100, 0.7) ';\n  public static btnPrimaryActiveBorderTopColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)';\n  public static btnDangerBg = '#e14c30';\n  public static btnDangerHoverBg = 'none';\n  public static btnDangerHoverBorderColor = 'rgba(145, 0, 0, 0.7)';\n  public static btnDangerHoverBorderBottomColor = 'rgba(145, 0, 0, 0.85)';\n  public static btnDangerBorderColor = 'rgba(173,15,0,0.7)';\n  public static btnDangerBorderBottomColor = 'rgba(173,15,0,0.7)';\n  public static btnDangerBgStart = '#ec5438';\n  public static btnDangerBgEnd = '#d44327';\n  public static btnDangerHoverBgStart = '#d44227';\n  public static btnDangerHoverBgEnd = '#c73013';\n  public static btnDangerActiveBg = '#cd381b';\n  public static btnDangerActiveBorderColor = 'rgba(145, 0, 0, 0.7)';\n  public static btnDangerActiveBorderTopColor = 'rgba(145, 0, 0, 0.85)';\n  public static btnDangerActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnPayBg = '#ffc943';\n  public static btnPayHoverBg = 'none';\n  public static btnPayHoverBorderColor = 'rgba(227, 142, 8, 0.7)';\n  public static btnPayHoverBorderBottomColor = '227, 142, 8, 0.85)';\n  public static btnPayBorderColor = 'rgba(238, 169, 34, 0.7)';\n  public static btnPayBorderBottomColor = 'rgba(238, 169, 34, 0.7)';\n  public static btnPayBgStart = '#ffd54b';\n  public static btnPayBgEnd = '#ffbb39';\n  public static btnPayHoverBgStart = '#ffbd3a';\n  public static btnPayHoverBgEnd = '#f8a91d';\n  public static btnPayActiveBg = '#fbb028';\n  public static btnPayActiveBorderColor = 'rgba(227, 142, 8, 0.7)';\n  public static btnPayActiveBorderTopColor = 'rgba(227, 142, 8, 0.85)';\n  public static btnPayActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)';\n  public static get btnFontSizeMedium() {\n    return this.fontSizeMedium;\n  }\n  //#endregion\n  //#region Select\n  public static get selectFontSizeMedium() {\n    return this.fontSizeMedium;\n  }\n  public static get selectMenuArrowColorDisabled() {\n    return this.selectMenuArrowColor;\n  }\n  public static get selectTextColorDisabled() {\n    return this.btnDisabledTextColor;\n  }\n  public static get selectBgDisabled() {\n    return this.btnDisabledBg;\n  }\n  public static get selectBorderColorDisabled() {\n    return this.btnDisabledBorderColor;\n  }\n  //#endregion\n  //#region Toggle\n  /**\n   * @deprecated use toggleHandleBg\n   */\n  public static toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';\n  public static get toggleHandleBg() {\n    return this.toggleBg;\n  }\n  public static toggleCheckedBg = 'linear-gradient(-180deg, #fff, #ebebeb)';\n  public static get toggleBgHover() {\n    return this.toggleBgFocus;\n  }\n  public static get toggleCheckedBgHover() {\n    return this.toggleBgFocus;\n  }\n  public static get toggleBgActive() {\n    return this.toggleBgChecked;\n  }\n  //#endregion\n  //#region Input\n  public static inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';\n  public static get inputDisabledBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get inputBorderTopColor() {\n    return this.borderColorGrayDark;\n  }\n  //#endregion\n  //#region Checkbox\n  public static get checkboxShadowDisabled() {\n    return `0 0 0 ${this.checkboxBorderWidth} rgba(0, 0, 0, 0.15)`;\n  }\n  public static get checkboxShadowHover() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedColor() {\n    return this.textColorDefault;\n  }\n  public static get checkboxCheckedHoverShadow() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedShadow() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedActiveShadow() {\n    return `${this.checkboxShadow}, ${this.btnDefaultActiveShadow}`;\n  }\n  public static get checkboxBg() {\n    return `linear-gradient(${this.checkboxBgStart}, ${this.checkboxBgEnd})`;\n  }\n  public static get checkboxHoverBg() {\n    return `linear-gradient(-180deg, ${this.btnDefaultHoverBgStart} 0, ${this.btnDefaultHoverBgEnd} 100%)`;\n  }\n  public static get checkboxCheckedBg() {\n    return this.checkboxBg;\n  }\n  public static get checkboxCheckedHoverBg() {\n    return this.checkboxHoverBg;\n  }\n  public static get checkboxCheckedActiveBg() {\n    return this.btnDefaultActiveBg;\n  }\n  public static get checkboxShadowActive() {\n    return `${this.checkboxShadow}, ${this.btnDefaultActiveShadow}`;\n  }\n  //#endregion\n  //#region TextArea\n  public static get textareaBg() {\n    return this.bgDefault;\n  }\n  public static textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';\n\n  public static get textareaBorderTopColor() {\n    return this.borderColorGrayDark;\n  }\n  public static get textareaDisabledBg() {\n    return this.bgDisabled;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  //#endregion\n  //#region Radio\n  public static radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';\n  public static radioBgColor = 'transparent';\n  public static radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';\n  public static radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';\n  public static get radioBoxShadow() {\n    return `0 ${this.radioBorderWidth} 0 0 ${this.radioBorderColor}, 0 0 0 ${this.radioBorderWidth} ${this.radioBorderColor}`;\n  }\n  public static radioBorder = '0 none';\n  public static get radioHoverShadow() {\n    return `0 ${this.radioBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.2)`;\n  }\n  public static get radioActiveShadow() {\n    return `0 -${this.radioBorderWidth} 0 0 rgba(0, 0, 0, 0.1), 0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)`;\n  }\n  public static radioFocusShadow = 'none';\n  public static radioCheckedBgColor = 'transparent';\n  public static radioCheckedBorderColor = 'inherit';\n  public static radioCheckedBulletColor = '#404040';\n  public static get radioCheckedHoverBgColor() {\n    return this.radioHoverBg;\n  }\n  public static get radioDisabledShadow() {\n    return `0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.15)`;\n  }\n  public static radioBorderWidthCompensation = '1px';\n  //#endregion\n  //#region Switcher\n  public static get switcherButtonDisabledBorderColor() {\n    return this.btnDisabledBorderColor;\n  }\n  public static get switcherButtonCheckedDisabledShadow() {\n    return this.btnCheckedDisabledShadow;\n  }\n  //#endregion\n  //#region Token\n  public static tokenDisabledBg = 'rgba(0, 0, 0, 0.10)';\n  public static get tokenShadowDisabled() {\n    return `0 0 0 ${this.tokenBorderWidth} ${this.tokenBorderColorDisabled}`;\n  }\n  //#endregion\n}\n\nexport const NotFlatThemeInternal = exposeGetters(NotFlatTheme);\n"]}
+{"version":3,"sources":["NotFlat.ts"],"names":["exposeGetters","NotFlatTheme","fontSizeMedium","selectMenuArrowColor","btnDisabledTextColor","btnDisabledBg","btnDisabledBorderColor","toggleBg","toggleBgFocus","toggleBgChecked","borderColorGrayLight","borderColorGrayDark","checkboxBorderWidth","checkboxShadow","textColorDefault","btnDefaultActiveShadow","checkboxBgStart","checkboxBgEnd","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","checkboxBg","checkboxHoverBg","btnDefaultActiveBg","bgDefault","bgDisabled","radioBorderWidth","radioBorderColor","radioHoverBg","btnCheckedDisabledShadow","tokenBorderWidth","tokenBorderColorDisabled","btnArrowBgImageActive","btnArrowBgImageChecked","btnLinkBorderRadius","btnCheckedBg","btnCheckedDisabledBorderColor","btnCheckedShadow","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultCheckedBorderColor","btnDefaultHoverBg","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnDefaultBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnSuccessActiveShadow","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnPrimaryActiveShadow","btnDangerBg","btnDangerHoverBg","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerBgStart","btnDangerBgEnd","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerActiveBg","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnDangerActiveShadow","btnPayBg","btnPayHoverBg","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayBgStart","btnPayBgEnd","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayActiveBg","btnPayActiveBorderColor","btnPayActiveBorderTopColor","btnPayActiveShadow","toggleCheckedBg","inputShadow","textareaShadow","radioBgImage","radioBgColor","radioActiveBg","radioBorder","radioFocusShadow","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","radioBorderWidthCompensation","tokenDisabledBg","NotFlatThemeInternal"],"mappings":"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AAkB,S,CAbrBtC,Y,CAcGuC,4B,GAA+B,qB,CAdlCvC,Y,CAeGwC,iB,GAAoB,M,CAfvBxC,Y,CAgBGkB,oB,GAAuB,S,CAhB1BlB,Y,CAiBGyC,0B,GAA6B,oB,CAjBhCzC,Y,CAkBG0C,gC,GAAmC,oB,CAlBtC1C,Y,CAmBG2C,2B,GAA8B,oB,CAnBjC3C,Y,CAoBG4C,8B,GAAiC,oB,CApBpC5C,Y,CAqBG6C,2B,GAA8B,oB,CArBjC7C,Y,CAsBGc,sB,GAAyB,sC,CAtB5Bd,Y,CAuBG8C,iB,GAAoB,M,CAvBvB9C,Y,CAwBG+C,0B,GAA6B,qB,CAxBhC/C,Y,CAyBGgD,gC,GAAmC,qB,CAzBtChD,Y,CA0BGiD,qB,GAAwB,uB,CA1B3BjD,Y,CA2BGkD,2B,GAA8B,uB,CA3BjClD,Y,CA4BGmD,iB,GAAoB,S,CA5BvBnD,Y,CA6BGoD,e,GAAkB,S,CA7BrBpD,Y,CA8BGqD,sB,GAAyB,S,CA9B5BrD,Y,CA+BGsD,oB,GAAuB,S,CA/B1BtD,Y,CAgCGuD,kB,GAAqB,S,CAhCxBvD,Y,CAiCGwD,2B,GAA8B,qB,CAjCjCxD,Y,CAkCGyD,8B,GAAiC,qB,CAlCpCzD,Y,CAmCG0D,sB,GAAyB,sC,CAnC5B1D,Y,CAoCG2D,Y,GAAe,S,CApClB3D,Y,CAqCG4D,iB,GAAoB,M,CArCvB5D,Y,CAsCG6D,0B,GAA6B,uB,CAtChC7D,Y,CAuCG8D,gC,GAAmC,uB,CAvCtC9D,Y,CAwCG+D,qB,GAAwB,wB,CAxC3B/D,Y,CAyCGgE,2B,GAA8B,wB,CAzCjChE,Y,CA0CGiE,iB,GAAoB,S,CA1CvBjE,Y,CA2CGkE,e,GAAkB,S,CA3CrBlE,Y,CA4CGmE,sB,GAAyB,S,CA5C5BnE,Y,CA6CGoE,oB,GAAuB,S,CA7C1BpE,Y,CA8CGqE,kB,GAAqB,S,CA9CxBrE,Y,CA+CGsE,2B,GAA8B,wB,CA/CjCtE,Y,CAgDGuE,8B,GAAiC,uB,CAhDpCvE,Y,CAiDGwE,sB,GAAyB,sC,CAjD5BxE,Y,CAkDGyE,W,GAAc,S,CAlDjBzE,Y,CAmDG0E,gB,GAAmB,M,CAnDtB1E,Y,CAoDG2E,yB,GAA4B,sB,CApD/B3E,Y,CAqDG4E,+B,GAAkC,uB,CArDrC5E,Y,CAsDG6E,oB,GAAuB,oB,CAtD1B7E,Y,CAuDG8E,0B,GAA6B,oB,CAvDhC9E,Y,CAwDG+E,gB,GAAmB,S,CAxDtB/E,Y,CAyDGgF,c,GAAiB,S,CAzDpBhF,Y,CA0DGiF,qB,GAAwB,S,CA1D3BjF,Y,CA2DGkF,mB,GAAsB,S,CA3DzBlF,Y,CA4DGmF,iB,GAAoB,S,CA5DvBnF,Y,CA6DGoF,0B,GAA6B,sB,CA7DhCpF,Y,CA8DGqF,6B,GAAgC,uB,CA9DnCrF,Y,CA+DGsF,qB,GAAwB,sC,CA/D3BtF,Y,CAgEGuF,Q,GAAW,S,CAhEdvF,Y,CAiEGwF,a,GAAgB,M,CAjEnBxF,Y,CAkEGyF,sB,GAAyB,wB,CAlE5BzF,Y,CAmEG0F,4B,GAA+B,oB,CAnElC1F,Y,CAoEG2F,iB,GAAoB,yB,CApEvB3F,Y,CAqEG4F,uB,GAA0B,yB,CArE7B5F,Y,CAsEG6F,a,GAAgB,S,CAtEnB7F,Y,CAuEG8F,W,GAAc,S,CAvEjB9F,Y,CAwEG+F,kB,GAAqB,S,CAxExB/F,Y,CAyEGgG,gB,GAAmB,S,CAzEtBhG,Y,CA0EGiG,c,GAAiB,S,CA1EpBjG,Y,CA2EGkG,uB,GAA0B,wB,CA3E7BlG,Y,CA4EGmG,0B,GAA6B,yB,CA5EhCnG,Y,CA6EGoG,kB,GAAqB,uC,CA7ExBpG,Y,CAuGGM,Q,GAAW,yC,CAvGdN,Y,CA2GGqG,e,GAAkB,yC,CA3GrBrG,Y,CAuHGsG,W,GAAc,qC,CAvHjBtG,Y,CAyKGuG,c,GAAiB,qC,CAzKpBvG,Y,CAsLGwG,Y,GAAe,gD,CAtLlBxG,Y,CAuLGyG,Y,GAAe,a,CAvLlBzG,Y,CAwLG0B,Y,GAAe,mD,CAxLlB1B,Y,CAyLG0G,a,GAAgB,mD,CAzLnB1G,Y,CA6LG2G,W,GAAc,Q,CA7LjB3G,Y,CAoMG4G,gB,GAAmB,M,CApMtB5G,Y,CAqMG6G,mB,GAAsB,a,CArMzB7G,Y,CAsMG8G,uB,GAA0B,S,CAtM7B9G,Y,CAuMG+G,uB,GAA0B,S,CAvM7B/G,Y,CA8MGgH,4B,GAA+B,K,CA9MlChH,Y,CAyNGiH,e,GAAkB,qB,CAzNrBjH,Y,CA0NG6B,wB,GAA2B,qB;;AAO3C,OAAO,IAAMqF,oBAAoB,GAAGnH,aAAa,CAACC,YAAD,CAA1C","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class NotFlatTheme extends (class {} as typeof DefaultThemeInternal) {\n  //#region Button\n  public static btnArrowBgImageActive =\n    'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';\n  public static btnArrowBgImageChecked =\n    'linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 15%), linear-gradient(-95deg, rgba(0,0,0,0.1) 0%, transparent 4%)';\n  public static btnLinkBorderRadius = '1px';\n  public static btnDisabledBorderColor = 'rgba(0, 0, 0, 0.15)';\n  public static btnCheckedBg = '#737373';\n  public static btnCheckedDisabledBorderColor = 'rgba(161,161,161,1)';\n  public static btnCheckedShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)';\n  public static btnDefaultBg = 'none';\n  public static btnDefaultBgStart = '#fff';\n  public static btnDefaultBgEnd = '#ebebeb';\n  public static btnDefaultCheckedBorderColor = 'rgba(102,102,102,1)';\n  public static btnDefaultHoverBg = 'none';\n  public static btnDefaultHoverBgEnd = '#dfdfdf';\n  public static btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultHoverBorderBottomColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultActiveBorderTopColor = 'rgba(0, 0, 0, 0.2)';\n  public static btnDefaultBorderBottomColor = 'rgba(0, 0, 0, 0.1)';\n  public static btnDefaultActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnSuccessHoverBg = 'none';\n  public static btnSuccessHoverBorderColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessHoverBorderBottomColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessBorderColor = 'rgba(25, 103, 6, 0.7)';\n  public static btnSuccessBorderBottomColor = 'rgba(25, 103, 6, 0.7)';\n  public static btnSuccessBgStart = '#4ba91d';\n  public static btnSuccessBgEnd = '#37910b';\n  public static btnSuccessHoverBgStart = '#3b8d13';\n  public static btnSuccessHoverBgEnd = '#317e0b';\n  public static btnSuccessActiveBg = '#35840e';\n  public static btnSuccessActiveBorderColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessActiveBorderTopColor = 'rgba(8, 73, 2, 0.7)';\n  public static btnSuccessActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnPrimaryBg = '#1e8dd4';\n  public static btnPrimaryHoverBg = 'none';\n  public static btnPrimaryHoverBorderColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryHoverBorderBottomColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryBorderColor = 'rgba(14, 81, 129, 0.7)';\n  public static btnPrimaryBorderBottomColor = 'rgba(14, 81, 129, 0.7)';\n  public static btnPrimaryBgStart = '#2899ea';\n  public static btnPrimaryBgEnd = '#167ac1';\n  public static btnPrimaryHoverBgStart = '#0087d5';\n  public static btnPrimaryHoverBgEnd = '#167ac1';\n  public static btnPrimaryActiveBg = '#0079c3';\n  public static btnPrimaryActiveBorderColor = 'rgba(5, 61, 100, 0.7) ';\n  public static btnPrimaryActiveBorderTopColor = 'rgba(5, 61, 100, 0.7)';\n  public static btnPrimaryActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)';\n  public static btnDangerBg = '#e14c30';\n  public static btnDangerHoverBg = 'none';\n  public static btnDangerHoverBorderColor = 'rgba(145, 0, 0, 0.7)';\n  public static btnDangerHoverBorderBottomColor = 'rgba(145, 0, 0, 0.85)';\n  public static btnDangerBorderColor = 'rgba(173,15,0,0.7)';\n  public static btnDangerBorderBottomColor = 'rgba(173,15,0,0.7)';\n  public static btnDangerBgStart = '#ec5438';\n  public static btnDangerBgEnd = '#d44327';\n  public static btnDangerHoverBgStart = '#d44227';\n  public static btnDangerHoverBgEnd = '#c73013';\n  public static btnDangerActiveBg = '#cd381b';\n  public static btnDangerActiveBorderColor = 'rgba(145, 0, 0, 0.7)';\n  public static btnDangerActiveBorderTopColor = 'rgba(145, 0, 0, 0.85)';\n  public static btnDangerActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)';\n  public static btnPayBg = '#ffc943';\n  public static btnPayHoverBg = 'none';\n  public static btnPayHoverBorderColor = 'rgba(227, 142, 8, 0.7)';\n  public static btnPayHoverBorderBottomColor = '227, 142, 8, 0.85)';\n  public static btnPayBorderColor = 'rgba(238, 169, 34, 0.7)';\n  public static btnPayBorderBottomColor = 'rgba(238, 169, 34, 0.7)';\n  public static btnPayBgStart = '#ffd54b';\n  public static btnPayBgEnd = '#ffbb39';\n  public static btnPayHoverBgStart = '#ffbd3a';\n  public static btnPayHoverBgEnd = '#f8a91d';\n  public static btnPayActiveBg = '#fbb028';\n  public static btnPayActiveBorderColor = 'rgba(227, 142, 8, 0.7)';\n  public static btnPayActiveBorderTopColor = 'rgba(227, 142, 8, 0.85)';\n  public static btnPayActiveShadow = 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)';\n  public static get btnFontSizeMedium() {\n    return this.fontSizeMedium;\n  }\n  //#endregion\n  //#region Select\n  public static get selectFontSizeMedium() {\n    return this.fontSizeMedium;\n  }\n  public static get selectMenuArrowColorDisabled() {\n    return this.selectMenuArrowColor;\n  }\n  public static get selectTextColorDisabled() {\n    return this.btnDisabledTextColor;\n  }\n  public static get selectBgDisabled() {\n    return this.btnDisabledBg;\n  }\n  public static get selectBorderColorDisabled() {\n    return this.btnDisabledBorderColor;\n  }\n  //#endregion\n  //#region Toggle\n  /**\n   * @deprecated use toggleHandleBg\n   */\n  public static toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';\n  public static get toggleHandleBg() {\n    return this.toggleBg;\n  }\n  public static toggleCheckedBg = 'linear-gradient(-180deg, #fff, #ebebeb)';\n  public static get toggleBgHover() {\n    return this.toggleBgFocus;\n  }\n  public static get toggleCheckedBgHover() {\n    return this.toggleBgFocus;\n  }\n  public static get toggleBgActive() {\n    return this.toggleBgChecked;\n  }\n  //#endregion\n  //#region Input\n  public static inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';\n  public static get inputDisabledBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get inputBorderTopColor() {\n    return this.borderColorGrayDark;\n  }\n  //#endregion\n  //#region Checkbox\n  public static get checkboxShadowDisabled() {\n    return `0 0 0 ${this.checkboxBorderWidth} rgba(0, 0, 0, 0.15)`;\n  }\n  public static get checkboxShadowHover() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedColor() {\n    return this.textColorDefault;\n  }\n  public static get checkboxCheckedHoverShadow() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedShadow() {\n    return this.checkboxShadow;\n  }\n  public static get checkboxCheckedActiveShadow() {\n    return `${this.checkboxShadow}, ${this.btnDefaultActiveShadow}`;\n  }\n  public static get checkboxBg() {\n    return `linear-gradient(${this.checkboxBgStart}, ${this.checkboxBgEnd})`;\n  }\n  public static get checkboxHoverBg() {\n    return `linear-gradient(-180deg, ${this.btnDefaultHoverBgStart} 0, ${this.btnDefaultHoverBgEnd} 100%)`;\n  }\n  public static get checkboxCheckedBg() {\n    return this.checkboxBg;\n  }\n  public static get checkboxCheckedHoverBg() {\n    return this.checkboxHoverBg;\n  }\n  public static get checkboxCheckedActiveBg() {\n    return this.btnDefaultActiveBg;\n  }\n  public static get checkboxShadowActive() {\n    return `${this.checkboxShadow}, ${this.btnDefaultActiveShadow}`;\n  }\n  //#endregion\n  //#region TextArea\n  public static get textareaBg() {\n    return this.bgDefault;\n  }\n  public static textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';\n\n  public static get textareaBorderTopColor() {\n    return this.borderColorGrayDark;\n  }\n  public static get textareaDisabledBg() {\n    return this.bgDisabled;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  //#endregion\n  //#region Radio\n  public static radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';\n  public static radioBgColor = 'transparent';\n  public static radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';\n  public static radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';\n  public static get radioBoxShadow() {\n    return `0 ${this.radioBorderWidth} 0 0 ${this.radioBorderColor}, 0 0 0 ${this.radioBorderWidth} ${this.radioBorderColor}`;\n  }\n  public static radioBorder = '0 none';\n  public static get radioHoverShadow() {\n    return `0 ${this.radioBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.2)`;\n  }\n  public static get radioActiveShadow() {\n    return `0 -${this.radioBorderWidth} 0 0 rgba(0, 0, 0, 0.1), 0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)`;\n  }\n  public static radioFocusShadow = 'none';\n  public static radioCheckedBgColor = 'transparent';\n  public static radioCheckedBorderColor = 'inherit';\n  public static radioCheckedBulletColor = '#404040';\n  public static get radioCheckedHoverBgColor() {\n    return this.radioHoverBg;\n  }\n  public static get radioDisabledShadow() {\n    return `0 0 0 ${this.radioBorderWidth} rgba(0, 0, 0, 0.15)`;\n  }\n  public static radioBorderWidthCompensation = '1px';\n  //#endregion\n  //#region Switcher\n  public static get switcherButtonDisabledBorderColor() {\n    return this.btnDisabledBorderColor;\n  }\n  public static get switcherButtonCheckedDisabledShadow() {\n    return this.btnCheckedDisabledShadow;\n  }\n  //#endregion\n  //#region Token\n  public static tokenDisabledBg = 'rgba(0, 0, 0, 0.10)';\n  public static tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';\n  public static get tokenShadowDisabled() {\n    return `0 0 0 ${this.tokenBorderWidth} ${this.tokenBorderColorDisabled}`;\n  }\n  //#endregion\n}\n\nexport const NotFlatThemeInternal = exposeGetters(NotFlatTheme);\n"]}

package/internal/themes/NotFlat.d.ts

@@ -127,6 +127,7 @@ export declare class NotFlatTheme extends NotFlatTheme_base {
     static get switcherButtonDisabledBorderColor(): string;
     static get switcherButtonCheckedDisabledShadow(): string;
     static tokenDisabledBg: string;
+    static tokenBorderColorDisabled: string;
     static get tokenShadowDisabled(): string;
 }
 export declare const NotFlatThemeInternal: typeof NotFlatTheme;

package/internal/themes/Theme2022/Theme2022.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
 import { DefaultThemeInternal } from "../DefaultTheme";
@@ -8,21 +9,348 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
     return _ref.apply(this, arguments) || this;
   }
 
+  _createClass(Theme2022, null, [{
+    key: "btnDefaultHoverBorderColor",
+    get: //#region Link
+    //#endregion Link
+    //#region Button
+    function get() {
+      return this.btnDefaultBorderColor;
+    }
+  }, {
+    key: "btnDefaultActiveBorderColor",
+    get: function get() {
+      return this.btnDefaultBorderColor;
+    }
+  }, {
+    key: "btnDisabledTextColor",
+    get: function get() {
+      return this.textColorDisabledContrast;
+    }
+  }, {
+    key: "btnIconGapSmallLeft",
+    get: function get() {
+      return this.btnIconGapSmall;
+    }
+  }, {
+    key: "btnIconGapSmallRight",
+    get: function get() {
+      return this.btnIconGapSmall;
+    }
+    /**
+     * @deprecated use btnIconGapMediumLeft
+     */
+
+  }, {
+    key: "btnIconGapMediumLeft",
+    get: function get() {
+      return this.btnIconGapMedium;
+    }
+  }, {
+    key: "btnIconGapMediumRight",
+    get: function get() {
+      return this.btnIconGapMedium;
+    }
+    /**
+     * @deprecated use btnIconGapLargeLeft
+     */
+
+  }, {
+    key: "btnIconGapLargeLeft",
+    get: function get() {
+      return this.btnIconGapLarge;
+    }
+  }, {
+    key: "btnIconGapLargeRight",
+    get: function get() {
+      return this.btnIconGapLarge;
+    }
+  }, {
+    key: "btnLinkLineBorderBottomStyle",
+    get: function get() {
+      return this.linkLineBorderBottomStyle;
+    }
+  }, {
+    key: "btnLinkLineBorderBottomWidth",
+    get: function get() {
+      return this.linkLineBorderBottomWidth;
+    }
+  }, {
+    key: "btnLinkDisabledColor",
+    get: function get() {
+      return this.linkDisabledColor;
+    } //#endregion
+    //#region Dropdown
+
+  }, {
+    key: "dropdownPaddingXSmall",
+    get: function get() {
+      return this.btnPaddingXSmall;
+    }
+  }, {
+    key: "dropdownPaddingXMedium",
+    get: function get() {
+      return this.btnPaddingXMedium;
+    }
+  }, {
+    key: "dropdownPaddingXLarge",
+    get: function get() {
+      return this.btnPaddingXLarge;
+    } //#region Input
+
+  }, {
+    key: "inputBorderTopColor",
+    get: function get() {
+      return this.inputBorderColor;
+    }
+  }, {
+    key: "textareaDisabledBorderColor",
+    get: function get() {
+      return this.borderColorDisabled;
+    }
+  }, {
+    key: "textareaDisabledBg",
+    get: function get() {
+      return this.inputDisabledBg;
+    }
+  }, {
+    key: "radioDisabledShadow",
+    get: function get() {
+      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.1)";
+    } //#endregion
+
+  }, {
+    key: "modalFooterBg",
+    get: function get() {
+      return this.modalBg;
+    }
+  }, {
+    key: "modalFooterPanelPaddingBottom",
+    get: function get() {
+      return this.modalFooterPaddingBottom;
+    }
+  }, {
+    key: "modalFixedHeaderPaddingBottom",
+    get: function get() {
+      return this.modalHeaderPaddingBottom;
+    }
+  }, {
+    key: "modalHeaderAdditionalPaddingBottom",
+    get: function get() {
+      return this.modalHeaderPaddingBottom;
+    }
+  }, {
+    key: "modalFixedFooterPaddingTop",
+    get: function get() {
+      return this.modalFooterPanelPaddingTop;
+    }
+  }, {
+    key: "selectBgDisabled",
+    get: //#endregion
+    //#region Select
+    function get() {
+      return this.inputDisabledBg;
+    }
+  }, {
+    key: "selectBorderRadiusSmall",
+    get: function get() {
+      return this.inputBorderRadiusSmall;
+    }
+  }, {
+    key: "selectBorderRadiusMedium",
+    get: function get() {
+      return this.inputBorderRadiusMedium;
+    }
+  }, {
+    key: "selectBorderRadiusLarge",
+    get: function get() {
+      return this.inputBorderRadiusLarge;
+    }
+  }, {
+    key: "selectIconGapSmall",
+    get: function get() {
+      return this.inputIconGapSmall;
+    }
+  }, {
+    key: "selectIconGapMedium",
+    get: function get() {
+      return this.inputIconGapMedium;
+    }
+  }, {
+    key: "selectIconGapLarge",
+    get: function get() {
+      return this.inputIconGapLarge;
+    }
+  }, {
+    key: "selectMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
+    }
+  }, {
+    key: "selectBorderColorHover",
+    get: function get() {
+      return this.inputBorderColorHover;
+    } //#endregion
+    //#region FileUploader
+
+  }, {
+    key: "fileUploaderDisabledBg",
+    get: function get() {
+      return this.btnDisabledBg;
+    }
+  }, {
+    key: "fileUploaderDragOverBorderColor",
+    get: function get() {
+      return this.borderColorFocus;
+    }
+  }, {
+    key: "fileUploaderDisabledBorder",
+    get: function get() {
+      return this.fileUploaderBorderWidth + " " + this.fileUploaderBorderStyle + " " + this.fileUploaderDisabledBorderColor;
+    } //#endregion
+    //#region Toast
+
+  }, {
+    key: "checkboxShadowDisabled",
+    get: function get() {
+      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.1)";
+    } //#endregion
+
+  }, {
+    key: "menuItemHoverColor",
+    get: function get() {
+      return this.menuItemTextColor;
+    }
+  }, {
+    key: "menuItemCommentColor",
+    get: function get() {
+      return this.menuItemTextColor;
+    }
+  }, {
+    key: "menuItemCommentColorHover",
+    get: function get() {
+      return this.menuItemTextColor;
+    }
+  }, {
+    key: "internalMenuPaddingY",
+    get: //#endregion
+    //#region InternalMenu
+    function get() {
+      return this.menuScrollContainerContentWrapperPaddingY;
+    } // deprecated, use menuLegacyPaddingY
+    //#endregion
+    //#region Menu
+
+  }, {
+    key: "menuLegacyPaddingY",
+    get: function get() {
+      return this.menuScrollContainerContentWrapperPaddingY;
+    } //#endregion
+    //#region Autocomplete
+
+  }, {
+    key: "autocompleteMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
+    } //#endregion
+    //#region DatePicker
+
+  }, {
+    key: "datePickerMenuOffsetY",
+    get: function get() {
+      return this.menuOffsetY;
+    }
+  }, {
+    key: "comboboxMenuOffsetY",
+    get: //#endregion
+    //#region Combobox
+    function get() {
+      return this.menuOffsetY;
+    } //#endregion
+    //#region Paging
+
+  }, {
+    key: "pagingPageForwardLinkPaddingRight",
+    get: function get() {
+      return this.pagingPageLinkPaddingX;
+    }
+  }, {
+    key: "sidePageFooterPanelBg",
+    get: function get() {
+      return this.sidePageBgDefault;
+    }
+  }, {
+    key: "sidePageFooterPanelPaddingTop",
+    get: function get() {
+      return this.sidePageFooterPaddingTop;
+    }
+  }, {
+    key: "sidePageFooterPanelPaddingBottom",
+    get: function get() {
+      return this.sidePageFooterPanelPaddingTop;
+    } //#endregion
+
+  }]);
+
   return Theme2022;
 }( /*#__PURE__*/function () {
   function _class() {}
 
   return _class;
 }());
-Theme2022.linkColor = '#3D3D3D';
-Theme2022.linkActiveColor = '#141414';
+Theme2022.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';
+Theme2022.borderColorFocus = '#3d3d3d';
 Theme2022.bgActive = '#141414';
+Theme2022.bgDisabled = '#F0F0F0';
+Theme2022.errorMain = '#FF5A49';
+Theme2022.linkColor = '#222222';
+Theme2022.linkHoverColor = '#222222';
+Theme2022.linkActiveColor = '#141414';
+Theme2022.linkHoverTextDecoration = 'none';
+Theme2022.linkSuccessColor = '#538A1B';
+Theme2022.linkSuccessHoverColor = '#477916';
+Theme2022.linkSuccessActiveColor = '#3A6710';
+Theme2022.linkDangerColor = '#CB3D35';
+Theme2022.linkDangerHoverColor = '#BA342E';
+Theme2022.linkDangerActiveColor = '#A92A27';
+Theme2022.linkGrayedColor = '#858585';
+Theme2022.linkGrayedHoverColor = '#292929';
+Theme2022.linkGrayedActiveColor = '#141414';
+Theme2022.linkLineBorderBottomStyle = 'solid';
+Theme2022.linkLineBorderBottomWidth = '1px';
+Theme2022.linkDisabledColor = '#858585';
+Theme2022.btnCheckedBg = '#3D3D3D';
+Theme2022.btnCheckedDisabledBg = '#ADADAD';
+Theme2022.btnCheckedDisabledColor = '#E6E6E6';
+Theme2022.btnDefaultBg = '#fff';
+Theme2022.btnDefaultHoverBg = '#F0F0F0';
+Theme2022.btnDefaultHoverBgStart = 'none';
+Theme2022.btnDefaultHoverBgEnd = 'none';
+Theme2022.btnDefaultActiveBg = '#E6E6E6';
+Theme2022.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16);';
+Theme2022.btnDefaultBorderBottomColor = '';
+Theme2022.btnDefaultHoverBorderBottomColor = '';
+Theme2022.btnDefaultActiveBorderTopColor = '';
 Theme2022.btnPrimaryBg = '#3D3D3D';
-Theme2022.btnPrimaryBorderColor = '#3D3D3D';
 Theme2022.btnPrimaryHoverBg = '#292929';
-Theme2022.btnPrimaryHoverBorderColor = '#292929';
 Theme2022.btnPrimaryActiveBg = '#141414';
+Theme2022.btnPrimaryBorderColor = '#3D3D3D';
+Theme2022.btnPrimaryHoverBorderColor = '#292929';
 Theme2022.btnPrimaryActiveBorderColor = '#141414';
+Theme2022.btnDangerBg = '#FF5A49';
+Theme2022.btnDangerHoverBg = '#EE5042';
+Theme2022.btnDangerHoverBorderColor = '#EE5042';
+Theme2022.btnDangerBorderColor = '#FF5A49';
+Theme2022.btnDangerActiveBg = '#DD473B';
+Theme2022.btnDangerActiveBorderColor = '#DD473B';
+Theme2022.btnSuccessBg = '#78BF2B';
+Theme2022.btnSuccessHoverBg = '#6CAD26';
+Theme2022.btnSuccessHoverBorderColor = '#6CAD26';
+Theme2022.btnSuccessBorderColor = '#78BF2B';
+Theme2022.btnSuccessActiveBg = '#5F9C20';
+Theme2022.btnSuccessActiveBorderColor = '#5F9C20';
+Theme2022.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';
+Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';
 Theme2022.btnBorderRadiusSmall = '8px';
 Theme2022.btnBorderRadiusMedium = '8px';
 Theme2022.btnBorderRadiusLarge = '8px';
@@ -35,45 +363,197 @@ Theme2022.btnIconSizeLarge = '24px';
 Theme2022.btnIconGapSmall = '4px';
 Theme2022.btnIconGapMedium = '6px';
 Theme2022.btnIconGapLarge = '8px';
+Theme2022.btnWithIconPaddingLeftSmall = '8px';
+Theme2022.btnWithIconPaddingRightSmall = '8px';
+Theme2022.btnWithIconPaddingLeftMedium = '10px';
+Theme2022.btnWithIconPaddingRightMedium = '10px';
+Theme2022.btnWithIconPaddingLeftLarge = '12px';
+Theme2022.btnWithIconPaddingRightLarge = '12px';
+Theme2022.dropdownButtonBorderRadiusSmall = '8px';
+Theme2022.dropdownButtonBorderRadiusMedium = '8px';
+Theme2022.dropdownButtonBorderRadiusLarge = '8px';
+Theme2022.inputIconColor = '#858585';
+Theme2022.inputBorderColor = 'rgba(0, 0, 0, 0.16)';
+Theme2022.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';
 Theme2022.inputBorderRadiusSmall = '2px';
 Theme2022.inputBorderRadiusMedium = '2px';
 Theme2022.inputBorderRadiusLarge = '2px';
-Theme2022.tooltipBorderRadius = '8px';
+Theme2022.inputIconGapSmall = '4px';
+Theme2022.inputIconGapMedium = '6px';
+Theme2022.inputIconGapLarge = '8px';
+Theme2022.inputIconSizeSmall = '16px';
+Theme2022.inputIconSizeMedium = '20px';
+Theme2022.inputIconSizeLarge = '24px';
+Theme2022.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';
+Theme2022.inputDisabledBackgroundClip = 'padding-box';
+Theme2022.textareaBorderRadius = '2px';
+Theme2022.textareaBackgroundClip = 'padding-box';
+Theme2022.radioBulletSize = '6px';
+Theme2022.radioDisabledBg = '#F0F0F0';
+Theme2022.menuSeparatorMarginX = '8px';
 Theme2022.popupBorderRadius = '8px';
-Theme2022.toastBorderRadius = '8px';
+Theme2022.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
+Theme2022.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';
+Theme2022.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
+Theme2022.hintBgColor = 'rgba(0, 0, 0, 0.76)';
 Theme2022.hintBorderRadius = '8px';
+Theme2022.hintPaddingY = '8px';
+Theme2022.hintPaddingX = '8px';
+Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
 Theme2022.modalBorderRadius = '16px';
+Theme2022.modalBodyBorderRadius = '0px';
+Theme2022.modalBodyPaddingBottom = '20px';
 Theme2022.fixedPanelShadow = 'none';
-Theme2022.modalFooterBg = '#fff';
-Theme2022.modalFixedHeaderBorder = '1px solid #EBEBEB';
-Theme2022.modalFixedFooterBorder = '1px solid #EBEBEB';
+Theme2022.modalFooterPanelPaddingTop = '20px';
+Theme2022.modalFixedPanelShadow = 'none';
+Theme2022.modalFooterPaddingTop = '0px';
+Theme2022.modalFooterPaddingBottom = '20px';
+Theme2022.modalFixedHeaderMarginBottom = '0px';
+Theme2022.modalCloseButtonClickArea = '6px';
+Theme2022.modalFixedFooterMarginTop = '0px';
+Theme2022.modalSeparatorBorderBottom = '1px solid #E6E6E6';
+Theme2022.modalHeaderFontWeight = '700';
+Theme2022.modalPaddingRight = '32px';
+Theme2022.modalCloseButtonPadding = '32px';
+Theme2022.modalCloseIconSize = '20px';
+Theme2022.mobileModalCloseIconSize = '20px';
+Theme2022.mobileModalCloseButtonRightPadding = '16px';
+Theme2022.mobileModalCloseButtonTopPadding = '8px';
+Theme2022.modalHeaderPaddingBottom = '16px';
+Theme2022.modalBackBg = '#000';
+Theme2022.modalBackOpacity = '0.16';
+Theme2022.fileUploaderIconColor = '#222222';
+Theme2022.fileUploaderDisabledIconColor = '#858585';
+Theme2022.fileUploaderDisabledTextColor = '#858585';
+Theme2022.fileUploaderDisabledLinkColor = '#858585';
+Theme2022.fileUploaderAfterLinkColor = '#858585';
+Theme2022.fileUploaderBorderRadius = '8px';
+Theme2022.fileUploaderLinkHoverTextDecoration = 'none';
+Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';
+Theme2022.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
+Theme2022.fileUploaderHoveredBorderColor = 'transparent';
+Theme2022.fileUploaderBg = '';
+Theme2022.fileUploaderUploadButtonBg = '#fff';
+Theme2022.fileUploaderDisabledBgClip = 'padding-box';
+Theme2022.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';
+Theme2022.toastBg = 'rgba(0, 0, 0, 0.76)';
+Theme2022.toastLinkColor = '#fff';
+Theme2022.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';
+Theme2022.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';
+Theme2022.toastLinkTextDecorationHover = '';
+Theme2022.toastBorderRadius = '8px';
+Theme2022.toastCloseSize = '16px';
+Theme2022.toastClosePadding = '14px';
+Theme2022.tooltipBorderRadius = '8px';
+Theme2022.tooltipCloseBtnPadding = '4px';
+Theme2022.tooltipCloseBtnSide = '16px';
+Theme2022.tokenRemoveIconSize = '16px';
+Theme2022.tokenRemoveIconPaddingY = '0px';
+Theme2022.tokenRemoveIconPaddingX = '0px';
+Theme2022.tokenDefaultActive = '#323232';
+Theme2022.tokenBorderRadius = '2px';
+Theme2022.tokenPaddingY = '0px';
+Theme2022.tokenMarginX = '2px';
+Theme2022.tokenOutlineWidth = '1px';
+Theme2022.tokenShadowDisabled = '';
+Theme2022.tokenBorderColorDisabled = 'transparent';
+Theme2022.tokenDefaultIdleColor = '#222222';
+Theme2022.tokenDefaultIdleBg = 'rgba(0, 0, 0, 0.1)';
+Theme2022.tokenDefaultIdleBorderColor = 'rgba(0, 0, 0, 0.16)';
+Theme2022.tokenDefaultIdleColorHover = '#222222';
+Theme2022.tokenDefaultIdleBgHover = 'rgba(0, 0, 0, 0.16)';
+Theme2022.tokenDefaultIdleBorderColorHover = 'rgba(0, 0, 0, 0.16)';
+Theme2022.tokenDefaultActiveColor = '#FFFFFF';
+Theme2022.tokenDefaultActiveBg = '#3D3D3D';
+Theme2022.tokenDefaultActiveBorderColor = 'transparent';
+Theme2022.dateInputComponentSelectedBgColor = '';
+Theme2022.checkboxBorderRadius = '4px';
 Theme2022.checkboxCheckedBg = '#3D3D3D';
+Theme2022.checkboxCheckedHoverBg = '#292929';
+Theme2022.checkboxBgDisabled = '#F0F0F0';
 Theme2022.menuBorderRadius = '8px';
 Theme2022.menuPaddingX = '4px';
 Theme2022.menuOffsetY = '4px';
-Theme2022.menuItemHoverBg = '#EBEBEB';
-Theme2022.menuItemHoverColor = '#222';
+Theme2022.menuBoxSizing = 'border-box';
+Theme2022.menuItemHoverBg = '#F0F0F0';
+Theme2022.menuItemSelectedBg = '#E6E6E6';
 Theme2022.menuItemBorderRadius = '6px';
-Theme2022.menuItemCommentColorHover = '#858585';
-Theme2022.fileUploaderBorderRadius = '8px';
-Theme2022.fileUploaderLinkHoverTextDecoration = 'none';
-Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';
+Theme2022.menuItemDisabledColor = '#858585';
+Theme2022.menuItemGap = '1px';
+Theme2022.menuItemCommentOpacity = '0.6';
+Theme2022.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
 Theme2022.tokenInputBorderRadius = '2px';
-Theme2022.tokenBorderRadius = '2px';
-Theme2022.tokenPaddingY = '1px';
-Theme2022.tokenPaddingX = '3px';
-Theme2022.tokenMarginY = '3px';
-Theme2022.tokenMarginX = '2px';
 Theme2022.tokenInputPaddingY = '2px';
 Theme2022.tokenInputPaddingX = '2px';
+Theme2022.tokenInputMenuPopupBg = 'transparent';
 Theme2022.toggleHandleSize = '14px';
+Theme2022.toggleHandleSizeSmall = '14px';
+Theme2022.toggleHandleSizeMedium = '16px';
+Theme2022.toggleHandleSizeLarge = '18px';
 Theme2022.toggleHandleLeft = '3px';
 Theme2022.toggleHandleTop = '3px';
 Theme2022.toggleHandleActiveWidthIncrement = '0px';
-Theme2022.toggleHandleBg = '#3D3D3D';
 Theme2022.toggleBgChecked = '#3D3D3D';
-Theme2022.toggleBgHover = '#3D3D3D';
+Theme2022.toggleBgHover = '#F0F0F0';
 Theme2022.toggleCheckedBg = '#fff';
 Theme2022.toggleCheckedBgHover = '#fff';
+Theme2022.toggleContainerBg = '#FFFFFF';
+Theme2022.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';
+Theme2022.toggleHandleBg = '#FFFFFF';
+Theme2022.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';
+Theme2022.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';
+Theme2022.toggleHandleBgHover = '#FFFFFF';
+Theme2022.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';
+Theme2022.toggleContainerBoxShadowChecked = 'none';
+Theme2022.toggleHandleBgChecked = '#FFFFFF';
+Theme2022.toggleHandleBoxShadowChecked = 'none';
+Theme2022.toggleContainerBgCheckedHover = '#292929';
+Theme2022.toggleContainerBoxShadowCheckedHover = 'none';
+Theme2022.toggleHandleBgCheckedHover = '#F0F0F0';
+Theme2022.toggleHandleBoxShadowCheckedHover = 'none';
+Theme2022.toggleContainerBgDisabled = '#F0F0F0';
+Theme2022.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';
+Theme2022.toggleHandleBgDisabled = 'transparent';
+Theme2022.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';
+Theme2022.toggleContainerBgDisabledChecked = '#D6D6D6';
+Theme2022.toggleContainerBoxShadowDisabledChecked = 'none';
+Theme2022.toggleHandleBgDisabledChecked = '#F0F0F0';
+Theme2022.toggleHandleBoxShadowDisabledChecked = 'none';
 Theme2022.switcherBorderRadius = '8px';
+Theme2022.calendarCellHoverBgColor = '#F0F0F0';
+Theme2022.calendarCellHoverColor = '';
+Theme2022.calendarCellActiveHoverColor = '';
+Theme2022.calendarCellSelectedBgColor = '#E6E6E6';
+Theme2022.calendarCellTodayBorder = '1px solid';
+Theme2022.dateSelectMenuItemBgActive = '#F0F0F0';
+Theme2022.dateSelectMenuItemFontActive = '';
+Theme2022.dateSelectTextColorInvert = '';
+Theme2022.pickerBorderRadius = '8px';
+Theme2022.pagingPageForwardLinkMarginTop = '';
+Theme2022.pagingPageForwardLinkMarginLeft = '0px';
+Theme2022.pagingLineHeight = '22px';
+Theme2022.pagingPageLinkPaddingX = '12px';
+Theme2022.pagingPageLinkBoxSizing = 'border-box';
+Theme2022.pagingPageLinkHintMargin = '4px -20px 0px';
+Theme2022.pagingDotsColor = '#ADADAD';
+Theme2022.pagingDotsDisabledColor = '#ADADAD';
+Theme2022.pagingForwardLinkColor = '#222222';
+Theme2022.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
+Theme2022.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
+Theme2022.sidePageBgDefault = '#fff';
+Theme2022.sidePageFooterPaddingTop = '20px';
+Theme2022.sidePageFooterPaddingBottom = '20px';
+Theme2022.sidePageHeaderFontWeight = 'bold';
+Theme2022.sidePageBackingBg = '#000';
+Theme2022.sidePageBackingBgOpacity = '0.16';
+Theme2022.tabColorHover = '#D6D6D6';
+Theme2022.tabIndicatorBorderRadius = '2px';
+Theme2022.kebabSizeSmall = '24px';
+Theme2022.kebabSizeMedium = '32px';
+Theme2022.kebabSizeLarge = '40px';
+Theme2022.kebabIconSizeSmall = '16px';
+Theme2022.kebabIconSizeMedium = '20px';
+Theme2022.kebabIconSizeLarge = '24px';
+Theme2022.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
+Theme2022.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
 export var Theme2022Internal = Object.setPrototypeOf(exposeGetters(Theme2022), DefaultThemeInternal);