@skbkontur/react-ui 4.10.0-theme2022.4 → 4.11.0

package/cjs/components/Select/Select.styles.d.ts

@@ -1,18 +1,18 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    rootMobile(t: Theme): string;
-    placeholder(t: Theme): string;
-    placeholderDisabled(t: Theme): string;
-    customUsePlaceholder(): string;
-    arrowWrap(t: Theme): string;
-    arrowDisabled(t: Theme): string;
-    customUseArrow(): string;
-    label(): string;
-    search(): string;
-    leftIconSmall(t: Theme): string;
-    leftIconMedium(t: Theme): string;
-    leftIconLarge(t: Theme): string;
-    leftIconLink(t: Theme): string;
-    selectButtonContainer(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    rootMobile(t: Theme): string;
+    placeholder(t: Theme): string;
+    placeholderDisabled(t: Theme): string;
+    customUsePlaceholder(): string;
+    arrowWrap(t: Theme): string;
+    arrowDisabled(t: Theme): string;
+    customUseArrow(): string;
+    label(): string;
+    search(): string;
+    leftIconSmall(t: Theme): string;
+    leftIconMedium(t: Theme): string;
+    leftIconLarge(t: Theme): string;
+    leftIconLink(t: Theme): string;
+    selectButtonContainer(): string;
+};

package/cjs/components/Select/index.d.ts

@@ -1 +1 @@
-export * from './Select';
+export * from './Select';

package/cjs/components/Select/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { SelectLocale } from './types';
-export * from './types';
-export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { SelectLocale } from './types';
+export * from './types';
+export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;

package/cjs/components/Select/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/cjs/components/Select/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/cjs/components/Select/locale/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface SelectLocale {
-    placeholder: React.ReactNode;
-}
+import React from 'react';
+export interface SelectLocale {
+    placeholder: React.ReactNode;
+}

package/cjs/components/Select/selectTheme.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../../lib/theming/Theme';
-import { SelectProps } from './Select';
-export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;
+import { Theme } from '../../lib/theming/Theme';
+import { SelectProps } from './Select';
+export declare const getSelectTheme: (theme: Theme, props: SelectProps<any, any>) => Theme;

package/cjs/components/SidePage/SidePage.d.ts

@@ -1,115 +1,115 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageBody } from './SidePageBody';
-import { SidePageContainer } from './SidePageContainer';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-export interface SidePageProps extends CommonProps {
-    /**
-     * Добавить блокирующий фон, когда сайдпейдж открыт
-     */
-    blockBackground?: boolean;
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
-     */
-    disableClose?: boolean;
-    /**
-     * Не закрывать сайдпейдж при клике на фон.
-     */
-    ignoreBackgroundClick?: boolean;
-    /**
-     * Задать ширину сайдпейджа
-     */
-    width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
-     * Escape или на крестик).
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
-     */
-    onOpened?: () => void;
-    /**
-     * Показывать сайдпэйдж слева
-     *
-     */
-    fromLeft?: boolean;
-    /**
-     * Отключить анимации
-     *
-     */
-    disableAnimations?: boolean;
-    /**
-     * Работает только при заблокированном фоне: `blockBackground = true`
-     */
-    disableFocusLock?: boolean;
-    /**
-     * задает отступ от края экрана
-     */
-    offset?: number | string;
-}
-export interface SidePageState {
-    stackPosition?: number;
-    hasMargin?: boolean;
-    hasShadow?: boolean;
-    hasBackground?: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-export declare const SidePageDataTids: {
-    readonly root: "SidePage__root";
-    readonly container: "SidePage__container";
-};
-declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'disableFocusLock' | 'offset'>>;
-/**
- * Сайдпейдж
- *
- * Содержит в себе три компоненты: **SidePage.Header**,
- * **SidePage.Body** и **SidePage.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- */
-export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof SidePageHeader;
-    static Body: typeof SidePageBody;
-    static Footer: typeof SidePageFooter;
-    static Container: typeof SidePageContainer;
-    state: SidePageState;
-    private theme;
-    private stackSubscription;
-    private layout;
-    private header;
-    private footer;
-    private rootRef;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /**
-     * Обновляет разметку компонента.
-     * @public
-     */
-    updateLayout: () => void;
-    static defaultProps: DefaultProps;
-    private getProps;
-    render(): JSX.Element;
-    private renderMain;
-    private renderContainer;
-    private getSidePageContextProps;
-    private getWidth;
-    private renderShadow;
-    private getTransitionNames;
-    private handleStackChange;
-    private handleClickOutside;
-    private handleKeyDown;
-    private requestClose;
-    private headerRef;
-    private footerRef;
-    private layoutRef;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
-export {};
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageBody } from './SidePageBody';
+import { SidePageContainer } from './SidePageContainer';
+import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
+export interface SidePageProps extends CommonProps {
+    /**
+     * Добавить блокирующий фон, когда сайдпейдж открыт
+     */
+    blockBackground?: boolean;
+    /**
+     * Отключает событие onClose, также дизейблит кнопку закрытия сайдпейджа
+     */
+    disableClose?: boolean;
+    /**
+     * Не закрывать сайдпейдж при клике на фон.
+     */
+    ignoreBackgroundClick?: boolean;
+    /**
+     * Задать ширину сайдпейджа
+     */
+    width?: number | string;
+    /**
+     * Вызывается, когда пользователь запросил закрытие сайдпейджа (нажал на фон, на
+     * Escape или на крестик).
+     */
+    onClose?: () => void;
+    /**
+     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
+     */
+    onOpened?: () => void;
+    /**
+     * Показывать сайдпэйдж слева
+     *
+     */
+    fromLeft?: boolean;
+    /**
+     * Отключить анимации
+     *
+     */
+    disableAnimations?: boolean;
+    /**
+     * Работает только при заблокированном фоне: `blockBackground = true`
+     */
+    disableFocusLock?: boolean;
+    /**
+     * задает отступ от края экрана
+     */
+    offset?: number | string;
+}
+export interface SidePageState {
+    stackPosition?: number;
+    hasMargin?: boolean;
+    hasShadow?: boolean;
+    hasBackground?: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+export declare const SidePageDataTids: {
+    readonly root: "SidePage__root";
+    readonly container: "SidePage__container";
+};
+declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'disableFocusLock' | 'offset'>>;
+/**
+ * Сайдпейдж
+ *
+ * Содержит в себе три компоненты: **SidePage.Header**,
+ * **SidePage.Body** и **SidePage.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ */
+export declare class SidePage extends React.Component<SidePageProps, SidePageState> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof SidePageHeader;
+    static Body: typeof SidePageBody;
+    static Footer: typeof SidePageFooter;
+    static Container: typeof SidePageContainer;
+    state: SidePageState;
+    private theme;
+    private stackSubscription;
+    private layout;
+    private header;
+    private footer;
+    private rootRef;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Обновляет разметку компонента.
+     * @public
+     */
+    updateLayout: () => void;
+    static defaultProps: DefaultProps;
+    private getProps;
+    render(): JSX.Element;
+    private renderMain;
+    private renderContainer;
+    private getSidePageContextProps;
+    private getWidth;
+    private renderShadow;
+    private getTransitionNames;
+    private handleStackChange;
+    private handleClickOutside;
+    private handleKeyDown;
+    private requestClose;
+    private headerRef;
+    private footerRef;
+    private layoutRef;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}
+export {};

package/cjs/components/SidePage/SidePage.styles.d.ts

@@ -1,48 +1,48 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    mobileRoot(): string;
-    overlay(): string;
-    body(t: Theme): string;
-    mobileBody(): string;
-    container(t: Theme): string;
-    mobileContainer(t: Theme): string;
-    containerWithoutHeader(t: Theme): string;
-    mobileContainerWithoutHeader(t: Theme): string;
-    containerWithoutFooter(t: Theme): string;
-    containerWithPanel(t: Theme): string;
-    focusLock(): string;
-    wrapper(t: Theme): string;
-    wrapperLeft(): string;
-    wrapperMarginLeft(): string;
-    wrapperMarginRight(): string;
-    headerWrapper(): string;
-    header(t: Theme): string;
-    mobileHeader(t: Theme): string;
-    headerFixed(t: Theme): string;
-    title(t: Theme): string;
-    mobileTitle(t: Theme): string;
-    titleFixed(): string;
-    background(): string;
-    backgroundGray(t: Theme): string;
-    shadow(t: Theme): string;
-    close(t: Theme): string;
-    mobileClose(t: Theme): string;
-    closeFocus(t: Theme): string;
-    wrapperClose(t: Theme): string;
-    mobileWrapperClose(t: Theme): string;
-    panel(t: Theme): string;
-    wrapperCloseFixed(t: Theme): string;
-    footerWrapper(): string;
-    footer(t: Theme): string;
-    positionStatic(): string;
-    footerContent(t: Theme): string;
-    mobileFooterContent(t: Theme): string;
-    footerFixed(t: Theme): string;
-    panelFixed(t: Theme): string;
-    transitionLeft(): string;
-    transitionRight(): string;
-    transitionActive(): string;
-    transitionLeave(): string;
-    transitionLeaveActive(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    mobileRoot(): string;
+    overlay(): string;
+    body(t: Theme): string;
+    mobileBody(): string;
+    container(t: Theme): string;
+    mobileContainer(t: Theme): string;
+    containerWithoutHeader(t: Theme): string;
+    mobileContainerWithoutHeader(t: Theme): string;
+    containerWithoutFooter(t: Theme): string;
+    containerWithPanel(t: Theme): string;
+    focusLock(): string;
+    wrapper(t: Theme): string;
+    wrapperLeft(): string;
+    wrapperMarginLeft(): string;
+    wrapperMarginRight(): string;
+    headerWrapper(): string;
+    header(t: Theme): string;
+    mobileHeader(t: Theme): string;
+    headerFixed(t: Theme): string;
+    title(t: Theme): string;
+    mobileTitle(t: Theme): string;
+    titleFixed(): string;
+    background(): string;
+    backgroundGray(t: Theme): string;
+    shadow(t: Theme): string;
+    close(t: Theme): string;
+    mobileClose(t: Theme): string;
+    closeFocus(t: Theme): string;
+    wrapperClose(t: Theme): string;
+    mobileWrapperClose(t: Theme): string;
+    panel(t: Theme): string;
+    wrapperCloseFixed(t: Theme): string;
+    footerWrapper(): string;
+    footer(t: Theme): string;
+    positionStatic(): string;
+    footerContent(t: Theme): string;
+    mobileFooterContent(t: Theme): string;
+    footerFixed(t: Theme): string;
+    panelFixed(t: Theme): string;
+    transitionLeft(): string;
+    transitionRight(): string;
+    transitionActive(): string;
+    transitionLeave(): string;
+    transitionLeaveActive(): string;
+};

package/cjs/components/SidePage/SidePage.styles.js

@@ -127,14 +127,13 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   header: function header(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      width: 100%;\n      position: relative;\n      color: ", ";\n      font-weight: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      width: 100%;\n      position: relative;\n      color: ", ";\n    "])),
     t.sidePageHeaderFontSize,
     t.sidePageHeaderLineHeight,
     t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom,
 
 
-    t.sidePageHeaderTextColor,
-    t.sidePageHeaderFontWeight);
+    t.sidePageHeaderTextColor);
 
   },
 

package/cjs/components/SidePage/SidePage.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SidePage.styles.ts"],"names":["styles","root","css","mobileRoot","overlay","body","t","modalBodyTextColor","mobileBody","container","sidePagePaddingLeft","sidePagePaddingRight","mobileContainer","mobileSidePagePaddingLeft","mobileSidePagePaddingRight","mobileSidePagePaddingBottom","containerWithoutHeader","sidePagePaddingTop","mobileContainerWithoutHeader","mobileSidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","focusLock","wrapper","sidePageBgDefault","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","headerWrapper","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","sidePageHeaderTextColor","sidePageHeaderFontWeight","mobileHeader","mobileSidePageHeaderFontSize","mobileSidePageHeaderLineHeight","mobileSidePageHeaderPaddingTop","mobileSidePageHeaderPaddingBottom","headerFixed","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","sidePageFixedHeaderShadow","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseIconSize","mobileTitle","mobileSidePageCloseButtonPadding","titleFixed","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","close","sidePageCloseButtonColor","sidePageCloseButtonClickArea","sidePageCloseButtonHoverColor","mobileClose","mobileSidePageCloseButtonClickArea","closeFocus","borderColorFocus","wrapperClose","mobileWrapperClose","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","wrapperCloseFixed","footerWrapper","footer","sidePageFooterTextColor","positionStatic","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","mobileFooterContent","mobileSidePageFooterPadding","footerFixed","sidePageFixedFooterShadow","panelFixed","sidePageFixedPanelShadow","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      position: fixed;\n      top: 0;\n    `;\n  },\n\n  mobileRoot() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  overlay() {\n    return css`\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody() {\n    return css`\n      font-size: 16px;\n      line-height: 22px;\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${t.sidePagePaddingRight};\n    `;\n  },\n\n  mobileContainer(t: Theme) {\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${t.mobileSidePagePaddingRight};\n      padding-bottom: ${t.mobileSidePagePaddingBottom};\n    `;\n  },\n\n  containerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.sidePagePaddingTop};\n    `;\n  },\n\n  mobileContainerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileSidePagePaddingTop};\n    `;\n  },\n\n  containerWithoutFooter(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  containerWithPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  focusLock() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  wrapperLeft() {\n    return css`\n      float: left;\n    `;\n  },\n\n  wrapperMarginLeft() {\n    return css`\n      margin-left: 20px;\n    `;\n  },\n\n  wrapperMarginRight() {\n    return css`\n      margin-right: 20px;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.sidePageHeaderFontSize};\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      width: 100%;\n      position: relative;\n      color: ${t.sidePageHeaderTextColor};\n      font-weight: ${t.sidePageHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      font-size: ${t.mobileSidePageHeaderFontSize};\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n    `;\n  },\n\n  headerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      font-size: ${t.sidePageHeaderFixedFontSize};\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedHeaderShadow};\n      }\n    `;\n  },\n\n  title(t: Theme) {\n    const paddingRight =\n      parseInt(t.sidePageCloseButtonPadding) +\n      parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +\n      parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  mobileTitle(t: Theme) {\n    const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  titleFixed() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  background() {\n    return css`\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  backgroundGray(t: Theme) {\n    return css`\n      background: ${t.sidePageBackingBg};\n      opacity: ${t.sidePageBackingBgOpacity};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.sidePageContainerShadow};\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      cursor: pointer;\n      color: ${t.sidePageCloseButtonColor};\n      padding: ${t.sidePageCloseButtonClickArea};\n      margin: -${t.sidePageCloseButtonClickArea};\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ${t.sidePageCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.sidePageCloseIconSize};\n        height: ${t.sidePageCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  mobileClose(t: Theme) {\n    return css`\n      padding: ${t.mobileSidePageCloseButtonClickArea};\n      margin: -${t.mobileSidePageCloseButtonClickArea};\n      font-size: 0;\n    `;\n  },\n\n  closeFocus(t: Theme) {\n    return css`\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  wrapperClose(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      position: absolute;\n      right: ${t.sidePageCloseButtonPadding};\n      top: 0;\n    `;\n  },\n\n  mobileWrapperClose(t: Theme) {\n    return css`\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n      right: ${t.mobileSidePageCloseButtonPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      background: ${t.sidePageFooterPanelBg};\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  wrapperCloseFixed(t: Theme) {\n    return css`\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ${t.sidePageFooterTextColor};\n    `;\n  },\n\n  positionStatic() {\n    return css`\n      position: static;\n    `;\n  },\n\n  footerContent(t: Theme) {\n    return css`\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  mobileFooterContent(t: Theme) {\n    return css`\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ${t.mobileSidePageFooterPadding};\n    `;\n  },\n\n  footerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedFooterShadow};\n      }\n    `;\n  },\n\n  panelFixed(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.sidePageFixedPanelShadow};\n      }\n    `;\n  },\n\n  transitionLeft() {\n    return css`\n      transform: translateX(100px);\n    `;\n  },\n\n  transitionRight() {\n    return css`\n      transform: translateX(-100px);\n    `;\n  },\n\n  transitionActive() {\n    return css`\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    `;\n  },\n\n  transitionLeave() {\n    return css`\n      opacity: 1;\n    `;\n  },\n\n  transitionLeaveActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["SidePage.styles.ts"],"names":["styles","root","css","mobileRoot","overlay","body","t","modalBodyTextColor","mobileBody","container","sidePagePaddingLeft","sidePagePaddingRight","mobileContainer","mobileSidePagePaddingLeft","mobileSidePagePaddingRight","mobileSidePagePaddingBottom","containerWithoutHeader","sidePagePaddingTop","mobileContainerWithoutHeader","mobileSidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","focusLock","wrapper","sidePageBgDefault","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","headerWrapper","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","sidePageHeaderTextColor","mobileHeader","mobileSidePageHeaderFontSize","mobileSidePageHeaderLineHeight","mobileSidePageHeaderPaddingTop","mobileSidePageHeaderPaddingBottom","headerFixed","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","sidePageFixedHeaderShadow","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseIconSize","mobileTitle","mobileSidePageCloseButtonPadding","titleFixed","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","close","sidePageCloseButtonColor","sidePageCloseButtonClickArea","sidePageCloseButtonHoverColor","mobileClose","mobileSidePageCloseButtonClickArea","closeFocus","borderColorFocus","wrapperClose","mobileWrapperClose","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","wrapperCloseFixed","footerWrapper","footer","sidePageFooterTextColor","positionStatic","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","mobileFooterContent","mobileSidePageFooterPadding","footerFixed","sidePageFixedFooterShadow","panelFixed","sidePageFixedPanelShadow","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive"],"mappings":"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","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      position: fixed;\n      top: 0;\n    `;\n  },\n\n  mobileRoot() {\n    return css`\n      width: 100%;\n    `;\n  },\n\n  overlay() {\n    return css`\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      flex: 1 0 auto;\n      z-index: 0;\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody() {\n    return css`\n      font-size: 16px;\n      line-height: 22px;\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${t.sidePagePaddingRight};\n    `;\n  },\n\n  mobileContainer(t: Theme) {\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${t.mobileSidePagePaddingRight};\n      padding-bottom: ${t.mobileSidePagePaddingBottom};\n    `;\n  },\n\n  containerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.sidePagePaddingTop};\n    `;\n  },\n\n  mobileContainerWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileSidePagePaddingTop};\n    `;\n  },\n\n  containerWithoutFooter(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  containerWithPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.sidePagePaddingBottom};\n    `;\n  },\n\n  focusLock() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    `;\n  },\n\n  wrapperLeft() {\n    return css`\n      float: left;\n    `;\n  },\n\n  wrapperMarginLeft() {\n    return css`\n      margin-left: 20px;\n    `;\n  },\n\n  wrapperMarginRight() {\n    return css`\n      margin-right: 20px;\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.sidePageHeaderFontSize};\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      width: 100%;\n      position: relative;\n      color: ${t.sidePageHeaderTextColor};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      font-size: ${t.mobileSidePageHeaderFontSize};\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n    `;\n  },\n\n  headerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n      font-size: ${t.sidePageHeaderFixedFontSize};\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n\n      &:after {\n        bottom: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedHeaderShadow};\n      }\n    `;\n  },\n\n  title(t: Theme) {\n    const paddingRight =\n      parseInt(t.sidePageCloseButtonPadding) +\n      parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +\n      parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.sidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  mobileTitle(t: Theme) {\n    const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n    return css`\n      padding-left: ${t.mobileSidePagePaddingLeft};\n      padding-right: ${paddingRight}px;\n    `;\n  },\n\n  titleFixed() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  background() {\n    return css`\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  backgroundGray(t: Theme) {\n    return css`\n      background: ${t.sidePageBackingBg};\n      opacity: ${t.sidePageBackingBgOpacity};\n    `;\n  },\n\n  shadow(t: Theme) {\n    return css`\n      box-shadow: ${t.sidePageContainerShadow};\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      cursor: pointer;\n      color: ${t.sidePageCloseButtonColor};\n      padding: ${t.sidePageCloseButtonClickArea};\n      margin: -${t.sidePageCloseButtonClickArea};\n      font-size: 0;\n\n      &:focus,\n      &:hover {\n        color: ${t.sidePageCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.sidePageCloseIconSize};\n        height: ${t.sidePageCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  mobileClose(t: Theme) {\n    return css`\n      padding: ${t.mobileSidePageCloseButtonClickArea};\n      margin: -${t.mobileSidePageCloseButtonClickArea};\n      font-size: 0;\n    `;\n  },\n\n  closeFocus(t: Theme) {\n    return css`\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  wrapperClose(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      height: 100%;\n      line-height: ${t.sidePageHeaderLineHeight};\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n      position: absolute;\n      right: ${t.sidePageCloseButtonPadding};\n      top: 0;\n    `;\n  },\n\n  mobileWrapperClose(t: Theme) {\n    return css`\n      line-height: ${t.mobileSidePageHeaderLineHeight};\n      padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n      right: ${t.mobileSidePageCloseButtonPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      background: ${t.sidePageFooterPanelBg};\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  wrapperCloseFixed(t: Theme) {\n    return css`\n      line-height: ${t.sidePageHeaderFixedLineHeight};\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      flex: 0 0 auto;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n      color: ${t.sidePageFooterTextColor};\n    `;\n  },\n\n  positionStatic() {\n    return css`\n      position: static;\n    `;\n  },\n\n  footerContent(t: Theme) {\n    return css`\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n        ${t.sidePagePaddingLeft};\n    `;\n  },\n\n  mobileFooterContent(t: Theme) {\n    return css`\n      display: flex;\n      flex-flow: column nowrap;\n      padding: ${t.mobileSidePageFooterPadding};\n    `;\n  },\n\n  footerFixed(t: Theme) {\n    return css`\n      background: ${t.sidePageBgDefault};\n\n      &:before {\n        top: 0px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.sidePageFixedFooterShadow};\n      }\n    `;\n  },\n\n  panelFixed(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.sidePageFixedPanelShadow};\n      }\n    `;\n  },\n\n  transitionLeft() {\n    return css`\n      transform: translateX(100px);\n    `;\n  },\n\n  transitionRight() {\n    return css`\n      transform: translateX(-100px);\n    `;\n  },\n\n  transitionActive() {\n    return css`\n      transition: transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n      opacity: 1 !important;\n      transform: translate(0, 0) !important;\n    `;\n  },\n\n  transitionLeave() {\n    return css`\n      opacity: 1;\n    `;\n  },\n\n  transitionLeaveActive() {\n    return css`\n      opacity: 0.01 !important;\n      transition: opacity 0.15s ease-out;\n    `;\n  },\n});\n"]}

package/cjs/components/SidePage/SidePageBody.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SidePageContextType } from './SidePageContext';
-export interface SidePageBodyProps extends CommonProps {
-    children?: React.ReactNode;
-}
-export declare const SidePageBodyDataTids: {
-    readonly root: "SidePageBody__root";
-};
-/**
- * Тело для сайдпейджа
- *
- * @visibleName SidePage.Body
- */
-export declare class SidePageBody extends React.Component<SidePageBodyProps> {
-    static __KONTUR_REACT_UI__: string;
-    static contextType: React.Context<SidePageContextType>;
-    context: SidePageContextType;
-    private isMobileLayout;
-    private setRootNode;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SidePageContextType } from './SidePageContext';
+export interface SidePageBodyProps extends CommonProps {
+    children?: React.ReactNode;
+}
+export declare const SidePageBodyDataTids: {
+    readonly root: "SidePageBody__root";
+};
+/**
+ * Тело для сайдпейджа
+ *
+ * @visibleName SidePage.Body
+ */
+export declare class SidePageBody extends React.Component<SidePageBodyProps> {
+    static __KONTUR_REACT_UI__: string;
+    static contextType: React.Context<SidePageContextType>;
+    context: SidePageContextType;
+    private isMobileLayout;
+    private setRootNode;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+}

package/cjs/components/SidePage/SidePageContainer.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type SidePageContainerProps = CommonProps;
-export declare const SidePageContainerDataTids: {
-    readonly root: "SidePageContainer__root";
-};
-/**
- * Контейнер с отступами
- *
- * @visibleName SidePage.Container
- */
-export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    private isMobileLayout;
-    private setRootNode;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type SidePageContainerProps = CommonProps;
+export declare const SidePageContainerDataTids: {
+    readonly root: "SidePageContainer__root";
+};
+/**
+ * Контейнер с отступами
+ *
+ * @visibleName SidePage.Container
+ */
+export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private isMobileLayout;
+    private setRootNode;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+}

package/cjs/components/SidePage/SidePageContext.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { SidePageFooter } from './SidePageFooter';
-import { SidePageHeader } from './SidePageHeader';
-export interface SidePageContextType {
-    requestClose: () => void;
-    getWidth: () => number | string;
-    updateLayout: () => void;
-    headerRef: (ref: SidePageHeader | null) => void;
-    footerRef: (ref: SidePageFooter | null) => void;
-    hasHeader?: boolean;
-    hasFooter?: boolean;
-    hasPanel?: boolean;
-    setHasHeader?: (value?: boolean) => void;
-    setHasFooter?: (value?: boolean) => void;
-    setHasPanel?: (value?: boolean) => void;
-}
-export declare const SidePageContext: React.Context<SidePageContextType>;
+import React from 'react';
+import { SidePageFooter } from './SidePageFooter';
+import { SidePageHeader } from './SidePageHeader';
+export interface SidePageContextType {
+    requestClose: () => void;
+    getWidth: () => number | string;
+    updateLayout: () => void;
+    headerRef: (ref: SidePageHeader | null) => void;
+    footerRef: (ref: SidePageFooter | null) => void;
+    hasHeader?: boolean;
+    hasFooter?: boolean;
+    hasPanel?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
+}
+export declare const SidePageContext: React.Context<SidePageContextType>;