npm - @skbkontur/react-ui - Versions diffs - 0.0.0-044e274f2c → 0.0.0-07d08325b0 - Mend

@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

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 (2236) 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","getStyles","emotion","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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 = (emotion: Emotion) =>\n memoizeStyle({\n root(t: Theme) {\n return emotion.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 emotion.css`\n ${toggleSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return emotion.css`\n ${toggleSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return emotion.css`\n ${toggleSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n disableAnimation() {\n return emotion.css`\n &,\n * {\n transition: none !important;\n }\n `;\n },\n\n handle(t: Theme) {\n return emotion.css`\n bottom: ${t.toggleBorderWidth};\n left: ${t.toggleHandleLeft};\n position: absolute;\n top: ${t.toggleHandleTop};\n `;\n },\n handleSmall(t: Theme) {\n return emotion.css`\n ${handleMixin(emotion)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n `;\n },\n handleMedium(t: Theme) {\n return emotion.css`\n ${handleMixin(emotion)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n `;\n },\n handleLarge(t: Theme) {\n return emotion.css`\n ${handleMixin(emotion)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n `;\n },\n\n handleDisabled(t: Theme) {\n return emotion.css`\n background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n `;\n },\n\n input(t: Theme) {\n return emotion.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\n inputSmall(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(emotion)(t.toggleHeightSmall, t.toggleWidthSmall)};\n `;\n },\n inputMedium(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(emotion)(t.toggleHeightMedium, t.toggleWidthMedium)};\n `;\n },\n inputLarge(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(emotion)(t.toggleHeightLarge, t.toggleWidthLarge)};\n `;\n },\n\n container(t: Theme) {\n return emotion.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 emotion.css`\n ${containerSizeMixin(emotion)(t.toggleBorderRadiusSmall)};\n `;\n },\n containerMedium(t: Theme) {\n return emotion.css`\n ${containerSizeMixin(emotion)(t.toggleBorderRadiusMedium)};\n `;\n },\n containerLarge(t: Theme) {\n return emotion.css`\n ${containerSizeMixin(emotion)(t.toggleBorderRadiusLarge)};\n `;\n },\n\n containerDisabled(t: Theme) {\n return emotion.css`\n background: ${t.toggleBgDisabled};\n box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n `;\n },\n\n focused(t: Theme) {\n return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n ${buttonSizeMixin(emotion)(\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 emotion.css`\n right: 0;\n left: auto;\n `;\n },\n\n disabled() {\n return emotion.css`\n cursor: default;\n `;\n },\n\n rootLeft() {\n return emotion.css`\n flex-direction: row-reverse;\n `;\n },\n\n caption(t: Theme) {\n return emotion.css`\n color: ${t.toggleTextColor};\n padding: 0 0 0 ${t.toggleCaptionGap};\n `;\n },\n captionSmall(t: Theme) {\n return emotion.css`\n ${captionSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n `;\n },\n captionMedium(t: Theme) {\n return emotion.css`\n ${captionSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n `;\n },\n captionLarge(t: Theme) {\n return emotion.css`\n ${captionSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n `;\n },\n\n disabledCaption(t: Theme) {\n return emotion.css`\n color: ${t.textColorDisabled};\n `;\n },\n\n captionLeft(t: Theme) {\n return emotion.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","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 { 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":[]}

package/cjs/components/Toggle/__creevey__/Toggle.creevey.mts ADDED Viewed

@@ -0,0 +1,87 @@
+import { story, kind, test } from 'creevey';
+import { delay } from '../../../lib/delay';
+kind('Toggle', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] },
+      },
+    });
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+  story('DisabledWithTooltip', () => {
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+  });
+  story('WithChildren', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+  });
+  story('WithLongDescription', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' },
+      },
+    });
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+});

package/cjs/components/Toggle/__docs__/Toggle.mdx ADDED Viewed

@@ -0,0 +1,28 @@
+import * as ToggleStories from './Toggle.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+<Meta of={ToggleStories} />
+# Toggle
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/toggle/)
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A9888)
+<Description />
+## Базовый пример
+<Primary />
+## Пропы
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+## Примеры использования
+<Stories title="" includePrimary={false} />

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

@@ -3,38 +3,44 @@ import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
 export type TokenSize = SizeProp;
 export interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {
+    /** Устанавливает, является ли токен активным. */
     isActive?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка" */
     error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
+    /** Делает компонент недоступным. */
     disabled?: boolean;
-    /**
-     * Размер
-     */
+    /** Задает размер контрола. */
     size?: TokenSize;
+    /** Задает функцию, которая вызывается, когда на токен кликнули. */
     onClick?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда на токен кликнули дважды. */
     onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен удаляется. */
     onRemove?: React.MouseEventHandler<HTMLElement>;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */
     onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен получает фокус. */
     onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    /** Задает функцию, которая вызывается, когда токен теряет фокус. */
     onBlur?: React.FocusEventHandler<HTMLDivElement>;
 }
 export declare const TokenDataTids: {
     readonly root: "Token__root";
     readonly removeIcon: "Token__removeIcon";
 };
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */
 export declare class Token extends React.Component<TokenProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     private theme;
-    private emotion;
-    private styles;
     private setRootNode;
     private readonly locale;
     render(): React.JSX.Element;

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

@@ -1,8 +1,8 @@
 "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");
@@ -11,7 +11,6 @@ var _CloseButtonIcon = require("../../internal/CloseButtonIcon/CloseButtonIcon")
 var _reactGetTextContent = require("../../lib/reactGetTextContent");
 var _getVisualStateDataAttributes = require("../../internal/CommonWrapper/utils/getVisualStateDataAttributes");
-var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _Token2 = require("./Token.styles");
 var _locale = require("./locale");
@@ -39,6 +38,9 @@ var _TokenView = require("./TokenView");var _dec, _class, _Token;
@@ -46,8 +48,13 @@ var _TokenView = require("./TokenView");var _dec, _class, _Token;
 var TokenDataTids = exports.TokenDataTids = {
   root: 'Token__root',
   removeIcon: 'Token__removeIcon'
-};var
+};
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */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.
@@ -126,17 +133,6 @@ Token = exports.Token = (_dec = (0, _decorators.locale)('Token', _locale.TokenLo
@@ -158,4 +154,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(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Token2.getStyles)(_this2.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 styles = this.styles;var classNames = this.emotion.cx(styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && styles.tokenHover(theme), isActive && styles.tokenActive(theme), warning && styles.tokenWarning(theme), error && styles.tokenError(theme), disabled && styles.tokenDisabled(theme));var textholder = /*#__PURE__*/_react.default.createElement("span", { className: 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;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);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_decorators","_utils","_CommonWrapper","_Emotion","_rootNode","_CloseButtonIcon","_reactGetTextContent","_getVisualStateDataAttributes","_ThemeContext","_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","EmotionConsumer","emotion","styles","getStyles","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 React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n isActive?: boolean;\n /*\n Состояние валидации при ошибке.\n /\n error?: boolean;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n disabled?: boolean;\n /\n Размер\n */\n size?: TokenSize;\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n onRemove?: React.MouseEventHandler<HTMLElement>;\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n onFocus?: React.FocusEventHandler<HTMLDivElement>;\n onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n root: 'Token__root',\n removeIcon: 'Token__removeIcon',\n} as const;\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 private emotion!: Emotion;\n private styles!: ReturnType<typeof getStyles>;\n private setRootNode!: TSetRootNode;\n private readonly locale!: TokenLocale;\n\n public render() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n this.styles = getStyles(this.emotion);\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </EmotionConsumer>\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 styles = this.styles;\n const classNames = this.emotion.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","_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 React, { AriaAttributes } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Token.styles';\nimport { TokenLocale, 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 /* Переводит контрол в состояние валидации \"ошибка\" /\n error?: boolean;\n /* Переводит контрол в состояние валидации \"предупреждение\". /\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 Однородный элемент — `Token`.\n \n Используется в компоненте поле с токенами TokenInput.\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 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":[]}

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

@@ -1,4 +1,4 @@
-Token example
+### Базовый пример
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -6,7 +6,90 @@ import { Token } from '@skbkontur/react-ui';
 <Token>Example</Token>;
 ```
-Can accept validation state
+### Цвет токена
+У разных токенов может быть разный цвет.
+```jsx harmony
+import { Gapped, Token } from '@skbkontur/react-ui';
+const colors = {
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+  gray: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  blue: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  green: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  yellow: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  red: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  mono: {
+    idle: 'white',
+    active: 'black',
+  },
+};
+<Gapped gap={20} vertical>
+  <Gapped gap={10}>
+    <Token colors={colors.default}>Default</Token>
+    <Token isActive colors={colors.default}>
+      Default
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.gray}>Gray</Token>
+    <Token isActive colors={colors.gray}>
+      Gray
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.blue}>Blue</Token>
+    <Token isActive colors={colors.blue}>
+      Blue
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.green}>Green</Token>
+    <Token isActive colors={colors.green}>
+      Green
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.yellow}>Yellow</Token>
+    <Token isActive colors={colors.yellow}>
+      Yellow
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.red}>Red</Token>
+    <Token isActive colors={colors.red}>
+      Red
+    </Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token colors={colors.mono}>Monochrome</Token>
+    <Token isActive colors={colors.mono}>
+      Monochrome
+    </Token>
+  </Gapped>
+</Gapped>;
+```
+### Состояние валидации
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -29,7 +112,7 @@ import { Gapped, Token } from '@skbkontur/react-ui';
 </Gapped>;
 ```
-У Token есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';

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

@@ -1,2 +1 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const tokenSizeMixin: (emotion: Emotion) => (tokenPaddingY: string, tokenPaddingX: string, lineHeight: string, fontSize: string, tokenMarginY: string, tokenMarginX: string) => string;
+export declare const tokenSizeMixin: (tokenPaddingY: string, tokenPaddingX: string, lineHeight: string, fontSize: string, tokenMarginY: string, tokenMarginX: string) => string;

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

@@ -1,19 +1,17 @@
-"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 _templateObject;
+"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(emotion) {return (
-    function (
-    tokenPaddingY,
-    tokenPaddingX,
-    lineHeight,
-    fontSize,
-    tokenMarginY,
-    tokenMarginX)
-    {
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])),
-      tokenPaddingY, tokenPaddingX,
-      tokenMarginY, tokenMarginX,
-      lineHeight,
-      fontSize);
+var tokenSizeMixin = exports.tokenSizeMixin = function tokenSizeMixin(
+tokenPaddingY,
+tokenPaddingX,
+lineHeight,
+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);
-    });};
+};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~tokenSizeMixin~~","~~exports~~","~~emotion~~","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","css","~~_templateObject","~~_taggedTemplateLiteralLoose2","default"],"sources":["Token.mixins.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~create-instance~~';\n\nexport const tokenSizeMixin ~~=\n (emotion:~~ ~~Emotion) =>\n~~ (\n tokenPaddingY: string,\n tokenPaddingX: string,\n lineHeight: string,\n fontSize: string,\n tokenMarginY: string,\n tokenMarginX: string,\n ) => {\n return ~~emotion.~~css`\n padding: ${tokenPaddingY} ${tokenPaddingX};\n margin: ${tokenMarginY} ${tokenMarginX};\n line-height: ${lineHeight};\n font-size: ${fontSize};\n `;\n };\n"],"mappings":";;~~AAEO~~,~~IAAMA~~,cAAc,GAAAC,OAAA,CAAAD,cAAA~~;AACzB~~,~~SADWA~~,cAAcA~~,CACxBE,OAAgB~~;~~IACjB;IACEC~~,aAAqB;~~IACrBC~~,aAAqB;~~IACrBC~~,UAAkB;~~IAClBC~~,QAAgB;~~IAChBC~~,YAAoB;~~IACpBC~~,YAAoB;~~IACjB~~;~~MACH~~,~~OAAON~~,~~OAAO~~,~~CAACO~~,~~GAAG,CAAAC,~~eAAA,KAAAA,eAAA,~~OAAAC~~,4BAAA,CAAAC,OAAA;~~MACPT~~,aAAa,EAAIC,aAAa;~~MAC~~/BG,YAAY,EAAIC,YAAY;~~MACvBH~~,UAAU;~~MACZC~~,QAAQ;;~~IAEvB~~,CAAC","ignoreList":[]}
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":[]}

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

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     removeIcon: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     token(t: Theme): string;
     tokenSmall(t: Theme): string;
     tokenMedium(t: Theme): string;