@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/internal/ThemeShowcase/ThemeShowcase.styles.d.ts

@@ -1,27 +1,27 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    searchBar(t: Theme): string;
-    heading(t: Theme): string;
-    headingSticky(): string;
-    table(): string;
-    headerCell(): string;
-    row(): string;
-    darkRow(): string;
-    cell(): string;
-    invisibleRow(): string;
-    invisibleDarkRow(): string;
-    suspiciousRow(): string;
-    majorCell(): string;
-    invisibleCell(): string;
-    suspiciousCell(): string;
-    elementName(): string;
-    relativeCss(): string;
-    variableName(): string;
-    colorExample(): string;
-    undefined(): string;
-    unusedVariablesWarning(): string;
-    cssClassObject(): string;
-    cssClassName(): string;
-    cssThemeObject(): string;
-    cssThemeProp(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    searchBar(t: Theme): string;
+    heading(t: Theme): string;
+    headingSticky(): string;
+    table(): string;
+    headerCell(): string;
+    row(): string;
+    darkRow(): string;
+    cell(): string;
+    invisibleRow(): string;
+    invisibleDarkRow(): string;
+    suspiciousRow(): string;
+    majorCell(): string;
+    invisibleCell(): string;
+    suspiciousCell(): string;
+    elementName(): string;
+    relativeCss(): string;
+    variableName(): string;
+    colorExample(): string;
+    undefined(): string;
+    unusedVariablesWarning(): string;
+    cssClassObject(): string;
+    cssClassName(): string;
+    cssThemeObject(): string;
+    cssThemeProp(): string;
+};

package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js

@@ -1,5 +1,5 @@
 import { globalObject } from '@skbkontur/global-object';
-import { DEFAULT_THEME } from "../../../lib/theming/themes/DefaultTheme";
+import { LIGHT_THEME } from "../../../lib/theming/themes/LightTheme";
 import { DARK_THEME } from "../../../lib/theming/themes/DarkTheme";
 import { IS_PROXY_SUPPORTED } from "../../../lib/Supports";
 var callsCount = 0;
@@ -9,8 +9,10 @@ export var COMPONENT_DESCRIPTIONS = {};
 export var COMPONENT_DESCRIPTIONS_BY_VARIABLE = {};
 if (IS_PROXY_SUPPORTED) {
   var baseThemes = [];
-  baseThemes.push(DEFAULT_THEME);
+  baseThemes.push(LIGHT_THEME);
   baseThemes.push(DARK_THEME);
+
+  // @ts-expect-error не очень-то и хотелось
   var componentsContext = require.context('../../../', true, /\.styles.ts$/);
   componentsContext.keys().forEach(function (fileName) {
     var fileNameStart = fileName.lastIndexOf('/') + 1;

package/internal/ThemeShowcase/VariablesCollector/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalObject","DEFAULT_THEME","DARK_THEME","IS_PROXY_SUPPORTED","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","baseThemes","push","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\n\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(DEFAULT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,0BAA0B;;;AAGvD,SAASC,aAAa,QAAQ,uCAAuC;AACrE,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,kBAAkB,QAAQ,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;AAuBvD,IAAIC,UAAU,GAAG,CAAC;AAClB,IAAIC,aAAa,GAAG,CAAC;AACrB,IAAMC,sBAAsB,GAAG,IAAIC,GAAG,CAAc,CAAC;;AAErD,OAAO,IAAMC,sBAAwC,GAAG,CAAC,CAAC;AAC1D,OAAO,IAAMC,kCAA+D,GAAG,CAAC,CAAC;;AAEjF,IAAIN,kBAAkB,EAAE;EACtB,IAAMO,UAAmB,GAAG,EAAE;EAC9BA,UAAU,CAACC,IAAI,CAACV,aAAa,CAAC;EAC9BS,UAAU,CAACC,IAAI,CAACT,UAAU,CAAC;;EAE3B,IAAMU,iBAAiB,GAAGC,OAAO,CAACC,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,cAAc,CAAC;EAC5EF,iBAAiB,CAACG,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,UAACC,QAAQ,EAAK;IAC7C,IAAMC,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC;IACnD,IAAMC,aAAa,GAAGH,QAAQ,CAACI,SAAS,CAACH,aAAa,CAAC,CAACI,OAAO,CAAC,YAAY,EAAE,EAAE,CAAC;IACjF,IAAMC,oBAA8C,GAAG,CAAC,CAAC;IACzDC,MAAM,CAACT,IAAI,CAACH,iBAAiB,CAACK,QAAQ,CAAC,CAAC,CAACD,OAAO,CAAC,UAACS,UAAU,EAAK;MAC/D,IAAMC,MAAM,GAAGd,iBAAiB,CAACK,QAAQ,CAAC,CAACQ,UAAU,CAAC;;MAEtDD,MAAM,CAACT,IAAI,CAACW,MAAM,CAAC,CAACV,OAAO,CAAC,UAACW,WAAW,EAAK;QAC3C,IAAMC,OAAO,GAAGF,MAAM,CAACC,WAAW,CAAC;QACnC,IAAI,OAAOC,OAAO,KAAK,UAAU,EAAE;UACjC;QACF;QACA,IAAMC,oBAAoB,GAAG,IAAItB,GAAG,CAAc,CAAC;QACnD,IAAMuB,YAAkC,GAAG,CAAC,CAAC;QAC7C,IAAMC,mBAAmB,GAAGC,eAAe,CAACH,oBAAoB,EAAEC,YAAY,CAAC;QAC/E,IAAMG,MAAM,GAAGvB,UAAU,CAACwB,GAAG,CAAC,UAACC,CAAC,UAAK,IAAIC,KAAK,CAACD,CAAC,EAAEJ,mBAAmB,CAAC,GAAC;QACvEE,MAAM,CAACjB,OAAO,CAAC,UAACmB,CAAC,UAAKP,OAAO,CAACO,CAAC,CAAC,GAAC;;QAEjC,IAAME,SAAS,GAAGC,KAAK,CAACC,IAAI,CAACV,oBAAoB,CAAC;;QAElD,IAAIQ,SAAS,CAACG,MAAM,GAAG,CAAC,EAAE;UACxBjB,oBAAoB,CAACI,WAAW,CAAC,GAAG,EAAEU,SAAS,EAATA,SAAS,EAAEP,YAAY,EAAZA,YAAY,CAAC,CAAC;;UAE/DO,SAAS,CAACrB,OAAO,CAAC,UAACyB,YAAY,EAAK;YAClC,IAAI,CAAChC,kCAAkC,CAACgC,YAAY,CAAC,EAAE;cACrDhC,kCAAkC,CAACgC,YAAY,CAAC,GAAG,CAAC,CAAC;YACvD;;YAEA,IAAMC,YAAY,GAAGjC,kCAAkC,CAACgC,YAAY,CAAC;YACrE,IAAI,CAACC,YAAY,CAACtB,aAAa,CAAC,EAAE;cAChCsB,YAAY,CAACtB,aAAa,CAAC,GAAG,CAAC,CAAC;YAClC;;YAEA,IAAMuB,aAAa,GAAGD,YAAY,CAACtB,aAAa,CAAC;YACjD,IAAI,CAACuB,aAAa,CAAChB,WAAW,CAAC,EAAE;cAC/BgB,aAAa,CAAChB,WAAW,CAAC,GAAG;gBAC3BG,YAAY,EAAZA,YAAY;gBACZO,SAAS,EAAE,CAACI,YAAY;cAC1B,CAAC;YACH,CAAC,MAAM,IAAI,CAACE,aAAa,CAAChB,WAAW,CAAC,CAACU,SAAS,CAACO,QAAQ,CAACH,YAAY,CAAC,EAAE;cACvEE,aAAa,CAAChB,WAAW,CAAC,CAACG,YAAY,GAAGA,YAAY;cACtDa,aAAa,CAAChB,WAAW,CAAC,CAACU,SAAS,CAAC1B,IAAI,CAAC8B,YAAY,CAAC;YACzD;;YAEA,IAAMI,gBAAgB,GAAGf,YAAY,CAACW,YAAY,CAAC;YACnD,IAAII,gBAAgB,EAAE;cACpBA,gBAAgB,CAAC7B,OAAO,CAAC,UAAC8B,cAAc,EAAK;gBAC3C,IAAI,CAACrC,kCAAkC,CAACqC,cAAc,CAAC,EAAE;kBACvDrC,kCAAkC,CAACqC,cAAc,CAAC,GAAG,CAAC,CAAC;gBACzD;;gBAEA,IAAMC,cAAc,GAAGtC,kCAAkC,CAACqC,cAAc,CAAC;gBACzE,IAAI,CAACC,cAAc,CAAC3B,aAAa,CAAC,EAAE;kBAClC2B,cAAc,CAAC3B,aAAa,CAAC,GAAGX,kCAAkC,CAACgC,YAAY,CAAC,CAACrB,aAAa,CAAC;gBACjG;cACF,CAAC,CAAC;YACJ;UACF,CAAC,CAAC;QACJ;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;;IAEFZ,sBAAsB,CAACY,aAAa,CAAC,GAAGG,oBAAoB;EAC9D,CAAC,CAAC;AACJ;;AAEA,SAASS,eAAeA,CAACgB,WAA6B,EAAElB,YAAkC,EAAuB;EAC/G,IAAImB,WAAW,GAAG,CAAC;EACnB,IAAIC,QAAQ,GAAG,EAAE;EACjB,SAASC,eAAeA,CAAkBC,KAAQ,EAAEC,IAAa,EAAE;IACjE,OAAO,OAAOD,KAAK,CAACC,IAAI,CAAC,KAAK,QAAQ;EACxC;EACA,OAAO;IACLC,GAAG,WAAAA,IAACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,KAAAC,qBAAA,EAAAC,sBAAA;MAC1B,IAAMC,QAAQ,GAAGJ,IAAmB;MACpC,IAAIL,eAAe,CAACI,MAAM,EAAEK,QAAQ,CAAC,EAAE;QACrCtD,sBAAsB,CAACuD,GAAG,CAACD,QAAQ,CAAC;QACpC,IAAIX,WAAW,KAAK,CAAC,EAAE;UACrBC,QAAQ,GAAGU,QAAQ;UACnBZ,WAAW,CAACa,GAAG,CAACD,QAAQ,CAAC;QAC3B,CAAC,MAAM,IAAI,CAAC9B,YAAY,CAACoB,QAAQ,CAAC,EAAE;UAClCpB,YAAY,CAACoB,QAAQ,CAAC,GAAG,CAACU,QAAQ,CAAC;QACrC,CAAC,MAAM,IAAI,CAAC9B,YAAY,CAACoB,QAAQ,CAAC,CAACN,QAAQ,CAACgB,QAAQ,CAAC,EAAE;UACrD9B,YAAY,CAACoB,QAAQ,CAAC,CAACvC,IAAI,CAACiD,QAAQ,CAAC;QACvC;MACF;;MAEAX,WAAW,EAAE;MACb,IAAMa,KAAK,GAAG,EAAAJ,qBAAA,GAAA1D,YAAY,CAAC+D,WAAW,qBAAxBL,qBAAA,CAA0BM,GAAG,CAAC,CAAC,KAAI,CAAC;MAClD,IAAMC,MAAM,GAAGC,OAAO,CAACZ,GAAG,CAACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,CAAC;MAClDpD,aAAa,IAAI,CAAC,EAAAsD,sBAAA,GAAA3D,YAAY,CAAC+D,WAAW,qBAAxBJ,sBAAA,CAA0BK,GAAG,CAAC,CAAC,KAAI,CAAC,IAAIF,KAAK;MAC/D1D,UAAU,EAAE;MACZ6C,WAAW,EAAE;MACb,OAAOgB,MAAM;IACf;EACF,CAAC;AACH;;AAEA,OAAO,IAAME,kBAAkB,GAAG7B,KAAK,CAACC,IAAI,CAACjC,sBAAsB,CAAC;AACpE,OAAO,IAAM8D,WAAW,GAAGhE,UAAU;AACrC,OAAO,IAAMiE,cAAc,GAAGhE,aAAa","ignoreList":[]}
+{"version":3,"names":["globalObject","LIGHT_THEME","DARK_THEME","IS_PROXY_SUPPORTED","callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","baseThemes","push","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","_globalObject$perform","_globalObject$perform2","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"sources":["VariablesCollector.ts"],"sourcesContent":["import { globalObject } from '@skbkontur/global-object';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(LIGHT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  // @ts-expect-error не очень-то и хотелось\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName: string) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = globalObject.performance?.now() || 0;\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += (globalObject.performance?.now() || 0) - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemeShowcase/VariablesCollector.d.ts

@@ -1,22 +1,22 @@
-import { Theme } from '../../lib/theming/Theme';
-export interface DescriptionsType {
-    [componentName: string]: ComponentDescriptionType;
-}
-export interface ComponentDescriptionType {
-    [elementName: string]: ComponentRowDescriptionType;
-}
-export interface ComponentRowDescriptionType {
-    variables: Array<keyof Theme>;
-    dependencies: VariableDependencies;
-}
-export interface VariableNameToComponentsMap {
-    [variableName: string]: DescriptionsType;
-}
-export interface VariableDependencies {
-    [variableName: string]: Array<keyof Theme>;
-}
-export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
-export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkIconMarginLeft" | "linkHoverColor" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "linkFocusOutlineColor" | "linkFocusOutlineWidth" | "linkFocusOutline" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenFontSizeSmall" | "tokenFontSizeMedium" | "tokenFontSizeLarge" | "tokenMarginY" | "tokenMarginX" | "tokenMarginYSmall" | "tokenMarginXSmall" | "tokenMarginYMedium" | "tokenMarginXMedium" | "tokenMarginYLarge" | "tokenMarginXLarge" | "tokenLineHeight" | "tokenLineHeightSmall" | "tokenLineHeightMedium" | "tokenLineHeightLarge" | "tokenPaddingY" | "tokenPaddingX" | "tokenPaddingYSmall" | "tokenPaddingXSmall" | "tokenPaddingYMedium" | "tokenPaddingXMedium" | "tokenPaddingYLarge" | "tokenPaddingXLarge" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenDefaultIdleBg" | "tokenDefaultIdleColor" | "tokenDefaultIdleBorderColor" | "tokenDefaultIdleBgHover" | "tokenDefaultIdleColorHover" | "tokenDefaultIdleBorderColorHover" | "tokenDefaultActiveBg" | "tokenDefaultActiveColor" | "tokenDefaultActiveBorderColor" | "tokenInputLineHeight" | "tokenInputLineHeightSmall" | "tokenInputLineHeightMedium" | "tokenInputLineHeightLarge" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputPaddingYSmall" | "tokenInputPaddingXSmall" | "tokenInputPaddingYMedium" | "tokenInputPaddingXMedium" | "tokenInputPaddingYLarge" | "tokenInputPaddingXLarge" | "tokenInputPopupOffset" | "tokenInputPopupMarginSmall" | "tokenInputPopupMarginMedium" | "tokenInputPopupMarginLarge" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapSmallLeft" | "btnIconGapSmallRight" | "btnIconGapMedium" | "btnIconGapMediumLeft" | "btnIconGapMediumRight" | "btnIconGapLarge" | "btnIconGapLargeLeft" | "btnIconGapLargeRight" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultHoverTextColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessHoverTextColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryHoverTextColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerHoverTextColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayHoverTextColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkLineBorderBottomColor" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnLinkIconMarginLeft" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessBorderColor" | "btnBacklessDisabledBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessHoverTextColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingTop" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "mobileModalContainerHeight" | "mobileModalContainerMarginTop" | "mobileModalContainerMarginRight" | "mobileModalContainerMarginBottom" | "mobileModalContainerMarginLeft" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "sidePageHeaderFontWeight" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "dateInputComponentSelectedTextColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellBorderRadius" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellHeight" | "calendarCellWidth" | "calendarCellFontSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "calendarGridRowSpacing" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "pickerBorderRadius" | "mobileCalendarPaddingX" | "mobileCalendarCellWidth" | "mobileCalendarCellHeight" | "mobileCalendarCellBorderRadius" | "mobileCalendarCellFontSize" | "mobileCalendarGridRowSpacing" | "mobileDateSelectFontSize" | "mobileDateSelectLineHeight" | "mobileCalendarWrapperHeight" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgActive" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuHoverBg" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "dropdownDefaultBg" | "dropdownBorderWidth" | "dropdownOutlineWidth" | "dropdownLineHeightSmall" | "dropdownFontSizeSmall" | "dropdownPaddingXSmall" | "dropdownPaddingYSmall" | "dropdownIconSizeSmall" | "dropdownLineHeightMedium" | "dropdownFontSizeMedium" | "dropdownPaddingXMedium" | "dropdownPaddingYMedium" | "dropdownIconSizeMedium" | "dropdownLineHeightLarge" | "dropdownFontSizeLarge" | "dropdownPaddingXLarge" | "dropdownPaddingYLarge" | "dropdownIconSizeLarge" | "dropdownBgDisabled" | "dropdownBorderColorDisabled" | "dropdownTextColorDisabled" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuLegacyPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeight" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSize" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeight" | "menuMessageLineHeightMobile" | "menuMessageFontSize" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSize" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuHeaderLegacyPaddingRight" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuFooterLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleFontSize" | "toggleLineHeight" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeight" | "toggleWidth" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadius" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleHandleBoxShadowOld" | "toggleContainerBg" | "toggleContainerBgHover" | "toggleContainerBgChecked" | "toggleContainerBgCheckedHover" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleContainerBoxShadowChecked" | "toggleContainerBoxShadowCheckedHover" | "toggleHandleBg" | "toggleHandleBgHover" | "toggleHandleBgChecked" | "toggleHandleBgCheckedHover" | "toggleHandleBoxShadow" | "toggleHandleBoxShadowHover" | "toggleHandleBoxShadowChecked" | "toggleHandleBoxShadowCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSize" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeight" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSize" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingY" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSize" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeight" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingY" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSize" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeight" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingY" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeight" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingX" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabsMarginX" | "tabPaddingY" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupFooterPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderFontSize" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeight" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "internalMenuPaddingY" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY" | "miniModalHeaderPaddingBottom" | "miniModalBodyPaddingTop" | "miniModalBodyPaddingBottom" | "miniModalHeaderPaddingTop" | "miniModalActionGap" | "miniModalCancelIndent" | "miniModalFooterPaddingTop" | "miniModalFooterPaddingBottom" | "miniModalTitleMarginTop" | "miniModalHeightMobile" | "miniModalMarginTopMobile" | "miniModalMarginLeftMobile" | "miniModalMarginRightMobile" | "miniModalFooterPaddingMobile" | "miniModalHeaderPaddingMobile" | "miniModalBodyPaddingMobile" | "validationsTextColorError" | "validationsTextColorWarning")[];
-export declare const CALLS_COUNT: number;
-export declare const EXECUTION_TIME: number;
+import type { Theme } from '../../lib/theming/Theme';
+export interface DescriptionsType {
+    [componentName: string]: ComponentDescriptionType;
+}
+export interface ComponentDescriptionType {
+    [elementName: string]: ComponentRowDescriptionType;
+}
+export interface ComponentRowDescriptionType {
+    variables: Array<keyof Theme>;
+    dependencies: VariableDependencies;
+}
+export interface VariableNameToComponentsMap {
+    [variableName: string]: DescriptionsType;
+}
+export interface VariableDependencies {
+    [variableName: string]: Array<keyof Theme>;
+}
+export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
+export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
+export declare const ALL_USED_VARIABLES: ("prototype" | "baseFontFamily" | "labGrotesqueBaselineCompensation" | "brand" | "white" | "grayXLight" | "gray" | "grayDark" | "black" | "blueXxLight" | "blueLight" | "blue" | "greenXxLight" | "green" | "greenDark" | "red" | "redXxLight" | "redDark" | "yellowXxLight" | "yellow" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorText" | "errorSecondary" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "bgChecked" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkTextDecoration" | "linkHoverColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkIconMarginLeft" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkTextDecorationStyle" | "linkTextDecorationThickness" | "linkTextUnderlineOffset" | "linkHoverTextDecorationStyle" | "linkTextUnderlineOpacity" | "linkTextDecorationColor" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "linkFocusOutlineColor" | "linkFocusOutlineWidth" | "linkFocusOutline" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSizeSmall" | "tokenFontSizeMedium" | "tokenFontSizeLarge" | "tokenMarginYSmall" | "tokenMarginXSmall" | "tokenMarginYMedium" | "tokenMarginXMedium" | "tokenMarginYLarge" | "tokenMarginXLarge" | "tokenLineHeightSmall" | "tokenLineHeightMedium" | "tokenLineHeightLarge" | "tokenPaddingYSmall" | "tokenPaddingXSmall" | "tokenPaddingYMedium" | "tokenPaddingXMedium" | "tokenPaddingYLarge" | "tokenPaddingXLarge" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenBg" | "tokenColor" | "tokenBorderColor" | "tokenBgHover" | "tokenColorHover" | "tokenBorderColorHover" | "tokenBgActive" | "tokenColorActive" | "tokenBorderColorActive" | "tokenInputLineHeightSmall" | "tokenInputLineHeightMedium" | "tokenInputLineHeightLarge" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingYSmall" | "tokenInputPaddingXSmall" | "tokenInputPaddingYMedium" | "tokenInputPaddingXMedium" | "tokenInputPaddingYLarge" | "tokenInputPaddingXLarge" | "tokenInputPopupOffset" | "tokenInputPopupMarginSmall" | "tokenInputPopupMarginMedium" | "tokenInputPopupMarginLarge" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmallLeft" | "btnIconGapSmallRight" | "btnIconGapMediumLeft" | "btnIconGapMediumRight" | "btnIconGapLargeLeft" | "btnIconGapLargeRight" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverTextColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorderColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessBorderColor" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverTextColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryActiveBg" | "btnPrimaryHoverTextColor" | "btnPrimaryBorderColor" | "btnPrimaryHoverBorderColor" | "btnPrimaryActiveBorderColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerBorderColor" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverTextColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverTextColor" | "btnPayBorderColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkTextDecorationColor" | "btnLinkTextDecorationStyle" | "btnLinkHoverTextDecorationStyle" | "btnLinkTextUnderlineOffset" | "btnLinkTextDecorationThickness" | "btnLinkTextUnderlineOpacity" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnLinkIconMarginLeft" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessActiveBorderColor" | "btnBacklessBorderColor" | "btnBacklessDisabledBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessHoverTextColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectBorderRadiusMedium" | "selectBorderRadiusLarge" | "selectIconGapSmall" | "selectIconGapMedium" | "selectIconGapLarge" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffsetX" | "tooltipMenuPinOffsetY" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseButtonClickAreaTop" | "modalCloseButtonClickAreaBottom" | "modalCloseButtonClickAreaLeft" | "modalCloseButtonClickAreaRight" | "modalCloseIconSize" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingTop" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalWithoutHeaderCloseButtonPadding" | "mobileModalWithoutHeaderCloseButtonWidth" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyPaddingTop" | "mobileModalBodyPaddingBottom" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "mobileModalContainerHeight" | "mobileModalContainerMarginTop" | "mobileModalContainerMarginRight" | "mobileModalContainerMarginBottom" | "mobileModalContainerMarginLeft" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "sidePageCloseButtonClickAreaTop" | "sidePageCloseButtonClickAreaBottom" | "sidePageCloseButtonClickAreaLeft" | "sidePageCloseButtonClickAreaRight" | "sidePageCloseButtonFixedClickAreaTop" | "sidePageCloseButtonFixedClickAreaBottom" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "mobileSidePageCloseButtonRightPadding" | "sidePageHeaderFontWeight" | "sidePageCloseButtonWrapperOffsetTop" | "sidePageCloseButtonWrapperFixedOffsetTop" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "dateInputComponentSelectedTextColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarBorderRadius" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellBorderRadius" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellHeight" | "calendarCellWidth" | "calendarCellFontSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "calendarGridRowSpacing" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerShadow" | "mobileCalendarPaddingX" | "mobileCalendarCellWidth" | "mobileCalendarCellHeight" | "mobileCalendarCellBorderRadius" | "mobileCalendarCellFontSize" | "mobileCalendarGridRowSpacing" | "mobileCalendarWrapperHeight" | "rangeCalendarCellBg" | "rangeCalendarCellEndBg" | "rangeCalendarCellEndColor" | "rangeCalendarCellHoverBg" | "rangeCalendarWrapperHeight" | "mobileRangeCalendarCellHeight" | "mobileRangeCalendarCellWidth" | "mobileRangeCalendarGridRowSpacing" | "mobileRangeCalendarWrapperHeight" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "mobileDateSelectFontSize" | "mobileDateSelectLineHeight" | "pagingFontSize" | "pagingForwardIconSize" | "pagingPageLinkColor" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgActive" | "toastLinkPadding" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "dropdownDefaultBg" | "dropdownBorderWidth" | "dropdownOutlineWidth" | "dropdownLineHeightSmall" | "dropdownFontSizeSmall" | "dropdownPaddingXSmall" | "dropdownPaddingYSmall" | "dropdownIconSizeSmall" | "dropdownLineHeightMedium" | "dropdownFontSizeMedium" | "dropdownPaddingXMedium" | "dropdownPaddingYMedium" | "dropdownIconSizeMedium" | "dropdownLineHeightLarge" | "dropdownFontSizeLarge" | "dropdownPaddingXLarge" | "dropdownPaddingYLarge" | "dropdownIconSizeLarge" | "dropdownBgDisabled" | "dropdownBorderColorDisabled" | "dropdownTextColorDisabled" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeightMobile" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBaseBg" | "toggleBgHover" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleContainerBg" | "toggleHandleBg" | "toggleHandleBoxShadow" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleHandleBgHover" | "toggleHandleBoxShadowHover" | "toggleContainerBgHover" | "toggleContainerBoxShadowChecked" | "toggleHandleBoxShadowChecked" | "toggleHandleBgChecked" | "toggleBgChecked" | "toggleContainerBgChecked" | "toggleCheckedBg" | "toggleCheckedBgHover" | "toggleContainerBoxShadowCheckedHover" | "toggleContainerBgCheckedHover" | "toggleHandleBoxShadowCheckedHover" | "toggleHandleBgCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleDisabledHandleBg" | "toggleBgDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "toggleBorderColorDisabledChecked" | "toggleBgDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputIconColorDisabled" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputPlaceholderColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupFooterPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "clearCrossIconWidthSmall" | "clearCrossIconWidthMedium" | "clearCrossIconWidthLarge" | "clearCrossIconHeightSmall" | "clearCrossIconHeightMedium" | "clearCrossIconHeightLarge" | "clearCrossIconRightMarginSmall" | "clearCrossIconRightMarginMedium" | "clearCrossIconRightMarginLarge" | "clearCrossIconBorderRadiusSmall" | "clearCrossIconBorderRadiusMedium" | "clearCrossIconBorderRadiusLarge" | "clearCrossIconColor" | "clearCrossIconHoverColor" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY" | "miniModalHeaderPaddingBottom" | "miniModalBodyPaddingTop" | "miniModalBodyPaddingBottom" | "miniModalHeaderPaddingTop" | "miniModalActionGap" | "miniModalCancelIndent" | "miniModalFooterPaddingTop" | "miniModalFooterPaddingBottom" | "miniModalTitleMarginTop" | "miniModalHeightMobile" | "miniModalMarginTopMobile" | "miniModalMarginLeftMobile" | "miniModalMarginRightMobile" | "miniModalFooterPaddingMobile" | "miniModalHeaderPaddingMobile" | "miniModalBodyPaddingMobile" | "validationsTextColorError" | "validationsTextColorWarning")[];
+export declare const CALLS_COUNT: number;
+export declare const EXECUTION_TIME: number;

package/internal/ZIndex/ZIndex/ZIndex.js

@@ -5,27 +5,35 @@ var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "cover
 var _class, _ZIndex;
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
+import isEqual from 'lodash.isequal';
 import { callChildRef } from "../../../lib/callChildRef/callChildRef";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { incrementZIndex, removeZIndex, upperBorder } from "../ZIndexStorage";
-var ZIndexContext = /*#__PURE__*/React.createContext({
+import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { LoaderDataTids } from "../../../components/Loader";
+import { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from "../../RenderContainer";
+import { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from "../ZIndexStorage";
+var DEFAULT_ZINDEX_CONTEXT = {
   parentLayerZIndex: 0,
   maxZIndex: Infinity
-});
+};
+var ZIndexContext = /*#__PURE__*/React.createContext(DEFAULT_ZINDEX_CONTEXT);
 ZIndexContext.displayName = 'ZIndexContext';
 export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$Component) {
   function ZIndex(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
     _this.state = {
-      zIndex: 0
+      zIndex: 0,
+      DOMZIndexContext: null
     };
     _this.getProps = createPropsGetter(ZIndex.defaultProps);
+    _this.zIndexContext = null;
     _this.wrapperRef = function (element) {
       var wrapperRef = _this.props.wrapperRef;
       _this.setRootNode(element);
       wrapperRef && callChildRef(wrapperRef, element);
+      element && _this.tryGetContextByDOM(element);
     };
     _this.increment = function () {
       var _this$getProps = _this.getProps(),
@@ -33,6 +41,34 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
         delta = _this$getProps.delta;
       return incrementZIndex(priority, delta);
     };
+    _this.tryGetContextByDOM = function (element) {
+      if (_this.props.applyZIndex && isEqual(DEFAULT_ZINDEX_CONTEXT, _this.zIndexContext) && _this.state.DOMZIndexContext === null) {
+        var _element$parentElemen;
+        var DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;
+        var portal = (_element$parentElemen = element.parentElement) == null ? void 0 : _element$parentElemen.closest("[" + PORTAL_OUTLET_ATTR + "]");
+        if (isInstanceOf(portal, globalObject.HTMLElement)) {
+          var _globalObject$documen, _noscript$parentEleme;
+          var portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);
+          var noscript = (_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.querySelector("noscript[" + PORTAL_INLET_ATTR + "=\"" + portalID + "\"]");
+          var parent = noscript == null || (_noscript$parentEleme = noscript.parentElement) == null ? void 0 : _noscript$parentEleme.closest('[style*=z-index]');
+          if (isInstanceOf(parent, globalObject.HTMLElement)) {
+            var _parent$parentElement;
+            var newZIndex = Number(parent.style.zIndex || 0);
+            var maxZIndex = Infinity;
+            if (((_parent$parentElement = parent.parentElement) == null ? void 0 : _parent$parentElement.dataset.tid) === LoaderDataTids.veil) {
+              maxZIndex = _this.calcZIndex(newZIndex, maxZIndex);
+            }
+            DOMZIndexContext = {
+              maxZIndex: maxZIndex,
+              parentLayerZIndex: newZIndex
+            };
+          }
+        }
+        _this.setState({
+          DOMZIndexContext: DOMZIndexContext
+        });
+      }
+    };
     _this.state.zIndex = _this.increment();
     return _this;
   }
@@ -63,17 +99,17 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
       useWrapper = _this$getProps2.useWrapper,
       rest = _objectWithoutPropertiesLoose(_this$getProps2, _excluded);
     var wrapperStyle = {};
-    return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (_ref) {
-      var parentLayerZIndex = _ref.parentLayerZIndex,
-        maxZIndex = _ref.maxZIndex;
-      var zIndexContextValue = {
-        parentLayerZIndex: parentLayerZIndex,
-        maxZIndex: maxZIndex
-      };
+    return /*#__PURE__*/React.createElement(ZIndexContext.Consumer, null, function (context) {
+      _this2.zIndexContext = context;
+      var currentZIndexContext = _this2.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT) ? _this2.state.DOMZIndexContext : context;
+      var parentLayerZIndex = currentZIndexContext.parentLayerZIndex,
+        maxZIndex = currentZIndexContext.maxZIndex;
+      var newZIndexContext = currentZIndexContext;
+      var newZIndex = 0;
       if (applyZIndex) {
-        var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
+        newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);
         wrapperStyle.zIndex = newZIndex;
-        zIndexContextValue = coverChildren ? {
+        newZIndexContext = coverChildren ? {
           parentLayerZIndex: parentLayerZIndex,
           maxZIndex: newZIndex
         } : {
@@ -89,7 +125,7 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
         ref: _this2.wrapperRef
       }, rest), children);
       return /*#__PURE__*/React.createElement(ZIndexContext.Provider, {
-        value: zIndexContextValue
+        value: newZIndexContext
       }, child);
     });
   };
@@ -104,7 +140,7 @@ export var ZIndex = rootNode(_class = (_ZIndex = /*#__PURE__*/function (_React$C
     return newZIndex;
   };
   return ZIndex;
-}(React.Component), _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = {
+}(React.Component), _ZIndex.priorities = componentPriorities, _ZIndex.__KONTUR_REACT_UI__ = 'ZIndex', _ZIndex.displayName = 'ZIndex', _ZIndex.defaultProps = {
   delta: 10,
   priority: 0,
   style: {},

package/internal/ZIndex/ZIndex/ZIndex.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","callChildRef","rootNode","createPropsGetter","incrementZIndex","removeZIndex","upperBorder","ZIndexContext","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","_class","_ZIndex","_React$Component","props","_this","call","state","zIndex","getProps","defaultProps","wrapperRef","element","setRootNode","increment","_this$getProps","priority","delta","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","setState","componentWillUnmount","render","_this2","_this$getProps2","style","children","applyZIndex","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","_ref","zIndexContextValue","newZIndex","calcZIndex","Number","isFinite","document","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { incrementZIndex, removeZIndex, upperBorder, LayerComponentName } from './ZIndexStorage';\n\nconst ZIndexContext = React.createContext({ parentLayerZIndex: 0, maxZIndex: Infinity });\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state = {\n    zIndex: 0,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContextValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContextValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={zIndexContextValue}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","isEqual","callChildRef","rootNode","createPropsGetter","isInstanceOf","LoaderDataTids","PORTAL_INLET_ATTR","PORTAL_OUTLET_ATTR","incrementZIndex","removeZIndex","upperBorder","componentPriorities","DEFAULT_ZINDEX_CONTEXT","parentLayerZIndex","maxZIndex","Infinity","ZIndexContext","createContext","displayName","ZIndex","_class","_ZIndex","_React$Component","props","_this","call","state","zIndex","DOMZIndexContext","getProps","defaultProps","zIndexContext","wrapperRef","element","setRootNode","tryGetContextByDOM","increment","_this$getProps","priority","delta","applyZIndex","_element$parentElemen","portal","parentElement","closest","HTMLElement","_globalObject$documen","_noscript$parentEleme","portalID","getAttribute","noscript","document","querySelector","parent","_parent$parentElement","newZIndex","Number","style","dataset","tid","veil","calcZIndex","setState","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","componentWillUnmount","render","_this2","_this$getProps2","children","coverChildren","createStackingContext","useWrapper","rest","_objectWithoutPropertiesLoose","_excluded","wrapperStyle","createElement","Consumer","context","currentZIndexContext","newZIndexContext","isFinite","body","isolation","transform","child","_extends","ref","Provider","value","allowedValuesIntervalLength","scale","Math","ceil","Component","priorities","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"sources":["ZIndex.tsx"],"sourcesContent":["import React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\nimport isEqual from 'lodash.isequal';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { LoaderDataTids } from '../../components/Loader';\nimport { PORTAL_INLET_ATTR, PORTAL_OUTLET_ATTR } from '../RenderContainer';\n\nimport type { LayerComponentName } from './ZIndexStorage';\nimport { incrementZIndex, removeZIndex, upperBorder, componentPriorities } from './ZIndexStorage';\n\nconst DEFAULT_ZINDEX_CONTEXT = { parentLayerZIndex: 0, maxZIndex: Infinity };\n\nconst ZIndexContext = React.createContext(DEFAULT_ZINDEX_CONTEXT);\n\nZIndexContext.displayName = 'ZIndexContext';\n\nexport interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Приращение к z-index\n   */\n  delta?: number;\n  priority?: number | LayerComponentName;\n  style?: React.CSSProperties;\n  createStackingContext?: boolean;\n  coverChildren?: boolean;\n  applyZIndex?: boolean;\n  className?: string;\n  wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;\n\n  /**\n   * Явно указывает, что вложенные элементы должны быть обёрнуты в `<div/>`.\n   * Для случаев, когда необходимо задать **только** контекст для области.\n   *\n   * @default true\n   */\n  useWrapper?: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<\n    ZIndexProps,\n    'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext' | 'useWrapper'\n  >\n>;\n\ninterface ZIndexState {\n  zIndex: number;\n  DOMZIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null;\n}\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps, ZIndexState> {\n  public static priorities = componentPriorities;\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n  public static displayName = 'ZIndex';\n\n  public static defaultProps: DefaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n    useWrapper: true,\n  };\n\n  public state: ZIndexState = {\n    zIndex: 0,\n    DOMZIndexContext: null,\n  };\n\n  private getProps = createPropsGetter(ZIndex.defaultProps);\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if ((props.delta || ZIndex.defaultProps.delta) <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta || ZIndex.defaultProps.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private setRootNode!: TSetRootNode;\n  private zIndexContext: { parentLayerZIndex: number; maxZIndex: number } | null = null;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.state.zIndex = this.increment();\n  }\n\n  public componentDidUpdate(prevProps: Readonly<ZIndexProps>) {\n    if (prevProps.priority !== this.props.priority || prevProps.delta !== this.props.delta) {\n      removeZIndex(this.state.zIndex);\n      this.setState({ zIndex: this.increment() });\n    }\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.state.zIndex);\n  }\n\n  public render() {\n    const {\n      style,\n      children,\n      delta,\n      priority,\n      applyZIndex,\n      coverChildren,\n      createStackingContext,\n      wrapperRef,\n      useWrapper,\n      ...rest\n    } = this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {(context) => {\n          this.zIndexContext = context;\n\n          const currentZIndexContext =\n            this.state.DOMZIndexContext && isEqual(context, DEFAULT_ZINDEX_CONTEXT)\n              ? this.state.DOMZIndexContext\n              : context;\n          const { parentLayerZIndex, maxZIndex } = currentZIndexContext;\n\n          let newZIndexContext = currentZIndexContext;\n          let newZIndex = 0;\n\n          if (applyZIndex) {\n            newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            newZIndexContext = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser(globalObject) && 'isolation' in globalObject.document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          const child = !useWrapper ? (\n            children\n          ) : (\n            <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n              {children}\n            </div>\n          );\n\n          return <ZIndexContext.Provider value={newZIndexContext}>{child}</ZIndexContext.Provider>;\n        }}\n      </ZIndexContext.Consumer>\n    );\n  }\n\n  private wrapperRef = (element: HTMLDivElement | null) => {\n    const { wrapperRef } = this.props;\n    this.setRootNode(element);\n    wrapperRef && callChildRef(wrapperRef, element);\n    element && this.tryGetContextByDOM(element);\n  };\n\n  private calcZIndex(parentLayerZIndex: number, maxZIndex: number) {\n    let newZIndex = this.state.zIndex;\n\n    if (Number.isFinite(maxZIndex)) {\n      const allowedValuesIntervalLength = maxZIndex - parentLayerZIndex;\n      const scale = upperBorder / allowedValuesIntervalLength;\n      newZIndex = Math.ceil(newZIndex / scale);\n    }\n\n    newZIndex += parentLayerZIndex;\n\n    return newZIndex;\n  }\n\n  private increment = () => {\n    const { priority, delta } = this.getProps();\n\n    return incrementZIndex(priority, delta);\n  };\n\n  private tryGetContextByDOM = (element: HTMLDivElement) => {\n    if (\n      this.props.applyZIndex &&\n      isEqual(DEFAULT_ZINDEX_CONTEXT, this.zIndexContext) &&\n      this.state.DOMZIndexContext === null\n    ) {\n      let DOMZIndexContext = DEFAULT_ZINDEX_CONTEXT;\n      const portal = element.parentElement?.closest(`[${PORTAL_OUTLET_ATTR}]`);\n\n      if (isInstanceOf(portal, globalObject.HTMLElement)) {\n        const portalID = portal.getAttribute(PORTAL_OUTLET_ATTR);\n        const noscript = globalObject.document?.querySelector(`noscript[${PORTAL_INLET_ATTR}=\"${portalID}\"]`);\n        const parent = noscript?.parentElement?.closest('[style*=z-index]');\n\n        if (isInstanceOf(parent, globalObject.HTMLElement)) {\n          const newZIndex = Number(parent.style.zIndex || 0);\n\n          let maxZIndex = Infinity;\n\n          if (parent.parentElement?.dataset.tid === LoaderDataTids.veil) {\n            maxZIndex = this.calcZIndex(newZIndex, maxZIndex);\n          }\n\n          DOMZIndexContext = { maxZIndex, parentLayerZIndex: newZIndex };\n        }\n      }\n\n      this.setState({ DOMZIndexContext });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}