npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Input.styles.ts"],"names":["memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","getStyles","emotion","wrapper","css","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","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","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport { resetText } from '../../lib/styles/Mixins';\n\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n Boolean(parseInt(fontFamilyCompensation));\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 useDefaultColor(t: Theme) {\n return emotion.css`\n color: ${t.inputIconColor};\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(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n prefix(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n prefixDisabled(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n suffix(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n suffixDisabled(t: Theme) {\n return emotion.css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n sideContainer() {\n return emotion.css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 100%;\n\n &::before {\n content: '\\\\a0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n rightContainer() {\n return emotion.css`\n justify-self: flex-end;\n margin: 0 0 0 auto;\n padding-left: 0;\n `;\n },\n\n icon() {\n return emotion.css`\n flex-shrink: 0;\n cursor: text;\n z-index: 2;\n text-align: center;\n box-sizing: content-box !important; // fix possible \"reset.css\" problem\n `;\n },\n\n iconFocus(t: Theme) {\n return emotion.css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n\n iconDisabled() {\n return emotion.css`\n cursor: default;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeSmall};\n padding-right: ${t.inputIconGapSmall};\n `;\n },\n\n rightIconSmall(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeSmall};\n padding-left: ${t.inputIconGapSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeMedium};\n padding-right: ${t.inputIconGapMedium};\n `;\n },\n\n rightIconMedium(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeMedium};\n padding-left: ${t.inputIconGapMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeLarge};\n padding-right: ${t.inputIconGapLarge};\n `;\n },\n\n rightIconLarge(t: Theme) {\n return emotion.css`\n min-width: ${t.inputIconSizeLarge};\n padding-left: ${t.inputIconGapLarge};\n `;\n },\n\n hideBlinkingCursor() {\n return emotion.css`\n caret-color: transparent;\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["Input.styles.ts"],"names":["css","keyframes","memoizeStyle","shift","resetText","shouldCompensateFontFamily","fontFamilyCompensation","Boolean","parseInt","styles","wrapper","root","t","inputBackgroundClip","inputBg","inputBorderWidth","inputBorderColor","inputBorderTopColor","transitionDuration","transitionTimingFunction","inputShadow","inputColor","inputWidth","hovering","inputBorderColorHover","borderless","useDefaultColor","inputIconColor","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","inputBlinkColor","sizeSmall","inputFontSizeSmall","inputLineHeightSmall","inputPaddingYSmall","inputPaddingXSmall","inputHeightSmall","inputBorderRadiusSmall","sizeSmallFallback","fontFamilyCompensationBaseline","sizeMedium","inputFontSizeMedium","inputLineHeightMedium","inputPaddingYMedium","inputPaddingXMedium","inputHeightMedium","inputBorderRadiusMedium","sizeMediumFallback","sizeLarge","inputFontSizeLarge","inputLineHeightLarge","inputHeightLarge","inputPaddingYLarge","inputPaddingXLarge","inputBorderRadiusLarge","sizeLargeFallback","prefix","prefixDisabled","suffix","suffixDisabled","sideContainer","rightContainer","icon","iconFocus","inputFocusedIconColor","iconDisabled","leftIconSmall","inputIconSizeSmall","inputIconGapSmall","rightIconSmall","leftIconMedium","inputIconSizeMedium","inputIconGapMedium","rightIconMedium","leftIconLarge","inputIconSizeLarge","inputIconGapLarge","rightIconLarge","hideBlinkingCursor"],"mappings":"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","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\nconst shouldCompensateFontFamily = (fontFamilyCompensation: string): boolean =>\n Boolean(parseInt(fontFamilyCompensation));\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 useDefaultColor(t: Theme) {\n return css`\n color: ${t.inputIconColor};\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(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYSmall,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYMedium,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-1' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '1' : '0',\n )};\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(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '-2' : '0',\n )};\n padding-bottom: ${shift(\n t.inputPaddingYLarge,\n shouldCompensateFontFamily(t.fontFamilyCompensationBaseline) ? '2' : '0',\n )};\n padding-left: ${t.inputPaddingXLarge};\n padding-right: ${t.inputPaddingXLarge};\n line-height: normal;\n `;\n },\n\n prefix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n prefixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n suffix(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColor};\n `;\n },\n\n suffixDisabled(t: Theme) {\n return css`\n color: ${t.inputPlaceholderColorDisabled};\n `;\n },\n\n sideContainer() {\n return css`\n align-items: center;\n display: flex;\n flex-shrink: 0;\n height: 100%;\n\n &::before {\n content: '\\\\a0';\n display: inline-block;\n width: 0;\n }\n `;\n },\n\n rightContainer() {\n return css`\n justify-self: flex-end;\n margin: 0 0 0 auto;\n padding-left: 0;\n `;\n },\n\n icon() {\n return css`\n flex-shrink: 0;\n cursor: text;\n z-index: 2;\n text-align: center;\n box-sizing: content-box !important; // fix possible \"reset.css\" problem\n `;\n },\n\n iconFocus(t: Theme) {\n return css`\n color: ${t.inputFocusedIconColor};\n `;\n },\n\n iconDisabled() {\n return css`\n cursor: default;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-right: ${t.inputIconGapSmall};\n `;\n },\n\n rightIconSmall(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeSmall};\n padding-left: ${t.inputIconGapSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-right: ${t.inputIconGapMedium};\n `;\n },\n\n rightIconMedium(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeMedium};\n padding-left: ${t.inputIconGapMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-right: ${t.inputIconGapLarge};\n `;\n },\n\n rightIconLarge(t: Theme) {\n return css`\n min-width: ${t.inputIconSizeLarge};\n padding-left: ${t.inputIconGapLarge};\n `;\n },\n\n hideBlinkingCursor() {\n return css`\n caret-color: transparent;\n `;\n },\n});\n"]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { 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

@@ -3,10 +3,9 @@ import React from 'react';
 import { forwardRefAndName } from "../../../../lib/forwardRefAndName";
 import { InputDataTids } from "../../Input";
 import { CommonWrapper } from "../../../../internal/CommonWrapper";
-import { useEmotion } from "../../../../lib/theming/Emotion";
 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 leftIcon = props.leftIcon,
       rightIcon = props.rightIcon,
@@ -18,8 +17,6 @@ export var InputLayout = forwardRefAndName('InputLayout', function (props, ref)
   var _context = _extends({}, InputLayoutContextDefault, context);
-  var emotion = useEmotion();
-  var stylesLayout = getStylesLayout(emotion);
   return /*#__PURE__*/React.createElement(InputLayoutContext.Provider, {
     value: _context
   }, /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement("label", _extends({

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayout.tsx"],"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","~~useEmotion","~~InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","~~getStylesLayout~~","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","~~emotion","stylesLayout","~~root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,aAAT,QAA0C,UAA1C;AACA,SAAsBC,aAAtB,QAA2C,iCAA3C~~;AACA,SAASC,UAAT,QAA2B,8BAA3B~~;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,~~eAAT~~,~~QAAgC~~,~~sBAAhC~~;;;;;;;;;AASA,OAAO,IAAMC,WAAW,~~GAAGR~~,iBAAiB,CAAyC,aAAzC,EAAwD,~~UAACS~~,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,gBAAQZ,yBAAR,EAAsCU,OAAtC,CAAvC~~;AACA,MAAMG,OAAO,GAAGhB,UAAU,EAA1B;AACA,MAAMiB,YAAY,GAAGb,eAAe,CAACY,OAAD,CAApC~~;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,~~EAAED~~,QAApC;AACE,wBAAC,aAAD,EAAmBT,KAAnB;AACE,4CAAO,GAAG,EAAEC,GAAZ,EAAiB,~~YAAUT~~,aAAa,~~CAACoB~~,IAAzC,~~IAAmDN~~,UAAnD;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,~~EAAEO~~,YAAY,~~CAACE~~,KAAb,EAAjB,~~IAAwCL~~,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,~~CAjB2C~~,CAArC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\~~nimport { useEmotion } from '../../../lib/theming/Emotion';\~~n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } 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 { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n ~~const emotion = useEmotion();\n const stylesLayout = getStylesLayout(emotion);\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"]}
1	+ {"version":3,"sources":["InputLayout.tsx"],"names":["React","forwardRefAndName","InputDataTids","CommonWrapper","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","stylesLayout","InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","root","input"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,aAAT,QAA0C,UAA1C;AACA,SAAsBC,aAAtB,QAA2C,iCAA3C;;AAEA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,kBAAT,EAA6BC,yBAA7B,QAAuF,sBAAvF;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;;;;AASA,OAAO,IAAMC,WAAW,GAAGP,iBAAiB,CAAyC,aAAzC,EAAwD,UAACQ,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,gBAAQZ,yBAAR,EAAsCU,OAAtC,CAAvC;;AAEA;AACE,wBAAC,kBAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,wBAAC,aAAD,EAAmBT,KAAnB;AACE,4CAAO,GAAG,EAAEC,GAAZ,EAAiB,YAAUR,aAAa,CAACiB,IAAzC,IAAmDJ,UAAnD;AACE,wBAAC,gBAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,kCAAM,SAAS,EAAEN,YAAY,CAACa,KAAb,EAAjB,IAAwCH,QAAxC,CAFF;AAGE,wBAAC,gBAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAf2C,CAArC","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"]}

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

@@ -3,33 +3,31 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 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) {
-  return memoizeStyle({
-    root: function root(t) {
-      return getStyles(emotion).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() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n      "])));
-    },
-    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() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  },
+  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,"sources":["InputLayout.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","~~memoizeStyle~~","~~getStyles~~","~~getStylesLayout~~","~~emotion~~","root","t","input","~~css","~~aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"~~;;AAEA~~,SAASA,oBAAT,QAAqC,oBAArC;AACA,SAASC,~~YAAT~~,~~QAA6B~~,~~8BAA7B~~;;AAEA,SAASC,~~SAAT~~,~~QAA0B~~,~~iBAA1B~~;;AAEA,OAAO,IAAMC,~~eAAe~~,~~GAAG~~,~~SAAlBA,eAAkB,CAACC,OAAD;AAC7BH,IAAAA,~~YAAY,CAAC;~~AACXI~~,~~MAAAA~~,~~IADW~~,~~gBACNC~~,~~CADM~~,~~EACI~~;AACb,~~eAAOJ~~,~~SAAS~~,CAACE,~~OAAD~~,~~CAAT~~,~~CAAmBC~~,~~IAAnB,CAAwBC,CAAxB,~~CAAP;AACD,~~OAHU~~;~~AAIXC~~,~~MAAAA~~,~~KAJW~~,~~mBAIH~~;AACN,~~eAAOH~~,~~OAAO,CAACI,GAAf~~;;;;;;;AAOD,~~OAZU~~;~~AAaXC~~,~~MAAAA~~,~~KAbW~~,~~mBAaH~~;AACN,~~eAAOL~~,~~OAAO,CAACI,GAAf~~;;;;;;~~AAMgBR~~,~~QAAAA~~,oBANhB;;;AASD,~~OAvBU~~;~~AAwBXU~~,~~MAAAA~~,~~IAxBW~~,~~gBAwBNJ~~,~~CAxBM~~,~~EAwBI~~;AACb,~~eAAOF~~,~~OAAO,CAACI,GAAf~~;~~AACWF~~,~~QAAAA~~,CAAC,~~CAACK~~,cADb;;AAGD,~~OA5BU~~;~~AA6BXC~~,~~MAAAA~~,~~SA7BW~~,~~qBA6BDN~~,~~CA7BC~~,~~EA6BS~~;AAClB,~~eAAOF~~,~~OAAO,CAACI,GAAf~~;~~AACWF~~,~~QAAAA~~,CAAC,~~CAACO~~,qBADb;;AAGD,~~OAjCU~~;~~AAkCXC~~,~~MAAAA~~,~~YAlCW~~,~~0BAkCI~~;AACb,~~eAAOV~~,~~OAAO,CAACI,GAAf~~;;;AAGD,~~OAtCU~~;~~AAuCXO~~,~~MAAAA~~,~~IAvCW~~,~~gBAuCNT~~,~~CAvCM~~,~~EAuCI~~;AACb,~~eAAOF~~,~~OAAO,CAACI,GAAf~~;~~AACWF~~,~~QAAAA~~,CAAC,~~CAACU~~,qBADb;;AAGD,~~OA3CU~~;~~AA4CXC~~,~~MAAAA~~,~~YA5CW~~,~~wBA4CEX~~,~~CA5CF~~,~~EA4CY~~;AACrB,~~eAAOF~~,~~OAAO,CAACI,GAAf~~;~~AACWF~~,~~QAAAA~~,CAAC,~~CAACY~~,6BADb;;AAGD,~~OAhDU~~,EAAD,~~CADiB,GAAxB~~","sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/css/create-instance';\n\nimport {~~ ZERO_WIDTH_SPACE_CSS } from '../../../lib/chars';\nimport { memoizeStyle } from '../../../lib/theming/Emotion';\nimport { Theme } from '../../../lib/theming/Theme';\nimport { ~~getStyles~~ } from '../Input.styles';\n\nexport const ~~getStylesLayout~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root(t: Theme) {\n return ~~getStyles(emotion)~~.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() {\n return ~~emotion.~~css`\n cursor: default;\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"]}
1	+ {"version":3,"sources":["InputLayout.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","stylesLayout","root","t","input","aside","icon","inputIconColor","iconFocus","inputFocusedIconColor","iconDisabled","text","inputPlaceholderColor","textDisabled","inputPlaceholderColorDisabled"],"mappings":"gOAAA,SAASA,oBAAT,QAAqC,oBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,8BAAlC;;AAEA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,OAAO,IAAMC,YAAY,GAAGF,YAAY,CAAC;AACvCG,EAAAA,IADuC,gBAClCC,CADkC,EACxB;AACb,WAAOH,MAAM,CAACE,IAAP,CAAYC,CAAZ,CAAP;AACD,GAHsC;AAIvCC,EAAAA,KAJuC,mBAI/B;AACN,WAAON,GAAP;;;;;;;AAOD,GAZsC;AAavCO,EAAAA,KAbuC,mBAa/B;AACN,WAAOP,GAAP;;;;;;AAMgBD,IAAAA,oBANhB;;;AASD,GAvBsC;AAwBvCS,EAAAA,IAxBuC,gBAwBlCH,CAxBkC,EAwBxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACI,cADb;;AAGD,GA5BsC;AA6BvCC,EAAAA,SA7BuC,qBA6B7BL,CA7B6B,EA6BnB;AAClB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACM,qBADb;;AAGD,GAjCsC;AAkCvCC,EAAAA,YAlCuC,0BAkCxB;AACb,WAAOZ,GAAP;;;AAGD,GAtCsC;AAuCvCa,EAAAA,IAvCuC,gBAuClCR,CAvCkC,EAuCxB;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACS,qBADb;;AAGD,GA3CsC;AA4CvCC,EAAAA,YA5CuC,wBA4C1BV,CA5C0B,EA4ChB;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACW,6BADb;;AAGD,GAhDsC,EAAD,CAAjC","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() {\n return css`\n cursor: default;\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"]}

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

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { 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,14 +1,12 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/Emotion";
-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 emotion = useEmotion();
-  var asideClassName = getStylesLayout(emotion).aside();
+  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,"sources":["InputLayoutAside.tsx"],"names":["React","~~useEmotion~~","~~getStylesLayout","~~InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","icon","text","side","~~emotion","~~asideClassName","aside","_icon","_text","child"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB~~;;;AAGA~~,SAASC,~~UAAT~~,~~QAA2B~~,~~8BAA3B;;AAEA,SAASC,eAAT,QAAgC,sBAAhC~~;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;;;;;;AAQA,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAmE,OAA0B,KAAvBC,IAAuB,QAAvBA,IAAuB,CAAjBC,IAAiB,QAAjBA,IAAiB,CAAXC,IAAW,QAAXA,IAAW;AACxG,MAAMC,~~OAAO,GAAGR,UAAU,EAA1B;AACA,MAAMS,~~cAAc,~~GAAGR~~,~~eAAe~~,~~CAACO~~,~~OAAD~~,~~CAAf,CAAyBE,KAAzB,~~EAAvB;;AAEA,MAAMC,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,~~EAAEN~~,IAAvC,EAA6C,IAAI,EAAEE,IAAnD,GAAd;AACA,~~MAAMK~~,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,~~EAAEN~~,IAAvC,GAAd;;AAEA,~~MAAMO~~,KAAK,~~GAAGN~~,IAAI,KAAK,MAAT,GAAkB,~~CAACI~~,KAAD,EAAQC,KAAR,CAAlB,GAAmC,CAACA,KAAD,EAAQD,KAAR,CAAjD;;AAEA,sBAAO,8BAAM,SAAS,EAAEF,cAAjB,IAAkCI,KAAlC,CAAP;AACD,~~CAVM~~","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\~~nimport { useEmotion } from '../../../lib/theming/Emotion';\~~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 ~~emotion = useEmotion();\n const~~ asideClassName = ~~getStylesLayout(emotion)~~.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"]}
1	+ {"version":3,"sources":["InputLayoutAside.tsx"],"names":["React","stylesLayout","InputLayoutAsideIcon","InputLayoutAsideText","InputLayoutAside","icon","text","side","asideClassName","aside","_icon","_text","child"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,YAAT,QAA6B,sBAA7B;AACA,SAASC,oBAAT,QAAqC,wBAArC;AACA,SAASC,oBAAT,QAAqC,wBAArC;;;;;;;;AAQA,OAAO,IAAMC,gBAAgE,GAAG,SAAnEA,gBAAmE,OAA0B,KAAvBC,IAAuB,QAAvBA,IAAuB,CAAjBC,IAAiB,QAAjBA,IAAiB,CAAXC,IAAW,QAAXA,IAAW;AACxG,MAAMC,cAAc,GAAGP,YAAY,CAACQ,KAAb,EAAvB;;AAEA,MAAMC,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,EAA6C,IAAI,EAAEE,IAAnD,GAAd;AACA,MAAMI,KAAK,gBAAG,oBAAC,oBAAD,IAAsB,GAAG,EAAC,MAA1B,EAAiC,IAAI,EAAEL,IAAvC,GAAd;;AAEA,MAAMM,KAAK,GAAGL,IAAI,KAAK,MAAT,GAAkB,CAACG,KAAD,EAAQC,KAAR,CAAlB,GAAmC,CAACA,KAAD,EAAQD,KAAR,CAAjD;;AAEA,sBAAO,8BAAM,SAAS,EAAEF,cAAjB,IAAkCI,KAAlC,CAAP;AACD,CATM","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"]}

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

@@ -1,16 +1,15 @@
 import React from 'react';
 import { isElement } from 'react-is';
 import { isKonturIcon } from "../../../../lib/utils";
-import { useEmotion } from "../../../../lib/theming/Emotion";
-import { useTheme } from "../../../../lib/theming/useTheme";
+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 emotion = useEmotion();
-  var theme = useTheme();
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
       focused = _React$useContext.focused,
@@ -48,9 +47,8 @@ export var InputLayoutAsideIcon = function InputLayoutAsideIcon(_ref) {
     }
   }
-  var stylesLayout = getStylesLayout(emotion);
   return _icon && /*#__PURE__*/React.createElement("span", {
     style: style,
-    className: emotion.cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled())
+    className: cx(stylesLayout.aside(), stylesLayout.icon(theme), focused && stylesLayout.iconFocus(theme), disabled && stylesLayout.iconDisabled())
   }, _icon);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayoutAsideIcon.tsx"],"names":["React","isElement","isKonturIcon","~~useEmotion~~","~~useTheme~~","InputLayoutContext","~~getStylesLayout~~","InputLayoutAsideIcon","icon","side","~~emotion","~~theme","useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","cloneElement","props","style","marginLeft","marginRight","~~stylesLayout","cx","~~aside","iconFocus","iconDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,SAASC,YAAT,QAA6B,oBAA7B;;AAEA,SAASC,~~UAAT~~,~~QAA2B~~,~~8BAA3B;;AAEA~~,SAASC,~~QAAT~~,~~QAAyB,+BAAzB;;AAEA~~,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,~~eAAT~~,~~QAAgC~~,~~sBAAhC;;;;;;;AAOA~~,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,OAA2B,sBAAxBC,IAAwB,CAAxBA,IAAwB,0BAAjB,IAAiB,aAAXC,IAAW,QAAXA,IAAW;AACjH,MAAMC,~~OAAO~~,~~GAAGP~~,~~UAAU~~,~~EAA1B;AACA~~,~~MAAMQ~~,~~KAAK~~,~~GAAGP~~,~~QAAQ,EAAtB~~;AACA,0BAAoCJ,KAAK,~~CAACY~~,UAAN,~~CAAiBP~~,kBAAjB,CAApC,~~CAAQQ~~,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB,CAA2BC,IAA3B,qBAA2BA,IAA3B;;AAEA,MAAMC,KAA+B,GAAG;AACtCC,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,CADuB;AAEtCC,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,CAFsB;AAGtCC,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,CAHuB,EAAxC;;AAKA,MAAMC,IAA8B,GAAG;AACrCP,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACc,iBAAP,CADsB;AAErCL,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACe,kBAAP,CAFqB;AAGrCJ,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACgB,iBAAP,CAHsB,EAAvC;;;AAMA,MAAIC,KAAK,~~GAAGpB~~,IAAI,~~YAAYqB~~,QAAhB,~~GAA2BrB~~,IAAI,EAA/B,GAAoCA,IAAhD;AACA,MAAIP,SAAS,CAACO,IAAD,CAAT,IAAmBN,YAAY,CAACM,IAAD,CAAnC,EAA2C;~~AACzCoB~~,IAAAA,KAAK,~~gBAAG5B~~,KAAK,~~CAAC8B~~,YAAN,~~CAAmBtB~~,IAAnB,EAAyB,~~EAAEO~~,IAAI,~~sBAAEP~~,IAAI,~~CAACuB~~,KAAL,CAAWhB,IAAb,+BAAqBC,KAAK,CAACD,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED,MAAMiB,KAA0B,GAAG,EAAnC;AACA,~~MAAIvB~~,IAAJ,EAAU;AACR,QAAIA,IAAI,KAAK,OAAb,EAAsB;~~AACpBuB~~,MAAAA,KAAK,CAACC,UAAN,GAAmBT,IAAI,CAACT,IAAD,CAAvB;AACD,KAFD,MAEO;AACLiB,MAAAA,KAAK,CAACE,WAAN,GAAoBV,IAAI,CAACT,IAAD,CAAxB;AACD;AACF;;AAED~~,MAAMoB,YAAY,GAAG7B,eAAe,CAACI,OAAD,CAApC;;AAEA~~;~~AACEkB~~,IAAAA,KAAK;AACH;AACE,MAAA,KAAK,EAAEI,KADT;AAEE,MAAA,SAAS,~~EAAEtB~~,~~OAAO,CAAC0B,EAAR~~;~~AACTD~~,MAAAA,YAAY,~~CAACE~~,KAAb,~~EADS~~;~~AAETF~~,MAAAA,YAAY,~~CAAC3B~~,IAAb,~~CAAkBG~~,KAAlB,~~CAFS~~;~~AAGTE~~,MAAAA,OAAO,~~IAAIsB~~,YAAY,~~CAACG~~,SAAb,~~CAAuB3B~~,KAAvB,~~CAHF~~;~~AAITG~~,MAAAA,QAAQ,~~IAAIqB~~,YAAY,~~CAACI~~,YAAb,~~EAJH~~,~~CAFb~~;;;~~AASGX~~,IAAAA,KATH,CAFJ;;;;AAeD,~~CA/CM~~","sourcesContent":["import React from 'react';\nimport { isElement } from 'react-is';\n\nimport { isKonturIcon } from '../../../lib/utils';\nimport { InputProps } from '../Input';\nimport { ~~useEmotion~~ } from '../../../lib/theming/Emotion';\nimport { ~~SizeProp~~ } from '../../../lib/~~types~~/~~props~~';\nimport { ~~useTheme~~ } from '../../../lib/~~theming~~/~~useTheme~~';\n\nimport { InputLayoutContext } from './InputLayoutContext';\nimport { ~~getStylesLayout~~ } from './InputLayout.styles';\n\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 ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\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)) {\n _icon = React.cloneElement(icon, { 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 ~~const stylesLayout = getStylesLayout(emotion);\n\n~~ return (\n _icon && (\n <span\n style={style}\n className={~~emotion.~~cx(\n stylesLayout.aside(),\n stylesLayout.icon(theme),\n focused && stylesLayout.iconFocus(theme),\n disabled && stylesLayout.iconDisabled(),\n )}\n >\n {_icon}\n </span>\n )\n );\n};\n"]}
1	+ {"version":3,"sources":["InputLayoutAsideIcon.tsx"],"names":["React","isElement","isKonturIcon","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideIcon","icon","side","theme","useContext","focused","disabled","size","sizes","small","parseInt","inputIconSizeSmall","medium","inputIconSizeMedium","large","inputIconSizeLarge","gaps","inputIconGapSmall","inputIconGapMedium","inputIconGapLarge","_icon","Function","cloneElement","props","style","marginLeft","marginRight","aside","iconFocus","iconDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,SAASC,YAAT,QAA6B,oBAA7B;;AAEA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;;AAGA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;AAMA,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,OAA2B,sBAAxBC,IAAwB,CAAxBA,IAAwB,0BAAjB,IAAiB,aAAXC,IAAW,QAAXA,IAAW;AACjH,MAAMC,KAAK,GAAGV,KAAK,CAACW,UAAN,CAAiBP,YAAjB,CAAd;AACA,0BAAoCJ,KAAK,CAACW,UAAN,CAAiBN,kBAAjB,CAApC,CAAQO,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB,CAA2BC,IAA3B,qBAA2BA,IAA3B;;AAEA,MAAMC,KAA+B,GAAG;AACtCC,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACQ,kBAAP,CADuB;AAEtCC,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACU,mBAAP,CAFsB;AAGtCC,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACY,kBAAP,CAHuB,EAAxC;;AAKA,MAAMC,IAA8B,GAAG;AACrCP,IAAAA,KAAK,EAAEC,QAAQ,CAACP,KAAK,CAACc,iBAAP,CADsB;AAErCL,IAAAA,MAAM,EAAEF,QAAQ,CAACP,KAAK,CAACe,kBAAP,CAFqB;AAGrCJ,IAAAA,KAAK,EAAEJ,QAAQ,CAACP,KAAK,CAACgB,iBAAP,CAHsB,EAAvC;;;AAMA,MAAIC,KAAK,GAAGnB,IAAI,YAAYoB,QAAhB,GAA2BpB,IAAI,EAA/B,GAAoCA,IAAhD;AACA,MAAIP,SAAS,CAACO,IAAD,CAAT,IAAmBN,YAAY,CAACM,IAAD,CAAnC,EAA2C;AACzCmB,IAAAA,KAAK,gBAAG3B,KAAK,CAAC6B,YAAN,CAAmBrB,IAAnB,EAAyB,EAAEM,IAAI,sBAAEN,IAAI,CAACsB,KAAL,CAAWhB,IAAb,+BAAqBC,KAAK,CAACD,IAAD,CAAhC,EAAzB,CAAR;AACD;;AAED,MAAMiB,KAA0B,GAAG,EAAnC;AACA,MAAItB,IAAJ,EAAU;AACR,QAAIA,IAAI,KAAK,OAAb,EAAsB;AACpBsB,MAAAA,KAAK,CAACC,UAAN,GAAmBT,IAAI,CAACT,IAAD,CAAvB;AACD,KAFD,MAEO;AACLiB,MAAAA,KAAK,CAACE,WAAN,GAAoBV,IAAI,CAACT,IAAD,CAAxB;AACD;AACF;;AAED;AACEa,IAAAA,KAAK;AACH;AACE,MAAA,KAAK,EAAEI,KADT;AAEE,MAAA,SAAS,EAAE5B,EAAE;AACXG,MAAAA,YAAY,CAAC4B,KAAb,EADW;AAEX5B,MAAAA,YAAY,CAACE,IAAb,CAAkBE,KAAlB,CAFW;AAGXE,MAAAA,OAAO,IAAIN,YAAY,CAAC6B,SAAb,CAAuBzB,KAAvB,CAHA;AAIXG,MAAAA,QAAQ,IAAIP,YAAY,CAAC8B,YAAb,EAJD,CAFf;;;AASGT,IAAAA,KATH,CAFJ;;;;AAeD,CA5CM","sourcesContent":["import React 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)) {\n _icon = React.cloneElement(icon, { 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 (\n _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(),\n )}\n >\n {_icon}\n </span>\n )\n );\n};\n"]}

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

@@ -1,20 +1,18 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/Emotion";
-import { useTheme } from "../../../../lib/theming/useTheme";
+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 emotion = useEmotion();
-  var theme = useTheme();
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
       disabled = _React$useContext.disabled;
-  var stylesLayout = getStylesLayout(emotion);
   var asideClassName = stylesLayout.aside();
   return text && /*#__PURE__*/React.createElement("span", {
-    className: emotion.cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))
+    className: cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))
   }, text);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["InputLayoutAsideText.tsx"],"names":["React","~~useEmotion~~","~~useTheme~~","InputLayoutContext","~~getStylesLayout~~","InputLayoutAsideText","text","~~emotion","~~theme","useContext","disabled","~~stylesLayout","~~asideClassName","aside","~~cx","~~textDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,~~UAAT~~,~~QAA2B~~,~~8BAA3B~~;AACA,SAASC,~~QAAT~~,~~QAAyB,+BAAzB~~;;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,~~eAAT~~,~~QAAgC~~,~~sBAAhC~~;;;;;;AAMA,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,OAAqB,sBAAlBC,IAAkB,CAAlBA,IAAkB,0BAAX,IAAW;AAC3G,MAAMC,~~OAAO~~,~~GAAGN~~,~~UAAU~~,~~EAA1B;AACA~~,~~MAAMO~~,~~KAAK~~,~~GAAGN~~,~~QAAQ,EAAtB~~;AACA,0BAAqBF,KAAK,~~CAACS~~,UAAN,~~CAAiBN~~,kBAAjB,CAArB,~~CAAQO~~,QAAR,qBAAQA,QAAR;;AAEA,MAAMC,~~YAAY,GAAGP,eAAe,CAACG,OAAD,CAApC;AACA,MAAMK,~~cAAc,~~GAAGD~~,YAAY,~~CAACE~~,KAAb,EAAvB;;AAEA;~~AACEP~~,IAAAA,IAAI;AACF~~;AACE~~,~~MAAA~~,SAAS,~~EAAEC~~,~~OAAO~~,~~CAACO~~,~~EAAR~~,~~CAAWF~~,~~cAAX,EAA2BD,~~YAAY,~~CAACL~~,IAAb,~~CAAkBE~~,KAAlB,~~CAA3B~~,~~EAAqDE~~,QAAQ,~~IAAIC~~,YAAY,~~CAACI~~,YAAb,~~CAA0BP~~,KAA1B,~~CAAjE~~,~~CADb;;AAGGF~~,IAAAA,~~IAHH~~,CAFJ;;;;~~AASD~~,~~CAjBM~~","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\nimport { ~~useEmotion~~ } from '../../../lib/theming/Emotion';\nimport { ~~useTheme~~ } from '../../../lib/theming/~~useTheme~~';\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 ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const { disabled } = React.useContext(InputLayoutContext);\n\n const ~~stylesLayout = getStylesLayout(emotion);\n const~~ asideClassName = stylesLayout.aside();\n\n return (\n text && (\n <span\n className={~~emotion.~~cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}\n >\n {text}\n </span>\n )\n );\n};\n"]}
1	+ {"version":3,"sources":["InputLayoutAsideText.tsx"],"names":["React","cx","ThemeContext","InputLayoutContext","stylesLayout","InputLayoutAsideText","text","theme","useContext","disabled","asideClassName","aside","textDisabled"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,YAAT,QAA6B,sBAA7B;;;;;;AAMA,OAAO,IAAMC,oBAAwE,GAAG,SAA3EA,oBAA2E,OAAqB,sBAAlBC,IAAkB,CAAlBA,IAAkB,0BAAX,IAAW;AAC3G,MAAMC,KAAK,GAAGP,KAAK,CAACQ,UAAN,CAAiBN,YAAjB,CAAd;AACA,0BAAqBF,KAAK,CAACQ,UAAN,CAAiBL,kBAAjB,CAArB,CAAQM,QAAR,qBAAQA,QAAR;;AAEA,MAAMC,cAAc,GAAGN,YAAY,CAACO,KAAb,EAAvB;;AAEA;AACEL,IAAAA,IAAI;AACF,kCAAM,SAAS,EAAEL,EAAE,CAACS,cAAD,EAAiBN,YAAY,CAACE,IAAb,CAAkBC,KAAlB,CAAjB,EAA2CE,QAAQ,IAAIL,YAAY,CAACQ,YAAb,CAA0BL,KAA1B,CAAvD,CAAnB;AACGD,IAAAA,IADH,CAFJ;;;;AAOD,CAbM","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 (\n text && (\n <span className={cx(asideClassName, stylesLayout.text(theme), disabled && stylesLayout.textDisabled(theme))}>\n {text}\n </span>\n )\n );\n};\n"]}

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { useEmotion } from "../../../../lib/theming/Emotion";
-import { getStyles } from "../../Input.styles";
+import { cx } from "../../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../../lib/theming/ThemeContext";
+import { styles } from "../../Input.styles";
 import { needsPolyfillPlaceholder } from "../../../../lib/needsPolyfillPlaceholder";
-import { useTheme } from "../../../../lib/theming/useTheme";
 import { InputLayoutContext } from "../InputLayoutContext";
 export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
   var placeholder = _ref.children,
@@ -10,21 +10,19 @@ export var PolyfillPlaceholder = function PolyfillPlaceholder(_ref) {
       value = _ref.value,
       defaultValue = _ref.defaultValue,
       isMaskVisible = _ref.isMaskVisible;
-  var emotion = useEmotion();
-  var theme = useTheme();
+  var theme = React.useContext(ThemeContext);
   var _React$useContext = React.useContext(InputLayoutContext),
       focused = _React$useContext.focused,
       disabled = _React$useContext.disabled;
   var _placeholder = null;
-  var styles = getStyles(emotion);
   if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {
-    var _emotion$cx;
+    var _cx;
     _placeholder = /*#__PURE__*/React.createElement("div", {
-      className: emotion.cx(styles.placeholder(theme), (_emotion$cx = {}, _emotion$cx[styles.placeholderDisabled(theme)] = disabled, _emotion$cx[styles.placeholderFocus(theme)] = focused, _emotion$cx)),
+      className: cx(styles.placeholder(theme), (_cx = {}, _cx[styles.placeholderDisabled(theme)] = disabled, _cx[styles.placeholderFocus(theme)] = focused, _cx)),
       style: {
         textAlign: align || 'inherit'
       }

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["PolyfillPlaceholder.tsx"],"names":["React","~~useEmotion~~","~~getStyles~~","~~needsPolyfillPlaceholder~~","~~useTheme~~","InputLayoutContext","PolyfillPlaceholder","placeholder","children","align","value","defaultValue","isMaskVisible","~~emotion","~~theme","useContext","focused","disabled","_placeholder","~~styles","cx","~~placeholderDisabled","placeholderFocus","textAlign"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,~~UAAT~~,~~QAA2B~~,~~8BAA3B~~;AACA,SAASC,~~SAAT~~,~~QAA0B~~,~~iBAA1B~~;AACA,SAASC,~~wBAAT~~,~~QAAyC~~,~~uCAAzC~~;AACA,SAASC,~~QAAT~~,~~QAAyB,+BAAzB~~;;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;;;;;;;;;;AAUA,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAA4E;;;;;;AAMnF,KALMC,WAKN,QALJC,QAKI,CAJJC,KAII,QAJJA,KAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,YAEI,QAFJA,YAEI,CADJC,aACI,QADJA,aACI;AACJ,MAAMC,~~OAAO~~,~~GAAGZ~~,~~UAAU~~,~~EAA1B;AACA~~,~~MAAMa~~,~~KAAK~~,~~GAAGV~~,~~QAAQ,EAAtB~~;AACA,~~0BAA8BJ~~,KAAK,~~CAACe~~,UAAN,~~CAAiBV~~,kBAAjB,CAA9B,~~CAAQW~~,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB;;AAEA,MAAIC,YAAY,GAAG,IAAnB~~;AACA,MAAMC,MAAM,GAAGjB,SAAS,CAACW,OAAD,CAAxB~~;;AAEA,~~MAAIV~~,wBAAwB,~~IAAII~~,WAA5B,IAA2C,CAACK,aAA5C,IAA6D,CAACF,KAA9D,IAAuE,CAACC,YAA5E,EAA0F;~~AACxFO~~,IAAAA,YAAY;AACV;AACE,MAAA,SAAS,~~EAAEL~~,~~OAAO~~,~~CAACO~~,~~EAAR,CAAWD,~~MAAM,~~CAACZ~~,WAAP,~~CAAmBO~~,KAAnB,~~CAAX~~;~~AACRK~~,MAAAA,MAAM,~~CAACE~~,mBAAP,~~CAA2BP~~,KAA3B,~~CADQ~~,~~IAC4BG~~,~~QAD5B~~;~~AAERE~~,MAAAA,MAAM,~~CAACG~~,gBAAP,~~CAAwBR~~,KAAxB,~~CAFQ~~,~~IAEyBE~~,~~OAFzB~~,~~eADb~~;;AAKE,MAAA,KAAK,EAAE,~~EAAEO~~,SAAS,~~EAAEd~~,KAAK,IAAI,SAAtB,EALT;;AAOGF,IAAAA,WAPH,CADF;;;AAWD;;AAED,~~SAAOW~~,YAAP;AACD,~~CA7BM~~","sourcesContent":["import React from 'react';\n\nimport { InputProps } from '../Input';\nimport { ~~useEmotion~~ } from '../../../lib/theming/Emotion';\nimport { ~~getStyles~~ } from '~~../Input.styles~~';\nimport { ~~needsPolyfillPlaceholder~~ } from '~~../../../lib/needsPolyfillPlaceholder~~';\nimport { ~~useTheme~~ } from '../../../lib/~~theming/useTheme~~';\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 ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const { focused, disabled } = React.useContext(InputLayoutContext);\n\n let _placeholder = null;\n ~~const styles = getStyles(emotion);\n~~\n if (needsPolyfillPlaceholder && placeholder && !isMaskVisible && !value && !defaultValue) {\n _placeholder = (\n <div\n className={~~emotion.~~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"]}
1	+ {"version":3,"sources":["PolyfillPlaceholder.tsx"],"names":["React","cx","ThemeContext","styles","needsPolyfillPlaceholder","InputLayoutContext","PolyfillPlaceholder","placeholder","children","align","value","defaultValue","isMaskVisible","theme","useContext","focused","disabled","_placeholder","placeholderDisabled","placeholderFocus","textAlign"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,EAAT,QAAmB,8BAAnB;AACA,SAASC,YAAT,QAA6B,mCAA7B;AACA,SAASC,MAAT,QAAuB,iBAAvB;AACA,SAASC,wBAAT,QAAyC,uCAAzC;;AAEA,SAASC,kBAAT,QAAmC,sBAAnC;;;;;;;;;;AAUA,OAAO,IAAMC,mBAAyE,GAAG,SAA5EA,mBAA4E;;;;;;AAMnF,KALMC,WAKN,QALJC,QAKI,CAJJC,KAII,QAJJA,KAII,CAHJC,KAGI,QAHJA,KAGI,CAFJC,YAEI,QAFJA,YAEI,CADJC,aACI,QADJA,aACI;AACJ,MAAMC,KAAK,GAAGb,KAAK,CAACc,UAAN,CAAiBZ,YAAjB,CAAd;AACA,0BAA8BF,KAAK,CAACc,UAAN,CAAiBT,kBAAjB,CAA9B,CAAQU,OAAR,qBAAQA,OAAR,CAAiBC,QAAjB,qBAAiBA,QAAjB;;AAEA,MAAIC,YAAY,GAAG,IAAnB;;AAEA,MAAIb,wBAAwB,IAAIG,WAA5B,IAA2C,CAACK,aAA5C,IAA6D,CAACF,KAA9D,IAAuE,CAACC,YAA5E,EAA0F;AACxFM,IAAAA,YAAY;AACV;AACE,MAAA,SAAS,EAAEhB,EAAE,CAACE,MAAM,CAACI,WAAP,CAAmBM,KAAnB,CAAD;AACVV,MAAAA,MAAM,CAACe,mBAAP,CAA2BL,KAA3B,CADU,IAC0BG,QAD1B;AAEVb,MAAAA,MAAM,CAACgB,gBAAP,CAAwBN,KAAxB,CAFU,IAEuBE,OAFvB,OADf;;AAKE,MAAA,KAAK,EAAE,EAAEK,SAAS,EAAEX,KAAK,IAAI,SAAtB,EALT;;AAOGF,IAAAA,WAPH,CADF;;;AAWD;;AAED,SAAOU,YAAP;AACD,CA3BM","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"]}

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

@@ -12,17 +12,18 @@ import { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from "../../../l
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { keyListener } from "../../../lib/events/keyListener";
 import { PopupMenu } from "../../../internal/PopupMenu";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { MenuKebabIcon } from "../../../internal/icons/16px";
 import { isTestEnv } from "../../../lib/currentEnvironment";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../Kebab.styles";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { styles } from "../Kebab.styles";
 import { KebabIcon } from "../KebabIcon";
 export var KebabDataTids = {
   caption: 'Kebab__caption'
@@ -66,7 +67,6 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
         }
       };
-      var styles = getStyles(_this.emotion);
       return /*#__PURE__*/React.createElement("span", {
         role: "button",
         "data-tid": KebabDataTids.caption,
@@ -75,7 +75,7 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
         onKeyDown: handleCaptionKeyDown,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        className: _this.emotion.cx(styles.kebab(_this.theme), size === 'small' && styles.kebabSmall(_this.theme), size === 'medium' && styles.kebabMedium(_this.theme), size === 'large' && styles.kebabLarge(_this.theme), isTheme2022(_this.theme) && styles.kebab2022(), captionProps.opened && styles.opened(_this.theme), disabled && styles.disabled(), _this.state.focusedByTab && 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), isTheme2022(_this.theme) && styles.kebab2022(), captionProps.opened && styles.opened(_this.theme), disabled && styles.disabled(), _this.state.focusedByTab && styles.focused(_this.theme)),
         "aria-describedby": _this.props['aria-describedby']
       }, isTheme2022(_this.theme) ? _this.renderIcon2022() : _this.renderIcon());
     };
@@ -132,19 +132,16 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
-          value: ThemeFactory.create({
-            popupPinOffset: theme.kebabPinOffset,
-            popupMargin: theme.kebabMargin,
-            popupPinSize: theme.kebabPinSize,
-            menuScrollContainerContentWrapperPaddingY: theme.menuLegacyPaddingY
-          }, theme)
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupPinOffset: theme.kebabPinOffset,
+          popupMargin: theme.kebabMargin,
+          popupPinSize: theme.kebabPinSize,
+          menuScrollContainerContentWrapperPaddingY: theme.menuLegacyPaddingY
+        }, theme)
+      }, _this2.renderMain());
     });
   };
@@ -163,7 +160,9 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
       var hasPin = !getFullReactUIFlagsContext(flags).kebabHintRemovePin || !isTheme2022(_this3.theme);
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this3.setRootNode
-      }, _this3.props), /*#__PURE__*/React.createElement(PopupMenu, {
+      }, _this3.props, getVisualStateDataAttributes({
+        disabled: disabled
+      })), /*#__PURE__*/React.createElement(PopupMenu, {
         popupHasPin: hasPin,
         preventIconsOffset: _this3.props.preventIconsOffset,
         positions: positions,
@@ -180,16 +179,15 @@ export var Kebab = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_
   };
   _proto.renderIcon = function renderIcon() {
-    var _this$emotion$cx;
+    var _cx;
     var _this$getProps3 = this.getProps(),
         size = _this$getProps3.size,
         _this$getProps3$icon = _this$getProps3.icon,
         icon = _this$getProps3$icon === void 0 ? /*#__PURE__*/React.createElement(MenuKebabIcon, null) : _this$getProps3$icon;
-    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement("div", {
-      className: this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.icon(this.theme)] = true, _this$emotion$cx[styles.iconsmall(this.theme)] = size === 'small', _this$emotion$cx[styles.iconmedium(this.theme)] = size === 'medium', _this$emotion$cx[styles.iconlarge(this.theme)] = size === 'large', _this$emotion$cx))
+      className: cx((_cx = {}, _cx[styles.icon(this.theme)] = true, _cx[styles.iconsmall(this.theme)] = size === 'small', _cx[styles.iconmedium(this.theme)] = size === 'medium', _cx[styles.iconlarge(this.theme)] = size === 'large', _cx))
     }, icon);
   };