@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

package/components/Paging/Paging.styles/Paging.styles.js

@@ -1,110 +1,108 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    paging: function paging() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        user-select: none;\n        outline: 0;\n        display: inline-block;\n        font-variant-numeric: tabular-nums;\n      "])));
-    },
-    pagingMobile: function pagingMobile() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        text-wrap-mode: nowrap;\n      "])));
-    },
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
-    pagingLegacy: function pagingLegacy(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n        font-variant-numeric: normal;\n      "])), t.pagingFontSize, t.pagingLineHeight);
-    },
-    pagingSmall: function pagingSmall(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.pagingFontSizeSmall, t.pagingLineHeightSmall);
-    },
-    pagingMedium: function pagingMedium(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.pagingFontSizeMedium, t.pagingLineHeightMedium);
-    },
-    pagingLarge: function pagingLarge(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        font-size: ", ";\n        line-height: ", ";\n      "])), t.pagingFontSizeLarge, t.pagingLineHeightLarge);
-    },
-    pagingDisabled: function pagingDisabled() {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        pointer-events: none;\n      "])));
-    },
-    dots: function dots(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        display: inline-block;\n      "])), t.pagingDotsColor);
-    },
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    dotsLegacy: function dotsLegacy(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.pagingDotsPadding);
-    },
-    dotsSmall: function dotsSmall(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        line-height: 0;\n        padding: ", ";\n      "])), t.pagingDotsPaddingSmall);
-    },
-    dotsMedium: function dotsMedium(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        line-height: 0;\n        padding: ", ";\n      "])), t.pagingDotsPaddingMedium);
-    },
-    dotsLarge: function dotsLarge(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        line-height: 0;\n        padding: ", ";\n      "])), t.pagingDotsPaddingLarge);
-    },
-    dotsDisabled: function dotsDisabled(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.pagingDotsDisabledColor);
-    },
-    forwardLink: function forwardLink(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        outline: none;\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      "])), t.pagingForwardLinkColor);
-    },
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    forwardLinkLegacy: function forwardLinkLegacy(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        margin-top: ", ";\n        margin-left: ", ";\n        padding-right: ", ";\n      "])), t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
-    },
-    forwardLinkSmall: function forwardLinkSmall(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.pagingForwardLinkPaddingSmall);
-    },
-    forwardLinkMedium: function forwardLinkMedium(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.pagingForwardLinkPaddingMedium);
-    },
-    forwardLinkLarge: function forwardLinkLarge(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        padding: ", ";\n      "])), t.pagingForwardLinkPaddingLarge);
-    },
-    forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        line-height: ", ";\n        padding: ", ";\n      "])), t.pagingFontSizeMedium, t.pagingForwardLinkPaddingMediumMobile);
-    },
-    forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        line-height: ", ";\n        padding: ", ";\n      "])), t.pagingFontSizeLarge, t.pagingForwardLinkPaddingLargeMobile);
-    },
-    forwardLinkDisabled: function forwardLinkDisabled(t) {
-      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        pointer-events: none;\n      "])), t.pagingForwardLinkDisabledColor);
-    },
-    pageLinkWrapper: function pageLinkWrapper() {
-      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        flex-flow: column nowrap;\n        text-align: center;\n        user-select: none;\n        vertical-align: top;\n      "])));
-    },
-    pageLink: function pageLink(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        box-sizing: ", ";\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        display: block;\n        outline: none;\n        text-decoration: none;\n\n        &:hover {\n          background-color: ", ";\n          transition: background-color ", " ", ";\n        }\n\n        &:active {\n          background-color: ", ";\n        }\n      "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkHoverBg, t.transitionDuration, t.transitionTimingFunction, t.pagingPageLinkActiveBg);
-    },
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    pageLinkLegacy: function pageLinkLegacy(t) {
-      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        margin: ", ";\n        min-width: ", ";\n        padding: ", " ", ";\n      "])), t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX);
-    },
-    pageLinkSmall: function pageLinkSmall(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
-    },
-    pageLinkMedium: function pageLinkMedium(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
-    },
-    pageLinkLarge: function pageLinkLarge(t) {
-      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        padding: ", " ", ";\n      "])), t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
-    },
-    pageLinkDisabled: function pageLinkDisabled(t) {
-      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        pointer-events: none;\n      "])), t.linkDisabledColor);
-    },
-    pageLinkCurrent: function pageLinkCurrent(t) {
-      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        background-color: ", " !important;\n        color: ", ";\n      "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
-    },
-    pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
-      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        background-color: ", " !important;\n        color: ", ";\n      "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
-    },
-    pageLinkFocused: function pageLinkFocused(t) {
-      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
-    },
-    transparent: function transparent() {
-      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        color: transparent;\n      "])));
-    },
-    pageLinkHint: function pageLinkHint(t) {
-      return emotion.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        margin: ", ";\n        font-size: ", ";\n        height: ", ";\n        line-height: ", ";\n        color: ", ";\n      "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  paging: function paging() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    "])));
+  },
+  pagingMobile: function pagingMobile() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-wrap-mode: nowrap;\n    "])));
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
+  pagingLegacy: function pagingLegacy(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      font-variant-numeric: normal;\n    "])), t.pagingFontSize, t.pagingLineHeight);
+  },
+  pagingSmall: function pagingSmall(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeSmall, t.pagingLineHeightSmall);
+  },
+  pagingMedium: function pagingMedium(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingLineHeightMedium);
+  },
+  pagingLarge: function pagingLarge(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingLineHeightLarge);
+  },
+  pagingDisabled: function pagingDisabled() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+  },
+  dots: function dots(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n    "])), t.pagingDotsColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  dotsLegacy: function dotsLegacy(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingDotsPadding);
+  },
+  dotsSmall: function dotsSmall(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingSmall);
+  },
+  dotsMedium: function dotsMedium(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingMedium);
+  },
+  dotsLarge: function dotsLarge(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingLarge);
+  },
+  dotsDisabled: function dotsDisabled(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
+  },
+  forwardLink: function forwardLink(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])), t.pagingForwardLinkColor);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  forwardLinkLegacy: function forwardLinkLegacy(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n      margin-left: ", ";\n      padding-right: ", ";\n    "])), t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
+  },
+  forwardLinkSmall: function forwardLinkSmall(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingSmall);
+  },
+  forwardLinkMedium: function forwardLinkMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingMedium);
+  },
+  forwardLinkLarge: function forwardLinkLarge(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingLarge);
+  },
+  forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingForwardLinkPaddingMediumMobile);
+  },
+  forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingForwardLinkPaddingLargeMobile);
+  },
+  forwardLinkDisabled: function forwardLinkDisabled(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
+  },
+  pageLinkWrapper: function pageLinkWrapper() {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+  },
+  pageLink: function pageLink(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      box-sizing: ", ";\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ", ";\n        transition: background-color ", " ", ";\n      }\n\n      &:active {\n        background-color: ", ";\n      }\n    "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkHoverBg, t.transitionDuration, t.transitionTimingFunction, t.pagingPageLinkActiveBg);
+  },
+  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
+  pageLinkLegacy: function pageLinkLegacy(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      margin: ", ";\n      min-width: ", ";\n      padding: ", " ", ";\n    "])), t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX);
+  },
+  pageLinkSmall: function pageLinkSmall(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+  },
+  pageLinkMedium: function pageLinkMedium(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+  },
+  pageLinkLarge: function pageLinkLarge(t) {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
+  },
+  pageLinkDisabled: function pageLinkDisabled(t) {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
+  },
+  pageLinkCurrent: function pageLinkCurrent(t) {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+  },
+  pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
+  },
+  pageLinkFocused: function pageLinkFocused(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+  },
+  transparent: function transparent() {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+  },
+  pageLinkHint: function pageLinkHint(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
+  }
+});

package/components/Paging/Paging.styles/Paging.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeStyle","getStyles","emotion","paging","css","_templateObject","_taggedTemplateLiteralLoose","pagingMobile","_templateObject2","pagingLegacy","t","_templateObject3","pagingFontSize","pagingLineHeight","pagingSmall","_templateObject4","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","_templateObject5","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","_templateObject6","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","_templateObject7","dots","_templateObject8","pagingDotsColor","dotsLegacy","_templateObject9","pagingDotsPadding","dotsSmall","_templateObject10","pagingDotsPaddingSmall","dotsMedium","_templateObject11","pagingDotsPaddingMedium","dotsLarge","_templateObject12","pagingDotsPaddingLarge","dotsDisabled","_templateObject13","pagingDotsDisabledColor","forwardLink","_templateObject14","pagingForwardLinkColor","forwardLinkLegacy","_templateObject15","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkSmall","_templateObject16","pagingForwardLinkPaddingSmall","forwardLinkMedium","_templateObject17","pagingForwardLinkPaddingMedium","forwardLinkLarge","_templateObject18","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","_templateObject19","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","_templateObject20","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","_templateObject21","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject22","pageLink","_templateObject23","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkLegacy","_templateObject24","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pageLinkSmall","_templateObject25","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","_templateObject26","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","_templateObject27","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","_templateObject28","linkDisabledColor","pageLinkCurrent","_templateObject29","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject30","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject31","borderColorFocus","transparent","_templateObject32","pageLinkHint","_templateObject33","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    paging() {\n      return emotion.css`\n        user-select: none;\n        outline: 0;\n        display: inline-block;\n        font-variant-numeric: tabular-nums;\n      `;\n    },\n\n    pagingMobile() {\n      return emotion.css`\n        text-wrap-mode: nowrap;\n      `;\n    },\n\n    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */\n    pagingLegacy(t: Theme) {\n      return emotion.css`\n        font-size: ${t.pagingFontSize};\n        line-height: ${t.pagingLineHeight};\n        font-variant-numeric: normal;\n      `;\n    },\n\n    pagingSmall(t: Theme) {\n      return emotion.css`\n        font-size: ${t.pagingFontSizeSmall};\n        line-height: ${t.pagingLineHeightSmall};\n      `;\n    },\n\n    pagingMedium(t: Theme) {\n      return emotion.css`\n        font-size: ${t.pagingFontSizeMedium};\n        line-height: ${t.pagingLineHeightMedium};\n      `;\n    },\n\n    pagingLarge(t: Theme) {\n      return emotion.css`\n        font-size: ${t.pagingFontSizeLarge};\n        line-height: ${t.pagingLineHeightLarge};\n      `;\n    },\n\n    pagingDisabled() {\n      return emotion.css`\n        pointer-events: none;\n      `;\n    },\n\n    dots(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingDotsColor};\n        display: inline-block;\n      `;\n    },\n\n    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n    dotsLegacy(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingDotsPadding};\n      `;\n    },\n\n    dotsSmall(t: Theme) {\n      return emotion.css`\n        line-height: 0;\n        padding: ${t.pagingDotsPaddingSmall};\n      `;\n    },\n\n    dotsMedium(t: Theme) {\n      return emotion.css`\n        line-height: 0;\n        padding: ${t.pagingDotsPaddingMedium};\n      `;\n    },\n\n    dotsLarge(t: Theme) {\n      return emotion.css`\n        line-height: 0;\n        padding: ${t.pagingDotsPaddingLarge};\n      `;\n    },\n\n    dotsDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingDotsDisabledColor};\n      `;\n    },\n\n    forwardLink(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingForwardLinkColor};\n        cursor: pointer;\n        display: inline-block;\n        outline: none;\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      `;\n    },\n\n    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n    forwardLinkLegacy(t: Theme) {\n      return emotion.css`\n        margin-top: ${t.pagingPageForwardLinkMarginTop};\n        margin-left: ${t.pagingPageForwardLinkMarginLeft};\n        padding-right: ${t.pagingPageForwardLinkPaddingRight};\n      `;\n    },\n\n    forwardLinkSmall(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingForwardLinkPaddingSmall};\n      `;\n    },\n\n    forwardLinkMedium(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingForwardLinkPaddingMedium};\n      `;\n    },\n\n    forwardLinkLarge(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingForwardLinkPaddingLarge};\n      `;\n    },\n\n    forwardLinkMediumMobile(t: Theme) {\n      return emotion.css`\n        line-height: ${t.pagingFontSizeMedium};\n        padding: ${t.pagingForwardLinkPaddingMediumMobile};\n      `;\n    },\n\n    forwardLinkLargeMobile(t: Theme) {\n      return emotion.css`\n        line-height: ${t.pagingFontSizeLarge};\n        padding: ${t.pagingForwardLinkPaddingLargeMobile};\n      `;\n    },\n\n    forwardLinkDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingForwardLinkDisabledColor};\n        pointer-events: none;\n      `;\n    },\n\n    pageLinkWrapper() {\n      return emotion.css`\n        display: inline-flex;\n        flex-flow: column nowrap;\n        text-align: center;\n        user-select: none;\n        vertical-align: top;\n      `;\n    },\n\n    pageLink(t: Theme) {\n      return emotion.css`\n        box-sizing: ${t.pagingPageLinkBoxSizing};\n        border-radius: ${t.pagingPageLinkBorderRadius};\n        color: ${t.pagingPageLinkColor};\n        cursor: pointer;\n        display: block;\n        outline: none;\n        text-decoration: none;\n\n        &:hover {\n          background-color: ${t.pagingPageLinkHoverBg};\n          transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        }\n\n        &:active {\n          background-color: ${t.pagingPageLinkActiveBg};\n        }\n      `;\n    },\n\n    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n    pageLinkLegacy(t: Theme) {\n      return emotion.css`\n        margin: ${t.pagingPageLinkMargin};\n        min-width: ${t.pagingPageLinkMinWidth};\n        padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX};\n      `;\n    },\n\n    pageLinkSmall(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall};\n      `;\n    },\n\n    pageLinkMedium(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium};\n      `;\n    },\n\n    pageLinkLarge(t: Theme) {\n      return emotion.css`\n        padding: ${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge};\n      `;\n    },\n\n    pageLinkDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.linkDisabledColor};\n        pointer-events: none;\n      `;\n    },\n\n    pageLinkCurrent(t: Theme) {\n      return emotion.css`\n        cursor: default;\n        background-color: ${t.pagingPageLinkActiveBg} !important;\n        color: ${t.pagingPageLinkActiveColor};\n      `;\n    },\n\n    pageLinkCurrentDisabled(t: Theme) {\n      return emotion.css`\n        background-color: ${t.pagingPageLinkDisabledActiveBg} !important;\n        color: ${t.linkDisabledColor};\n      `;\n    },\n\n    pageLinkFocused(t: Theme) {\n      return emotion.css`\n        ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n      `;\n    },\n\n    transparent() {\n      return emotion.css`\n        color: transparent;\n      `;\n    },\n\n    pageLinkHint(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        margin: ${t.pagingPageLinkHintMargin};\n        font-size: ${t.pagingPageLinkHintFontSize};\n        height: ${t.pagingPageLinkHintLineHeight};\n        line-height: ${t.pagingPageLinkHintLineHeight};\n        color: ${t.pagingPageLinkHintColor};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","paging","_templateObject","_taggedTemplateLiteralLoose","pagingMobile","_templateObject2","pagingLegacy","t","_templateObject3","pagingFontSize","pagingLineHeight","pagingSmall","_templateObject4","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","_templateObject5","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","_templateObject6","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","_templateObject7","dots","_templateObject8","pagingDotsColor","dotsLegacy","_templateObject9","pagingDotsPadding","dotsSmall","_templateObject10","pagingDotsPaddingSmall","dotsMedium","_templateObject11","pagingDotsPaddingMedium","dotsLarge","_templateObject12","pagingDotsPaddingLarge","dotsDisabled","_templateObject13","pagingDotsDisabledColor","forwardLink","_templateObject14","pagingForwardLinkColor","forwardLinkLegacy","_templateObject15","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkSmall","_templateObject16","pagingForwardLinkPaddingSmall","forwardLinkMedium","_templateObject17","pagingForwardLinkPaddingMedium","forwardLinkLarge","_templateObject18","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","_templateObject19","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","_templateObject20","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","_templateObject21","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject22","pageLink","_templateObject23","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkLegacy","_templateObject24","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pageLinkSmall","_templateObject25","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","_templateObject26","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","_templateObject27","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","_templateObject28","linkDisabledColor","pageLinkCurrent","_templateObject29","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject30","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject31","borderColorFocus","transparent","_templateObject32","pageLinkHint","_templateObject33","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging() {\n    return css`\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    `;\n  },\n\n  pagingMobile() {\n    return css`\n      text-wrap-mode: nowrap;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */\n  pagingLegacy(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      font-variant-numeric: normal;\n    `;\n  },\n\n  pagingSmall(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeSmall};\n      line-height: ${t.pagingLineHeightSmall};\n    `;\n  },\n\n  pagingMedium(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeMedium};\n      line-height: ${t.pagingLineHeightMedium};\n    `;\n  },\n\n  pagingLarge(t: Theme) {\n    return css`\n      font-size: ${t.pagingFontSizeLarge};\n      line-height: ${t.pagingLineHeightLarge};\n    `;\n  },\n\n  pagingDisabled() {\n    return css`\n      pointer-events: none;\n    `;\n  },\n\n  dots(t: Theme) {\n    return css`\n      color: ${t.pagingDotsColor};\n      display: inline-block;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  dotsLegacy(t: Theme) {\n    return css`\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  dotsSmall(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingSmall};\n    `;\n  },\n\n  dotsMedium(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingMedium};\n    `;\n  },\n\n  dotsLarge(t: Theme) {\n    return css`\n      line-height: 0;\n      padding: ${t.pagingDotsPaddingLarge};\n    `;\n  },\n\n  dotsDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingDotsDisabledColor};\n    `;\n  },\n\n  forwardLink(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      outline: none;\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  forwardLinkLegacy(t: Theme) {\n    return css`\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n    `;\n  },\n\n  forwardLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingSmall};\n    `;\n  },\n\n  forwardLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingMedium};\n    `;\n  },\n\n  forwardLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingForwardLinkPaddingLarge};\n    `;\n  },\n\n  forwardLinkMediumMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeMedium};\n      padding: ${t.pagingForwardLinkPaddingMediumMobile};\n    `;\n  },\n\n  forwardLinkLargeMobile(t: Theme) {\n    return css`\n      line-height: ${t.pagingFontSizeLarge};\n      padding: ${t.pagingForwardLinkPaddingLargeMobile};\n    `;\n  },\n\n  forwardLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkWrapper() {\n    return css`\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  pageLink(t: Theme) {\n    return css`\n      box-sizing: ${t.pagingPageLinkBoxSizing};\n      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingPageLinkColor};\n      cursor: pointer;\n      display: block;\n      outline: none;\n      text-decoration: none;\n\n      &:hover {\n        background-color: ${t.pagingPageLinkHoverBg};\n        transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:active {\n        background-color: ${t.pagingPageLinkActiveBg};\n      }\n    `;\n  },\n\n  /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */\n  pageLinkLegacy(t: Theme) {\n    return css`\n      margin: ${t.pagingPageLinkMargin};\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX};\n    `;\n  },\n\n  pageLinkSmall(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYSmall} ${t.pagingPageLinkPaddingXSmall};\n    `;\n  },\n\n  pageLinkMedium(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYMedium} ${t.pagingPageLinkPaddingXMedium};\n    `;\n  },\n\n  pageLinkLarge(t: Theme) {\n    return css`\n      padding: ${t.pagingPageLinkPaddingYLarge} ${t.pagingPageLinkPaddingXLarge};\n    `;\n  },\n\n  pageLinkDisabled(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n      pointer-events: none;\n    `;\n  },\n\n  pageLinkCurrent(t: Theme) {\n    return css`\n      cursor: default;\n      background-color: ${t.pagingPageLinkActiveBg} !important;\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background-color: ${t.pagingPageLinkDisabledActiveBg} !important;\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  pageLinkFocused(t: Theme) {\n    return css`\n      ${`\n          box-shadow: 0 0 0 2px ${t.borderColorFocus};\n        `}\n    `;\n  },\n\n  transparent() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  pageLinkHint(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: ${t.pagingPageLinkHintMargin};\n      font-size: ${t.pagingPageLinkHintFontSize};\n      height: ${t.pagingPageLinkHintLineHeight};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n      color: ${t.pagingPageLinkHintColor};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Paging/Paging.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     paging(): string;
     pagingMobile(): string;
     /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */

package/components/PasswordInput/PasswordInput/PasswordInput.js

@@ -4,7 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["detectCapsLock"];
 var _dec, _class, _PasswordInput;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { locale } from "../../../lib/locale/decorators";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { isNonNullable } from "../../../lib/utils";
@@ -14,9 +14,10 @@ import { Input } from "../../Input";
 import { isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { getStyles } from "../PasswordInput.styles";
+import { styles } from "../PasswordInput.styles";
 import { PasswordInputIcon } from "../PasswordInputIcon";
 import { PasswordInputLocaleHelper } from "../locale";
 export var PasswordInputDataTids = {
@@ -129,21 +130,21 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
       var capsLockEnabled = _this.state.capsLockEnabled;
       return /*#__PURE__*/(
         React.createElement("span", {
-          className: _this.styles.iconWrapper()
+          className: styles.iconWrapper()
         }, capsLockEnabled && /*#__PURE__*/
         React.createElement("span", {
-          className: _this.styles.capsLockDetector(),
+          className: styles.capsLockDetector(),
           "data-tid": PasswordInputDataTids.capsLockDetector
         }), /*#__PURE__*/
 
         React.createElement("span", {
-          className: _this.cx(_this.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname())
+          className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname())
         }, !_this.props.disabled && /*#__PURE__*/
         React.createElement("button", {
           type: "button",
           "aria-label": _this.state.visible ? _this.locale.eyeClosedAriaLabel : _this.locale.eyeOpenedAriaLabel,
           onClick: _this.handleToggleVisibility,
-          className: _this.styles.icon(),
+          className: styles.icon(),
           "data-tid": PasswordInputDataTids.eyeIcon
         }, /*#__PURE__*/
 
@@ -179,7 +180,7 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
 
         React.createElement("div", {
           "data-tid": PasswordInputDataTids.root,
-          className: _this.styles.root()
+          className: styles.root()
         }, /*#__PURE__*/
         React.createElement(Input, _extends({
           ref: _this.refInput,
@@ -197,10 +198,10 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
         capsLockEnabled: null
       });
     } // @ts-expect-error: IE-specific API.
-    if (isIE11 && isBrowser(this.globalObject) && !this.globalObject.document.msCapsLockWarningOff) {
+    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {
       // @ts-expect-error: Read the comment above.
       // turns off default ie capslock warning
-      this.globalObject.document.msCapsLockWarningOff = true;
+      globalObject.document.msCapsLockWarningOff = true;
     }
   };
   PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
@@ -213,29 +214,22 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
   };
   _proto.render = function render() {
     var _this3 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      _this3.globalObject = globalObject;
-      _this3.cx = emotion.cx;
-      _this3.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this3.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this3.setRootNode
-        }, _this3.getProps()), _this3.renderMain);
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this3.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this3.setRootNode
+      }, _this3.getProps()), _this3.renderMain);
     });
   };
   _proto.getEyeWrapperClassname = function getEyeWrapperClassname() {
     switch (this.getProps().size) {
       case 'large':
-        return this.styles.eyeWrapperLarge(this.theme);
+        return styles.eyeWrapperLarge(this.theme);
       case 'medium':
-        return this.styles.eyeWrapperMedium(this.theme);
+        return styles.eyeWrapperMedium(this.theme);
       case 'small':
       default:
-        return this.styles.eyeWrapperSmall(this.theme);
+        return styles.eyeWrapperSmall(this.theme);
     }
   };
   return PasswordInput;

package/components/PasswordInput/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","RenderEnvironmentContext","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","rootNode","createPropsGetter","getStyles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","visible","focused","capsLockEnabled","focus","input","blur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","handleToggleVisibility","prevState","focusOnInput","handleFocus","event","onFocus","handleFocusOutside","hideSymbols","renderEye","createElement","className","styles","iconWrapper","cx","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","size","refInput","element","renderMain","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","_extends","rightIcon","active","onFocusOutside","onClickOutside","ref","_inheritsLoose","_proto","prototype","componentDidMount","isBrowser","globalObject","document","msCapsLockWarningOff","getDerivedStateFromProps","render","_this3","Consumer","_ref","emotion","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["PasswordInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getStyles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport type { PasswordInputLocale } from './locale';\nimport { PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Omit<InputProps, 'showClearIcon'> {\n  /** Включает CapsLock детектор. */\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  focused: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;\n\n/**\n * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.\n *\n * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.\n */\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(PasswordInput.defaultProps);\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(this.globalObject) && !this.globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      this.globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ globalObject, emotion }) => {\n          this.globalObject = globalObject;\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return (\n                  <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n                    {this.renderMain}\n                  </CommonWrapper>\n                );\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.focusOnInput);\n  };\n\n  private focusOnInput = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleFocusOutside = () => {\n    this.hideSymbols();\n\n    if (this.state.focused) {\n      this.setState({ focused: false });\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return this.styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return this.styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={this.styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={this.styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={this.cx(this.styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={this.styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.props.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    const { detectCapsLock, ...rest } = props;\n    const inputProps = {\n      ...rest,\n      onKeyDown: this.handleKeydown,\n      onKeyPress: this.handleKeyPress,\n      rightIcon: this.renderEye(),\n      onFocus: this.handleFocus,\n    };\n\n    return (\n      <RenderLayer\n        active={this.state.focused}\n        onFocusOutside={this.handleFocusOutside}\n        onClickOutside={this.handleFocusOutside}\n      >\n        <div data-tid={PasswordInputDataTids.root} className={this.styles.root()}>\n          <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","globalObject","isBrowser","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","cx","rootNode","createPropsGetter","styles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","visible","focused","capsLockEnabled","focus","input","blur","handleKeyPress","e","_this$props","props","onKeyPress","detectCapsLock","getModifierState","CapsLock","setState","handleKeydown","_this2","_this2$props","onKeyDown","handleToggleVisibility","prevState","focusOnInput","handleFocus","event","onFocus","handleFocusOutside","hideSymbols","renderEye","createElement","className","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","type","eyeClosedAriaLabel","eyeOpenedAriaLabel","onClick","icon","size","refInput","element","renderMain","rest","_objectWithoutPropertiesLoose","_excluded","inputProps","_extends","rightIcon","active","onFocusOutside","onClickOutside","ref","_inheritsLoose","_proto","prototype","componentDidMount","document","msCapsLockWarningOff","getDerivedStateFromProps","render","_this3","Consumer","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["PasswordInput.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject, isBrowser } from '@skbkontur/global-object';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyCapsLock } from '../../lib/events/keyboard/identifiers';\nimport { KeyboardEventCodes as Codes } from '../../lib/events/keyboard/KeyboardEventCodes';\nimport type { InputProps } from '../Input';\nimport { Input } from '../Input';\nimport type { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\nimport type { PasswordInputLocale } from './locale';\nimport { PasswordInputLocaleHelper } from './locale';\n\nexport interface PasswordInputProps\n  extends Pick<AriaAttributes, 'aria-label'>,\n    CommonProps,\n    Omit<InputProps, 'showClearIcon'> {\n  /** Включает CapsLock детектор. */\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: boolean;\n  focused: boolean;\n  capsLockEnabled?: boolean | null;\n}\n\nexport const PasswordInputDataTids = {\n  root: 'PasswordInput',\n  capsLockDetector: 'PasswordInputCapsLockDetector',\n  eyeIcon: 'PasswordInputEyeIcon',\n} as const;\n\ntype DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;\n\n/**\n * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.\n *\n * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.\n */\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(PasswordInput.defaultProps);\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: PasswordInputLocale;\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\n    }\n\n    // @ts-expect-error: IE-specific API.\n    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      globalObject.document.msCapsLockWarningOff = true;\n    }\n  }\n\n  public static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState) {\n    if (props.disabled) {\n      return { visible: false };\n    }\n\n    return state;\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const { onKeyPress, detectCapsLock } = this.props;\n\n    if (onKeyPress) {\n      onKeyPress(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    const capsLockEnabled = e.getModifierState(Codes.CapsLock);\n\n    this.setState({ capsLockEnabled });\n  };\n\n  private handleKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const {\n      props: { detectCapsLock, onKeyDown },\n      state: { capsLockEnabled },\n    } = this;\n\n    if (onKeyDown) {\n      onKeyDown(e);\n    }\n\n    if (!detectCapsLock) {\n      return;\n    }\n\n    if (isKeyCapsLock(e) && isNonNullable(capsLockEnabled)) {\n      this.setState({ capsLockEnabled: !capsLockEnabled });\n    }\n  };\n\n  private handleToggleVisibility = () => {\n    this.setState((prevState) => ({ visible: !prevState.visible }), this.focusOnInput);\n  };\n\n  private focusOnInput = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (this.state.focused) {\n      return;\n    }\n\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleFocusOutside = () => {\n    this.hideSymbols();\n\n    if (this.state.focused) {\n      this.setState({ focused: false });\n    }\n  };\n\n  private getEyeWrapperClassname() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.eyeWrapperLarge(this.theme);\n      case 'medium':\n        return styles.eyeWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.eyeWrapperSmall(this.theme);\n    }\n  }\n\n  private renderEye = () => {\n    const { capsLockEnabled } = this.state;\n\n    return (\n      <span className={styles.iconWrapper()}>\n        {capsLockEnabled && (\n          <span className={styles.capsLockDetector()} data-tid={PasswordInputDataTids.capsLockDetector} />\n        )}\n        <span className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}>\n          {!this.props.disabled && (\n            <button\n              type=\"button\"\n              aria-label={this.state.visible ? this.locale.eyeClosedAriaLabel : this.locale.eyeOpenedAriaLabel}\n              onClick={this.handleToggleVisibility}\n              className={styles.icon()}\n              data-tid={PasswordInputDataTids.eyeIcon}\n            >\n              <PasswordInputIcon size={this.props.size} visible={this.state.visible} />\n            </button>\n          )}\n        </span>\n      </span>\n    );\n  };\n\n  private refInput = (element: Input) => {\n    this.input = element;\n  };\n\n  private hideSymbols = () => {\n    this.setState({ visible: false });\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<PasswordInputProps>) => {\n    const { detectCapsLock, ...rest } = props;\n    const inputProps = {\n      ...rest,\n      onKeyDown: this.handleKeydown,\n      onKeyPress: this.handleKeyPress,\n      rightIcon: this.renderEye(),\n      onFocus: this.handleFocus,\n    };\n\n    return (\n      <RenderLayer\n        active={this.state.focused}\n        onFocusOutside={this.handleFocusOutside}\n        onClickOutside={this.handleFocusOutside}\n      >\n        <div data-tid={PasswordInputDataTids.root} className={styles.root()}>\n          <Input ref={this.refInput} type={this.state.visible ? 'text' : 'password'} {...inputProps} />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/PasswordInput/PasswordInput.d.ts

@@ -29,9 +29,6 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     static defaultProps: DefaultProps;
     private getProps;
     state: PasswordInputState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private input;
     getRootNode: TGetRootNode;

package/components/PasswordInput/PasswordInput.md

@@ -0,0 +1,29 @@
+### Базовый пример
+```jsx harmony
+<PasswordInput />
+```
+
+### Отслеживание нажатия CapsLock
+
+```jsx harmony
+<PasswordInput detectCapsLock />
+```
+
+### Локали по умолчанию
+
+```typescript static
+interface PasswordInputLocale {
+  eyeOpenedAriaLabel?: string;
+  eyeClosedAriaLabel?: string;
+}
+
+const ru_RU = {
+  eyeOpenedAriaLabel: 'Скрыть символы пароля',
+  eyeClosedAriaLabel: 'Отобразить символы пароля',
+}
+
+const en_GB = {
+  eyeOpenedAriaLabel: 'Hide password symbols',
+  eyeClosedAriaLabel: 'Show password symbols',
+}
+```