@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/components/Modal/Modal.d.ts

@@ -1,80 +1,97 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalBody } from './ModalBody';
-export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
-    /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */
-    disableClose?: boolean;
-    /** Выравнивает окно по верху страницы. */
-    alignTop?: boolean;
-    /** Оставляет окно открытым при клике на фон. */
-    ignoreBackgroundClick?: boolean;
-    /** Убирает крестик для закрытия окна */
-    noClose?: boolean;
-    /** Задает длину модалки. */
-    width?: number | string;
-    /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
-    onClose?: () => void;
-    /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */
-    disableFocusLock?: boolean;
-    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
-    theme?: ThemeIn;
-}
-export interface ModalState {
-    stackPosition: number;
-    hasBackground: boolean;
-    horizontalScroll: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-export declare const ModalDataTids: {
-    readonly container: "modal-container";
-    readonly content: "modal-content";
-    readonly close: "modal-close";
-};
-type DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;
-/**
- * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
- *
- * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
- *
- * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
- *
- * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
- */
-export declare class Modal extends React.Component<ModalProps, ModalState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Header: typeof ModalHeader;
-    static Body: typeof ModalBody;
-    static Footer: typeof ModalFooter;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: ModalState;
-    private theme;
-    private stackSubscription;
-    private containerNode;
-    private mouseDownTarget;
-    private mouseUpTarget;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private requestClose;
-    private refContainer;
-    private handleStackChange;
-    private handleContainerMouseDown;
-    private handleContainerMouseUp;
-    private handleContainerClick;
-    private handleKeyDown;
-    private checkHorizontalScrollAppearance;
-    private throttledCheckHorizontalScroll;
-    private handleResize;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import { ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';
+export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
+    /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */
+    disableClose?: boolean;
+    /** Выравнивает окно по верху страницы. */
+    alignTop?: boolean;
+    /** Оставляет окно открытым при клике на фон. */
+    ignoreBackgroundClick?: boolean;
+    /** Убирает крестик для закрытия окна */
+    noClose?: boolean;
+    /** Задает ширину модалки. */
+    width?: number | string;
+    /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
+    onClose?: () => void;
+    /** Отключает фокус-лок внутри модалки. */
+    disableFocusLock?: boolean;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+    /** Задает внешний вид модалки. Работает с версией темы >= 5_2.
+     *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями
+     *  - `top` — модалка располагается сверху независимо от наличия футера
+     *  - `center` — модалка располагается в центре независимо от наличия футера
+     *  - `bottom` — модалка располагается снизу независимо от наличия футера
+     *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями
+     *  - `fullscreen` — модалка растягивается на весь экран
+     *  @default auto
+     */
+    mobileAppearance?: MobileModalAppearance;
+}
+export interface ModalState {
+    stackPosition: number;
+    hasBackground: boolean;
+    horizontalScroll: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+export declare const ModalDataTids: {
+    readonly container: "modal-container";
+    readonly content: "modal-content";
+    readonly close: "modal-close";
+};
+export declare const ModalZIndexPriority: {
+    readonly Cross: 2;
+    readonly Content: 1;
+};
+type DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;
+/**
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
+ *
+ * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.
+ *
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.
+ *
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
+ */
+export declare class Modal extends React.Component<ModalProps, ModalState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Header: typeof ModalHeader;
+    static Body: typeof ModalBody;
+    static Footer: typeof ModalFooter;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: ModalState;
+    private theme;
+    private stackSubscription;
+    private containerNode;
+    private mouseDownTarget;
+    private mouseUpTarget;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private getMobileContainerClassName;
+    private renderMain;
+    private requestClose;
+    private refContainer;
+    private handleStackChange;
+    private handleContainerMouseDown;
+    private handleContainerMouseUp;
+    private handleContainerClick;
+    private handleKeyDown;
+    private checkHorizontalScrollAppearance;
+    private throttledCheckHorizontalScroll;
+    private handleResize;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}
+export {};

package/components/Modal/Modal.styles/Modal.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
 export var modalGlobalClasses = prefix('modal')({
@@ -14,121 +14,147 @@ export var styles = memoizeStyle({
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])), t.modalBackBg, t.modalBackOpacity);
   },
   container: function container() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "])));
   },
-  containerMobile: function containerMobile(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      margin-top: ", ";\n      margin-right: ", ";\n      margin-bottom: ", ";\n      margin-left: ", ";\n    "])), t.mobileModalContainerHeight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft);
+  containerDesktop: function containerDesktop() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "])));
+  },
+  mobileContainerFullscreen5_2: function mobileContainerFullscreen5_2() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
+  },
+  mobileContainerSmall5_2: function mobileContainerSmall5_2() {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
+  },
+  mobileContainerSmallTop5_2: function mobileContainerSmallTop5_2() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      align-content: start;\n    "])));
+  },
+  mobileContainerSmallBottom5_2: function mobileContainerSmallBottom5_2() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      align-content: end;\n    "])));
   },
   window: function window(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
   },
   mobileWindow: function mobileWindow() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    "])));
+  },
+  mobileWindowFullscreen: function mobileWindowFullscreen() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      border-radius: 0;\n    "])));
   },
   centerContainer: function centerContainer() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
   },
-  mobileCenterContainer: function mobileCenterContainer() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    "])));
+  mobileCenterContainer: function mobileCenterContainer(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
+  },
+  mobileCenterContainerBig: function mobileCenterContainerBig(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
+  },
+  mobileCenterContainerFullscreen: function mobileCenterContainerFullscreen() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
   },
   alignTop: function alignTop() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      vertical-align: top;\n    "])));
   },
   close: function close(t) {
-    var padding = parseInt(t.modalCloseButtonPadding);
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: absolute;\n      display: flex;\n      right: ", "px;\n      top: ", "px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding: ", ";\n      margin: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), padding, padding, t.modalCloseButtonColor, t.modalCloseButtonClickArea, t.modalCloseButtonClickArea, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonColor, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
   },
-  mobileClose: function mobileClose(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", "px;\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding), t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
+  closeMobile: function closeMobile(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
   },
-  mobileCloseWithoutHeader: function mobileCloseWithoutHeader() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      position: static;\n    "])));
+  mobileCloseWithoutHeader: function mobileCloseWithoutHeader(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])), t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding);
   },
   closeWrapper: function closeWrapper(t) {
     var padding = parseInt(t.modalCloseButtonPadding);
     var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
     var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
     var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
   },
   mobileCloseWrapper: function mobileCloseWrapper(t) {
     var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: ", ";\n      top: ", ";\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", "px;\n      height: ", "px;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, size, size, t.bgDefault, size);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalWithoutHeaderCloseButtonWidth, t.bgDefault, size);
   },
   disabled: function disabled(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
   },
   focus: function focus(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      outline: 2px solid ", ";\n    "])), t.modalCloseButtonHoverColor, t.borderColorFocus);
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "])), t.modalCloseIconSize, t.modalCloseIconSize, t.borderColorFocus);
   },
   header: function header(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight);
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight, t.modalBorderRadius, t.modalBorderRadius);
   },
   mobileHeader: function mobileHeader(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
+  },
+  titleCut: function titleCut() {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
   },
   body: function body(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
   },
   mobileBody: function mobileBody(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
   },
   headerWithClose: function headerWithClose(t) {
     var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), rightPadding);
   },
   mobileHeaderWithClose: function mobileHeaderWithClose(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
   },
   footer: function footer(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
   },
   mobileFooter: function mobileFooter(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
   },
   panel: function panel(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
   },
   fixedHeader: function fixedHeader(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
   },
   mobileFixedHeader: function mobileFixedHeader(t) {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.mobileModalHeaderPadding);
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.mobileModalHeaderPadding, t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedFooter: function fixedFooter(t) {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
+  },
+  mobileFixedFooter: function mobileFixedFooter(t) {
+    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
   },
   fixedPanel: function fixedPanel(t) {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
+    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
   },
   headerAddPadding: function headerAddPadding(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
+    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
   },
   bodyWithoutHeader: function bodyWithoutHeader(t) {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
+    return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
   },
-  mobileBodyWithoutHeader: function mobileBodyWithoutHeader() {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      padding-top: 0px;\n    "])));
+  mobileBodyWithoutHeader: function mobileBodyWithoutHeader(t) {
+    return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
   },
   bodyWithoutPadding: function bodyWithoutPadding() {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
+    return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n      padding: 0;\n    "])));
   },
   bodyAddPaddingForPanel: function bodyAddPaddingForPanel(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
+    return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
   },
   mobileBodyAddPaddingForPanel: function mobileBodyAddPaddingForPanel(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.mobileModalBodyPadding);
+    return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyPaddingBottom);
   },
   columnFlexContainer: function columnFlexContainer() {
-    return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
+    return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
   },
   modalSeparatorWrapper: function modalSeparatorWrapper() {
-    return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
+    return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      width: 100%;\n    "])));
   },
   modalSeparator: function modalSeparator(t) {
-    return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: 0 32px;\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom);
+    return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
   },
-  modalSeparatorFixed: function modalSeparatorFixed() {
-    return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n      margin: 0 16px;\n    "])));
+  modalSeparatorFixed: function modalSeparatorFixed(t) {
+    return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
   }
 });

package/components/Modal/Modal.styles/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerMobile","_templateObject4","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","_templateObject5","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject6","centerContainer","_templateObject7","mobileCenterContainer","_templateObject8","alignTop","_templateObject9","close","padding","parseInt","modalCloseButtonPadding","_templateObject10","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","_templateObject11","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","_templateObject12","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject13","mobileCloseWrapper","size","_templateObject14","bgDefault","disabled","_templateObject15","modalCloseButtonDisabledColor","focus","_templateObject16","borderColorFocus","header","_templateObject17","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject18","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","_templateObject19","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject20","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject21","mobileHeaderWithClose","_templateObject22","footer","_templateObject23","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject24","mobileModalFooterPadding","panel","_templateObject25","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject26","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject27","fixedFooter","_templateObject28","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","_templateObject29","modalFixedPanelShadow","headerAddPadding","_templateObject30","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject31","modalPaddingTop","mobileBodyWithoutHeader","_templateObject32","bodyWithoutPadding","_templateObject33","bodyAddPaddingForPanel","_templateObject34","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject35","columnFlexContainer","_templateObject36","modalSeparatorWrapper","_templateObject37","modalSeparator","_templateObject38","modalSeparatorBorderBottom","modalSeparatorFixed","_templateObject39"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  containerMobile(t: Theme) {\n    return css`\n      height: ${t.mobileModalContainerHeight};\n      margin-top: ${t.mobileModalContainerMarginTop};\n      margin-right: ${t.mobileModalContainerMarginRight};\n      margin-bottom: ${t.mobileModalContainerMarginBottom};\n      margin-left: ${t.mobileModalContainerMarginLeft};\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea};\n      margin: -${t.modalCloseButtonClickArea};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  mobileClose(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  mobileCloseWithoutHeader() {\n    return css`\n      position: static;\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: absolute;\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: 0px;\n      margin: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${size}px;\n      height: ${size}px;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      color: ${t.modalCloseButtonHoverColor};\n      outline: 2px solid ${t.borderColorFocus};\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader() {\n    return css`\n      padding-top: 0px;\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: 0 32px;\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed() {\n    return css`\n      margin: 0 16px;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","_templateObject","_taggedTemplateLiteralLoose","bg","t","_templateObject2","modalBackBg","modalBackOpacity","_templateObject3","containerDesktop","_templateObject4","mobileContainerFullscreen5_2","_templateObject5","mobileContainerSmall5_2","_templateObject6","mobileContainerSmallTop5_2","_templateObject7","mobileContainerSmallBottom5_2","_templateObject8","window","_templateObject9","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","_templateObject10","mobileWindowFullscreen","_templateObject11","centerContainer","_templateObject12","mobileCenterContainer","_templateObject13","mobileModalContainerMarginLeft","mobileModalContainerMarginRight","mobileModalContainerMarginTop","mobileModalContainerMarginBottom","mobileCenterContainerBig","_templateObject14","mobileCenterContainerFullscreen","_templateObject15","alignTop","_templateObject16","close","_templateObject17","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonColor","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonHoverColor","modalCloseIconSize","closeMobile","_templateObject18","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","_templateObject19","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","padding","parseInt","modalCloseButtonPadding","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","_templateObject20","mobileCloseWrapper","size","_templateObject21","mobileModalWithoutHeaderCloseButtonWidth","bgDefault","disabled","_templateObject22","modalCloseButtonDisabledColor","focus","_templateObject23","borderColorFocus","header","_templateObject24","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","_templateObject25","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","mobileModalHeaderPadding","titleCut","_templateObject26","body","_templateObject27","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","_templateObject28","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","_templateObject29","mobileHeaderWithClose","_templateObject30","footer","_templateObject31","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","_templateObject32","mobileModalFooterPadding","panel","_templateObject33","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","_templateObject34","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","_templateObject35","fixedFooter","_templateObject36","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","mobileFixedFooter","_templateObject37","fixedPanel","_templateObject38","modalFixedPanelShadow","headerAddPadding","_templateObject39","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","_templateObject40","modalPaddingTop","mobileBodyWithoutHeader","_templateObject41","mobileModalBodyPaddingTop","bodyWithoutPadding","_templateObject42","bodyAddPaddingForPanel","_templateObject43","modalPaddingBottom","mobileBodyAddPaddingForPanel","_templateObject44","mobileModalBodyPaddingBottom","columnFlexContainer","_templateObject45","modalSeparatorWrapper","_templateObject46","modalSeparator","_templateObject47","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","_templateObject48","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    `;\n  },\n\n  containerDesktop() {\n    return css`\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  mobileContainerFullscreen5_2() {\n    return css`\n      margin: 0;\n    `;\n  },\n\n  mobileContainerSmall5_2() {\n    return css`\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    `;\n  },\n  mobileContainerSmallTop5_2() {\n    return css`\n      align-content: start;\n    `;\n  },\n  mobileContainerSmallBottom5_2() {\n    return css`\n      align-content: end;\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ${t.modalWindowShadow};\n      background: ${t.modalBg};\n      border-radius: ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileWindow() {\n    return css`\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    `;\n  },\n\n  mobileWindowFullscreen() {\n    return css`\n      border-radius: 0;\n    `;\n  },\n\n  centerContainer() {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    `;\n  },\n\n  mobileCenterContainer(t: Theme) {\n    return css`\n      padding: 0;\n      width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n      display: inline-flex;\n      margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n        ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n      max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerBig(t: Theme) {\n    return css`\n      height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n    `;\n  },\n\n  mobileCenterContainerFullscreen() {\n    return css`\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    `;\n  },\n\n  alignTop() {\n    return css`\n      vertical-align: top;\n    `;\n  },\n\n  close(t: Theme) {\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ${t.modalCloseButtonClickAreaRight};\n      top: ${t.modalCloseButtonClickAreaTop};\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ${t.modalCloseButtonClickAreaTop};\n      margin-top: -${t.modalCloseButtonClickAreaTop};\n      padding-right: ${t.modalCloseButtonClickAreaRight};\n      margin-right: -${t.modalCloseButtonClickAreaRight};\n      padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n      margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n      padding-left: ${t.modalCloseButtonClickAreaLeft};\n      margin-left: -${t.modalCloseButtonClickAreaLeft};\n\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  closeMobile(t: Theme) {\n    return css`\n      right: ${t.mobileModalCloseButtonRightPadding};\n      top: ${t.mobileModalCloseButtonTopPadding};\n      padding: ${t.mobileModalCloseButtonClickArea};\n      margin: -${t.mobileModalCloseButtonClickArea};\n\n      & > svg {\n        width: ${t.mobileModalCloseIconSize};\n        height: ${t.mobileModalCloseIconSize};\n      }\n    `;\n  },\n\n  mobileCloseWithoutHeader(t: Theme) {\n    return css`\n      position: absolute;\n      padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n      top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n      right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  mobileCloseWrapper(t: Theme) {\n    const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n    return css`\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ${size}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      cursor: default;\n      color: ${t.modalCloseButtonDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(${t.modalCloseIconSize} * 2);\n        height: calc(${t.modalCloseIconSize} * 2);\n        box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n        border-radius: 4px;\n      }\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ${t.modalHeaderTextColor};\n      font-weight: ${t.modalHeaderFontWeight};\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  mobileHeader(t: Theme) {\n    return css`\n      position: relative;\n      font-size: ${t.mobileModalHeaderFontSize};\n      line-height: ${t.mobileModalHeaderLineHeight};\n      padding: ${t.mobileModalHeaderPadding};\n    `;\n  },\n\n  titleCut() {\n    return css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      border-radius: ${t.modalBodyBorderRadius};\n      padding-top: ${t.modalBodyPaddingTop};\n      padding-right: ${t.modalPaddingRight};\n      padding-bottom: ${t.modalBodyPaddingBottom};\n      padding-left: ${t.modalPaddingLeft};\n      color: ${t.modalBodyTextColor};\n    `;\n  },\n\n  mobileBody(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ${t.mobileModalBodyFontSize};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  mobileHeaderWithClose(t: Theme) {\n    return css`\n      padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n      color: ${t.modalFooterTextColor};\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  mobileFooter(t: Theme) {\n    return css`\n      padding: ${t.mobileModalFooterPadding};\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      padding-top: ${t.modalFooterPanelPaddingTop};\n      padding-bottom: ${t.modalFooterPanelPaddingBottom};\n      background: ${t.modalFooterBg};\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: ${t.modalFixedHeaderMarginBottom};\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n      border-bottom: ${t.modalFixedHeaderBorder};\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  mobileFixedHeader(t: Theme) {\n    return css`\n      padding-bottom: ${t.mobileModalHeaderPadding};\n      border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      padding-top: ${t.modalFixedFooterPaddingTop};\n      margin-top: ${t.modalFixedFooterMarginTop};\n      background: ${t.modalFixedHeaderBg};\n      border-top: ${t.modalFixedFooterBorder};\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  mobileFixedFooter(t: Theme) {\n    return css`\n      border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n    `;\n  },\n\n  fixedPanel(t: Theme) {\n    return css`\n      &:before {\n        box-shadow: ${t.modalFixedPanelShadow};\n      }\n    `;\n  },\n\n  headerAddPadding(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop};\n    `;\n  },\n\n  mobileBodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.mobileModalBodyPaddingTop};\n      padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n\n  mobileBodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding: ${t.mobileModalBodyPadding};\n      padding-bottom: ${t.mobileModalBodyPaddingBottom};\n    `;\n  },\n\n  columnFlexContainer() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    `;\n  },\n\n  modalSeparatorWrapper() {\n    return css`\n      position: absolute;\n      width: 100%;\n    `;\n  },\n\n  modalSeparator(t: Theme) {\n    return css`\n      border-bottom: ${t.modalSeparatorBorderBottom};\n      margin: ${t.modalSeparatorMargin};\n      transition: margin 0.3s;\n    `;\n  },\n\n  modalSeparatorFixed(t: Theme) {\n    return css`\n      margin: ${t.modalSeparatorFixedMargin};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}