@skbkontur/react-ui 0.0.0-0d47d85432 → 0.0.0-0dca6f33be

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

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

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

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

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

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

package/cjs/components/PasswordInput/ClosedIcon.js

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

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

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

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

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

package/cjs/components/PasswordInput/OpenedIcon.js

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

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

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

package/cjs/components/PasswordInput/PasswordInput.js

@@ -16,6 +16,7 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _PasswordInput = require("./PasswordInput.styles");
 var _PasswordInputIcon = require("./PasswordInputIcon");var _excluded = ["detectCapsLock"];var _class, _class2, _temp;
@@ -190,12 +191,16 @@ PasswordInput = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*
         capsLockEnabled && /*#__PURE__*/
         _react.default.createElement("span", { className: _PasswordInput.styles.capsLockDetector(), "data-tid": PasswordInputDataTids.capsLockDetector }), /*#__PURE__*/
 
-        _react.default.createElement("span", {
-          "data-tid": PasswordInputDataTids.eyeIcon,
-          className: (0, _Emotion.cx)(_PasswordInput.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()),
-          onClick: _this.handleToggleVisibility },
+        _react.default.createElement("span", { className: (0, _Emotion.cx)(_PasswordInput.styles.toggleVisibility(_this.theme), _this.getEyeWrapperClassname()) },
+        !_this.props.disabled && /*#__PURE__*/
+        _react.default.createElement("span", { onClick: _this.handleToggleVisibility, "data-tid": PasswordInputDataTids.eyeIcon }, /*#__PURE__*/
+        _react.default.createElement(_PasswordInputIcon.PasswordInputIcon, {
+          size: _this.props.size,
+          visible: _this.state.visible,
+          isTheme2022: (0, _ThemeHelpers.isTheme2022)(_this.theme) })))));
+
+
 
-        !_this.props.disabled && /*#__PURE__*/_react.default.createElement(_PasswordInputIcon.PasswordInputIcon, { visible: _this.state.visible }))));
 
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["PasswordInput.tsx"],"names":["PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","rootNode","getProps","defaultProps","state","visible","capsLockEnabled","focus","input","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","styles","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","refInput","element","hideSymbols","renderMain","rest","inputProps","rightIcon","componentDidMount","isIE11","window","document","msCapsLockWarningOff","getDerivedStateFromProps","render","setRootNode","size","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool"],"mappings":";;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,wD;;;;;;;;;;;AAWO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,eAD6B;AAEnCC,EAAAA,gBAAgB,EAAE,+BAFiB;AAGnCC,EAAAA,OAAO,EAAE,sBAH0B,EAA9B,C;;;;;AAQP;AACA;AACA,G;;AAEaC,a,OADZC,kB;;;;;;;;;;;;;;AAeSC,IAAAA,Q,GAAW,0CAAkBF,aAAa,CAACG,YAAhC,C;;AAEZC,IAAAA,K,GAA4B;AACjCC,MAAAA,OAAO,EAAE,KADwB;AAEjCC,MAAAA,eAAe,EAAE,KAFgB,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiD5BC,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;;;;AAKME,IAAAA,I,GAAO,YAAM;AAClB,YAAKC,UAAL;AACD,K;;AAEOC,IAAAA,c,GAAiB,UAACC,CAAD,EAA8C;AACrE,wBAAuC,MAAKC,KAA5C,CAAQC,UAAR,eAAQA,UAAR,CAAoBC,cAApB,eAAoBA,cAApB;;AAEA,UAAID,UAAJ,EAAgB;AACdA,QAAAA,UAAU,CAACF,CAAD,CAAV;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,UAAMT,eAAe,GAAGM,CAAC,CAACI,gBAAF,CAAmBC,uCAAMC,QAAzB,CAAxB;;AAEA,YAAKC,QAAL,CAAc,EAAEb,eAAe,EAAfA,eAAF,EAAd;AACD,K;;AAEOc,IAAAA,a,GAAgB,UAACR,CAAD,EAA8C;AACpE;AACEC,MAAAA,KADF,CACWE,cADX,0BACWA,cADX,CAC2BM,SAD3B,0BAC2BA,SAD3B;AAEWf,MAAAA,eAFX,yBAEEF,KAFF,CAEWE,eAFX;;;AAKA,UAAIe,SAAJ,EAAe;AACbA,QAAAA,SAAS,CAACT,CAAD,CAAT;AACD;;AAED,UAAI,CAACG,cAAL,EAAqB;AACnB;AACD;;AAED,UAAI,gCAAcH,CAAd,KAAoB,0BAAcN,eAAd,CAAxB,EAAwD;AACtD,cAAKa,QAAL,CAAc,EAAEb,eAAe,EAAE,CAACA,eAApB,EAAd;AACD;AACF,K;;AAEOgB,IAAAA,sB,GAAyB,YAAM;AACrC,YAAKH,QAAL,CAAc,UAACI,SAAD,UAAgB,EAAElB,OAAO,EAAE,CAACkB,SAAS,CAAClB,OAAtB,EAAhB,EAAd,EAAgE,MAAKmB,WAArE;AACD,K;;AAEOA,IAAAA,W,GAAc,YAAM;AAC1B,UAAI,MAAKhB,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,K;;AAEOG,IAAAA,U,GAAa,YAAM;AACzB,UAAI,MAAKF,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,IAAX;AACD;AACF,K;;;;;;;;;;;;;;AAcOgB,IAAAA,S,GAAY,YAAM;AACxB,UAAQnB,eAAR,GAA4B,MAAKF,KAAjC,CAAQE,eAAR;;AAEA;AACE,+CAAM,SAAS,EAAEoB,sBAAOC,WAAP,EAAjB;AACGrB,QAAAA,eAAe;AACd,+CAAM,SAAS,EAAEoB,sBAAO5B,gBAAP,EAAjB,EAA4C,YAAUF,qBAAqB,CAACE,gBAA5E,GAFJ;;AAIE;AACE,sBAAUF,qBAAqB,CAACG,OADlC;AAEE,UAAA,SAAS,EAAE,iBAAG2B,sBAAOE,gBAAP,CAAwB,MAAKC,KAA7B,CAAH,EAAwC,MAAKC,sBAAL,EAAxC,CAFb;AAGE,UAAA,OAAO,EAAE,MAAKR,sBAHhB;;AAKG,SAAC,MAAKT,KAAL,CAAWkB,QAAZ,iBAAwB,6BAAC,oCAAD,IAAmB,OAAO,EAAE,MAAK3B,KAAL,CAAWC,OAAvC,GAL3B,CAJF,CADF;;;;AAcD,K;;AAEO2B,IAAAA,Q,GAAW,UAACC,OAAD,EAAoB;AACrC,YAAKzB,KAAL,GAAayB,OAAb;AACD,K;;AAEOC,IAAAA,W,GAAc,YAAM;AAC1B,YAAKf,QAAL,CAAc,EAAEd,OAAO,EAAE,KAAX,EAAd;AACD,K;;AAEO8B,IAAAA,U,GAAa,UAACtB,KAAD,EAAuD;AAC1E,UAAQE,cAAR,GAAoCF,KAApC,CAAQE,cAAR,CAA2BqB,IAA3B,+CAAoCvB,KAApC;AACA,UAAMwB,UAAU;AACXD,MAAAA,IADW;AAEdf,QAAAA,SAAS,EAAE,MAAKD,aAFF;AAGdN,QAAAA,UAAU,EAAE,MAAKH,cAHH;AAId2B,QAAAA,SAAS,EAAE,MAAKb,SAAL,EAJG,GAAhB;;;AAOA;AACE,qCAAC,wBAAD,IAAa,cAAc,EAAE,MAAKS,WAAlC,EAA+C,cAAc,EAAE,MAAKA,WAApE;AACE,8CAAK,YAAUtC,qBAAqB,CAACC,IAArC,EAA2C,SAAS,EAAE6B,sBAAO7B,IAAP,EAAtD;AACE,qCAAC,YAAD,2BAAO,GAAG,EAAE,MAAKmC,QAAjB,EAA2B,IAAI,EAAE,MAAK5B,KAAL,CAAWC,OAAX,GAAqB,MAArB,GAA8B,UAA/D,IAA+EgC,UAA/E,EADF,CADF,CADF;;;;AAOD,K,2DA9JME,iB,GAAP,6BAA2B,CACzB,IAAI,KAAK1B,KAAL,CAAWE,cAAf,EAA+B,CAC7B,KAAKI,QAAL,CAAc,EAAEb,eAAe,EAAE,IAAnB,EAAd,EACD,CAHwB,CAKzB;AACA,QAAIkC,kBAAU,CAACC,MAAM,CAACC,QAAP,CAAgBC,oBAA/B,EAAqD,CACnD;AACA;AACAF,MAAAA,MAAM,CAACC,QAAP,CAAgBC,oBAAhB,GAAuC,IAAvC,CACD,CACF,C,eAEaC,wB,GAAd,kCAAuC/B,KAAvC,EAAkET,KAAlE,EAA6F,CAC3F,IAAIS,KAAK,CAACkB,QAAV,EAAoB,CAClB,OAAO,EAAE1B,OAAO,EAAE,KAAX,EAAP,CACD,CAED,OAAOD,KAAP,CACD,C,QAEMyC,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAChB,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,MAAI,CAACiB,WAAjC,IAAkD,MAAI,CAACjC,KAAvD,GACG,MAAI,CAACsB,UADR,CADF,CAKD,CARH,CADF,CAYD,C,CAED;AACF;AACA,K,QAiEUL,sB,GAAR,kCAAiC,CAC/B,QAAQ,KAAK5B,QAAL,GAAgB6C,IAAxB,GACE,KAAK,OAAL,CACE,OAAOrB,sBAAOsB,eAAP,CAAuB,KAAKnB,KAA5B,CAAP,CACF,KAAK,QAAL,CACE,OAAOH,sBAAOuB,gBAAP,CAAwB,KAAKpB,KAA7B,CAAP,CACF,KAAK,OAAL,CACA,QACE,OAAOH,sBAAOwB,eAAP,CAAuB,KAAKrB,KAA5B,CAAP,CAPJ,CASD,C,wBA3IgCsB,eAAMC,a,WACzBC,mB,GAAsB,e,UAEtBC,S,GAAY,EACxB;AACJ;AACA,KACIvC,cAAc,EAAEwC,mBAAUC,IAJF,E,UAOZrD,Y,GAA6B,EACzC4C,IAAI,EAAE,OADmC,E","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\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 { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\n\nexport interface PasswordInputProps extends CommonProps, InputProps {\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: 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 * Компонент для ввода пароля\n */\n@rootNode\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\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    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\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 && !window.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      window.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.props}>\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    this.handleBlur();\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.handleFocus);\n  };\n\n  private handleFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (this.input) {\n      this.input.blur();\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\n          data-tid={PasswordInputDataTids.eyeIcon}\n          className={cx(styles.toggleVisibility(this.theme), this.getEyeWrapperClassname())}\n          onClick={this.handleToggleVisibility}\n        >\n          {!this.props.disabled && <PasswordInputIcon visible={this.state.visible} />}\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    };\n\n    return (\n      <RenderLayer onFocusOutside={this.hideSymbols} onClickOutside={this.hideSymbols}>\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"]}
+{"version":3,"sources":["PasswordInput.tsx"],"names":["PasswordInputDataTids","root","capsLockDetector","eyeIcon","PasswordInput","rootNode","getProps","defaultProps","state","visible","capsLockEnabled","focus","input","blur","handleBlur","handleKeyPress","e","props","onKeyPress","detectCapsLock","getModifierState","Codes","CapsLock","setState","handleKeydown","onKeyDown","handleToggleVisibility","prevState","handleFocus","renderEye","styles","iconWrapper","toggleVisibility","theme","getEyeWrapperClassname","disabled","size","refInput","element","hideSymbols","renderMain","rest","inputProps","rightIcon","componentDidMount","isIE11","window","document","msCapsLockWarningOff","getDerivedStateFromProps","render","setRootNode","eyeWrapperLarge","eyeWrapperMedium","eyeWrapperSmall","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\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 { Input, InputProps } from '../Input';\nimport { Nullable } from '../../typings/utility-types';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './PasswordInput.styles';\nimport { PasswordInputIcon } from './PasswordInputIcon';\n\nexport interface PasswordInputProps extends CommonProps, InputProps {\n  detectCapsLock?: boolean;\n}\n\nexport interface PasswordInputState {\n  visible: 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 * Компонент для ввода пароля\n */\n@rootNode\nexport class PasswordInput extends React.PureComponent<PasswordInputProps, PasswordInputState> {\n  public static __KONTUR_REACT_UI__ = 'PasswordInput';\n\n  public static propTypes = {\n    /**\n     * Включает CapsLock детектор\n     */\n    detectCapsLock: PropTypes.bool,\n  };\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    capsLockEnabled: false,\n  };\n\n  private theme!: Theme;\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\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 && !window.document.msCapsLockWarningOff) {\n      // @ts-expect-error: Read the comment above.\n      // turns off default ie capslock warning\n      window.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.props}>\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    this.handleBlur();\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.handleFocus);\n  };\n\n  private handleFocus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  private handleBlur = () => {\n    if (this.input) {\n      this.input.blur();\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            <span onClick={this.handleToggleVisibility} data-tid={PasswordInputDataTids.eyeIcon}>\n              <PasswordInputIcon\n                size={this.props.size}\n                visible={this.state.visible}\n                isTheme2022={isTheme2022(this.theme)}\n              />\n            </span>\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    };\n\n    return (\n      <RenderLayer onFocusOutside={this.hideSymbols} onClickOutside={this.hideSymbols}>\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"]}

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

@@ -1,3 +1,5 @@
-import { PasswordInputState } from './PasswordInput';
-export declare type PasswordInputIconProps = Pick<PasswordInputState, 'visible'>;
-export declare const PasswordInputIcon: ({ visible }: PasswordInputIconProps) => JSX.Element;
+import { PasswordInputProps, PasswordInputState } from './PasswordInput';
+export declare type PasswordInputIconProps = Pick<PasswordInputState, 'visible'> & Pick<PasswordInputProps, 'size'> & {
+    isTheme2022: boolean;
+};
+export declare const PasswordInputIcon: ({ visible, size, isTheme2022 }: PasswordInputIconProps) => JSX.Element;

package/cjs/components/PasswordInput/PasswordInputIcon.js

@@ -3,13 +3,18 @@
 var _px = require("../../internal/icons/16px");
 
 
+var _ClosedIcon = require("./ClosedIcon");
+var _OpenedIcon = require("./OpenedIcon");
 
 
 
-var PasswordInputIcon = function PasswordInputIcon(_ref) {var visible = _ref.visible;
+
+
+
+var PasswordInputIcon = function PasswordInputIcon(_ref) {var visible = _ref.visible,size = _ref.size,_ref$isTheme = _ref.isTheme2022,isTheme2022 = _ref$isTheme === void 0 ? false : _ref$isTheme;
   if (visible) {
-    return /*#__PURE__*/_react.default.createElement(_px.EyeClosedIcon, { size: 14 });
+    return isTheme2022 ? /*#__PURE__*/_react.default.createElement(_ClosedIcon.ClosedIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_px.EyeClosedIcon, { size: 14 });
   }
 
-  return /*#__PURE__*/_react.default.createElement(_px.EyeOpenedIcon, { size: 14 });
+  return isTheme2022 ? /*#__PURE__*/_react.default.createElement(_OpenedIcon.OpenedIcon, { size: size }) : /*#__PURE__*/_react.default.createElement(_px.EyeOpenedIcon, { size: 14 });
 };exports.PasswordInputIcon = PasswordInputIcon;

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

@@ -1 +1 @@
-{"version":3,"sources":["PasswordInputIcon.tsx"],"names":["PasswordInputIcon","visible"],"mappings":"+JAAA;;AAEA;;;;;;AAMO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyC,KAAtCC,OAAsC,QAAtCA,OAAsC;AACxE,MAAIA,OAAJ,EAAa;AACX,wBAAO,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAP;AACD;;AAED,sBAAO,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAP;AACD,CANM,C","sourcesContent":["import React from 'react';\n\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\n\nimport { PasswordInputState } from './PasswordInput';\n\nexport type PasswordInputIconProps = Pick<PasswordInputState, 'visible'>;\n\nexport const PasswordInputIcon = ({ visible }: PasswordInputIconProps) => {\n  if (visible) {\n    return <EyeClosedIcon size={14} />;\n  }\n\n  return <EyeOpenedIcon size={14} />;\n};\n"]}
+{"version":3,"sources":["PasswordInputIcon.tsx"],"names":["PasswordInputIcon","visible","size","isTheme2022"],"mappings":"+JAAA;;AAEA;;;AAGA;AACA;;;;;;;AAOO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAoE,KAAjEC,OAAiE,QAAjEA,OAAiE,CAAxDC,IAAwD,QAAxDA,IAAwD,qBAAlDC,WAAkD,CAAlDA,WAAkD,6BAApC,KAAoC;AACnG,MAAIF,OAAJ,EAAa;AACX,WAAOE,WAAW,gBAAG,6BAAC,sBAAD,IAAY,IAAI,EAAED,IAAlB,GAAH,gBAAgC,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAlD;AACD;;AAED,SAAOC,WAAW,gBAAG,6BAAC,sBAAD,IAAY,IAAI,EAAED,IAAlB,GAAH,gBAAgC,6BAAC,iBAAD,IAAe,IAAI,EAAE,EAArB,GAAlD;AACD,CANM,C","sourcesContent":["import React from 'react';\n\nimport { EyeClosedIcon, EyeOpenedIcon } from '../../internal/icons/16px';\n\nimport { PasswordInputProps, PasswordInputState } from './PasswordInput';\nimport { ClosedIcon } from './ClosedIcon';\nimport { OpenedIcon } from './OpenedIcon';\n\nexport type PasswordInputIconProps = Pick<PasswordInputState, 'visible'> &\n  Pick<PasswordInputProps, 'size'> & {\n    isTheme2022: boolean;\n  };\n\nexport const PasswordInputIcon = ({ visible, size, isTheme2022 = false }: PasswordInputIconProps) => {\n  if (visible) {\n    return isTheme2022 ? <ClosedIcon size={size} /> : <EyeClosedIcon size={14} />;\n  }\n\n  return isTheme2022 ? <OpenedIcon size={size} /> : <EyeOpenedIcon size={14} />;\n};\n"]}

package/cjs/components/Radio/Radio.styles.js

@@ -150,7 +150,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   checkedDisabled: function checkedDisabled(t) {
     return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::before {\n        background: ", ";\n      }\n    "])),
 
-    t.gray);
+    t.radioCheckedDisabledBulletBg);
 
 
   },

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["globalClasses","circle","mixins","afterOutline","t","css","radioOutlineWidth","radioSizeAfter","styles","root","radioPaddingY","radioLineHeight","radioFontSize","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","radioSize","rootIE11","rootChecked","radioCheckedHoverBgColor","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","checkboxFontSize","baselineCompensation","isChrome","circleSize","radioBorderWidthCompensation","circleOffsetY","radioCircleOffsetY","circleMarginX","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","focus","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","checkedDisabled","gray","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nconst mixins = {\n  afterOutline(t: Theme) {\n    return css`\n      content: ' ';\n      position: absolute;\n      left: -${t.radioOutlineWidth};\n      top: -${t.radioOutlineWidth};\n      width: ${t.radioSizeAfter};\n      height: ${t.radioSizeAfter};\n      border-width: ${t.radioOutlineWidth};\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    `;\n  },\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ${t.radioPaddingY};\n      padding-bottom: ${t.radioPaddingY};\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ${t.radioLineHeight};\n      font-size: ${t.radioFontSize};\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.radioSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n\n    const baselineCompensation = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);\n    const circleSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const circleOffsetY = `calc(${t.radioCircleOffsetY} + ${t.radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n    const circleMarginX = t.radioBorderWidthCompensation;\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      height: ${circleSize};\n      width: ${circleSize};\n      position: absolute;\n      left: 0;\n      margin: ${circleOffsetY} ${circleMarginX} 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorError};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ${t.radioBulletSize};\n        width: ${t.radioBulletSize};\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.gray};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Radio.styles.ts"],"names":["globalClasses","circle","mixins","afterOutline","t","css","radioOutlineWidth","radioSizeAfter","styles","root","radioPaddingY","radioLineHeight","radioFontSize","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","radioSize","rootIE11","rootChecked","radioCheckedHoverBgColor","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","checkboxFontSize","baselineCompensation","isChrome","circleSize","radioBorderWidthCompensation","circleOffsetY","radioCircleOffsetY","circleMarginX","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","focus","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\nimport { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nconst mixins = {\n  afterOutline(t: Theme) {\n    return css`\n      content: ' ';\n      position: absolute;\n      left: -${t.radioOutlineWidth};\n      top: -${t.radioOutlineWidth};\n      width: ${t.radioSizeAfter};\n      height: ${t.radioSizeAfter};\n      border-width: ${t.radioOutlineWidth};\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    `;\n  },\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ${t.radioPaddingY};\n      padding-bottom: ${t.radioPaddingY};\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ${t.radioLineHeight};\n      font-size: ${t.radioFontSize};\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        width: ${t.radioSize};\n        flex: 0 0 auto;\n      }\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n\n    const baselineCompensation = getLabGrotesqueBaselineCompensation(fontSize, labGrotesqueCompenstation, isChrome);\n    const circleSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const circleOffsetY = `calc(${t.radioCircleOffsetY} + ${t.radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n    const circleMarginX = t.radioBorderWidthCompensation;\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      height: ${circleSize};\n      width: ${circleSize};\n      position: absolute;\n      left: 0;\n      margin: ${circleOffsetY} ${circleMarginX} 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorError};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        height: ${t.radioBulletSize};\n        width: ${t.radioBulletSize};\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"]}

package/cjs/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { AriaAttributes } from 'react';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Prevent } from './Prevent';
 export interface RadioGroupProps<T = string | number> extends CommonProps {
@@ -59,6 +58,10 @@ export interface RadioGroupProps<T = string | number> extends CommonProps {
      * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
      */
     renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;
+    /**
+     * Атрибут для указания id элемента(-ов), описывающих его
+     */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
     /** Вызывается при изменении `value` */
     onValueChange?: (value: T) => void;
     onBlur?: (event: FocusEvent) => void;
@@ -84,19 +87,6 @@ declare type DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'
  */
 export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
     static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        inline: PropTypes.Requireable<boolean>;
-        name: PropTypes.Requireable<string>;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
     private theme;

package/cjs/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,4 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.RadioGroupDataTids = exports.RadioGroup = 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 _invariant = _interopRequireDefault(require("invariant"));
 
 var _utils = require("../../lib/utils");
@@ -82,6 +81,10 @@ var _RadioGroupContext = require("./RadioGroupContext");var _class, _class2, _te
 
 
 
+
+
+
+
 
 
 
@@ -112,20 +115,6 @@ RadioGroup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -199,6 +188,14 @@ RadioGroup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
 
 
+
+
+
+
+
+
+
+
 
 
 
@@ -240,7 +237,7 @@ RadioGroup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
 
       return /*#__PURE__*/(
-        _react.default.createElement("span", itemProps, /*#__PURE__*/
+        _react.default.createElement("span", (0, _extends2.default)({}, itemProps, { role: "presentation" }), /*#__PURE__*/
         _react.default.createElement(_Radio.Radio, { value: itemValue }, _this.getProps().renderItem(itemValue, data))));
 
 
@@ -255,10 +252,10 @@ RadioGroup = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/fu
 
     ref = function (element) {
       _this.node = element;
-    };_this.state = { activeItem: _this.props.defaultValue };return _this;}var _proto = RadioGroup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur;var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: _RadioGroup.styles.root() }, handlers), /*#__PURE__*/_react.default.createElement(_RadioGroupContext.RadioGroupContext.Provider, { value: this.getRadioGroupContextValue() }, this.renderChildren()))));} /**
+    };_this.state = { activeItem: _this.props.defaultValue };return _this;}var _proto = RadioGroup.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props = this.props,width = _this$props.width,onMouseLeave = _this$props.onMouseLeave,onMouseOver = _this$props.onMouseOver,onMouseEnter = _this$props.onMouseEnter,onBlur = _this$props.onBlur,ariaDescribedby = _this$props['aria-describedby'];var style = { width: width != null ? width : 'auto' };var handlers = { onMouseOver: onMouseOver, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave };return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_FocusTrap.FocusTrap, { onBlur: onBlur }, /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({ "data-tid": RadioGroupDataTids.root, ref: this.ref, style: style, className: _RadioGroup.styles.root(), role: "radiogroup" }, handlers, { "aria-describedby": ariaDescribedby }), /*#__PURE__*/_react.default.createElement(_RadioGroupContext.RadioGroupContext.Provider, { value: this.getRadioGroupContextValue() }, this.renderChildren()))));} /**
    * @public
    */;_proto.focus = function focus() {var node = this.node;if (!node) {return;}var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
-    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'RadioGroup', _class2.propTypes = { children: _propTypes.default.node, disabled: _propTypes.default.bool, error: _propTypes.default.bool, inline: _propTypes.default.bool, name: _propTypes.default.string, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onBlur: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func }, _class2.defaultProps = { renderItem: renderItem }, _class2.Prevent = _Prevent.Prevent, _temp)) || _class;exports.RadioGroup = RadioGroup;function renderItem(_value, data) {
+    if (!radio || radio.disabled) {radio = node.querySelector('input[type="radio"]:not([disabled])');}if (radio) {radio.focus();}};_proto.renderChildren = function renderChildren() {var _this$props2 = this.props,items = _this$props2.items,children = _this$props2.children;(0, _invariant.default)(!items && children || items && !children, 'Either items or children must be passed, not both');return items ? mapItems(this.renderRadio, items) : children;};return RadioGroup;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'RadioGroup', _class2.defaultProps = { renderItem: renderItem }, _class2.Prevent = _Prevent.Prevent, _temp)) || _class;exports.RadioGroup = RadioGroup;function renderItem(_value, data) {
   return data;
 }