npm - @skbkontur/react-ui - Versions diffs - 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f - Mend

@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3cc4f2ce5f

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

Files changed (3149) hide show

package/cjs/components/Input/Input.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_DimensionFunctions","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","root","t","resetText","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","shift","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","hideBlinkingCursor"],"sources":["Input.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n wrapper() {\n return css`\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n ${resetText()};\n\n align-items: center;\n background-clip: ${t.inputBackgroundClip};\n background-color: ${t.inputBg};\n border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n border-top-color: ${t.inputBorderTopColor};\n transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n box-shadow: ${t.inputShadow};\n box-sizing: border-box;\n color: ${t.inputColor};\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ${t.inputWidth};\n\n & * {\n box-sizing: border-box;\n }\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.inputBorderColorHover};\n }\n `;\n },\n\n borderless() {\n return css`\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n `;\n },\n\n focus(t: Theme) {\n return css`\n background-color: ${t.inputFocusedBg};\n border-color: ${t.inputBorderColorFocus};\n box-shadow: ${t.inputFocusShadow};\n outline: none;\n z-index: 2;\n `;\n },\n\n focusFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n -ms-user-select: none;\n color: ${t.inputPlaceholderColor};\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n `;\n },\n\n placeholderFocus(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ${t.inputTextColor};\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ${t.inputColorScheme};\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColor};\n }\n `;\n },\n\n inputFocus(t: Theme) {\n return css`\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n color: ${t.inputTextColorDisabled};\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorWarning};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n z-index: 2;\n `;\n },\n\n warningFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorError};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n z-index: 2;\n `;\n },\n\n errorFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n background-color: ${t.inputDisabledBg};\n border-color: ${t.inputDisabledBorderColor};\n box-shadow: none;\n `;\n },\n\n blink(t: Theme) {\n const blinkAnimation = keyframes`\n 0% {\n background-color: ${t.inputBlinkColor};\n }\n `;\n return css`\n animation: ${blinkAnimation} 0.15s ease-in;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeSmall};\n line-height: ${t.inputLineHeightSmall};\n padding-top: ${t.inputPaddingYSmall};\n padding-bottom: ${t.inputPaddingYSmall};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n height: ${t.inputHeightSmall};\n border-radius: ${t.inputBorderRadiusSmall};\n `;\n },\n\n sizeSmallFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYSmall, '0')};\n padding-bottom: ${shift(t.inputPaddingYSmall, '0')};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n line-height: normal;\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeMedium};\n line-height: ${t.inputLineHeightMedium};\n padding-top: ${t.inputPaddingYMedium};\n padding-bottom: ${t.inputPaddingYMedium};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n height: ${t.inputHeightMedium};\n border-radius: ${t.inputBorderRadiusMedium};\n `;\n },\n\n sizeMediumFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYMedium, '0')};\n padding-bottom: ${shift(t.inputPaddingYMedium, '0')};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n line-height: normal;\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeLarge};\n line-height: ${t.inputLineHeightLarge};\n height: ${t.inputHeightLarge};\n padding-top: ${shift(t.inputPaddingYLarge, '0')};\n padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n border-radius: ${t.inputBorderRadiusLarge};\n `;\n },\n\n sizeLargeFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYLarge, '0')};\n padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_DimensionFunctions","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","root","t","resetText","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","focus","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","inputOutlineWidth","inputFocusOutline","placeholder","inputPlaceholderColor","placeholderFocus","inputPlaceholderColorLight","placeholderDisabled","inputPlaceholderColorDisabled","input","inputTextColor","inputColorScheme","inputFocus","inputDisabled","inputTextColorDisabled","warning","inputBorderColorWarning","warningFallback","error","inputBorderColorError","errorFallback","disabled","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","shift","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","hideBlinkingCursor"],"sources":["Input.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n wrapper() {\n return css`\n align-items: center;\n display: flex;\n margin: 0;\n min-width: 0;\n overflow: hidden;\n position: relative;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n\n &::before {\n content: '\\\\A0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n root(t: Theme) {\n return css`\n ${resetText()};\n\n align-items: center;\n background-clip: ${t.inputBackgroundClip};\n background-color: ${t.inputBg};\n border: ${t.inputBorderWidth} solid ${t.inputBorderColor};\n border-top-color: ${t.inputBorderTopColor};\n transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n box-shadow: ${t.inputShadow};\n box-sizing: border-box;\n color: ${t.inputColor};\n cursor: text;\n display: inline-flex;\n outline: none;\n position: relative;\n width: ${t.inputWidth};\n\n & * {\n box-sizing: border-box;\n }\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:hover {\n border-color: ${t.inputBorderColorHover};\n }\n `;\n },\n\n borderless() {\n return css`\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n `;\n },\n\n focus(t: Theme) {\n return css`\n background-color: ${t.inputFocusedBg};\n border-color: ${t.inputBorderColorFocus};\n box-shadow: ${t.inputFocusShadow};\n outline: none;\n z-index: 2;\n `;\n },\n\n focusFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n -ms-user-select: none;\n color: ${t.inputPlaceholderColor};\n cursor: text;\n font-size: inherit;\n height: 100%;\n left: 0;\n overflow: hidden;\n pointer-events: none;\n position: absolute;\n top: 0;\n user-select: none;\n white-space: nowrap;\n width: 100%;\n `;\n },\n\n placeholderFocus(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return css`\n -webkit-appearance: none;\n background: transparent;\n border: 0 none;\n color: ${t.inputTextColor};\n font: inherit;\n line-height: inherit;\n margin: 0;\n outline: none;\n padding: 0;\n text-overflow: clip;\n white-space: nowrap;\n width: 100%;\n color-scheme: ${t.inputColorScheme};\n\n &:-moz-placeholder {\n opacity: 1;\n }\n &::-moz-placeholder {\n opacity: 1;\n }\n &::-ms-clear {\n display: none;\n }\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColor};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColor};\n }\n `;\n },\n\n inputFocus(t: Theme) {\n return css`\n &:-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::-moz-placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n &::placeholder {\n color: ${t.inputPlaceholderColorLight};\n }\n `;\n },\n\n inputDisabled(t: Theme) {\n return css`\n color: ${t.inputTextColorDisabled};\n /* fix text color in safari https://bugs.webkit.org/show_bug.cgi?id=115510 */\n -webkit-text-fill-color: ${t.inputTextColorDisabled};\n\n &:-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::-moz-placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n &::placeholder {\n -webkit-text-fill-color: ${t.inputPlaceholderColorDisabled};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorWarning};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorWarning};\n z-index: 2;\n `;\n },\n\n warningFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.inputBorderColorError};\n box-shadow: 0 0 0 ${t.inputOutlineWidth} ${t.inputBorderColorError};\n z-index: 2;\n `;\n },\n\n errorFallback(t: Theme) {\n return css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n background-color: ${t.inputDisabledBg};\n border-color: ${t.inputDisabledBorderColor};\n box-shadow: none;\n `;\n },\n\n blink(t: Theme) {\n const blinkAnimation = keyframes`\n 0% {\n background-color: ${t.inputBlinkColor};\n }\n `;\n return css`\n animation: ${blinkAnimation} 0.15s ease-in;\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeSmall};\n line-height: ${t.inputLineHeightSmall};\n padding-top: ${t.inputPaddingYSmall};\n padding-bottom: ${t.inputPaddingYSmall};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n height: ${t.inputHeightSmall};\n border-radius: ${t.inputBorderRadiusSmall};\n `;\n },\n\n sizeSmallFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYSmall, '0')};\n padding-bottom: ${shift(t.inputPaddingYSmall, '0')};\n padding-left: ${t.inputPaddingXSmall};\n padding-right: ${t.inputPaddingXSmall};\n line-height: normal;\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeMedium};\n line-height: ${t.inputLineHeightMedium};\n padding-top: ${t.inputPaddingYMedium};\n padding-bottom: ${t.inputPaddingYMedium};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n height: ${t.inputHeightMedium};\n border-radius: ${t.inputBorderRadiusMedium};\n `;\n },\n\n sizeMediumFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYMedium, '0')};\n padding-bottom: ${shift(t.inputPaddingYMedium, '0')};\n padding-left: ${t.inputPaddingXMedium};\n padding-right: ${t.inputPaddingXMedium};\n line-height: normal;\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n font-size: ${t.inputFontSizeLarge};\n line-height: ${t.inputLineHeightLarge};\n height: ${t.inputHeightLarge};\n padding-top: ${shift(t.inputPaddingYLarge, '0')};\n padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n border-radius: ${t.inputBorderRadiusLarge};\n `;\n },\n\n sizeLargeFallback(t: Theme) {\n return css`\n padding-top: ${shift(t.inputPaddingYLarge, '0')};\n padding-bottom: ${shift(t.inputPaddingYLarge, '0')};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Input/Input.typings.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
-export type InputElement = (HTMLInputElement | {
-    input: HTMLInputElement | null;
-}) & {
-    getRootNode: () => HTMLElement | null;
-};
-export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;
+import type React from 'react';
+export type InputElement = (HTMLInputElement | {
+    input: HTMLInputElement | null;
+}) & {
+    getRootNode: () => HTMLElement | null;
+};
+export type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;

package/cjs/components/Input/Input.typings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["Input.typings.ts"],"sourcesContent":["import React from 'react';\n\nexport type InputElement = (HTMLInputElement \| { input: HTMLInputElement \| null }) & {\n getRootNode: () => HTMLElement \| null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["Input.typings.ts"],"sourcesContent":["import type React from 'react';\n\nexport type InputElement = (HTMLInputElement \| { input: HTMLInputElement \| null }) & {\n getRootNode: () => HTMLElement \| null;\n};\n\nexport type InputElementProps = React.InputHTMLAttributes<HTMLInputElement>;\n"],"mappings":"","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayout.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import React from 'react';
-import { InputProps } from '../Input';
-import { CommonProps } from '../../../internal/CommonWrapper';
-import { InputLayoutContextProps } from './InputLayoutContext';
-type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
-export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
-    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
-    context: Partial<InputLayoutContextProps>;
-}
-export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
-export {};
+import React from 'react';
+import type { InputProps } from '../Input';
+import type { CommonProps } from '../../../internal/CommonWrapper';
+import type { InputLayoutContextProps } from './InputLayoutContext';
+type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
+export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
+    labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
+    context: Partial<InputLayoutContextProps>;
+}
+export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps> & Record<never, never>;
+export {};

package/cjs/components/Input/InputLayout/InputLayout.js CHANGED Viewed

@@ -1,10 +1,13 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
 var _forwardRefAndName = require("../../../lib/forwardRefAndName");
 var _Input = require("../Input");
 var _CommonWrapper = require("../../../internal/CommonWrapper");
 var _InputLayoutAside = require("./InputLayoutAside");
 var _InputLayoutContext = require("./InputLayoutContext");
 var _InputLayout = require("./InputLayout.styles");

package/cjs/components/Input/InputLayout/InputLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends2","default","InputLayoutContextDefault","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { ~~InputDataTids,~~ InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, ~~InputLayoutContextProps~~ } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' \| 'rightIcon' \| 'prefix' \| 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n return (\n <InputLayoutContext.Provider value={_context}>\n <CommonWrapper {...props}>\n <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n <span className={stylesLayout.input()}>{children}</span>\n <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n </label>\n </CommonWrapper>\n </InputLayoutContext.Provider>\n );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA~~;AACA~~,IAAAE,MAAA,GAAAF,OAAA~~;AACA~~,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA~~;AACA~~,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;AASO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKL,OAAO,CAAE;;EAEtF;IACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAEP,QAAS;IAC3CrB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,cAAA,CAAAwB,aAAa,EAAKjB,KAAK;IACtBZ,MAAA,CAAAuB,OAAA,CAAAE,aAAA,cAAAH,SAAA,CAAAC,OAAA,IAAOV,GAAG,EAAEA,GAAI,EAAC,YAAUiB,oBAAa,CAACC,IAAK,IAAKb,UAAU;IAC3DlB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAEnB,QAAS,EAACoB,IAAI,EAAElB,MAAO,EAACmB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DnC,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAElB,QAAe,CAAC;IACxDpB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAElB,SAAU,EAACmB,IAAI,EAAEjB,MAAO,EAACkB,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Input","_CommonWrapper","_InputLayoutAside","_InputLayoutContext","_InputLayout","InputLayout","exports","forwardRefAndName","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends2","default","InputLayoutContextDefault","createElement","InputLayoutContext","Provider","value","CommonWrapper","InputDataTids","root","InputLayoutAside","icon","text","side","className","stylesLayout","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport type { InputProps } from '../Input';\nimport { InputDataTids } from '../Input';\nimport type { CommonProps } from '../../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport type { InputLayoutContextProps } from './InputLayoutContext';\nimport { InputLayoutContext, InputLayoutContextDefault } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' \| 'rightIcon' \| 'prefix' \| 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n return (\n <InputLayoutContext.Provider value={_context}>\n <CommonWrapper {...props}>\n <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n <span className={stylesLayout.input()}>{children}</span>\n <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n </label>\n </CommonWrapper>\n </InputLayoutContext.Provider>\n );\n});\n"],"mappings":"mPAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;;;;AASO,IAAMO,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oCAAiB,EAAyC,aAAa,EAAE,UAACC,KAAK,EAAEC,GAAG,EAAK;EAClH,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ,CAAEC,SAAS,GAAoDH,KAAK,CAAlEG,SAAS,CAAEC,MAAM,GAA4CJ,KAAK,CAAvDI,MAAM,CAAEC,MAAM,GAAoCL,KAAK,CAA/CK,MAAM,CAAEC,UAAU,GAAwBN,KAAK,CAAvCM,UAAU,CAAEC,OAAO,GAAeP,KAAK,CAA3BO,OAAO,CAAEC,QAAQ,GAAKR,KAAK,CAAlBQ,QAAQ;EAC1E,IAAMC,QAAiC,OAAAC,SAAA,CAAAC,OAAA,MAAQC,6CAAyB,EAAKL,OAAO,CAAE;;EAEtF;IACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAAClB,mBAAA,CAAAmB,kBAAkB,CAACC,QAAQ,IAACC,KAAK,EAAEP,QAAS;IAC3CrB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,cAAA,CAAAwB,aAAa,EAAKjB,KAAK;IACtBZ,MAAA,CAAAuB,OAAA,CAAAE,aAAA,cAAAH,SAAA,CAAAC,OAAA,IAAOV,GAAG,EAAEA,GAAI,EAAC,YAAUiB,oBAAa,CAACC,IAAK,IAAKb,UAAU;IAC3DlB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAEnB,QAAS,EAACoB,IAAI,EAAElB,MAAO,EAACmB,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9DnC,MAAA,CAAAuB,OAAA,CAAAE,aAAA,WAAMW,SAAS,EAAEC,yBAAY,CAACC,KAAK,CAAC,CAAE,IAAElB,QAAe,CAAC;IACxDpB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACnB,iBAAA,CAAA0B,gBAAgB,IAACC,IAAI,EAAElB,SAAU,EAACmB,IAAI,EAAEjB,MAAO,EAACkB,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayout.styles.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import { Theme } from '../../../lib/theming/Theme';
-export declare const stylesLayout: {
-    root(t: Theme): string;
-    input(): string;
-    aside(): string;
-    icon(t: Theme): string;
-    iconFocus(t: Theme): string;
-    iconDisabled(t: Theme): string;
-    text(t: Theme): string;
-    textDisabled(t: Theme): string;
-};
+import type { Theme } from '../../../lib/theming/Theme';
+export declare const stylesLayout: {
+    root(t: Theme): string;
+    input(): string;
+    aside(): string;
+    icon(t: Theme): string;
+    iconFocus(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    text(t: Theme): string;
+    textDisabled(t: Theme): string;
+};

package/cjs/components/Input/InputLayout/InputLayout.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","stylesLayout","exports","memoizeStyle","root","t","styles","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"],"mappings":"0RAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAAyC,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElC,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAY,EAAC;EACvCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOC,aAAM,CAACF,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;IAMME,2BAAoB;;;EAGtC,CAAC;EACDC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACS,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOG,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;IAECL,CAAC,CAACa,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACd,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACe,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACiB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_chars","require","_Emotion","_Input","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","stylesLayout","exports","memoizeStyle","root","t","styles","input","css","_taggedTemplateLiteralLoose2","default","aside","ZERO_WIDTH_SPACE_CSS","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","inputIconColorDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { styles } from '../Input.styles';\n\nexport const stylesLayout = memoizeStyle({\n root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return css`\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n\n &::before {\n content: '${ZERO_WIDTH_SPACE_CSS}';\n }\n `;\n },\n icon(t: Theme) {\n return css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n});\n"],"mappings":"0RAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA,oBAAyC,IAAAG,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElC,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAY,EAAC;EACvCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOC,aAAM,CAACF,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDE,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOC,YAAG,EAAAd,eAAA,KAAAA,eAAA,OAAAe,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;;;;;;IAMME,2BAAoB;;;EAGtC,CAAC;EACDC,IAAI,WAAAA,KAACR,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAZ,gBAAA,KAAAA,gBAAA,OAAAa,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACS,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACV,CAAQ,EAAE;IAClB,WAAOG,YAAG,EAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;;IAECL,CAAC,CAACa,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACd,CAAQ,EAAE;IACb,WAAOG,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACe,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAChB,CAAQ,EAAE;IACrB,WAAOG,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCL,CAAC,CAACiB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAside.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideProps {
-    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
-    text: InputProps['prefix'] | InputProps['suffix'];
-    side: 'left' | 'right';
-}
-export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    text: InputProps['prefix'] | InputProps['suffix'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps>;

package/cjs/components/Input/InputLayout/InputLayoutAside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","asideClassName","stylesLayout","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n text: InputProps['prefix'] \| InputProps['suffix'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n const asideClassName = stylesLayout.aside();\n\n const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"sKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;;;;;;;;AAQO,IAAMI,gBAAgE,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnEA,gBAAgEA,CAAAE,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,qBAAA,CAAAc,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACV,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMS,KAAK,gBAAGpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAgB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACT,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMY,KAAK,GAAGX,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEX,cAAe,IAAEU,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_InputLayout","_InputLayoutAsideIcon","_InputLayoutAsideText","InputLayoutAside","exports","_ref","icon","text","side","asideClassName","stylesLayout","aside","_icon","default","createElement","InputLayoutAsideIcon","key","_text","InputLayoutAsideText","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\n\nimport { stylesLayout } from './InputLayout.styles';\nimport { InputLayoutAsideIcon } from './InputLayoutAsideIcon';\nimport { InputLayoutAsideText } from './InputLayoutAsideText';\n\nexport interface InputLayoutAsideProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n text: InputProps['prefix'] \| InputProps['suffix'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAside: React.FunctionComponent<InputLayoutAsideProps> = ({ icon, text, side }) => {\n const asideClassName = stylesLayout.aside();\n\n const _icon = <InputLayoutAsideIcon key=\"icon\" icon={icon} side={side} />;\n const _text = <InputLayoutAsideText key=\"text\" text={text} />;\n\n const child = side === 'left' ? [_icon, _text] : [_text, _icon];\n\n return <span className={asideClassName}>{child}</span>;\n};\n"],"mappings":"sKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;;;;;;;;AAQO,IAAMI,gBAAgE,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnEA,gBAAgEA,CAAAE,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,qBAAA,CAAAc,oBAAoB,IAACC,GAAG,EAAC,MAAM,EAACV,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMS,KAAK,gBAAGpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,qBAAA,CAAAgB,oBAAoB,IAACF,GAAG,EAAC,MAAM,EAACT,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMY,KAAK,GAAGX,IAAI,KAAK,MAAM,GAAG,CAACI,KAAK,EAAEK,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEL,KAAK,CAAC;;EAE/D,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,WAAMM,SAAS,EAAEX,cAAe,IAAEU,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideIconProps {
-    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
-    side: 'left' | 'right';
-}
-export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideIconProps {
+    icon: InputProps['leftIcon'] | InputProps['rightIcon'];
+    side: 'left' | 'right';
+}
+export declare const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps>;

package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js CHANGED Viewed

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAsideIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.InputLayoutAsideIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _reactIs = require("react-is");
 var _utils = require("../../../lib/utils");

package/cjs/components/Input/InputLayout/InputLayoutAsideIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_utils","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideIcon","exports","_ref","_ref$icon","icon","side","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","isElement","isKonturIcon","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","default","createElement","className","cx","stylesLayout","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import ~~React,~~ { ReactElement } from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n const sizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const gaps: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconGapSmall),\n medium: parseInt(theme.inputIconGapMedium),\n large: parseInt(theme.inputIconGapLarge),\n };\n\n let _icon = icon instanceof Function ? icon() : icon;\n if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n }\n\n const style: React.CSSProperties = {};\n if (side) {\n if (side === 'right') {\n style.marginLeft = gaps[size];\n } else {\n style.marginRight = gaps[size];\n }\n }\n\n return _icon ? (\n <span\n style={style}\n className={cx(\n stylesLayout.aside(),\n stylesLayout.icon(theme),\n focused && stylesLayout.iconFocus(theme),\n disabled && stylesLayout.iconDisabled(theme),\n )}\n >\n {_icon}\n </span>\n ) : null;\n};\n"],"mappings":"~~0KAAA~~,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAoCH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAhEC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ,CAAEC,IAAI,GAAAJ,iBAAA,CAAJI,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACY,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACc,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACgB,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACkB,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACmB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACoB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGvB,IAAI,YAAYwB,QAAQ,GAAGxB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAI,IAAAyB,kBAAS,EAACzB,IAAI,CAAC,IAAI,IAAA0B,mBAAY,EAAC1B,IAAoB,CAAC,EAAE,KAAA2B,gBAAA;IACzDJ,KAAK,gBAAGpB,cAAK,CAACyB,YAAY,CAAC5B,IAAI,EAAkB,EAAEU,IAAI,GAAAiB,gBAAA,GAAE3B,IAAI,CAAC6B,KAAK,CAACnB,IAAI,YAAAiB,gBAAA,GAAIhB,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMoB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAI7B,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpB6B,KAAK,CAACC,UAAU,GAAGZ,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLoB,KAAK,CAACE,WAAW,GAAGb,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACVpC,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAE,IAAAC,WAAE;MACXC,yBAAY,CAACC,KAAK,CAAC,CAAC;MACpBD,yBAAY,CAACrC,IAAI,CAACE,KAAK,CAAC;MACxBM,OAAO,IAAI6B,yBAAY,CAACE,SAAS,CAACrC,KAAK,CAAC;MACxCO,QAAQ,IAAI4B,yBAAY,CAACG,YAAY,CAACtC,KAAK;IAC7C,CAAE;;EAEDqB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactIs","_utils","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideIcon","exports","_ref","_ref$icon","icon","side","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","isElement","isKonturIcon","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","default","createElement","className","cx","stylesLayout","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\nexport interface InputLayoutAsideIconProps {\n icon: InputProps['leftIcon'] \| InputProps['rightIcon'];\n side: 'left' \| 'right';\n}\n\nexport const InputLayoutAsideIcon: React.FunctionComponent<InputLayoutAsideIconProps> = ({ icon = null, side }) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled, size } = React.useContext(InputLayoutContext);\n\n const sizes: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconSizeSmall),\n medium: parseInt(theme.inputIconSizeMedium),\n large: parseInt(theme.inputIconSizeLarge),\n };\n const gaps: Record<SizeProp, number> = {\n small: parseInt(theme.inputIconGapSmall),\n medium: parseInt(theme.inputIconGapMedium),\n large: parseInt(theme.inputIconGapLarge),\n };\n\n let _icon = icon instanceof Function ? icon() : icon;\n if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n _icon = React.cloneElement(icon as ReactElement, { size: icon.props.size ?? sizes[size] });\n }\n\n const style: React.CSSProperties = {};\n if (side) {\n if (side === 'right') {\n style.marginLeft = gaps[size];\n } else {\n style.marginRight = gaps[size];\n }\n }\n\n return _icon ? (\n <span\n style={style}\n className={cx(\n stylesLayout.aside(),\n stylesLayout.icon(theme),\n focused && stylesLayout.iconFocus(theme),\n disabled && stylesLayout.iconDisabled(theme),\n )}\n >\n {_icon}\n </span>\n ) : null;\n};\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;;AAGA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;;;;;;AAMO,IAAMO,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAA8B,KAAAC,SAAA,GAAAD,IAAA,CAAxBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA,CAAEE,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC1G,IAAMC,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAoCH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAhEC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ,CAAEC,IAAI,GAAAJ,iBAAA,CAAJI,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACY,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACc,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACgB,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACX,KAAK,CAACkB,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACX,KAAK,CAACmB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACX,KAAK,CAACoB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGvB,IAAI,YAAYwB,QAAQ,GAAGxB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAI,IAAAyB,kBAAS,EAACzB,IAAI,CAAC,IAAI,IAAA0B,mBAAY,EAAC1B,IAAoB,CAAC,EAAE,KAAA2B,gBAAA;IACzDJ,KAAK,gBAAGpB,cAAK,CAACyB,YAAY,CAAC5B,IAAI,EAAkB,EAAEU,IAAI,GAAAiB,gBAAA,GAAE3B,IAAI,CAAC6B,KAAK,CAACnB,IAAI,YAAAiB,gBAAA,GAAIhB,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMoB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAI7B,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpB6B,KAAK,CAACC,UAAU,GAAGZ,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLoB,KAAK,CAACE,WAAW,GAAGb,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACVpC,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACEJ,KAAK,EAAEA,KAAM;IACbK,SAAS,EAAE,IAAAC,WAAE;MACXC,yBAAY,CAACC,KAAK,CAAC,CAAC;MACpBD,yBAAY,CAACrC,IAAI,CAACE,KAAK,CAAC;MACxBM,OAAO,IAAI6B,yBAAY,CAACE,SAAS,CAACrC,KAAK,CAAC;MACxCO,QAAQ,IAAI4B,yBAAY,CAACG,YAAY,CAACtC,KAAK;IAC7C,CAAE;;EAEDqB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutAsideText.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import React from 'react';
-import { InputProps } from '../Input';
-export interface InputLayoutAsideTextProps {
-    text: InputProps['prefix'] | InputProps['suffix'];
-}
-export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;
+import React from 'react';
+import type { InputProps } from '../Input';
+export interface InputLayoutAsideTextProps {
+    text: InputProps['prefix'] | InputProps['suffix'];
+}
+export declare const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps>;

package/cjs/components/Input/InputLayout/InputLayoutAsideText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideText","exports","_ref","_ref$text","text","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","disabled","asideClassName","stylesLayout","aside","default","createElement","className","cx","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n text: InputProps['prefix'] \| InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n const theme = React.useContext(ThemeContext);\n const { disabled } = React.useContext(InputLayoutContext);\n\n const asideClassName = stylesLayout.aside();\n\n return text ? (\n <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n {text}\n </span>\n ) : null;\n};\n"],"mappings":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;;;;;AAMO,IAAMK,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAqBH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAjDC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEhB,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,OAAOV,IAAI;EACTX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAE,IAAAC,WAAE,EAACN,cAAc,EAAEC,yBAAY,CAACT,IAAI,CAACC,KAAK,CAAC,EAAEM,QAAQ,IAAIE,yBAAY,CAACM,YAAY,CAACd,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_InputLayoutContext","_InputLayout","InputLayoutAsideText","exports","_ref","_ref$text","text","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","disabled","asideClassName","stylesLayout","aside","default","createElement","className","cx","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\nexport interface InputLayoutAsideTextProps {\n text: InputProps['prefix'] \| InputProps['suffix'];\n}\n\nexport const InputLayoutAsideText: React.FunctionComponent<InputLayoutAsideTextProps> = ({ text = null }) => {\n const theme = React.useContext(ThemeContext);\n const { disabled } = React.useContext(InputLayoutContext);\n\n const asideClassName = stylesLayout.aside();\n\n return text ? (\n <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n {text}\n </span>\n ) : null;\n};\n"],"mappings":"0KAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;;;;;;AAMO,IAAMK,oBAAwE,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAA3EA,oBAAwEA,CAAAE,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAAqBH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAAjDC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEhB,IAAMC,cAAc,GAAGC,yBAAY,CAACC,KAAK,CAAC,CAAC;;EAE3C,OAAOV,IAAI;EACTX,MAAA,CAAAsB,OAAA,CAAAC,aAAA,WAAMC,SAAS,EAAE,IAAAC,WAAE,EAACN,cAAc,EAAEC,yBAAY,CAACT,IAAI,CAACC,KAAK,CAAC,EAAEM,QAAQ,IAAIE,yBAAY,CAACM,YAAY,CAACd,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/InputLayoutContext.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import React from 'react';
-import { SizeProp } from '../../../lib/types/props';
-export interface InputLayoutContextProps {
-    focused: boolean;
-    disabled: boolean;
-    size: SizeProp;
-}
-export declare const InputLayoutContextDefault: InputLayoutContextProps;
-export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;
+import React from 'react';
+import type { SizeProp } from '../../../lib/types/props';
+export interface InputLayoutContextProps {
+    focused: boolean;
+    disabled: boolean;
+    size: SizeProp;
+}
+export declare const InputLayoutContextDefault: InputLayoutContextProps;
+export declare const InputLayoutContext: React.Context<InputLayoutContextProps>;

package/cjs/components/Input/InputLayout/InputLayoutContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","InputLayoutContextDefault","exports","focused","disabled","size","InputLayoutContext","React","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n focused: boolean;\n disabled: boolean;\n size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n focused: false,\n disabled: false,\n size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"4MAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;AAUO,IAAMC,yBAAkD,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EAChEE,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAEM,IAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,gBAAGC,cAAK,CAACC,aAAa,CAA0BP,yBAAyB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","InputLayoutContextDefault","exports","focused","disabled","size","InputLayoutContext","React","createContext"],"sources":["InputLayoutContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SizeProp } from '../../../lib/types/props';\n\nexport interface InputLayoutContextProps {\n focused: boolean;\n disabled: boolean;\n size: SizeProp;\n}\n\nexport const InputLayoutContextDefault: InputLayoutContextProps = {\n focused: false,\n disabled: false,\n size: 'small',\n};\n\nexport const InputLayoutContext = React.createContext<InputLayoutContextProps>(InputLayoutContextDefault);\n"],"mappings":"4MAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;;;;;;;AAUO,IAAMC,yBAAkD,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EAChEE,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;;AAEM,IAAMC,kBAAkB,GAAAJ,OAAA,CAAAI,kBAAA,gBAAGC,cAAK,CAACC,aAAa,CAA0BP,yBAAyB,CAAC","ignoreList":[]}

package/cjs/components/Input/InputLayout/PolyfillPlaceholder.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import React from 'react';
-import { InputProps } from '../Input';
-type PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {
-    isMaskVisible: boolean;
-};
-export interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {
-    children: InputProps['placeholder'];
-}
-export declare const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps>;
-export {};
+import React from 'react';
+import type { InputProps } from '../Input';
+type PolyfillPlaceholder = Pick<InputProps, 'placeholder' | 'value' | 'defaultValue' | 'align'> & {
+    isMaskVisible: boolean;
+};
+export interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {
+    children: InputProps['placeholder'];
+}
+export declare const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps>;
+export {};

package/cjs/components/Input/InputLayout/PolyfillPlaceholder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_Input","_needsPolyfillPlaceholder","_InputLayoutContext","PolyfillPlaceholder","exports","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","_placeholder","needsPolyfillPlaceholder","_cx","default","createElement","className","cx","styles","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { styles } from '../Input.styles';\nimport { needsPolyfillPlaceholder } from '../../../lib/needsPolyfillPlaceholder';\n\nimport { InputLayoutContext } from './InputLayoutContext';\n\ntype PolyfillPlaceholder = Pick<InputProps, 'placeholder' \| 'value' \| 'defaultValue' \| 'align'> & {\n isMaskVisible: boolean;\n};\n\nexport interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {\n children: InputProps['placeholder'];\n}\n\nexport const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps> = ({\n children: placeholder,\n align,\n value,\n defaultValue,\n isMaskVisible,\n}) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled } = React.useContext(InputLayoutContext);\n\n let _placeholder = null;\n\n if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {\n _placeholder = (\n <div\n className={cx(styles.placeholder(theme), {\n [styles.placeholderDisabled(theme)]: disabled,\n [styles.placeholderFocus(theme)]: focused,\n })}\n style={{ textAlign: align \|\| 'inherit' }}\n >\n {placeholder}\n </div>\n );\n }\n\n return _placeholder;\n};\n"],"mappings":"yKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;;;;;;;;;;AAUO,IAAMM,mBAAyE,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAA5EA,mBAAyEA,CAAAE,IAAA;;;;;;AAMhF,KALMC,WAAW,GAAAD,IAAA,CAArBE,QAAQ,CACRC,KAAK,GAAAH,IAAA,CAALG,KAAK,CACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY,CACZC,aAAa,GAAAN,IAAA,CAAbM,aAAa;EAEb,IAAMC,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAA8BH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAA1DC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIC,kDAAwB,IAAIf,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAY,GAAA;IACxFF,YAAY;IACVzB,MAAA,CAAA4B,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,aAAM,CAACrB,WAAW,CAACM,KAAK,CAAC,GAAAU,GAAA,OAAAA,GAAA;MACpCK,aAAM,CAACC,mBAAmB,CAAChB,KAAK,CAAC,IAAGO,QAAQ,EAAAG,GAAA;MAC5CK,aAAM,CAACE,gBAAgB,CAACjB,KAAK,CAAC,IAAGM,OAAO,EAAAI,GAAA;MAC1C,CAAE;MACHQ,KAAK,EAAE,EAAEC,SAAS,EAAEvB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOc,YAAY;AACrB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_Emotion","_ThemeContext","_Input","_needsPolyfillPlaceholder","_InputLayoutContext","PolyfillPlaceholder","exports","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","React","useContext","ThemeContext","_React$useContext","InputLayoutContext","focused","disabled","_placeholder","needsPolyfillPlaceholder","_cx","default","createElement","className","cx","styles","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { InputProps } from '../Input';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { styles } from '../Input.styles';\nimport { needsPolyfillPlaceholder } from '../../../lib/needsPolyfillPlaceholder';\n\nimport { InputLayoutContext } from './InputLayoutContext';\n\ntype PolyfillPlaceholder = Pick<InputProps, 'placeholder' \| 'value' \| 'defaultValue' \| 'align'> & {\n isMaskVisible: boolean;\n};\n\nexport interface InputLayoutPlaceholderProps extends PolyfillPlaceholder {\n children: InputProps['placeholder'];\n}\n\nexport const PolyfillPlaceholder: React.FunctionComponent<InputLayoutPlaceholderProps> = ({\n children: placeholder,\n align,\n value,\n defaultValue,\n isMaskVisible,\n}) => {\n const theme = React.useContext(ThemeContext);\n const { focused, disabled } = React.useContext(InputLayoutContext);\n\n let _placeholder = null;\n\n if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {\n _placeholder = (\n <div\n className={cx(styles.placeholder(theme), {\n [styles.placeholderDisabled(theme)]: disabled,\n [styles.placeholderFocus(theme)]: focused,\n })}\n style={{ textAlign: align \|\| 'inherit' }}\n >\n {placeholder}\n </div>\n );\n }\n\n return _placeholder;\n};\n"],"mappings":"yKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;;AAEA,IAAAK,mBAAA,GAAAL,OAAA;;;;;;;;;;AAUO,IAAMM,mBAAyE,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAA5EA,mBAAyEA,CAAAE,IAAA;;;;;;AAMhF,KALMC,WAAW,GAAAD,IAAA,CAArBE,QAAQ,CACRC,KAAK,GAAAH,IAAA,CAALG,KAAK,CACLC,KAAK,GAAAJ,IAAA,CAALI,KAAK,CACLC,YAAY,GAAAL,IAAA,CAAZK,YAAY,CACZC,aAAa,GAAAN,IAAA,CAAbM,aAAa;EAEb,IAAMC,KAAK,GAAGC,cAAK,CAACC,UAAU,CAACC,0BAAY,CAAC;EAC5C,IAAAC,iBAAA,GAA8BH,cAAK,CAACC,UAAU,CAACG,sCAAkB,CAAC,CAA1DC,OAAO,GAAAF,iBAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,iBAAA,CAARG,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIC,kDAAwB,IAAIf,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAY,GAAA;IACxFF,YAAY;IACVzB,MAAA,CAAA4B,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAE,IAAAC,WAAE,EAACC,aAAM,CAACrB,WAAW,CAACM,KAAK,CAAC,GAAAU,GAAA,OAAAA,GAAA;MACpCK,aAAM,CAACC,mBAAmB,CAAChB,KAAK,CAAC,IAAGO,QAAQ,EAAAG,GAAA;MAC5CK,aAAM,CAACE,gBAAgB,CAACjB,KAAK,CAAC,IAAGM,OAAO,EAAAI,GAAA;MAC1C,CAAE;MACHQ,KAAK,EAAE,EAAEC,SAAS,EAAEvB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOc,YAAY;AACrB,CAAC","ignoreList":[]}

package/cjs/components/Input/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from './Input';
-export * from './Input.typings';
+export * from './Input';
+export * from './Input.typings';

package/cjs/components/Kebab/Kebab.d.ts CHANGED Viewed

@@ -1,62 +1,59 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { Nullable } from '../../typings/utility-types';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
-    disabled?: boolean;
-    size?: SizeProp;
-    /**
-     * Список позиций доступных для расположения выпадашки.
-     *
-     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
-     *
-     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
-     * @default ['bottom left', 'bottom right', 'top left', 'top right']
-     */
-    positions?: PopupPositionsType[];
-    menuMaxHeight?: number | string;
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-    /**
-     * Кастомная иконка
-     */
-    icon?: React.ReactNode;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-}
-export declare const KebabDataTids: {
-    readonly caption: "Kebab__caption";
-};
-export interface KebabState {
-    anchor: Nullable<HTMLElement>;
-    focusedByTab: boolean;
-}
-type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
-export declare class Kebab extends React.Component<KebabProps, KebabState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {};
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: KebabState;
-    private theme;
-    private setRootNode;
-    private listener;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private renderCaption;
-    private handleCaptionKeyDown;
-    private handleChangeMenuState;
-    private handleFocus;
-    private handleBlur;
-    private renderIcon;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { PopupMenuProps } from '../../internal/PopupMenu';
+import type { Nullable } from '../../typings/utility-types';
+import type { PopupPositionsType } from '../../internal/Popup';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+export interface KebabProps extends Pick<AriaAttributes, 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<PopupMenuProps, 'onOpen' | 'onClose' | 'popupMenuId' | 'preventIconsOffset'>, CommonProps {
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     * @default ['bottom left', 'bottom right', 'top left', 'top right']. */
+    positions?: PopupPositionsType[];
+    positions2?: string;
+    /** Задает максимальную высоту меню. */
+    menuMaxHeight?: number | string;
+    /** Отключает анимацию. */
+    disableAnimations?: boolean;
+    /** Добавляет иконку слева. */
+    icon?: React.ReactNode;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+}
+export declare const KebabDataTids: {
+    readonly caption: "Kebab__caption";
+};
+export interface KebabState {
+    anchor: Nullable<HTMLElement>;
+    focusedByTab: boolean;
+}
+type DefaultProps = Required<Pick<KebabProps, 'onOpen' | 'onClose' | 'positions' | 'size' | 'disableAnimations'>>;
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */
+export declare class Kebab extends React.Component<KebabProps, KebabState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {};
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: KebabState;
+    private theme;
+    private setRootNode;
+    private listener;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    private renderCaption;
+    private handleCaptionKeyDown;
+    private handleChangeMenuState;
+    private handleFocus;
+    private handleBlur;
+    private renderIcon;
+}
+export {};

package/cjs/components/Kebab/Kebab.js CHANGED Viewed

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.KebabDataTids = exports.Kebab = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.KebabDataTids = exports.Kebab = 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 _reactIs = require("react-is");
 var _globalObject = require("@skbkontur/global-object");
@@ -7,6 +8,7 @@ var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _keyListener = require("../../lib/events/keyListener");
 var _PopupMenu = require("../../internal/PopupMenu");
@@ -14,8 +16,10 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _createPropsGetter = require("../../lib/createPropsGetter");
@@ -52,12 +56,11 @@ var _KebabIcon = require("./KebabIcon");var _class, _Kebab;
 var KebabDataTids = exports.KebabDataTids = {
   caption: 'Kebab__caption'
-};var
+};
@@ -66,6 +69,9 @@ var KebabDataTids = exports.KebabDataTids = {
+/**
+ * Кебаб-меню `Kebab` содержит действия с объектом.
+ */var
 Kebab = exports.Kebab = (0, _rootNode.rootNode)(_class = (_Kebab = /*#__PURE__*/function (_React$Component) {function Kebab() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.