npm - @skbkontur/react-ui - Versions diffs - 5.6.1-9a162.0 → 6.0.0-alpha.0 - Mend

@skbkontur/react-ui 5.6.1-9a162.0 → 6.0.0-alpha.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","toggleBgHover","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n buttonSizeMixin,\n captionSizeMixin,\n containerSizeMixin,\n handleMixin,\n inputSizeMixin,\n toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n handle: 'handle',\n container: 'container',\n disabled: 'disabled',\n containerDisabled: 'container-disabled',\n containerLoading: 'container-loading',\n background: 'background',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n display: inline-flex;\n cursor: pointer;\n align-items: baseline;\n position: relative;\n\n &::before {\n // non-breaking space.\n // makes a correct space for absolutely positioned button,\n // and also height and baseline for toggle without caption.\n content: '\\\\00A0';\n display: inline-block;\n flex: 0 0 auto;\n }\n\n &:hover .${globalClasses.handle} {\n background: ${t.toggleBgHover};\n }\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n disableAnimation() {\n return css`\n &,\n * {\n transition: none !important;\n }\n `;\n },\n\n handle(t: Theme) {\n return css`\n bottom: ${t.toggleBorderWidth};\n left: ${t.toggleHandleLeft};\n position: absolute;\n top: ${t.toggleHandleTop};\n `;\n },\n handleSmall(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n `;\n },\n handleMedium(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n `;\n },\n handleLarge(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n `;\n },\n\n handleDisabled(t: Theme) {\n return css`\n background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n `;\n },\n\n input(t: Theme) {\n return css`\n position: absolute;\n opacity: 0;\n\n &:enabled {\n ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n transition: 0.2s ease-in;\n }\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBg};\n box-shadow: ${t.toggleContainerBoxShadow};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBg};\n box-shadow: ${t.toggleHandleBoxShadow};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgChecked};\n box-shadow: ${t.toggleContainerBoxShadowChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgChecked};\n box-shadow: ${t.toggleHandleBoxShadowChecked};\n }\n }\n }\n &:enabled:hover {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgHover};\n box-shadow: ${t.toggleContainerBoxShadowHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgHover};\n box-shadow: ${t.toggleHandleBoxShadowHover};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgCheckedHover};\n box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgCheckedHover};\n box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n }\n }\n }\n &:disabled {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabled};\n box-shadow: ${t.toggleContainerBoxShadowDisabled};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabled} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabled};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabledChecked};\n box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabledChecked} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n }\n }\n }\n `;\n },\n inputSmall(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n inputMedium(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n inputLarge(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n container(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n height: 100%;\n overflow: hidden;\n position: absolute;\n width: 100%;\n /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n z-index: 0;\n `;\n },\n containerSmall(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n `;\n },\n containerMedium(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n `;\n },\n containerLarge(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n `;\n },\n\n containerDisabled(t: Theme) {\n return css`\n background: ${t.toggleBgDisabled};\n box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n `;\n },\n\n focused(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n `;\n },\n\n isWarning(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n `;\n },\n\n isError(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n `;\n },\n\n button(t: Theme) {\n return css`\n position: absolute;\n left: 0;\n top: 0;\n background: ${t.toggleBaseBg};\n line-height: ${t.toggleHeightSmall};\n `;\n },\n buttonSmall(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonMedium(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonLarge(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n\n buttonRight() {\n return css`\n right: 0;\n left: auto;\n `;\n },\n\n disabled() {\n return css`\n cursor: default;\n `;\n },\n\n rootLeft() {\n return css`\n flex-direction: row-reverse;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 0 0 ${t.toggleCaptionGap};\n `;\n },\n captionSmall(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n `;\n },\n captionMedium(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n `;\n },\n captionLarge(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n `;\n },\n\n disabledCaption(t: Theme) {\n return css`\n color: ${t.textColorDisabled};\n `;\n },\n\n captionLeft(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 ${t.toggleCaptionGap} 0 0;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","getStyles","memoizeGetStyles","_ref","css","root","t","_taggedTemplateLiteralLoose2","default","toggleBgHover","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"sources":["Toggle.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n buttonSizeMixin,\n captionSizeMixin,\n containerSizeMixin,\n handleMixin,\n inputSizeMixin,\n toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n handle: 'handle',\n container: 'container',\n disabled: 'disabled',\n containerDisabled: 'container-disabled',\n containerLoading: 'container-loading',\n background: 'background',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root(t: Theme) {\n return css`\n display: inline-flex;\n cursor: pointer;\n align-items: baseline;\n position: relative;\n\n &::before {\n // non-breaking space.\n // makes a correct space for absolutely positioned button,\n // and also height and baseline for toggle without caption.\n content: '\\\\00A0';\n display: inline-block;\n flex: 0 0 auto;\n }\n\n &:hover .${globalClasses.handle} {\n background: ${t.toggleBgHover};\n }\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n disableAnimation() {\n return css`\n &,\n * {\n transition: none !important;\n }\n `;\n },\n\n handle(t: Theme) {\n return css`\n bottom: ${t.toggleBorderWidth};\n left: ${t.toggleHandleLeft};\n position: absolute;\n top: ${t.toggleHandleTop};\n `;\n },\n handleSmall(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n `;\n },\n handleMedium(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n `;\n },\n handleLarge(t: Theme) {\n return css`\n ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n `;\n },\n\n handleDisabled(t: Theme) {\n return css`\n background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n `;\n },\n\n input(t: Theme) {\n return css`\n position: absolute;\n opacity: 0;\n\n &:enabled {\n ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n transition: 0.2s ease-in;\n }\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBg};\n box-shadow: ${t.toggleContainerBoxShadow};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBg};\n box-shadow: ${t.toggleHandleBoxShadow};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgChecked};\n box-shadow: ${t.toggleContainerBoxShadowChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgChecked};\n box-shadow: ${t.toggleHandleBoxShadowChecked};\n }\n }\n }\n &:enabled:hover {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgHover};\n box-shadow: ${t.toggleContainerBoxShadowHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgHover};\n box-shadow: ${t.toggleHandleBoxShadowHover};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgCheckedHover};\n box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgCheckedHover};\n box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n }\n }\n }\n &:disabled {\n :not(:checked) {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabled};\n box-shadow: ${t.toggleContainerBoxShadowDisabled};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabled} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabled};\n }\n }\n :checked {\n ~ .${globalClasses.container} {\n background: ${t.toggleContainerBgDisabledChecked};\n box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n }\n ~ .${globalClasses.handle} {\n background: ${t.toggleHandleBgDisabledChecked} !important;\n box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n }\n }\n }\n `;\n },\n inputSmall(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n inputMedium(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n inputLarge(t: Theme) {\n return css`\n ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n container(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n height: 100%;\n overflow: hidden;\n position: absolute;\n width: 100%;\n /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n z-index: 0;\n `;\n },\n containerSmall(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n `;\n },\n containerMedium(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n `;\n },\n containerLarge(t: Theme) {\n return css`\n ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n `;\n },\n\n containerDisabled(t: Theme) {\n return css`\n background: ${t.toggleBgDisabled};\n box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n `;\n },\n\n focused(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n `;\n },\n\n isWarning(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n `;\n },\n\n isError(t: Theme) {\n return css`\n box-shadow:\n 0 0 0 1px ${t.toggleOutlineColorFocus},\n 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n `;\n },\n\n button(t: Theme) {\n return css`\n position: absolute;\n left: 0;\n top: 0;\n background: ${t.toggleBaseBg};\n line-height: ${t.toggleHeightSmall};\n `;\n },\n buttonSmall(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonMedium(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n buttonLarge(t: Theme) {\n return css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n )};\n `;\n },\n\n buttonRight() {\n return css`\n right: 0;\n left: auto;\n `;\n },\n\n disabled() {\n return css`\n cursor: default;\n `;\n },\n\n rootLeft() {\n return css`\n flex-direction: row-reverse;\n `;\n },\n\n caption(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 0 0 ${t.toggleCaptionGap};\n `;\n },\n captionSmall(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n `;\n },\n captionMedium(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n `;\n },\n captionLarge(t: Theme) {\n return css`\n ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n `;\n },\n\n disabledCaption(t: Theme) {\n return css`\n color: ${t.textColorDisabled};\n `;\n },\n\n captionLeft(t: Theme) {\n return css`\n color: ${t.toggleTextColor};\n padding: 0 ${t.toggleCaptionGap} 0 0;\n `;\n },\n}));\n"],"mappings":"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","ignoreList":[]}

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

@@ -41,6 +41,9 @@ export declare const TokenDataTids: {
 export declare class Token extends React.Component<TokenProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     getRootNode: TGetRootNode;
     private setRootNode;

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

@@ -1,19 +1,20 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TokenDataTids = exports.Token = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _decorators = require("../../lib/locale/decorators");
 var _utils = require("../../lib/utils");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
 var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon");
 var _reactGetTextContent = require("../../lib/reactGetTextContent");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _Token2 = require("./Token.styles");
@@ -60,7 +61,13 @@ var TokenDataTids = exports.TokenDataTids = {
  */var
-Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLocaleHelper), (0, _rootNode.rootNode)(_class = _dec(_class = (_Token = /*#__PURE__*/function (_React$Component) {function Token() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLocaleHelper), (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_Token = /*#__PURE__*/function (_React$Component) {function Token() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -158,4 +165,4 @@ Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLo
       }
       onRemove(event);
-    };return _this;}(0, _inheritsLoose2.default)(Token, _React$Component);var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,size = _this$props2.size,children = _this$props2.children,isActive = _this$props2.isActive,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + (0, _reactGetTextContent.reactGetTextContent)(children);var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { side: 16, color: "inherit", colorHover: "inherit", "aria-label": removeButtonAriaLabel, tabbable: false });var classNames = (0, _Emotion.cx)(_Token2.styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && _Token2.styles.tokenHover(theme), isActive && _Token2.styles.tokenActive(theme), warning && _Token2.styles.tokenWarning(theme), error && _Token2.styles.tokenError(theme), disabled && _Token2.styles.tokenDisabled(theme));var textholder = /*#__PURE__*/_react.default.createElement("span", { className: _Token2.styles.text() }, children);var closeButton = /*#__PURE__*/_react.default.createElement("span", { onClick: this.onRemoveClick, "data-tid": TokenDataTids.removeIcon }, icon);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { className: classNames, size: size, closeButton: closeButton, "data-tid": TokenDataTids.root, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, textholder));};return Token;}(_react.default.Component), _Token.__KONTUR_REACT_UI__ = 'Token', _Token.displayName = 'Token', _Token)) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(Token, _React$Component);var _proto = Token.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Token2.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,size = _this$props2.size,children = _this$props2.children,isActive = _this$props2.isActive,error = _this$props2.error,warning = _this$props2.warning,disabled = _this$props2.disabled,ariaDescribedby = _this$props2['aria-describedby'],_this$props2$onClick = _this$props2.onClick,onClick = _this$props2$onClick === void 0 ? _utils.emptyHandler : _this$props2$onClick,_this$props2$onDouble = _this$props2.onDoubleClick,onDoubleClick = _this$props2$onDouble === void 0 ? _utils.emptyHandler : _this$props2$onDouble,_this$props2$onMouseE = _this$props2.onMouseEnter,onMouseEnter = _this$props2$onMouseE === void 0 ? _utils.emptyHandler : _this$props2$onMouseE,_this$props2$onMouseL = _this$props2.onMouseLeave,onMouseLeave = _this$props2$onMouseL === void 0 ? _utils.emptyHandler : _this$props2$onMouseL,_this$props2$onFocus = _this$props2.onFocus,onFocus = _this$props2$onFocus === void 0 ? _utils.emptyHandler : _this$props2$onFocus,_this$props2$onBlur = _this$props2.onBlur,onBlur = _this$props2$onBlur === void 0 ? _utils.emptyHandler : _this$props2$onBlur;var theme = this.theme;var removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + (0, _reactGetTextContent.reactGetTextContent)(children);var icon = /*#__PURE__*/_react.default.createElement(_CloseButtonIcon.CloseButtonIcon, { side: 16, color: "inherit", colorHover: "inherit", "aria-label": removeButtonAriaLabel, tabbable: false });var classNames = this.cx(this.styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && this.styles.tokenHover(theme), isActive && this.styles.tokenActive(theme), warning && this.styles.tokenWarning(theme), error && this.styles.tokenError(theme), disabled && this.styles.tokenDisabled(theme));var textholder = /*#__PURE__*/_react.default.createElement("span", { className: this.styles.text() }, children);var closeButton = /*#__PURE__*/_react.default.createElement("span", { onClick: this.onRemoveClick, "data-tid": TokenDataTids.removeIcon }, icon);return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props, (0, _getVisualStateDataAttributes.getVisualStateDataAttributes)({ disabled: disabled })), /*#__PURE__*/_react.default.createElement(_TokenView.TokenView, { className: classNames, size: size, closeButton: closeButton, "data-tid": TokenDataTids.root, "aria-describedby": ariaDescribedby, onClick: onClick, onDoubleClick: onDoubleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, textholder));};return Token;}(_react.default.Component), _Token.__KONTUR_REACT_UI__ = 'Token', _Token.displayName = 'Token', _Token)) || _class) || _class) || _class);

package/cjs/components/Token/Token.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_utils","_ThemeContext","_CommonWrapper","_Emotion","_rootNode","_CloseButtonIcon","_reactGetTextContent","_getVisualStateDataAttributes","_Token2","_locale","_TokenView","_dec","_class","_Token","TokenDataTids","exports","root","removeIcon","Token","locale","TokenLocaleHelper","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","emptyHandler","preventDefault","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this$props2","size","children","isActive","error","warning","ariaDescribedby","_this$props2$onClick","onClick","_this$props2$onDouble","onDoubleClick","_this$props2$onMouseE","onMouseEnter","_this$props2$onMouseL","onMouseLeave","_this$props2$onFocus","onFocus","_this$props2$onBlur","onBlur","removeButtonAriaLabel","reactGetTextContent","icon","CloseButtonIcon","side","color","colorHover","tabbable","classNames","cx","styles","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","TokenView","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\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 { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport type { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Token.styles';\nimport type { TokenLocale } from './locale';\nimport { TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n /** Делает токен активным. /\n isActive?: boolean;\n /* Меняет визуальное отображение токена на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n error?: boolean;\n /* Меняет визуальное отображение токена на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n warning?: boolean;\n /* Блокирует токен. /\n disabled?: boolean;\n /* Размер токена. /\n size?: TokenSize;\n /* Задаёт функцию, которая вызывается при клике на токен. /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается при двойном клике на токен. /\n onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен удаляется. /\n onRemove?: React.MouseEventHandler<HTMLElement>;\n /* Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). /\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). /\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен получает фокус. /\n onFocus?: React.FocusEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен теряет фокус. /\n onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n root: 'Token__root',\n removeIcon: 'Token__removeIcon',\n} as const;\n\n/* Токены — это значение заданного формата внутри поля ввода. Например, номера телефонов, почты, ИНН, СНИЛС, статусы, группы и другие.\n \n Используется ак значение внутри [TokenInput](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-tokeninput-tokeninput--docs).\n */\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n public static __KONTUR_REACT_UI__ = 'Token';\n public static displayName = 'Token';\n\n private theme!: Theme;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private readonly locale!: TokenLocale;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n size,\n children,\n isActive,\n error,\n warning,\n disabled,\n 'aria-describedby': ariaDescribedby,\n onClick = emptyHandler,\n onDoubleClick = emptyHandler,\n onMouseEnter = emptyHandler,\n onMouseLeave = emptyHandler,\n onFocus = emptyHandler,\n onBlur = emptyHandler,\n } = this.props;\n\n const theme = this.theme;\n\n const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n const icon = (\n <CloseButtonIcon\n side={16}\n color=\"inherit\"\n colorHover=\"inherit\"\n aria-label={removeButtonAriaLabel}\n tabbable={false}\n />\n );\n\n const classNames = cx(\n styles.tokenIdle(theme),\n !isActive && !warning && !error && !disabled && styles.tokenHover(theme),\n isActive && styles.tokenActive(theme),\n warning && styles.tokenWarning(theme),\n error && styles.tokenError(theme),\n disabled && styles.tokenDisabled(theme),\n );\n\n const textholder = <span className={styles.text()}>{children}</span>;\n\n const closeButton = (\n <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n {icon}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n <TokenView\n className={classNames}\n size={size}\n closeButton={closeButton}\n data-tid={TokenDataTids.root}\n aria-describedby={ariaDescribedby}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n >\n {textholder}\n </TokenView>\n </CommonWrapper>\n );\n }\n\n private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n const { disabled, onRemove = emptyHandler } = this.props;\n\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onRemove(event);\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_utils","_ThemeContext","_CommonWrapper","_rootNode","_CloseButtonIcon","_reactGetTextContent","_getVisualStateDataAttributes","_renderEnvironment","_Token2","_locale","_TokenView","_dec","_class","_Token","TokenDataTids","exports","root","removeIcon","Token","locale","TokenLocaleHelper","withRenderEnvironment","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","emptyHandler","preventDefault","_inheritsLoose2","default","_proto","prototype","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this$props2","size","children","isActive","error","warning","ariaDescribedby","_this$props2$onClick","onClick","_this$props2$onDouble","onDoubleClick","_this$props2$onMouseE","onMouseEnter","_this$props2$onMouseL","onMouseLeave","_this$props2$onFocus","onFocus","_this$props2$onBlur","onBlur","removeButtonAriaLabel","reactGetTextContent","icon","CloseButtonIcon","side","color","colorHover","tabbable","classNames","cx","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","CommonWrapper","_extends2","rootNodeRef","setRootNode","getVisualStateDataAttributes","TokenView","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport type { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Token.styles';\nimport type { TokenLocale } from './locale';\nimport { TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n /** Делает токен активным. /\n isActive?: boolean;\n /* Меняет визуальное отображение токена на состояние «ошибка». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n error?: boolean;\n /* Меняет визуальное отображение токена на состояние «предупреждение». Может быть полезен при разработке собственной валидации, если вы не используете пакет [React UI Validations](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui-validations_displaying-getting-started--docs). /\n warning?: boolean;\n /* Блокирует токен. /\n disabled?: boolean;\n /* Размер токена. /\n size?: TokenSize;\n /* Задаёт функцию, которая вызывается при клике на токен. /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается при двойном клике на токен. /\n onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен удаляется. /\n onRemove?: React.MouseEventHandler<HTMLElement>;\n /* Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). /\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). /\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен получает фокус. /\n onFocus?: React.FocusEventHandler<HTMLDivElement>;\n /* Задаёт функцию, которая вызывается, когда токен теряет фокус. /\n onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n root: 'Token__root',\n removeIcon: 'Token__removeIcon',\n} as const;\n\n/* Токены — это значение заданного формата внутри поля ввода. Например, номера телефонов, почты, ИНН, СНИЛС, статусы, группы и другие.\n \n Используется ак значение внутри [TokenInput](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-tokeninput-tokeninput--docs).\n */\n@withRenderEnvironment\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n public static __KONTUR_REACT_UI__ = 'Token';\n public static displayName = 'Token';\n\n private emotion!: Emotion;\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 readonly locale!: TokenLocale;\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n size,\n children,\n isActive,\n error,\n warning,\n disabled,\n 'aria-describedby': ariaDescribedby,\n onClick = emptyHandler,\n onDoubleClick = emptyHandler,\n onMouseEnter = emptyHandler,\n onMouseLeave = emptyHandler,\n onFocus = emptyHandler,\n onBlur = emptyHandler,\n } = this.props;\n\n const theme = this.theme;\n\n const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n const icon = (\n <CloseButtonIcon\n side={16}\n color=\"inherit\"\n colorHover=\"inherit\"\n aria-label={removeButtonAriaLabel}\n tabbable={false}\n />\n );\n\n const classNames = this.cx(\n this.styles.tokenIdle(theme),\n !isActive && !warning && !error && !disabled && this.styles.tokenHover(theme),\n isActive && this.styles.tokenActive(theme),\n warning && this.styles.tokenWarning(theme),\n error && this.styles.tokenError(theme),\n disabled && this.styles.tokenDisabled(theme),\n );\n\n const textholder = <span className={this.styles.text()}>{children}</span>;\n\n const closeButton = (\n <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n {icon}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n <TokenView\n className={classNames}\n size={size}\n closeButton={closeButton}\n data-tid={TokenDataTids.root}\n aria-describedby={ariaDescribedby}\n onClick={onClick}\n onDoubleClick={onDoubleClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onFocus={onFocus}\n onBlur={onBlur}\n >\n {textholder}\n </TokenView>\n </CommonWrapper>\n );\n }\n\n private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n const { disabled, onRemove = emptyHandler } = this.props;\n\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n onRemove(event);\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Token/Token.mixins.js CHANGED Viewed

@@ -1,6 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.tokenSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject;
-var tokenSizeMixin = exports.tokenSizeMixin = function tokenSizeMixin(
+"use strict";exports.__esModule = true;exports.tokenSizeMixin = void 0;var tokenSizeMixin = exports.tokenSizeMixin = function tokenSizeMixin(
 tokenPaddingY,
 tokenPaddingX,
 lineHeight,
@@ -8,10 +6,10 @@ fontSize,
 tokenMarginY,
 tokenMarginX)
 {
-  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])),
-  tokenPaddingY, tokenPaddingX,
-  tokenMarginY, tokenMarginX,
-  lineHeight,
-  fontSize);
+  return "\n    padding: " +
+  tokenPaddingY + " " + tokenPaddingX + ";\n    margin: " +
+  tokenMarginY + " " + tokenMarginX + ";\n    line-height: " +
+  lineHeight + ";\n    font-size: " +
+  fontSize + ";\n  ";
 };

package/cjs/components/Token/Token.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_Emotion","require","_templateObject","~~tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX"~~,"css","_taggedTemplateLiteralLoose2","default"~~],"sources":["Token.mixins.ts"],"sourcesContent":["~~import~~ ~~{ css } from '../../lib/theming/Emotion';\n\nexport~~ const tokenSizeMixin = (\n tokenPaddingY: string,\n tokenPaddingX: string,\n lineHeight: string,\n fontSize: string,\n tokenMarginY: string,\n tokenMarginX: string,\n) => {\n return ~~css~~`\n padding: ${tokenPaddingY} ${tokenPaddingX};\n margin: ${tokenMarginY} ${tokenMarginX};\n line-height: ${lineHeight};\n font-size: ${fontSize};\n `;\n};\n"],"mappings":"~~4RAAA~~,~~IAAAA~~,~~QAAA,GAAAC,OAAA,8BAAgD,IAAAC,eAAA;;AAEzC,IAAMC,~~cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;~~AACjB~~;~~EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA~~;~~EACGR~~,aAAa,~~EAAIC~~,aAAa;EAC/BG,YAAY,~~EAAIC~~,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["tokenSizeMixin","exports","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX"],"sources":["Token.mixins.ts"],"sourcesContent":["export const tokenSizeMixin = (\n tokenPaddingY: string,\n tokenPaddingX: string,\n lineHeight: string,\n fontSize: string,\n tokenMarginY: string,\n tokenMarginX: string,\n): string => {\n return `\n padding: ${tokenPaddingY} ${tokenPaddingX};\n margin: ${tokenMarginY} ${tokenMarginX};\n line-height: ${lineHeight};\n font-size: ${fontSize};\n `;\n};\n"],"mappings":"uEAAO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACT;EACX;EACaL,aAAa,SAAIC,aAAa;EAC/BG,YAAY,SAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}

package/cjs/components/Token/Token.styles.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     removeIcon: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     token(t: Theme): string;
     tokenSmall(t: Theme): string;
     tokenMedium(t: Theme): string;
@@ -20,4 +20,4 @@ export declare const styles: {
     helperContainerSmall(t: Theme): string;
     helperContainerMedium(t: Theme): string;
     helperContainerLarge(t: Theme): string;
-};
+}>;

package/cjs/components/Token/Token.styles.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");
 var _Token = require("./Token.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
@@ -7,13 +9,13 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('token')({
   removeIcon: 'remove-icon'
 });
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  token: function token(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])),
+var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
+    token: function token(t) {
+      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])),
-    t.tokenBorderRadius,
-    t.tokenBorderWidth);
+      t.tokenBorderRadius,
+      t.tokenBorderWidth);
@@ -22,116 +24,116 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  },
+    },
-  tokenSmall: function tokenSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYSmall,
-      t.tokenPaddingXSmall,
-      t.tokenLineHeightSmall,
-      t.tokenFontSizeSmall,
-      t.tokenMarginYSmall,
-      t.tokenMarginXSmall
-    ));
+    tokenSmall: function tokenSmall(t) {
+      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYSmall,
+        t.tokenPaddingXSmall,
+        t.tokenLineHeightSmall,
+        t.tokenFontSizeSmall,
+        t.tokenMarginYSmall,
+        t.tokenMarginXSmall
+      ));
-  },
+    },
-  tokenMedium: function tokenMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYMedium,
-      t.tokenPaddingXMedium,
-      t.tokenLineHeightMedium,
-      t.tokenFontSizeMedium,
-      t.tokenMarginYMedium,
-      t.tokenMarginXMedium
-    ));
+    tokenMedium: function tokenMedium(t) {
+      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYMedium,
+        t.tokenPaddingXMedium,
+        t.tokenLineHeightMedium,
+        t.tokenFontSizeMedium,
+        t.tokenMarginYMedium,
+        t.tokenMarginXMedium
+      ));
-  },
+    },
-  tokenLarge: function tokenLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Token.tokenSizeMixin)(
-      t.tokenPaddingYLarge,
-      t.tokenPaddingXLarge,
-      t.tokenLineHeightLarge,
-      t.tokenFontSizeLarge,
-      t.tokenMarginYLarge,
-      t.tokenMarginXLarge
-    ));
+    tokenLarge: function tokenLarge(t) {
+      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+      (0, _Token.tokenSizeMixin)(
+        t.tokenPaddingYLarge,
+        t.tokenPaddingXLarge,
+        t.tokenLineHeightLarge,
+        t.tokenFontSizeLarge,
+        t.tokenMarginYLarge,
+        t.tokenMarginXLarge
+      ));
-  },
+    },
-  tokenIdle: function tokenIdle(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
-    t.tokenColor,
-    t.tokenBg,
-    t.tokenBorderColor);
+    tokenIdle: function tokenIdle(t) {
+      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])),
+      t.tokenColor,
+      t.tokenBg,
+      t.tokenBorderColor);
-  },
+    },
-  tokenHover: function tokenHover(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
+    tokenHover: function tokenHover(t) {
+      return css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])),
-    t.tokenColorHover,
-    t.tokenBgHover,
-    t.tokenBorderWidth, t.tokenBorderColorHover);
+      t.tokenColorHover,
+      t.tokenBgHover,
+      t.tokenBorderWidth, t.tokenBorderColorHover);
-  },
+    },
-  tokenActive: function tokenActive(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
-    t.tokenColorActive,
-    t.tokenBgActive,
-    t.tokenBorderWidth, t.tokenBorderColorActive);
+    tokenActive: function tokenActive(t) {
+      return css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])),
+      t.tokenColorActive,
+      t.tokenBgActive,
+      t.tokenBorderWidth, t.tokenBorderColorActive);
-  },
+    },
-  tokenError: function tokenError(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenBorderWidth, t.tokenBorderColorError,
-    t.tokenOutlineWidth, t.tokenBorderColorError);
+    tokenError: function tokenError(t) {
+      return css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+      t.tokenBorderWidth, t.tokenBorderColorError,
+      t.tokenOutlineWidth, t.tokenBorderColorError);
-  },
+    },
-  tokenWarning: function tokenWarning(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
-    t.tokenBorderWidth, t.tokenBorderColorWarning,
-    t.tokenOutlineWidth, t.tokenBorderColorWarning);
+    tokenWarning: function tokenWarning(t) {
+      return css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])),
+      t.tokenBorderWidth, t.tokenBorderColorWarning,
+      t.tokenOutlineWidth, t.tokenBorderColorWarning);
-  },
+    },
-  tokenDisabled: function tokenDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),
+    tokenDisabled: function tokenDisabled(t) {
+      return css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])),
-    t.tokenTextColorDisabled,
+      t.tokenTextColorDisabled,
-    t.tokenBorderColorDisabled,
+      t.tokenBorderColorDisabled,
-    globalClasses.removeIcon);
+      globalClasses.removeIcon);
-  },
+    },
-  text: function text() {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    text: function text() {
+      return css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
-  },
+    },
-  removeIcon: function removeIcon(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])),
-    t.tokenRemoveIconSize,
-    t.tokenRemoveIconSize,
+    removeIcon: function removeIcon(t) {
+      return css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])),
+      t.tokenRemoveIconSize,
+      t.tokenRemoveIconSize,
-    t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX,
-    t.tokenRemoveIconBoxSizing,
-    t.tokenRemoveIconGap);
+      t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX,
+      t.tokenRemoveIconBoxSizing,
+      t.tokenRemoveIconGap);
@@ -142,10 +144,10 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  },
+    },
-  helperText: function helperText() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));
+    helperText: function helperText() {
+      return css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));
@@ -153,30 +155,30 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  },
-  helperContainer: function helperContainer() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+    },
+    helperContainer: function helperContainer() {
+      return css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
-  },
-  helperContainerSmall: function helperContainerSmall(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXSmall,
-    t.tokenInputPaddingXSmall);
+    },
+    helperContainerSmall: function helperContainerSmall(t) {
+      return css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+      t.tokenInputPaddingXSmall,
+      t.tokenInputPaddingXSmall);
-  },
-  helperContainerMedium: function helperContainerMedium(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXMedium,
-    t.tokenInputPaddingXMedium);
+    },
+    helperContainerMedium: function helperContainerMedium(t) {
+      return css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+      t.tokenInputPaddingXMedium,
+      t.tokenInputPaddingXMedium);
-  },
-  helperContainerLarge: function helperContainerLarge(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
-    t.tokenInputPaddingXLarge,
-    t.tokenInputPaddingXLarge);
+    },
+    helperContainerLarge: function helperContainerLarge(t) {
+      return css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: ", ";\n      right: ", ";\n    "])),
+      t.tokenInputPaddingXLarge,
+      t.tokenInputPaddingXLarge);
-  }
-});
+    }
+  };});