@skbkontur/react-ui 4.5.2 → 4.5.3-theme2022.0

package/internal/themes/DefaultTheme.d.ts

@@ -83,8 +83,26 @@ export declare class DefaultTheme {
     static linkIconMarginRight: string;
     static get linkHoverColor(): string;
     static get linkDisabledColor(): string;
+    static get linkGrayedColor(): string;
+    static get linkGrayedHoverColor(): string;
+    static get linkGrayedActiveColor(): string;
     static linkButtonLineHeight: string;
     static linkButtonPaddingX: string;
+    static linkLineBottom: string;
+    static get linkLineBorderBottomColor(): string;
+    static get linkLineHoverBorderBottomColor(): string;
+    static get linkLineActiveBorderBottomColor(): string;
+    static get linkLineBorderBottomColorSuccess(): string;
+    static get linkLineHoverBorderBottomColorSuccess(): string;
+    static get linkLineActiveBorderBottomColorSuccess(): string;
+    static get linkLineBorderBottomColorDanger(): string;
+    static get linkLineHoverBorderBottomColorDanger(): string;
+    static get linkLineActiveBorderBottomColorDanger(): string;
+    static get linkLineBorderBottomColorGrayed(): string;
+    static get linkLineHoverBorderBottomColorGrayed(): string;
+    static get linkLineActiveBorderBottomColorGrayed(): string;
+    static linkLineBorderBottomStyle: string;
+    static linkLineBorderBottomWidth: string;
     static tokenDisabledBg: string;
     static get tokenTextColorDisabled(): string;
     static get tokenFontSize(): string;
@@ -274,6 +292,12 @@ export declare class DefaultTheme {
     static get btnLinkHoverColor(): string;
     static get btnLinkActiveColor(): string;
     static get btnLinkHoverTextDecoration(): string;
+    static btnLinkLineBottom: string;
+    static get btnLinkLineBorderBottomColor(): string;
+    static get btnLinkLineHoverBorderBottomColor(): string;
+    static get btnLinkLineActiveBorderBottomColor(): string;
+    static btnLinkLineBorderBottomStyle: string;
+    static btnLinkLineBorderBottomWidth: string;
     static get btnLinkIconMarginRight(): string;
     static get btnErrorSecondary(): string;
     static get btnWarningSecondary(): string;
@@ -282,6 +306,12 @@ export declare class DefaultTheme {
     static get btnBorderColorFocus(): string;
     static get btnLinkDisabledColor(): string;
     static get btnDisabledTextColor(): string;
+    static btnBacklessHoverBg: string;
+    static btnBacklessActiveBg: string;
+    static btnWithIconPaddingLeftSmall: string;
+    static btnWithIconPaddingLeftMedium: string;
+    static btnWithIconPaddingLeftLarge: string;
+    static get selectDefaultBg(): string;
     static selectPlaceholderColor: string;
     static get selectBorderWidth(): string;
     static get selectPlaceholderColorDisabled(): string;
@@ -338,6 +368,7 @@ export declare class DefaultTheme {
     static kebabBackgroundHover: string;
     static kebabBorderRadius: string;
     static kebabBorder: string;
+    static modalWindowShadow: string;
     static modalBackBg: string;
     static get modalBg(): string;
     static modalBackOpacity: string;
@@ -364,11 +395,16 @@ export declare class DefaultTheme {
     static modalPaddingLeft: string;
     static modalPaddingRight: string;
     static modalHeaderFontSize: string;
+    static modalHeaderFontWeight: string;
     static get modalHeaderTextColor(): string;
     static modalHeaderLineHeight: string;
     static modalHeaderPaddingBottom: string;
     static modalHeaderPaddingTop: string;
+    static modalFixedHeaderMarginBottom: string;
     static get modalFixedHeaderPaddingBottom(): string;
+    static modalFixedFooterPaddingTop: string;
+    static modalFixedFooterMarginTop: string;
+    static modalSeparatorBorderBottom: string;
     static modalBodyTextColor: string;
     static modalFooterTextColor: string;
     static modalBodyPaddingBottom: string;
@@ -569,6 +605,7 @@ export declare class DefaultTheme {
     static menuHeaderLegacyPaddingRight: string;
     static menuSeparatorBorderColor: string;
     static menuSeparatorMarginY: string;
+    static menuSeparatorMarginX: string;
     static menuSeparatorBorderWidth: string;
     static get toggleFontSize(): string;
     static get toggleLineHeight(): string;
@@ -679,6 +716,10 @@ export declare class DefaultTheme {
     static get checkboxShadowDisabled(): string;
     static checkboxBorder: string;
     static get checkboxBorderWidth(): string;
+    static checkboxIconHeight: string;
+    static checkboxIconWidth: string;
+    static checkboxIconTop: string;
+    static checkboxIconLeft: string;
     static get checkboxShadow(): string;
     static get checkboxShadowHover(): string;
     static checkboxCheckedColor: string;

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,6 +9,41 @@ 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: "modalFixedHeaderPaddingBottom",
+    get: function get() {
+      return this.modalHeaderPaddingBottom;
+    }
+  }, {
+    key: "modalFixedFooterPaddingTop",
+    get: function get() {
+      return this.modalFooterPaddingTop;
+    }
+  }, {
+    key: "tokenDefaultIdle222",
+    get: function get() {
+      return this.tokenDefaultIdle;
+    }
+  }]);
+
   return Theme2022;
 }( /*#__PURE__*/function () {
   function _class() {}
@@ -15,14 +51,39 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
   return _class;
 }());
 Theme2022.linkColor = '#3D3D3D';
+Theme2022.linkHoverColor = '#292929';
 Theme2022.linkActiveColor = '#141414';
+Theme2022.linkSuccessColor = '#477916';
+Theme2022.linkSuccessHoverColor = '#3A6710';
+Theme2022.linkSuccessActiveColor = '#325A0C';
+Theme2022.linkDangerColor = '#CB3D35';
+Theme2022.linkDangerHoverColor = '#CB3D35';
+Theme2022.linkDangerActiveColor = '#A92A27';
+Theme2022.linkGrayedColor = '#858585';
+Theme2022.linkGrayedHoverColor = '#292929';
+Theme2022.linkGrayedActiveColor = '#141414';
+Theme2022.linkLineBottom = '0';
+Theme2022.linkLineBorderBottomStyle = 'solid';
+Theme2022.linkLineBorderBottomWidth = '1px';
+Theme2022.borderColorFocus = '#141414';
 Theme2022.bgActive = '#141414';
+Theme2022.btnDefaultBg = '#fff';
+Theme2022.btnDefaultHoverBg = '#f6f6f6';
+Theme2022.btnDefaultHoverBgStart = 'none';
+Theme2022.btnDefaultHoverBgEnd = 'none';
+Theme2022.btnDefaultActiveBg = '#ebebeb';
+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.btnDisabledBg = 'rgba(0, 0, 0, 0.04)';
+Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.08)';
 Theme2022.btnBorderRadiusSmall = '8px';
 Theme2022.btnBorderRadiusMedium = '8px';
 Theme2022.btnBorderRadiusLarge = '8px';
@@ -35,18 +96,42 @@ Theme2022.btnIconSizeLarge = '24px';
 Theme2022.btnIconGapSmall = '4px';
 Theme2022.btnIconGapMedium = '6px';
 Theme2022.btnIconGapLarge = '8px';
+Theme2022.btnWithIconPaddingLeftSmall = '8px';
+Theme2022.btnWithIconPaddingLeftMedium = '10px';
+Theme2022.btnWithIconPaddingLeftLarge = '12px';
+Theme2022.btnLinkHoverTextDecoration = 'none';
+Theme2022.btnLinkLineBottom = '0';
+Theme2022.btnLinkLineBorderBottomStyle = 'solid';
+Theme2022.btnLinkLineBorderBottomWidth = '1px';
 Theme2022.inputBorderRadiusSmall = '2px';
 Theme2022.inputBorderRadiusMedium = '2px';
 Theme2022.inputBorderRadiusLarge = '2px';
+Theme2022.textareaBorderRadius = '2px';
+Theme2022.radioBulletSize = '6px';
+Theme2022.checkboxBorderRadius = '4px';
+Theme2022.checkboxIconHeight = '12px';
+Theme2022.checkboxIconWidth = '12px';
+Theme2022.checkboxIconTop = '2px';
+Theme2022.checkboxIconLeft = '2px';
+Theme2022.menuSeparatorMarginX = '8px';
 Theme2022.tooltipBorderRadius = '8px';
 Theme2022.popupBorderRadius = '8px';
+Theme2022.popupBoxShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
+Theme2022.popupDropShadow = 'drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08))';
+Theme2022.pickerShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
 Theme2022.toastBorderRadius = '8px';
 Theme2022.hintBorderRadius = '8px';
+Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.04)';
 Theme2022.modalBorderRadius = '16px';
 Theme2022.fixedPanelShadow = 'none';
 Theme2022.modalFooterBg = '#fff';
-Theme2022.modalFixedHeaderBorder = '1px solid #EBEBEB';
-Theme2022.modalFixedFooterBorder = '1px solid #EBEBEB';
+Theme2022.modalFooterPaddingTop = '20px';
+Theme2022.modalFooterPaddingBottom = '20px';
+Theme2022.modalFixedHeaderMarginBottom = '0px';
+Theme2022.modalFixedFooterMarginTop = '0px';
+Theme2022.modalSeparatorBorderBottom = '1px solid #EBEBEB';
+Theme2022.modalHeaderFontWeight = '700';
+Theme2022.modalPaddingRight = '32px';
 Theme2022.checkboxCheckedBg = '#3D3D3D';
 Theme2022.menuBorderRadius = '8px';
 Theme2022.menuPaddingX = '4px';
@@ -54,6 +139,7 @@ Theme2022.menuItemHoverBg = '#EBEBEB';
 Theme2022.menuItemHoverColor = '#222';
 Theme2022.menuItemBorderRadius = '6px';
 Theme2022.menuItemCommentColorHover = '#858585';
+Theme2022.menuShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
 Theme2022.fileUploaderBorderRadius = '8px';
 Theme2022.fileUploaderLinkHoverTextDecoration = 'none';
 Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';

package/internal/themes/Theme2022/Theme2022.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022.ts"],"names":["exposeGetters","DefaultThemeInternal","Theme2022","linkColor","linkActiveColor","bgActive","btnPrimaryBg","btnPrimaryBorderColor","btnPrimaryHoverBg","btnPrimaryHoverBorderColor","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnBorderRadiusSmall","btnBorderRadiusMedium","btnBorderRadiusLarge","btnPaddingXSmall","btnPaddingXMedium","btnPaddingXLarge","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","btnIconGapSmall","btnIconGapMedium","btnIconGapLarge","inputBorderRadiusSmall","inputBorderRadiusMedium","inputBorderRadiusLarge","tooltipBorderRadius","popupBorderRadius","toastBorderRadius","hintBorderRadius","modalBorderRadius","fixedPanelShadow","modalFooterBg","modalFixedHeaderBorder","modalFixedFooterBorder","checkboxCheckedBg","menuBorderRadius","menuPaddingX","menuItemHoverBg","menuItemHoverColor","menuItemBorderRadius","menuItemCommentColorHover","fileUploaderBorderRadius","fileUploaderLinkHoverTextDecoration","fileUploaderHoveredBg","tokenInputBorderRadius","tokenBorderRadius","tokenPaddingY","tokenPaddingX","tokenMarginY","tokenMarginX","tokenInputPaddingY","tokenInputPaddingX","toggleHandleSize","toggleHandleLeft","toggleHandleTop","toggleHandleActiveWidthIncrement","toggleHandleBg","toggleBgChecked","toggleBgHover","toggleCheckedBg","toggleCheckedBgHover","switcherBorderRadius","Theme2022Internal","Object","setPrototypeOf"],"mappings":"sEAAA,SAASA,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,oBAAT,QAAqC,gBAArC;;AAEA,WAAaC,SAAb,wNAAaA,S;AACGC,S,GAAY,S,CADfD,S;AAEGE,e,GAAkB,S,CAFrBF,S;;AAIGG,Q,GAAW,S,CAJdH,S;;AAMGI,Y,GAAe,S,CANlBJ,S;AAOGK,qB,GAAwB,S,CAP3BL,S;;AASGM,iB,GAAoB,S,CATvBN,S;AAUGO,0B,GAA6B,S,CAVhCP,S;;AAYGQ,kB,GAAqB,S,CAZxBR,S;AAaGS,2B,GAA8B,S,CAbjCT,S;;AAeGU,oB,GAAuB,K,CAf1BV,S;AAgBGW,qB,GAAwB,K,CAhB3BX,S;AAiBGY,oB,GAAuB,K,CAjB1BZ,S;;AAmBGa,gB,GAAmB,M,CAnBtBb,S;AAoBGc,iB,GAAoB,M,CApBvBd,S;AAqBGe,gB,GAAmB,M,CArBtBf,S;;;;;;AA2BGgB,gB,GAAmB,M,CA3BtBhB,S;AA4BGiB,iB,GAAoB,M,CA5BvBjB,S;AA6BGkB,gB,GAAmB,M,CA7BtBlB,S;;AA+BGmB,e,GAAkB,K,CA/BrBnB,S;AAgCGoB,gB,GAAmB,K,CAhCtBpB,S;AAiCGqB,e,GAAkB,K,CAjCrBrB,S;;AAmCGsB,sB,GAAyB,K,CAnC5BtB,S;AAoCGuB,uB,GAA0B,K,CApC7BvB,S;AAqCGwB,sB,GAAyB,K,CArC5BxB,S;;AAuCGyB,mB,GAAsB,K,CAvCzBzB,S;;AAyCG0B,iB,GAAoB,K,CAzCvB1B,S;;AA2CG2B,iB,GAAoB,K,CA3CvB3B,S;;AA6CG4B,gB,GAAmB,K,CA7CtB5B,S;;AA+CG6B,iB,GAAoB,M,CA/CvB7B,S;AAgDG8B,gB,GAAmB,M,CAhDtB9B,S;AAiDG+B,a,GAAgB,M,CAjDnB/B,S;AAkDGgC,sB,GAAyB,mB,CAlD5BhC,S;AAmDGiC,sB,GAAyB,mB,CAnD5BjC,S;;AAqDGkC,iB,GAAoB,S,CArDvBlC,S;;AAuDGmC,gB,GAAmB,K,CAvDtBnC,S;AAwDGoC,Y,GAAe,K,CAxDlBpC,S;AAyDGqC,e,GAAkB,S,CAzDrBrC,S;AA0DGsC,kB,GAAqB,M,CA1DxBtC,S;AA2DGuC,oB,GAAuB,K,CA3D1BvC,S;AA4DGwC,yB,GAA4B,S,CA5D/BxC,S;;AA8DGyC,wB,GAA2B,K,CA9D9BzC,S;AA+DG0C,mC,GAAsC,M,CA/DzC1C,S;AAgEG2C,qB,GAAwB,qB,CAhE3B3C,S;;AAkEG4C,sB,GAAyB,K,CAlE5B5C,S;AAmEG6C,iB,GAAoB,K,CAnEvB7C,S;;AAqEG8C,a,GAAgB,K,CArEnB9C,S;AAsEG+C,a,GAAgB,K,CAtEnB/C,S;;AAwEGgD,Y,GAAe,K,CAxElBhD,S;AAyEGiD,Y,GAAe,K,CAzElBjD,S;;AA2EGkD,kB,GAAqB,K,CA3ExBlD,S;AA4EGmD,kB,GAAqB,K,CA5ExBnD,S;;AA8EGoD,gB,GAAmB,M,CA9EtBpD,S;AA+EGqD,gB,GAAmB,K,CA/EtBrD,S;AAgFGsD,e,GAAkB,K,CAhFrBtD,S;AAiFGuD,gC,GAAmC,K,CAjFtCvD,S;;AAmFGwD,c,GAAiB,S,CAnFpBxD,S;AAoFGyD,e,GAAkB,S,CApFrBzD,S;AAqFG0D,a,GAAgB,S,CArFnB1D,S;;AAuFG2D,e,GAAkB,M,CAvFrB3D,S;AAwFG4D,oB,GAAuB,M,CAxF1B5D,S;;AA0FG6D,oB,GAAuB,K;;;AAGvC,OAAO,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/BlE,aAAa,CAACE,SAAD,CADkB;AAE/BD,oBAF+B,CAA1B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class Theme2022 extends (class {} as typeof DefaultThemeInternal) {\n  public static linkColor = '#3D3D3D';\n  public static linkActiveColor = '#141414';\n\n  public static bgActive = '#141414';\n\n  public static btnPrimaryBg = '#3D3D3D';\n  public static btnPrimaryBorderColor = '#3D3D3D';\n\n  public static btnPrimaryHoverBg = '#292929';\n  public static btnPrimaryHoverBorderColor = '#292929';\n\n  public static btnPrimaryActiveBg = '#141414';\n  public static btnPrimaryActiveBorderColor = '#141414';\n\n  public static btnBorderRadiusSmall = '8px';\n  public static btnBorderRadiusMedium = '8px';\n  public static btnBorderRadiusLarge = '8px';\n\n  public static btnPaddingXSmall = '12px';\n  public static btnPaddingXMedium = '16px';\n  public static btnPaddingXLarge = '20px';\n\n  // public static btnPaddingYSmall = '6px';\n  // public static btnPaddingYMedium = '9px';\n  // public static btnPaddingYLarge = '12px';\n\n  public static btnIconSizeSmall = '16px';\n  public static btnIconSizeMedium = '20px';\n  public static btnIconSizeLarge = '24px';\n\n  public static btnIconGapSmall = '4px';\n  public static btnIconGapMedium = '6px';\n  public static btnIconGapLarge = '8px';\n\n  public static inputBorderRadiusSmall = '2px';\n  public static inputBorderRadiusMedium = '2px';\n  public static inputBorderRadiusLarge = '2px';\n\n  public static tooltipBorderRadius = '8px';\n\n  public static popupBorderRadius = '8px';\n\n  public static toastBorderRadius = '8px';\n\n  public static hintBorderRadius = '8px';\n\n  public static modalBorderRadius = '16px';\n  public static fixedPanelShadow = 'none';\n  public static modalFooterBg = '#fff';\n  public static modalFixedHeaderBorder = '1px solid #EBEBEB';\n  public static modalFixedFooterBorder = '1px solid #EBEBEB';\n\n  public static checkboxCheckedBg = '#3D3D3D';\n\n  public static menuBorderRadius = '8px';\n  public static menuPaddingX = '4px';\n  public static menuItemHoverBg = '#EBEBEB';\n  public static menuItemHoverColor = '#222';\n  public static menuItemBorderRadius = '6px';\n  public static menuItemCommentColorHover = '#858585';\n\n  public static fileUploaderBorderRadius = '8px';\n  public static fileUploaderLinkHoverTextDecoration = 'none';\n  public static fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';\n\n  public static tokenInputBorderRadius = '2px';\n  public static tokenBorderRadius = '2px';\n\n  public static tokenPaddingY = '1px';\n  public static tokenPaddingX = '3px';\n\n  public static tokenMarginY = '3px';\n  public static tokenMarginX = '2px';\n\n  public static tokenInputPaddingY = '2px';\n  public static tokenInputPaddingX = '2px';\n\n  public static toggleHandleSize = '14px';\n  public static toggleHandleLeft = '3px';\n  public static toggleHandleTop = '3px';\n  public static toggleHandleActiveWidthIncrement = '0px';\n\n  public static toggleHandleBg = '#3D3D3D';\n  public static toggleBgChecked = '#3D3D3D';\n  public static toggleBgHover = '#3D3D3D';\n\n  public static toggleCheckedBg = '#fff';\n  public static toggleCheckedBgHover = '#fff';\n\n  public static switcherBorderRadius = '8px';\n}\n\nexport const Theme2022Internal = Object.setPrototypeOf(\n  exposeGetters(Theme2022),\n  DefaultThemeInternal,\n) as typeof Theme2022;\n"]}
+{"version":3,"sources":["Theme2022.ts"],"names":["exposeGetters","DefaultThemeInternal","Theme2022","btnDefaultBorderColor","textColorDisabledContrast","modalHeaderPaddingBottom","modalFooterPaddingTop","tokenDefaultIdle","linkColor","linkHoverColor","linkActiveColor","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkLineBottom","linkLineBorderBottomStyle","linkLineBorderBottomWidth","borderColorFocus","bgActive","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","btnDefaultBorderBottomColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBorderTopColor","btnPrimaryBg","btnPrimaryHoverBg","btnPrimaryActiveBg","btnPrimaryBorderColor","btnPrimaryHoverBorderColor","btnPrimaryActiveBorderColor","btnDisabledBg","btnDisabledBorderColor","btnBorderRadiusSmall","btnBorderRadiusMedium","btnBorderRadiusLarge","btnPaddingXSmall","btnPaddingXMedium","btnPaddingXLarge","btnIconSizeSmall","btnIconSizeMedium","btnIconSizeLarge","btnIconGapSmall","btnIconGapMedium","btnIconGapLarge","btnWithIconPaddingLeftSmall","btnWithIconPaddingLeftMedium","btnWithIconPaddingLeftLarge","btnLinkHoverTextDecoration","btnLinkLineBottom","btnLinkLineBorderBottomStyle","btnLinkLineBorderBottomWidth","inputBorderRadiusSmall","inputBorderRadiusMedium","inputBorderRadiusLarge","textareaBorderRadius","radioBulletSize","checkboxBorderRadius","checkboxIconHeight","checkboxIconWidth","checkboxIconTop","checkboxIconLeft","menuSeparatorMarginX","tooltipBorderRadius","popupBorderRadius","popupBoxShadow","popupDropShadow","pickerShadow","toastBorderRadius","hintBorderRadius","modalWindowShadow","modalBorderRadius","fixedPanelShadow","modalFooterBg","modalFooterPaddingBottom","modalFixedHeaderMarginBottom","modalFixedFooterMarginTop","modalSeparatorBorderBottom","modalHeaderFontWeight","modalPaddingRight","checkboxCheckedBg","menuBorderRadius","menuPaddingX","menuItemHoverBg","menuItemHoverColor","menuItemBorderRadius","menuItemCommentColorHover","menuShadow","fileUploaderBorderRadius","fileUploaderLinkHoverTextDecoration","fileUploaderHoveredBg","tokenInputBorderRadius","tokenBorderRadius","tokenPaddingY","tokenPaddingX","tokenMarginY","tokenMarginX","tokenInputPaddingY","tokenInputPaddingX","toggleHandleSize","toggleHandleLeft","toggleHandleTop","toggleHandleActiveWidthIncrement","toggleHandleBg","toggleBgChecked","toggleBgHover","toggleCheckedBg","toggleCheckedBgHover","switcherBorderRadius","Theme2022Internal","Object","setPrototypeOf"],"mappings":"wIAAA,SAASA,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,oBAAT,QAAqC,gBAArC;;AAEA,WAAaC,SAAb;AACE;;;;;;;;;;;;;;;;;;;;AAoBA;;;;;;AAMA;;;;;;;;;AASA,mBAA+C;AAC7C,aAAO,KAAKC,qBAAZ;AACD,KAtCH;;AAwCE,mBAAgD;AAC9C,aAAO,KAAKA,qBAAZ;AACD,KA1CH;;;;;;;;;;;;AAsDE,mBAAyC;AACvC,aAAO,KAAKC,yBAAZ;AACD,KAxDH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIE,mBAAkD;AAChD,aAAO,KAAKC,wBAAZ;AACD,KAnIH;AAoIE,mBAA+C;AAC7C,aAAO,KAAKC,qBAAZ;AACD,KAtIH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqLE,mBAAwC;AACtC,aAAO,KAAKC,gBAAZ;AACD,KAvLH,0FAAaL,S,CAEGM,S,GAAY,S,CAFfN,S,CAGGO,c,GAAiB,S,CAHpBP,S,CAIGQ,e,GAAkB,S,CAJrBR,S,CAMGS,gB,GAAmB,S,CANtBT,S,CAOGU,qB,GAAwB,S,CAP3BV,S,CAQGW,sB,GAAyB,S,CAR5BX,S,CAUGY,e,GAAkB,S,CAVrBZ,S,CAWGa,oB,GAAuB,S,CAX1Bb,S,CAYGc,qB,GAAwB,S,CAZ3Bd,S,CAcGe,e,GAAkB,S,CAdrBf,S,CAeGgB,oB,GAAuB,S,CAf1BhB,S,CAgBGiB,qB,GAAwB,S,CAhB3BjB,S,CAkBGkB,c,GAAiB,G,CAlBpBlB,S,CAmBGmB,yB,GAA4B,O,CAnB/BnB,S,CAoBGoB,yB,GAA4B,K,CApB/BpB,S,CAuBGqB,gB,GAAmB,S,CAvBtBrB,S,CAyBGsB,Q,GAAW,S,CAzBdtB,S,CA4BGuB,Y,GAAe,M,CA5BlBvB,S,CA6BGwB,iB,GAAoB,S,CA7BvBxB,S,CA8BGyB,sB,GAAyB,M,CA9B5BzB,S,CA+BG0B,oB,GAAuB,M,CA/B1B1B,S,CAgCG2B,kB,GAAqB,S,CAhCxB3B,S,CAkCGC,qB,GAAwB,sB,CAlC3BD,S,CAmCG4B,2B,GAA8B,E,CAnCjC5B,S,CAuCG6B,gC,GAAmC,E,CAvCtC7B,S,CA2CG8B,8B,GAAiC,E,CA3CpC9B,S,CA6CG+B,Y,GAAe,S,CA7ClB/B,S,CA8CGgC,iB,GAAoB,S,CA9CvBhC,S,CA+CGiC,kB,GAAqB,S,CA/CxBjC,S,CAiDGkC,qB,GAAwB,S,CAjD3BlC,S,CAkDGmC,0B,GAA6B,S,CAlDhCnC,S,CAmDGoC,2B,GAA8B,S,CAnDjCpC,S,CAqDGqC,a,GAAgB,qB,CArDnBrC,S,CAyDGsC,sB,GAAyB,qB,CAzD5BtC,S,CA2DGuC,oB,GAAuB,K,CA3D1BvC,S,CA4DGwC,qB,GAAwB,K,CA5D3BxC,S,CA6DGyC,oB,GAAuB,K,CA7D1BzC,S,CA+DG0C,gB,GAAmB,M,CA/DtB1C,S,CAgEG2C,iB,GAAoB,M,CAhEvB3C,S,CAiEG4C,gB,GAAmB,M,CAjEtB5C,S,CAuEG6C,gB,GAAmB,M,CAvEtB7C,S,CAwEG8C,iB,GAAoB,M,CAxEvB9C,S,CAyEG+C,gB,GAAmB,M,CAzEtB/C,S,CA2EGgD,e,GAAkB,K,CA3ErBhD,S,CA4EGiD,gB,GAAmB,K,CA5EtBjD,S,CA6EGkD,e,GAAkB,K,CA7ErBlD,S,CA+EGmD,2B,GAA8B,K,CA/EjCnD,S,CAgFGoD,4B,GAA+B,M,CAhFlCpD,S,CAiFGqD,2B,GAA8B,M,CAjFjCrD,S,CAmFGsD,0B,GAA6B,M,CAnFhCtD,S,CAqFGuD,iB,GAAoB,G,CArFvBvD,S,CAsFGwD,4B,GAA+B,O,CAtFlCxD,S,CAuFGyD,4B,GAA+B,K,CAvFlCzD,S,CA2FG0D,sB,GAAyB,K,CA3F5B1D,S,CA4FG2D,uB,GAA0B,K,CA5F7B3D,S,CA6FG4D,sB,GAAyB,K,CA7F5B5D,S,CA+FG6D,oB,GAAuB,K,CA/F1B7D,S,CAiGG8D,e,GAAkB,K,CAjGrB9D,S,CAmGG+D,oB,GAAuB,K,CAnG1B/D,S,CAoGGgE,kB,GAAqB,M,CApGxBhE,S,CAqGGiE,iB,GAAoB,M,CArGvBjE,S,CAsGGkE,e,GAAkB,K,CAtGrBlE,S,CAuGGmE,gB,GAAmB,K,CAvGtBnE,S,CAyGGoE,oB,GAAuB,K,CAzG1BpE,S,CA2GGqE,mB,GAAsB,K,CA3GzBrE,S,CA6GGsE,iB,GAAoB,K,CA7GvBtE,S,CA8GGuE,c,GAAiB,sC,CA9GpBvE,S,CA+GGwE,e,GAAkB,+C,CA/GrBxE,S,CAiHGyE,Y,GAAe,sC,CAjHlBzE,S,CAmHG0E,iB,GAAoB,K,CAnHvB1E,S,CAqHG2E,gB,GAAmB,K,CArHtB3E,S,CAwHG4E,iB,GAAoB,uC,CAxHvB5E,S,CAyHG6E,iB,GAAoB,M,CAzHvB7E,S,CA0HG8E,gB,GAAmB,M,CA1HtB9E,S,CA2HG+E,a,GAAgB,M,CA3HnB/E,S,CA8HGI,qB,GAAwB,M,CA9H3BJ,S,CA+HGgF,wB,GAA2B,M,CA/H9BhF,S,CAgIGiF,4B,GAA+B,K,CAhIlCjF,S,CAuIGkF,yB,GAA4B,K,CAvI/BlF,S,CAwIGmF,0B,GAA6B,mB,CAxIhCnF,S,CAyIGoF,qB,GAAwB,K,CAzI3BpF,S,CA0IGqF,iB,GAAoB,M,CA1IvBrF,S,CA6IGsF,iB,GAAoB,S,CA7IvBtF,S,CA+IGuF,gB,GAAmB,K,CA/ItBvF,S,CAgJGwF,Y,GAAe,K,CAhJlBxF,S,CAiJGyF,e,GAAkB,S,CAjJrBzF,S,CAkJG0F,kB,GAAqB,M,CAlJxB1F,S,CAmJG2F,oB,GAAuB,K,CAnJ1B3F,S,CAoJG4F,yB,GAA4B,S,CApJ/B5F,S,CAqJG6F,U,GAAa,sC,CArJhB7F,S,CAuJG8F,wB,GAA2B,K,CAvJ9B9F,S,CAwJG+F,mC,GAAsC,M,CAxJzC/F,S,CAyJGgG,qB,GAAwB,qB,CAzJ3BhG,S,CA2JGiG,sB,GAAyB,K,CA3J5BjG,S,CA4JGkG,iB,GAAoB,K,CA5JvBlG,S,CA8JGmG,a,GAAgB,K,CA9JnBnG,S,CA+JGoG,a,GAAgB,K,CA/JnBpG,S,CAiKGqG,Y,GAAe,K,CAjKlBrG,S,CAkKGsG,Y,GAAe,K,CAlKlBtG,S,CAoKGuG,kB,GAAqB,K,CApKxBvG,S,CAqKGwG,kB,GAAqB,K,CArKxBxG,S,CAuKGyG,gB,GAAmB,M,CAvKtBzG,S,CAwKG0G,gB,GAAmB,K,CAxKtB1G,S,CAyKG2G,e,GAAkB,K,CAzKrB3G,S,CA0KG4G,gC,GAAmC,K,CA1KtC5G,S,CA4KG6G,c,GAAiB,S,CA5KpB7G,S,CA6KG8G,e,GAAkB,S,CA7KrB9G,S,CA8KG+G,a,GAAgB,S,CA9KnB/G,S,CAgLGgH,e,GAAkB,M,CAhLrBhH,S,CAiLGiH,oB,GAAuB,M,CAjL1BjH,S,CAmLGkH,oB,GAAuB,K;;;AAOvC,OAAO,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/BvH,aAAa,CAACE,SAAD,CADkB;AAE/BD,oBAF+B,CAA1B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class Theme2022 extends (class {} as typeof DefaultThemeInternal) {\n  //#region Link\n  public static linkColor = '#3D3D3D';\n  public static linkHoverColor = '#292929';\n  public static linkActiveColor = '#141414';\n\n  public static linkSuccessColor = '#477916';\n  public static linkSuccessHoverColor = '#3A6710';\n  public static linkSuccessActiveColor = '#325A0C';\n\n  public static linkDangerColor = '#CB3D35';\n  public static linkDangerHoverColor = '#CB3D35';\n  public static linkDangerActiveColor = '#A92A27';\n\n  public static linkGrayedColor = '#858585';\n  public static linkGrayedHoverColor = '#292929';\n  public static linkGrayedActiveColor = '#141414';\n\n  public static linkLineBottom = '0';\n  public static linkLineBorderBottomStyle = 'solid';\n  public static linkLineBorderBottomWidth = '1px';\n  //#endregion Link\n\n  public static borderColorFocus = '#141414';\n\n  public static bgActive = '#141414';\n\n  //#region Button\n  public static btnDefaultBg = '#fff';\n  public static btnDefaultHoverBg = '#f6f6f6';\n  public static btnDefaultHoverBgStart = 'none';\n  public static btnDefaultHoverBgEnd = 'none';\n  public static btnDefaultActiveBg = '#ebebeb';\n\n  public static btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16);';\n  public static btnDefaultBorderBottomColor = '';\n  public static get btnDefaultHoverBorderColor() {\n    return this.btnDefaultBorderColor;\n  }\n  public static btnDefaultHoverBorderBottomColor = '';\n  public static get btnDefaultActiveBorderColor() {\n    return this.btnDefaultBorderColor;\n  }\n  public static btnDefaultActiveBorderTopColor = '';\n\n  public static btnPrimaryBg = '#3D3D3D';\n  public static btnPrimaryHoverBg = '#292929';\n  public static btnPrimaryActiveBg = '#141414';\n\n  public static btnPrimaryBorderColor = '#3D3D3D';\n  public static btnPrimaryHoverBorderColor = '#292929';\n  public static btnPrimaryActiveBorderColor = '#141414';\n\n  public static btnDisabledBg = 'rgba(0, 0, 0, 0.04)';\n  public static get btnDisabledTextColor() {\n    return this.textColorDisabledContrast;\n  }\n  public static btnDisabledBorderColor = 'rgba(0, 0, 0, 0.08)';\n\n  public static btnBorderRadiusSmall = '8px';\n  public static btnBorderRadiusMedium = '8px';\n  public static btnBorderRadiusLarge = '8px';\n\n  public static btnPaddingXSmall = '12px';\n  public static btnPaddingXMedium = '16px';\n  public static btnPaddingXLarge = '20px';\n\n  // public static btnPaddingYSmall = '6px';\n  // public static btnPaddingYMedium = '9px';\n  // public static btnPaddingYLarge = '12px';\n\n  public static btnIconSizeSmall = '16px';\n  public static btnIconSizeMedium = '20px';\n  public static btnIconSizeLarge = '24px';\n\n  public static btnIconGapSmall = '4px';\n  public static btnIconGapMedium = '6px';\n  public static btnIconGapLarge = '8px';\n\n  public static btnWithIconPaddingLeftSmall = '8px';\n  public static btnWithIconPaddingLeftMedium = '10px';\n  public static btnWithIconPaddingLeftLarge = '12px';\n\n  public static btnLinkHoverTextDecoration = 'none';\n\n  public static btnLinkLineBottom = '0';\n  public static btnLinkLineBorderBottomStyle = 'solid';\n  public static btnLinkLineBorderBottomWidth = '1px';\n\n  //#endregion\n\n  public static inputBorderRadiusSmall = '2px';\n  public static inputBorderRadiusMedium = '2px';\n  public static inputBorderRadiusLarge = '2px';\n\n  public static textareaBorderRadius = '2px';\n\n  public static radioBulletSize = '6px';\n\n  public static checkboxBorderRadius = '4px';\n  public static checkboxIconHeight = '12px';\n  public static checkboxIconWidth = '12px';\n  public static checkboxIconTop = '2px';\n  public static checkboxIconLeft = '2px';\n\n  public static menuSeparatorMarginX = '8px';\n\n  public static tooltipBorderRadius = '8px';\n\n  public static popupBorderRadius = '8px';\n  public static popupBoxShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';\n  public static popupDropShadow = 'drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08))';\n\n  public static pickerShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';\n\n  public static toastBorderRadius = '8px';\n\n  public static hintBorderRadius = '8px';\n\n  //#region Modal\n  public static modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.04)';\n  public static modalBorderRadius = '16px';\n  public static fixedPanelShadow = 'none';\n  public static modalFooterBg = '#fff';\n  // public static modalFixedHeaderBorder = '1px solid #EBEBEB';\n  // public static modalFixedFooterBorder = '1px solid #EBEBEB';\n  public static modalFooterPaddingTop = '20px';\n  public static modalFooterPaddingBottom = '20px';\n  public static modalFixedHeaderMarginBottom = '0px';\n  public static get modalFixedHeaderPaddingBottom() {\n    return this.modalHeaderPaddingBottom;\n  }\n  public static get modalFixedFooterPaddingTop() {\n    return this.modalFooterPaddingTop;\n  }\n  public static modalFixedFooterMarginTop = '0px';\n  public static modalSeparatorBorderBottom = '1px solid #EBEBEB';\n  public static modalHeaderFontWeight = '700';\n  public static modalPaddingRight = '32px';\n  //#endregion\n\n  public static checkboxCheckedBg = '#3D3D3D';\n\n  public static menuBorderRadius = '8px';\n  public static menuPaddingX = '4px';\n  public static menuItemHoverBg = '#EBEBEB';\n  public static menuItemHoverColor = '#222';\n  public static menuItemBorderRadius = '6px';\n  public static menuItemCommentColorHover = '#858585';\n  public static menuShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';\n\n  public static fileUploaderBorderRadius = '8px';\n  public static fileUploaderLinkHoverTextDecoration = 'none';\n  public static fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';\n\n  public static tokenInputBorderRadius = '2px';\n  public static tokenBorderRadius = '2px';\n\n  public static tokenPaddingY = '1px';\n  public static tokenPaddingX = '3px';\n\n  public static tokenMarginY = '3px';\n  public static tokenMarginX = '2px';\n\n  public static tokenInputPaddingY = '2px';\n  public static tokenInputPaddingX = '2px';\n\n  public static toggleHandleSize = '14px';\n  public static toggleHandleLeft = '3px';\n  public static toggleHandleTop = '3px';\n  public static toggleHandleActiveWidthIncrement = '0px';\n\n  public static toggleHandleBg = '#3D3D3D';\n  public static toggleBgChecked = '#3D3D3D';\n  public static toggleBgHover = '#3D3D3D';\n\n  public static toggleCheckedBg = '#fff';\n  public static toggleCheckedBgHover = '#fff';\n\n  public static switcherBorderRadius = '8px';\n\n  public static get tokenDefaultIdle222() {\n    return this.tokenDefaultIdle;\n  }\n}\n\nexport const Theme2022Internal = Object.setPrototypeOf(\n  exposeGetters(Theme2022),\n  DefaultThemeInternal,\n) as typeof Theme2022;\n"]}

package/internal/themes/Theme2022.d.ts

@@ -1,14 +1,42 @@
 declare const Theme2022_base: typeof import("./DefaultTheme").DefaultTheme;
 export declare class Theme2022 extends Theme2022_base {
     static linkColor: string;
+    static linkHoverColor: string;
     static linkActiveColor: string;
+    static linkSuccessColor: string;
+    static linkSuccessHoverColor: string;
+    static linkSuccessActiveColor: string;
+    static linkDangerColor: string;
+    static linkDangerHoverColor: string;
+    static linkDangerActiveColor: string;
+    static linkGrayedColor: string;
+    static linkGrayedHoverColor: string;
+    static linkGrayedActiveColor: string;
+    static linkLineBottom: string;
+    static linkLineBorderBottomStyle: string;
+    static linkLineBorderBottomWidth: string;
+    static borderColorFocus: string;
     static bgActive: string;
+    static btnDefaultBg: string;
+    static btnDefaultHoverBg: string;
+    static btnDefaultHoverBgStart: string;
+    static btnDefaultHoverBgEnd: string;
+    static btnDefaultActiveBg: string;
+    static btnDefaultBorderColor: string;
+    static btnDefaultBorderBottomColor: string;
+    static get btnDefaultHoverBorderColor(): string;
+    static btnDefaultHoverBorderBottomColor: string;
+    static get btnDefaultActiveBorderColor(): string;
+    static btnDefaultActiveBorderTopColor: string;
     static btnPrimaryBg: string;
-    static btnPrimaryBorderColor: string;
     static btnPrimaryHoverBg: string;
-    static btnPrimaryHoverBorderColor: string;
     static btnPrimaryActiveBg: string;
+    static btnPrimaryBorderColor: string;
+    static btnPrimaryHoverBorderColor: string;
     static btnPrimaryActiveBorderColor: string;
+    static btnDisabledBg: string;
+    static get btnDisabledTextColor(): string;
+    static btnDisabledBorderColor: string;
     static btnBorderRadiusSmall: string;
     static btnBorderRadiusMedium: string;
     static btnBorderRadiusLarge: string;
@@ -21,18 +49,44 @@ export declare class Theme2022 extends Theme2022_base {
     static btnIconGapSmall: string;
     static btnIconGapMedium: string;
     static btnIconGapLarge: string;
+    static btnWithIconPaddingLeftSmall: string;
+    static btnWithIconPaddingLeftMedium: string;
+    static btnWithIconPaddingLeftLarge: string;
+    static btnLinkHoverTextDecoration: string;
+    static btnLinkLineBottom: string;
+    static btnLinkLineBorderBottomStyle: string;
+    static btnLinkLineBorderBottomWidth: string;
     static inputBorderRadiusSmall: string;
     static inputBorderRadiusMedium: string;
     static inputBorderRadiusLarge: string;
+    static textareaBorderRadius: string;
+    static radioBulletSize: string;
+    static checkboxBorderRadius: string;
+    static checkboxIconHeight: string;
+    static checkboxIconWidth: string;
+    static checkboxIconTop: string;
+    static checkboxIconLeft: string;
+    static menuSeparatorMarginX: string;
     static tooltipBorderRadius: string;
     static popupBorderRadius: string;
+    static popupBoxShadow: string;
+    static popupDropShadow: string;
+    static pickerShadow: string;
     static toastBorderRadius: string;
     static hintBorderRadius: string;
+    static modalWindowShadow: string;
     static modalBorderRadius: string;
     static fixedPanelShadow: string;
     static modalFooterBg: string;
-    static modalFixedHeaderBorder: string;
-    static modalFixedFooterBorder: string;
+    static modalFooterPaddingTop: string;
+    static modalFooterPaddingBottom: string;
+    static modalFixedHeaderMarginBottom: string;
+    static get modalFixedHeaderPaddingBottom(): string;
+    static get modalFixedFooterPaddingTop(): string;
+    static modalFixedFooterMarginTop: string;
+    static modalSeparatorBorderBottom: string;
+    static modalHeaderFontWeight: string;
+    static modalPaddingRight: string;
     static checkboxCheckedBg: string;
     static menuBorderRadius: string;
     static menuPaddingX: string;
@@ -40,6 +94,7 @@ export declare class Theme2022 extends Theme2022_base {
     static menuItemHoverColor: string;
     static menuItemBorderRadius: string;
     static menuItemCommentColorHover: string;
+    static menuShadow: string;
     static fileUploaderBorderRadius: string;
     static fileUploaderLinkHoverTextDecoration: string;
     static fileUploaderHoveredBg: string;
@@ -61,6 +116,7 @@ export declare class Theme2022 extends Theme2022_base {
     static toggleCheckedBg: string;
     static toggleCheckedBgHover: string;
     static switcherBorderRadius: string;
+    static get tokenDefaultIdle222(): string;
 }
 export declare const Theme2022Internal: typeof Theme2022;
 export {};

package/internal/themes/Theme2022Dark/Theme2022Dark.js

@@ -14,4 +14,13 @@ export var Theme2022Dark = /*#__PURE__*/function (_ref) {
 
   return _class;
 }());
+Theme2022Dark.btnLinkColor = '#ddd';
+Theme2022Dark.btnLinkHoverColor = '#eee';
+Theme2022Dark.btnLinkActiveColor = '#fff';
+Theme2022Dark.btnOutlineColorFocus = '#fff';
+Theme2022Dark.btnDefaultBg = '#606060';
+Theme2022Dark.btnDefaultHoverBg = '#505050';
+Theme2022Dark.btnDefaultHoverBgStart = 'none';
+Theme2022Dark.btnDefaultHoverBgEnd = 'none';
+Theme2022Dark.btnDefaultActiveBg = '#404040';
 export var Theme2022DarkInternal = Object.setPrototypeOf(exposeGetters(Theme2022Dark), DefaultThemeInternal);

package/internal/themes/Theme2022Dark/Theme2022Dark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022Dark.ts"],"names":["exposeGetters","DefaultThemeInternal","Theme2022Dark","Theme2022DarkInternal","Object","setPrototypeOf"],"mappings":"sEAAA,SAASA,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,oBAAT,QAAqC,gBAArC;;AAEA,WAAaC,aAAb;;AAEA,OAAO,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnCL,aAAa,CAACE,aAAD,CADsB;AAEnCD,oBAFmC,CAA9B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class Theme2022Dark extends (class {} as typeof DefaultThemeInternal) {}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n  exposeGetters(Theme2022Dark),\n  DefaultThemeInternal,\n) as typeof Theme2022Dark;\n"]}
+{"version":3,"sources":["Theme2022Dark.ts"],"names":["exposeGetters","DefaultThemeInternal","Theme2022Dark","btnLinkColor","btnLinkHoverColor","btnLinkActiveColor","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","Theme2022DarkInternal","Object","setPrototypeOf"],"mappings":"sEAAA,SAASA,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,oBAAT,QAAqC,gBAArC;;AAEA,WAAaC,aAAb,oOAAaA,a;;AAEGC,Y,GAAe,M,CAFlBD,a;AAGGE,iB,GAAoB,M,CAHvBF,a;AAIGG,kB,GAAqB,M,CAJxBH,a;;AAMGI,oB,GAAuB,M,CAN1BJ,a;;AAQGK,Y,GAAe,S,CARlBL,a;AASGM,iB,GAAoB,S,CATvBN,a;AAUGO,sB,GAAyB,M,CAV5BP,a;AAWGQ,oB,GAAuB,M,CAX1BR,a;AAYGS,kB,GAAqB,S;;;;AAIrC,OAAO,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnCd,aAAa,CAACE,aAAD,CADsB;AAEnCD,oBAFmC,CAA9B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class Theme2022Dark extends (class {} as typeof DefaultThemeInternal) {\n  //#region Button\n  public static btnLinkColor = '#ddd';\n  public static btnLinkHoverColor = '#eee';\n  public static btnLinkActiveColor = '#fff';\n\n  public static btnOutlineColorFocus = '#fff';\n\n  public static btnDefaultBg = '#606060';\n  public static btnDefaultHoverBg = '#505050';\n  public static btnDefaultHoverBgStart = 'none';\n  public static btnDefaultHoverBgEnd = 'none';\n  public static btnDefaultActiveBg = '#404040';\n  //#endregion\n}\n\nexport const Theme2022DarkInternal = Object.setPrototypeOf(\n  exposeGetters(Theme2022Dark),\n  DefaultThemeInternal,\n) as typeof Theme2022Dark;\n"]}

package/internal/themes/Theme2022Dark.d.ts

@@ -1,5 +1,14 @@
 declare const Theme2022Dark_base: typeof import("./DefaultTheme").DefaultTheme;
 export declare class Theme2022Dark extends Theme2022Dark_base {
+    static btnLinkColor: string;
+    static btnLinkHoverColor: string;
+    static btnLinkActiveColor: string;
+    static btnOutlineColorFocus: string;
+    static btnDefaultBg: string;
+    static btnDefaultHoverBg: string;
+    static btnDefaultHoverBgStart: string;
+    static btnDefaultHoverBgEnd: string;
+    static btnDefaultActiveBg: string;
 }
 export declare const Theme2022DarkInternal: typeof Theme2022Dark;
 export {};

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -12,6 +12,7 @@ export var exposeGetters = function exposeGetters(theme) {
   return theme;
 };
 export var REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';
+export var REACT_UI_THEME_NAME = '__REACT_UI_THEME_NAME__';
 export var isDarkTheme = function isDarkTheme(theme) {
   // @ts-expect-error: internal value.
   return theme[REACT_UI_DARK_THEME_KEY] === true;
@@ -26,6 +27,19 @@ export var markAsDarkTheme = function markAsDarkTheme(theme) {
     configurable: false
   }, _Object$create));
 };
+export var markByName = function markByName(name, theme) {
+  var _Object$create2;
+
+  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_NAME] = {
+    value: name,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  }, _Object$create2));
+};
+export var getThemeName = function getThemeName(theme) {
+  return theme[REACT_UI_THEME_NAME] || '';
+};
 export function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeHelpers.ts"],"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","value","writable","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor"],"mappings":"AAAA,SAASA,aAAT,QAA8B,UAA9B;;;;AAIA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAgCC,KAAhC,EAAgD;AAC3E,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,4BAAhC;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACb,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAAgCd,KAAhC,EAAgD;AAC7E,SAAOE,MAAM,CAACa,MAAP,CAAcf,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBP,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM;;AAWP,OAAO,SAASS,sBAAT,CAAgClB,KAAhC,EAA8CmB,QAA9C,EAAqE;AAC1E;AACA;AACA;AACA,SAAOrB,aAAa,CAACE,KAAD,CAApB,EAA6BA,KAAK,GAAGE,MAAM,CAACkB,cAAP,CAAsBpB,KAAtB,CAArC,EAAmE;AACjE,QAAIE,MAAM,CAACmB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCvB,KAArC,EAA4CmB,QAA5C,CAAJ,EAA2D;AACzD,aAAOjB,MAAM,CAACsB,wBAAP,CAAgCxB,KAAhC,EAAuCmB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_DARK_THEME_KEY] === true;\n};\n\nexport const markAsDarkTheme = <T extends Record<string, any>>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_DARK_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_DARK_THEME_KEY","REACT_UI_THEME_NAME","isDarkTheme","markAsDarkTheme","create","value","writable","markByName","name","getThemeName","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor"],"mappings":"AAAA,SAASA,aAAT,QAA8B,UAA9B;;;;AAIA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAAgCC,KAAhC,EAAgD;AAC3E,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,4BAAhC;AACP,OAAO,IAAMC,mBAAmB,GAAG,yBAA5B;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACd,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAAgCf,KAAhC,EAAgD;AAC7E,SAAOE,MAAM,CAACc,MAAP,CAAchB,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBK,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBR,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMU,UAAU,GAAG,SAAbA,UAAa,CAAgCC,IAAhC,EAA8CpB,KAA9C,EAA8D;AACtF,SAAOE,MAAM,CAACc,MAAP,CAAchB,KAAd;AACJa,EAAAA,mBADI,IACkB;AACrBI,IAAAA,KAAK,EAAEG,IADc;AAErBF,IAAAA,QAAQ,EAAE,KAFW;AAGrBR,IAAAA,UAAU,EAAE,KAHS;AAIrBD,IAAAA,YAAY,EAAE,KAJO,EADlB,mBAAP;;;AAQD,CATM;;AAWP,OAAO,IAAMY,YAAY,GAAG,SAAfA,YAAe,CAAgCrB,KAAhC,EAAqD;AAC/E,SAAOA,KAAK,CAACa,mBAAD,CAAL,IAA8B,EAArC;AACD,CAFM;;AAIP,OAAO,SAASS,sBAAT,CAAgCtB,KAAhC,EAA8CuB,QAA9C,EAAqE;AAC1E;AACA;AACA;AACA,SAAOzB,aAAa,CAACE,KAAD,CAApB,EAA6BA,KAAK,GAAGE,MAAM,CAACsB,cAAP,CAAsBxB,KAAtB,CAArC,EAAmE;AACjE,QAAIE,MAAM,CAACuB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqC3B,KAArC,EAA4CuB,QAA5C,CAAJ,EAA2D;AACzD,aAAOrB,MAAM,CAAC0B,wBAAP,CAAgC5B,KAAhC,EAAuCuB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';\nexport const REACT_UI_THEME_NAME = '__REACT_UI_THEME_NAME__';\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_DARK_THEME_KEY] === true;\n};\n\nexport const markAsDarkTheme = <T extends Record<string, any>>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_DARK_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const markByName = <T extends Record<string, any>>(name: string, theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_NAME]: {\n      value: name,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const getThemeName = <T extends Record<string, any>>(theme: T): string => {\n  return theme[REACT_UI_THEME_NAME] || '';\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n"]}

package/lib/theming/ThemeHelpers.d.ts

@@ -1,6 +1,9 @@
 import { Theme, ThemeIn } from './Theme';
 export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
 export declare const REACT_UI_DARK_THEME_KEY = "__IS_REACT_UI_DARK_THEME__";
+export declare const REACT_UI_THEME_NAME = "__REACT_UI_THEME_NAME__";
 export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
 export declare const markAsDarkTheme: <T extends Record<string, any>>(theme: T) => T;
+export declare const markByName: <T extends Record<string, any>>(name: string, theme: T) => T;
+export declare const getThemeName: <T extends Record<string, any>>(theme: T) => string;
 export declare function findPropertyDescriptor(theme: Theme, propName: keyof Theme): PropertyDescriptor;

package/lib/theming/themes/Theme2022/Theme2022.js

@@ -1,4 +1,5 @@
 import { ThemeFactory } from "../../ThemeFactory";
 import { Theme2022Internal } from "../../../../internal/themes/Theme2022";
+import { markByName } from "../../ThemeHelpers";
 import { DEFAULT_THEME } from "../DefaultTheme";
-export var THEME_2022 = ThemeFactory.create(Theme2022Internal, DEFAULT_THEME);
+export var THEME_2022 = markByName('THEME_2022', ThemeFactory.create(Theme2022Internal, DEFAULT_THEME));

package/lib/theming/themes/Theme2022/Theme2022.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022.ts"],"names":["ThemeFactory","Theme2022Internal","DEFAULT_THEME","THEME_2022","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,oCAAlC;;AAEA,SAASC,aAAT,QAA8B,gBAA9B;;AAEA,OAAO,IAAMC,UAAU,GAAGH,YAAY,CAACI,MAAb,CAAoBH,iBAApB,EAAuCC,aAAvC,CAAnB","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const THEME_2022 = ThemeFactory.create(Theme2022Internal, DEFAULT_THEME);\n"]}
+{"version":3,"sources":["Theme2022.ts"],"names":["ThemeFactory","Theme2022Internal","markByName","DEFAULT_THEME","THEME_2022","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,UAAT,QAA2B,iBAA3B;;AAEA,SAASC,aAAT,QAA8B,gBAA9B;;AAEA,OAAO,IAAMC,UAAU,GAAGF,UAAU,CAAC,YAAD,EAAeF,YAAY,CAACK,MAAb,CAAoBJ,iBAApB,EAAuCE,aAAvC,CAAf,CAA7B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\nimport { markByName } from '../ThemeHelpers';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const THEME_2022 = markByName('THEME_2022', ThemeFactory.create(Theme2022Internal, DEFAULT_THEME));\n"]}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.5.2",
+  "version": "4.5.3-theme2022.0",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/4.5.2/",
+  "homepage": "https://tech.skbkontur.ru/react-ui",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -75,6 +75,7 @@
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "7.16.5",
     "@babel/register": "^7.16.5",
+    "@skbkontur/icons": "^0.10.0",
     "@skbkontur/react-icons": "5.2.0",
     "@skbkontur/react-props2attrs": "0.1.2",
     "@skbkontur/react-sorge": "0.1.0",
@@ -150,8 +151,5 @@
   "peerDependencies": {
     "react": ">=16.9",
     "react-dom": ">=16.9"
-  },
-  "publishConfig": {
-    "tag": "latest"
   }
 }

package/typings/utility-types.d.ts

@@ -9,6 +9,6 @@ export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]
 
 export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
 
-export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
+export type Entries<T, K> = (o: { [k: T]: K }) => Array<[T, K]>;
 
 export type Writeable<T> = { -readonly [P in keyof T]: T[P] };