@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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

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

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

@@ -17,8 +17,6 @@ export declare class SidePageBody extends React.Component<SidePageBodyProps> {
     static displayName: string;
     static contextType: React.Context<SidePageContextType>;
     context: SidePageContextType;
-    private emotion;
-    private styles;
     private isMobileLayout;
     private setRootNode;
     componentDidUpdate(): void;

package/cjs/components/SidePage/SidePageBody.js

@@ -1,11 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageBodyDataTids = exports.SidePageBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
 var _CommonWrapper = require("../../internal/CommonWrapper");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _SidePage = require("./SidePage.styles");
 var _SidePageContext = require("./SidePageContext");var _class, _SidePageBody;
@@ -33,34 +32,22 @@ SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class =
 
 
 
-
-
   componentDidUpdate = function componentDidUpdate() {
     this.context.updateLayout();
   };_proto.
 
   render = function render() {var _this2 = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_Emotion.EmotionConsumer, null,
-      function (emotion) {
-        _this2.emotion = emotion;
-        _this2.styles = (0, _SidePage.getStyles)(_this2.emotion);
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {var _cx;
         return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-          function (theme) {var _this2$emotion$cx;
-            return /*#__PURE__*/(
-              _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
-              _react.default.createElement("div", {
-                "data-tid": SidePageBodyDataTids.root,
-                className: _this2.emotion.cx(_this2.styles.body(theme), (_this2$emotion$cx = {}, _this2$emotion$cx[
-                _this2.styles.mobileBody()] = _this2.isMobileLayout, _this2$emotion$cx)
-                ) },
-
-              _this2.props.children
-              )
-              ));
-
-          }
+          _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
+          _react.default.createElement("div", {
+            "data-tid": SidePageBodyDataTids.root,
+            className: (0, _Emotion.cx)(_SidePage.styles.body(theme), (_cx = {}, _cx[_SidePage.styles.mobileBody()] = _this2.isMobileLayout, _cx)) },
+
+          _this2.props.children
+          )
           ));
 
       }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_decorator","_Emotion","_rootNode","_ThemeContext","_SidePage","_SidePageContext","_class","_SidePageBody","SidePageBodyDataTids","exports","root","SidePageBody","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","updateLayout","render","_this2","createElement","EmotionConsumer","emotion","styles","getStyles","ThemeContext","Consumer","theme","_this2$emotion$cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n  children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n  root: 'SidePageBody__root',\n} as const;\n/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\n  public static displayName = 'SidePageBody';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n                    <div\n                      data-tid={SidePageBodyDataTids.root}\n                      className={this.emotion.cx(this.styles.body(theme), {\n                        [this.styles.mobileBody()]: this.isMobileLayout,\n                      })}\n                    >\n                      {this.props.children}\n                    </div>\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_ThemeContext","_decorator","_Emotion","_rootNode","_SidePage","_SidePageContext","_class","_SidePageBody","SidePageBodyDataTids","exports","root","SidePageBody","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","updateLayout","render","_this2","createElement","ThemeContext","Consumer","theme","_cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","styles","body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n  children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n  root: 'SidePageBody__root',\n} as const;\n/**\n * Тело для сайдпейджа\n *\n * @visibleName SidePage.Body\n */\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageBody';\n  public static displayName = 'SidePageBody';\n\n  public static contextType = SidePageContext;\n  public context: SidePageContextType = this.context;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate() {\n    this.context.updateLayout();\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={SidePageBodyDataTids.root}\n                className={cx(styles.body(theme), { [styles.mobileBody()]: this.isMobileLayout })}\n              >\n                {this.props.children}\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n"],"mappings":"iXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA,sBAAyE,IAAAQ,MAAA,EAAAC,aAAA;;;;;;AAMlE,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA,GAJA;;;AAOaC,YAAY,GAAAF,OAAA,CAAAE,YAAA,OAFxBC,2BAAgB,EAAAN,MAAA,OAChBO,kBAAQ,EAAAP,MAAA,IAAAC,aAAA,0BAAAO,gBAAA,YAAAH,aAAA,OAAAI,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,QAAAV,KAAA,MAAAW,eAAA,CAAAC,OAAA,EAAAhB,YAAA,EAAAG,gBAAA,MAAAc,MAAA,GAAAjB,YAAA,CAAAkB,SAAA,CAAAD,MAAA;;;;EAI3CE,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B;IAC1B,IAAI,CAACL,OAAO,CAACM,YAAY,CAAC,CAAC;EAC7B,CAAC,CAAAH,MAAA;;EAEMI,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA;IACd;MACErC,MAAA,CAAA+B,OAAA,CAAAO,aAAA,CAAClC,aAAA,CAAAmC,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,GAAA;QACV;UACE1C,MAAA,CAAA+B,OAAA,CAAAO,aAAA,CAACnC,cAAA,CAAAwC,aAAa,MAAAC,SAAA,CAAAb,OAAA,IAACc,WAAW,EAAER,MAAI,CAACS,WAAY,IAAKT,MAAI,CAACU,KAAK;UAC1D/C,MAAA,CAAA+B,OAAA,CAAAO,aAAA;YACE,YAAU1B,oBAAoB,CAACE,IAAK;YACpCkC,SAAS,EAAE,IAAAC,WAAE,EAACC,gBAAM,CAACC,IAAI,CAACV,KAAK,CAAC,GAAAC,GAAA,OAAAA,GAAA,CAAKQ,gBAAM,CAACE,UAAU,CAAC,CAAC,IAAGf,MAAI,CAACgB,cAAc,EAAAX,GAAA,CAAE,CAAE;;UAEjFL,MAAI,CAACU,KAAK,CAACO;UACT;UACQ,CAAC;;MAEpB;MACqB,CAAC;;EAE5B,CAAC,QAAAvC,YAAA,GA9B+BwC,cAAK,CAACC,SAAS,GAAA7C,aAAA,CACjC8C,mBAAmB,GAAG,cAAc,EAAA9C,aAAA,CACpC+C,WAAW,GAAG,cAAc,EAAA/C,aAAA,CAE5BgD,WAAW,GAAGC,gCAAe,EAAAjD,aAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

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

@@ -1,6 +1,11 @@
 import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface SidePageCloseButtonProps extends CommonProps {
+    isHeaderFixed: boolean;
+    isMobile?: boolean;
+}
 export declare const SidePageCloseButton: {
-    (): React.JSX.Element;
+    ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps): React.JSX.Element;
     __KONTUR_REACT_UI__: string;
     displayName: string;
 };

package/cjs/components/SidePage/SidePageCloseButton.js

@@ -1,19 +1,25 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageCloseButton = void 0;var _react = _interopRequireWildcard(require("react"));
 var _globalObject = require("@skbkontur/global-object");
 
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
 var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
+
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _SidePage = require("./SidePage.styles");
 var _locale = require("./locale");
 var _SidePageHeader = require("./SidePageHeader");
 var _SidePageContext = require("./SidePageContext");
 
-var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseButton() {var _emotion$cx;
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
+
+
+
+
+
+var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseButton(_ref) {var _cx;var isHeaderFixed = _ref.isHeaderFixed,isMobile = _ref.isMobile;
   var _useState = (0, _react.useState)(false),isFocusedByTab = _useState[0],setIsFocusedByTab = _useState[1];
 
   var locale = (0, _useLocaleForControl.useLocaleForControl)('SidePage', _locale.SidePageLocaleHelper);
@@ -32,14 +38,17 @@ var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseBu
     setIsFocusedByTab(false);
   };
 
-  var styles = (0, _SidePage.getStyles)(emotion);
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
-
+  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
   return /*#__PURE__*/(
     _react.default.createElement("button", {
       "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
-      className: emotion.cx(styles.close(theme), (_emotion$cx = {}, _emotion$cx[
-      styles.closeFocus(theme)] = isFocusedByTab, _emotion$cx)
+      className: (0, _Emotion.cx)(_SidePage.styles.close(theme), (_cx = {}, _cx[
+      _SidePage.styles.close5_1(theme)] = versionGTE5_1, _cx[
+      _SidePage.styles.closeFocus(theme)] = isFocusedByTab && !versionGTE5_1, _cx[
+      _SidePage.styles.closeFocus5_1(theme)] = isFocusedByTab && versionGTE5_1, _cx[
+      _SidePage.styles.closeSticky(theme)] = isHeaderFixed && versionGTE5_1, _cx[
+      _SidePage.styles.closeMobile(theme)] = isMobile && versionGTE5_1, _cx)
       ),
       onFocus: handleFocus,
       onBlur: handleBlur,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_useLocaleForControl","_XIcon20Regular","_Emotion","_keyListener","_ThemeContext","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_emotion$cx","emotion","useContext","EmotionContext","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","theme","ThemeContext","sidePageContext","SidePageContext","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","styles","getStyles","icon","default","createElement","XIcon20Regular","align","closeButtonAriaLabel","className","cx","close","closeFocus","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport const SidePageCloseButton = () => {\n  const emotion = useContext(EmotionContext);\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const styles = getStyles(emotion);\n  const icon = <XIcon20Regular align=\"none\" />;\n\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={emotion.cx(styles.close(theme), {\n        [styles.closeFocus(theme)]: isFocusedByTab,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"2KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;;AAEA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;;AAEO,IAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS,KAAAE,WAAA;EACvC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,uBAAc,CAAC;EAC1C,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAC,KAAK,CAAC,CAApDC,cAAc,GAAAF,SAAA,IAAEG,iBAAiB,GAAAH,SAAA;;EAExC,IAAMI,MAAM,GAAG,IAAAC,wCAAmB,EAAC,UAAU,EAAEC,4BAAoB,CAAC;EACpE,IAAMC,KAAK,GAAG,IAAAT,iBAAU,EAACU,0BAAY,CAAC;EACtC,IAAMC,eAAe,GAAG,IAAAX,iBAAU,EAACY,gCAAe,CAAC;;EAEnD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBC,0BAAY,CAACC,qBAAqB,YAAlCD,0BAAY,CAACC,qBAAqB,CAAG,YAAM;MACzC,IAAIC,wBAAW,CAACC,YAAY,EAAE;QAC5BZ,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMa,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBb,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;;EAED,IAAMc,MAAM,GAAG,IAAAC,mBAAS,EAACrB,OAAO,CAAC;EACjC,IAAMsB,IAAI,gBAAGtC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACnC,eAAA,CAAAoC,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;;EAE5C;IACE1C,MAAA,CAAAuC,OAAA,CAAAC,aAAA;MACE,cAAYjB,MAAM,oBAANA,MAAM,CAAEoB,oBAAqB;MACzCC,SAAS,EAAE5B,OAAO,CAAC6B,EAAE,CAACT,MAAM,CAACU,KAAK,CAACpB,KAAK,CAAC,GAAAX,WAAA,OAAAA,WAAA;MACtCqB,MAAM,CAACW,UAAU,CAACrB,KAAK,CAAC,IAAGL,cAAc,EAAAN,WAAA;MAC3C,CAAE;MACHiC,OAAO,EAAElB,WAAY;MACrBmB,MAAM,EAAEd,UAAW;MACnBe,OAAO,EAAEtB,eAAe,CAACuB,YAAa;MACtC,YAAUC,sCAAsB,CAACN,KAAM;;IAEtCR;IACK,CAAC;;AAEb,CAAC;;AAEDzB,mBAAmB,CAACwC,mBAAmB,GAAG,qBAAqB;AAC/DxC,mBAAmB,CAACyC,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_globalObject","_ThemeContext","_useLocaleForControl","_XIcon20Regular","_Emotion","_keyListener","_ThemeHelpers","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","_cx","isHeaderFixed","isMobile","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","theme","useContext","ThemeContext","sidePageContext","SidePageContext","handleFocus","globalObject","requestAnimationFrame","keyListener","isTabPressed","handleBlur","icon","default","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","closeButtonAriaLabel","className","cx","styles","close","close5_1","closeFocus","closeFocus5_1","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n  isHeaderFixed: boolean;\n  isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {\n  const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n  const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n  const theme = useContext(ThemeContext);\n  const sidePageContext = useContext(SidePageContext);\n\n  const handleFocus = () => {\n    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setIsFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setIsFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n  return (\n    <button\n      aria-label={locale?.closeButtonAriaLabel}\n      className={cx(styles.close(theme), {\n        [styles.close5_1(theme)]: versionGTE5_1,\n        [styles.closeFocus(theme)]: isFocusedByTab && !versionGTE5_1,\n        [styles.closeFocus5_1(theme)]: isFocusedByTab && versionGTE5_1,\n        [styles.closeSticky(theme)]: isHeaderFixed && versionGTE5_1,\n        [styles.closeMobile(theme)]: isMobile && versionGTE5_1,\n      })}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onClick={sidePageContext.requestClose}\n      data-tid={SidePageHeaderDataTids.close}\n    >\n      {icon}\n    </button>\n  );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,8 +13,6 @@ export declare class SidePageContainer extends React.Component<SidePageContainer
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     private theme;
-    private emotion;
-    private styles;
     private isMobileLayout;
     private setRootNode;
     render(): React.JSX.Element;

package/cjs/components/SidePage/SidePageContainer.js

@@ -1,15 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageContainerDataTids = exports.SidePageContainer = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 
 var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _SidePageContext = require("./SidePageContext");
-var _SidePage = require("./SidePage.styles");var _class, _SidePageContainer;
+var _SidePage = require("./SidePage.styles");
+var _SidePageContext = require("./SidePageContext");var _class, _SidePageContainer;
 
 
 
@@ -32,43 +31,31 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
 
 
 
-
-
   render = function render() {var _this = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_Emotion.EmotionConsumer, null,
-      function (emotion) {
-        _this.emotion = emotion;
-        _this.styles = (0, _SidePage.getStyles)(_this.emotion);
-        return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-          function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-          }
-          ));
-
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
       }
       ));
 
   };_proto.
 
   renderMain = function renderMain() {var _this2 = this;
-    var styles = this.styles;
-
     return /*#__PURE__*/(
       _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
-      function (_ref) {var _this2$emotion$cx;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
+      function (_ref) {var _cx;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
           _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
           _react.default.createElement("div", {
             "data-tid": SidePageContainerDataTids.root,
-            className: _this2.emotion.cx((_this2$emotion$cx = {}, _this2$emotion$cx[
-            styles.container(_this2.theme)] = true, _this2$emotion$cx[
-            styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _this2$emotion$cx[
-            styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _this2$emotion$cx[
-            styles.containerWithPanel(_this2.theme)] = hasPanel, _this2$emotion$cx[
-            styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _this2$emotion$cx[
-            styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _this2$emotion$cx)
+            className: (0, _Emotion.cx)((_cx = {}, _cx[
+            _SidePage.styles.container(_this2.theme)] = true, _cx[
+            _SidePage.styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _cx[
+            _SidePage.styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _cx[
+            _SidePage.styles.containerWithPanel(_this2.theme)] = hasPanel, _cx[
+            _SidePage.styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _cx[
+            _SidePage.styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _cx)
             ) },
 
           _this2.props.children

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_Emotion","_decorator","_rootNode","_ThemeContext","_SidePageContext","_SidePage","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","EmotionConsumer","emotion","styles","getStyles","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","_this2$emotion$cx","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { SidePageContext } from './SidePageContext';\nimport { getStyles } from './SidePage.styles';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n  root: 'SidePageContainer__root',\n} as const;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n  public static displayName = 'SidePageContainer';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public renderMain() {\n    const styles = this.styles;\n\n    return (\n      <SidePageContext.Consumer>\n        {({ hasHeader, hasFooter, hasPanel }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <div\n              data-tid={SidePageContainerDataTids.root}\n              className={this.emotion.cx({\n                [styles.container(this.theme)]: true,\n                [styles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [styles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [styles.containerWithPanel(this.theme)]: hasPanel,\n                [styles.mobileContainer(this.theme)]: this.isMobileLayout,\n                [styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_SidePage","_SidePageContext","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","_cx","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","styles","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n  root: 'SidePageContainer__root',\n} as const;\n\n/**\n * Контейнер с отступами\n *\n * @visibleName SidePage.Container\n */\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n  public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n  public static displayName = 'SidePageContainer';\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    return (\n      <SidePageContext.Consumer>\n        {({ hasHeader, hasFooter, hasPanel }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <div\n              data-tid={SidePageContainerDataTids.root}\n              className={cx({\n                [styles.container(this.theme)]: true,\n                [styles.containerWithoutHeader(this.theme)]: !hasHeader,\n                [styles.containerWithoutFooter(this.theme)]: !hasFooter,\n                [styles.containerWithPanel(this.theme)]: hasPanel,\n                [styles.mobileContainer(this.theme)]: this.isMobileLayout,\n                [styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n              })}\n            >\n              {this.props.children}\n            </div>\n          </CommonWrapper>\n        )}\n      </SidePageContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,18 +3,13 @@ import { CommonProps } from '../../internal/CommonWrapper';
 import { GappedProps } from '../Gapped';
 import { SidePageContextType } from './SidePageContext';
 export interface SidePageFooterProps extends Omit<CommonProps, 'children'> {
+    /** @ignore */
     children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);
-    /**
-     * Включает серый цвет в футере
-     */
+    /** Включает серый цвет в футере. */
     panel?: boolean;
-    /**
-     * Закрепляет футер снизу сайдпейджа
-     */
+    /** Закрепляет футер снизу сайдпейджа. */
     sticky?: boolean;
-    /**
-     * Задаёт отступ между элементами футера
-     */
+    /** Задает расстояние между элементами футера в пикселях. */
     gap?: GappedProps['gap'];
 }
 interface SidePageFooterState {
@@ -36,8 +31,6 @@ export declare class SidePageFooter extends React.Component<React.PropsWithChild
     private isMobileLayout;
     state: SidePageFooterState;
     private theme;
-    private emotion;
-    private styles;
     private content;
     private layoutSub;
     private setRootNode;

package/cjs/components/SidePage/SidePageFooter.js

@@ -1,7 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageFooterDataTids = exports.SidePageFooter = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
@@ -11,12 +11,9 @@ var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _Gapped = require("../Gapped");
 var _utils = require("../../lib/utils");
 var _ModalSeparator = require("../Modal/ModalSeparator");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var _SidePageContext = require("./SidePageContext");
-var _SidePage = require("./SidePage.styles");var _class, _SidePageFooter;
-
 
+var _SidePage = require("./SidePage.styles");
+var _SidePageContext = require("./SidePageContext");var _class, _SidePageFooter;
 
 
 
@@ -60,8 +57,6 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
     };_this.
 
 
-
-
     content = null;_this.
     layoutSub = null;_this.
 
@@ -101,14 +96,6 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -168,7 +155,6 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
 
 
 
-
 
 
     refContent = function (node) {
@@ -183,7 +169,7 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
         var fixed = wrapperRect.top > contentRect.top;
         _this.setState({ fixed: fixed });
       }
-    };return _this;}(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);(_this$context$setHasF = (_this$context = this.context).setHasFooter) == null || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) == null || _this$context$setHasP.call(_this$context2, this.props.panel);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) == null ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));};_proto.componentWillUnmount = function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) == null || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) == null || _this$context$setHasP3.call(_this$context5, false);};_proto.getSticky = function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _SidePage.getStyles)(_this2.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var _this3 = this;var separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });var styles = this.styles;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var _this3$emotion$cx, _this3$emotion$cx2;var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: _this3.emotion.cx(styles.footer(_this3.theme), (_this3$emotion$cx = {}, _this3$emotion$cx[styles.positionStatic()] = !_this3.getSticky(), _this3$emotion$cx)), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: _this3.emotion.cx(styles.footerContent(_this3.theme), (_this3$emotion$cx2 = {}, _this3$emotion$cx2[styles.footerFixed(_this3.theme)] = _this3.state.fixed, _this3$emotion$cx2[styles.panel(_this3.theme)] = !!_this3.props.panel, _this3$emotion$cx2[styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _this3$emotion$cx2[styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _this3$emotion$cx2)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));};_proto.
+    };return _this;}(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);(_this$context$setHasF = (_this$context = this.context).setHasFooter) == null || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) == null || _this$context$setHasP.call(_this$context2, this.props.panel);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) == null ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));};_proto.componentWillUnmount = function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) == null || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) == null || _this$context$setHasP3.call(_this$context5, false);};_proto.getSticky = function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: _SidePage.styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var _cx, _cx2;var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footer(_this3.theme), (_cx = {}, _cx[_SidePage.styles.positionStatic()] = !_this3.getSticky(), _cx)), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footerContent(_this3.theme), (_cx2 = {}, _cx2[_SidePage.styles.footerFixed(_this3.theme)] = _this3.state.fixed, _cx2[_SidePage.styles.panel(_this3.theme)] = !!_this3.props.panel, _cx2[_SidePage.styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _cx2[_SidePage.styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _cx2)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));};_proto.
 
   getContentHeight = function getContentHeight() {
     if (!this.content) {