@skbkontur/react-ui 6.4.1-8cb58.0 → 6.4.2-static-css.0

package/internal/MobilePopup/MobilePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["MobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { getJsStyles } from './MobilePopup.styles.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  /**\n   * Позволяет отрисовать попап по центру экрана\n   */\n  verticalAlign?: 'center' | 'bottom';\n  size?: SizeProp;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n  backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const align = this.props.verticalAlign ?? 'bottom';\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          {themeGTE6_1 ? (\n            <div className={this.jsStyles.wrapper6_1(this.theme)} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.cx(\n                    this.jsStyles.containerBase6_1(this.theme),\n                    align === 'bottom' && this.jsStyles.containerBottom6_1(this.theme),\n                  )}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root6_1(this.theme)}>\n                    <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n                    <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          ) : (\n            <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.jsStyles.container(this.theme)}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root(this.theme)}>\n                    <MobilePopupHeader caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.jsStyles.content(this.theme)}>{this.props.children}</div>\n                    <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                  <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n   *  В мобильных браузерах pointerup может породить click по нижележащему элементу.\n   *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n   */\n  private backdropStopPropagation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    this.backdropStopPropagation(event);\n    this.close();\n  };\n\n  private getContentClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'small':\n        return this.jsStyles.contentSmall6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.contentMedium6_1(this.theme);\n      case 'large':\n        return this.jsStyles.contentLarge6_1(this.theme);\n      default:\n        return this.jsStyles.contentSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopup.js","sourceRoot":"","sources":["MobilePopup.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { ClassNames } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { getThemeCssVars } from '../../lib/theming/themeCssVarsClass.js';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll/index.js';\nimport { RenderContainer } from '../RenderContainer/index.js';\nimport { RenderLayer } from '../RenderLayer/index.js';\nimport { ZIndex } from '../ZIndex/index.js';\nimport { getJsStyles } from './MobilePopup.styles.js';\nimport { MobilePopupFooter } from './MobilePopupFooter/index.js';\nimport { MobilePopupHeader } from './MobilePopupHeader/index.js';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  /**\n   * Позволяет отрисовать попап по центру экрана\n   */\n  verticalAlign?: 'center' | 'bottom';\n  size?: SizeProp;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n  backdrop: 'MobilePopup__backdrop',\n} as const;\n\n@withRenderEnvironment\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n  private refForTransition = React.createRef<HTMLDivElement>();\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private cx!: ClassNames;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    this.jsStyles = getJsStyles();\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const themeVars = getThemeCssVars(this.theme);\n    const align = this.props.verticalAlign ?? 'bottom';\n    const content = (\n      <ZIndex id={this.props.id} className={this.jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition\n          in={this.props.opened}\n          onExited={this.props.onClose}\n          mountOnEnter\n          unmountOnExit\n          timeout={0}\n          nodeRef={this.refForTransition}\n        >\n          {themeGTE6_1 ? (\n            // Носитель переменных здесь свой: этот `div` лежит ВЫШЕ корня, на\n            // который блок объявлений печатает `CommonWrapper`, а `wrapper6_1`\n            // читает `--kontur-mobilePopupPosition*`. Без объявлений над узлом\n            // ссылка вычисляется в пустоту, то есть даёт `unset`, и попап\n            // теряет `top/right/bottom/left` целиком.\n            //\n            // Класс приклеивается строкой, а не через `cx`: имя незарегистрировано,\n            // и `cx` его пропускает, но строкой это защищено от будущих правок —\n            // так же поступает `CommonWrapper`.\n            <div\n              className={`${themeVars.className} ${this.jsStyles.wrapper6_1()}`}\n              style={themeVars.style}\n              ref={this.refForTransition}\n            >\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.cx(\n                    this.jsStyles.containerBase6_1(),\n                    align === 'bottom' && this.jsStyles.containerBottom6_1(),\n                  )}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root6_1()}>\n                    <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.getContentClassName6_1()}>{this.props.children}</div>\n                    <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          ) : (\n            <div className={this.jsStyles.wrapper()} ref={this.refForTransition}>\n              <RenderLayer onClickOutside={this.close}>\n                <div\n                  ref={this.setRootNode}\n                  data-tid={MobilePopupDataTids.container}\n                  className={this.jsStyles.container()}\n                >\n                  <div data-tid={MobilePopupDataTids.root} className={this.jsStyles.root()}>\n                    <MobilePopupHeader caption={this.props.caption}>\n                      {this.props.headerChildComponent}\n                    </MobilePopupHeader>\n                    <div className={this.jsStyles.content()}>{this.props.children}</div>\n                    <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                  </div>\n                  <div onClick={this.close} className={this.jsStyles.bottomIndent()} />\n                </div>\n              </RenderLayer>\n              <div\n                data-tid={MobilePopupDataTids.backdrop}\n                className={this.jsStyles.bg()}\n                onClick={this.backdropClick}\n                onMouseDown={this.backdropStopPropagation}\n                onPointerDownCapture={this.backdropStopPropagation}\n                onPointerUpCapture={this.backdropStopPropagation}\n              />\n              <HideBodyVerticalScroll />\n            </div>\n          )}\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = (): void => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  /** Не даём событию дойти до document (`RenderLayer` / «клик сквозь» вуаль).\n   *  В мобильных браузерах pointerup может породить click по нижележащему элементу.\n   *  Гасим его на вуали, а закрытие остаётся на обычном click по backdrop.\n   */\n  private backdropStopPropagation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  private backdropClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    this.backdropStopPropagation(event);\n    this.close();\n  };\n\n  private getContentClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'small':\n        return this.jsStyles.contentSmall6_1();\n      case 'medium':\n        return this.jsStyles.contentMedium6_1();\n      case 'large':\n        return this.jsStyles.contentLarge6_1();\n      default:\n        return this.jsStyles.contentSmall6_1();\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopup.styles.d.ts

@@ -1,17 +1,17 @@
-import type { Theme } from '../../lib/theming/Theme.js';
-export declare const getJsStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    wrapper(): string;
-    content(t: Theme): string;
-    container(t: Theme): string;
-    root6_1(t: Theme): string;
-    wrapper6_1(t: Theme): string;
-    contentSmall6_1(t: Theme): string;
-    contentMedium6_1(t: Theme): string;
-    contentLarge6_1(t: Theme): string;
-    containerBase6_1(t: Theme): string;
-    containerBottom6_1(t: Theme): string;
-    bg(): string;
-    bottomIndent(): string;
-    zIndex(): string;
+/** Правила — в `MobilePopup.css`; здесь только имена классов. */
+export declare const getJsStyles: (ignored?: unknown) => import("../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    wrapper: string;
+    content: string;
+    container: string;
+    root6_1: string;
+    wrapper6_1: string;
+    contentSmall6_1: string;
+    contentMedium6_1: string;
+    contentLarge6_1: string;
+    containerBase6_1: string;
+    containerBottom6_1: string;
+    bg: string;
+    bottomIndent: string;
+    zIndex: string;
 }>;

package/internal/MobilePopup/MobilePopup.styles.js

@@ -1,57 +1,19 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../lib/theming/Emotion.js';
-export var getJsStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    var content6_1 = function (t) {
-        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "], ["\n      background-color: ", ";\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    "])), t.bgDefault);
-    };
-    return {
-        root: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        padding-bottom: ", ";\n        background: ", ";\n      "], ["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        padding-bottom: ", ";\n        background: ", ";\n      "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
-        },
-        wrapper: function () {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      "])));
-        },
-        content: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background-color: ", ";\n      "], ["\n        background-color: ", ";\n      "])), t.bgDefault);
-        },
-        container: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "], ["\n        position: absolute;\n        top: ", ";\n        left: ", ";\n        right: ", ";\n        z-index: 100000;\n      "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
-        },
-        root6_1: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        background: ", ";\n\n        max-height: calc(100vh - (2 * ", "));\n        max-height: calc(100dvh - (2 * ", "));\n      "], ["\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ", ";\n        overflow: hidden;\n        background: ", ";\n\n        max-height: calc(100vh - (2 * ", "));\n        max-height: calc(100dvh - (2 * ", "));\n      "])), t.mobilePopupContainerBorderRadius, t.menuBgDefault, t.mobilePopupPositionY, t.mobilePopupPositionY);
-        },
-        wrapper6_1: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "], ["\n        position: fixed;\n        top: ", ";\n        bottom: ", ";\n        right: ", ";\n        left: ", ";\n        display: flex;\n        align-items: center;\n      "])), t.mobilePopupPositionY, t.mobilePopupPositionY, t.mobilePopupPositionX, t.mobilePopupPositionX);
-        },
-        contentSmall6_1: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingSmall);
-        },
-        contentMedium6_1: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingMedium);
-        },
-        contentLarge6_1: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", "\n        padding: ", ";\n      "], ["\n        ", "\n        padding: ", ";\n      "])), content6_1(t), t.mobilePopupPaddingLarge);
-        },
-        containerBase6_1: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "], ["\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ", "));\n      "])), t.mobilePopupPositionX);
-        },
-        containerBottom6_1: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "], ["\n        bottom: 0;\n        max-height: calc(100vh - (2 * ", "));\n      "])), t.mobilePopupPositionY);
-        },
-        bg: function () {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "], ["\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      "])));
-        },
-        bottomIndent: function () {
-            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n        height: 80px;\n      "], ["\n        height: 80px;\n      "])));
-        },
-        zIndex: function () {
-            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n        position: relative;\n      "], ["\n        position: relative;\n      "])));
-        },
-    };
+import { staticStyles } from '../../lib/theming/staticStyles.js';
+/** Правила — в `MobilePopup.css`; здесь только имена классов. */
+export var getJsStyles = staticStyles({
+    root: 'react-ui-MobilePopup-Js-root',
+    wrapper: 'react-ui-MobilePopup-Js-wrapper',
+    content: 'react-ui-MobilePopup-Js-content',
+    container: 'react-ui-MobilePopup-Js-container',
+    root6_1: 'react-ui-MobilePopup-Js-root6_1',
+    wrapper6_1: 'react-ui-MobilePopup-Js-wrapper6_1',
+    contentSmall6_1: 'react-ui-MobilePopup-Js-contentSmall6_1',
+    contentMedium6_1: 'react-ui-MobilePopup-Js-contentMedium6_1',
+    contentLarge6_1: 'react-ui-MobilePopup-Js-contentLarge6_1',
+    containerBase6_1: 'react-ui-MobilePopup-Js-containerBase6_1',
+    containerBottom6_1: 'react-ui-MobilePopup-Js-containerBottom6_1',
+    bg: 'react-ui-MobilePopup-Js-bg',
+    bottomIndent: 'react-ui-MobilePopup-Js-bottomIndent',
+    zIndex: 'react-ui-MobilePopup-Js-zIndex',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
 //# sourceMappingURL=MobilePopup.styles.js.map

package/internal/MobilePopup/MobilePopup.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["MobilePopup.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,UAAU,GAAG,UAAC,CAAQ;QAC1B,OAAO,GAAG,+LAAA,4BACY,EAAW,8FAKhC,KALqB,CAAC,CAAC,SAAS,EAK/B;IACJ,CAAC,CAAC;IACF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,0UAAA,qKAMS,EAAkC,wDAEjC,EAAmC,yBACvC,EAAe,WAC9B,KAJkB,CAAC,CAAC,gCAAgC,EAEjC,CAAC,CAAC,iCAAiC,EACvC,CAAC,CAAC,aAAa,EAC7B;QACJ,CAAC;QAED,OAAO;YACL,OAAO,GAAG,0MAAA,uIAOT,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,8GAAA,8BACY,EAAW,WAChC,KADqB,CAAC,CAAC,SAAS,EAC/B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,GAAG,mMAAA,8CAED,EAAuB,mBACtB,EAAyB,oBACxB,EAAyB,qCAEnC,KAJQ,CAAC,CAAC,qBAAqB,EACtB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAElC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,4YAAA,qKAMS,EAAkC,oDAErC,EAAe,6CAEG,EAAsB,8CACrB,EAAsB,aACxD,KANkB,CAAC,CAAC,gCAAgC,EAErC,CAAC,CAAC,aAAa,EAEG,CAAC,CAAC,oBAAoB,EACrB,CAAC,CAAC,oBAAoB,EACvD;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,GAAG,mPAAA,2CAED,EAAsB,qBACnB,EAAsB,oBACvB,EAAsB,mBACvB,EAAsB,iEAG/B,KANQ,CAAC,CAAC,oBAAoB,EACnB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EACvB,CAAC,CAAC,oBAAoB,EAG9B;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,mHAAA,YACN,EAAa,qBACJ,EAA0B,WACtC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,GAAG,qHAAA,YACN,EAAa,qBACJ,EAAyB,WACrC,KAFG,UAAU,CAAC,CAAC,CAAC,EACJ,CAAC,CAAC,uBAAuB,EACpC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,GAAG,oLAAA,gGAGuB,EAAsB,aACtD,KADgC,CAAC,CAAC,oBAAoB,EACrD;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,kJAAA,8DAEwB,EAAsB,aACvD,KADiC,CAAC,CAAC,oBAAoB,EACtD;QACJ,CAAC;QAED,EAAE;YACA,OAAO,GAAG,6RAAA,wNAUT,KAAC;QACJ,CAAC;QAED,YAAY;YACV,OAAO,GAAG,sGAAA,iCAET,KAAC;QACJ,CAAC;QAED,MAAM;YACJ,OAAO,GAAG,4GAAA,uCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const content6_1 = (t: Theme) => {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      &::-webkit-scrollbar {\n        width: 0;\n      }\n    `;\n  };\n  return {\n    root(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        padding-bottom: ${t.mobilePopupContainerBottomPadding};\n        background: ${t.menuBgDefault};\n      `;\n    },\n\n    wrapper() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        overflow: auto;\n      `;\n    },\n\n    content(t: Theme) {\n      return css`\n        background-color: ${t.bgDefault};\n      `;\n    },\n\n    container(t: Theme) {\n      return css`\n        position: absolute;\n        top: ${t.mobilePopupTopPadding};\n        left: ${t.mobilePopupOuterIndentY};\n        right: ${t.mobilePopupOuterIndentY};\n        z-index: 100000;\n      `;\n    },\n\n    root6_1(t: Theme) {\n      return css`\n        width: 100%;\n        height: 100%;\n        flex-direction: column;\n        display: flex;\n        justify-content: flex-end;\n        border-radius: ${t.mobilePopupContainerBorderRadius};\n        overflow: hidden;\n        background: ${t.menuBgDefault};\n\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n        max-height: calc(100dvh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    wrapper6_1(t: Theme) {\n      return css`\n        position: fixed;\n        top: ${t.mobilePopupPositionY};\n        bottom: ${t.mobilePopupPositionY};\n        right: ${t.mobilePopupPositionX};\n        left: ${t.mobilePopupPositionX};\n        display: flex;\n        align-items: center;\n      `;\n    },\n\n    contentSmall6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    contentMedium6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    contentLarge6_1(t: Theme) {\n      return css`\n        ${content6_1(t)}\n        padding: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerBase6_1(t: Theme) {\n      return css`\n        position: absolute;\n        z-index: 100000;\n        min-width: calc(100vw - (2 * ${t.mobilePopupPositionX}));\n      `;\n    },\n\n    containerBottom6_1(t: Theme) {\n      return css`\n        bottom: 0;\n        max-height: calc(100vh - (2 * ${t.mobilePopupPositionY}));\n      `;\n    },\n\n    bg() {\n      return css`\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        z-index: 9999;\n        touch-action: none;\n        background: #333333;\n        opacity: 50%;\n      `;\n    },\n\n    bottomIndent() {\n      return css`\n        height: 80px;\n      `;\n    },\n\n    zIndex() {\n      return css`\n        position: relative;\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopup.styles.js","sourceRoot":"","sources":["MobilePopup.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE,iEAAiE;AACjE,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC;IACtC,IAAI,EAAE,8BAA8B;IACpC,OAAO,EAAE,iCAAiC;IAC1C,OAAO,EAAE,iCAAiC;IAC1C,SAAS,EAAE,mCAAmC;IAC9C,OAAO,EAAE,iCAAiC;IAC1C,UAAU,EAAE,oCAAoC;IAChD,eAAe,EAAE,yCAAyC;IAC1D,gBAAgB,EAAE,0CAA0C;IAC5D,eAAe,EAAE,yCAAyC;IAC1D,gBAAgB,EAAE,0CAA0C;IAC5D,kBAAkB,EAAE,4CAA4C;IAChE,EAAE,EAAE,4BAA4B;IAChC,YAAY,EAAE,sCAAsC;IACpD,MAAM,EAAE,gCAAgC;CACzC,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../lib/theming/staticStyles.js';\n\n/** Правила — в `MobilePopup.css`; здесь только имена классов. */\nexport const getJsStyles = staticStyles({\n  root: 'react-ui-MobilePopup-Js-root',\n  wrapper: 'react-ui-MobilePopup-Js-wrapper',\n  content: 'react-ui-MobilePopup-Js-content',\n  container: 'react-ui-MobilePopup-Js-container',\n  root6_1: 'react-ui-MobilePopup-Js-root6_1',\n  wrapper6_1: 'react-ui-MobilePopup-Js-wrapper6_1',\n  contentSmall6_1: 'react-ui-MobilePopup-Js-contentSmall6_1',\n  contentMedium6_1: 'react-ui-MobilePopup-Js-contentMedium6_1',\n  contentLarge6_1: 'react-ui-MobilePopup-Js-contentLarge6_1',\n  containerBase6_1: 'react-ui-MobilePopup-Js-containerBase6_1',\n  containerBottom6_1: 'react-ui-MobilePopup-Js-containerBottom6_1',\n  bg: 'react-ui-MobilePopup-Js-bg',\n  bottomIndent: 'react-ui-MobilePopup-Js-bottomIndent',\n  zIndex: 'react-ui-MobilePopup-Js-zIndex',\n});\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts

@@ -7,7 +7,6 @@ interface Props extends PropsWithChildren {
 export declare class MobilePopupFooter extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
     private jsStyles;
-    private emotion;
     private theme;
     render(): React.JSX.Element;
     private renderMain;

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js

@@ -31,19 +31,19 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.rootLarge6_1(_this.theme);
+                    return _this.jsStyles.rootLarge6_1();
                 case 'medium':
-                    return _this.jsStyles.rootMedium6_1(_this.theme);
+                    return _this.jsStyles.rootMedium6_1();
                 case 'small':
                 default:
-                    return _this.jsStyles.rootSmall6_1(_this.theme);
+                    return _this.jsStyles.rootSmall6_1();
             }
         };
         return _this;
     }
     MobilePopupFooter.prototype.render = function () {
         var _this = this;
-        this.jsStyles = getJsStyles(this.emotion);
+        this.jsStyles = getJsStyles();
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();
@@ -58,7 +58,7 @@ var MobilePopupFooter = /** @class */ (function (_super) {
         if (themeGTE6_1) {
             return React.createElement("div", { className: this.getRootSizeClassName6_1() }, children);
         }
-        return React.createElement("div", { className: this.jsStyles.root(this.theme) }, children);
+        return React.createElement("div", { className: this.jsStyles.root() }, children);
     };
     MobilePopupFooter.__KONTUR_REACT_UI__ = 'MobileMenuFooter';
     MobilePopupFooter = __decorate([

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAmCU,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBAChD,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gBACjD,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAE1C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CAAC;IAC1E,CAAC;IAhCa,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA8C7B;IAAD,wBAAC;CAAA,AA9CD,CAAuC,KAAK,CAAC,SAAS,GA8CrD;SA9CY,iBAAiB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private emotion!: Emotion;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    if (themeGTE6_1) {\n      return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n    }\n\n    return <div className={this.jsStyles.root(this.theme)}>{children}</div>;\n  }\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupFooter.js","sourceRoot":"","sources":["MobilePopupFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAO5D;IAAuC,qCAAsB;IAA7D;;QAkCU,6BAAuB,GAAG;YAChC,QAAQ,KAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,OAAO;oBACV,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;gBACtC,KAAK,QAAQ;oBACX,OAAO,KAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC;gBACvC,KAAK,OAAO,CAAC;gBACb;oBACE,OAAO,KAAI,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC;YACxC,CAAC;QACH,CAAC,CAAC;;IACJ,CAAC;IAvCQ,kCAAM,GAAb;QAAA,iBAWC;QAVC,IAAI,CAAC,QAAQ,GAAG,WAAW,EAAE,CAAC;QAE9B,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAEO,sCAAU,GAAlB;QACE,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAA,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;QAEhC,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,IAAG,QAAQ,CAAO,CAAC;QAC1E,CAAC;QAED,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAG,QAAQ,CAAO,CAAC;IAChE,CAAC;IA/Ba,qCAAmB,GAAG,kBAAkB,AAArB,CAAsB;IAD5C,iBAAiB;QAD7B,qBAAqB;OACT,iBAAiB,CA6C7B;IAAD,wBAAC;CAAA,AA7CD,CAAuC,KAAK,CAAC,SAAS,GA6CrD;SA7CY,iBAAiB","sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { getJsStyles } from './MobilePopupFooter.styles.js';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    if (themeGTE6_1) {\n      return <div className={this.getRootSizeClassName6_1()}>{children}</div>;\n    }\n\n    return <div className={this.jsStyles.root()}>{children}</div>;\n  }\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1();\n      case 'medium':\n        return this.jsStyles.rootMedium6_1();\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1();\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '../../../lib/theming/Theme.js';
-export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    rootSmall6_1(t: Theme): string;
-    rootMedium6_1(t: Theme): string;
-    rootLarge6_1(t: Theme): string;
+/** Правила — в `MobilePopupFooter.css`; здесь только имена классов. */
+export declare const getJsStyles: (ignored?: unknown) => import("../../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    rootSmall6_1: string;
+    rootMedium6_1: string;
+    rootLarge6_1: string;
 }>;

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js

@@ -1,25 +1,9 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
-export var getJsStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    var rootBase6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "], ["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ", ";\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
-    return {
-        root: function (t) {
-            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "], ["\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ", ";\n        padding: ", ";\n      "])), t.menuBgDefault, t.mobilePopupFooterPadding);
-        },
-        rootSmall6_1: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingSmall);
-        },
-        rootMedium6_1: function (t) {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingMedium);
-        },
-        rootLarge6_1: function (t) {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), rootBase6_1(t), t.mobilePopupFooterPaddingLarge);
-        },
-    };
+import { staticStyles } from '../../../lib/theming/staticStyles.js';
+/** Правила — в `MobilePopupFooter.css`; здесь только имена классов. */
+export var getJsStyles = staticStyles({
+    root: 'react-ui-MobilePopupFooter-Js-root',
+    rootSmall6_1: 'react-ui-MobilePopupFooter-Js-rootSmall6_1',
+    rootMedium6_1: 'react-ui-MobilePopupFooter-Js-rootMedium6_1',
+    rootLarge6_1: 'react-ui-MobilePopupFooter-Js-rootLarge6_1',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 //# sourceMappingURL=MobilePopupFooter.styles.js.map

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["MobilePopupFooter.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,uPAAA,8FAIrB,EAAe,oCACA,EAAkC,qCACjC,EAAkC,OACjE,KAHe,CAAC,CAAC,aAAa,EACA,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GANhC,CAOjC,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,sNAAA,8GAIM,EAAe,sBAClB,EAA0B,WACtC,KAFe,CAAC,CAAC,aAAa,EAClB,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QACD,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAAgC,WAC5C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QACD,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,oHAAA,YACN,EAAc,sBACL,EAA+B,WAC3C,KAFG,WAAW,CAAC,CAAC,CAAC,EACL,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: ${t.menuBgDefault};\n    border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        background: ${t.menuBgDefault};\n        padding: ${t.mobilePopupFooterPadding};\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingSmall};\n      `;\n    },\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingMedium};\n      `;\n    },\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding: ${t.mobilePopupFooterPaddingLarge};\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopupFooter.styles.js","sourceRoot":"","sources":["MobilePopupFooter.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,uEAAuE;AACvE,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC;IACtC,IAAI,EAAE,oCAAoC;IAC1C,YAAY,EAAE,4CAA4C;IAC1D,aAAa,EAAE,6CAA6C;IAC5D,YAAY,EAAE,4CAA4C;CAC3D,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../../lib/theming/staticStyles.js';\n\n/** Правила — в `MobilePopupFooter.css`; здесь только имена классов. */\nexport const getJsStyles = staticStyles({\n  root: 'react-ui-MobilePopupFooter-Js-root',\n  rootSmall6_1: 'react-ui-MobilePopupFooter-Js-rootSmall6_1',\n  rootMedium6_1: 'react-ui-MobilePopupFooter-Js-rootMedium6_1',\n  rootLarge6_1: 'react-ui-MobilePopupFooter-Js-rootLarge6_1',\n});\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts

@@ -10,7 +10,6 @@ interface MobilePopupHeaderProps {
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private emotion;
     private cx;
     private jsStyles;
     private theme;

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js

@@ -32,30 +32,30 @@ var MobilePopupHeader = /** @class */ (function (_super) {
         _this.getContainerClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.containerLarge6_1(_this.theme);
+                    return _this.jsStyles.containerLarge6_1();
                 case 'medium':
-                    return _this.jsStyles.containerMedium6_1(_this.theme);
+                    return _this.jsStyles.containerMedium6_1();
                 case 'small':
                 default:
-                    return _this.jsStyles.containerSmall6_1(_this.theme);
+                    return _this.jsStyles.containerSmall6_1();
             }
         };
         _this.getRootSizeClassName6_1 = function () {
             switch (_this.props.size) {
                 case 'large':
-                    return _this.jsStyles.rootLarge6_1(_this.theme);
+                    return _this.jsStyles.rootLarge6_1();
                 case 'medium':
-                    return _this.jsStyles.rootMedium6_1(_this.theme);
+                    return _this.jsStyles.rootMedium6_1();
                 case 'small':
                 default:
-                    return _this.jsStyles.rootSmall6_1(_this.theme);
+                    return _this.jsStyles.rootSmall6_1();
             }
         };
         return _this;
     }
     MobilePopupHeader.prototype.render = function () {
         var _this = this;
-        this.jsStyles = getJsStyles(this.emotion);
+        this.jsStyles = getJsStyles();
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = theme;
             return _this.renderMain();
@@ -72,18 +72,18 @@ var MobilePopupHeader = /** @class */ (function (_super) {
             return (React.createElement("div", { className: this.getRootSizeClassName6_1() },
                 React.createElement("div", { className: this.getContainerClassName6_1() },
                     caption && (React.createElement("div", { className: this.cx((_a = {},
-                            _a[this.jsStyles.caption(this.theme)] = true,
+                            _a[this.jsStyles.caption()] = true,
                             _a[this.jsStyles.captionWithChildren()] = isNonNullable(children),
                             _a)) }, caption)),
                     React.isValidElement(children) && React.createElement("div", null, children))));
         }
         return (React.createElement("div", { className: this.cx((_b = {},
-                _b[this.jsStyles.root(this.theme)] = true,
+                _b[this.jsStyles.root()] = true,
                 _b[this.jsStyles.rootWithoutContent()] = !caption && !children,
                 _b)) },
             React.createElement("div", { className: this.jsStyles.container() },
                 caption && (React.createElement("div", { className: this.cx((_c = {},
-                        _c[this.jsStyles.caption(this.theme)] = true,
+                        _c[this.jsStyles.caption()] = true,
                         _c[this.jsStyles.captionWithChildren()] = isNonNullable(children),
                         _c)) }, caption)),
                 React.isValidElement(children) && React.createElement("div", null, children))));

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain(): ReactElement | null {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { caption, children } = this.props;\n\n    if (themeGTE6_1) {\n      if (!caption && (!children || !React.isValidElement(children))) {\n        return null;\n      }\n\n      return (\n        <div className={this.getRootSizeClassName6_1()}>\n          <div className={this.getContainerClassName6_1()}>\n            {caption && (\n              <div\n                className={this.cx({\n                  [this.jsStyles.caption(this.theme)]: true,\n                  [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n                })}\n              >\n                {caption}\n              </div>\n            )}\n            {React.isValidElement(children) && <div>{children}</div>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root(this.theme)]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption(this.theme)]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getContainerClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.containerLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.containerMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.containerSmall6_1(this.theme);\n    }\n  };\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1(this.theme);\n      case 'medium':\n        return this.jsStyles.rootMedium6_1(this.theme);\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"file":"MobilePopupHeader.js","sourceRoot":"","sources":["MobilePopupHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\n\nimport { withRenderEnvironment } from '../../../lib/renderEnvironment/index.js';\nimport type { ClassNames } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext.js';\nimport { isThemeGTE } from '../../../lib/theming/ThemeHelpers.js';\nimport type { SizeProp } from '../../../lib/types/props.js';\nimport { isNonNullable } from '../../../lib/utils.js';\nimport { getJsStyles } from './MobilePopupHeader.styles.js';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\n@withRenderEnvironment\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private cx!: ClassNames;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n  private theme!: Theme;\n\n  public render() {\n    this.jsStyles = getJsStyles();\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain(): ReactElement | null {\n    const themeGTE6_1 = isThemeGTE(this.theme, '6.1');\n    const { caption, children } = this.props;\n\n    if (themeGTE6_1) {\n      if (!caption && (!children || !React.isValidElement(children))) {\n        return null;\n      }\n\n      return (\n        <div className={this.getRootSizeClassName6_1()}>\n          <div className={this.getContainerClassName6_1()}>\n            {caption && (\n              <div\n                className={this.cx({\n                  [this.jsStyles.caption()]: true,\n                  [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n                })}\n              >\n                {caption}\n              </div>\n            )}\n            {React.isValidElement(children) && <div>{children}</div>}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={this.cx({\n          [this.jsStyles.root()]: true,\n          [this.jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={this.jsStyles.container()}>\n          {caption && (\n            <div\n              className={this.cx({\n                [this.jsStyles.caption()]: true,\n                [this.jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getContainerClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.containerLarge6_1();\n      case 'medium':\n        return this.jsStyles.containerMedium6_1();\n      case 'small':\n      default:\n        return this.jsStyles.containerSmall6_1();\n    }\n  };\n\n  private getRootSizeClassName6_1 = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return this.jsStyles.rootLarge6_1();\n      case 'medium':\n        return this.jsStyles.rootMedium6_1();\n      case 'small':\n      default:\n        return this.jsStyles.rootSmall6_1();\n    }\n  };\n}\n"]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.d.ts

@@ -1,14 +1,14 @@
-import type { Theme } from '../../../lib/theming/Theme.js';
-export declare const getJsStyles: import("../../../lib/theming/Emotion.js").StylesGetter<{
-    root(t: Theme): string;
-    rootWithoutContent(): string;
-    container(): string;
-    rootSmall6_1(t: Theme): string;
-    rootMedium6_1(t: Theme): string;
-    rootLarge6_1(t: Theme): string;
-    containerSmall6_1(t: Theme): string;
-    containerMedium6_1(t: Theme): string;
-    containerLarge6_1(t: Theme): string;
-    caption(t: Theme): string;
-    captionWithChildren(): string;
+/** Правила — в `MobilePopupHeader.css`; здесь только имена классов. */
+export declare const getJsStyles: (ignored?: unknown) => import("../../../lib/theming/staticStyles.js").StaticStyles<{
+    root: string;
+    rootWithoutContent: string;
+    container: string;
+    rootSmall6_1: string;
+    rootMedium6_1: string;
+    rootLarge6_1: string;
+    containerSmall6_1: string;
+    containerMedium6_1: string;
+    containerLarge6_1: string;
+    caption: string;
+    captionWithChildren: string;
 }>;

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js

@@ -1,47 +1,16 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { memoizeGetStyles } from '../../../lib/theming/Emotion.js';
-export var getJsStyles = memoizeGetStyles(function (_a) {
-    var css = _a.css;
-    var rootBase6_1 = function (t) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "], ["\n    position: relative;\n    background: ", ";\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius); };
-    var containerBase6_1 = function () { return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: column;\n  "], ["\n    display: flex;\n    flex-direction: column;\n  "]))); };
-    return {
-        root: function (t) {
-            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        position: relative;\n        padding: ", ";\n      "], ["\n        position: relative;\n        padding: ", ";\n      "])), t.mobilePopupHeaderPadding);
-        },
-        rootWithoutContent: function () {
-            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        padding: 8px 0 0 0;\n      "], ["\n        padding: 8px 0 0 0;\n      "])));
-        },
-        container: function () {
-            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        display: flex;\n        flex-direction: column;\n      "], ["\n        display: flex;\n        flex-direction: column;\n      "])));
-        },
-        rootSmall6_1: function (t) {
-            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingSmall);
-        },
-        rootMedium6_1: function (t) {
-            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingMedium);
-        },
-        rootLarge6_1: function (t) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", ";\n        padding-top: ", ";\n      "], ["\n        ", ";\n        padding-top: ", ";\n      "])), rootBase6_1(t), t.mobilePopupPaddingLarge);
-        },
-        containerSmall6_1: function (t) {
-            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingSmall);
-        },
-        containerMedium6_1: function (t) {
-            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingMedium);
-        },
-        containerLarge6_1: function (t) {
-            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        ", ";\n        padding: ", ";\n      "], ["\n        ", ";\n        padding: ", ";\n      "])), containerBase6_1(), t.mobilePopupHeaderPaddingLarge);
-        },
-        caption: function (t) {
-            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "], ["\n        font-size: ", ";\n        line-height: ", ";\n        font-weight: ", ";\n        color: ", ";\n      "])), t.mobilePopupHeaderFontSize, t.mobilePopupHeaderLineHeight, t.mobilePopupHeaderFontWeight, t.textColorDefault);
-        },
-        captionWithChildren: function () {
-            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n        padding-bottom: 8px;\n      "], ["\n        padding-bottom: 8px;\n      "])));
-        },
-    };
+import { staticStyles } from '../../../lib/theming/staticStyles.js';
+/** Правила — в `MobilePopupHeader.css`; здесь только имена классов. */
+export var getJsStyles = staticStyles({
+    root: 'react-ui-MobilePopupHeader-Js-root',
+    rootWithoutContent: 'react-ui-MobilePopupHeader-Js-rootWithoutContent',
+    container: 'react-ui-MobilePopupHeader-Js-container',
+    rootSmall6_1: 'react-ui-MobilePopupHeader-Js-rootSmall6_1',
+    rootMedium6_1: 'react-ui-MobilePopupHeader-Js-rootMedium6_1',
+    rootLarge6_1: 'react-ui-MobilePopupHeader-Js-rootLarge6_1',
+    containerSmall6_1: 'react-ui-MobilePopupHeader-Js-containerSmall6_1',
+    containerMedium6_1: 'react-ui-MobilePopupHeader-Js-containerMedium6_1',
+    containerLarge6_1: 'react-ui-MobilePopupHeader-Js-containerLarge6_1',
+    caption: 'react-ui-MobilePopupHeader-Js-caption',
+    captionWithChildren: 'react-ui-MobilePopupHeader-Js-captionWithChildren',
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 //# sourceMappingURL=MobilePopupHeader.styles.js.map

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["MobilePopupHeader.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,CAAC,IAAM,WAAW,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAChD,IAAM,WAAW,GAAG,UAAC,CAAQ,IAAK,OAAA,GAAG,gMAAA,6CAErB,EAAe,iCACH,EAAkC,kCACjC,EAAkC,OAC9D,KAHe,CAAC,CAAC,aAAa,EACH,CAAC,CAAC,gCAAgC,EACjC,CAAC,CAAC,gCAAgC,GAJ7B,CAKjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,0HAAA,uDAGjC,MAH8B,CAG9B,CAAC;IAEF,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,kIAAA,kDAEG,EAA0B,WACtC,KADY,CAAC,CAAC,wBAAwB,EACrC;QACJ,CAAC;QAED,kBAAkB;YAChB,OAAO,GAAG,0GAAA,uCAET,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,GAAG,sIAAA,mEAGT,KAAC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,aAAa,YAAC,CAAQ;YACpB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAA0B,WAC1C,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,wBAAwB,EACzC;QACJ,CAAC;QAED,YAAY,YAAC,CAAQ;YACnB,OAAO,GAAG,wHAAA,YACN,EAAc,0BACD,EAAyB,WACzC,KAFG,WAAW,CAAC,CAAC,CAAC,EACD,CAAC,CAAC,uBAAuB,EACxC;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,oHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAAgC,WAC5C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,8BAA8B,EAC3C;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,GAAG,sHAAA,YACN,EAAkB,sBACT,EAA+B,WAC3C,KAFG,gBAAgB,EAAE,EACT,CAAC,CAAC,6BAA6B,EAC1C;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,uLAAA,uBACK,EAA2B,0BACzB,EAA6B,0BAC7B,EAA6B,oBACnC,EAAkB,WAC5B,KAJc,CAAC,CAAC,yBAAyB,EACzB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,2BAA2B,EACnC,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB;YACjB,OAAO,GAAG,6GAAA,wCAET,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../../lib/theming/Emotion.js';\nimport type { Theme } from '../../../lib/theming/Theme.js';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => {\n  const rootBase6_1 = (t: Theme) => css`\n    position: relative;\n    background: ${t.menuBgDefault};\n    border-top-left-radius: ${t.mobilePopupContainerBorderRadius};\n    border-top-right-radius: ${t.mobilePopupContainerBorderRadius};\n  `;\n\n  const containerBase6_1 = () => css`\n    display: flex;\n    flex-direction: column;\n  `;\n\n  return {\n    root(t: Theme) {\n      return css`\n        position: relative;\n        padding: ${t.mobilePopupHeaderPadding};\n      `;\n    },\n\n    rootWithoutContent() {\n      return css`\n        padding: 8px 0 0 0;\n      `;\n    },\n\n    container() {\n      return css`\n        display: flex;\n        flex-direction: column;\n      `;\n    },\n\n    rootSmall6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingSmall};\n      `;\n    },\n\n    rootMedium6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingMedium};\n      `;\n    },\n\n    rootLarge6_1(t: Theme) {\n      return css`\n        ${rootBase6_1(t)};\n        padding-top: ${t.mobilePopupPaddingLarge};\n      `;\n    },\n\n    containerSmall6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingSmall};\n      `;\n    },\n\n    containerMedium6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingMedium};\n      `;\n    },\n\n    containerLarge6_1(t: Theme) {\n      return css`\n        ${containerBase6_1()};\n        padding: ${t.mobilePopupHeaderPaddingLarge};\n      `;\n    },\n\n    caption(t: Theme) {\n      return css`\n        font-size: ${t.mobilePopupHeaderFontSize};\n        line-height: ${t.mobilePopupHeaderLineHeight};\n        font-weight: ${t.mobilePopupHeaderFontWeight};\n        color: ${t.textColorDefault};\n      `;\n    },\n\n    captionWithChildren() {\n      return css`\n        padding-bottom: 8px;\n      `;\n    },\n  };\n});\n"]}
+{"version":3,"file":"MobilePopupHeader.styles.js","sourceRoot":"","sources":["MobilePopupHeader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,uEAAuE;AACvE,MAAM,CAAC,IAAM,WAAW,GAAG,YAAY,CAAC;IACtC,IAAI,EAAE,oCAAoC;IAC1C,kBAAkB,EAAE,kDAAkD;IACtE,SAAS,EAAE,yCAAyC;IACpD,YAAY,EAAE,4CAA4C;IAC1D,aAAa,EAAE,6CAA6C;IAC5D,YAAY,EAAE,4CAA4C;IAC1D,iBAAiB,EAAE,iDAAiD;IACpE,kBAAkB,EAAE,kDAAkD;IACtE,iBAAiB,EAAE,iDAAiD;IACpE,OAAO,EAAE,uCAAuC;IAChD,mBAAmB,EAAE,mDAAmD;CACzE,CAAC,CAAC","sourcesContent":["import { staticStyles } from '../../../lib/theming/staticStyles.js';\n\n/** Правила — в `MobilePopupHeader.css`; здесь только имена классов. */\nexport const getJsStyles = staticStyles({\n  root: 'react-ui-MobilePopupHeader-Js-root',\n  rootWithoutContent: 'react-ui-MobilePopupHeader-Js-rootWithoutContent',\n  container: 'react-ui-MobilePopupHeader-Js-container',\n  rootSmall6_1: 'react-ui-MobilePopupHeader-Js-rootSmall6_1',\n  rootMedium6_1: 'react-ui-MobilePopupHeader-Js-rootMedium6_1',\n  rootLarge6_1: 'react-ui-MobilePopupHeader-Js-rootLarge6_1',\n  containerSmall6_1: 'react-ui-MobilePopupHeader-Js-containerSmall6_1',\n  containerMedium6_1: 'react-ui-MobilePopupHeader-Js-containerMedium6_1',\n  containerLarge6_1: 'react-ui-MobilePopupHeader-Js-containerLarge6_1',\n  caption: 'react-ui-MobilePopupHeader-Js-caption',\n  captionWithChildren: 'react-ui-MobilePopupHeader-Js-captionWithChildren',\n});\n"]}

package/internal/NativeDateInput/NativeDateInput.d.ts

@@ -10,7 +10,6 @@ export interface NativeDateInputProps {
 export declare class NativeDateInput extends React.Component<NativeDateInputProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    private emotion;
     private jsStyles;
     private input;
     render(): React.JSX.Element;

package/internal/NativeDateInput/NativeDateInput.js

@@ -52,7 +52,7 @@ var NativeDateInput = /** @class */ (function (_super) {
     }
     NativeDateInput.prototype.render = function () {
         var _this = this;
-        this.jsStyles = getJsStyles(this.emotion);
+        this.jsStyles = getJsStyles();
         return (React.createElement("input", { type: 'date', max: this.props.maxDate ? getDateForNative(this.props.maxDate) : DEFAULT_MAX_DATE, min: this.props.minDate ? getDateForNative(this.props.minDate) : DEFAULT_MIN_DATE, value: getDateForNative(this.props.value), onChange: function (e) {
                 if (_this.props.onValueChange) {
                     _this.props.onValueChange(getDateForComponent(e.target.value));