@skbkontur/react-ui 4.2.2 → 4.4.0

package/cjs/internal/ThemeShowcase/ThemeShowcase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","props","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","theme","styles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","headerCell","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","invisibleDarkRow","darkVariables","cell","majorCell","elementName","invisibleCell","varName","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyDark","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = defaultVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = defaultVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","props","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","theme","styles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","headerCell","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","invisibleDarkRow","darkVariables","cell","majorCell","elementName","invisibleCell","varName","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyDark","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = defaultVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = defaultVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}

package/cjs/internal/ZIndex/ZIndex.d.ts

@@ -4,25 +4,20 @@ export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Приращение к z-index
      */
-    delta: number;
-    priority: number | LayerComponentName;
-    style: React.CSSProperties;
+    delta?: number;
+    priority?: number | LayerComponentName;
+    style?: React.CSSProperties;
     createStackingContext?: boolean;
     coverChildren?: boolean;
     applyZIndex?: boolean;
     className?: string;
     wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
 }
+declare type DefaultProps = Required<Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>>;
 export declare class ZIndex extends React.Component<ZIndexProps> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        delta: number;
-        priority: number;
-        style: {};
-        applyZIndex: boolean;
-        coverChildren: boolean;
-        createStackingContext: boolean;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     static propTypes: {
         delta(props: ZIndexProps): Error | undefined;
     };
@@ -34,3 +29,4 @@ export declare class ZIndex extends React.Component<ZIndexProps> {
     private wrapperRef;
     private calcZIndex;
 }
+export {};

package/cjs/internal/ZIndex/ZIndex.js

@@ -3,6 +3,7 @@
 var _callChildRef = require("../../lib/callChildRef/callChildRef");
 var _rootNode = require("../../lib/rootNode");
 var _client = require("../../lib/client");
+var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _ZIndexStorage = require("./ZIndexStorage");var _excluded = ["style", "children", "delta", "priority", "applyZIndex", "coverChildren", "createStackingContext", "wrapperRef"];var _class, _class2, _temp;
 
@@ -25,12 +26,11 @@ ZIndexContext.displayName = 'ZIndexContext';var
 
 
 
-ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
-
 
 
 
 
+ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ZIndex, _React$Component);
 
 
 
@@ -52,8 +52,6 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
 
 
-  function ZIndex(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.zIndex = 0;_this.
 
 
 
@@ -61,6 +59,8 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
 
 
 
+  function ZIndex(props) {var _this;
+    _this = _React$Component.call(this, props) || this;_this.getProps = (0, _createPropsGetter.createPropsGetter)(ZIndex.defaultProps);_this.zIndex = 0;_this.
 
 
 
@@ -112,8 +112,8 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
       var wrapperRef = _this.props.wrapperRef;
       _this.setRootNode(element);
       wrapperRef && (0, _callChildRef.callChildRef)(wrapperRef, element);
-    };_this.zIndex = (0, _ZIndexStorage.incrementZIndex)(props.priority, props.delta);return _this;}var _proto = ZIndex.prototype;_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.zIndex);};_proto.render = function render() {var _this2 = this;var _this$props = this.props,style = _this$props.style,children = _this$props.children,delta = _this$props.delta,priority = _this$props.priority,applyZIndex = _this$props.applyZIndex,coverChildren = _this$props.coverChildren,createStackingContext = _this$props.createStackingContext,wrapperRef = _this$props.wrapperRef,props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContexValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };if (applyZIndex) {var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContexValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {_client.isBrowser && 'isolation' in document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContexValue }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, props), children));});};_proto.
-
+    };_this.zIndex = (0, _ZIndexStorage.incrementZIndex)(_this.getProps().priority, _this.getProps().delta);return _this;}var _proto = ZIndex.prototype;_proto.componentWillUnmount = function componentWillUnmount() {(0, _ZIndexStorage.removeZIndex)(this.zIndex);};_proto.render = function render() {var _this2 = this; // TODO: Enable this rule in functional components.
+    /* eslint-disable @typescript-eslint/no-unused-vars */var _this$getProps = this.getProps(),style = _this$getProps.style,children = _this$getProps.children,delta = _this$getProps.delta,priority = _this$getProps.priority,applyZIndex = _this$getProps.applyZIndex,coverChildren = _this$getProps.coverChildren,createStackingContext = _this$getProps.createStackingContext,wrapperRef = _this$getProps.wrapperRef,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$getProps, _excluded);var wrapperStyle = {};return /*#__PURE__*/_react.default.createElement(ZIndexContext.Consumer, null, function (_ref) {var parentLayerZIndex = _ref.parentLayerZIndex,maxZIndex = _ref.maxZIndex;var zIndexContexValue = { parentLayerZIndex: parentLayerZIndex, maxZIndex: maxZIndex };if (applyZIndex) {var newZIndex = _this2.calcZIndex(parentLayerZIndex, maxZIndex);wrapperStyle.zIndex = newZIndex;zIndexContexValue = coverChildren ? { parentLayerZIndex: parentLayerZIndex, maxZIndex: newZIndex } : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };if (createStackingContext) {_client.isBrowser && 'isolation' in document.body.style ? wrapperStyle.isolation = 'isolate' : wrapperStyle.transform = 'rotate(0)';}}return /*#__PURE__*/_react.default.createElement(ZIndexContext.Provider, { value: zIndexContexValue }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ style: (0, _extends2.default)({}, style, wrapperStyle), ref: _this2.wrapperRef }, rest), children));});};_proto.
   calcZIndex = function calcZIndex(parentLayerZIndex, maxZIndex) {
     var newZIndex = this.zIndex;
 
@@ -126,4 +126,4 @@ ZIndex = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/functi
     newZIndex += parentLayerZIndex;
 
     return newZIndex;
-  };return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false }, _class2.propTypes = { delta: function delta(props) {if (props.delta <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;
+  };return ZIndex;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'ZIndex', _class2.defaultProps = { delta: 10, priority: 0, style: {}, applyZIndex: true, coverChildren: false, createStackingContext: false }, _class2.propTypes = { delta: function delta(props) {if ((props.delta || _class2.defaultProps.delta) <= 0) {return new Error("[ZIndex]: Prop 'delta' must be greater than 0, received " + props.delta);}if (Math.trunc(props.delta || _class2.defaultProps.delta) !== props.delta) {return new Error("[ZIndex]: Prop 'delta' must be integer, received " + props.delta);}} }, _temp)) || _class;exports.ZIndex = ZIndex;

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

@@ -1 +1 @@
-{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","zIndex","wrapperRef","element","setRootNode","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","document","body","isolation","transform","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","Error","trunc"],"mappings":"gcAAA;;AAEA;AACA;AACA;;AAEA,gD;;AAEA,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAoB,EAAEC,iBAAiB,EAAE,CAArB,EAAwBC,SAAS,EAAEC,QAAnC,EAApB,CAAtB;;AAEAL,aAAa,CAACM,WAAd,GAA4B,eAA5B,C;;;;;;;;;;;;;;;;;AAiBaC,M,OADZC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BC,kBAAYC,KAAZ,EAAgC;AAC9B,wCAAMA,KAAN,UAD8B,MAJxBC,MAIwB,GAJf,CAIe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDxBC,IAAAA,UAxDwB,GAwDX,UAACC,OAAD,EAAoC;AACvD,UAAQD,UAAR,GAAuB,MAAKF,KAA5B,CAAQE,UAAR;AACA,YAAKE,WAAL,CAAiBD,OAAjB;AACAD,MAAAA,UAAU,IAAI,gCAAaA,UAAb,EAAyBC,OAAzB,CAAd;AACD,KA5D+B,CAE9B,MAAKF,MAAL,GAAc,oCAAgBD,KAAK,CAACK,QAAtB,EAAgCL,KAAK,CAACM,KAAtC,CAAd,CAF8B,aAG/B,C,qCAEMC,oB,GAAP,gCAA8B,CAC5B,iCAAa,KAAKN,MAAlB,EACD,C,QAEMO,M,GAAP,kBAAgB,mBACd,kBAUI,KAAKR,KAVT,CACES,KADF,eACEA,KADF,CAEEC,QAFF,eAEEA,QAFF,CAGEJ,KAHF,eAGEA,KAHF,CAIED,QAJF,eAIEA,QAJF,CAKEM,WALF,eAKEA,WALF,CAMEC,aANF,eAMEA,aANF,CAOEC,qBAPF,eAOEA,qBAPF,CAQEX,UARF,eAQEA,UARF,CASKF,KATL,uEAYA,IAAMc,YAAiC,GAAG,EAA1C,CAEA,oBACE,6BAAC,aAAD,CAAe,QAAf,QACG,gBAAsC,KAAnCpB,iBAAmC,QAAnCA,iBAAmC,CAAhBC,SAAgB,QAAhBA,SAAgB,CACrC,IAAIoB,iBAAiB,GAAG,EAAErB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAATA,SAArB,EAAxB,CAEA,IAAIgB,WAAJ,EAAiB,CACf,IAAMK,SAAS,GAAG,MAAI,CAACC,UAAL,CAAgBvB,iBAAhB,EAAmCC,SAAnC,CAAlB,CACAmB,YAAY,CAACb,MAAb,GAAsBe,SAAtB,CAEAD,iBAAiB,GAAGH,aAAa,GAC7B,EAAElB,iBAAiB,EAAjBA,iBAAF,EAAqBC,SAAS,EAAEqB,SAAhC,EAD6B,GAE7B,EAAEtB,iBAAiB,EAAEsB,SAArB,EAAgCrB,SAAS,EAAEuB,MAAM,CAACC,QAAP,CAAgBxB,SAAhB,IAA6BqB,SAA7B,GAAyCpB,QAApF,EAFJ,CAIA,IAAIiB,qBAAJ,EAA2B,CACzBO,qBAAa,eAAeC,QAAQ,CAACC,IAAT,CAAcb,KAA1C,GACKK,YAAY,CAACS,SAAb,GAAyB,SAD9B,GAEKT,YAAY,CAACU,SAAb,GAAyB,WAF9B,CAGD,CACF,CAED,oBACE,6BAAC,aAAD,CAAe,QAAf,IAAwB,KAAK,EAAET,iBAA/B,iBACE,6DAAK,KAAK,6BAAON,KAAP,EAAiBK,YAAjB,CAAV,EAA2C,GAAG,EAAE,MAAI,CAACZ,UAArD,IAAqEF,KAArE,GACGU,QADH,CADF,CADF,CAOD,CA1BH,CADF,CA8BD,C;;AAQOO,EAAAA,U,GAAR,oBAAmBvB,iBAAnB,EAA8CC,SAA9C,EAAiE;AAC/D,QAAIqB,SAAS,GAAG,KAAKf,MAArB;;AAEA,QAAIiB,MAAM,CAACC,QAAP,CAAgBxB,SAAhB,CAAJ,EAAgC;AAC9B,UAAM8B,2BAA2B,GAAG9B,SAAS,GAAGD,iBAAhD;AACA,UAAMgC,KAAK,GAAGC,6BAAcF,2BAA5B;AACAT,MAAAA,SAAS,GAAGY,IAAI,CAACC,IAAL,CAAUb,SAAS,GAAGU,KAAtB,CAAZ;AACD;;AAEDV,IAAAA,SAAS,IAAItB,iBAAb;;AAEA,WAAOsB,SAAP;AACD,G,iBArGyBxB,eAAMsC,S,WAClBC,mB,GAAsB,Q,UAEtBC,Y,GAAe,EAC3B1B,KAAK,EAAE,EADoB,EAE3BD,QAAQ,EAAE,CAFiB,EAG3BI,KAAK,EAAE,EAHoB,EAI3BE,WAAW,EAAE,IAJc,EAK3BC,aAAa,EAAE,KALY,EAM3BC,qBAAqB,EAAE,KANI,E,UASfoB,S,GAAY,EACxB3B,KADwB,iBAClBN,KADkB,EACE,CACxB,IAAIA,KAAK,CAACM,KAAN,IAAe,CAAnB,EAAsB,CACpB,OAAO,IAAI4B,KAAJ,8DAAqElC,KAAK,CAACM,KAA3E,CAAP,CACD,CACD,IAAIsB,IAAI,CAACO,KAAL,CAAWnC,KAAK,CAACM,KAAjB,MAA4BN,KAAK,CAACM,KAAtC,EAA6C,CAC3C,OAAO,IAAI4B,KAAJ,uDAA8DlC,KAAK,CAACM,KAApE,CAAP,CACD,CACF,CARuB,E","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\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@rootNode\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = 'ZIndex';\n\n  public static defaultProps = {\n    delta: 10,\n    priority: 0,\n    style: {},\n    applyZIndex: true,\n    coverChildren: false,\n    createStackingContext: false,\n  };\n\n  public static propTypes = {\n    delta(props: ZIndexProps) {\n      if (props.delta <= 0) {\n        return new Error(`[ZIndex]: Prop 'delta' must be greater than 0, received ${props.delta}`);\n      }\n      if (Math.trunc(props.delta) !== props.delta) {\n        return new Error(`[ZIndex]: Prop 'delta' must be integer, received ${props.delta}`);\n      }\n    },\n  };\n\n  private zIndex = 0;\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(props.priority, props.delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.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      ...props\n    } = this.props;\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContexValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          return (\n            <ZIndexContext.Provider value={zIndexContexValue}>\n              <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...props}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\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.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"]}
+{"version":3,"sources":["ZIndex.tsx"],"names":["ZIndexContext","React","createContext","parentLayerZIndex","maxZIndex","Infinity","displayName","ZIndex","rootNode","props","getProps","defaultProps","zIndex","wrapperRef","element","setRootNode","priority","delta","componentWillUnmount","render","style","children","applyZIndex","coverChildren","createStackingContext","rest","wrapperStyle","zIndexContexValue","newZIndex","calcZIndex","Number","isFinite","isBrowser","document","body","isolation","transform","allowedValuesIntervalLength","scale","upperBorder","Math","ceil","Component","__KONTUR_REACT_UI__","propTypes","Error","trunc"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { isBrowser } from '../../lib/client';\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\ntype DefaultProps = Required<\n  Pick<ZIndexProps, 'delta' | 'priority' | 'style' | 'applyZIndex' | 'coverChildren' | 'createStackingContext'>\n>;\n\n@rootNode\nexport class ZIndex extends React.Component<ZIndexProps> {\n  public static __KONTUR_REACT_UI__ = '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  };\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 zIndex = 0;\n\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: ZIndexProps) {\n    super(props);\n    this.zIndex = incrementZIndex(this.getProps().priority, this.getProps().delta);\n  }\n\n  public componentWillUnmount() {\n    removeZIndex(this.zIndex);\n  }\n\n  public render() {\n    // TODO: Enable this rule in functional components.\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    const { style, children, delta, priority, applyZIndex, coverChildren, createStackingContext, wrapperRef, ...rest } =\n      this.getProps();\n\n    const wrapperStyle: React.CSSProperties = {};\n\n    return (\n      <ZIndexContext.Consumer>\n        {({ parentLayerZIndex, maxZIndex }) => {\n          let zIndexContexValue = { parentLayerZIndex, maxZIndex };\n\n          if (applyZIndex) {\n            const newZIndex = this.calcZIndex(parentLayerZIndex, maxZIndex);\n            wrapperStyle.zIndex = newZIndex;\n\n            zIndexContexValue = coverChildren\n              ? { parentLayerZIndex, maxZIndex: newZIndex }\n              : { parentLayerZIndex: newZIndex, maxZIndex: Number.isFinite(maxZIndex) ? newZIndex : Infinity };\n\n            if (createStackingContext) {\n              isBrowser && 'isolation' in document.body.style\n                ? (wrapperStyle.isolation = 'isolate')\n                : (wrapperStyle.transform = 'rotate(0)');\n            }\n          }\n\n          return (\n            <ZIndexContext.Provider value={zIndexContexValue}>\n              <div style={{ ...style, ...wrapperStyle }} ref={this.wrapperRef} {...rest}>\n                {children}\n              </div>\n            </ZIndexContext.Provider>\n          );\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.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"]}

package/cjs/internal/themes/DefaultTheme.js

@@ -1692,6 +1692,6 @@ DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createCl
     }
 
     //#endregion
-  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '0';DefaultTheme.labGrotesqueBaselineCompensation = '1';DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#2291ff';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#ebebeb';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#858585';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#cdedff';DefaultTheme.blueLight = '#1f87ef';DefaultTheme.blue = '#1874cf';DefaultTheme.blueDark = '#1874cf';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#d7f8ae';DefaultTheme.green = '#538a1b';DefaultTheme.greenDark = '#477916';DefaultTheme.redXxLight = '#ffddd6';DefaultTheme.red = '#dd473b';DefaultTheme.redDark = '#cb3d35';DefaultTheme.yellowXxLight = '#ffeec2';DefaultTheme.yellow = '#fcb73e';DefaultTheme.yellowDark = '#ef8b17';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f6f6f6';DefaultTheme.errorMain = '#dd473b';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#cb3d35';DefaultTheme.warningMain = '#fcb73e';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#cdedff';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';DefaultTheme.placeholderColor = '#adadad';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '22px';DefaultTheme.controlLineHeightLarge = '24px';DefaultTheme.controlPaddingYSmall = '5px';DefaultTheme.controlPaddingYMedium = '8px';DefaultTheme.controlPaddingYLarge = '11px';DefaultTheme.textColorDefault = '#222222';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#adadad';DefaultTheme.textColorDisabledContrast = '#858585';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '16px';DefaultTheme.fontSizeLarge = '18px';DefaultTheme.fontSizeMobile = '18px';DefaultTheme.lineHeightMobile = '24px';DefaultTheme.specificityLevel = '0';DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';DefaultTheme.controlHeightSmall = '32px';DefaultTheme.controlHeightMedium = '40px';DefaultTheme.controlHeightLarge = '48px';DefaultTheme.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';DefaultTheme.linkColor = '#1874cf';DefaultTheme.linkActiveColor = '#1260ae';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#477916';DefaultTheme.linkSuccessHoverColor = '#477916';DefaultTheme.linkSuccessActiveColor = '#325a0c';DefaultTheme.linkDangerColor = '#cb3d35';DefaultTheme.linkDangerHoverColor = '#cb3d35';DefaultTheme.linkDangerActiveColor = '#a92a27';DefaultTheme.linkIconMarginRight = '4px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.tokenMarginY = '2px';DefaultTheme.tokenMarginX = '4px';DefaultTheme.tokenPaddingY = '1px';DefaultTheme.tokenPaddingX = '3px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '8px';DefaultTheme.tokenRemoveIconPaddingY = '4px';DefaultTheme.tokenRemoveIconPaddingX = '4px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'content-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '0px';DefaultTheme.tokenInputBorderRadius = '0px';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnBackgroundClip = 'padding-box';DefaultTheme.btnArrowBgImageActive = 'none';DefaultTheme.btnArrowBgImageChecked = 'none';DefaultTheme.btnLinkBorderRadius = '2px';DefaultTheme.btnFocusShadowWidth = '2px';DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.05)';DefaultTheme.btnCheckedBg = '#7e7e7e';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedShadow = 'none';DefaultTheme.btnCheckedDisabledShadow = 'none';DefaultTheme.btnBorderRadiusSmall = '1px';DefaultTheme.btnBorderRadiusMedium = '1px';DefaultTheme.btnBorderRadiusLarge = '1px';DefaultTheme.btnInsetWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '19px';DefaultTheme.btnIconGapSmall = '4px';DefaultTheme.btnIconGapMedium = '4px';DefaultTheme.btnIconGapLarge = '4px';DefaultTheme.btnIconSizeSmall = '16px';DefaultTheme.btnIconSizeMedium = '18px';DefaultTheme.btnIconSizeLarge = '20px';DefaultTheme.btnDefaultBg = '#fff';DefaultTheme.btnDefaultBgStart = 'none';DefaultTheme.btnDefaultBgEnd = 'none';DefaultTheme.btnDefaultHoverBg = '#f2f2f2';DefaultTheme.btnDefaultHoverBgStart = 'none';DefaultTheme.btnDefaultHoverBgEnd = 'none';DefaultTheme.btnDefaultActiveBg = '#ebebeb';DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultHoverBorderBottomColor = '';DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultActiveBorderTopColor = '';DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultBorderBottomColor = '';DefaultTheme.btnDefaultActiveShadow = 'none';DefaultTheme.btnSuccessBg = '#538a1b';DefaultTheme.btnSuccessHoverBg = '#477916';DefaultTheme.btnSuccessHoverBorderColor = '#477916';DefaultTheme.btnSuccessHoverBorderBottomColor = '';DefaultTheme.btnSuccessBorderColor = '#538a1b';DefaultTheme.btnSuccessBorderBottomColor = '';DefaultTheme.btnSuccessBgStart = 'none';DefaultTheme.btnSuccessBgEnd = 'none';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessHoverBgStart = 'none';DefaultTheme.btnSuccessHoverBgEnd = 'none';DefaultTheme.btnSuccessActiveBg = '#3a6710';DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';DefaultTheme.btnSuccessActiveBorderTopColor = '';DefaultTheme.btnSuccessActiveShadow = 'none';DefaultTheme.btnPrimaryBg = '#1c7edf';DefaultTheme.btnPrimaryHoverBg = '#1874cf';DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';DefaultTheme.btnPrimaryHoverBorderBottomColor = '';DefaultTheme.btnPrimaryBorderColor = '#1c7edf';DefaultTheme.btnPrimaryBorderBottomColor = '';DefaultTheme.btnPrimaryBgStart = 'none';DefaultTheme.btnPrimaryBgEnd = 'none';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryHoverBgStart = 'none';DefaultTheme.btnPrimaryHoverBgEnd = 'none';DefaultTheme.btnPrimaryActiveBg = '#156abe';DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';DefaultTheme.btnPrimaryActiveBorderTopColor = '';DefaultTheme.btnPrimaryActiveShadow = 'none';DefaultTheme.btnDangerBg = '#dd473b';DefaultTheme.btnDangerHoverBg = '#cb3d35';DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';DefaultTheme.btnDangerHoverBorderBottomColor = '';DefaultTheme.btnDangerBorderColor = '#dd473b';DefaultTheme.btnDangerBorderBottomColor = '';DefaultTheme.btnDangerBgStart = 'none';DefaultTheme.btnDangerBgEnd = 'none';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerHoverBgStart = 'none';DefaultTheme.btnDangerHoverBgEnd = 'none';DefaultTheme.btnDangerActiveBg = '#ba342e';DefaultTheme.btnDangerActiveBorderColor = '#ba342e';DefaultTheme.btnDangerActiveBorderTopColor = '';DefaultTheme.btnDangerActiveShadow = 'none';DefaultTheme.btnPayBg = '#fcb73e';DefaultTheme.btnPayHoverBg = '#fda70c';DefaultTheme.btnPayHoverBorderColor = '#fda70c';DefaultTheme.btnPayHoverBorderBottomColor = '';DefaultTheme.btnPayBorderColor = '#fcb73e';DefaultTheme.btnPayBorderBottomColor = '';DefaultTheme.btnPayBgStart = 'none';DefaultTheme.btnPayBgEnd = 'none';DefaultTheme.btnPayHoverBgStart = 'none';DefaultTheme.btnPayHoverBgEnd = 'none';DefaultTheme.btnPayActiveBg = '#f69912';DefaultTheme.btnPayActiveBorderColor = '#f69912';DefaultTheme.btnPayActiveBorderTopColor = '';DefaultTheme.btnPayActiveShadow = 'none';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.btnInsetColor = '#fff';DefaultTheme.selectPlaceholderColor = '#adadad';DefaultTheme.selectPaddingXSmall = '7px';DefaultTheme.selectIconGapSmall = '4px';DefaultTheme.selectPaddingXMedium = '11px';DefaultTheme.selectIconGapMedium = '8px';DefaultTheme.selectPaddingXLarge = '15px';DefaultTheme.selectIconGapLarge = '12px';DefaultTheme.selectRootWidthMobile = 'auto';DefaultTheme.tooltipPaddingY = '16px';DefaultTheme.tooltipPaddingX = '16px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipPinOffset = '0px';DefaultTheme.tooltipPinOffsetX = '16px';DefaultTheme.tooltipPinOffsetY = '18px';DefaultTheme.tooltipMargin = '10px';DefaultTheme.kebabMargin = '4px';DefaultTheme.kebabBackground = 'transparent';DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';DefaultTheme.kebabBorderRadius = '50%';DefaultTheme.kebabBorder = '2px solid transparent';DefaultTheme.modalBackBg = '#222';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';DefaultTheme.modalCloseButtonPadding = '36px';DefaultTheme.modalCloseButtonLegacyShift = '0px';DefaultTheme.modalCloseButtonBottomPadding = '20px';DefaultTheme.modalCloseButtonClickArea = '10px';DefaultTheme.modalCloseIconSize = '12px';DefaultTheme.modalCloseLegacyGap = '0px';DefaultTheme.modalCloseWrapperLegacyGap = '0px';DefaultTheme.modalBorderRadius = '0px';DefaultTheme.modalFixedHeaderBorder = 'none';DefaultTheme.modalFixedFooterBorder = 'none';DefaultTheme.modalFixedPanelShadow = 'none';DefaultTheme.modalFooterBg = '#ebebeb';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.modalPaddingTop = '24px';DefaultTheme.modalPaddingLeft = '32px';DefaultTheme.modalPaddingRight = '36px';DefaultTheme.modalHeaderFontSize = '24px';DefaultTheme.modalHeaderLineHeight = '32px';DefaultTheme.modalHeaderPaddingBottom = '16px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalBodyTextColor = 'inherit';DefaultTheme.modalFooterTextColor = 'inherit';DefaultTheme.modalBodyPaddingBottom = '24px';DefaultTheme.modalFooterPaddingTop = '0px';DefaultTheme.modalFooterPaddingBottom = '32px';DefaultTheme.modalPaddingBottom = '40px';DefaultTheme.modalFooterPanelPaddingTop = '20px';DefaultTheme.modalFooterPanelPaddingBottom = '20px';DefaultTheme.mobileModalCloseButtonRightPadding = '16px';DefaultTheme.mobileModalCloseButtonTopPadding = '12px';DefaultTheme.mobileModalCloseButtonClickArea = '16px';DefaultTheme.mobileModalCloseIconSize = '12px';DefaultTheme.mobileModalHeaderFontSize = '24px';DefaultTheme.mobileModalHeaderLineHeight = '32px';DefaultTheme.mobileModalHeaderPadding = '16px';DefaultTheme.mobileModalBodyPadding = '16px';DefaultTheme.mobileModalBodyFontSize = '16px';DefaultTheme.mobileModalFooterPadding = '16px';DefaultTheme.mobileModalPaddingBottom = '16px';DefaultTheme.sidePageFooterPanelBg = '#ebebeb';DefaultTheme.sidePageBackingBg = '#222';DefaultTheme.sidePageBackingBgOpacity = '0.6';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.mobileSidePagePaddingLeft = '16px';DefaultTheme.mobileSidePagePaddingRight = '16px';DefaultTheme.mobileSidePagePaddingTop = '16px';DefaultTheme.mobileSidePagePaddingBottom = '16px';DefaultTheme.mobileSidePageFooterPadding = '16px';DefaultTheme.sidePagePaddingLeft = '32px';DefaultTheme.sidePagePaddingRight = '36px';DefaultTheme.sidePagePaddingTop = '24px';DefaultTheme.sidePagePaddingBottom = '40px';DefaultTheme.sidePageFooterPaddingTop = '24px';DefaultTheme.sidePageFooterPaddingBottom = '32px';DefaultTheme.sidePageBodyTextColor = 'inherit';DefaultTheme.sidePageFooterTextColor = 'inherit';DefaultTheme.sidePageHeaderFontSize = '24px';DefaultTheme.sidePageHeaderLineHeight = '32px';DefaultTheme.sidePageHeaderPaddingBottom = '16px';DefaultTheme.sidePageHeaderPaddingTop = '24px';DefaultTheme.sidePageHeaderFixedFontSize = '18px';DefaultTheme.sidePageHeaderFixedLineHeight = '28px';DefaultTheme.sidePageHeaderFixedPaddingY = '10px';DefaultTheme.sidePageHeaderStickyOffset = '5px';DefaultTheme.sidePageCloseButtonPadding = '36px';DefaultTheme.mobileSidePageCloseButtonPadding = '16px';DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '36px';DefaultTheme.sidePageFooterPanelPaddingTop = '20px';DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageCloseIconSize = '12px';DefaultTheme.sidePageCloseButtonClickArea = '10px';DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';DefaultTheme.sidePageFixedPanelShadow = 'none';DefaultTheme.mobileSidePageHeaderFontSize = '24px';DefaultTheme.mobileSidePageHeaderLineHeight = '32px';DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#cb3d35';DefaultTheme.calendarCellTodayBorder = '1px solid rgba(0, 0, 0, 0.32)';DefaultTheme.calendarCellSelectedBgColor = '#ebebeb';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '32px';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.calendarPaddingX = '18px';DefaultTheme.calendarMonthTitleLineHeight = '20px';DefaultTheme.calendarMonthTitlePaddingTop = '12px';DefaultTheme.calendarMonthTitlePaddingBottom = '8px';DefaultTheme.calendarMonthTitleMarginX = '6px';DefaultTheme.calendarMonthTitleMarginBottom = '6px';DefaultTheme.calendarWrapperHeight = ' 330px';DefaultTheme.calendarMonthMarginBottom = '6px';DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';DefaultTheme.dateSelectLineHeight = '20px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pickerTodayWrapperFontSize = '14px';DefaultTheme.pickerTodayWrapperLineHeight = '20px';DefaultTheme.pickerTodayWrapperPaddingTop = '6px';DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';DefaultTheme.pagingForwardIconMarginTop = '1px';DefaultTheme.pagingPageLinkPaddingX = '0.625em';DefaultTheme.pagingPageLinkPaddingY = '0.3125em';DefaultTheme.pagingPageLinkLegacyPaddingY = '0';DefaultTheme.pagingPageLinkMinWidth = '0.75em';DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';DefaultTheme.pagingPageForwardLinkPaddingRight = '1.375em';DefaultTheme.pagingLineHeight = '1.375em';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingDotsPadding = '0.375em 0.625em 0';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkBorderRadius = '9999px';DefaultTheme.pagingPageLinkHintFontSize = '12px';DefaultTheme.pagingPageLinkHintLineHeight = '16px';DefaultTheme.pagingPageLinkMargin = '0px 1px';DefaultTheme.hintMaxWidth = '200px';DefaultTheme.hintPaddingY = '6px';DefaultTheme.hintPaddingX = '8px';DefaultTheme.hintTextAlign = 'center';DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';DefaultTheme.hintBorder = 'none';DefaultTheme.hintBorderRadius = '2px';DefaultTheme.hintPinOffset = '8px';DefaultTheme.hintMargin = '8px';DefaultTheme.toastPaddingY = '10px';DefaultTheme.toastPaddingX = '16px';DefaultTheme.toastBorderRadius = '2px';DefaultTheme.toastBorder = 'none';DefaultTheme.toastTop = '24px';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#8fcdff';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.menuBorder = 'none';DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';DefaultTheme.menuPaddingY = '4px';DefaultTheme.menuPaddingX = '0';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '4px';DefaultTheme.menuItemIconLegacyMargin = '0px';DefaultTheme.menuItemIconLegacyShift = '0px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemPaddingY = '6px';DefaultTheme.menuItemBorderRadius = '0px';DefaultTheme.menuItemLegacyPaddingX = '0px';DefaultTheme.menuItemLegacyPaddingY = '0px';DefaultTheme.menuItemCommentColor = '#adadad';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuItemPaddingMobile = '12px 16px';DefaultTheme.menuHeaderLineHeight = '16px';DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderPaddingX = '8px';DefaultTheme.menuHeaderPaddingTop = '12px';DefaultTheme.menuHeaderPaddingBottom = '4px';DefaultTheme.menuHeaderLegacyPaddingRight = '0px';DefaultTheme.menuSeparatorBorderColor = '#ebebeb';DefaultTheme.menuSeparatorMarginY = '2px';DefaultTheme.menuSeparatorBorderWidth = '1px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '32px';DefaultTheme.toggleBg = '#fff';DefaultTheme.toggleCheckedBg = '#fff';DefaultTheme.toggleDisabledHandleBg = '#fff';DefaultTheme.toggleBaseBg = '#fff';DefaultTheme.toggleBgDisabledChecked = '#dadada';DefaultTheme.toggleBgHover = '#f3f3f2';DefaultTheme.toggleCheckedBgHover = '#f3f3f2';DefaultTheme.toggleBgChecked = '#1874cf';DefaultTheme.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleBgActive = '#e5e5e5';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.toggleButtonOffsetY = '0px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';DefaultTheme.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.popupPinOffset = '0';DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputShadow = 'none';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '200px';DefaultTheme.inputPaddingXSmall = '7px';DefaultTheme.inputPaddingXMedium = '11px';DefaultTheme.inputPaddingXLarge = '15px';DefaultTheme.inputIconGapSmall = '4px';DefaultTheme.inputIconGapMedium = '8px';DefaultTheme.inputIconGapLarge = '12px';DefaultTheme.inputIconSizeSmall = '16px';DefaultTheme.inputIconSizeMedium = '18px';DefaultTheme.inputIconSizeLarge = '20px';DefaultTheme.inputBorderRadiusSmall = '0px';DefaultTheme.inputBorderRadiusMedium = '0px';DefaultTheme.inputBorderRadiusLarge = '0px';DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxCaptionGap = '8px';DefaultTheme.checkboxBoxOffsetY = '1px';DefaultTheme.checkboxBgStart = '#fdfdfd';DefaultTheme.checkboxBgEnd = '#ededed';DefaultTheme.checkboxBorder = 'none';DefaultTheme.checkboxCheckedColor = '#fff';DefaultTheme.checkboxBorderRadius = '1px';DefaultTheme.checkboxBg = '#fff';DefaultTheme.textareaBg = '#fff';DefaultTheme.textareaShadow = 'none';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.textareaPaddingX = '7px';DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.textareaDisabledBorderColor = 'transparent';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioCaptionGap = '8px';DefaultTheme.radioVerticalAlign = 'top';DefaultTheme.radioBgImage = 'none';DefaultTheme.radioBgColor = '#fff';DefaultTheme.radioBoxShadow = 'none';DefaultTheme.radioHoverShadow = 'none';DefaultTheme.radioActiveShadow = 'none';DefaultTheme.radioCheckedBorderColor = 'transparent';DefaultTheme.radioCheckedBulletColor = '#fff';DefaultTheme.radioCaptionDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioCircleOffsetY = '1px';DefaultTheme.radioGroupLegacyItemGap = '0px';DefaultTheme.tabPaddingX = '12px';DefaultTheme.tabBorderWidth = '2px';DefaultTheme.spinnerCaptionGapSmall = '6px';DefaultTheme.spinnerCaptionGapMedium = '-4px';DefaultTheme.spinnerCaptionGapLarge = '-3px';DefaultTheme.switcherBorderRadius = '2px';DefaultTheme.switcherButtonPaddingXSmall = '7px';DefaultTheme.switcherButtonPaddingXMedium = '11px';DefaultTheme.switcherButtonPaddingXLarge = '15px';DefaultTheme.mobilePopupTopPadding = '20px';DefaultTheme.mobilePopupHeaderPadding = '0 16px';DefaultTheme.mobilePopupHeaderBorderRadius = '8px 8px 0px 0px';DefaultTheme.mobilePopupHeaderShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.1)';DefaultTheme.mobilePopupHeaderFontWeight = '500';DefaultTheme.mobilePopupHeaderChildPadding = '12px';DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';DefaultTheme.passwordInputVisibilityIconColor = '#000';DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';DefaultTheme.globalLoaderHeight = '4px';DefaultTheme.globalLoaderWidth = '100%';DefaultTheme.globalLoaderPosition = 'fixed';DefaultTheme.globalLoaderTop = '0';DefaultTheme.globalLoaderLeft = '0';DefaultTheme.globalLoaderBottom = 'auto';DefaultTheme.globalLoaderRight = 'auto';DefaultTheme.globalLoaderBackgroundColor = 'transparent';DefaultTheme.globalLoaderTransitionToSpinnerDuration = '500';DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000';DefaultTheme.globalLoaderSlowAnimationDuration = '20000';DefaultTheme.globalLoaderTransitionFromSpinnerDuration = '200';DefaultTheme.fileUploaderWidth = '362px';DefaultTheme.fileUploaderBg = '#fff';DefaultTheme.fileUploaderPaddingX = '7px';DefaultTheme.fileUploaderBorderRadius = '2px';DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';DefaultTheme.fileUploaderBorderStyle = 'dashed';DefaultTheme.fileUploaderIconSize = '14px';DefaultTheme.fileUploaderIconColor = '#808080';DefaultTheme.fileUploaderIconHoverColor = '#333';DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';DefaultTheme.fileUploaderDisabledTextColor = '#808080';DefaultTheme.fileUploaderDisabledLinkColor = '#808080';DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';DefaultTheme.fileUploaderHoveredBg = 'none';
+  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.fontFamilyCompensationBaseline = '0px';DefaultTheme.labGrotesqueBaselineCompensation = '1';DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#2291ff';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#ebebeb';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#858585';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#cdedff';DefaultTheme.blueLight = '#1f87ef';DefaultTheme.blue = '#1874cf';DefaultTheme.blueDark = '#1874cf';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#d7f8ae';DefaultTheme.green = '#538a1b';DefaultTheme.greenDark = '#477916';DefaultTheme.redXxLight = '#ffddd6';DefaultTheme.red = '#dd473b';DefaultTheme.redDark = '#cb3d35';DefaultTheme.yellowXxLight = '#ffeec2';DefaultTheme.yellow = '#fcb73e';DefaultTheme.yellowDark = '#ef8b17';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f6f6f6';DefaultTheme.errorMain = '#dd473b';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#cb3d35';DefaultTheme.warningMain = '#fcb73e';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#cdedff';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';DefaultTheme.placeholderColor = '#adadad';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '22px';DefaultTheme.controlLineHeightLarge = '24px';DefaultTheme.controlPaddingYSmall = '5px';DefaultTheme.controlPaddingYMedium = '8px';DefaultTheme.controlPaddingYLarge = '11px';DefaultTheme.textColorDefault = '#222222';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#adadad';DefaultTheme.textColorDisabledContrast = '#858585';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '16px';DefaultTheme.fontSizeLarge = '18px';DefaultTheme.fontSizeMobile = '18px';DefaultTheme.lineHeightMobile = '24px';DefaultTheme.specificityLevel = '0';DefaultTheme.fixedPanelShadow = '0 0 16px 1px rgba(0, 0, 0, 0.3)';DefaultTheme.controlHeightSmall = '32px';DefaultTheme.controlHeightMedium = '40px';DefaultTheme.controlHeightLarge = '48px';DefaultTheme.mobileMediaQuery = '(max-width: 576px) and (hover: none) and (pointer: coarse)';DefaultTheme.linkColor = '#1874cf';DefaultTheme.linkActiveColor = '#1260ae';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#477916';DefaultTheme.linkSuccessHoverColor = '#477916';DefaultTheme.linkSuccessActiveColor = '#325a0c';DefaultTheme.linkDangerColor = '#cb3d35';DefaultTheme.linkDangerHoverColor = '#cb3d35';DefaultTheme.linkDangerActiveColor = '#a92a27';DefaultTheme.linkIconMarginRight = '4px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.tokenMarginY = '2px';DefaultTheme.tokenMarginX = '4px';DefaultTheme.tokenPaddingY = '1px';DefaultTheme.tokenPaddingX = '3px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '8px';DefaultTheme.tokenRemoveIconPaddingY = '4px';DefaultTheme.tokenRemoveIconPaddingX = '4px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'content-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenBorderColorDisabled = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '0px';DefaultTheme.tokenInputBorderRadius = '0px';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnBackgroundClip = 'padding-box';DefaultTheme.btnArrowBgImageActive = 'none';DefaultTheme.btnArrowBgImageChecked = 'none';DefaultTheme.btnLinkBorderRadius = '2px';DefaultTheme.btnFocusShadowWidth = '2px';DefaultTheme.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.05)';DefaultTheme.btnCheckedBg = '#7e7e7e';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedShadow = 'none';DefaultTheme.btnCheckedDisabledShadow = 'none';DefaultTheme.btnBorderRadiusSmall = '1px';DefaultTheme.btnBorderRadiusMedium = '1px';DefaultTheme.btnBorderRadiusLarge = '1px';DefaultTheme.btnInsetWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '19px';DefaultTheme.btnIconGapSmall = '4px';DefaultTheme.btnIconGapMedium = '4px';DefaultTheme.btnIconGapLarge = '4px';DefaultTheme.btnIconSizeSmall = '16px';DefaultTheme.btnIconSizeMedium = '18px';DefaultTheme.btnIconSizeLarge = '20px';DefaultTheme.btnDefaultBg = '#fff';DefaultTheme.btnDefaultBgStart = 'none';DefaultTheme.btnDefaultBgEnd = 'none';DefaultTheme.btnDefaultHoverBg = '#f2f2f2';DefaultTheme.btnDefaultHoverBgStart = 'none';DefaultTheme.btnDefaultHoverBgEnd = 'none';DefaultTheme.btnDefaultActiveBg = '#ebebeb';DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultHoverBorderBottomColor = '';DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultActiveBorderTopColor = '';DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.btnDefaultBorderBottomColor = '';DefaultTheme.btnDefaultActiveShadow = 'none';DefaultTheme.btnSuccessBg = '#538a1b';DefaultTheme.btnSuccessHoverBg = '#477916';DefaultTheme.btnSuccessHoverBorderColor = '#477916';DefaultTheme.btnSuccessHoverBorderBottomColor = '';DefaultTheme.btnSuccessBorderColor = '#538a1b';DefaultTheme.btnSuccessBorderBottomColor = '';DefaultTheme.btnSuccessBgStart = 'none';DefaultTheme.btnSuccessBgEnd = 'none';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessHoverBgStart = 'none';DefaultTheme.btnSuccessHoverBgEnd = 'none';DefaultTheme.btnSuccessActiveBg = '#3a6710';DefaultTheme.btnSuccessActiveBorderColor = '#3a6710';DefaultTheme.btnSuccessActiveBorderTopColor = '';DefaultTheme.btnSuccessActiveShadow = 'none';DefaultTheme.btnPrimaryBg = '#1c7edf';DefaultTheme.btnPrimaryHoverBg = '#1874cf';DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';DefaultTheme.btnPrimaryHoverBorderBottomColor = '';DefaultTheme.btnPrimaryBorderColor = '#1c7edf';DefaultTheme.btnPrimaryBorderBottomColor = '';DefaultTheme.btnPrimaryBgStart = 'none';DefaultTheme.btnPrimaryBgEnd = 'none';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryHoverBgStart = 'none';DefaultTheme.btnPrimaryHoverBgEnd = 'none';DefaultTheme.btnPrimaryActiveBg = '#156abe';DefaultTheme.btnPrimaryActiveBorderColor = '#156abe';DefaultTheme.btnPrimaryActiveBorderTopColor = '';DefaultTheme.btnPrimaryActiveShadow = 'none';DefaultTheme.btnDangerBg = '#dd473b';DefaultTheme.btnDangerHoverBg = '#cb3d35';DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';DefaultTheme.btnDangerHoverBorderBottomColor = '';DefaultTheme.btnDangerBorderColor = '#dd473b';DefaultTheme.btnDangerBorderBottomColor = '';DefaultTheme.btnDangerBgStart = 'none';DefaultTheme.btnDangerBgEnd = 'none';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerHoverBgStart = 'none';DefaultTheme.btnDangerHoverBgEnd = 'none';DefaultTheme.btnDangerActiveBg = '#ba342e';DefaultTheme.btnDangerActiveBorderColor = '#ba342e';DefaultTheme.btnDangerActiveBorderTopColor = '';DefaultTheme.btnDangerActiveShadow = 'none';DefaultTheme.btnPayBg = '#fcb73e';DefaultTheme.btnPayHoverBg = '#fda70c';DefaultTheme.btnPayHoverBorderColor = '#fda70c';DefaultTheme.btnPayHoverBorderBottomColor = '';DefaultTheme.btnPayBorderColor = '#fcb73e';DefaultTheme.btnPayBorderBottomColor = '';DefaultTheme.btnPayBgStart = 'none';DefaultTheme.btnPayBgEnd = 'none';DefaultTheme.btnPayHoverBgStart = 'none';DefaultTheme.btnPayHoverBgEnd = 'none';DefaultTheme.btnPayActiveBg = '#f69912';DefaultTheme.btnPayActiveBorderColor = '#f69912';DefaultTheme.btnPayActiveBorderTopColor = '';DefaultTheme.btnPayActiveShadow = 'none';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.btnInsetColor = '#fff';DefaultTheme.selectPlaceholderColor = '#adadad';DefaultTheme.selectPaddingXSmall = '7px';DefaultTheme.selectIconGapSmall = '4px';DefaultTheme.selectPaddingXMedium = '11px';DefaultTheme.selectIconGapMedium = '8px';DefaultTheme.selectPaddingXLarge = '15px';DefaultTheme.selectIconGapLarge = '12px';DefaultTheme.selectRootWidthMobile = 'auto';DefaultTheme.tooltipPaddingY = '16px';DefaultTheme.tooltipPaddingX = '16px';DefaultTheme.tooltipCloseBtnPadding = '8px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.tooltipPinOffset = '0px';DefaultTheme.tooltipPinOffsetX = '16px';DefaultTheme.tooltipPinOffsetY = '18px';DefaultTheme.tooltipMargin = '10px';DefaultTheme.kebabMargin = '4px';DefaultTheme.kebabBackground = 'transparent';DefaultTheme.kebabBackgroundHover = 'rgba(0, 0, 0, 0.09)';DefaultTheme.kebabBorderRadius = '50%';DefaultTheme.kebabBorder = '2px solid transparent';DefaultTheme.modalBackBg = '#222';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = 'rgba(0, 0, 0, 0.32)';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = 'rgba(0, 0, 0, 0.865)';DefaultTheme.modalCloseButtonPadding = '36px';DefaultTheme.modalCloseButtonLegacyShift = '0px';DefaultTheme.modalCloseButtonBottomPadding = '20px';DefaultTheme.modalCloseButtonClickArea = '10px';DefaultTheme.modalCloseIconSize = '12px';DefaultTheme.modalCloseLegacyGap = '0px';DefaultTheme.modalCloseWrapperLegacyGap = '0px';DefaultTheme.modalBorderRadius = '0px';DefaultTheme.modalFixedHeaderBorder = 'none';DefaultTheme.modalFixedFooterBorder = 'none';DefaultTheme.modalFixedPanelShadow = 'none';DefaultTheme.modalFooterBg = '#ebebeb';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.modalPaddingTop = '24px';DefaultTheme.modalPaddingLeft = '32px';DefaultTheme.modalPaddingRight = '36px';DefaultTheme.modalHeaderFontSize = '24px';DefaultTheme.modalHeaderLineHeight = '32px';DefaultTheme.modalHeaderPaddingBottom = '16px';DefaultTheme.modalHeaderPaddingTop = '24px';DefaultTheme.modalBodyTextColor = 'inherit';DefaultTheme.modalFooterTextColor = 'inherit';DefaultTheme.modalBodyPaddingBottom = '24px';DefaultTheme.modalFooterPaddingTop = '0px';DefaultTheme.modalFooterPaddingBottom = '32px';DefaultTheme.modalPaddingBottom = '40px';DefaultTheme.modalFooterPanelPaddingTop = '20px';DefaultTheme.modalFooterPanelPaddingBottom = '20px';DefaultTheme.mobileModalCloseButtonRightPadding = '16px';DefaultTheme.mobileModalCloseButtonTopPadding = '12px';DefaultTheme.mobileModalCloseButtonClickArea = '16px';DefaultTheme.mobileModalCloseIconSize = '12px';DefaultTheme.mobileModalHeaderFontSize = '24px';DefaultTheme.mobileModalHeaderLineHeight = '32px';DefaultTheme.mobileModalHeaderPadding = '16px';DefaultTheme.mobileModalBodyPadding = '16px';DefaultTheme.mobileModalBodyFontSize = '16px';DefaultTheme.mobileModalFooterPadding = '16px';DefaultTheme.mobileModalPaddingBottom = '16px';DefaultTheme.sidePageFooterPanelBg = '#ebebeb';DefaultTheme.sidePageBackingBg = '#222';DefaultTheme.sidePageBackingBgOpacity = '0.6';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.mobileSidePagePaddingLeft = '16px';DefaultTheme.mobileSidePagePaddingRight = '16px';DefaultTheme.mobileSidePagePaddingTop = '16px';DefaultTheme.mobileSidePagePaddingBottom = '16px';DefaultTheme.mobileSidePageFooterPadding = '16px';DefaultTheme.sidePagePaddingLeft = '32px';DefaultTheme.sidePagePaddingRight = '36px';DefaultTheme.sidePagePaddingTop = '24px';DefaultTheme.sidePagePaddingBottom = '40px';DefaultTheme.sidePageFooterPaddingTop = '24px';DefaultTheme.sidePageFooterPaddingBottom = '32px';DefaultTheme.sidePageBodyTextColor = 'inherit';DefaultTheme.sidePageFooterTextColor = 'inherit';DefaultTheme.sidePageHeaderFontSize = '24px';DefaultTheme.sidePageHeaderLineHeight = '32px';DefaultTheme.sidePageHeaderPaddingBottom = '16px';DefaultTheme.sidePageHeaderPaddingTop = '24px';DefaultTheme.sidePageHeaderFixedFontSize = '18px';DefaultTheme.sidePageHeaderFixedLineHeight = '28px';DefaultTheme.sidePageHeaderFixedPaddingY = '10px';DefaultTheme.sidePageHeaderStickyOffset = '5px';DefaultTheme.sidePageCloseButtonPadding = '36px';DefaultTheme.mobileSidePageCloseButtonPadding = '16px';DefaultTheme.sidePageCloseButtonLegacyPaddingLeft = '36px';DefaultTheme.sidePageFooterPanelPaddingTop = '20px';DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';DefaultTheme.sidePageCloseIconSize = '12px';DefaultTheme.sidePageCloseButtonClickArea = '10px';DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';DefaultTheme.sidePageFixedPanelShadow = 'none';DefaultTheme.mobileSidePageHeaderFontSize = '24px';DefaultTheme.mobileSidePageHeaderLineHeight = '32px';DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';DefaultTheme.mobileSidePageHeaderPaddingTop = '16px';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cdedff';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#cb3d35';DefaultTheme.calendarCellTodayBorder = '1px solid rgba(0, 0, 0, 0.32)';DefaultTheme.calendarCellSelectedBgColor = '#ebebeb';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarCellSize = '32px';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.calendarPaddingX = '18px';DefaultTheme.calendarMonthTitleLineHeight = '20px';DefaultTheme.calendarMonthTitlePaddingTop = '12px';DefaultTheme.calendarMonthTitlePaddingBottom = '8px';DefaultTheme.calendarMonthTitleMarginX = '6px';DefaultTheme.calendarMonthTitleMarginBottom = '6px';DefaultTheme.calendarWrapperHeight = ' 330px';DefaultTheme.calendarMonthMarginBottom = '6px';DefaultTheme.calendarMaxMonthsToAppendOnScroll = '5';DefaultTheme.dateSelectLineHeight = '20px';DefaultTheme.dateSelectFontSize = '14px';DefaultTheme.dateSelectFontWeight = 'bold';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.pickerShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pickerTodayWrapperFontSize = '14px';DefaultTheme.pickerTodayWrapperLineHeight = '20px';DefaultTheme.pickerTodayWrapperPaddingTop = '6px';DefaultTheme.pickerTodayWrapperPaddingBottom = '6px';DefaultTheme.pagingForwardIconMarginTop = '1px';DefaultTheme.pagingPageLinkPaddingX = '0.625em';DefaultTheme.pagingPageLinkPaddingY = '0.3125em';DefaultTheme.pagingPageLinkLegacyPaddingY = '0px';DefaultTheme.pagingPageLinkMinWidth = '0.75em';DefaultTheme.pagingPageForwardLinkMarginTop = '0.35em';DefaultTheme.pagingPageForwardLinkMarginLeft = '10px';DefaultTheme.pagingPageForwardLinkPaddingRight = '1.375em';DefaultTheme.pagingLineHeight = '1.375em';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingDotsPadding = '0.375em 0.625em 0';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkBorderRadius = '9999px';DefaultTheme.pagingPageLinkHintFontSize = '12px';DefaultTheme.pagingPageLinkHintLineHeight = '16px';DefaultTheme.pagingPageLinkMargin = '0px 1px';DefaultTheme.hintMaxWidth = '200px';DefaultTheme.hintPaddingY = '6px';DefaultTheme.hintPaddingX = '8px';DefaultTheme.hintTextAlign = 'center';DefaultTheme.hintBgColor = 'rgba(51, 51, 51, 0.8)';DefaultTheme.hintBorder = 'none';DefaultTheme.hintBorderRadius = '2px';DefaultTheme.hintPinOffset = '8px';DefaultTheme.hintMargin = '8px';DefaultTheme.toastPaddingY = '10px';DefaultTheme.toastPaddingX = '16px';DefaultTheme.toastBorderRadius = '2px';DefaultTheme.toastBorder = 'none';DefaultTheme.toastTop = '24px';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#8fcdff';DefaultTheme.toastClosePadding = '16px';DefaultTheme.toastCloseColor = 'rgba(255, 255, 255, 0.6)';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.toastCloseSize = '8px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.menuBorder = 'none';DefaultTheme.menuShadow = '0 4px 12px rgba(0, 0, 0, 0.16)';DefaultTheme.menuPaddingY = '4px';DefaultTheme.menuPaddingX = '0px';DefaultTheme.menuItemIconWidth = '16px';DefaultTheme.menuItemIconGap = '4px';DefaultTheme.menuItemIconLegacyMargin = '0px';DefaultTheme.menuItemIconLegacyShift = '0px';DefaultTheme.menuItemPaddingX = '8px';DefaultTheme.menuItemPaddingY = '6px';DefaultTheme.menuItemBorderRadius = '0px';DefaultTheme.menuItemLegacyPaddingX = '0px';DefaultTheme.menuItemLegacyPaddingY = '0px';DefaultTheme.menuItemCommentColor = '#adadad';DefaultTheme.menuItemCommentColorHover = '#fff';DefaultTheme.menuItemPaddingMobile = '12px 16px';DefaultTheme.menuHeaderLineHeight = '16px';DefaultTheme.menuHeaderFontSize = '12px';DefaultTheme.menuHeaderPaddingX = '8px';DefaultTheme.menuHeaderPaddingTop = '12px';DefaultTheme.menuHeaderPaddingBottom = '4px';DefaultTheme.menuHeaderLegacyPaddingRight = '0px';DefaultTheme.menuSeparatorBorderColor = '#ebebeb';DefaultTheme.menuSeparatorMarginY = '2px';DefaultTheme.menuSeparatorBorderWidth = '1px';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '32px';DefaultTheme.toggleBg = '#fff';DefaultTheme.toggleCheckedBg = '#fff';DefaultTheme.toggleDisabledHandleBg = '#fff';DefaultTheme.toggleBaseBg = '#fff';DefaultTheme.toggleBgDisabledChecked = '#dadada';DefaultTheme.toggleBgHover = '#f3f3f2';DefaultTheme.toggleCheckedBgHover = '#f3f3f2';DefaultTheme.toggleBgChecked = '#1874cf';DefaultTheme.toggleBorderColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleBgActive = '#e5e5e5';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.toggleButtonOffsetY = '0px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16))';DefaultTheme.popupBoxShadow = '0 4px 12px 0 rgba(0, 0, 0, 0.16)';DefaultTheme.popupPinOffset = '0px';DefaultTheme.popupPinOffsetX = '16px';DefaultTheme.popupPinOffsetY = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputShadow = 'none';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '200px';DefaultTheme.inputPaddingXSmall = '7px';DefaultTheme.inputPaddingXMedium = '11px';DefaultTheme.inputPaddingXLarge = '15px';DefaultTheme.inputIconGapSmall = '4px';DefaultTheme.inputIconGapMedium = '8px';DefaultTheme.inputIconGapLarge = '12px';DefaultTheme.inputIconSizeSmall = '16px';DefaultTheme.inputIconSizeMedium = '18px';DefaultTheme.inputIconSizeLarge = '20px';DefaultTheme.inputBorderRadiusSmall = '0px';DefaultTheme.inputBorderRadiusMedium = '0px';DefaultTheme.inputBorderRadiusLarge = '0px';DefaultTheme.inputBorderTopColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.checkboxBoxSize = '16px';DefaultTheme.checkboxCaptionGap = '8px';DefaultTheme.checkboxBoxOffsetY = '1px';DefaultTheme.checkboxBgStart = '#fdfdfd';DefaultTheme.checkboxBgEnd = '#ededed';DefaultTheme.checkboxBorder = 'none';DefaultTheme.checkboxCheckedColor = '#fff';DefaultTheme.checkboxBorderRadius = '1px';DefaultTheme.checkboxBg = '#fff';DefaultTheme.textareaBg = '#fff';DefaultTheme.textareaShadow = 'none';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.textareaPaddingX = '7px';DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.textareaDisabledBorderColor = 'transparent';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioCaptionGap = '8px';DefaultTheme.radioVerticalAlign = 'top';DefaultTheme.radioBgImage = 'none';DefaultTheme.radioBgColor = '#fff';DefaultTheme.radioBoxShadow = 'none';DefaultTheme.radioHoverShadow = 'none';DefaultTheme.radioActiveShadow = 'none';DefaultTheme.radioCheckedBorderColor = 'transparent';DefaultTheme.radioCheckedBulletColor = '#fff';DefaultTheme.radioCaptionDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioCircleOffsetY = '1px';DefaultTheme.radioGroupLegacyItemGap = '0px';DefaultTheme.tabPaddingX = '12px';DefaultTheme.tabBorderWidth = '2px';DefaultTheme.spinnerCaptionGapSmall = '6px';DefaultTheme.spinnerCaptionGapMedium = '-4px';DefaultTheme.spinnerCaptionGapLarge = '-3px';DefaultTheme.switcherBorderRadius = '2px';DefaultTheme.switcherButtonPaddingXSmall = '7px';DefaultTheme.switcherButtonPaddingXMedium = '11px';DefaultTheme.switcherButtonPaddingXLarge = '15px';DefaultTheme.mobilePopupTopPadding = '20px';DefaultTheme.mobilePopupHeaderPadding = '0 16px';DefaultTheme.mobilePopupHeaderBorderRadius = '8px 8px 0px 0px';DefaultTheme.mobilePopupHeaderShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.1)';DefaultTheme.mobilePopupHeaderFontWeight = '500';DefaultTheme.mobilePopupHeaderChildPadding = '12px';DefaultTheme.scrollContainerScrollBarSize = '4px';DefaultTheme.scrollContainerScrollBarHoverSize = '10px';DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';DefaultTheme.passwordInputVisibilityIconColor = '#000';DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';DefaultTheme.globalLoaderHeight = '4px';DefaultTheme.globalLoaderWidth = '100%';DefaultTheme.globalLoaderPosition = 'fixed';DefaultTheme.globalLoaderTop = '0px';DefaultTheme.globalLoaderLeft = '0px';DefaultTheme.globalLoaderBottom = 'auto';DefaultTheme.globalLoaderRight = 'auto';DefaultTheme.globalLoaderBackgroundColor = 'transparent';DefaultTheme.globalLoaderTransitionToSpinnerDuration = '500';DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000';DefaultTheme.globalLoaderSlowAnimationDuration = '20000';DefaultTheme.globalLoaderTransitionFromSpinnerDuration = '200';DefaultTheme.fileUploaderWidth = '362px';DefaultTheme.fileUploaderBg = '#fff';DefaultTheme.fileUploaderPaddingX = '7px';DefaultTheme.fileUploaderBorderRadius = '2px';DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';DefaultTheme.fileUploaderBorderStyle = 'dashed';DefaultTheme.fileUploaderIconSize = '14px';DefaultTheme.fileUploaderIconColor = '#808080';DefaultTheme.fileUploaderIconHoverColor = '#333';DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';DefaultTheme.fileUploaderDisabledTextColor = '#808080';DefaultTheme.fileUploaderDisabledLinkColor = '#808080';DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';DefaultTheme.fileUploaderHoveredBg = 'none';
 
 var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)(DefaultTheme);exports.DefaultThemeInternal = DefaultThemeInternal;