npm - @skbkontur/react-ui - Versions diffs - 0.0.0-68e286f9fe → 0.0.0-6911f001e4 - Mend

@skbkontur/react-ui 0.0.0-68e286f9fe → 0.0.0-6911f001e4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (800) hide show

package/components/Paging/Paging.styles/Paging.styles.js CHANGED Viewed

@@ -1,47 +1,108 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
+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(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      user-select: none;\n      outline: 0;\n      font-size: ", ";\n      line-height: ", ";\n      display: inline-block;\n    "])), t.pagingFontSize, t.pagingLineHeight);
+  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(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n    "])));
   },
   dots: function dots(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      display: inline-block;\n      padding: ", ";\n    "])), t.pagingDotsColor, t.pagingDotsPadding);
+    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(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.pagingDotsDisabledColor);
   },
   forwardLink: function forwardLink(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      margin-top: ", ";\n      margin-left: ", ";\n      outline: none;\n      padding-right: ", ";\n      position: relative;\n      text-decoration: none;\n      user-select: none;\n      vertical-align: top;\n    "])), t.pagingForwardLinkColor, t.pagingPageForwardLinkMarginTop, t.pagingPageForwardLinkMarginLeft, t.pagingPageForwardLinkPaddingRight);
+    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(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.pagingForwardLinkDisabledColor);
   },
   pageLinkWrapper: function pageLinkWrapper() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      flex-flow: column nowrap;\n      text-align: center;\n      user-select: none;\n      vertical-align: top;\n    "])));
+    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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\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    "])), t.pagingPageLinkBoxSizing, t.pagingPageLinkBorderRadius, t.pagingPageLinkColor, t.pagingPageLinkMargin, t.pagingPageLinkMinWidth, t.pagingPageLinkPaddingY, t.pagingPageLinkPaddingX, t.pagingPageLinkPaddingY, t.pagingPageLinkHoverBg);
+    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(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      pointer-events: none;\n    "])), t.linkDisabledColor);
   },
   pageLinkCurrent: function pageLinkCurrent(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      background: ", " !important; // override hover styles\n      color: ", ";\n    "])), t.pagingPageLinkActiveBg, t.pagingPageLinkActiveColor);
+    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(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      background-color: ", " !important;\n      color: ", ";\n    "])), t.pagingPageLinkDisabledActiveBg, t.linkDisabledColor);
   },
   pageLinkFocused: function pageLinkFocused(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", "\n    "])), "\n          box-shadow: 0 0 0 2px " + t.borderColorFocus + ";\n        ");
   },
   transparent: function transparent() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      color: transparent;\n    "])));
   },
   pageLinkHint: function pageLinkHint(t) {
-    return css(_templateObject14 || (_templateObject14 = _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);
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin: ", ";\n      font-size: ", ";\n      height: ", ";\n      line-height: ", ";\n      color: ", ";\n    "])), t.pagingPageLinkHintMargin, t.pagingPageLinkHintFontSize, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintLineHeight, t.pagingPageLinkHintColor);
   }
 });

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

	@@ -1 +1 @@
1	- {"version":3,"names":["css","memoizeStyle","styles","paging","t","_templateObject","_taggedTemplateLiteralLoose","pagingFontSize","pagingLineHeight","pagingDisabled","_templateObject2","dots","_templateObject3","pagingDotsColor","pagingDotsPadding","dotsDisabled","_templateObject4","pagingDotsDisabledColor","forwardLink","_templateObject5","pagingForwardLinkColor","pagingPageForwardLinkMarginTop","pagingPageForwardLinkMarginLeft","pagingPageForwardLinkPaddingRight","forwardLinkDisabled","_templateObject6","pagingForwardLinkDisabledColor","pageLinkWrapper","_templateObject7","pageLink","_templateObject8","pagingPageLinkBoxSizing","pagingPageLinkBorderRadius","pagingPageLinkColor","pagingPageLinkMargin","pagingPageLinkMinWidth","pagingPageLinkPaddingY","pagingPageLinkPaddingX","pagingPageLinkHoverBg","pageLinkDisabled","_templateObject9","linkDisabledColor","pageLinkCurrent","_templateObject10","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pageLinkCurrentDisabled","_templateObject11","pagingPageLinkDisabledActiveBg","pageLinkFocused","_templateObject12","borderColorFocus","transparent","_templateObject13","pageLinkHint","_templateObject14","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":"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","ignoreList":[]}
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":[]}

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

@@ -1,13 +1,36 @@
 import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
-    paging(t: Theme): string;
+    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;
+    forwardLinkMediumMobile(t: Theme): string;
+    forwardLinkLargeMobile(t: Theme): string;
     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;
     pageLinkDisabled(t: Theme): string;
     pageLinkCurrent(t: Theme): string;
     pageLinkCurrentDisabled(t: Theme): string;

package/components/Paging/PagingHelper/PagingHelper.js CHANGED Viewed

@@ -1,15 +1,23 @@
-export 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;
+export 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 hasLeftDots = left > 3;
-  var from = hasLeftDots ? left : 1;
-  var hasRightDots = right < total - 2;
-  var to = hasRightDots ? right : 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 = groupLeftmost > 3;
+  var hasRightDots = groupRightmost < total - 2;
+  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) {

package/components/Paging/PagingHelper/PagingHelper.js.map CHANGED Viewed

	@@ -1 +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":";;AAEA,OAAO,~~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":[]}
1	+ {"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;;AAEhC,OAAO,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/components/Paging/PagingHelper.d.ts CHANGED Viewed

@@ -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/components/PasswordInput/PasswordInput/PasswordInput.js CHANGED Viewed

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["detectCapsLock"];
 var _dec, _class, _PasswordInput;
 import React from 'react';
 import { globalObject, isBrowser } from '@skbkontur/global-object';
@@ -16,6 +14,7 @@ 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 { PasswordInputIcon } from "../PasswordInputIcon";
@@ -31,19 +30,20 @@ export var PasswordInputDataTids = {
  *
  * Не используйте такое поле для ввода одноразовых кодов из смс. У них короткий срок действия и используются они только один раз.
  */
-export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHelper), rootNode(_class = _dec(_class = (_PasswordInput = /*#__PURE__*/function (_React$PureComponent) {
+export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHelper), 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++) {
       args[_key] = arguments[_key];
     }
     _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
-    _this.getProps = createPropsGetter(PasswordInput.defaultProps);
     _this.state = {
       visible: false,
       focused: false,
       capsLockEnabled: false
     };
+    _this.getProps = createPropsGetter({});
     /**
      * @public
@@ -149,7 +149,7 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
         }, /*#__PURE__*/
         React.createElement(PasswordInputIcon, {
-          size: _this.props.size,
+          size: _this.size,
           visible: _this.state.visible
         }))))
       );
@@ -163,14 +163,6 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
       });
     };
     _this.renderMain = function (props) {
-      var detectCapsLock = props.detectCapsLock,
-        rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var inputProps = _extends({}, rest, {
-        onKeyDown: _this.handleKeydown,
-        onKeyPress: _this.handleKeyPress,
-        rightIcon: _this.renderEye(),
-        onFocus: _this.handleFocus
-      });
       return /*#__PURE__*/(
         React.createElement(RenderLayer, {
           active: _this.state.focused,
@@ -184,8 +176,12 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
         }, /*#__PURE__*/
         React.createElement(Input, _extends({
           ref: _this.refInput,
-          type: _this.state.visible ? 'text' : 'password'
-        }, inputProps))))
+          type: _this.state.visible ? 'text' : 'password',
+          onKeyDown: _this.handleKeydown,
+          onKeyPress: _this.handleKeyPress,
+          rightIcon: _this.renderEye(),
+          onFocus: _this.handleFocus
+        }, props))))
       );
     };
     return _this;
@@ -222,7 +218,7 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
     });
   };
   _proto.getEyeWrapperClassname = function getEyeWrapperClassname() {
-    switch (this.getProps().size) {
+    switch (this.size) {
       case 'large':
         return styles.eyeWrapperLarge(this.theme);
       case 'medium':
@@ -233,6 +229,4 @@ export var PasswordInput = (_dec = locale('PasswordInput', PasswordInputLocaleHe
     }
   };
   return PasswordInput;
-}(React.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput.defaultProps = {
-  size: 'small'
-}, _PasswordInput)) || _class) || _class);
+}(React.PureComponent), _PasswordInput.__KONTUR_REACT_UI__ = 'PasswordInput', _PasswordInput.displayName = 'PasswordInput', _PasswordInput)) || _class) || _class) || _class);

package/components/PasswordInput/PasswordInput/PasswordInput.js.map CHANGED Viewed

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

package/components/PasswordInput/PasswordInput.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import type { AriaAttributes } from 'react';
 import React from 'react';
 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 детектор. */
     detectCapsLock?: boolean;
@@ -16,7 +17,6 @@ export declare const PasswordInputDataTids: {
     readonly capsLockDetector: "PasswordInputCapsLockDetector";
     readonly eyeIcon: "PasswordInputEyeIcon";
 };
-type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
 /**
  * `PasswordInput` — однострочное поле для ввода пароля, в котором символы заменяются на точки.
  *
@@ -25,18 +25,19 @@ type DefaultProps = Required<Pick<PasswordInputProps, 'size'>>;
 export declare class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    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
      */
@@ -57,4 +58,3 @@ export declare class PasswordInput extends React.PureComponent<PasswordInputProp
     private hideSymbols;
     private renderMain;
 }
-export {};

package/components/Radio/Radio/Radio.js CHANGED Viewed

@@ -15,6 +15,7 @@ import { isEdge, isIE11 } from "../../../lib/client";
 import { RadioGroupContext } from "../../RadioGroup/RadioGroupContext";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { withSize } from "../../../lib/size/SizeDecorator";
 import { styles, globalClasses } from "../Radio.styles";
 export var RadioDataTids = {
   root: 'Radio__root'
@@ -23,7 +24,7 @@ export var RadioDataTids = {
 /**
  * Радио-кнопки `Radio` используются, когда может быть выбран только один вариант из нескольких.
  */
-export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Component) {
+export var Radio = rootNode(_class = withSize(_class = (_Radio = /*#__PURE__*/function (_React$Component) {
   function Radio() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -148,7 +149,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
   _inheritsLoose(Radio, _React$Component);
   var _proto = Radio.prototype;
   _proto.getRootSizeClassName = function getRootSizeClassName() {
-    switch (this.getProps().size) {
+    switch (this.size) {
       case 'large':
         return styles.rootLarge(this.theme);
       case 'medium':
@@ -159,7 +160,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
     }
   };
   _proto.getCircleSizeClassName = function getCircleSizeClassName() {
-    switch (this.getProps().size) {
+    switch (this.size) {
       case 'large':
         return styles.circleLarge(this.theme);
       case 'medium':
@@ -170,7 +171,7 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
     }
   };
   _proto.getCheckedSizeClassName = function getCheckedSizeClassName() {
-    switch (this.getProps().size) {
+    switch (this.size) {
       case 'large':
         return styles.checkedLarge(this.theme);
       case 'medium':
@@ -211,6 +212,5 @@ export var Radio = rootNode(_class = (_Radio = /*#__PURE__*/function (_React$Com
   };
   return Radio;
 }(React.Component), _Radio.__KONTUR_REACT_UI__ = 'Radio', _Radio.displayName = 'Radio', _Radio.defaultProps = {
-  focused: false,
-  size: 'small'
-}, _Radio.contextType = RadioGroupContext, _Radio)) || _class;
+  focused: false
+}, _Radio.contextType = RadioGroupContext, _Radio)) || _class) || _class;