@skbkontur/react-ui 0.0.0-6a047cca2c → 0.0.0-6fbd9fadb2

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

@@ -1,248 +1,383 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _Emotion = require("../../lib/theming/Emotion");function _templateObject29() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.01;\n      transition: opacity 0.15s ease-out;\n    "]);_templateObject29 = function _templateObject29() {return data;};return data;}function _templateObject28() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "]);_templateObject28 = function _templateObject28() {return data;};return data;}function _templateObject27() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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;\n      transform: translate(0, 0) !important;\n    "]);_templateObject27 = function _templateObject27() {return data;};return data;}function _templateObject26() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(-100px);\n    "]);_templateObject26 = function _templateObject26() {return data;};return data;}function _templateObject25() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      transform: translateX(100px);\n    "]);_templateObject25 = function _templateObject25() {return data;};return data;}function _templateObject24() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-top: 1px solid ", ";\n    "]);_templateObject24 = function _templateObject24() {return data;};return data;}function _templateObject23() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", " ", "\n        ", ";\n    "]);_templateObject23 = function _templateObject23() {return data;};return data;}function _templateObject22() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      position: fixed;\n      z-index: 10;\n    "]);_templateObject22 = function _templateObject22() {return data;};return data;}function _templateObject21() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n    "]);_templateObject21 = function _templateObject21() {return data;};return data;}function _templateObject20() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: ", ";\n      width: ", ";\n      line-height: 0;\n    "]);_templateObject20 = function _templateObject20() {return data;};return data;}function _templateObject19() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      border-top: 0 !important;\n      padding: ", " ", " ", "\n        ", ";\n    "]);_templateObject19 = function _templateObject19() {return data;};return data;}function _templateObject18() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      position: absolute;\n      right: ", ";\n      text-align: center;\n      text-decoration: none;\n      width: ", ";\n      padding: 0 ", ";\n      margin: 0 -", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      right: auto;\n\n      & ", " {\n        float: left;\n      }\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "& {\n        box-shadow: ", ";\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      opacity: ", ";\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      position: absolute;\n      width: 100%;\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", "px;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: 0 1px ", ";\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " 0 ", ";\n      width: 100%;\n      position: relative;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      align-items: stretch;\n      display: flex;\n      flex-direction: column;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      float: right;\n      height: 100%;\n      width: 100%;\n      overflow-y: auto;\n      position: relative;\n      white-space: normal;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", " !important;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: ", " !important;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-top: ", " !important;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: ", ";\n      padding-right: ", ";\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      z-index: 0;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      position: fixed;\n      right: 0;\n      top: 0;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = {
-  root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+var _Mixins = require("../../lib/styles/Mixins");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;
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root() {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        position: fixed;\n        top: 0;\n      "])));
 
 
 
 
-  },
+      },
 
-  overlay: function overlay() {
-    return (0, _Emotion.css)(_templateObject2());
+      mobileRoot: function mobileRoot() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 100%;\n      "])));
 
 
+      },
 
+      overlay: function overlay() {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      "])));
 
 
 
-  },
 
-  body: function body() {
-    return (0, _Emotion.css)(_templateObject3());
 
 
+      },
 
-  },
+      body: function body(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 1 0 auto;\n        z-index: 0;\n        color: ", ";\n      "])),
 
-  container: function container(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.sidePagePaddingLeft,
-    t.sidePagePaddingRight);
 
-  },
+        t.modalBodyTextColor);
 
-  containerWithoutHeader: function containerWithoutHeader(t) {
-    return (0, _Emotion.css)(_templateObject5(),
-    (0, _ThemeHelpers.is8pxTheme)(t) ? t.sidePagePaddingTop : 0);
+      },
 
-  },
+      mobileBody: function mobileBody() {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: 16px;\n        line-height: 22px;\n      "])));
 
-  containerWithoutFooter: function containerWithoutFooter(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    (0, _ThemeHelpers.is8pxTheme)(t) ? t.sidePagePaddingBottom : 0);
 
-  },
 
-  containerWithPanel: function containerWithPanel(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    (0, _ThemeHelpers.is8pxTheme)(t) ? t.sidePagePaddingBottom : 0);
+      },
 
-  },
+      container: function container(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: ", ";\n        padding-right: ", ";\n      "])),
+        t.sidePagePaddingLeft,
+        t.sidePagePaddingRight);
 
-  wrapper: function wrapper(t) {
-    return (0, _Emotion.css)(_templateObject8(),
-    t.sidePageBgDefault);
+      },
 
+      mobileContainer: function mobileContainer(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: ", ";\n        padding-right: ", ";\n        padding-bottom: ", ";\n      "])),
+        t.mobileSidePagePaddingLeft,
+        t.mobileSidePagePaddingRight,
+        t.mobileSidePagePaddingBottom);
 
+      },
 
+      containerWithoutHeader: function containerWithoutHeader(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-top: ", ";\n      "])),
+        t.sidePagePaddingTop);
 
+      },
 
+      mobileContainerWithoutHeader: function mobileContainerWithoutHeader(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-top: ", ";\n      "])),
+        t.mobileSidePagePaddingTop);
 
+      },
 
-  },
+      containerWithoutFooter: function containerWithoutFooter(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-bottom: ", ";\n      "])),
+        t.sidePagePaddingBottom);
 
-  layout: function layout() {
-    return (0, _Emotion.css)(_templateObject9());
+      },
 
+      containerWithPanel: function containerWithPanel(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-bottom: ", ";\n      "])),
+        t.sidePagePaddingBottom);
 
+      },
 
+      focusLock: function focusLock() {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n      "])));
 
-  },
 
-  header: function header(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.sidePageHeaderFontSize,
-    t.sidePageHeaderLineHeight,
-    t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom);
+      },
 
+      wrapper: function wrapper(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\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      "])),
+        t.sidePageBgDefault);
 
 
-  },
 
-  headerFixed: function headerFixed(t) {
-    return (0, _Emotion.css)(_templateObject11(),
-    t.sidePageBgDefault,
-    t.sidePageBorderColor,
-    t.sidePageHeaderFixedFontSize,
-    t.sidePageHeaderFixedLineHeight,
-    t.sidePageHeaderFixedPaddingY);
 
-  },
 
-  title: function title(t) {
-    var paddingRight =
-    parseInt(t.sidePageCloseButtonPadding) +
-    parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +
-    parseInt(t.sidePageCloseIconSize);
-    return (0, _Emotion.css)(_templateObject12(),
-    t.sidePagePaddingLeft,
-    paddingRight);
 
-  },
 
-  titleFixed: function titleFixed() {
-    return (0, _Emotion.css)(_templateObject13());
 
 
 
+      },
 
-  },
+      wrapperLeft: function wrapperLeft() {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        float: left;\n      "])));
 
-  background: function background() {
-    return (0, _Emotion.css)(_templateObject14());
 
+      },
 
+      wrapperMarginLeft: function wrapperMarginLeft() {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: 20px;\n      "])));
 
 
-  },
+      },
 
-  backgroundGray: function backgroundGray(t) {
-    return (0, _Emotion.css)(_templateObject15(),
-    t.sidePageBackingBg,
-    t.sidePageBackingBgOpacity);
+      wrapperMarginRight: function wrapperMarginRight() {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-right: 20px;\n      "])));
 
-  },
 
-  shadow: function shadow(t) {
-    return (0, _Emotion.css)(_templateObject16(),
-    (0, _Emotion.cssName)(styles.wrapper(t)),
-    t.sidePageContainerShadow);
+      },
 
+      headerWrapper: function headerWrapper() {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 0 0 auto;\n      "])));
 
-  },
 
-  leftSide: function leftSide(t) {
-    return (0, _Emotion.css)(_templateObject17(),
+      },
 
+      header: function header(t) {
+        return 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      "])),
+        t.sidePageHeaderFontSize,
+        t.sidePageHeaderLineHeight,
+        t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom,
 
 
-    (0, _Emotion.cssName)(styles.wrapper(t)));
+        t.sidePageHeaderTextColor,
+        t.sidePageHeaderFontWeight);
 
+      },
 
+      mobileHeader: function mobileHeader(t) {
+        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " 0 ", ";\n      "])),
+        t.mobileSidePageHeaderFontSize,
+        t.mobileSidePageHeaderLineHeight,
+        t.mobileSidePageHeaderPaddingTop, t.mobileSidePageHeaderPaddingBottom);
 
-  },
+      },
 
-  close: function close(t) {
-    return (0, _Emotion.css)(_templateObject18(),
-    t.sidePageCloseButtonColor,
+      headerFixed: function headerFixed(t) {
+        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        font-size: ", ";\n        line-height: ", ";\n        padding: ", " 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: ", ";\n        }\n      "])),
+        t.sidePageBgDefault,
+        t.sidePageHeaderFixedFontSize,
+        t.sidePageHeaderFixedLineHeight,
+        t.sidePageHeaderFixedPaddingY,
 
 
-    t.sidePageCloseButtonPadding,
 
 
-    t.sidePageCloseIconSize,
-    t.sidePageCloseButtonClickAreaX,
-    t.sidePageCloseButtonClickAreaX,
 
 
-    t.sidePageCloseButtonHoverColor);
 
 
-  },
 
-  panel: function panel(t) {
-    return (0, _Emotion.css)(_templateObject19(),
-    t.sidePageFooterPanelBg,
+        t.sidePageFixedHeaderShadow);
 
-    t.sidePageFooterPanelPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPanelPaddingBottom,
-    t.sidePagePaddingLeft);
 
-  },
+      },
 
-  closeIcon: function closeIcon(t) {
-    return (0, _Emotion.css)(_templateObject20(),
+      title: function title(t) {
+        var paddingRight =
+        parseInt(t.sidePageCloseButtonPadding) +
+        parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +
+        parseInt(t.sidePageCloseIconSize);
+        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: ", ";\n        padding-right: ", "px;\n      "])),
+        t.sidePagePaddingLeft,
+        paddingRight);
 
-    t.sidePageCloseIconSize,
-    t.sidePageCloseIconSize);
+      },
 
+      mobileTitle: function mobileTitle(t) {
+        var paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);
+        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding-left: ", ";\n        padding-right: ", "px;\n      "])),
+        t.mobileSidePagePaddingLeft,
+        paddingRight);
 
-  },
+      },
 
-  fixed: function fixed(t) {
-    return (0, _Emotion.css)(_templateObject21(),
-    t.sidePageHeaderFixedLineHeight);
+      titleFixed: function titleFixed() {
+        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      "])));
 
-  },
 
-  footer: function footer() {
-    return (0, _Emotion.css)(_templateObject22());
 
 
+      },
 
+      background: function background() {
+        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        position: absolute;\n        width: 100%;\n      "])));
 
-  },
 
-  footerContent: function footerContent(t) {
-    return (0, _Emotion.css)(_templateObject23(),
-    t.sidePageFooterPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPaddingBottom,
-    t.sidePagePaddingLeft);
 
-  },
 
-  footerFixed: function footerFixed(t) {
-    return (0, _Emotion.css)(_templateObject24(),
-    t.sidePageBgDefault,
-    t.sidePageBorderColor);
+      },
 
-  },
+      backgroundGray: function backgroundGray(t) {
+        return emotion.css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        opacity: ", ";\n      "])),
+        t.sidePageBackingBg,
+        t.sidePageBackingBgOpacity);
 
-  transitionLeft: function transitionLeft() {
-    return (0, _Emotion.css)(_templateObject25());
+      },
 
+      shadow: function shadow(t) {
+        return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: ", ";\n      "])),
+        t.sidePageContainerShadow);
 
-  },
+      },
 
-  transitionRight: function transitionRight() {
-    return (0, _Emotion.css)(_templateObject26());
+      close: function close(t) {
+        return emotion.css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n        cursor: pointer;\n        color: ", ";\n        padding: ", ";\n        margin: -", ";\n        font-size: 0;\n\n        &:focus,\n        &:hover {\n          color: ", ";\n        }\n\n        & > svg {\n          width: ", ";\n          height: ", ";\n          box-sizing: content-box;\n        }\n      "])),
+        (0, _Mixins.resetButton)(emotion),
 
+        t.sidePageCloseButtonColor,
+        t.sidePageCloseButtonClickArea,
+        t.sidePageCloseButtonClickArea,
 
-  },
 
-  transitionActive: function transitionActive() {
-    return (0, _Emotion.css)(_templateObject27());
 
 
+        t.sidePageCloseButtonHoverColor,
 
 
-  },
 
-  transitionLeave: function transitionLeave() {
-    return (0, _Emotion.css)(_templateObject28());
+        t.sidePageCloseIconSize,
+        t.sidePageCloseIconSize);
 
 
-  },
 
-  transitionLeaveActive: function transitionLeaveActive() {
-    return (0, _Emotion.css)(_templateObject29());
+      },
 
+      mobileClose: function mobileClose(t) {
+        return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", ";\n        margin: -", ";\n        font-size: 0;\n      "])),
+        t.mobileSidePageCloseButtonClickArea,
+        t.mobileSidePageCloseButtonClickArea);
 
 
-  } };
+      },
 
+      closeFocus: function closeFocus(t) {
+        return emotion.css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n        outline: 2px solid ", ";\n      "])),
+        t.borderColorFocus);
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+      },
+
+      wrapperClose: function wrapperClose(t) {
+        return emotion.css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: border-box;\n        height: 100%;\n        line-height: ", ";\n        padding: ", " 0 ", ";\n        position: absolute;\n        right: ", ";\n        top: 0;\n      "])),
+
+
+        t.sidePageHeaderLineHeight,
+        t.sidePageHeaderPaddingTop, t.sidePageHeaderPaddingBottom,
+
+        t.sidePageCloseButtonPadding);
+
+
+      },
+
+      mobileWrapperClose: function mobileWrapperClose(t) {
+        return emotion.css(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n        line-height: ", ";\n        padding: ", " 0 ", ";\n        right: ", ";\n      "])),
+        t.mobileSidePageHeaderLineHeight,
+        t.mobileSidePageHeaderPaddingTop, t.mobileSidePageHeaderPaddingBottom,
+        t.mobileSidePageCloseButtonPadding);
+
+      },
+
+      panel: function panel(t) {
+        return emotion.css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        padding: ", " ", " ", "\n          ", ";\n      "])),
+        t.sidePageFooterPanelBg,
+        t.sidePageFooterPanelPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPanelPaddingBottom,
+        t.sidePagePaddingLeft);
+
+      },
+
+      wrapperCloseFixed: function wrapperCloseFixed(t) {
+        return emotion.css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n        line-height: ", ";\n        padding: ", " 0;\n      "])),
+        t.sidePageHeaderFixedLineHeight,
+        t.sidePageHeaderFixedPaddingY);
+
+      },
+
+      footerWrapper: function footerWrapper() {
+        return emotion.css(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex: 0 0 auto;\n      "])));
+
+
+      },
+
+      footer: function footer(t) {
+        return emotion.css(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n        bottom: 0;\n        position: fixed;\n        z-index: 10;\n        color: ", ";\n      "])),
+
+
+
+        t.sidePageFooterTextColor);
+
+      },
+
+      positionStatic: function positionStatic() {
+        return emotion.css(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: static;\n      "])));
+
+
+      },
+
+      footerContent: function footerContent(t) {
+        return emotion.css(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: ", " ", " ", "\n          ", ";\n      "])),
+        t.sidePageFooterPaddingTop, t.sidePagePaddingRight, t.sidePageFooterPaddingBottom,
+        t.sidePagePaddingLeft);
+
+      },
+
+      mobileFooterContent: function mobileFooterContent(t) {
+        return emotion.css(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        flex-flow: column nowrap;\n        padding: ", ";\n      "])),
+
+
+        t.mobileSidePageFooterPadding);
+
+      },
+
+      footerFixed: function footerFixed(t) {
+        return emotion.css(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\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: ", ";\n        }\n      "])),
+        t.sidePageBgDefault,
+
+
+
+
+
+
+
+
+
+        t.sidePageFixedFooterShadow);
+
+
+      },
+
+      panelFixed: function panelFixed(t) {
+        return emotion.css(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:before {\n          box-shadow: ", ";\n        }\n      "])),
+
+        t.sidePageFixedPanelShadow);
+
+
+      },
+
+      transitionLeft: function transitionLeft() {
+        return emotion.css(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateX(100px);\n      "])));
+
+
+      },
+
+      transitionRight: function transitionRight() {
+        return emotion.css(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n        transform: translateX(-100px);\n      "])));
+
+
+      },
+
+      transitionActive: function transitionActive() {
+        return emotion.css(_templateObject43 || (_templateObject43 = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])));
+
+
+
+
+      },
+
+      transitionLeave: function transitionLeave() {
+        return emotion.css(_templateObject44 || (_templateObject44 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 1;\n      "])));
+
+
+      },
+
+      transitionLeaveActive: function transitionLeaveActive() {
+        return emotion.css(_templateObject45 || (_templateObject45 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      "])));
+
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["SidePage.styles.ts"],"names":["styles","root","css","overlay","body","container","t","sidePagePaddingLeft","sidePagePaddingRight","containerWithoutHeader","sidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","wrapper","sidePageBgDefault","layout","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","headerFixed","sidePageBorderColor","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseButtonLegacyPaddingLeft","sidePageCloseIconSize","titleFixed","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","leftSide","close","sidePageCloseButtonColor","sidePageCloseButtonClickAreaX","sidePageCloseButtonHoverColor","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","closeIcon","fixed","footer","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","footerFixed","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive","jsStyles"],"mappings":"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","sourcesContent":["import { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\nimport { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      height: 100%;\r\n      position: fixed;\r\n      right: 0;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  overlay() {\r\n    return css`\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n    `;\r\n  },\r\n\r\n  body() {\r\n    return css`\r\n      height: 100%;\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      padding-left: ${t.sidePagePaddingLeft};\r\n      padding-right: ${t.sidePagePaddingRight};\r\n    `;\r\n  },\r\n\r\n  containerWithoutHeader(t: Theme) {\r\n    return css`\r\n      padding-top: ${is8pxTheme(t) ? t.sidePagePaddingTop : 0} !important;\r\n    `;\r\n  },\r\n\r\n  containerWithoutFooter(t: Theme) {\r\n    return css`\r\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\r\n    `;\r\n  },\r\n\r\n  containerWithPanel(t: Theme) {\r\n    return css`\r\n      padding-bottom: ${is8pxTheme(t) ? t.sidePagePaddingBottom : 0} !important;\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      float: right;\r\n      height: 100%;\r\n      width: 100%;\r\n      overflow-y: auto;\r\n      position: relative;\r\n      white-space: normal;\r\n    `;\r\n  },\r\n\r\n  layout() {\r\n    return css`\r\n      align-items: stretch;\r\n      display: flex;\r\n      flex-direction: column;\r\n    `;\r\n  },\r\n\r\n  header(t: Theme) {\r\n    return css`\r\n      font-size: ${t.sidePageHeaderFontSize};\r\n      line-height: ${t.sidePageHeaderLineHeight};\r\n      padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\r\n      width: 100%;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  headerFixed(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      box-shadow: 0 1px ${t.sidePageBorderColor};\r\n      font-size: ${t.sidePageHeaderFixedFontSize};\r\n      line-height: ${t.sidePageHeaderFixedLineHeight};\r\n      padding: ${t.sidePageHeaderFixedPaddingY} 0;\r\n    `;\r\n  },\r\n\r\n  title(t: Theme) {\r\n    const paddingRight =\r\n      parseInt(t.sidePageCloseButtonPadding) +\r\n      parseInt(t.sidePageCloseButtonLegacyPaddingLeft) +\r\n      parseInt(t.sidePageCloseIconSize);\r\n    return css`\r\n      padding-left: ${t.sidePagePaddingLeft};\r\n      padding-right: ${paddingRight}px;\r\n    `;\r\n  },\r\n\r\n  titleFixed() {\r\n    return css`\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  background() {\r\n    return css`\r\n      height: 100%;\r\n      position: absolute;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  backgroundGray(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBackingBg};\r\n      opacity: ${t.sidePageBackingBgOpacity};\r\n    `;\r\n  },\r\n\r\n  shadow(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.wrapper(t))}& {\r\n        box-shadow: ${t.sidePageContainerShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  leftSide(t: Theme) {\r\n    return css`\r\n      left: 0;\r\n      right: auto;\r\n\r\n      & ${cssName(styles.wrapper(t))} {\r\n        float: left;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    return css`\r\n      color: ${t.sidePageCloseButtonColor};\r\n      cursor: pointer;\r\n      position: absolute;\r\n      right: ${t.sidePageCloseButtonPadding};\r\n      text-align: center;\r\n      text-decoration: none;\r\n      width: ${t.sidePageCloseIconSize};\r\n      padding: 0 ${t.sidePageCloseButtonClickAreaX};\r\n      margin: 0 -${t.sidePageCloseButtonClickAreaX};\r\n\r\n      &:hover {\r\n        color: ${t.sidePageCloseButtonHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  panel(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageFooterPanelBg} !important;\r\n      border-top: 0 !important;\r\n      padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\r\n        ${t.sidePagePaddingLeft};\r\n    `;\r\n  },\r\n\r\n  closeIcon(t: Theme) {\r\n    return css`\r\n      display: inline-block;\r\n      height: ${t.sidePageCloseIconSize};\r\n      width: ${t.sidePageCloseIconSize};\r\n      line-height: 0;\r\n    `;\r\n  },\r\n\r\n  fixed(t: Theme) {\r\n    return css`\r\n      line-height: ${t.sidePageHeaderFixedLineHeight};\r\n    `;\r\n  },\r\n\r\n  footer() {\r\n    return css`\r\n      bottom: 0;\r\n      position: fixed;\r\n      z-index: 10;\r\n    `;\r\n  },\r\n\r\n  footerContent(t: Theme) {\r\n    return css`\r\n      padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\r\n        ${t.sidePagePaddingLeft};\r\n    `;\r\n  },\r\n\r\n  footerFixed(t: Theme) {\r\n    return css`\r\n      background: ${t.sidePageBgDefault};\r\n      border-top: 1px solid ${t.sidePageBorderColor};\r\n    `;\r\n  },\r\n\r\n  transitionLeft() {\r\n    return css`\r\n      transform: translateX(100px);\r\n    `;\r\n  },\r\n\r\n  transitionRight() {\r\n    return css`\r\n      transform: translateX(-100px);\r\n    `;\r\n  },\r\n\r\n  transitionActive() {\r\n    return css`\r\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);\r\n      opacity: 1;\r\n      transform: translate(0, 0) !important;\r\n    `;\r\n  },\r\n\r\n  transitionLeave() {\r\n    return css`\r\n      opacity: 1;\r\n    `;\r\n  },\r\n\r\n  transitionLeaveActive() {\r\n    return css`\r\n      opacity: 0.01;\r\n      transition: opacity 0.15s ease-out;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["SidePage.styles.ts"],"names":["getStyles","emotion","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        height: 100%;\n        position: fixed;\n        top: 0;\n      `;\n    },\n\n    mobileRoot() {\n      return emotion.css`\n        width: 100%;\n      `;\n    },\n\n    overlay() {\n      return emotion.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 emotion.css`\n        flex: 1 0 auto;\n        z-index: 0;\n        color: ${t.modalBodyTextColor};\n      `;\n    },\n\n    mobileBody() {\n      return emotion.css`\n        font-size: 16px;\n        line-height: 22px;\n      `;\n    },\n\n    container(t: Theme) {\n      return emotion.css`\n        padding-left: ${t.sidePagePaddingLeft};\n        padding-right: ${t.sidePagePaddingRight};\n      `;\n    },\n\n    mobileContainer(t: Theme) {\n      return emotion.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 emotion.css`\n        padding-top: ${t.sidePagePaddingTop};\n      `;\n    },\n\n    mobileContainerWithoutHeader(t: Theme) {\n      return emotion.css`\n        padding-top: ${t.mobileSidePagePaddingTop};\n      `;\n    },\n\n    containerWithoutFooter(t: Theme) {\n      return emotion.css`\n        padding-bottom: ${t.sidePagePaddingBottom};\n      `;\n    },\n\n    containerWithPanel(t: Theme) {\n      return emotion.css`\n        padding-bottom: ${t.sidePagePaddingBottom};\n      `;\n    },\n\n    focusLock() {\n      return emotion.css`\n        height: 100%;\n      `;\n    },\n\n    wrapper(t: Theme) {\n      return emotion.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 emotion.css`\n        float: left;\n      `;\n    },\n\n    wrapperMarginLeft() {\n      return emotion.css`\n        margin-left: 20px;\n      `;\n    },\n\n    wrapperMarginRight() {\n      return emotion.css`\n        margin-right: 20px;\n      `;\n    },\n\n    headerWrapper() {\n      return emotion.css`\n        flex: 0 0 auto;\n      `;\n    },\n\n    header(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n        padding-left: ${t.mobileSidePagePaddingLeft};\n        padding-right: ${paddingRight}px;\n      `;\n    },\n\n    titleFixed() {\n      return emotion.css`\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      `;\n    },\n\n    background() {\n      return emotion.css`\n        height: 100%;\n        position: absolute;\n        width: 100%;\n      `;\n    },\n\n    backgroundGray(t: Theme) {\n      return emotion.css`\n        background: ${t.sidePageBackingBg};\n        opacity: ${t.sidePageBackingBgOpacity};\n      `;\n    },\n\n    shadow(t: Theme) {\n      return emotion.css`\n        box-shadow: ${t.sidePageContainerShadow};\n      `;\n    },\n\n    close(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)};\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 emotion.css`\n        padding: ${t.mobileSidePageCloseButtonClickArea};\n        margin: -${t.mobileSidePageCloseButtonClickArea};\n        font-size: 0;\n      `;\n    },\n\n    closeFocus(t: Theme) {\n      return emotion.css`\n        outline: 2px solid ${t.borderColorFocus};\n      `;\n    },\n\n    wrapperClose(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 emotion.css`\n        line-height: ${t.sidePageHeaderFixedLineHeight};\n        padding: ${t.sidePageHeaderFixedPaddingY} 0;\n      `;\n    },\n\n    footerWrapper() {\n      return emotion.css`\n        flex: 0 0 auto;\n      `;\n    },\n\n    footer(t: Theme) {\n      return emotion.css`\n        bottom: 0;\n        position: fixed;\n        z-index: 10;\n        color: ${t.sidePageFooterTextColor};\n      `;\n    },\n\n    positionStatic() {\n      return emotion.css`\n        position: static;\n      `;\n    },\n\n    footerContent(t: Theme) {\n      return emotion.css`\n        padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n          ${t.sidePagePaddingLeft};\n      `;\n    },\n\n    mobileFooterContent(t: Theme) {\n      return emotion.css`\n        display: flex;\n        flex-flow: column nowrap;\n        padding: ${t.mobileSidePageFooterPadding};\n      `;\n    },\n\n    footerFixed(t: Theme) {\n      return emotion.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 emotion.css`\n        &:before {\n          box-shadow: ${t.sidePageFixedPanelShadow};\n        }\n      `;\n    },\n\n    transitionLeft() {\n      return emotion.css`\n        transform: translateX(100px);\n      `;\n    },\n\n    transitionRight() {\n      return emotion.css`\n        transform: translateX(-100px);\n      `;\n    },\n\n    transitionActive() {\n      return emotion.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 emotion.css`\n        opacity: 1;\n      `;\n    },\n\n    transitionLeaveActive() {\n      return emotion.css`\n        opacity: 0.01 !important;\n        transition: opacity 0.15s ease-out;\n      `;\n    },\n  });\n"]}

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

@@ -4,6 +4,9 @@ import { SidePageContextType } from './SidePageContext';
 export interface SidePageBodyProps extends CommonProps {
     children?: React.ReactNode;
 }
+export declare const SidePageBodyDataTids: {
+    readonly root: "SidePageBody__root";
+};
 /**
  * Тело для сайдпейджа
  *
@@ -11,8 +14,12 @@ export interface SidePageBodyProps extends CommonProps {
  */
 export declare class SidePageBody extends React.Component<SidePageBodyProps> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static contextType: React.Context<SidePageContextType>;
     context: SidePageContextType;
+    private emotion;
+    private isMobileLayout;
+    private setRootNode;
     componentDidUpdate(): void;
     render(): JSX.Element;
 }