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

package/cjs/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/cjs/internal/themes/Theme2022.js

@@ -1,98 +1,191 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Theme2022Internal = exports.Theme2022 = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Theme2022Internal = exports.Theme2022 = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _DefaultTheme = require("./DefaultTheme");var
 
-Theme2022 = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022, _ref);function Theme2022() {return _ref.apply(this, arguments) || this;}return Theme2022;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022 = Theme2022;Theme2022.
-linkColor = '#3D3D3D';Theme2022.
-linkActiveColor = '#141414';Theme2022.
+Theme2022 = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022, _ref);function Theme2022() {return _ref.apply(this, arguments) || this;}(0, _createClass2.default)(Theme2022, null, [{ key: "btnDefaultHoverBorderColor", get:
+    //#region Link
 
-bgActive = '#141414';Theme2022.
 
-btnPrimaryBg = '#3D3D3D';Theme2022.
-btnPrimaryBorderColor = '#3D3D3D';Theme2022.
 
-btnPrimaryHoverBg = '#292929';Theme2022.
-btnPrimaryHoverBorderColor = '#292929';Theme2022.
 
-btnPrimaryActiveBg = '#141414';Theme2022.
-btnPrimaryActiveBorderColor = '#141414';Theme2022.
 
-btnBorderRadiusSmall = '8px';Theme2022.
-btnBorderRadiusMedium = '8px';Theme2022.
-btnBorderRadiusLarge = '8px';Theme2022.
 
-btnPaddingXSmall = '12px';Theme2022.
-btnPaddingXMedium = '16px';Theme2022.
-btnPaddingXLarge = '20px';Theme2022.
 
 
 
 
 
-btnIconSizeSmall = '16px';Theme2022.
-btnIconSizeMedium = '20px';Theme2022.
-btnIconSizeLarge = '24px';Theme2022.
 
-btnIconGapSmall = '4px';Theme2022.
-btnIconGapMedium = '6px';Theme2022.
-btnIconGapLarge = '8px';Theme2022.
 
-inputBorderRadiusSmall = '2px';Theme2022.
-inputBorderRadiusMedium = '2px';Theme2022.
-inputBorderRadiusLarge = '2px';Theme2022.
 
-tooltipBorderRadius = '8px';Theme2022.
 
-popupBorderRadius = '8px';Theme2022.
 
-toastBorderRadius = '8px';Theme2022.
 
-hintBorderRadius = '8px';Theme2022.
 
-modalBorderRadius = '16px';Theme2022.
-fixedPanelShadow = 'none';Theme2022.
-modalFooterBg = '#fff';Theme2022.
-modalFixedHeaderBorder = '1px solid #EBEBEB';Theme2022.
-modalFixedFooterBorder = '1px solid #EBEBEB';Theme2022.
 
-checkboxCheckedBg = '#3D3D3D';Theme2022.
+    //#endregion Link
 
-menuBorderRadius = '8px';Theme2022.
-menuPaddingX = '4px';Theme2022.
-menuItemHoverBg = '#EBEBEB';Theme2022.
-menuItemHoverColor = '#222';Theme2022.
-menuItemBorderRadius = '6px';Theme2022.
-menuItemCommentColorHover = '#858585';Theme2022.
 
-fileUploaderBorderRadius = '8px';Theme2022.
-fileUploaderLinkHoverTextDecoration = 'none';Theme2022.
-fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';Theme2022.
 
-tokenInputBorderRadius = '2px';Theme2022.
-tokenBorderRadius = '2px';Theme2022.
 
-tokenPaddingY = '1px';Theme2022.
-tokenPaddingX = '3px';Theme2022.
 
-tokenMarginY = '3px';Theme2022.
-tokenMarginX = '2px';Theme2022.
+    //#region Button
 
-tokenInputPaddingY = '2px';Theme2022.
-tokenInputPaddingX = '2px';Theme2022.
 
-toggleHandleSize = '14px';Theme2022.
-toggleHandleLeft = '3px';Theme2022.
-toggleHandleTop = '3px';Theme2022.
-toggleHandleActiveWidthIncrement = '0px';Theme2022.
 
-toggleHandleBg = '#3D3D3D';Theme2022.
-toggleBgChecked = '#3D3D3D';Theme2022.
-toggleBgHover = '#3D3D3D';Theme2022.
 
-toggleCheckedBg = '#fff';Theme2022.
-toggleCheckedBgHover = '#fff';Theme2022.
 
-switcherBorderRadius = '8px';
+
+
+
+    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() {}return _class;}());exports.Theme2022 = Theme2022;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.btnPrimaryHoverBg = '#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';Theme2022.btnPaddingXSmall = '12px';Theme2022.btnPaddingXMedium = '16px';Theme2022.btnPaddingXLarge = '20px';Theme2022.btnIconSizeSmall = '16px';Theme2022.btnIconSizeMedium = '20px';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.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';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)';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.toggleHandleSize = '14px';Theme2022.toggleHandleLeft = '3px';Theme2022.toggleHandleTop = '3px';Theme2022.toggleHandleActiveWidthIncrement = '0px';Theme2022.toggleHandleBg = '#3D3D3D';Theme2022.toggleBgChecked = '#3D3D3D';Theme2022.toggleBgHover = '#3D3D3D';Theme2022.toggleCheckedBg = '#fff';Theme2022.toggleCheckedBgHover = '#fff';Theme2022.switcherBorderRadius = '8px';
 
 
 var Theme2022Internal = Object.setPrototypeOf(

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

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022.ts"],"names":["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","DefaultThemeInternal"],"mappings":"iRAAA;;AAEA,8C;;AAEaA,S,oQAAAA,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;;;AAGhC,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/B,iCAAchE,SAAd,CAD+B;AAE/BiE,kCAF+B,CAA1B,C","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":["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","DefaultThemeInternal"],"mappings":"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","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/cjs/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/cjs/internal/themes/Theme2022Dark.js

@@ -2,7 +2,21 @@
 
 var _DefaultTheme = require("./DefaultTheme");var
 
-Theme2022Dark = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022Dark, _ref);function Theme2022Dark() {return _ref.apply(this, arguments) || this;}return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;
+Theme2022Dark = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022Dark, _ref);function Theme2022Dark() {return _ref.apply(this, arguments) || this;}return Theme2022Dark;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022Dark = Theme2022Dark;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';
+
+
 
 var Theme2022DarkInternal = Object.setPrototypeOf(
 (0, _ThemeHelpers.exposeGetters)(Theme2022Dark),

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

@@ -1 +1 @@
-{"version":3,"sources":["Theme2022Dark.ts"],"names":["Theme2022Dark","Theme2022DarkInternal","Object","setPrototypeOf","DefaultThemeInternal"],"mappings":"yRAAA;;AAEA,8C;;AAEaA,a;;AAEN,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAcH,aAAd,CADmC;AAEnCI,kCAFmC,CAA9B,C","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":["Theme2022Dark","btnLinkColor","btnLinkHoverColor","btnLinkActiveColor","btnOutlineColorFocus","btnDefaultBg","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultActiveBg","Theme2022DarkInternal","Object","setPrototypeOf","DefaultThemeInternal"],"mappings":"yRAAA;;AAEA,8C;;AAEaA,a,wRAAAA,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;;;;AAI9B,IAAMC,qBAAqB,GAAGC,MAAM,CAACC,cAAP;AACnC,iCAAcZ,aAAd,CADmC;AAEnCa,kCAFmC,CAA9B,C","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/cjs/lib/rootNode/getRootNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 /**
- * Extracts component's root `Element` out of it's instance
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
  * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
  *
  * Replaces findDOMNode but falls back to it if "convention" is not respected.

package/cjs/lib/rootNode/getRootNode.js

@@ -1,6 +1,7 @@
-"use strict";exports.__esModule = true;exports.getRootNode = void 0;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.getRootNode = void 0;
 var _reactDom = require("react-dom");
 
+var _warning = _interopRequireDefault(require("warning"));
 
 
 var _SSRSafe = require("../SSRSafe");
@@ -9,7 +10,7 @@ var _client = require("../client");
 var _rootNodeDecorator = require("./rootNodeDecorator"); /* eslint-disable react/no-find-dom-node */
 
 /**
- * Extracts component's root `Element` out of it's instance
+ * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance
  * following the "StrictMode support convention" (@see README.md#strictmode, #2518).
  *
  * Replaces findDOMNode but falls back to it if "convention" is not respected.
@@ -19,14 +20,22 @@ var _rootNodeDecorator = require("./rootNodeDecorator"); /* eslint-disable react
  */
 
 var getRootNode = function getRootNode(instance) {
+  /**
+   * Options of what instance can be:
+   *  1. null or undefined
+   *  2. DOM Element
+   *  3. class Component instance (object)
+   *  4. literally anything, returned from useImperativeHandle
+   */
+
   if (!_client.canUseDOM || !instance) {
     // instance can be `null` if component was unmounted
-    // also checking undefined for convinient usage
+    // also checking undefined for convenient usage
     return null;
   }
 
   if ((0, _SSRSafe.isElement)(instance)) {
-    // instance can be a `Element` already if comming
+    // instance can be an Element already if its coming
     // from Refs of intrinsic elements (<div />, <button />, etc.)
     return instance;
   }
@@ -36,7 +45,7 @@ var getRootNode = function getRootNode(instance) {
   if ((0, _rootNodeDecorator.isInstanceWithRootNode)(instance)) {
     // it happened to be that native Node interface also has
     // the "getRootNode" method, but we can ignore it here
-    // because we'd already checked the instance on being an `Element`
+    // because we'd already checked the instance on being an Element
     // which is a subclass of Node, so, just fixing types here
     if (!(0, _SSRSafe.isNode)(instance)) {
       rootNode = instance.getRootNode();
@@ -44,16 +53,32 @@ var getRootNode = function getRootNode(instance) {
   }
 
   if (rootNode !== undefined) {
-    // at this point, it is rather `Element` (what we are looking for)
-    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it
+    // the getter exists and has returned something, it should be what we are looking for
+    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)
     return rootNode;
   }
 
-  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined
-  // anyway, it tell us that the convention is not respected (by the component itself or its children),
-  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode
-  rootNode = (0, _reactDom.findDOMNode)(instance);
+  try {
+    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined
+    // anyway, it tell us that the convention is not respected,
+    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode
+    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)
+    rootNode = (0, _reactDom.findDOMNode)(instance);
+  } catch (e) {
+    // but findDOMNode doesn`t accept everything that instance can be at this point,
+    // so we have to handle exceptions
+    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86
+    (0, _warning.default)(
+    false,
+    '[getRootNode]: can`t fallback to findDOMNode.' +
+    '\n' +
+    'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +
+    '\n\n' +
+    e.message);
+
+    return null;
+  }
 
-  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it
+  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it
   return (0, _SSRSafe.isElement)(rootNode) ? rootNode : null;
 };exports.getRootNode = getRootNode;

package/cjs/lib/rootNode/getRootNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["getRootNode","instance","canUseDOM","rootNode","undefined"],"mappings":";AACA;;;;AAIA;AACA;;AAEA,wD,CARA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF,MAAI,CAACC,iBAAD,IAAc,CAACD,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,wBAAUA,QAAV,CAAJ,EAAyB;AACvB;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIE,QAAJ;;AAEA,MAAI,+CAAuBF,QAAvB,CAAJ,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAAC,qBAAOA,QAAP,CAAL,EAAuB;AACrBE,MAAAA,QAAQ,GAAGF,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIG,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED;AACA;AACA;AACAA,EAAAA,QAAQ,GAAG,2BAAYF,QAAZ,CAAX;;AAEA;AACA,SAAO,wBAAUE,QAAV,IAAsBA,QAAtB,GAAiC,IAAxC;AACD,CAtCM,C","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root `Element` out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convinient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be a `Element` already if comming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an `Element`\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // at this point, it is rather `Element` (what we are looking for)\n    // or null (which is also OK, e.g. Popup/Tooltip/Hint before opening), so, just return it\n    return rootNode;\n  }\n\n  // node is undefined, which means that the instance's root node getter doesn't exists or returns the undefined\n  // anyway, it tell us that the convention is not respected (by the component itself or its children),\n  // so, we have to fall back to the deprecated findDOMNode, which always works but breaks StrictMode\n  rootNode = findDOMNode(instance);\n\n  // the findDOMNode can also return Text, but we are only intrested in HTMLElements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["getRootNode","instance","canUseDOM","rootNode","undefined","e","message"],"mappings":";AACA;;AAEA;;;AAGA;AACA;;AAEA,wD,CATA;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAgE;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;;AAEE,MAAI,CAACC,iBAAD,IAAc,CAACD,QAAnB,EAA6B;AAC3B;AACA;AACA,WAAO,IAAP;AACD;;AAED,MAAI,wBAAUA,QAAV,CAAJ,EAAyB;AACvB;AACA;AACA,WAAOA,QAAP;AACD;;AAED,MAAIE,QAAJ;;AAEA,MAAI,+CAAuBF,QAAvB,CAAJ,EAAsC;AACpC;AACA;AACA;AACA;AACA,QAAI,CAAC,qBAAOA,QAAP,CAAL,EAAuB;AACrBE,MAAAA,QAAQ,GAAGF,QAAQ,CAACD,WAAT,EAAX;AACD;AACF;;AAED,MAAIG,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B;AACA;AACA,WAAOD,QAAP;AACD;;AAED,MAAI;AACF;AACA;AACA;AACA;AACAA,IAAAA,QAAQ,GAAG,2BAAYF,QAAZ,CAAX;AACD,GAND,CAME,OAAOI,CAAP,EAAU;AACV;AACA;AACA;AACA;AACE,SADF;AAEE;AACE,QADF;AAEE,mGAFF;AAGE,UAHF;AAIEA,IAAAA,CAAC,CAACC,OANN;;AAQA,WAAO,IAAP;AACD;;AAED;AACA,SAAO,wBAAUH,QAAV,IAAsBA,QAAtB,GAAiC,IAAxC;AACD,CA9DM,C","sourcesContent":["/* eslint-disable react/no-find-dom-node */\nimport { findDOMNode } from 'react-dom';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\n/**\n * Extracts component's root Element (HTMLElement/SVGElement) out of it's instance\n * following the \"StrictMode support convention\" (@see README.md#strictmode, #2518).\n *\n * Replaces findDOMNode but falls back to it if \"convention\" is not respected.\n *\n * @param instance Component's instance provided by React.Ref or `this` inside class-components.\n * @returns Component's root `Element` or null\n */\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<Element> => {\n  /**\n   * Options of what instance can be:\n   *  1. null or undefined\n   *  2. DOM Element\n   *  3. class Component instance (object)\n   *  4. literally anything, returned from useImperativeHandle\n   */\n\n  if (!canUseDOM || !instance) {\n    // instance can be `null` if component was unmounted\n    // also checking undefined for convenient usage\n    return null;\n  }\n\n  if (isElement(instance)) {\n    // instance can be an Element already if its coming\n    // from Refs of intrinsic elements (<div />, <button />, etc.)\n    return instance;\n  }\n\n  let rootNode;\n\n  if (isInstanceWithRootNode(instance)) {\n    // it happened to be that native Node interface also has\n    // the \"getRootNode\" method, but we can ignore it here\n    // because we'd already checked the instance on being an Element\n    // which is a subclass of Node, so, just fixing types here\n    if (!isNode(instance)) {\n      rootNode = instance.getRootNode();\n    }\n  }\n\n  if (rootNode !== undefined) {\n    // the getter exists and has returned something, it should be what we are looking for\n    // probably its an Element or null (which is also OK, e.g. Popup/Tooltip/Hint before opening)\n    return rootNode;\n  }\n\n  try {\n    // rootNode is undefined, which means that the getter doesn't exists or returns the undefined\n    // anyway, it tell us that the convention is not respected,\n    // so, we have to fall back to the deprecated findDOMNode, which breaks StrictMode\n    // instance can still be a class component or an imperative handle (i.e., anything, except null/undefined/Element)\n    rootNode = findDOMNode(instance);\n  } catch (e) {\n    // but findDOMNode doesn`t accept everything that instance can be at this point,\n    // so we have to handle exceptions\n    // see https://github.com/facebook/react/blob/cae63505/packages/react-dom/src/__tests__/findDOMNode-test.js#L66-L86\n    warning(\n      false,\n      '[getRootNode]: can`t fallback to findDOMNode.' +\n        '\\n' +\n        'See https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/README.md#strictmode' +\n        '\\n\\n' +\n        e.message,\n    );\n    return null;\n  }\n\n  // the findDOMNode can also return Text, but we are only interested in Elements, so just filter it\n  return isElement(rootNode) ? rootNode : null;\n};\n"]}

package/cjs/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/cjs/lib/theming/ThemeHelpers.js

@@ -1,4 +1,4 @@
-"use strict";exports.__esModule = true;exports.exposeGetters = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markAsDarkTheme = exports.isDarkTheme = void 0;var _utils = require("../utils");
+"use strict";exports.__esModule = true;exports.exposeGetters = exports.REACT_UI_THEME_NAME = exports.REACT_UI_DARK_THEME_KEY = void 0;exports.findPropertyDescriptor = findPropertyDescriptor;exports.markByName = exports.markAsDarkTheme = exports.isDarkTheme = exports.getThemeName = void 0;var _utils = require("../utils");
 
 
 
@@ -15,6 +15,7 @@ var exposeGetters = function exposeGetters(theme) {
 };exports.exposeGetters = exposeGetters;
 
 var REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';exports.REACT_UI_DARK_THEME_KEY = REACT_UI_DARK_THEME_KEY;
+var REACT_UI_THEME_NAME = '__REACT_UI_THEME_NAME__';exports.REACT_UI_THEME_NAME = REACT_UI_THEME_NAME;
 
 var isDarkTheme = function isDarkTheme(theme) {
   // @ts-expect-error: internal value.
@@ -32,6 +33,21 @@ var markAsDarkTheme = function markAsDarkTheme(theme) {var _Object$create;
 
 };exports.markAsDarkTheme = markAsDarkTheme;
 
+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));
+
+
+};exports.markByName = markByName;
+
+var getThemeName = function getThemeName(theme) {
+  return theme[REACT_UI_THEME_NAME] || '';
+};exports.getThemeName = getThemeName;
+
 function findPropertyDescriptor(theme, propName) {
   // TODO: Rewrite for loop.
   // TODO: Enable `no-param-reassign` rule.