@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

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

@@ -1,108 +1,95 @@
 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 { 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);
-  }
+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;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    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    "])));
+    },
+    pagingSmall: function pagingSmall(t) {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeSmall, t.pagingLineHeightSmall);
+    },
+    pagingMedium: function pagingMedium(t) {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingLineHeightMedium);
+    },
+    pagingLarge: function pagingLarge(t) {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingLineHeightLarge);
+    },
+    pagingDisabled: function pagingDisabled() {
+      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+    },
+    dots: function dots(t) {
+      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n    "])), t.pagingDotsColor);
+    },
+    dotsSmall: function dotsSmall(t) {
+      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingSmall);
+    },
+    dotsMedium: function dotsMedium(t) {
+      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingMedium);
+    },
+    dotsLarge: function dotsLarge(t) {
+      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      line-height: 0;\n      padding: ", ";\n    "])), t.pagingDotsPaddingLarge);
+    },
+    dotsDisabled: function dotsDisabled(t) {
+      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
+    },
+    forwardLink: function forwardLink(t) {
+      return css(_templateObject12 || (_templateObject12 = _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);
+    },
+    forwardLinkSmall: function forwardLinkSmall(t) {
+      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingSmall);
+    },
+    forwardLinkMedium: function forwardLinkMedium(t) {
+      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingMedium);
+    },
+    forwardLinkLarge: function forwardLinkLarge(t) {
+      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n    "])), t.pagingForwardLinkPaddingLarge);
+    },
+    forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeMedium, t.pagingForwardLinkPaddingMediumMobile);
+    },
+    forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      line-height: ", ";\n      padding: ", ";\n    "])), t.pagingFontSizeLarge, t.pagingForwardLinkPaddingLargeMobile);
+    },
+    forwardLinkDisabled: function forwardLinkDisabled(t) {
+      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
+    },
+    pageLinkWrapper: function pageLinkWrapper() {
+      return css(_templateObject19 || (_templateObject19 = _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(_templateObject20 || (_templateObject20 = _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);
+    },
+    pageLinkSmall: function pageLinkSmall(t) {
+      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+    },
+    pageLinkMedium: function pageLinkMedium(t) {
+      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+    },
+    pageLinkLarge: function pageLinkLarge(t) {
+      return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
+    },
+    pageLinkDisabled: function pageLinkDisabled(t) {
+      return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
+    },
+    pageLinkCurrent: function pageLinkCurrent(t) {
+      return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+    },
+    pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
+      return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
+    },
+    pageLinkFocused: function pageLinkFocused(t) {
+      return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+    },
+    transparent: function transparent() {
+      return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    },
+    pageLinkHint: function pageLinkHint(t) {
+      return css(_templateObject29 || (_templateObject29 = _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":["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":[]}
+{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","paging","_templateObject","_taggedTemplateLiteralLoose","pagingMobile","_templateObject2","pagingSmall","t","_templateObject3","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","_templateObject4","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","_templateObject5","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","_templateObject6","dots","_templateObject7","pagingDotsColor","dotsSmall","_templateObject8","pagingDotsPaddingSmall","dotsMedium","_templateObject9","pagingDotsPaddingMedium","dotsLarge","_templateObject10","pagingDotsPaddingLarge","dotsDisabled","_templateObject11","pagingDotsDisabledColor","forwardLink","_templateObject12","pagingForwardLinkColor","forwardLinkSmall","_templateObject13","pagingForwardLinkPaddingSmall","forwardLinkMedium","_templateObject14","pagingForwardLinkPaddingMedium","forwardLinkLarge","_templateObject15","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","_templateObject16","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","_templateObject17","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","_templateObject18","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject19","pageLink","_templateObject20","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkSmall","_templateObject21","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","_templateObject22","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","_templateObject23","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","_templateObject24","linkDisabledColor","pageLinkCurrent","_templateObject25","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject26","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject27","borderColorFocus","transparent","_templateObject28","pageLinkHint","_templateObject29","pagingPageLinkHintMargin","pagingPageLinkHintFontSize","pagingPageLinkHintLineHeight","pagingPageLinkHintColor"],"sources":["Paging.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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  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  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  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  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,23 +1,17 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     paging(): string;
     pagingMobile(): string;
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в `6.0` */
-    pagingLegacy(t: Theme): string;
     pagingSmall(t: Theme): string;
     pagingMedium(t: Theme): string;
     pagingLarge(t: Theme): string;
     pagingDisabled(): string;
     dots(t: Theme): string;
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    dotsLegacy(t: Theme): string;
     dotsSmall(t: Theme): string;
     dotsMedium(t: Theme): string;
     dotsLarge(t: Theme): string;
     dotsDisabled(t: Theme): string;
     forwardLink(t: Theme): string;
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    forwardLinkLegacy(t: Theme): string;
     forwardLinkSmall(t: Theme): string;
     forwardLinkMedium(t: Theme): string;
     forwardLinkLarge(t: Theme): string;
@@ -26,8 +20,6 @@ export declare const styles: {
     forwardLinkDisabled(t: Theme): string;
     pageLinkWrapper(): string;
     pageLink(t: Theme): string;
-    /** @deprecated Это стиль старого размера `Paging`. Мы планируем удалить его в 6.0 */
-    pageLinkLegacy(t: Theme): string;
     pageLinkSmall(t: Theme): string;
     pageLinkMedium(t: Theme): string;
     pageLinkLarge(t: Theme): string;
@@ -37,4 +29,4 @@ export declare const styles: {
     pageLinkFocused(t: Theme): string;
     transparent(): string;
     pageLinkHint(t: Theme): string;
-};
+}>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","extractDataProps","PagingDefaultComponent","_ref","onClick","className","children","rest","_objectWithoutPropertiesLoose","_excluded","_extractDataProps","dataProps","createElement","_extends"],"sources":["PagingDefaultComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n  /** Задает функцию, которая вызывается при клике на пейджинг. */\n  onClick: () => void;\n\n  /** @ignore */\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"],"mappings":"mNAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,iBAAiB;;;;;;;;;;;;;AAalD,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAA+E,KAAzEC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAC5E,IAAAC,iBAAA,GAAsBT,gBAAgB,CAACM,IAAI,CAAC,CAApCI,SAAS,GAAAD,iBAAA,CAATC,SAAS;;EAEjB;IACEX,KAAA,CAAAY,aAAA,SAAAC,QAAA,GAAMT,OAAO,EAAEA,OAAQ,EAACC,SAAS,EAAEA,SAAU,IAAKM,SAAS;IACxDL;IACG,CAAC;;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","extractDataProps","PagingDefaultComponent","_ref","onClick","className","children","rest","_objectWithoutPropertiesLoose","_excluded","_extractDataProps","dataProps","createElement","_extends"],"sources":["PagingDefaultComponent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { extractDataProps } from '../../lib/utils';\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\ninterface PagingDefaultComponentInterface {\n  /** Задает функцию, которая вызывается при клике на пейджинг. */\n  onClick: () => void;\n\n  /** @ignore */\n  children?: React.ReactNode;\n}\n\nexport type PagingDefaultComponentProps = PagingDefaultComponentInterface & Pick<CommonProps, 'className'>;\n\nexport const PagingDefaultComponent = ({\n  onClick,\n  className,\n  children,\n  ...rest\n}: PagingDefaultComponentProps): React.JSX.Element => {\n  const { dataProps } = extractDataProps(rest);\n\n  return (\n    <span onClick={onClick} className={className} {...dataProps}>\n      {children}\n    </span>\n  );\n};\n"],"mappings":"mNAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,gBAAgB,QAAQ,iBAAiB;;;;;;;;;;;;;AAalD,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA;;;;;AAKmB,KAJpDC,OAAO,GAAAD,IAAA,CAAPC,OAAO,CACPC,SAAS,GAAAF,IAAA,CAATE,SAAS,CACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CACLC,IAAI,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,IAAAC,iBAAA,GAAsBT,gBAAgB,CAACM,IAAI,CAAC,CAApCI,SAAS,GAAAD,iBAAA,CAATC,SAAS;;EAEjB;IACEX,KAAA,CAAAY,aAAA,SAAAC,QAAA,GAAMT,OAAO,EAAEA,OAAQ,EAACC,SAAS,EAAEA,SAAU,IAAKM,SAAS;IACxDL;IACG,CAAC;;AAEX,CAAC","ignoreList":[]}

package/components/PasswordInput/ClosedIcon.d.ts

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

package/components/PasswordInput/OpenedIcon.d.ts

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

package/components/PasswordInput/PasswordInput/PasswordInput.js

@@ -2,21 +2,19 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _PasswordInput;
 import React from 'react';
-import { globalObject, isBrowser } from '@skbkontur/global-object';
 import { locale } from "../../../lib/locale/decorators";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { isNonNullable } from "../../../lib/utils";
 import { isKeyCapsLock } from "../../../lib/events/keyboard/identifiers";
 import { KeyboardEventCodes as Codes } from "../../../lib/events/keyboard/KeyboardEventCodes";
 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 { withSize } from "../../../lib/size/SizeDecorator";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../PasswordInput.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles } from "../PasswordInput.styles";
 import { PasswordInputIcon } from "../PasswordInputIcon";
 import { PasswordInputLocaleHelper } from "../locale";
 export var PasswordInputDataTids = {
@@ -28,8 +26,7 @@ export var PasswordInputDataTids = {
 /**
  * Однострочное поле для ввода пароля, в котором символы заменяются на точки.
  */
-
-export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHelper), rootNode(_class = _dec(_class = withSize(_class = (_PasswordInput = /*#__PURE__*/function (_React$PureComponent) {
+export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHelper), withRenderEnvironment(_class = rootNode(_class = _dec(_class = withSize(_class = (_PasswordInput = /*#__PURE__*/function (_React$PureComponent) {
   function PasswordInput() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -129,21 +126,21 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
       var capsLockEnabled = _this.state.capsLockEnabled;
       return /*#__PURE__*/(
         React.createElement("span", {
-          className: styles.iconWrapper()
+          className: _this.styles.iconWrapper()
         }, capsLockEnabled && /*#__PURE__*/
         React.createElement("span", {
-          className: styles.capsLockDetector(),
+          className: _this.styles.capsLockDetector(),
           "data-tid": PasswordInputDataTids.capsLockDetector
         }), /*#__PURE__*/
 
         React.createElement("span", {
-          className: cx(styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname())
+          className: _this.cx(_this.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: styles.icon(),
+          className: _this.styles.icon(),
           "data-tid": PasswordInputDataTids.eyeIcon
         }, /*#__PURE__*/
 
@@ -171,7 +168,7 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
 
         React.createElement("div", {
           "data-tid": PasswordInputDataTids.root,
-          className: styles.root()
+          className: _this.styles.root()
         }, /*#__PURE__*/
         React.createElement(Input, _extends({
           ref: _this.refInput,
@@ -192,11 +189,6 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
       this.setState({
         capsLockEnabled: null
       });
-    } // @ts-expect-error: IE-specific API.
-    if (isIE11 && isBrowser(globalObject) && !globalObject.document.msCapsLockWarningOff) {
-      // @ts-expect-error: Read the comment above.
-      // turns off default ie capslock warning
-      globalObject.document.msCapsLockWarningOff = true;
     }
   };
   PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
@@ -209,6 +201,7 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
   };
   _proto.render = function render() {
     var _this3 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this3.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
@@ -219,13 +212,13 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
   _proto.getEyeWrapperClassname = function getEyeWrapperClassname() {
     switch (this.size) {
       case 'large':
-        return styles.eyeWrapperLarge(this.theme);
+        return this.styles.eyeWrapperLarge(this.theme);
       case 'medium':
-        return styles.eyeWrapperMedium(this.theme);
+        return this.styles.eyeWrapperMedium(this.theme);
       case 'small':
       default:
-        return styles.eyeWrapperSmall(this.theme);
+        return this.styles.eyeWrapperSmall(this.theme);
     }
   };
   return PasswordInput;
-}(React.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput)) || _class) || _class) || _class);
+}(React.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput)) || _class) || _class) || _class) || _class);

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

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","isBrowser","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","isIE11","CommonWrapper","ThemeContext","cx","rootNode","withSize","createPropsGetter","styles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","visible","focused","capsLockEnabled","getProps","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","active","onFocusOutside","onClickOutside","_extends","ref","rightIcon","_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 { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\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\n/**\n * Однострочное поле для ввода пароля, в котором символы заменяются на точки.\n */\n\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\n@withSize\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n  private size!: SizeProp;\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  private getProps = createPropsGetter({});\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(): JSX.Element {\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   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\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.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.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    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\n            ref={this.refInput}\n            type={this.state.visible ? 'text' : 'password'}\n            onKeyDown={this.handleKeydown}\n            onKeyPress={this.handleKeyPress}\n            rightIcon={this.renderEye()}\n            onFocus={this.handleFocus}\n            {...props}\n          />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","locale","RenderLayer","isNonNullable","isKeyCapsLock","KeyboardEventCodes","Codes","Input","CommonWrapper","ThemeContext","rootNode","withSize","createPropsGetter","withRenderEnvironment","getStyles","PasswordInputIcon","PasswordInputLocaleHelper","PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","_dec","_class","_PasswordInput","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","visible","focused","capsLockEnabled","getProps","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","active","onFocusOutside","onClickOutside","_extends","ref","rightIcon","_inheritsLoose","_proto","prototype","componentDidMount","getDerivedStateFromProps","render","_this3","emotion","Consumer","rootNodeRef","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["PasswordInput.tsx"],"sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\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 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 { withSize } from '../../lib/size/SizeDecorator';\nimport type { SizeProp } from '../../lib/types/props';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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\n/**\n * Однострочное поле для ввода пароля, в котором символы заменяются на точки.\n */\n@withRenderEnvironment\n@rootNode\n@locale('PasswordInput', PasswordInputLocaleHelper)\n@withSize\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n  public static displayName = 'PasswordInput';\n\n  public state: PasswordInputState = {\n    visible: false,\n    focused: false,\n    capsLockEnabled: false,\n  };\n  private size!: SizeProp;\n\n  private emotion!: Emotion;\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  private getProps = createPropsGetter({});\n\n  public componentDidMount() {\n    if (this.props.detectCapsLock) {\n      this.setState({ capsLockEnabled: null });\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(): JSX.Element {\n    this.styles = getStyles(this.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\n  /** Программно устанавливает фокус на поле.\n   * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus = (): void => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /** Программно снимает фокус с кнопки.\n   * @public\n   */\n  public blur = (): void => {\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.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.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    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\n            ref={this.refInput}\n            type={this.state.visible ? 'text' : 'password'}\n            onKeyDown={this.handleKeydown}\n            onKeyPress={this.handleKeyPress}\n            rightIcon={this.renderEye()}\n            onFocus={this.handleFocus}\n            {...props}\n          />\n        </div>\n      </RenderLayer>\n    );\n  };\n}\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,uCAAuC;AACrE,SAASC,kBAAkB,IAAIC,KAAK,QAAQ,8CAA8C;;AAE1F,SAASC,KAAK,QAAQ,UAAU;;;AAGhC,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,QAAQ,QAAQ,8BAA8B;;AAEvD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,iBAAiB,QAAQ,qBAAqB;;AAEvD,SAASC,yBAAyB,QAAQ,UAAU;;;;;;;;;;;;;;;;AAgBpD,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE,eAAe;EACrBC,gBAAgB,EAAE,+BAA+B;EACjDC,OAAO,EAAE;AACX,CAAU;;AAEV;AACA;AACA;AACA;;;;AAIaC,aAAa,IAAAC,IAAA,GAFzBrB,MAAM,CAAC,eAAe,EAAEe,yBAAyB,CAAC,EAFlDH,qBAAqB,CAAAU,MAAA,GACrBb,QAAQ,CAAAa,MAAA,GAAAD,IAAA,CAAAC,MAAA,GAERZ,QAAQ,CAAAY,MAAA,IAAAC,cAAA,0BAAAC,oBAAA,YAAAJ,cAAA,OAAAK,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,oBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,oBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;IAKAU,KAAK,GAAuB;MACjCC,OAAO,EAAE,KAAK;MACdC,OAAO,EAAE,KAAK;MACdC,eAAe,EAAE;IACnB,CAAC,CAAAb,KAAA;;;;;;;;;;;;;IAaOc,QAAQ,GAAG5B,iBAAiB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCxC;AACF;AACA;AACA,OAHEc,KAAA;IAIOe,KAAK,GAAG,YAAY;MACzB,IAAIf,KAAA,CAAKgB,KAAK,EAAE;QACdhB,KAAA,CAAKgB,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC;;IAED;AACF;AACA,OAFEf,KAAA;IAGOiB,IAAI,GAAG,YAAY;MACxB,IAAIjB,KAAA,CAAKgB,KAAK,EAAE;QACdhB,KAAA,CAAKgB,KAAK,CAACC,IAAI,CAAC,CAAC;MACnB;IACF,CAAC,CAAAjB,KAAA;;IAEOkB,cAAc,GAAG,UAACC,CAAwC,EAAK;MACrE,IAAAC,WAAA,GAAuCpB,KAAA,CAAKqB,KAAK,CAAzCC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAEC,cAAc,GAAAH,WAAA,CAAdG,cAAc;;MAElC,IAAID,UAAU,EAAE;QACdA,UAAU,CAACH,CAAC,CAAC;MACf;;MAEA,IAAI,CAACI,cAAc,EAAE;QACnB;MACF;;MAEA,IAAMV,eAAe,GAAGM,CAAC,CAACK,gBAAgB,CAAC5C,KAAK,CAAC6C,QAAQ,CAAC;;MAE1DzB,KAAA,CAAK0B,QAAQ,CAAC,EAAEb,eAAe,EAAfA,eAAe,CAAC,CAAC,CAAC;IACpC,CAAC,CAAAb,KAAA;;IAEO2B,aAAa,GAAG,UAACR,CAAwC,EAAK;MACpE,IAAAS,MAAA,GAAA5B,KAAA,CAAA6B,YAAA,GAAAD,MAAA;QACEP,KAAK,CAAIE,cAAc,GAAAM,YAAA,CAAdN,cAAc,CAAEO,SAAS,GAAAD,YAAA,CAATC,SAAS;QACzBjB,eAAe,GAAAe,MAAA,CAAxBlB,KAAK,CAAIG,eAAe;;;MAG1B,IAAIiB,SAAS,EAAE;QACbA,SAAS,CAACX,CAAC,CAAC;MACd;;MAEA,IAAI,CAACI,cAAc,EAAE;QACnB;MACF;;MAEA,IAAI7C,aAAa,CAACyC,CAAC,CAAC,IAAI1C,aAAa,CAACoC,eAAe,CAAC,EAAE;QACtDb,KAAA,CAAK0B,QAAQ,CAAC,EAAEb,eAAe,EAAE,CAACA,eAAe,CAAC,CAAC,CAAC;MACtD;IACF,CAAC,CAAAb,KAAA;;IAEO+B,sBAAsB,GAAG,YAAM;MACrC/B,KAAA,CAAK0B,QAAQ,CAAC,UAACM,SAAS,UAAM,EAAErB,OAAO,EAAE,CAACqB,SAAS,CAACrB,OAAO,CAAC,CAAC,EAAC,EAAEX,KAAA,CAAKiC,YAAY,CAAC;IACpF,CAAC,CAAAjC,KAAA;;IAEOiC,YAAY,GAAG,YAAM;MAC3B,IAAIjC,KAAA,CAAKgB,KAAK,EAAE;QACdhB,KAAA,CAAKgB,KAAK,CAACD,KAAK,CAAC,CAAC;MACpB;IACF,CAAC,CAAAf,KAAA;;IAEOkC,WAAW,GAAG,UAACC,KAAyC,EAAK;MACnE,IAAInC,KAAA,CAAKU,KAAK,CAACE,OAAO,EAAE;QACtB;MACF;;MAEAZ,KAAA,CAAK0B,QAAQ,CAAC,EAAEd,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;;MAEhC,IAAIZ,KAAA,CAAKqB,KAAK,CAACe,OAAO,EAAE;QACtBpC,KAAA,CAAKqB,KAAK,CAACe,OAAO,CAACD,KAAK,CAAC;MAC3B;IACF,CAAC,CAAAnC,KAAA;;IAEOqC,kBAAkB,GAAG,YAAM;MACjCrC,KAAA,CAAKsC,WAAW,CAAC,CAAC;;MAElB,IAAItC,KAAA,CAAKU,KAAK,CAACE,OAAO,EAAE;QACtBZ,KAAA,CAAK0B,QAAQ,CAAC,EAAEd,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;MACnC;IACF,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOuC,SAAS,GAAG,YAAM;MACxB,IAAQ1B,eAAe,GAAKb,KAAA,CAAKU,KAAK,CAA9BG,eAAe;;MAEvB;QACEvC,KAAA,CAAAkE,aAAA,WAAMC,SAAS,EAAEzC,KAAA,CAAK0C,MAAM,CAACC,WAAW,CAAC,CAAE;QACxC9B,eAAe;QACdvC,KAAA,CAAAkE,aAAA,WAAMC,SAAS,EAAEzC,KAAA,CAAK0C,MAAM,CAACjD,gBAAgB,CAAC,CAAE,EAAC,YAAUF,qBAAqB,CAACE,gBAAiB,EAAE,CACrG;;QACDnB,KAAA,CAAAkE,aAAA,WAAMC,SAAS,EAAEzC,KAAA,CAAK4C,EAAE,CAAC5C,KAAA,CAAK0C,MAAM,CAACG,gBAAgB,CAAC7C,KAAA,CAAK8C,KAAK,CAAC,EAAE9C,KAAA,CAAK+C,sBAAsB,CAAC,CAAC,CAAE;QAC/F,CAAC/C,KAAA,CAAKqB,KAAK,CAAC2B,QAAQ;QACnB1E,KAAA,CAAAkE,aAAA;UACES,IAAI,EAAC,QAAQ;UACb,cAAYjD,KAAA,CAAKU,KAAK,CAACC,OAAO,GAAGX,KAAA,CAAKzB,MAAM,CAAC2E,kBAAkB,GAAGlD,KAAA,CAAKzB,MAAM,CAAC4E,kBAAmB;UACjGC,OAAO,EAAEpD,KAAA,CAAK+B,sBAAuB;UACrCU,SAAS,EAAEzC,KAAA,CAAK0C,MAAM,CAACW,IAAI,CAAC,CAAE;UAC9B,YAAU9D,qBAAqB,CAACG,OAAQ;;QAExCpB,KAAA,CAAAkE,aAAA,CAACnD,iBAAiB,IAACiE,IAAI,EAAEtD,KAAA,CAAKsD,IAAK,EAAC3C,OAAO,EAAEX,KAAA,CAAKU,KAAK,CAACC,OAAQ,EAAE;QAC5D;;QAEN;QACF,CAAC;;IAEX,CAAC,CAAAX,KAAA;;IAEOuD,QAAQ,GAAG,UAACC,OAAc,EAAK;MACrCxD,KAAA,CAAKgB,KAAK,GAAGwC,OAAO;IACtB,CAAC,CAAAxD,KAAA;;IAEOsC,WAAW,GAAG,YAAM;MAC1BtC,KAAA,CAAK0B,QAAQ,CAAC,EAAEf,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACnC,CAAC,CAAAX,KAAA;;IAEOyD,UAAU,GAAG,UAACpC,KAAiD,EAAK;MAC1E;QACE/C,KAAA,CAAAkE,aAAA,CAAChE,WAAW;UACVkF,MAAM,EAAE1D,KAAA,CAAKU,KAAK,CAACE,OAAQ;UAC3B+C,cAAc,EAAE3D,KAAA,CAAKqC,kBAAmB;UACxCuB,cAAc,EAAE5D,KAAA,CAAKqC,kBAAmB;;QAExC/D,KAAA,CAAAkE,aAAA,UAAK,YAAUjD,qBAAqB,CAACC,IAAK,EAACiD,SAAS,EAAEzC,KAAA,CAAK0C,MAAM,CAAClD,IAAI,CAAC,CAAE;QACvElB,KAAA,CAAAkE,aAAA,CAAC3D,KAAK,EAAAgF,QAAA;UACJC,GAAG,EAAE9D,KAAA,CAAKuD,QAAS;UACnBN,IAAI,EAAEjD,KAAA,CAAKU,KAAK,CAACC,OAAO,GAAG,MAAM,GAAG,UAAW;UAC/CmB,SAAS,EAAE9B,KAAA,CAAK2B,aAAc;UAC9BL,UAAU,EAAEtB,KAAA,CAAKkB,cAAe;UAChC6C,SAAS,EAAE/D,KAAA,CAAKuC,SAAS,CAAC,CAAE;UAC5BH,OAAO,EAAEpC,KAAA,CAAKkC,WAAY;QACtBb,KAAK;QACV;QACE;QACM,CAAC;;IAElB,CAAC,QAAArB,KAAA,EAAAgE,cAAA,CAAArE,aAAA,EAAAI,oBAAA,MAAAkE,MAAA,GAAAtE,aAAA,CAAAuE,SAAA,CAAAD,MAAA,CApLME,iBAAiB,GAAxB,SAAAA,kBAAA,EAA2B,CACzB,IAAI,IAAI,CAAC9C,KAAK,CAACE,cAAc,EAAE,CAC7B,IAAI,CAACG,QAAQ,CAAC,EAAEb,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAC1C,CACF,CAAC,CAAAlB,aAAA,CAEayE,wBAAwB,GAAtC,SAAAA,yBAAuC/C,KAAyB,EAAEX,KAAyB,EAAE,CAC3F,IAAIW,KAAK,CAAC2B,QAAQ,EAAE,CAClB,OAAO,EAAErC,OAAO,EAAE,KAAK,CAAC,CAAC,CAC3B,CAEA,OAAOD,KAAK,CACd,CAAC,CAAAuD,MAAA,CAEMI,MAAM,GAAb,SAAAA,OAAA,EAA6B,KAAAC,MAAA,QAC3B,IAAI,CAAC5B,MAAM,GAAGtD,SAAS,CAAC,IAAI,CAACmF,OAAO,CAAC,CAErC,oBACEjG,KAAA,CAAAkE,aAAA,CAACzD,YAAY,CAACyF,QAAQ,QACnB,UAAC1B,KAAK,EAAK,CACVwB,MAAI,CAACxB,KAAK,GAAGA,KAAK,CAClB,oBACExE,KAAA,CAAAkE,aAAA,CAAC1D,aAAa,EAAA+E,QAAA,GAACY,WAAW,EAAEH,MAAI,CAACI,WAAY,IAAKJ,MAAI,CAACxD,QAAQ,CAAC,CAAC,GAC9DwD,MAAI,CAACb,UACO,CAAC,CAEpB,CACqB,CAAC,CAE5B,CAAC,CAAAQ,MAAA,CAsFOlB,sBAAsB,GAA9B,SAAAA,uBAAA,EAAiC,CAC/B,QAAQ,IAAI,CAACO,IAAI,GACf,KAAK,OAAO,CACV,OAAO,IAAI,CAACZ,MAAM,CAACiC,eAAe,CAAC,IAAI,CAAC7B,KAAK,CAAC,CAChD,KAAK,QAAQ,CACX,OAAO,IAAI,CAACJ,MAAM,CAACkC,gBAAgB,CAAC,IAAI,CAAC9B,KAAK,CAAC,CACjD,KAAK,OAAO,CACZ,QACE,OAAO,IAAI,CAACJ,MAAM,CAACmC,eAAe,CAAC,IAAI,CAAC/B,KAAK,CAAC,CAClD,CACF,CAAC,QAAAnD,aAAA,GApJgCrB,KAAK,CAACwG,aAAa,GAAAhF,cAAA,CACtCiF,mBAAmB,GAAG,eAAe,EAAAjF,cAAA,CACrCkF,WAAW,GAAG,eAAe,EAAAlF,cAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}

package/components/PasswordInput/PasswordInput.d.ts

@@ -1,4 +1,4 @@
-import type { AriaAttributes } from 'react';
+import type { AriaAttributes, JSX } from 'react';
 import React from 'react';
 import type { InputProps } from '../Input';
 import type { CommonProps } from '../../internal/CommonWrapper';
@@ -25,6 +25,9 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     static displayName: string;
     state: PasswordInputState;
     private size;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private input;
     getRootNode: TGetRootNode;