@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-aa4659ca48

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

@@ -1,62 +1,137 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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, _templateObject14;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
 
 
 var styles = exports.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    "])),
+  paging: function paging() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n      outline: 0;\n      display: inline-block;\n      font-variant-numeric: tabular-nums;\n    "])));
 
 
-    t.pagingFontSize,
-    t.pagingLineHeight);
 
 
+
+  },
+
+  pagingMobile: function pagingMobile() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-wrap-mode: nowrap;\n    "])));
+
+
+  },
+
+  pagingSmall: function pagingSmall(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeSmall,
+    t.pagingLineHeightSmall);
+
+  },
+
+  pagingMedium: function pagingMedium(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeMedium,
+    t.pagingLineHeightMedium);
+
+  },
+
+  pagingLarge: function pagingLarge(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n      line-height: ", ";\n    "])),
+    t.pagingFontSizeLarge,
+    t.pagingLineHeightLarge);
+
   },
 
   pagingDisabled: function pagingDisabled() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      pointer-events: none;\n    "])));
 
 
   },
 
   dots: function dots(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])),
-    t.pagingDotsColor,
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      display: inline-block;\n    "])),
+    t.pagingDotsColor);
 
-    t.pagingDotsPadding);
+
+  },
+
+  dotsSmall: function dotsSmall(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
+
+    t.pagingDotsPaddingSmall);
+
+  },
+
+  dotsMedium: function dotsMedium(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
+
+    t.pagingDotsPaddingMedium);
+
+  },
+
+  dotsLarge: function dotsLarge(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: 0;\n      padding: ", ";\n    "])),
+
+    t.pagingDotsPaddingLarge);
 
   },
 
   dotsDisabled: function dotsDisabled(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
     t.pagingDotsDisabledColor);
 
   },
 
   forwardLink: function forwardLink(t) {
-    return (0, _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,
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
 
-    t.pagingPageForwardLinkMarginTop,
-    t.pagingPageForwardLinkMarginLeft,
 
-    t.pagingPageForwardLinkPaddingRight);
 
 
 
 
 
+  },
+
+  forwardLinkSmall: function forwardLinkSmall(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingSmall);
+
+  },
+
+  forwardLinkMedium: function forwardLinkMedium(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingMedium);
+
+  },
+
+  forwardLinkLarge: function forwardLinkLarge(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", ";\n    "])),
+    t.pagingForwardLinkPaddingLarge);
+
+  },
+
+  forwardLinkMediumMobile: function forwardLinkMediumMobile(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.pagingFontSizeMedium,
+    t.pagingForwardLinkPaddingMediumMobile);
+
+  },
+
+  forwardLinkLargeMobile: function forwardLinkLargeMobile(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      line-height: ", ";\n      padding: ", ";\n    "])),
+    t.pagingFontSizeLarge,
+    t.pagingForwardLinkPaddingLargeMobile);
+
   },
 
   forwardLinkDisabled: function forwardLinkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
     t.pagingForwardLinkDisabledColor);
 
 
   },
 
   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    "])));
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (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    "])));
 
 
 
@@ -66,33 +141,53 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   pageLink: function pageLink(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: ", ";\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    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\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.pagingPageLinkMargin,
 
-    t.pagingPageLinkMinWidth,
-    t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY,
 
 
 
-    t.pagingPageLinkHoverBg);
+    t.pagingPageLinkHoverBg,
+    t.transitionDuration, t.transitionTimingFunction,
+
+
+
+    t.pagingPageLinkActiveBg);
+
+
+  },
+
+  pageLinkSmall: function pageLinkSmall(t) {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYSmall, t.pagingPageLinkPaddingXSmall);
+
+  },
+
+  pageLinkMedium: function pageLinkMedium(t) {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYMedium, t.pagingPageLinkPaddingXMedium);
+
+  },
 
+  pageLinkLarge: function pageLinkLarge(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: ", " ", ";\n    "])),
+    t.pagingPageLinkPaddingYLarge, t.pagingPageLinkPaddingXLarge);
 
   },
 
   pageLinkDisabled: function pageLinkDisabled(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      pointer-events: none;\n    "])),
     t.linkDisabledColor);
 
 
   },
 
   pageLinkCurrent: function pageLinkCurrent(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      background-color: ", " !important;\n      color: ", ";\n    "])),
 
     t.pagingPageLinkActiveBg,
     t.pagingPageLinkActiveColor);
@@ -100,14 +195,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   pageLinkCurrentDisabled: function pageLinkCurrentDisabled(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", " !important;\n      color: ", ";\n    "])),
     t.pagingPageLinkDisabledActiveBg,
     t.linkDisabledColor);
 
   },
 
   pageLinkFocused: function pageLinkFocused(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
+    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " +
 
     t.borderColorFocus + ";\n        ");
 
@@ -115,13 +210,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   transparent: function transparent() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
   },
 
   pageLinkHint: function pageLinkHint(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])),
 
     t.pagingPageLinkHintMargin,
     t.pagingPageLinkHintFontSize,

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","styles","exports","memoizeStyle","paging","t","css","_taggedTemplateLiteralLoose2","default","pagingFontSize","pagingLineHeight","pagingDisabled","dots","pagingDotsColor","pagingDotsPadding","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","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(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  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      padding: ${t.pagingDotsPadding};\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      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  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      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  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: ${t.pagingPageLinkActiveBg} !important; // override hover styles\n      color: ${t.pagingPageLinkActiveColor};\n    `;\n  },\n\n  pageLinkCurrentDisabled(t: Theme) {\n    return css`\n      background: ${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":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,MAAM,WAAAA,OAACC,CAAQ,EAAE;IACf,WAAOC,YAAG,EAAAnB,eAAA,KAAAA,eAAA,OAAAoB,4BAAA,CAAAC,OAAA;;;IAGKH,CAAC,CAACI,cAAc;IACdJ,CAAC,CAACK,gBAAgB;;;EAGrC,CAAC;;EAEDC,cAAc,WAAAA,eAAA,EAAG;IACf,WAAOL,YAAG,EAAAlB,gBAAA,KAAAA,gBAAA,OAAAmB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,IAAI,WAAAA,KAACP,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACQ,eAAe;;IAEfR,CAAC,CAACS,iBAAiB;;EAElC,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACW,uBAAuB;;EAEtC,CAAC;;EAEDC,WAAW,WAAAA,YAACZ,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACa,sBAAsB;;;IAGnBb,CAAC,CAACc,8BAA8B;IAC/Bd,CAAC,CAACe,+BAA+B;;IAE/Bf,CAAC,CAACgB,iCAAiC;;;;;;EAMxD,CAAC;;EAEDC,mBAAmB,WAAAA,oBAACjB,CAAQ,EAAE;IAC5B,WAAOC,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACkB,8BAA8B;;;EAG7C,CAAC;;EAEDC,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOlB,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDiB,QAAQ,WAAAA,SAACpB,CAAQ,EAAE;IACjB,WAAOC,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACqB,uBAAuB;IACtBrB,CAAC,CAACsB,0BAA0B;IACpCtB,CAAC,CAACuB,mBAAmB;;;IAGpBvB,CAAC,CAACwB,oBAAoB;;IAEnBxB,CAAC,CAACyB,sBAAsB;IAC1BzB,CAAC,CAAC0B,sBAAsB,EAAI1B,CAAC,CAAC2B,sBAAsB,EAAI3B,CAAC,CAAC0B,sBAAsB;;;;IAI3E1B,CAAC,CAAC4B,qBAAqB;;;EAG3C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAC7B,CAAQ,EAAE;IACzB,WAAOC,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAAC8B,iBAAiB;;;EAGhC,CAAC;;EAEDC,eAAe,WAAAA,gBAAC/B,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAV,iBAAA,KAAAA,iBAAA,OAAAW,4BAAA,CAAAC,OAAA;;IAEMH,CAAC,CAACgC,sBAAsB;IAC7BhC,CAAC,CAACiC,yBAAyB;;EAExC,CAAC;;EAEDC,uBAAuB,WAAAA,wBAAClC,CAAQ,EAAE;IAChC,WAAOC,YAAG,EAAAT,iBAAA,KAAAA,iBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACmC,8BAA8B;IACrCnC,CAAC,CAAC8B,iBAAiB;;EAEhC,CAAC;;EAEDM,eAAe,WAAAA,gBAACpC,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAR,iBAAA,KAAAA,iBAAA,OAAAS,4BAAA,CAAAC,OAAA;;IAEoBH,CAAC,CAACqC,gBAAgB;;;EAGlD,CAAC;;EAEDC,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOrC,YAAG,EAAAP,iBAAA,KAAAA,iBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDoC,YAAY,WAAAA,aAACvC,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAN,iBAAA,KAAAA,iBAAA,OAAAO,4BAAA,CAAAC,OAAA;;IAEEH,CAAC,CAACwC,wBAAwB;IACvBxC,CAAC,CAACyC,0BAA0B;IAC/BzC,CAAC,CAAC0C,4BAA4B;IACzB1C,CAAC,CAAC0C,4BAA4B;IACpC1C,CAAC,CAAC2C,uBAAuB;;EAEtC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_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","styles","exports","memoizeStyle","paging","css","_taggedTemplateLiteralLoose2","default","pagingMobile","pagingSmall","t","pagingFontSizeSmall","pagingLineHeightSmall","pagingMedium","pagingFontSizeMedium","pagingLineHeightMedium","pagingLarge","pagingFontSizeLarge","pagingLineHeightLarge","pagingDisabled","dots","pagingDotsColor","dotsSmall","pagingDotsPaddingSmall","dotsMedium","pagingDotsPaddingMedium","dotsLarge","pagingDotsPaddingLarge","dotsDisabled","pagingDotsDisabledColor","forwardLink","pagingForwardLinkColor","forwardLinkSmall","pagingForwardLinkPaddingSmall","forwardLinkMedium","pagingForwardLinkPaddingMedium","forwardLinkLarge","pagingForwardLinkPaddingLarge","forwardLinkMediumMobile","pagingForwardLinkPaddingMediumMobile","forwardLinkLargeMobile","pagingForwardLinkPaddingLargeMobile","forwardLinkDisabled","pagingForwardLinkDisabledColor","pageLinkWrapper","pageLink","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkHoverBg","transitionDuration","transitionTimingFunction","pagingPageLinkActiveBg","pageLinkSmall","pagingPageLinkPaddingYSmall","pagingPageLinkPaddingXSmall","pageLinkMedium","pagingPageLinkPaddingYMedium","pagingPageLinkPaddingXMedium","pageLinkLarge","pagingPageLinkPaddingYLarge","pagingPageLinkPaddingXLarge","pageLinkDisabled","linkDisabledColor","pageLinkCurrent","pagingPageLinkActiveColor","pageLinkCurrentDisabled","pagingPageLinkDisabledActiveBg","pageLinkFocused","borderColorFocus","transparent","pageLinkHint","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  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/cjs/components/Paging/PagingHelper.d.ts

@@ -1,2 +1,2 @@
 import type { ItemType } from './Paging';
-export declare function getItems(active: number, total: number): ItemType[];
+export declare function getItems(active: number, total: number, isMobile: boolean): ItemType[];

package/cjs/components/Paging/PagingHelper.js

@@ -1,29 +1,36 @@
 "use strict";exports.__esModule = true;exports.getItems = getItems;
 
-function getItems(active, total) {
+var NEIGHBOR_ITEM_COUNT_DESKTOP = 2;
+var NEIGHBOR_ITEM_COUNT_MOBILE = 1;
+
+var EDGE_ITEM_COUNT_DESKTOP = 4;
+var EDGE_ITEM_COUNT_MOBILE = 2;
+
+function getItems(active, total, isMobile) {
   var result = [];
 
-  var left = Math.max(Math.min(active - 2, total - 4), 1);
-  var right = Math.min(Math.max(5, active + 2), total);
+  var neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;
+  var edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;
+
+  // Group refers to a sequence of items in a row without dots
+  var groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);
+  var groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);
 
-  var hasLeftDots = left > 3;
-  var from = hasLeftDots ? left : 1;
+  var hasLeftDots = groupLeftmost > 3;
+  var hasRightDots = groupRightmost < total - 2;
 
-  var hasRightDots = right < total - 2;
-  var to = hasRightDots ? right : total;
+  var groupStart = hasLeftDots ? groupLeftmost : 1;
+  var groupEnd = hasRightDots ? groupRightmost : total;
 
   if (hasLeftDots) {
     result.push(1, '.');
   }
-
-  for (var i = from; i <= to; ++i) {
+  for (var i = groupStart; i <= groupEnd; ++i) {
     result.push(i);
   }
-
   if (hasRightDots) {
     result.push('.');
   }
-
   if (hasRightDots && isFinite(total)) {
     result.push(total);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["getItems","active","total","result","left","Math","max","min","right","hasLeftDots","from","hasRightDots","to","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nexport function getItems(active: number, total: number): ItemType[] {\n  const result: ItemType[] = [];\n\n  const left = Math.max(Math.min(active - 2, total - 4), 1);\n  const right = Math.min(Math.max(5, active + 2), total);\n\n  const hasLeftDots = left > 3;\n  const from = hasLeftDots ? left : 1;\n\n  const hasRightDots = right < total - 2;\n  const to = hasRightDots ? right : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n\n  for (let i = from; i <= to; ++i) {\n    result.push(i);\n  }\n\n  if (hasRightDots) {\n    result.push('.');\n  }\n\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEO,SAASA,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAc;EAClE,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACN,MAAM,GAAG,CAAC,EAAEC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EACzD,IAAMM,KAAK,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAC;;EAEtD,IAAMO,WAAW,GAAGL,IAAI,GAAG,CAAC;EAC5B,IAAMM,IAAI,GAAGD,WAAW,GAAGL,IAAI,GAAG,CAAC;;EAEnC,IAAMO,YAAY,GAAGH,KAAK,GAAGN,KAAK,GAAG,CAAC;EACtC,IAAMU,EAAE,GAAGD,YAAY,GAAGH,KAAK,GAAGN,KAAK;;EAEvC,IAAIO,WAAW,EAAE;IACfN,MAAM,CAACU,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;;EAEA,KAAK,IAAIC,CAAC,GAAGJ,IAAI,EAAEI,CAAC,IAAIF,EAAE,EAAE,EAAEE,CAAC,EAAE;IAC/BX,MAAM,CAACU,IAAI,CAACC,CAAC,CAAC;EAChB;;EAEA,IAAIH,YAAY,EAAE;IAChBR,MAAM,CAACU,IAAI,CAAC,GAAG,CAAC;EAClB;;EAEA,IAAIF,YAAY,IAAII,QAAQ,CAACb,KAAK,CAAC,EAAE;IACnCC,MAAM,CAACU,IAAI,CAACX,KAAK,CAAC;EACpB;;EAEA,OAAOC,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["NEIGHBOR_ITEM_COUNT_DESKTOP","NEIGHBOR_ITEM_COUNT_MOBILE","EDGE_ITEM_COUNT_DESKTOP","EDGE_ITEM_COUNT_MOBILE","getItems","active","total","isMobile","result","neighborItemCount","edgeItemCount","groupLeftmost","Math","max","min","groupRightmost","hasLeftDots","hasRightDots","groupStart","groupEnd","push","i","isFinite"],"sources":["PagingHelper.tsx"],"sourcesContent":["import type { ItemType } from './Paging';\n\nconst NEIGHBOR_ITEM_COUNT_DESKTOP = 2;\nconst NEIGHBOR_ITEM_COUNT_MOBILE = 1;\n\nconst EDGE_ITEM_COUNT_DESKTOP = 4;\nconst EDGE_ITEM_COUNT_MOBILE = 2;\n\nexport function getItems(active: number, total: number, isMobile: boolean): ItemType[] {\n  const result: ItemType[] = [];\n\n  const neighborItemCount = isMobile ? NEIGHBOR_ITEM_COUNT_MOBILE : NEIGHBOR_ITEM_COUNT_DESKTOP;\n  const edgeItemCount = isMobile ? EDGE_ITEM_COUNT_MOBILE : EDGE_ITEM_COUNT_DESKTOP;\n\n  // Group refers to a sequence of items in a row without dots\n  const groupLeftmost = Math.max(Math.min(active - neighborItemCount, total - edgeItemCount), 1);\n  const groupRightmost = Math.min(Math.max(1 + edgeItemCount, active + neighborItemCount), total);\n\n  const hasLeftDots = groupLeftmost > 3;\n  const hasRightDots = groupRightmost < total - 2;\n\n  const groupStart = hasLeftDots ? groupLeftmost : 1;\n  const groupEnd = hasRightDots ? groupRightmost : total;\n\n  if (hasLeftDots) {\n    result.push(1, '.');\n  }\n  for (let i = groupStart; i <= groupEnd; ++i) {\n    result.push(i);\n  }\n  if (hasRightDots) {\n    result.push('.');\n  }\n  if (hasRightDots && isFinite(total)) {\n    result.push(total);\n  }\n\n  return result;\n}\n"],"mappings":";;AAEA,IAAMA,2BAA2B,GAAG,CAAC;AACrC,IAAMC,0BAA0B,GAAG,CAAC;;AAEpC,IAAMC,uBAAuB,GAAG,CAAC;AACjC,IAAMC,sBAAsB,GAAG,CAAC;;AAEzB,SAASC,QAAQA,CAACC,MAAc,EAAEC,KAAa,EAAEC,QAAiB,EAAc;EACrF,IAAMC,MAAkB,GAAG,EAAE;;EAE7B,IAAMC,iBAAiB,GAAGF,QAAQ,GAAGN,0BAA0B,GAAGD,2BAA2B;EAC7F,IAAMU,aAAa,GAAGH,QAAQ,GAAGJ,sBAAsB,GAAGD,uBAAuB;;EAEjF;EACA,IAAMS,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACT,MAAM,GAAGI,iBAAiB,EAAEH,KAAK,GAAGI,aAAa,CAAC,EAAE,CAAC,CAAC;EAC9F,IAAMK,cAAc,GAAGH,IAAI,CAACE,GAAG,CAACF,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGH,aAAa,EAAEL,MAAM,GAAGI,iBAAiB,CAAC,EAAEH,KAAK,CAAC;;EAE/F,IAAMU,WAAW,GAAGL,aAAa,GAAG,CAAC;EACrC,IAAMM,YAAY,GAAGF,cAAc,GAAGT,KAAK,GAAG,CAAC;;EAE/C,IAAMY,UAAU,GAAGF,WAAW,GAAGL,aAAa,GAAG,CAAC;EAClD,IAAMQ,QAAQ,GAAGF,YAAY,GAAGF,cAAc,GAAGT,KAAK;;EAEtD,IAAIU,WAAW,EAAE;IACfR,MAAM,CAACY,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC;EACrB;EACA,KAAK,IAAIC,CAAC,GAAGH,UAAU,EAAEG,CAAC,IAAIF,QAAQ,EAAE,EAAEE,CAAC,EAAE;IAC3Cb,MAAM,CAACY,IAAI,CAACC,CAAC,CAAC;EAChB;EACA,IAAIJ,YAAY,EAAE;IAChBT,MAAM,CAACY,IAAI,CAAC,GAAG,CAAC;EAClB;EACA,IAAIH,YAAY,IAAIK,QAAQ,CAAChB,KAAK,CAAC,EAAE;IACnCE,MAAM,CAACY,IAAI,CAACd,KAAK,CAAC;EACpB;;EAEA,OAAOE,MAAM;AACf","ignoreList":[]}

package/cjs/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/cjs/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/cjs/components/PasswordInput/PasswordInput.d.ts

@@ -1,10 +1,10 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { InputProps } from '../Input';
 import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 export interface PasswordInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Omit<InputProps, 'showClearIcon'> {
-    /** Включает CapsLock детектор. */
+    /** Визуально показывает, что активен CapsLock. */
     detectCapsLock?: boolean;
 }
 export interface PasswordInputState {
@@ -17,38 +17,31 @@ export declare const PasswordInputDataTids: {
     readonly capsLockDetector: "PasswordInputCapsLockDetector";
     readonly eyeIcon: "PasswordInputEyeIcon";
 };
-type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
 /**
- * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.
- *
- * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.
+ * Однострочное поле для ввода пароля, в котором символы заменяются на точки.
  */
 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: DefaultProps;
-    private getProps;
     state: PasswordInputState;
+    private size;
     private theme;
     private input;
+    getRootNode: TGetRootNode;
     private setRootNode;
     private readonly locale;
+    private getProps;
     componentDidMount(): void;
     static getDerivedStateFromProps(props: PasswordInputProps, state: PasswordInputState): PasswordInputState | {
         visible: boolean;
     };
-    render(): React.JSX.Element;
-    /**
+    render(): JSX.Element;
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */
     focus: () => void;
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */
     blur: () => void;
@@ -64,4 +57,3 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     private hideSymbols;
     private renderMain;
 }
-export {};

package/cjs/components/PasswordInput/PasswordInput.js

@@ -1,7 +1,5 @@
-"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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"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 _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");
@@ -11,7 +9,6 @@ var _KeyboardEventCodes = require("../../lib/events/keyboard/KeyboardEventCodes"
 
 var _Input = require("../Input");
 
-var _client = require("../../lib/client");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
 
@@ -19,12 +16,14 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Emotion = require("../../lib/theming/Emotion");
 
 var _rootNode = require("../../lib/rootNode");
+var _SizeDecorator = require("../../lib/size/SizeDecorator");
+
 var _createPropsGetter = require("../../lib/createPropsGetter");
 
 var _PasswordInput2 = require("./PasswordInput.styles");
 var _PasswordInputIcon = require("./PasswordInputIcon");
 
-var _locale = require("./locale");var _excluded = ["detectCapsLock"];var _dec, _class, _PasswordInput;
+var _locale = require("./locale");var _dec, _class, _PasswordInput;
 
 
 
@@ -46,41 +45,22 @@ var PasswordInputDataTids = exports.PasswordInputDataTids = {
   eyeIcon: 'PasswordInputEyeIcon'
 };
 
-
-
 /**
- * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.
- *
- * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.
+ * Однострочное поле для ввода пароля, в котором символы заменяются на точки.
  */var
 
 
-PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('PasswordInput', _locale.PasswordInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_PasswordInput = /*#__PURE__*/function (_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 = exports.PasswordInput = (_dec = (0, _decorators.locale)('PasswordInput', _locale.PasswordInputLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (0, _SizeDecorator.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++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(PasswordInput.defaultProps);_this.
-
     state = {
       visible: false,
       focused: false,
       capsLockEnabled: false
-    };
-
-
-
-
+    };_this.
 
 
 
@@ -90,6 +70,7 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)({});
 
 
 
@@ -120,7 +101,8 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
 
 
 
-    /**
+    /** Программно устанавливает фокус на поле.
+     * Появляется фокусная рамка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
      * @public
      */_this.
     focus = function () {
@@ -129,7 +111,7 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
       }
     };
 
-    /**
+    /** Программно снимает фокус с кнопки.
      * @public
      */_this.
     blur = function () {
@@ -232,7 +214,7 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
           className: _PasswordInput2.styles.icon(),
           "data-tid": PasswordInputDataTids.eyeIcon }, /*#__PURE__*/
 
-        _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, { size: _this.props.size, visible: _this.state.visible })
+        _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, { size: _this.size, visible: _this.state.visible })
         )
 
         )
@@ -249,15 +231,6 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
     };_this.
 
     renderMain = function (props) {
-      var detectCapsLock = props.detectCapsLock,rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-      var inputProps = (0, _extends2.default)({},
-      rest, {
-        onKeyDown: _this.handleKeydown,
-        onKeyPress: _this.handleKeyPress,
-        rightIcon: _this.renderEye(),
-        onFocus: _this.handleFocus });
-
-
       return /*#__PURE__*/(
         _react.default.createElement(_RenderLayer.RenderLayer, {
           active: _this.state.focused,
@@ -265,13 +238,16 @@ PasswordInput = exports.PasswordInput = (_dec = (0, _decorators.locale)('Passwor
           onClickOutside: _this.handleFocusOutside }, /*#__PURE__*/
 
         _react.default.createElement("div", { "data-tid": PasswordInputDataTids.root, className: _PasswordInput2.styles.root() }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: _this.refInput, type: _this.state.visible ? 'text' : 'password' }, inputProps))
+        _react.default.createElement(_Input.Input, (0, _extends2.default)({
+          ref: _this.refInput,
+          type: _this.state.visible ? 'text' : 'password',
+          onKeyDown: _this.handleKeydown,
+          onKeyPress: _this.handleKeyPress,
+          rightIcon: _this.renderEye(),
+          onFocus: _this.handleFocus },
+        props)
+        )
         )
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);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 _this3 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.getProps()), _this3.renderMain);});};_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {switch (this.getProps().size) {case 'large':return _PasswordInput2.styles.eyeWrapperLarge(this.theme);case 'medium':return _PasswordInput2.styles.eyeWrapperMedium(this.theme);case 'small':default:return _PasswordInput2.styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput.propTypes = { /**
-   * Включает CapsLock детектор
-   */detectCapsLock: _propTypes.default.bool }, _PasswordInput.defaultProps = { size: 'small' }, _PasswordInput)) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(PasswordInput, _React$PureComponent);var _proto = PasswordInput.prototype;_proto.componentDidMount = function componentDidMount() {if (this.props.detectCapsLock) {this.setState({ capsLockEnabled: null });}};PasswordInput.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {if (props.disabled) {return { visible: false };}return state;};_proto.render = function render() {var _this3 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this3.theme = theme;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.getProps()), _this3.renderMain);});};_proto.getEyeWrapperClassname = function getEyeWrapperClassname() {switch (this.size) {case 'large':return _PasswordInput2.styles.eyeWrapperLarge(this.theme);case 'medium':return _PasswordInput2.styles.eyeWrapperMedium(this.theme);case 'small':default:return _PasswordInput2.styles.eyeWrapperSmall(this.theme);}};return PasswordInput;}(_react.default.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput)) || _class) || _class) || _class);