@skbkontur/react-ui 0.0.0-69a6fa606f → 0.0.0-6fbd9fadb2

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

@@ -1,126 +1,151 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-var styles = (0, _Emotion.memoizeStyle)({
-  paging: function paging(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n      display: inline-block;\n    "])),
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      paging: function paging(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        user-select: none;\n        outline: 0;\n        font-size: ", ";\n        line-height: ", ";\n        display: inline-block;\n      "])),
 
-    t.pagingFontSize,
-    t.pagingLineHeight);
 
+        t.pagingFontSize,
+        t.pagingLineHeight);
 
-  },
 
-  dots: function dots(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])),
-    t.pagingDotsColor,
+      },
 
-    t.pagingDotsPadding);
+      pagingDisabled: function pagingDisabled() {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        pointer-events: none;\n      "])));
 
-  },
 
-  forwardLink: function forwardLink(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ", ";\n      margin-left: ", ";\n      outline: none;\n      padding-right: ", ";\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])),
-    t.pagingForwardLinkColor,
+      },
 
+      dots: function dots(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        display: inline-block;\n        padding: ", ";\n      "])),
+        t.pagingDotsColor,
 
-    t.pagingPageForwardLinkMarginTop,
-    t.pagingPageForwardLinkMarginLeft,
+        t.pagingDotsPadding);
 
-    t.pagingPageForwardLinkPaddingRight);
+      },
 
+      dotsDisabled: function dotsDisabled(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.pagingDotsDisabledColor);
 
+      },
 
+      forwardLink: function forwardLink(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        margin-top: ", ";\n        margin-left: ", ";\n        outline: none;\n        padding-right: ", ";\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      "])),
+        t.pagingForwardLinkColor,
 
 
-  },
+        t.pagingPageForwardLinkMarginTop,
+        t.pagingPageForwardLinkMarginLeft,
 
-  forwardLinkFocused: function forwardLinkFocused() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: underline;\n    "])));
+        t.pagingPageForwardLinkPaddingRight);
 
 
-  },
 
-  forwardIcon: function forwardIcon(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ", ";\n      right: 0;\n    "])),
 
 
-    t.pagingForwardIconMarginTop);
+      },
 
+      forwardLinkFocused: function forwardLinkFocused() {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: underline;\n      "])));
 
-  },
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
-    t.pagingForwardLinkDisabledColor);
+      },
 
+      forwardIcon: function forwardIcon(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        vertical-align: -2px;\n        position: absolute;\n        margin-top: ", ";\n        right: 0;\n      "])),
 
-  },
 
-  pageLinkWrapper: function pageLinkWrapper() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+        t.pagingForwardIconMarginTop);
 
 
+      },
 
+      forwardLinkDisabled: function forwardLinkDisabled(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
+        t.pagingForwardLinkDisabledColor);
 
 
+      },
 
-  },
+      pageLinkWrapper: function pageLinkWrapper() {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      color: ", ";\n      cursor: pointer;\n      display: block;\n      margin: ", ";\n      outline: none;\n      min-width: ", ";\n      padding: ", " ", " ", ";\n      text-decoration: none;\n\n      &:hover {\n        background: ", ";\n      }\n    "])),
-    t.pagingPageLinkBorderRadius,
-    t.pagingForwardLinkColor,
 
 
-    t.pagingPageLinkMargin,
 
-    t.pagingPageLinkMinWidth,
-    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
 
 
+      },
 
-    t.pagingPageLinkHoverBg);
+      pageLink: function pageLink(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-sizing: content-box;\n        border-radius: ", ";\n        color: ", ";\n        cursor: pointer;\n        display: block;\n        margin: ", ";\n        outline: none;\n        min-width: ", ";\n        padding: ", " ", " ", ";\n        text-decoration: none;\n        box-sizing: ", ";\n\n        &:hover {\n          background: ", ";\n        }\n      "])),
 
+        t.pagingPageLinkBorderRadius,
+        t.pagingForwardLinkColor,
 
-  },
 
-  active: function active(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])),
+        t.pagingPageLinkMargin,
 
-    t.pagingPageLinkActiveBg,
-    t.pagingPageLinkActiveColor);
+        t.pagingPageLinkMinWidth,
+        t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
 
-  },
+        t.pagingPageLinkBoxSizing,
 
-  pageLinkFocused: function pageLinkFocused(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
 
-    t.borderColorFocus + ";\n        ");
+        t.pagingPageLinkHoverBg);
 
 
-  },
+      },
 
-  transparent: function transparent() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+      pageLinkDisabled: function pageLinkDisabled(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        pointer-events: none;\n      "])),
+        t.linkDisabledColor);
 
 
-  },
+      },
 
-  pageLinkHintPlaceHolder: function pageLinkHintPlaceHolder(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      line-height: ", ";\n    "])),
-    t.pagingPageLinkHintLineHeight,
-    t.pagingPageLinkHintLineHeight);
+      pageLinkCurrent: function pageLinkCurrent(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n        background: ", " !important; // override hover styles\n        color: ", ";\n      "])),
 
-  },
+        t.pagingPageLinkActiveBg,
+        t.pagingPageLinkActiveColor);
 
-  pageLinkHint: function pageLinkHint(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
+      },
 
+      pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important;\n        color: ", ";\n      "])),
+        t.pagingPageLinkDisabledActiveBg,
+        t.linkDisabledColor);
 
-    t.pagingPageLinkHintFontSize,
-    t.pagingPageLinkHintLineHeight,
-    t.pagingPageLinkHintColor);
+      },
 
-  } });exports.styles = styles;
+      pageLinkFocused: function pageLinkFocused(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", "\n      "])), "\n          box-shadow: 0 0 0 2px " +
+
+        t.borderColorFocus + ";\n        ");
+
+
+      },
+
+      transparent: function transparent() {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\n      "])));
+
+
+      },
+
+      pageLinkHint: function pageLinkHint(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Paging.styles.ts"],"names":["styles","paging","t","css","pagingFontSize","pagingLineHeight","dots","pagingDotsColor","pagingDotsPadding","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","disabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","active","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkFocused","borderColorFocus","transparent","pageLinkHintPlaceHolder","pagingPageLinkHintLineHeight","pageLinkHint","pagingPageLinkHintFontSize","pagingPageLinkHintColor"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,MADiC,kBAC1BC,CAD0B,EAChB;AACf,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,CAACE,cAHjB;AAIiBF,IAAAA,CAAC,CAACG,gBAJnB;;;AAOD,GATgC;;AAWjCC,EAAAA,IAXiC,gBAW5BJ,CAX4B,EAWlB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACK,eADb;;AAGaL,IAAAA,CAAC,CAACM,iBAHf;;AAKD,GAjBgC;;AAmBjCC,EAAAA,WAnBiC,uBAmBrBP,CAnBqB,EAmBX;AACpB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACQ,sBADb;;;AAIgBR,IAAAA,CAAC,CAACS,8BAJlB;AAKiBT,IAAAA,CAAC,CAACU,+BALnB;;AAOmBV,IAAAA,CAAC,CAACW,iCAPrB;;;;;;AAaD,GAjCgC;;AAmCjCC,EAAAA,kBAnCiC,gCAmCZ;AACnB,eAAOX,YAAP;;;AAGD,GAvCgC;;AAyCjCY,EAAAA,WAzCiC,uBAyCrBb,CAzCqB,EAyCX;AACpB,eAAOC,YAAP;;;AAGgBD,IAAAA,CAAC,CAACc,0BAHlB;;;AAMD,GAhDgC;;AAkDjCC,EAAAA,QAlDiC,oBAkDxBf,CAlDwB,EAkDd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACgB,8BADb;;;AAID,GAvDgC;;AAyDjCC,EAAAA,eAzDiC,6BAyDf;AAChB,eAAOhB,YAAP;;;;;;;AAOD,GAjEgC;;AAmEjCiB,EAAAA,QAnEiC,oBAmExBlB,CAnEwB,EAmEd;AACjB,eAAOC,YAAP;AACmBD,IAAAA,CAAC,CAACmB,0BADrB;AAEWnB,IAAAA,CAAC,CAACQ,sBAFb;;;AAKYR,IAAAA,CAAC,CAACoB,oBALd;;AAOepB,IAAAA,CAAC,CAACqB,sBAPjB;AAQarB,IAAAA,CAAC,CAACsB,sBARf,EAQyCtB,CAAC,CAACuB,sBAR3C,EAQqEvB,CAAC,CAACsB,sBARvE;;;;AAYkBtB,IAAAA,CAAC,CAACwB,qBAZpB;;;AAeD,GAnFgC;;AAqFjCC,EAAAA,MArFiC,kBAqF1BzB,CArF0B,EAqFhB;AACf,eAAOC,YAAP;;AAEgBD,IAAAA,CAAC,CAAC0B,sBAFlB;AAGW1B,IAAAA,CAAC,CAAC2B,yBAHb;;AAKD,GA3FgC;;AA6FjCC,EAAAA,eA7FiC,2BA6FjB5B,CA7FiB,EA6FP;AACxB,eAAOC,YAAP;;AAE8BD,IAAAA,CAAC,CAAC6B,gBAFhC;;;AAKD,GAnGgC;;AAqGjCC,EAAAA,WArGiC,yBAqGnB;AACZ,eAAO7B,YAAP;;;AAGD,GAzGgC;;AA2GjC8B,EAAAA,uBA3GiC,mCA2GT/B,CA3GS,EA2GC;AAChC,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACgC,4BADd;AAEiBhC,IAAAA,CAAC,CAACgC,4BAFnB;;AAID,GAhHgC;;AAkHjCC,EAAAA,YAlHiC,wBAkHpBjC,CAlHoB,EAkHV;AACrB,eAAOC,YAAP;;;AAGeD,IAAAA,CAAC,CAACkC,0BAHjB;AAIiBlC,IAAAA,CAAC,CAACgC,4BAJnB;AAKWhC,IAAAA,CAAC,CAACmC,uBALb;;AAOD,GA1HgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  paging(t: Theme) {\n    return css`\n      user-select: none;\n      outline: 0;\n      font-size: ${t.pagingFontSize};\n      line-height: ${t.pagingLineHeight};\n      display: inline-block;\n    `;\n  },\n\n  dots(t: Theme) {\n    return css`\n      color: ${t.pagingDotsColor};\n      display: inline-block;\n      padding: ${t.pagingDotsPadding};\n    `;\n  },\n\n  forwardLink(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ${t.pagingPageForwardLinkMarginTop};\n      margin-left: ${t.pagingPageForwardLinkMarginLeft};\n      outline: none;\n      padding-right: ${t.pagingPageForwardLinkPaddingRight};\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    `;\n  },\n\n  forwardLinkFocused() {\n    return css`\n      text-decoration: underline;\n    `;\n  },\n\n  forwardIcon(t: Theme) {\n    return css`\n      vertical-align: -2px;\n      position: absolute;\n      margin-top: ${t.pagingForwardIconMarginTop};\n      right: 0;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.pagingForwardLinkDisabledColor};\n      cursor: default;\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      border-radius: ${t.pagingPageLinkBorderRadius};\n      color: ${t.pagingForwardLinkColor};\n      cursor: pointer;\n      display: block;\n      margin: ${t.pagingPageLinkMargin};\n      outline: none;\n      min-width: ${t.pagingPageLinkMinWidth};\n      padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n      text-decoration: none;\n\n      &:hover {\n        background: ${t.pagingPageLinkHoverBg};\n      }\n    `;\n  },\n\n  active(t: Theme) {\n    return css`\n      cursor: default;\n      background: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n      color: ${t.pagingPageLinkActiveColor};\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  pageLinkHintPlaceHolder(t: Theme) {\n    return css`\n      height: ${t.pagingPageLinkHintLineHeight};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n    `;\n  },\n\n  pageLinkHint(t: Theme) {\n    return css`\n      display: inline-block;\n      margin: 0 -20px;\n      font-size: ${t.pagingPageLinkHintFontSize};\n      line-height: ${t.pagingPageLinkHintLineHeight};\n      color: ${t.pagingPageLinkHintColor};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Paging.styles.ts"],"names":["getStyles","emotion","paging","t","css","pagingFontSize","pagingLineHeight","pagingDisabled","dots","pagingDotsColor","pagingDotsPadding","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkFocused","forwardIcon","pagingForwardIconMarginTop","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBorderRadius","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkBoxSizing","pagingPageLinkHoverBg","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    paging(t: Theme) {\n      return emotion.css`\n        user-select: none;\n        outline: 0;\n        font-size: ${t.pagingFontSize};\n        line-height: ${t.pagingLineHeight};\n        display: inline-block;\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        padding: ${t.pagingDotsPadding};\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        margin-top: ${t.pagingPageForwardLinkMarginTop};\n        margin-left: ${t.pagingPageForwardLinkMarginLeft};\n        outline: none;\n        padding-right: ${t.pagingPageForwardLinkPaddingRight};\n        position: relative;\n        text-decoration: none;\n        user-select: none;\n        vertical-align: top;\n      `;\n    },\n\n    forwardLinkFocused() {\n      return emotion.css`\n        text-decoration: underline;\n      `;\n    },\n\n    forwardIcon(t: Theme) {\n      return emotion.css`\n        vertical-align: -2px;\n        position: absolute;\n        margin-top: ${t.pagingForwardIconMarginTop};\n        right: 0;\n      `;\n    },\n\n    forwardLinkDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.pagingForwardLinkDisabledColor};\n        cursor: default;\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: content-box;\n        border-radius: ${t.pagingPageLinkBorderRadius};\n        color: ${t.pagingForwardLinkColor};\n        cursor: pointer;\n        display: block;\n        margin: ${t.pagingPageLinkMargin};\n        outline: none;\n        min-width: ${t.pagingPageLinkMinWidth};\n        padding: ${t.pagingPageLinkPaddingY} ${t.pagingPageLinkPaddingX} ${t.pagingPageLinkPaddingY};\n        text-decoration: none;\n        box-sizing: ${t.pagingPageLinkBoxSizing};\n\n        &:hover {\n          background: ${t.pagingPageLinkHoverBg};\n        }\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: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n        color: ${t.pagingPageLinkActiveColor};\n      `;\n    },\n\n    pageLinkCurrentDisabled(t: Theme) {\n      return emotion.css`\n        background: ${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"]}

package/cjs/components/Paging/PagingDefaultComponent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
-declare type PagingDefaultComponentInterface = {
+interface PagingDefaultComponentInterface {
     onClick: () => void;
-    children: React.ReactNode;
-};
+    children?: React.ReactNode;
+}
 export declare type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;
 export declare const PagingDefaultComponent: ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => JSX.Element;
 export {};

package/cjs/components/Paging/PagingDefaultComponent.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PagingDefaultComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PagingDefaultComponent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _utils = require("../../lib/utils");var _excluded = ["onClick", "className", "children"];
 

package/cjs/components/Paging/PagingDefaultComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"kXAAA;;AAEA,wC;;;;;;;;;;AAUO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsB,6BAAiBA,IAAjB,CAAtB,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,kEAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM,C","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ntype PagingDefaultComponentInterface = {\n  onClick: () => void;\n  children: React.ReactNode;\n};\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => {\n  const { dataProps } = extractDataProps(rest);\n\n  return (\n    <span onClick={onClick} className={className} {...dataProps}>\n      {children}\n    </span>\n  );\n};\n"]}
+{"version":3,"sources":["PagingDefaultComponent.tsx"],"names":["PagingDefaultComponent","onClick","className","children","rest","dataProps"],"mappings":"0XAAA;;AAEA,wC;;;;;;;;;;AAUO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4E,KAAzEC,OAAyE,QAAzEA,OAAyE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,QAAqD,QAArDA,QAAqD,CAAxCC,IAAwC;AAChH,0BAAsB,6BAAiBA,IAAjB,CAAtB,CAAQC,SAAR,qBAAQA,SAAR;;AAEA;AACE,kEAAM,OAAO,EAAEJ,OAAf,EAAwB,SAAS,EAAEC,SAAnC,IAAkDG,SAAlD;AACGF,IAAAA,QADH,CADF;;;AAKD,CARM,C","sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n  onClick: () => void;\n  children?: React.ReactNode;\n}\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({ onClick, className, children, ...rest }: PagingDefaultComponentProps) => {\n  const { dataProps } = extractDataProps(rest);\n\n  return (\n    <span onClick={onClick} className={className} {...dataProps}>\n      {children}\n    </span>\n  );\n};\n"]}

package/cjs/components/PasswordInput/ClosedIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const ClosedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/PasswordInput/ClosedIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ClosedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _EyeClosedIcon16Light = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light");
+var _EyeClosedIcon20Light = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light");
+var _EyeClosedIcon24Regular = require("../../internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular"); /* eslint-disable react/display-name */
+
+var ClosedIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon16Light.EyeClosedIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon20Light.EyeClosedIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_EyeClosedIcon24Regular.EyeClosedIcon24Regular, null);} },
+
+'ClosedIcon');exports.ClosedIcon = ClosedIcon;

package/cjs/components/PasswordInput/ClosedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ClosedIcon.tsx"],"names":["ClosedIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,uG,CANA;;AAQO,IAAMA,UAAU,GAAG;AACxB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0CAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,0CAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,8CAAD,OAAN,EAHT,EADwB;;AAMxB,YANwB,CAAnB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { EyeClosedIcon16Light } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon16Light';\nimport { EyeClosedIcon20Light } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon20Light';\nimport { EyeClosedIcon24Regular } from '../../internal/icons2022/EyeClosedIcon/EyeClosedIcon24Regular';\n\nexport const ClosedIcon = iconSizer(\n  {\n    small: () => <EyeClosedIcon16Light />,\n    medium: () => <EyeClosedIcon20Light />,\n    large: () => <EyeClosedIcon24Regular />,\n  },\n  'ClosedIcon',\n);\n"]}

package/cjs/components/PasswordInput/OpenedIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const OpenedIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/PasswordInput/OpenedIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.OpenedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+var _EyeOpenIcon16Light = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light");
+var _EyeOpenIcon20Light = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light");
+var _EyeOpenIcon24Regular = require("../../internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular"); /* eslint-disable react/display-name */
+
+var OpenedIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon16Light.EyeOpenIcon16Light, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon20Light.EyeOpenIcon20Light, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_EyeOpenIcon24Regular.EyeOpenIcon24Regular, null);} },
+
+'OpenedIcon');exports.OpenedIcon = OpenedIcon;

package/cjs/components/PasswordInput/OpenedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["OpenedIcon.tsx"],"names":["OpenedIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,iG,CANA;;AAQO,IAAMA,UAAU,GAAG;AACxB;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,sCAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,sCAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,0CAAD,OAAN,EAHT,EADwB;;AAMxB,YANwB,CAAnB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { EyeOpenIcon16Light } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon16Light';\nimport { EyeOpenIcon20Light } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon20Light';\nimport { EyeOpenIcon24Regular } from '../../internal/icons2022/EyeOpenIcon/EyeOpenIcon24Regular';\n\nexport const OpenedIcon = iconSizer(\n  {\n    small: () => <EyeOpenIcon16Light />,\n    medium: () => <EyeOpenIcon20Light />,\n    large: () => <EyeOpenIcon24Regular />,\n  },\n  'OpenedIcon',\n);\n"]}

package/cjs/components/PasswordInput/PasswordInput.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { AriaAttributes } from 'react';
 import PropTypes from 'prop-types';
 import { InputProps } from '../Input';
 import { CommonProps } from '../../internal/CommonWrapper';
-export interface PasswordInputProps extends CommonProps, InputProps {
+export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, InputProps {
     detectCapsLock?: boolean;
 }
 export interface PasswordInputState {
@@ -14,24 +14,27 @@ export declare const PasswordInputDataTids: {
     readonly capsLockDetector: "PasswordInputCapsLockDetector";
     readonly eyeIcon: "PasswordInputEyeIcon";
 };
+declare type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
 /**
  * Компонент для ввода пароля
  */
 export declare class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         /**
          * Включает CapsLock детектор
          */
         detectCapsLock: PropTypes.Requireable<boolean>;
     };
-    static defaultProps: {
-        size: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: PasswordInputState;
     private theme;
+    private emotion;
     private input;
     private setRootNode;
+    private readonly locale;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState): PasswordInputState;
     render(): JSX.Element;
@@ -48,9 +51,10 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     private handleToggleVisibility;
     private handleFocus;
     private handleBlur;
-    private onBlur;
     private getEyeWrapperClassname;
     private renderEye;
     private refInput;
+    private hideSymbols;
     private renderMain;
 }
+export {};

package/cjs/components/PasswordInput/PasswordInput.js

@@ -1,6 +1,12 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.PasswordInputDataTids = exports.PasswordInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.PasswordInputDataTids = exports.PasswordInput = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _globalObject = require("@skbkontur/global-object");
+
 
+var _decorators = require("../../lib/locale/decorators");
+var _RenderLayer = require("../../internal/RenderLayer");
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _KeyboardEventCodes = require("../../lib/events/keyboard/KeyboardEventCodes");
@@ -12,9 +18,12 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _PasswordInput = require("./PasswordInput.styles");
-var _PasswordInputIcon = require("./PasswordInputIcon");var _excluded = ["detectCapsLock"];var _class, _class2, _temp;
+var _PasswordInputIcon = require("./PasswordInputIcon");
+var _locale = require("./locale");var _excluded = ["detectCapsLock"];var _dec, _class, _class2, _temp;
 
 
 
@@ -28,14 +37,19 @@ var _PasswordInputIcon = require("./PasswordInputIcon");var _excluded = ["detect
 var PasswordInputDataTids = {
   root: 'PasswordInput',
   capsLockDetector: 'PasswordInputCapsLockDetector',
-  eyeIcon: 'PasswordInputEyeIcon' };
+  eyeIcon: 'PasswordInputEyeIcon' };exports.PasswordInputDataTids = PasswordInputDataTids;
+
+
 
 
 /**
  * Компонент для ввода пароля
- */exports.PasswordInputDataTids = PasswordInputDataTids;var
+ */var
+
+
+PasswordInput = (_dec = (0, _decorators.locale)('PasswordInput', _locale.PasswordInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);function PasswordInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
+
 
-PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);function PasswordInput() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -48,6 +62,7 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(PasswordInput.defaultProps);_this.
 
     state = {
       visible: false,
@@ -88,6 +103,15 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 
@@ -162,13 +186,6 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       }
     };_this.
 
-    onBlur = function (e) {
-      if (_this.props.onBlur) {
-        _this.props.onBlur(e);
-      }
-
-      _this.setState({ visible: false });
-    };_this.
 
 
 
@@ -184,18 +201,28 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
 
     renderEye = function () {
       var capsLockEnabled = _this.state.capsLockEnabled;
-
+      var styles = (0, _PasswordInput.getStyles)(_this.emotion);
       return /*#__PURE__*/(
-        _react.default.createElement("span", { className: _PasswordInput.styles.iconWrapper() },
+        _react.default.createElement("span", { className: styles.iconWrapper() },
         capsLockEnabled && /*#__PURE__*/
-        _react.default.createElement("span", { className: _PasswordInput.styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
+        _react.default.createElement("span", { className: styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
+
+        _react.default.createElement("span", { className: _this.emotion.cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()) },
+        !_this.props.disabled && /*#__PURE__*/
+        _react.default.createElement("button", {
+          type: "button",
+          "aria-label": _this.state.visible ? _this.locale.eyeClosedAriaLabel : _this.locale.eyeOpenedAriaLabel,
+          onClick: _this.handleToggleVisibility,
+          className: styles.icon(),
+          "data-tid": PasswordInputDataTids.eyeIcon }, /*#__PURE__*/
+
+        _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, {
+          size: _this.props.size,
+          visible: _this.state.visible,
+          isTheme2022: (0, _ThemeHelpers.isTheme2022)(_this.theme) })))));
+
 
-        _react.default.createElement("span", {
-          "data-tid": PasswordInputDataTids.eyeIcon,
-          className: (0, _Emotion.cx)(_PasswordInput.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
-          onClick: _this.handleToggleVisibility },
 
-        !_this.props.disabled && /*#__PURE__*/_react.default.createElement(_PasswordInputIcon.PasswordInputIcon, { visible: _this.state.visible }))));
 
 
 
@@ -205,26 +232,32 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
       _this.input = element;
     };_this.
 
+    hideSymbols = function () {
+      _this.setState({ visible: false });
+    };_this.
+
     renderMain = function (props) {
       var detectCapsLock = props.detectCapsLock,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
       var inputProps = (0, _extends2.default)({},
       rest, {
-        onBlur: _this.onBlur,
         onKeyDown: _this.handleKeydown,
         onKeyPress: _this.handleKeyPress,
         rightIcon: _this.renderEye() });
 
 
+      var styles = (0, _PasswordInput.getStyles)(_this.emotion);
       return /*#__PURE__*/(
-        _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: _PasswordInput.styles.root() }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps))));
+        _react.default.createElement(_RenderLayer.RenderLayer, { onFocusOutside: _this.hideSymbols, onClickOutside: _this.hideSymbols }, /*#__PURE__*/
+        _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: styles.root() }, /*#__PURE__*/
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps)))));
+
 
 
-    };return _this;}var _proto = PasswordInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.detectCapsLock) {this.setState({ capsLockEnabled: null });} // @ts-ignore
-    if (_client.isIE11 && !window.document.msCapsLockWarningOff) {// turns off default ie capslock warning
-      // @ts-ignore
-      window.document.msCapsLockWarningOff = true;}};PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.disabled) {return { visible: false };}return state;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});} /**
+    };return _this;}var _proto = PasswordInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.detectCapsLock) {this.setState({ capsLockEnabled: null });} // @ts-expect-error: IE-specific API.
+    if (_client.isIE11 && (0, _globalObject.isBrowser)(_globalObject.globalObject) && !_globalObject.globalObject.document.msCapsLockWarningOff) {// @ts-expect-error: Read the comment above.
+      // turns off default ie capslock warning
+      _globalObject.globalObject.document.msCapsLockWarningOff = true;}};PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.disabled) {return { visible: false };}return state;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeConsumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), _this2.renderMain);});});} /**
    * @public
-   */;_proto.getEyeWrapperClassname = function getEyeWrapperClassname(right) {if (right === void 0) {right = false;}switch (this.props.size) {case 'large':return _PasswordInput.styles.eyeWrapperLarge(this.theme);case 'medium':return _PasswordInput.styles.eyeWrapperMedium(this.theme);case 'small':default:return _PasswordInput.styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'PasswordInput', _class2.propTypes = { /**
+   */;_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {var styles = (0, _PasswordInput.getStyles)(this.emotion);switch (this.getProps().size) {case 'large':return styles.eyeWrapperLarge(this.theme);case 'medium':return styles.eyeWrapperMedium(this.theme);case 'small':default:return styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'PasswordInput', _class2.displayName = 'PasswordInput', _class2.propTypes = { /**
    * Включает CapsLock детектор
-   */detectCapsLock: _propTypes.default.bool }, _class2.defaultProps = { size: 'small' }, _temp)) || _class;exports.PasswordInput = PasswordInput;
+   */detectCapsLock: _propTypes.default.bool }, _class2.defaultProps = { size: 'small' }, _temp)) || _class) || _class);exports.PasswordInput = PasswordInput;