@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/ScrollContainer/ScrollContainer.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 function items(count) {
   var items = [];
@@ -59,7 +60,7 @@ var absStyle = {
 </div>;
 ```
 
-Горизонтальный scrollbar.
+### Горизонтальный scrollbar
 
 ```jsx harmony
 var divStyle = {
@@ -142,8 +143,7 @@ var innerStyle = {
 </div>;
 ```
 
-
-Смещение скроллбара
+### Смещение скроллбара
 
 ```jsx harmony
 const containerStyle = {
@@ -171,6 +171,7 @@ const offsetY = {
 </div>
 ```
 
+### Скрытие если нет активности пользователя
 Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
 
 ```jsx harmony
@@ -194,6 +195,7 @@ var divStyle = {
 </div>
 ```
 
+### Показ скролбара при наведении
 Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
 
 ```jsx harmony

package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts

@@ -1,23 +1,22 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    scrollbarX: string;
-    scrollbarY: string;
-    scrollbarContainerX: string;
-    scrollbarContainerY: string;
-    inner: string;
-};
-export declare const getStyles: (emotion: Emotion) => {
-    root(): string;
-    inner(): string;
-    innerIE11(): string;
-    scrollBar(t: Theme): string;
-    visibleScrollBar(): string;
-    scrollBarInvert(t: Theme): string;
-    scrollBarContainerY(): string;
-    scrollBarY(t: Theme): string;
-    scrollBarYHover(t: Theme): string;
-    scrollBarContainerX(t: Theme): string;
-    scrollBarX(t: Theme): string;
-    scrollBarXHover(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    scrollbarX: string;
+    scrollbarY: string;
+    scrollbarContainerX: string;
+    scrollbarContainerY: string;
+    inner: string;
+};
+export declare const styles: {
+    root(): string;
+    inner(): string;
+    innerIE11(): string;
+    scrollBar(t: Theme): string;
+    visibleScrollBar(): string;
+    scrollBarInvert(t: Theme): string;
+    scrollBarContainerY(): string;
+    scrollBarY(t: Theme): string;
+    scrollBarYHover(t: Theme): string;
+    scrollBarContainerX(t: Theme): string;
+    scrollBarX(t: Theme): string;
+    scrollBarXHover(t: Theme): string;
+};

package/cjs/components/ScrollContainer/ScrollContainer.styles.js

@@ -1,6 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = 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;
 
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('scroll-container')({
@@ -11,18 +9,17 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('scroll-contain
   inner: 'inner'
 });
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n        overflow: hidden;\n        position: relative;\n      "])));
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
 
 
 
 
-      },
+  },
 
-      inner: function inner() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        overflow: scroll;\n        height: 100%;\n        width: 100%;\n\n        /* Hide scrobars without losing functionality */\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        &::-webkit-scrollbar {\n          width: 0;\n          height: 0;\n        }\n      "])));
+  inner: function inner() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
 
 
 
@@ -36,105 +33,105 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      innerIE11: function innerIE11() {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n        margin-bottom: -1px;\n        padding-bottom: 1px;\n        margin-right: -1px;\n        padding-right: 1px;\n      "])));
+  innerIE11: function innerIE11() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    "])));
 
 
 
 
 
 
-      },
+  },
 
-      scrollBar: function scrollBar(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        z-index: 200;\n        border-radius: 5px;\n        background: ", ";\n        opacity: 0;\n        transition:\n          opacity 0.3s ease-out,\n          width 0.2s,\n          height 0.2s;\n      "])),
+  scrollBar: function scrollBar(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])),
 
 
 
-        t.scrollContainerScrollBarColor);
+    t.scrollContainerScrollBarColor);
 
 
 
 
 
 
-      },
+  },
 
-      visibleScrollBar: function visibleScrollBar() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        opacity: 1;\n        transition:\n          opacity 0.1s ease-out,\n          width 0.2s,\n          height 0.2s;\n      "])));
+  visibleScrollBar: function visibleScrollBar() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    "])));
 
 
 
 
 
 
-      },
+  },
 
-      scrollBarInvert: function scrollBarInvert(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: #ccc;\n        background: ", ";\n      "])),
+  scrollBarInvert: function scrollBarInvert(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: #ccc;\n      background: ", ";\n    "])),
 
-        t.scrollContainerScrollBarInvertColor);
+    t.scrollContainerScrollBarInvertColor);
 
-      },
+  },
 
-      scrollBarContainerY: function scrollBarContainerY() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        right: 2px;\n        top: 1px;\n        bottom: 1px;\n        width: 0;\n      "])));
+  scrollBarContainerY: function scrollBarContainerY() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
 
 
 
 
 
 
-      },
+  },
 
-      scrollBarY: function scrollBarY(t) {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        right: 0;\n        width: ", ";\n      "])),
+  scrollBarY: function scrollBarY(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      width: ", ";\n    "])),
 
-        t.scrollContainerScrollBarSize);
+    t.scrollContainerScrollBarSize);
 
-      },
+  },
 
-      scrollBarYHover: function scrollBarYHover(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: ", ";\n      "])),
-        t.scrollContainerScrollBarHoverSize);
+  scrollBarYHover: function scrollBarYHover(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n    "])),
+    t.scrollContainerScrollBarHoverSize);
 
-      },
+  },
 
-      scrollBarContainerX: function scrollBarContainerX(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        height: 0;\n\n        .", " ~ & {\n          margin-right: calc(", " + 3px) !important;\n        }\n\n        & ~ .", " {\n          &::after {\n            content: ' ';\n            width: 100%;\n            display: block;\n            height: calc(", " + 2px);\n          }\n        }\n      "])),
+  scrollBarContainerX: function scrollBarContainerX(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])),
 
 
 
 
 
 
-        globalClasses.scrollbarContainerY,
-        t.scrollContainerScrollBarHoverSize,
+    globalClasses.scrollbarContainerY,
+    t.scrollContainerScrollBarHoverSize,
 
 
-        globalClasses.inner,
+    globalClasses.inner,
 
 
 
 
-        t.scrollContainerScrollBarHoverSize);
+    t.scrollContainerScrollBarHoverSize);
 
 
 
-      },
+  },
 
-      scrollBarX: function scrollBarX(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        bottom: 0;\n        height: ", ";\n      "])),
+  scrollBarX: function scrollBarX(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      height: ", ";\n    "])),
 
-        t.scrollContainerScrollBarSize);
+    t.scrollContainerScrollBarSize);
 
-      },
+  },
 
-      scrollBarXHover: function scrollBarXHover(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: ", ";\n      "])),
-        t.scrollContainerScrollBarHoverSize);
+  scrollBarXHover: function scrollBarXHover(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    t.scrollContainerScrollBarHoverSize);
 
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","globalClasses","exports","prefix","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","getStyles","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        height: 100%;\n        overflow: hidden;\n        position: relative;\n      `;\n    },\n\n    inner() {\n      return emotion.css`\n        position: relative;\n        overflow: scroll;\n        height: 100%;\n        width: 100%;\n\n        /* Hide scrobars without losing functionality */\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        &::-webkit-scrollbar {\n          width: 0;\n          height: 0;\n        }\n      `;\n    },\n\n    innerIE11() {\n      return emotion.css`\n        /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n        margin-bottom: -1px;\n        padding-bottom: 1px;\n        margin-right: -1px;\n        padding-right: 1px;\n      `;\n    },\n\n    scrollBar(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        z-index: 200;\n        border-radius: 5px;\n        background: ${t.scrollContainerScrollBarColor};\n        opacity: 0;\n        transition:\n          opacity 0.3s ease-out,\n          width 0.2s,\n          height 0.2s;\n      `;\n    },\n\n    visibleScrollBar() {\n      return emotion.css`\n        opacity: 1;\n        transition:\n          opacity 0.1s ease-out,\n          width 0.2s,\n          height 0.2s;\n      `;\n    },\n\n    scrollBarInvert(t: Theme) {\n      return emotion.css`\n        background: #ccc;\n        background: ${t.scrollContainerScrollBarInvertColor};\n      `;\n    },\n\n    scrollBarContainerY() {\n      return emotion.css`\n        position: absolute;\n        right: 2px;\n        top: 1px;\n        bottom: 1px;\n        width: 0;\n      `;\n    },\n\n    scrollBarY(t: Theme) {\n      return emotion.css`\n        right: 0;\n        width: ${t.scrollContainerScrollBarSize};\n      `;\n    },\n\n    scrollBarYHover(t: Theme) {\n      return emotion.css`\n        width: ${t.scrollContainerScrollBarHoverSize};\n      `;\n    },\n\n    scrollBarContainerX(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        right: 1px;\n        bottom: 1px;\n        left: 1px;\n        height: 0;\n\n        .${globalClasses.scrollbarContainerY} ~ & {\n          margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n        }\n\n        & ~ .${globalClasses.inner} {\n          &::after {\n            content: ' ';\n            width: 100%;\n            display: block;\n            height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n          }\n        }\n      `;\n    },\n\n    scrollBarX(t: Theme) {\n      return emotion.css`\n        bottom: 0;\n        height: ${t.scrollContainerScrollBarSize};\n      `;\n    },\n\n    scrollBarXHover(t: Theme) {\n      return emotion.css`\n        height: ${t.scrollContainerScrollBarHoverSize};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","globalClasses","exports","prefix","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"sources":["ScrollContainer.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition:\n        opacity 0.3s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition:\n        opacity 0.1s ease-out,\n        width 0.2s,\n        height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ScrollContainer/index.d.ts

@@ -1 +1 @@
-export * from './ScrollContainer';
+export * from './ScrollContainer';

package/cjs/components/Select/ArrowDownIcon.d.ts

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

package/cjs/components/Select/Item.d.ts

@@ -1,11 +1,13 @@
-import React from 'react';
-interface ItemProps {
-    children?: React.ReactNode;
-    isNotSelectable?: boolean;
-}
-export declare class Item extends React.Component<ItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+interface ItemProps {
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Запрещает выделение и выбор данного пункта. */
+    isNotSelectable?: boolean;
+}
+export declare class Item extends React.Component<ItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    render(): React.JSX.Element;
+}
+export {};

package/cjs/components/Select/Item.js

@@ -6,6 +6,9 @@ var _MenuItem = require("../MenuItem");var
 
 
 
+
+
+
 Item = exports.Item = /*#__PURE__*/function (_React$Component) {function Item() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(Item, _React$Component);var _proto = Item.prototype;_proto.
 
 

package/cjs/components/Select/Item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_MenuItem","Item","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","createElement","MenuItem","isNotSelectable","props","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  children?: React.ReactNode;\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render() {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"wPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAAuC;;;;;;AAM1BE,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA,YAAAF,KAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,IAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOb,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,SAAA,CAAAY,QAAQ,IAACC,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAd,IAAA,GANuBe,cAAK,CAACC,SAAS,EAA5BhB,IAAI,CACDiB,mBAAmB,GAAG,YAAY,CADrCjB,IAAI,CAEDkB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_MenuItem","Item","exports","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","createElement","MenuItem","isNotSelectable","props","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n  /** @ignore */\n  children?: React.ReactNode;\n\n  /** Запрещает выделение и выбор данного пункта. */\n  isNotSelectable?: boolean;\n}\nexport class Item extends React.Component<ItemProps> {\n  public static __KONTUR_REACT_UI__ = 'SelectItem';\n  public static displayName = 'SelectItem';\n\n  public render() {\n    return <MenuItem isNotSelectable={this.props.isNotSelectable}>{this.props.children}</MenuItem>;\n  }\n}\n"],"mappings":"wPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,SAAA,GAAAD,OAAA,gBAAuC;;;;;;;;;AAS1BE,IAAI,GAAAC,OAAA,CAAAD,IAAA,0BAAAE,gBAAA,YAAAF,KAAA,UAAAE,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAE,gBAAA,MAAAK,MAAA,GAAAP,IAAA,CAAAQ,SAAA,CAAAD,MAAA;;;;EAIRE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,oBAAOb,MAAA,CAAAU,OAAA,CAAAI,aAAA,CAACX,SAAA,CAAAY,QAAQ,IAACC,eAAe,EAAE,IAAI,CAACC,KAAK,CAACD,eAAgB,IAAE,IAAI,CAACC,KAAK,CAACC,QAAmB,CAAC;EAChG,CAAC,QAAAd,IAAA,GANuBe,cAAK,CAACC,SAAS,EAA5BhB,IAAI,CACDiB,mBAAmB,GAAG,YAAY,CADrCjB,IAAI,CAEDkB,WAAW,GAAG,YAAY","ignoreList":[]}