npm - @skbkontur/react-ui - Versions diffs - 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca - Mend

@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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 (1528) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["memoizeStyle","shift","resetText","getStyles","emotion","wrapper","css","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","_templateObject6","inputOutlineWidth","inputFocusOutline","placeholder","_templateObject7","inputPlaceholderColor","placeholderFocus","_templateObject8","inputPlaceholderColorLight","placeholderDisabled","_templateObject9","inputPlaceholderColorDisabled","input","_templateObject10","inputTextColor","inputColorScheme","inputFocus","_templateObject11","inputDisabled","_templateObject12","inputTextColorDisabled","warning","_templateObject13","inputBorderColorWarning","warningFallback","_templateObject14","error","_templateObject15","inputBorderColorError","errorFallback","_templateObject16","disabled","_templateObject17","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","keyframes","_templateObject18","inputBlinkColor","_templateObject19","sizeSmall","_templateObject20","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","_templateObject21","sizeMedium","_templateObject22","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","_templateObject23","sizeLarge","_templateObject24","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","_templateObject25","hideBlinkingCursor","_templateObject26"],"sources":["Input.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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 getStyles = (emotion: Emotion) =>\n memoizeStyle({\n wrapper() {\n return emotion.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 emotion.css`\n ${resetText(emotion)};\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 emotion.css`\n &:hover {\n border-color: ${t.inputBorderColorHover};\n }\n `;\n },\n\n borderless() {\n return emotion.css`\n box-shadow: none;\n border-color: transparent;\n background-clip: padding-box;\n `;\n },\n\n focus(t: Theme) {\n return emotion.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 emotion.css`\n box-shadow: none;\n outline: ${t.inputOutlineWidth} solid ${t.inputFocusOutline};\n `;\n },\n\n placeholder(t: Theme) {\n return emotion.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 emotion.css`\n color: ${t.inputPlaceholderColorLight};\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n input(t: Theme) {\n return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorWarning};\n `;\n },\n\n error(t: Theme) {\n return emotion.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 emotion.css`\n box-shadow: none;\n outline: ${t.inputBorderWidth} solid ${t.inputBorderColorError};\n `;\n },\n\n disabled(t: Theme) {\n return emotion.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 = emotion.keyframes`\n 0% {\n background-color: ${t.inputBlinkColor};\n }\n `;\n return emotion.css`\n animation: ${blinkAnimation} 0.15s ease-in;\n `;\n },\n\n sizeSmall(t: Theme) {\n return emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n caret-color: transparent;\n `;\n },\n });\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["css","keyframes","memoizeStyle","shift","resetText","styles","wrapper","_templateObject","_taggedTemplateLiteralLoose","root","t","_templateObject2","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","_templateObject3","inputBorderColorHover","borderless","_templateObject4","focus","_templateObject5","inputFocusedBg","inputBorderColorFocus","inputFocusShadow","focusFallback","_templateObject6","inputOutlineWidth","inputFocusOutline","placeholder","_templateObject7","inputPlaceholderColor","placeholderFocus","_templateObject8","inputPlaceholderColorLight","placeholderDisabled","_templateObject9","inputPlaceholderColorDisabled","input","_templateObject10","inputTextColor","inputColorScheme","inputFocus","_templateObject11","inputDisabled","_templateObject12","inputTextColorDisabled","warning","_templateObject13","inputBorderColorWarning","warningFallback","_templateObject14","error","_templateObject15","inputBorderColorError","errorFallback","_templateObject16","disabled","_templateObject17","inputDisabledBg","inputDisabledBorderColor","blink","blinkAnimation","_templateObject18","inputBlinkColor","_templateObject19","sizeSmall","_templateObject20","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","_templateObject21","sizeMedium","_templateObject22","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","_templateObject23","sizeLarge","_templateObject24","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","_templateObject25","hideBlinkingCursor","_templateObject26"],"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/components/Input/Input.styles.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     wrapper(): string;
     root(t: Theme): string;
     hovering(t: Theme): string;

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

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/RenderEnvironmentContext";
 import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
 import { InputDataTids } from "../../Input";
 import { CommonWrapper } from "../../../../internal/CommonWrapper";
 import { InputLayoutAside } from "../InputLayoutAside";
 import { InputLayoutContext, InputLayoutContextDefault } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayout = forwardRefAndName('InputLayout', function (props, ref) {
-  var stylesLayout = getStylesLayout(useEmotion());
   var leftIcon = props.leftIcon,
     rightIcon = props.rightIcon,
     prefix = props.prefix,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~useEmotion","~~forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","~~getStylesLayout~~","InputLayout","props","ref","~~stylesLayout","~~leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends","createElement","Provider","value","root","icon","text","side","className","input"],"sources":["InputLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~useEmotion } from '../../../lib/theming/RenderEnvironmentContext';\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 { ~~getStylesLayout~~ } 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 ~~stylesLayout = getStylesLayout(useEmotion());\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":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,~~UAAU,QAAQ,+CAA+C;AAC1E,SAASC,~~iBAAiB,QAAQ,gCAAgC;;AAElE,SAASC,aAAa,QAAQ,UAAU;;AAExC,SAASC,aAAa,QAAQ,iCAAiC;;AAE/D,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAQ,sBAAsB;AACpF,SAASC,~~eAAe~~,QAAQ,sBAAsB;;;;;;;;;~~AAStD~~,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAa,EAAE,UAACQ,KAAK,EAAEC,GAAG,EAAK;EAClH,~~IAAMC~~,~~YAAY,GAAGJ,eAAe,CAACP,UAAU,CAAC,CAAC,CAAC;EAClD,IAAQY,~~QAAQ,GAA+DH,KAAK,~~CAA5EG~~,QAAQ,CAAEC,SAAS,~~GAAoDJ~~,KAAK,~~CAAlEI~~,SAAS,CAAEC,MAAM,~~GAA4CL~~,KAAK,~~CAAvDK~~,MAAM,CAAEC,MAAM,~~GAAoCN~~,KAAK,CAA/CM,MAAM,CAAEC,UAAU,~~GAAwBP~~,KAAK,~~CAAvCO~~,UAAU,CAAEC,OAAO,~~GAAeR~~,KAAK,~~CAA3BQ~~,OAAO,CAAEC,QAAQ,~~GAAKT~~,KAAK,~~CAAlBS~~,QAAQ;EAC1E,IAAMC,QAAiC,GAAAC,QAAA,~~KAAQd~~,yBAAyB,~~EAAKW~~,OAAO,CAAE;;EAEtF;~~IACElB~~,KAAA,~~CAAAsB~~,aAAA,~~CAAChB~~,kBAAkB,~~CAACiB~~,QAAQ,IAACC,KAAK,EAAEJ,QAAS;~~IAC3CpB~~,KAAA,~~CAAAsB~~,aAAA,~~CAAClB~~,aAAa,EAAKM,KAAK;~~IACtBV~~,KAAA,~~CAAAsB~~,aAAA,UAAAD,QAAA,~~GAAOV~~,GAAG,EAAEA,GAAI,EAAC,YAAUR,aAAa,~~CAACsB~~,IAAK,IAAKR,UAAU;~~IAC3DjB~~,KAAA,~~CAAAsB~~,aAAA,~~CAACjB~~,gBAAgB,~~IAACqB~~,IAAI,EAAEb,QAAS,EAACc,IAAI,EAAEZ,MAAO,EAACa,IAAI,EAAC,MAAM,EAAE,CAAC;~~IAC9D5B~~,KAAA,~~CAAAsB~~,aAAA,WAAMO,SAAS,~~EAAEjB~~,YAAY,~~CAACkB~~,KAAK,CAAC,CAAE,IAAEX,QAAe,CAAC;~~IACxDnB~~,KAAA,~~CAAAsB~~,aAAA,~~CAACjB~~,gBAAgB,~~IAACqB~~,IAAI,EAAEZ,SAAU,EAACa,IAAI,EAAEX,MAAO,EAACY,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","_extends","createElement","Provider","value","root","icon","text","side","className","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":"0DAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE,SAASC,aAAa,QAAQ,UAAU;;AAExC,SAASC,aAAa,QAAQ,iCAAiC;;AAE/D,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD,SAASC,kBAAkB,EAAEC,yBAAyB,QAAQ,sBAAsB;AACpF,SAASC,YAAY,QAAQ,sBAAsB;;;;;;;;;AASnD,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAa,EAAE,UAACQ,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,GAAAC,QAAA,KAAQb,yBAAyB,EAAKU,OAAO,CAAE;;EAEtF;IACEhB,KAAA,CAAAoB,aAAA,CAACf,kBAAkB,CAACgB,QAAQ,IAACC,KAAK,EAAEJ,QAAS;IAC3ClB,KAAA,CAAAoB,aAAA,CAACjB,aAAa,EAAKM,KAAK;IACtBT,KAAA,CAAAoB,aAAA,UAAAD,QAAA,GAAOT,GAAG,EAAEA,GAAI,EAAC,YAAUR,aAAa,CAACqB,IAAK,IAAKR,UAAU;IAC3Df,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEb,QAAS,EAACc,IAAI,EAAEZ,MAAO,EAACa,IAAI,EAAC,MAAM,EAAE,CAAC;IAC9D1B,KAAA,CAAAoB,aAAA,WAAMO,SAAS,EAAEpB,YAAY,CAACqB,KAAK,CAAC,CAAE,IAAEX,QAAe,CAAC;IACxDjB,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB,IAACoB,IAAI,EAAEZ,SAAU,EAACa,IAAI,EAAEX,MAAO,EAACY,IAAI,EAAC,OAAO,EAAE;IAC1D;IACM;IACY,CAAC;;AAElC,CAAC,CAAC","ignoreList":[]}

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

@@ -1,34 +1,31 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import { ZERO_WIDTH_SPACE_CSS } from "../../../../lib/chars";
-import { memoizeStyle } from "../../../../lib/theming/Emotion";
-import { getStyles } from "../../Input.styles";
-export var getStylesLayout = function getStylesLayout(emotion) {
-  var styles = getStyles(emotion);
-  return memoizeStyle({
-    root: function root(t) {
-      return styles.root(t);
-    },
-    input: function input() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        min-width: 0;\n        overflow: hidden;\n        position: relative;\n        width: 100%;\n        display: flex;\n      "])));
-    },
-    aside: function aside() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        align-items: center;\n        flex-shrink: 0;\n\n        &::before {\n          content: '", "';\n        }\n      "])), ZERO_WIDTH_SPACE_CSS);
-    },
-    icon: function icon(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputIconColor);
-    },
-    iconFocus: function iconFocus(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputFocusedIconColor);
-    },
-    iconDisabled: function iconDisabled(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n        color: ", ";\n      "])), t.inputIconColorDisabled);
-    },
-    text: function text(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColor);
-    },
-    textDisabled: function textDisabled(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.inputPlaceholderColorDisabled);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
+import { styles } from "../../Input.styles";
+export var stylesLayout = memoizeStyle({
+  root: function root(t) {
+    return styles.root(t);
+  },
+  input: function input() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      min-width: 0;\n      overflow: hidden;\n      position: relative;\n      width: 100%;\n      display: flex;\n    "])));
+  },
+  aside: function aside() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      flex-shrink: 0;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
+  },
+  icon: function icon(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputIconColor);
+  },
+  iconFocus: function iconFocus(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputFocusedIconColor);
+  },
+  iconDisabled: function iconDisabled(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n      color: ", ";\n    "])), t.inputIconColorDisabled);
+  },
+  text: function text(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColor);
+  },
+  textDisabled: function textDisabled(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.inputPlaceholderColorDisabled);
+  }
+});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ZERO_WIDTH_SPACE_CSS","~~memoizeStyle~~","~~getStyles~~","~~getStylesLayout~~","~~emotion~~","~~styles","~~root","t","input","~~css","~~_templateObject","_taggedTemplateLiteralLoose","aside","_templateObject2","icon","_templateObject3","inputIconColor","iconFocus","_templateObject4","inputFocusedIconColor","iconDisabled","_templateObject5","inputIconColorDisabled","text","_templateObject6","inputPlaceholderColor","textDisabled","_templateObject7","inputPlaceholderColorDisabled"],"sources":["InputLayout.styles.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/css/types/create-instance';\n\nimport {~~ ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ~~getStyles~~ } from '../Input.styles';\n\nexport const ~~getStylesLayout~~ = (~~emotion: Emotion) =>~~ {\n ~~const styles = getStyles(emotion);\n\n return memoizeStyle({\n~~ root(t: Theme) {\n return styles.root(t);\n },\n input() {\n return ~~emotion.~~css`\n min-width: 0;\n overflow: hidden;\n position: relative;\n width: 100%;\n display: flex;\n `;\n },\n aside() {\n return ~~emotion.~~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 ~~emotion.~~css`\n color: ${t.inputIconColor};\n `;\n },\n iconFocus(t: Theme) {\n return ~~emotion.~~css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n iconDisabled(t: Theme) {\n return ~~emotion.~~css`\n cursor: default;\n color: ${t.inputIconColorDisabled};\n `;\n },\n text(t: Theme) {\n return ~~emotion.~~css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n textDisabled(t: Theme) {\n return ~~emotion.~~css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n });\n~~};\n~~"],"mappings":"~~;;AAEA~~,SAASA,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,YAAY,QAAQ,8BAA8B;;~~AAE3D~~,SAASC,~~SAAS~~,QAAQ,iBAAiB;;~~AAE3C~~,OAAO,IAAMC,~~eAAe~~,~~GAAG~~,~~SAAlBA,eAAeA,CAAIC,OAAgB,EAAK;EACnD,IAAMC,MAAM,GAAGH,SAAS,CAACE,OAAO,CAAC;;EAEjC,OAAOH,~~YAAY,CAAC;~~IAClBK~~,IAAI,WAAAA,KAACC,CAAQ,EAAE;~~MACb~~,~~OAAOF~~,MAAM,~~CAACC~~,IAAI,CAACC,CAAC,CAAC;~~IACvB~~,CAAC;~~IACDC~~,KAAK,WAAAA,MAAA,EAAG;~~MACN~~,~~OAAOJ~~,~~OAAO,CAACK,~~GAAG,~~CAAAC~~,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;~~IAOpB~~,CAAC;~~IACDC~~,KAAK,WAAAA,MAAA,EAAG;~~MACN~~,~~OAAOR~~,~~OAAO,CAACK,~~GAAG,~~CAAAI~~,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;~~MAMFX~~,oBAAoB;;;~~IAGtC~~,CAAC;~~IACDc~~,IAAI,WAAAA,~~KAACP~~,CAAQ,EAAE;~~MACb~~,~~OAAOH~~,~~OAAO,CAACK,~~GAAG,~~CAAAM~~,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;~~MACPJ~~,CAAC,~~CAACS~~,cAAc;;~~IAE7B~~,CAAC;~~IACDC~~,SAAS,WAAAA,~~UAACV~~,CAAQ,EAAE;~~MAClB~~,~~OAAOH~~,~~OAAO,CAACK,~~GAAG,~~CAAAS~~,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;~~MACPJ~~,CAAC,~~CAACY~~,qBAAqB;;~~IAEpC~~,CAAC;~~IACDC~~,YAAY,WAAAA,~~aAACb~~,CAAQ,EAAE;~~MACrB~~,~~OAAOH~~,~~OAAO,CAACK,~~GAAG,~~CAAAY~~,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;~~MAEPJ~~,CAAC,~~CAACe~~,sBAAsB;;~~IAErC~~,CAAC;~~IACDC~~,IAAI,WAAAA,~~KAAChB~~,CAAQ,EAAE;~~MACb~~,~~OAAOH~~,~~OAAO,CAACK,~~GAAG,~~CAAAe~~,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;~~MACPJ~~,CAAC,~~CAACkB~~,qBAAqB;;~~IAEpC~~,CAAC;~~IACDC~~,YAAY,WAAAA,~~aAACnB~~,CAAQ,EAAE;~~MACrB~~,~~OAAOH~~,~~OAAO,CAACK,~~GAAG,~~CAAAkB~~,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;~~MACPJ~~,CAAC,~~CAACqB~~,6BAA6B;;~~IAE5C~~;~~EACF~~,CAAC,CAAC~~;AACJ,CAAC~~","ignoreList":[]}
1	+ {"version":3,"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","_templateObject","_taggedTemplateLiteralLoose","aside","_templateObject2","icon","_templateObject3","inputIconColor","iconFocus","_templateObject4","inputFocusedIconColor","iconDisabled","_templateObject5","inputIconColorDisabled","text","_templateObject6","inputPlaceholderColor","textDisabled","_templateObject7","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":"gOAAA,SAASA,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;AAEhE,SAASC,MAAM,QAAQ,iBAAiB;;AAExC,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;EACvCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOH,MAAM,CAACE,IAAI,CAACC,CAAC,CAAC;EACvB,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAON,GAAG,CAAAO,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;EAOZ,CAAC;EACDC,KAAK,WAAAA,MAAA,EAAG;IACN,OAAOT,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;IAMMT,oBAAoB;;;EAGtC,CAAC;EACDY,IAAI,WAAAA,KAACN,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACCH,CAAC,CAACQ,cAAc;;EAE7B,CAAC;EACDC,SAAS,WAAAA,UAACT,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACCH,CAAC,CAACW,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAACZ,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAECH,CAAC,CAACc,sBAAsB;;EAErC,CAAC;EACDC,IAAI,WAAAA,KAACf,CAAQ,EAAE;IACb,OAAOL,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACCH,CAAC,CAACiB,qBAAqB;;EAEpC,CAAC;EACDC,YAAY,WAAAA,aAAClB,CAAQ,EAAE;IACrB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;IACCH,CAAC,CAACoB,6BAA6B;;EAE5C;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../../lib/theming/Theme';
-export declare const getStylesLayout: (emotion: Emotion) => {
+export declare const stylesLayout: {
     root(t: Theme): string;
     input(): string;
     aside(): string;

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

@@ -1,13 +1,11 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/RenderEnvironmentContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 import { InputLayoutAsideIcon } from "../InputLayoutAsideIcon";
 import { InputLayoutAsideText } from "../InputLayoutAsideText";
 export var InputLayoutAside = function InputLayoutAside(_ref) {
   var icon = _ref.icon,
     text = _ref.text,
     side = _ref.side;
-  var stylesLayout = getStylesLayout(useEmotion());
   var asideClassName = stylesLayout.aside();
   var _icon = /*#__PURE__*/React.createElement(InputLayoutAsideIcon, {
     key: "icon",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~useEmotion~~","~~getStylesLayout","~~InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","~~stylesLayout","~~asideClassName","aside","_icon","createElement","key","_text","child","className"],"sources":["InputLayoutAside.tsx"],"sourcesContent":["import React from 'react';\n\nimport ~~{ useEmotion } from '../../../lib/theming/RenderEnvironmentContext';\nimport~~ type { InputProps } from '../Input';\n\nimport { ~~getStylesLayout~~ } 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 ~~stylesLayout = getStylesLayout(useEmotion());\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":"AAAA,OAAOA,KAAK,MAAM,OAAO~~;;AAEzB~~,SAASC,~~UAAU~~,QAAQ~~,+CAA+C;;;AAG1E~~,~~SAASC,eAAe,QAAQ,~~sBAAsB;~~AACtD~~,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,~~YAAY~~,GAAGR,~~eAAe,CAACD,UAAU,CAAC,CAAC,CAAC;EAClD,IAAMU,cAAc,GAAGD,~~YAAY,~~CAACE~~,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,~~gBAAGb~~,KAAA,~~CAAAc~~,aAAA,~~CAACX~~,oBAAoB,~~IAACY~~,GAAG,EAAC,MAAM,~~EAACR~~,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,~~IAAMO~~,KAAK,~~gBAAGhB~~,KAAA,~~CAAAc~~,aAAA,~~CAACV~~,oBAAoB,~~IAACW~~,GAAG,EAAC,MAAM,~~EAACP~~,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,~~IAAMS~~,KAAK,~~GAAGR~~,IAAI,KAAK,MAAM,GAAG,~~CAACI~~,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,~~oBAAOb~~,KAAA,~~CAAAc~~,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","_ref","icon","text","side","asideClassName","aside","_icon","createElement","key","_text","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;AAIzB,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,wBAAwB;;;;;;;;AAQ7D,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAA6B,KAAvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI,CAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EACjG,IAAMC,cAAc,GAAGR,YAAY,CAACS,KAAK,CAAC,CAAC;;EAE3C,IAAMC,KAAK,gBAAGX,KAAA,CAAAY,aAAA,CAACV,oBAAoB,IAACW,GAAG,EAAC,MAAM,EAACP,IAAI,EAAEA,IAAK,EAACE,IAAI,EAAEA,IAAK,EAAE,CAAC;EACzE,IAAMM,KAAK,gBAAGd,KAAA,CAAAY,aAAA,CAACT,oBAAoB,IAACU,GAAG,EAAC,MAAM,EAACN,IAAI,EAAEA,IAAK,EAAE,CAAC;;EAE7D,IAAMQ,KAAK,GAAGP,IAAI,KAAK,MAAM,GAAG,CAACG,KAAK,EAAEG,KAAK,CAAC,GAAG,CAACA,KAAK,EAAEH,KAAK,CAAC;;EAE/D,oBAAOX,KAAA,CAAAY,aAAA,WAAMI,SAAS,EAAEP,cAAe,IAAEM,KAAY,CAAC;AACxD,CAAC","ignoreList":[]}

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

@@ -1,19 +1,15 @@
 import React from 'react';
 import { isElement } from 'react-is';
-import { useEmotion } from "../../../../lib/theming/RenderEnvironmentContext";
 import { isKonturIcon } from "../../../../lib/utils";
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { InputLayoutContext } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
     side = _ref.side;
   var theme = React.useContext(ThemeContext);
-  var emotion = useEmotion();
-  var _useEmotion = useEmotion(),
-    cx = _useEmotion.cx;
-  var stylesLayout = getStylesLayout(emotion);
   var _React$useContext = React.useContext(InputLayoutContext),
     focused = _React$useContext.focused,
     disabled = _React$useContext.disabled,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","isElement","~~useEmotion~~","~~isKonturIcon~~","ThemeContext","InputLayoutContext","~~getStylesLayout~~","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","theme","useContext","~~emotion","_useEmotion","cx","stylesLayout","~~_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","createElement","className","aside","iconFocus","iconDisabled"],"sources":["InputLayoutAsideIcon.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\n\nimport { ~~useEmotion~~ } from '../../../lib/~~theming/RenderEnvironmentContext~~';\nimport { ~~isKonturIcon~~ } from '~~../../../lib/utils~~';\nimport ~~type~~ { ~~InputProps~~ } from '~~../Input~~';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { ~~getStylesLayout~~ } 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 ~~emotion = useEmotion();\n const~~ { ~~cx } = useEmotion();\n const stylesLayout = getStylesLayout(emotion);\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,~~UAAU~~,QAAQ~~,+CAA+C;AAC1E~~,SAASC,~~YAAY~~,QAAQ,~~oBAAoB;;AAEjD~~,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,~~eAAe~~,QAAQ,sBAAsB;;;;;;~~AAMtD~~,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,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,GAAGZ,KAAK,CAACa,UAAU,CAACT,YAAY,CAAC;EAC5C,~~IAAMU~~,~~OAAO,GAAGZ,UAAU,CAAC,CAAC;EAC5B,IAAAa,WAAA,GAAeb,UAAU,CAAC,CAAC,CAAnBc,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,YAAY,GAAGX,eAAe,CAACQ,OAAO,CAAC;EAC7C,IAAAI,~~iBAAA,~~GAAoClB~~,KAAK,CAACa,UAAU,CAACR,kBAAkB,CAAC,~~CAAhEc~~,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,~~CAACZ~~,KAAK,~~CAACa~~,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,~~CAACZ~~,KAAK,~~CAACe~~,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,~~CAACZ~~,KAAK,~~CAACiB~~,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,~~CAACZ~~,KAAK,~~CAACmB~~,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,~~CAACZ~~,KAAK,~~CAACoB~~,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,~~CAACZ~~,KAAK,~~CAACqB~~,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,~~GAAGxB~~,IAAI,~~YAAYyB~~,QAAQ,~~GAAGzB~~,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,~~IAAIP~~,YAAY,~~CAACO~~,IAAoB,CAAC,EAAE,~~KAAA0B~~,gBAAA;IACzDF,KAAK,~~gBAAGlC~~,KAAK,~~CAACqC~~,YAAY,~~CAAC3B~~,IAAI,EAAkB,~~EAAEW~~,IAAI,GAAAe,gBAAA,~~GAAE1B~~,IAAI,~~CAAC4B~~,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,~~IAAI5B~~,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;~~MACpB4B~~,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;~~EACVlC~~,KAAA,~~CAAA0C~~,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbI,SAAS,~~EAAE3B~~,EAAE;~~MACXC~~,YAAY,~~CAAC2B~~,KAAK,CAAC,CAAC;~~MACpB3B~~,YAAY,~~CAACP~~,IAAI,CAACE,KAAK,CAAC;~~MACxBO~~,OAAO,~~IAAIF~~,YAAY,~~CAAC4B~~,SAAS,~~CAACjC~~,KAAK,CAAC;~~MACxCQ~~,QAAQ,~~IAAIH~~,YAAY,~~CAAC6B~~,YAAY,~~CAAClC~~,KAAK;IAC7C,CAAE;;~~EAEDsB~~;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","_ref","_ref$icon","icon","side","theme","useContext","_React$useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","_icon$props$size","cloneElement","props","style","marginLeft","marginRight","createElement","className","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,UAAU;;AAEpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,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,GAAGZ,KAAK,CAACa,UAAU,CAACT,YAAY,CAAC;EAC5C,IAAAU,iBAAA,GAAoCd,KAAK,CAACa,UAAU,CAACR,kBAAkB,CAAC,CAAhEU,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ,CAAEC,IAAI,GAAAH,iBAAA,CAAJG,IAAI;;EAE/B,IAAMC,KAA+B,GAAG;IACtCC,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACS,kBAAkB,CAAC;IACzCC,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACW,mBAAmB,CAAC;IAC3CC,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACa,kBAAkB;EAC1C,CAAC;EACD,IAAMC,IAA8B,GAAG;IACrCP,KAAK,EAAEC,QAAQ,CAACR,KAAK,CAACe,iBAAiB,CAAC;IACxCL,MAAM,EAAEF,QAAQ,CAACR,KAAK,CAACgB,kBAAkB,CAAC;IAC1CJ,KAAK,EAAEJ,QAAQ,CAACR,KAAK,CAACiB,iBAAiB;EACzC,CAAC;;EAED,IAAIC,KAAK,GAAGpB,IAAI,YAAYqB,QAAQ,GAAGrB,IAAI,CAAC,CAAC,GAAGA,IAAI;EACpD,IAAIT,SAAS,CAACS,IAAI,CAAC,IAAIR,YAAY,CAACQ,IAAoB,CAAC,EAAE,KAAAsB,gBAAA;IACzDF,KAAK,gBAAG9B,KAAK,CAACiC,YAAY,CAACvB,IAAI,EAAkB,EAAEO,IAAI,GAAAe,gBAAA,GAAEtB,IAAI,CAACwB,KAAK,CAACjB,IAAI,YAAAe,gBAAA,GAAId,KAAK,CAACD,IAAI,CAAC,CAAC,CAAC,CAAC;EAC5F;;EAEA,IAAMkB,KAA0B,GAAG,CAAC,CAAC;EACrC,IAAIxB,IAAI,EAAE;IACR,IAAIA,IAAI,KAAK,OAAO,EAAE;MACpBwB,KAAK,CAACC,UAAU,GAAGV,IAAI,CAACT,IAAI,CAAC;IAC/B,CAAC,MAAM;MACLkB,KAAK,CAACE,WAAW,GAAGX,IAAI,CAACT,IAAI,CAAC;IAChC;EACF;;EAEA,OAAOa,KAAK;EACV9B,KAAA,CAAAsC,aAAA;IACEH,KAAK,EAAEA,KAAM;IACbI,SAAS,EAAEpC,EAAE;MACXG,YAAY,CAACkC,KAAK,CAAC,CAAC;MACpBlC,YAAY,CAACI,IAAI,CAACE,KAAK,CAAC;MACxBG,OAAO,IAAIT,YAAY,CAACmC,SAAS,CAAC7B,KAAK,CAAC;MACxCI,QAAQ,IAAIV,YAAY,CAACoC,YAAY,CAAC9B,KAAK;IAC7C,CAAE;;EAEDkB;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

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

@@ -1,16 +1,12 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/RenderEnvironmentContext";
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { InputLayoutContext } from "../InputLayoutContext";
-import { getStylesLayout } from "../InputLayout.styles";
+import { stylesLayout } from "../InputLayout.styles";
 export var InputLayoutAsideText = function InputLayoutAsideText(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? null : _ref$text;
   var theme = React.useContext(ThemeContext);
-  var emotion = useEmotion();
-  var _useEmotion = useEmotion(),
-    cx = _useEmotion.cx;
-  var stylesLayout = getStylesLayout(emotion);
   var _React$useContext = React.useContext(InputLayoutContext),
     disabled = _React$useContext.disabled;
   var asideClassName = stylesLayout.aside();

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~useEmotion~~","ThemeContext","InputLayoutContext","~~getStylesLayout~~","InputLayoutAsideText","_ref","_ref$text","text","theme","useContext","~~emotion","_useEmotion","cx","stylesLayout","~~_React$useContext","disabled","asideClassName","aside","createElement","className","textDisabled"],"sources":["InputLayoutAsideText.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~useEmotion~~ } from '~~../../../lib/theming/RenderEnvironmentContext~~';\nimport ~~type~~ { ~~InputProps~~ } from '~~../Input~~';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { ~~getStylesLayout~~ } 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 ~~emotion = useEmotion();\n const~~ { ~~cx } = useEmotion();\n const stylesLayout = getStylesLayout(emotion);\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":"AAAA,OAAOA,KAAK,MAAM,OAAO~~;;AAEzB~~,SAASC,~~UAAU~~,QAAQ~~,+CAA+C;;AAE1E~~,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,~~eAAe~~,QAAQ,sBAAsB;;;;;;~~AAMtD~~,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGT,KAAK,CAACU,UAAU,CAACR,YAAY,CAAC;EAC5C,~~IAAMS~~,~~OAAO,GAAGV,UAAU,CAAC,CAAC;EAC5B,IAAAW,WAAA,GAAeX,UAAU,CAAC,CAAC,CAAnBY,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,YAAY,GAAGV,eAAe,CAACO,OAAO,CAAC;EAC7C,IAAAI,~~iBAAA,~~GAAqBf~~,KAAK,CAACU,UAAU,CAACP,kBAAkB,CAAC,~~CAAjDa~~,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,cAAc,~~GAAGH~~,YAAY,~~CAACI~~,KAAK,CAAC,CAAC;;EAE3C,~~OAAOV~~,IAAI;EACTR,KAAA,~~CAAAmB~~,aAAA,WAAMC,SAAS,~~EAAEP~~,EAAE,~~CAACI~~,cAAc,~~EAAEH~~,YAAY,~~CAACN~~,IAAI,CAACC,KAAK,CAAC,~~EAAEO~~,QAAQ,~~IAAIF~~,YAAY,~~CAACO~~,YAAY,~~CAACZ~~,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideText","_ref","_ref$text","text","theme","useContext","_React$useContext","disabled","asideClassName","aside","createElement","className","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,sBAAsB;;;;;;AAMnD,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAAwEA,CAAAC,IAAA,EAAwB,KAAAC,SAAA,GAAAD,IAAA,CAAlBE,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,IAAI,GAAAA,SAAA;EACpG,IAAME,KAAK,GAAGT,KAAK,CAACU,UAAU,CAACR,YAAY,CAAC;EAC5C,IAAAS,iBAAA,GAAqBX,KAAK,CAACU,UAAU,CAACP,kBAAkB,CAAC,CAAjDS,QAAQ,GAAAD,iBAAA,CAARC,QAAQ;;EAEhB,IAAMC,cAAc,GAAGT,YAAY,CAACU,KAAK,CAAC,CAAC;;EAE3C,OAAON,IAAI;EACTR,KAAA,CAAAe,aAAA,WAAMC,SAAS,EAAEf,EAAE,CAACY,cAAc,EAAET,YAAY,CAACI,IAAI,CAACC,KAAK,CAAC,EAAEG,QAAQ,IAAIR,YAAY,CAACa,YAAY,CAACR,KAAK,CAAC,CAAE;EACzGD;EACG,CAAC;EACL,IAAI;AACV,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/RenderEnvironmentContext";
+import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
-import { getStyles } from "../../Input.styles";
+import { styles } from "../../Input.styles";
 import { needsPolyfillPlaceholder } from "../../../../lib/needsPolyfillPlaceholder";
 import { InputLayoutContext } from "../InputLayoutContext";
 export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
@@ -11,9 +11,6 @@ export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
     defaultValue = _ref.defaultValue,
     isMaskVisible = _ref.isMaskVisible;
   var theme = React.useContext(ThemeContext);
-  var emotion = useEmotion();
-  var cx = emotion.cx;
-  var styles = getStyles(emotion);
   var _React$useContext = React.useContext(InputLayoutContext),
     focused = _React$useContext.focused,
     disabled = _React$useContext.disabled;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~useEmotion~~","ThemeContext","~~getStyles~~","needsPolyfillPlaceholder","InputLayoutContext","PolyfillPlaceholder","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","useContext","~~emotion","cx","styles","~~_React$useContext","focused","disabled","_placeholder","_cx","createElement","className","placeholderDisabled","placeholderFocus","style","textAlign"],"sources":["PolyfillPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ~~useEmotion~~ } from '~~../../../lib/theming/RenderEnvironmentContext~~';\nimport ~~type~~ { ~~InputProps~~ } from '~~../Input~~';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport { ~~getStyles~~ } 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 ~~emotion = useEmotion();\n const~~ { ~~cx } = emotion;\n const styles = getStyles(emotion);\n\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":"AAAA,OAAOA,KAAK,MAAM,OAAO~~;;AAEzB~~,SAASC,~~UAAU~~,QAAQ~~,+CAA+C;;AAE1E~~,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,~~SAAS~~,QAAQ,iBAAiB;~~AAC3C~~,SAASC,wBAAwB,QAAQ,uCAAuC;;AAEhF,SAASC,kBAAkB,QAAQ,sBAAsB;;;;;;;;;;AAUzD,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAAyEA,CAAAC,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,GAAGd,KAAK,CAACe,UAAU,CAACb,YAAY,CAAC;EAC5C,~~IAAMc~~,~~OAAO,GAAGf,UAAU,CAAC,CAAC;EAC5B,IAAQgB,EAAE,GAAKD,OAAO,CAAdC,EAAE;EACV,IAAMC,MAAM,GAAGf,SAAS,CAACa,OAAO,CAAC;;EAEjC,IAAAG,~~iBAAA,~~GAA8BnB~~,KAAK,CAACe,UAAU,CAACV,kBAAkB,CAAC,~~CAA1De~~,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,~~IAAIlB~~,wBAAwB,IAAII,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,~~KAAAW~~,GAAA;IACxFD,YAAY;~~IACVtB~~,KAAA,~~CAAAwB~~,aAAA;MACEC,SAAS,~~EAAER~~,EAAE,~~CAACC~~,MAAM,~~CAACV~~,WAAW,CAACM,KAAK,CAAC,~~GAAAS~~,GAAA,OAAAA,GAAA;~~MACpCL~~,MAAM,~~CAACQ~~,mBAAmB,~~CAACZ~~,KAAK,CAAC,~~IAAGO~~,QAAQ,EAAAE,GAAA;~~MAC5CL~~,MAAM,~~CAACS~~,gBAAgB,~~CAACb~~,KAAK,CAAC,~~IAAGM~~,OAAO,EAAAG,GAAA;MAC1C,CAAE;MACHK,KAAK,EAAE,EAAEC,SAAS,~~EAAEnB~~,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,~~OAAOc~~,YAAY;AACrB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","cx","ThemeContext","styles","needsPolyfillPlaceholder","InputLayoutContext","PolyfillPlaceholder","_ref","placeholder","children","align","value","defaultValue","isMaskVisible","theme","useContext","_React$useContext","focused","disabled","_placeholder","_cx","createElement","className","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;AAChE,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,wBAAwB,QAAQ,uCAAuC;;AAEhF,SAASC,kBAAkB,QAAQ,sBAAsB;;;;;;;;;;AAUzD,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAAyEA,CAAAC,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,GAAGd,KAAK,CAACe,UAAU,CAACb,YAAY,CAAC;EAC5C,IAAAc,iBAAA,GAA8BhB,KAAK,CAACe,UAAU,CAACV,kBAAkB,CAAC,CAA1DY,OAAO,GAAAD,iBAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,iBAAA,CAARE,QAAQ;;EAEzB,IAAIC,YAAY,GAAG,IAAI;;EAEvB,IAAIf,wBAAwB,IAAII,WAAW,IAAI,CAACK,aAAa,IAAI,CAACF,KAAK,IAAI,CAACC,YAAY,EAAE,KAAAQ,GAAA;IACxFD,YAAY;IACVnB,KAAA,CAAAqB,aAAA;MACEC,SAAS,EAAErB,EAAE,CAACE,MAAM,CAACK,WAAW,CAACM,KAAK,CAAC,GAAAM,GAAA,OAAAA,GAAA;MACpCjB,MAAM,CAACoB,mBAAmB,CAACT,KAAK,CAAC,IAAGI,QAAQ,EAAAE,GAAA;MAC5CjB,MAAM,CAACqB,gBAAgB,CAACV,KAAK,CAAC,IAAGG,OAAO,EAAAG,GAAA;MAC1C,CAAE;MACHK,KAAK,EAAE,EAAEC,SAAS,EAAEhB,KAAK,IAAI,SAAS,CAAC,CAAE;;IAExCF;IACE,CACN;;EACH;;EAEA,OAAOW,YAAY;AACrB,CAAC","ignoreList":[]}

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

@@ -3,20 +3,21 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Kebab;
 import React from 'react';
 import { isElement } from 'react-is';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
+import { globalObject } from '@skbkontur/global-object';
 import { isKonturIcon } from "../../../lib/utils";
 import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../lib/events/keyboard/identifiers";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
-import { KeyListener } from "../../../lib/events/keyListener";
+import { keyListener } from "../../../lib/events/keyListener";
 import { PopupMenu } from "../../../internal/PopupMenu";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { getStyles } from "../Kebab.styles";
+import { styles } from "../Kebab.styles";
 import { KebabIcon } from "../KebabIcon";
 export var KebabDataTids = {
   caption: 'Kebab__caption'
@@ -65,7 +66,7 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
           onKeyDown: handleCaptionKeyDown,
           onFocus: _this.handleFocus,
           onBlur: _this.handleBlur,
-          className: _this.cx(_this.styles.kebab(_this.theme), size === 'small' && _this.styles.kebabSmall(_this.theme), size === 'medium' && _this.styles.kebabMedium(_this.theme), size === 'large' && _this.styles.kebabLarge(_this.theme), captionProps.opened && _this.styles.opened(_this.theme), disabled && _this.styles.disabled(), _this.state.focusedByTab && _this.styles.focused(_this.theme)),
+          className: cx(styles.kebab(_this.theme), size === 'small' && styles.kebabSmall(_this.theme), size === 'medium' && styles.kebabMedium(_this.theme), size === 'large' && styles.kebabLarge(_this.theme), captionProps.opened && styles.opened(_this.theme), disabled && styles.disabled(), _this.state.focusedByTab && styles.focused(_this.theme)),
           "aria-describedby": _this.props['aria-describedby']
         }, _this.renderIcon())
       );
@@ -85,8 +86,8 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
-          if (_this.keyListener.isTabPressed) {
+        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+          if (keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
@@ -104,30 +105,22 @@ export var Kebab = rootNode(_class = (_Kebab = /*#__PURE__*/function (_React$Com
   _inheritsLoose(Kebab, _React$Component);
   var _proto = Kebab.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    this.keyListener = new KeyListener(this.globalObject); /** addListener'у нужен колбэк в аргумент */
-    this.listener = LayoutEvents.addListener(function () {
+    /** addListener'у нужен колбэк в аргумент */this.listener = LayoutEvents.addListener(function () {
       return undefined;
-    }, this.globalObject);
+    });
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
     this.listener.remove();
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var globalObject = _ref.globalObject,
-        emotion = _ref.emotion;
-      _this2.globalObject = globalObject;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-          value: ThemeFactory.create({
-            popupMargin: theme.kebabMargin
-          }, theme)
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupMargin: theme.kebabMargin
+        }, theme)
+      }, _this2.renderMain());
     });
   };
   _proto.renderMain = function renderMain() {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","isElement","RenderEnvironmentContext","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","KeyListener","PopupMenu","ThemeContext","isTestEnv","ThemeFactory","CommonWrapper","rootNode","createPropsGetter","getVisualStateDataAttributes","getStyles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","cx","styles","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","globalObject","requestAnimationFrame","keyListener","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","_ref","emotion","Provider","value","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","_extends","rootNodeRef","setRootNode","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { KeyListener } from '../../lib/events/keyListener';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { getStyles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n extends Pick<AriaAttributes, 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n Pick<PopupMenuProps, 'onOpen' \| 'onClose' \| 'popupMenuId' \| 'preventIconsOffset'>,\n CommonProps {\n /** Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.\n * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n * @default ['bottom left', 'bottom right', 'top left', 'top right']. /\n positions?: PopupPositionsType[];\n positions2?: string;\n\n /* Задает максимальную высоту меню. /\n menuMaxHeight?: number \| string;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Добавляет иконку слева. /\n icon?: React.ReactNode;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n anchor: Nullable<HTMLElement>;\n focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' \| 'onClose' \| 'positions' \| 'size' \| 'disableAnimations'>>;\n\n/\n Кебаб-меню `Kebab` содержит действия с объектом.\n /\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n public static __KONTUR_REACT_UI__ = 'Kebab';\n public static displayName = 'Kebab';\n\n public static defaultProps: DefaultProps = {\n onOpen: () => undefined,\n onClose: () => undefined,\n positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n size: 'small',\n disableAnimations: isTestEnv,\n };\n\n private getProps = createPropsGetter(Kebab.defaultProps);\n\n public state: KebabState = {\n focusedByTab: false,\n anchor: null,\n };\n\n private globalObject!: GlobalObject;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n private listener: {\n remove: () => void;\n } = {\n remove: () => undefined,\n };\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n /* addListener'у нужен колбэк в аргумент */\n this.listener = LayoutEvents.addListener(() => undefined, this.globalObject);\n }\n\n public componentWillUnmount() {\n this.listener.remove();\n }\n\n public render(): JSX.Element {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ globalObject, emotion }) => {\n this.globalObject = globalObject;\n this.cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupMargin: theme.kebabMargin,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.Consumer>\n );\n }\n\n private renderMain() {\n const { disabled } = this.props;\n const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n <PopupMenu\n id={this.props.id}\n popupHasPin={false}\n preventIconsOffset={this.props.preventIconsOffset}\n positions={positions}\n onChangeMenuState={this.handleChangeMenuState}\n caption={this.renderCaption}\n disableAnimations={disableAnimations}\n menuMaxHeight={this.props.menuMaxHeight}\n onOpen={onOpen}\n onClose={onClose}\n popupMenuId={this.props.popupMenuId}\n aria-label={this.props['aria-label']}\n >\n {!disabled && this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n\n private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n const { disabled, size } = this.getProps();\n const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!disabled) {\n this.handleCaptionKeyDown(event, captionProps.openMenu);\n }\n };\n\n const handleCaptionClick = () => {\n if (!disabled) {\n captionProps.toggleMenu();\n }\n };\n\n return (\n <span\n role=\"button\"\n data-tid={KebabDataTids.caption}\n tabIndex={disabled ? -1 : 0}\n onClick={handleCaptionClick}\n onKeyDown={handleCaptionKeyDown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n className={this.cx(\n this.styles.kebab(this.theme),\n size === 'small' && this.styles.kebabSmall(this.theme),\n size === 'medium' && this.styles.kebabMedium(this.theme),\n size === 'large' && this.styles.kebabLarge(this.theme),\n captionProps.opened && this.styles.opened(this.theme),\n disabled && this.styles.disabled(),\n this.state.focusedByTab && this.styles.focused(this.theme),\n )}\n aria-describedby={this.props['aria-describedby']}\n >\n {this.renderIcon()}\n </span>\n );\n };\n\n private handleCaptionKeyDown = (\n e: React.KeyboardEvent<HTMLDivElement>,\n openMenu: PopupMenuCaptionProps['openMenu'],\n ) => {\n if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n e.preventDefault();\n openMenu(true);\n }\n };\n\n private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n this.setState({\n focusedByTab: !isOpened && restoreFocus,\n });\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({\n focusedByTab: false,\n });\n };\n\n private renderIcon() {\n const { size, icon = <KebabIcon /> } = this.getProps();\n\n if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n const sizes: Record<SizeProp, number> = {\n small: parseInt(this.theme.kebabIconSizeSmall),\n medium: parseInt(this.theme.kebabIconSizeMedium),\n large: parseInt(this.theme.kebabIconSizeLarge),\n };\n\n return React.cloneElement(icon as ReactElement, {\n size: icon.props.size ?? sizes[size],\n color: icon.props.color ?? this.theme.kebabIconColor,\n });\n }\n\n return icon;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","isElement","globalObject","isKonturIcon","isKeyArrowVertical","isKeyEnter","isKeySpace","someKeys","LayoutEvents","keyListener","PopupMenu","ThemeContext","isTestEnv","ThemeFactory","CommonWrapper","cx","rootNode","createPropsGetter","getVisualStateDataAttributes","styles","KebabIcon","KebabDataTids","caption","Kebab","_class","_Kebab","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","focusedByTab","anchor","listener","remove","undefined","renderCaption","captionProps","_this$getProps","disabled","size","handleCaptionKeyDown","event","openMenu","handleCaptionClick","toggleMenu","createElement","role","tabIndex","onClick","onKeyDown","onFocus","handleFocus","onBlur","handleBlur","className","kebab","theme","kebabSmall","kebabMedium","kebabLarge","opened","focused","props","renderIcon","e","preventDefault","handleChangeMenuState","isOpened","restoreFocus","setState","requestAnimationFrame","isTabPressed","_inheritsLoose","_proto","prototype","componentDidMount","addListener","componentWillUnmount","render","_this2","Consumer","Provider","value","create","popupMargin","kebabMargin","renderMain","_this$getProps2","positions","disableAnimations","onOpen","onClose","_extends","rootNodeRef","setRootNode","id","popupHasPin","preventIconsOffset","onChangeMenuState","menuMaxHeight","popupMenuId","children","_this$getProps3","_this$getProps3$icon","icon","_icon$props$size","_icon$props$color","sizes","small","parseInt","kebabIconSizeSmall","medium","kebabIconSizeMedium","large","kebabIconSizeLarge","cloneElement","color","kebabIconColor","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Kebab.tsx"],"sourcesContent":["import type { AriaAttributes, ReactElement, HTMLAttributes } from 'react';\nimport React from 'react';\nimport { isElement } from 'react-is';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isKonturIcon } from '../../lib/utils';\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { PopupMenuCaptionProps, PopupMenuProps } from '../../internal/PopupMenu';\nimport { PopupMenu } from '../../internal/PopupMenu';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { PopupPositionsType } from '../../internal/Popup';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Kebab.styles';\nimport { KebabIcon } from './KebabIcon';\n\nexport interface KebabProps\n extends Pick<AriaAttributes, 'aria-label'>,\n Pick<HTMLAttributes<HTMLElement>, 'id'>,\n Pick<PopupMenuProps, 'onOpen' \| 'onClose' \| 'popupMenuId' \| 'preventIconsOffset'>,\n CommonProps {\n /** Делает компонент недоступным. /\n disabled?: boolean;\n\n /* Задает размер контрола. /\n size?: SizeProp;\n\n /* Определяет список позиций, доступных для расположения выпадашки относительно `kebab`.\n * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n * @default ['bottom left', 'bottom right', 'top left', 'top right']. /\n positions?: PopupPositionsType[];\n positions2?: string;\n\n /* Задает максимальную высоту меню. /\n menuMaxHeight?: number \| string;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Добавляет иконку слева. /\n icon?: React.ReactNode;\n\n /* @ignore /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const KebabDataTids = {\n caption: 'Kebab__caption',\n} as const;\n\nexport interface KebabState {\n anchor: Nullable<HTMLElement>;\n focusedByTab: boolean;\n}\n\ntype DefaultProps = Required<Pick<KebabProps, 'onOpen' \| 'onClose' \| 'positions' \| 'size' \| 'disableAnimations'>>;\n\n/\n Кебаб-меню `Kebab` содержит действия с объектом.\n /\n@rootNode\nexport class Kebab extends React.Component<KebabProps, KebabState> {\n public static __KONTUR_REACT_UI__ = 'Kebab';\n public static displayName = 'Kebab';\n\n public static defaultProps: DefaultProps = {\n onOpen: () => undefined,\n onClose: () => undefined,\n positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n size: 'small',\n disableAnimations: isTestEnv,\n };\n\n private getProps = createPropsGetter(Kebab.defaultProps);\n\n public state: KebabState = {\n focusedByTab: false,\n anchor: null,\n };\n\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n private listener: {\n remove: () => void;\n } = {\n remove: () => undefined,\n };\n\n public componentDidMount() {\n /* addListener'у нужен колбэк в аргумент */\n this.listener = LayoutEvents.addListener(() => undefined);\n }\n\n public componentWillUnmount() {\n this.listener.remove();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <ThemeContext.Provider\n value={ThemeFactory.create(\n {\n popupMargin: theme.kebabMargin,\n },\n theme,\n )}\n >\n {this.renderMain()}\n </ThemeContext.Provider>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { disabled } = this.props;\n const { positions, disableAnimations, onOpen, onClose } = this.getProps();\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n <PopupMenu\n id={this.props.id}\n popupHasPin={false}\n preventIconsOffset={this.props.preventIconsOffset}\n positions={positions}\n onChangeMenuState={this.handleChangeMenuState}\n caption={this.renderCaption}\n disableAnimations={disableAnimations}\n menuMaxHeight={this.props.menuMaxHeight}\n onOpen={onOpen}\n onClose={onClose}\n popupMenuId={this.props.popupMenuId}\n aria-label={this.props['aria-label']}\n >\n {!disabled && this.props.children}\n </PopupMenu>\n </CommonWrapper>\n );\n }\n\n private renderCaption = (captionProps: PopupMenuCaptionProps) => {\n const { disabled, size } = this.getProps();\n const handleCaptionKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!disabled) {\n this.handleCaptionKeyDown(event, captionProps.openMenu);\n }\n };\n\n const handleCaptionClick = () => {\n if (!disabled) {\n captionProps.toggleMenu();\n }\n };\n\n return (\n <span\n role=\"button\"\n data-tid={KebabDataTids.caption}\n tabIndex={disabled ? -1 : 0}\n onClick={handleCaptionClick}\n onKeyDown={handleCaptionKeyDown}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n className={cx(\n styles.kebab(this.theme),\n size === 'small' && styles.kebabSmall(this.theme),\n size === 'medium' && styles.kebabMedium(this.theme),\n size === 'large' && styles.kebabLarge(this.theme),\n captionProps.opened && styles.opened(this.theme),\n disabled && styles.disabled(),\n this.state.focusedByTab && styles.focused(this.theme),\n )}\n aria-describedby={this.props['aria-describedby']}\n >\n {this.renderIcon()}\n </span>\n );\n };\n\n private handleCaptionKeyDown = (\n e: React.KeyboardEvent<HTMLDivElement>,\n openMenu: PopupMenuCaptionProps['openMenu'],\n ) => {\n if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n e.preventDefault();\n openMenu(true);\n }\n };\n\n private handleChangeMenuState = (isOpened: boolean, restoreFocus: boolean): void => {\n this.setState({\n focusedByTab: !isOpened && restoreFocus,\n });\n };\n\n private handleFocus = () => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n }\n };\n\n private handleBlur = () => {\n this.setState({\n focusedByTab: false,\n });\n };\n\n private renderIcon() {\n const { size, icon = <KebabIcon /> } = this.getProps();\n\n if (isElement(icon) && isKonturIcon(icon as ReactElement)) {\n const sizes: Record<SizeProp, number> = {\n small: parseInt(this.theme.kebabIconSizeSmall),\n medium: parseInt(this.theme.kebabIconSizeMedium),\n large: parseInt(this.theme.kebabIconSizeLarge),\n };\n\n return React.cloneElement(icon as ReactElement, {\n size: icon.props.size ?? sizes[size],\n color: icon.props.color ?? this.theme.kebabIconColor,\n });\n }\n\n return icon;\n }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -42,13 +42,9 @@ export declare class Kebab extends React.Component<KebabProps, KebabState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: KebabState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;
-    private keyListener;
     private listener;
     componentDidMount(): void;
     componentWillUnmount(): void;