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

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

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

Files changed (1528) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["memoizeStyle","prefix","buttonSizeMixin","captionSizeMixin","containerSizeMixin","handleMixin","inputSizeMixin","toggleSizeMixin","globalClasses","handle","container","disabled","containerDisabled","containerLoading","background","getStyles","emotion","root","t","css","_templateObject","_taggedTemplateLiteralLoose","toggleBgHover","rootSmall","_templateObject2","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","_templateObject3","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","_templateObject4","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","_templateObject5","_templateObject6","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","_templateObject7","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","_templateObject8","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","_templateObject9","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","_templateObject10","toggleDisabledHandleBg","input","_templateObject11","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","_templateObject12","inputMedium","_templateObject13","inputLarge","_templateObject14","_templateObject15","toggleBorderColor","containerSmall","_templateObject16","toggleBorderRadiusSmall","containerMedium","_templateObject17","toggleBorderRadiusMedium","containerLarge","_templateObject18","toggleBorderRadiusLarge","_templateObject19","toggleBgDisabled","toggleBorderColorDisabled","focused","_templateObject20","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","_templateObject21","toggleShadowColorWarning","isError","_templateObject22","toggleShadowColorError","button","_templateObject23","toggleBaseBg","buttonSmall","_templateObject24","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","_templateObject25","buttonLarge","_templateObject26","buttonRight","_templateObject27","_templateObject28","rootLeft","_templateObject29","caption","_templateObject30","toggleTextColor","toggleCaptionGap","captionSmall","_templateObject31","captionMedium","_templateObject32","captionLarge","_templateObject33","disabledCaption","_templateObject34","textColorDisabled","captionLeft","_templateObject35"],"sources":["Toggle.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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 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(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall, emotion)};\n `;\n },\n rootMedium(t: Theme) {\n return emotion.css`\n ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium, emotion)};\n `;\n },\n rootLarge(t: Theme) {\n return emotion.css`\n ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge, emotion)};\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(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall, emotion)};\n `;\n },\n handleMedium(t: Theme) {\n return emotion.css`\n ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium, emotion)};\n `;\n },\n handleLarge(t: Theme) {\n return emotion.css`\n ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge, emotion)};\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 inputSmall(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall, emotion)};\n `;\n },\n inputMedium(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium, emotion)};\n `;\n },\n inputLarge(t: Theme) {\n return emotion.css`\n ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge, emotion)};\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(t.toggleBorderRadiusSmall, emotion)};\n `;\n },\n containerMedium(t: Theme) {\n return emotion.css`\n ${containerSizeMixin(t.toggleBorderRadiusMedium, emotion)};\n `;\n },\n containerLarge(t: Theme) {\n return emotion.css`\n ${containerSizeMixin(t.toggleBorderRadiusLarge, emotion)};\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(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n emotion,\n )};\n `;\n },\n buttonMedium(t: Theme) {\n return emotion.css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n emotion,\n )};\n `;\n },\n buttonLarge(t: Theme) {\n return emotion.css`\n ${buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n emotion,\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(t.toggleFontSizeSmall, t.toggleHeightSmall, emotion)};\n `;\n },\n captionMedium(t: Theme) {\n return emotion.css`\n ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, emotion)};\n `;\n },\n captionLarge(t: Theme) {\n return emotion.css`\n ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, emotion)};\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":["css","memoizeStyle","prefix","buttonSizeMixin","captionSizeMixin","containerSizeMixin","handleMixin","inputSizeMixin","toggleSizeMixin","globalClasses","handle","container","disabled","containerDisabled","containerLoading","background","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","toggleBgHover","rootSmall","_templateObject2","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","_templateObject3","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","_templateObject4","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","_templateObject5","_templateObject6","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","_templateObject7","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","_templateObject8","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","_templateObject9","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","_templateObject10","toggleDisabledHandleBg","input","_templateObject11","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","_templateObject12","inputMedium","_templateObject13","inputLarge","_templateObject14","_templateObject15","toggleBorderColor","containerSmall","_templateObject16","toggleBorderRadiusSmall","containerMedium","_templateObject17","toggleBorderRadiusMedium","containerLarge","_templateObject18","toggleBorderRadiusLarge","_templateObject19","toggleBgDisabled","toggleBorderColorDisabled","focused","_templateObject20","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","_templateObject21","toggleShadowColorWarning","isError","_templateObject22","toggleShadowColorError","button","_templateObject23","toggleBaseBg","buttonSmall","_templateObject24","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","_templateObject25","buttonLarge","_templateObject26","buttonRight","_templateObject27","_templateObject28","rootLeft","_templateObject29","caption","_templateObject30","toggleTextColor","toggleCaptionGap","captionSmall","_templateObject31","captionMedium","_templateObject32","captionLarge","_templateObject33","disabledCaption","_templateObject34","textColorDisabled","captionLeft","_templateObject35"],"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":[]}

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

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     handle: string;
@@ -8,7 +7,7 @@ export declare const globalClasses: {
     containerLoading: string;
     background: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

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

@@ -2,16 +2,16 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _Token;
 import React from 'react';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
 import { locale } from "../../../lib/locale/decorators";
 import { emptyHandler } from "../../../lib/utils";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
 import { reactGetTextContent } from "../../../lib/reactGetTextContent";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { getStyles } from "../Token.styles";
+import { styles } from "../Token.styles";
 import { TokenLocaleHelper } from "../locale";
 import { TokenView } from "../TokenView";
 export var TokenDataTids = {
@@ -48,14 +48,9 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
   var _proto = Token.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-      var emotion = _ref.emotion;
-      _this2.cx = emotion.cx;
-      _this2.styles = getStyles(emotion);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
   _proto.renderMain = function renderMain() {
@@ -88,9 +83,9 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
       "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 classNames = 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.createElement("span", {
-      className: this.styles.text()
+      className: styles.text()
     }, children);
     var closeButton = /*#__PURE__*/React.createElement("span", {
       onClick: this.onRemoveClick,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","RenderEnvironmentContext","locale","emptyHandler","ThemeContext","CommonWrapper","rootNode","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","getStyles","TokenLocaleHelper","TokenView","TokenDataTids","root","removeIcon","Token","_dec","_class","_Token","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","preventDefault","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","_ref","emotion","cx","styles","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","icon","side","color","colorHover","tabbable","classNames","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","_extends","rootNodeRef","setRootNode","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 { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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';\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 /* Переводит контрол в состояние валидации \"ошибка\" /\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 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() {\n return (\n <RenderEnvironmentContext.Consumer>\n {({ emotion }) => {\n this.cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.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":[]}
1	+ {"version":3,"names":["React","locale","emptyHandler","ThemeContext","CommonWrapper","cx","rootNode","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","styles","TokenLocaleHelper","TokenView","TokenDataTids","root","removeIcon","Token","_dec","_class","_Token","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","onRemoveClick","event","_this$props","props","disabled","_this$props$onRemove","onRemove","preventDefault","_inheritsLoose","_proto","prototype","render","_this2","createElement","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","icon","side","color","colorHover","tabbable","classNames","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","_extends","rootNodeRef","setRootNode","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 /* Переводит контрол в состояние валидации \"ошибка\" /\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 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":[]}

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

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

package/components/Token/Token.md ADDED Viewed

@@ -0,0 +1,48 @@
+### Базовый пример
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+<Token>Example</Token>;
+```
+### Состояние валидации
+```jsx harmony
+import { Gapped, Token } from '@skbkontur/react-ui';
+<Gapped gap={20} vertical>
+  <Gapped gap={10}>
+    <Token>Correct</Token>
+    <Token warning>Warned</Token>
+    <Token error>Errored</Token>
+  </Gapped>
+  <Gapped gap={10}>
+    <Token isActive>Correct</Token>
+    <Token isActive warning>
+      Warned
+    </Token>
+    <Token isActive error>
+      Errored
+    </Token>
+  </Gapped>
+</Gapped>;
+```
+### Размер
+```jsx harmony
+import { Gapped, Token } from '@skbkontur/react-ui';
+<Gapped vertical>
+  <Token size="small">
+    Маленький
+  </Token>
+  <Token size="medium">
+    Средний
+  </Token>
+  <Token size="large">
+    Большой
+  </Token>
+</Gapped>
+```

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

@@ -1,5 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject;
-export var tokenSizeMixin = function tokenSizeMixin(tokenPaddingY, tokenPaddingX, lineHeight, fontSize, tokenMarginY, tokenMarginX, emotion) {
-  return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), tokenPaddingY, tokenPaddingX, tokenMarginY, tokenMarginX, lineHeight, fontSize);
+import { css } from "../../../lib/theming/Emotion";
+export var tokenSizeMixin = function tokenSizeMixin(tokenPaddingY, tokenPaddingX, lineHeight, fontSize, tokenMarginY, tokenMarginX) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), tokenPaddingY, tokenPaddingX, tokenMarginY, tokenMarginX, lineHeight, fontSize);
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["tokenSizeMixin","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","~~emotion","css","~~_templateObject","_taggedTemplateLiteralLoose"],"sources":["Token.mixins.ts"],"sourcesContent":["import ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~types/create-instance~~';\n\nexport const tokenSizeMixin = (\n tokenPaddingY: string,\n tokenPaddingX: string,\n lineHeight: string,\n fontSize: string,\n tokenMarginY: string,\n tokenMarginX: string,\n ~~emotion: Emotion,\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":";;~~AAEA~~,OAAO,~~IAAMA~~,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;~~AACpBC,OAAgB~~;~~AACb;~~EACH,~~OAAOA~~,~~OAAO,CAACC,~~GAAG,~~CAAAC~~,eAAA,KAAAA,eAAA,GAAAC,2BAAA;~~EACLT~~,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["css","tokenSizeMixin","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","_templateObject","_taggedTemplateLiteralLoose"],"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":"oHAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACGP,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}

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

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

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

@@ -1,62 +1,60 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { tokenSizeMixin } from "../Token.mixins";
 export var globalClasses = prefix('token')({
   removeIcon: 'remove-icon'
 });
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    token: function token(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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);
-    },
-    tokenSmall: function tokenSmall(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall, emotion));
-    },
-    tokenMedium: function tokenMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium, emotion));
-    },
-    tokenLarge: function tokenLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), tokenSizeMixin(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge, emotion));
-    },
-    tokenIdle: function tokenIdle(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n        border-color: ", ";\n        background-clip: border-box;\n      "])), t.tokenColor, t.tokenBg, t.tokenBorderColor);
-    },
-    tokenHover: function tokenHover(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        &:hover {\n          color: ", ";\n          background: ", ";\n          border: solid ", " ", ";\n        }\n      "])), t.tokenColorHover, t.tokenBgHover, t.tokenBorderWidth, t.tokenBorderColorHover);
-    },
-    tokenActive: function tokenActive(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      "])), t.tokenColorActive, t.tokenBgActive, t.tokenBorderWidth, t.tokenBorderColorActive);
-    },
-    tokenError: function tokenError(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        border: solid ", " ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.tokenBorderWidth, t.tokenBorderColorError, t.tokenOutlineWidth, t.tokenBorderColorError);
-    },
-    tokenWarning: function tokenWarning(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        border: solid ", " ", ";\n        box-shadow: 0 0 0 ", " ", ";\n      "])), t.tokenBorderWidth, t.tokenBorderColorWarning, t.tokenOutlineWidth, t.tokenBorderColorWarning);
-    },
-    tokenDisabled: function tokenDisabled(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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.tokenBorderColorDisabled, globalClasses.removeIcon);
-    },
-    text: function text() {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n      "])));
-    },
-    removeIcon: function removeIcon(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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);
-    },
-    helperText: function helperText() {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\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      "])));
-    },
-    helperContainer: function helperContainer() {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        position: absolute;\n        visibility: hidden;\n      "])));
-    },
-    helperContainerSmall: function helperContainerSmall(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXSmall, t.tokenInputPaddingXSmall);
-    },
-    helperContainerMedium: function helperContainerMedium(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXMedium, t.tokenInputPaddingXMedium);
-    },
-    helperContainerLarge: function helperContainerLarge(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        left: ", ";\n        right: ", ";\n      "])), t.tokenInputPaddingXLarge, t.tokenInputPaddingXLarge);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  token: function token(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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);
+  },
+  tokenSmall: function tokenSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall));
+  },
+  tokenMedium: function tokenMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium));
+  },
+  tokenLarge: function tokenLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge));
+  },
+  tokenIdle: function tokenIdle(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])), t.tokenColor, t.tokenBg, t.tokenBorderColor);
+  },
+  tokenHover: function tokenHover(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])), t.tokenColorHover, t.tokenBgHover, t.tokenBorderWidth, t.tokenBorderColorHover);
+  },
+  tokenActive: function tokenActive(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])), t.tokenColorActive, t.tokenBgActive, t.tokenBorderWidth, t.tokenBorderColorActive);
+  },
+  tokenError: function tokenError(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorError, t.tokenOutlineWidth, t.tokenBorderColorError);
+  },
+  tokenWarning: function tokenWarning(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorWarning, t.tokenOutlineWidth, t.tokenBorderColorWarning);
+  },
+  tokenDisabled: function tokenDisabled(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\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.tokenBorderColorDisabled, globalClasses.removeIcon);
+  },
+  text: function text() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  },
+  removeIcon: function removeIcon(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\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);
+  },
+  helperText: function helperText() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\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    "])));
+  },
+  helperContainer: function helperContainer() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+  },
+  helperContainerSmall: function helperContainerSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXSmall, t.tokenInputPaddingXSmall);
+  },
+  helperContainerMedium: function helperContainerMedium(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXMedium, t.tokenInputPaddingXMedium);
+  },
+  helperContainerLarge: function helperContainerLarge(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXLarge, t.tokenInputPaddingXLarge);
+  }
+});

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

	@@ -1 +1 @@
1	- {"version":3,"names":["memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","getStyles","emotion","token","t","css","_templateObject","_taggedTemplateLiteralLoose","tokenBorderRadius","tokenBorderWidth","tokenSmall","_templateObject2","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","_templateObject3","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","_templateObject4","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","_templateObject5","tokenColor","tokenBg","tokenBorderColor","tokenHover","_templateObject6","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","_templateObject7","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","_templateObject8","tokenBorderColorError","tokenOutlineWidth","tokenWarning","_templateObject9","tokenBorderColorWarning","tokenDisabled","_templateObject10","tokenTextColorDisabled","tokenBorderColorDisabled","text","_templateObject11","_templateObject12","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","_templateObject13","helperContainer","_templateObject14","helperContainerSmall","_templateObject15","tokenInputPaddingXSmall","helperContainerMedium","_templateObject16","tokenInputPaddingXMedium","helperContainerLarge","_templateObject17","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n removeIcon: 'remove-icon',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n token(t: Theme) {\n return emotion.css`\n display: inline-flex;\n align-items: center;\n border-radius: ${t.tokenBorderRadius};\n border: solid ${t.tokenBorderWidth} transparent;\n min-width: 0;\n word-break: break-all;\n user-select: none;\n\n &:hover {\n cursor: pointer;\n }\n `;\n },\n\n tokenSmall(t: Theme) {\n return emotion.css`\n ${tokenSizeMixin(\n t.tokenPaddingYSmall,\n t.tokenPaddingXSmall,\n t.tokenLineHeightSmall,\n t.tokenFontSizeSmall,\n t.tokenMarginYSmall,\n t.tokenMarginXSmall,\n emotion,\n )};\n `;\n },\n\n tokenMedium(t: Theme) {\n return emotion.css`\n ${tokenSizeMixin(\n t.tokenPaddingYMedium,\n t.tokenPaddingXMedium,\n t.tokenLineHeightMedium,\n t.tokenFontSizeMedium,\n t.tokenMarginYMedium,\n t.tokenMarginXMedium,\n emotion,\n )};\n `;\n },\n\n tokenLarge(t: Theme) {\n return emotion.css`\n ${tokenSizeMixin(\n t.tokenPaddingYLarge,\n t.tokenPaddingXLarge,\n t.tokenLineHeightLarge,\n t.tokenFontSizeLarge,\n t.tokenMarginYLarge,\n t.tokenMarginXLarge,\n emotion,\n )};\n `;\n },\n\n tokenIdle(t: Theme) {\n return emotion.css`\n color: ${t.tokenColor};\n background: ${t.tokenBg};\n border-color: ${t.tokenBorderColor};\n background-clip: border-box;\n `;\n },\n\n tokenHover(t: Theme) {\n return emotion.css`\n &:hover {\n color: ${t.tokenColorHover};\n background: ${t.tokenBgHover};\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n }\n `;\n },\n\n tokenActive(t: Theme) {\n return emotion.css`\n color: ${t.tokenColorActive};\n background: ${t.tokenBgActive};\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n `;\n },\n\n tokenError(t: Theme) {\n return emotion.css`\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n `;\n },\n\n tokenWarning(t: Theme) {\n return emotion.css`\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n `;\n },\n\n tokenDisabled(t: Theme) {\n return emotion.css`\n user-select: text;\n cursor: text;\n color: ${t.tokenTextColorDisabled};\n pointer-events: none;\n border: solid 1px ${t.tokenBorderColorDisabled};\n\n .${globalClasses.removeIcon} {\n visibility: hidden;\n }\n `;\n },\n\n text() {\n return emotion.css`\n display: inline-block;\n `;\n },\n\n removeIcon(t: Theme) {\n return emotion.css`\n height: ${t.tokenRemoveIconSize};\n width: ${t.tokenRemoveIconSize};\n flex-shrink: 0;\n padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n box-sizing: ${t.tokenRemoveIconBoxSizing};\n margin-left: ${t.tokenRemoveIconGap};\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 `;\n },\n\n helperText() {\n return emotion.css`\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 `;\n },\n helperContainer() {\n return emotion.css`\n display: flex;\n position: absolute;\n visibility: hidden;\n `;\n },\n helperContainerSmall(t: Theme) {\n return emotion.css`\n left: ${t.tokenInputPaddingXSmall};\n right: ${t.tokenInputPaddingXSmall};\n `;\n },\n helperContainerMedium(t: Theme) {\n return emotion.css`\n left: ${t.tokenInputPaddingXMedium};\n right: ${t.tokenInputPaddingXMedium};\n `;\n },\n helperContainerLarge(t: Theme) {\n return emotion.css`\n left: ${t.tokenInputPaddingXLarge};\n right: ${t.tokenInputPaddingXLarge};\n `;\n },\n });\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["css","memoizeStyle","prefix","tokenSizeMixin","globalClasses","removeIcon","styles","token","t","_templateObject","_taggedTemplateLiteralLoose","tokenBorderRadius","tokenBorderWidth","tokenSmall","_templateObject2","tokenPaddingYSmall","tokenPaddingXSmall","tokenLineHeightSmall","tokenFontSizeSmall","tokenMarginYSmall","tokenMarginXSmall","tokenMedium","_templateObject3","tokenPaddingYMedium","tokenPaddingXMedium","tokenLineHeightMedium","tokenFontSizeMedium","tokenMarginYMedium","tokenMarginXMedium","tokenLarge","_templateObject4","tokenPaddingYLarge","tokenPaddingXLarge","tokenLineHeightLarge","tokenFontSizeLarge","tokenMarginYLarge","tokenMarginXLarge","tokenIdle","_templateObject5","tokenColor","tokenBg","tokenBorderColor","tokenHover","_templateObject6","tokenColorHover","tokenBgHover","tokenBorderColorHover","tokenActive","_templateObject7","tokenColorActive","tokenBgActive","tokenBorderColorActive","tokenError","_templateObject8","tokenBorderColorError","tokenOutlineWidth","tokenWarning","_templateObject9","tokenBorderColorWarning","tokenDisabled","_templateObject10","tokenTextColorDisabled","tokenBorderColorDisabled","text","_templateObject11","_templateObject12","tokenRemoveIconSize","tokenRemoveIconPaddingY","tokenRemoveIconPaddingX","tokenRemoveIconBoxSizing","tokenRemoveIconGap","helperText","_templateObject13","helperContainer","_templateObject14","helperContainerSmall","_templateObject15","tokenInputPaddingXSmall","helperContainerMedium","_templateObject16","tokenInputPaddingXMedium","helperContainerLarge","_templateObject17","tokenInputPaddingXLarge"],"sources":["Token.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { tokenSizeMixin } from './Token.mixins';\n\nexport const globalClasses = prefix('token')({\n removeIcon: 'remove-icon',\n});\n\nexport const styles = memoizeStyle({\n token(t: Theme) {\n return css`\n display: inline-flex;\n align-items: center;\n border-radius: ${t.tokenBorderRadius};\n border: solid ${t.tokenBorderWidth} transparent;\n min-width: 0;\n word-break: break-all;\n user-select: none;\n\n &:hover {\n cursor: pointer;\n }\n `;\n },\n\n tokenSmall(t: Theme) {\n return css`\n ${tokenSizeMixin(\n t.tokenPaddingYSmall,\n t.tokenPaddingXSmall,\n t.tokenLineHeightSmall,\n t.tokenFontSizeSmall,\n t.tokenMarginYSmall,\n t.tokenMarginXSmall,\n )};\n `;\n },\n\n tokenMedium(t: Theme) {\n return css`\n ${tokenSizeMixin(\n t.tokenPaddingYMedium,\n t.tokenPaddingXMedium,\n t.tokenLineHeightMedium,\n t.tokenFontSizeMedium,\n t.tokenMarginYMedium,\n t.tokenMarginXMedium,\n )};\n `;\n },\n\n tokenLarge(t: Theme) {\n return css`\n ${tokenSizeMixin(\n t.tokenPaddingYLarge,\n t.tokenPaddingXLarge,\n t.tokenLineHeightLarge,\n t.tokenFontSizeLarge,\n t.tokenMarginYLarge,\n t.tokenMarginXLarge,\n )};\n `;\n },\n\n tokenIdle(t: Theme) {\n return css`\n color: ${t.tokenColor};\n background: ${t.tokenBg};\n border-color: ${t.tokenBorderColor};\n background-clip: border-box;\n `;\n },\n\n tokenHover(t: Theme) {\n return css`\n &:hover {\n color: ${t.tokenColorHover};\n background: ${t.tokenBgHover};\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover};\n }\n `;\n },\n\n tokenActive(t: Theme) {\n return css`\n color: ${t.tokenColorActive};\n background: ${t.tokenBgActive};\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive};\n `;\n },\n\n tokenError(t: Theme) {\n return css`\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorError};\n box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError};\n `;\n },\n\n tokenWarning(t: Theme) {\n return css`\n border: solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning};\n box-shadow: 0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning};\n `;\n },\n\n tokenDisabled(t: Theme) {\n return css`\n user-select: text;\n cursor: text;\n color: ${t.tokenTextColorDisabled};\n pointer-events: none;\n border: solid 1px ${t.tokenBorderColorDisabled};\n\n .${globalClasses.removeIcon} {\n visibility: hidden;\n }\n `;\n },\n\n text() {\n return css`\n display: inline-block;\n `;\n },\n\n removeIcon(t: Theme) {\n return css`\n height: ${t.tokenRemoveIconSize};\n width: ${t.tokenRemoveIconSize};\n flex-shrink: 0;\n padding: ${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX};\n box-sizing: ${t.tokenRemoveIconBoxSizing};\n margin-left: ${t.tokenRemoveIconGap};\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 `;\n },\n\n helperText() {\n return css`\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 `;\n },\n helperContainer() {\n return css`\n display: flex;\n position: absolute;\n visibility: hidden;\n `;\n },\n helperContainerSmall(t: Theme) {\n return css`\n left: ${t.tokenInputPaddingXSmall};\n right: ${t.tokenInputPaddingXSmall};\n `;\n },\n helperContainerMedium(t: Theme) {\n return css`\n left: ${t.tokenInputPaddingXMedium};\n right: ${t.tokenInputPaddingXMedium};\n `;\n },\n helperContainerLarge(t: Theme) {\n return css`\n left: ${t.tokenInputPaddingXLarge};\n right: ${t.tokenInputPaddingXLarge};\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["size", "children", "closeButton", "hideCloseButton", "className"];
 import React, { useContext } from 'react';
-import { useEmotion } from "../../../lib/theming/RenderEnvironmentContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { globalClasses, getStyles } from "../Token.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { globalClasses, styles } from "../Token.styles";
 export function TokenView(props) {
   var _cx;
   var _props$size = props.size,
@@ -15,9 +15,6 @@ export function TokenView(props) {
     hideCloseButton = props.hideCloseButton,
     className = props.className,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var emotion = useEmotion();
-  var cx = emotion.cx;
-  var styles = getStyles(emotion);
   var theme = useContext(ThemeContext);
   var getSizeClassName = function getSizeClassName(size) {
     switch (size) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useContext","~~useEmotion~~","~~CommonWrapper~~","~~ThemeContext~~","globalClasses","~~getStyles~~","TokenView","props","_cx","_props$size","size","children","closeButton","hideCloseButton","className","rest","_objectWithoutPropertiesLoose","_excluded","~~emotion","cx","styles","~~theme","getSizeClassName","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","removeIcon","_extends","token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { ~~useEmotion~~ } from '../../~~lib~~/~~theming/RenderEnvironmentContext~~';\nimport { ~~CommonWrapper~~ } from '../../~~internal~~/~~CommonWrapper~~';\nimport { ~~ThemeContext~~ } from '../../lib/theming/~~ThemeContext~~';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, ~~getStyles~~ } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Задает размер контрола. /\n size?: TokenSize;\n /* Задает компонент крестика для удаления токена. /\n closeButton?: ReactNode;\n /* Определяет, скрывать ли крестик для удаления токена. */\n hideCloseButton?: boolean;\n}\n\nexport function TokenView(props: TokenViewProps) {\n const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n const ~~emotion = useEmotion();\n const { cx } = emotion;\n const styles = getStyles(emotion);\n const~~ theme = useContext(ThemeContext);\n const getSizeClassName = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return styles.tokenLarge(theme);\n case 'medium':\n return styles.tokenMedium(theme);\n case 'small':\n default:\n return styles.tokenSmall(theme);\n }\n };\n const closeButtonNode = hideCloseButton ? null : (\n <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n );\n\n return (\n <CommonWrapper {...props}>\n <div\n {...rest}\n className={cx(getSizeClassName(size), {\n [styles.token(theme)]: true,\n })}\n >\n {children}\n {closeButtonNode}\n </div>\n </CommonWrapper>\n );\n}\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,~~UAAU~~,QAAQ,~~4CAA4C~~;~~AACvE~~,SAASC,~~aAAa~~,QAAQ,~~8BAA8B~~;~~AAC5D~~,SAASC,~~YAAY~~,QAAQ,~~gCAAgC~~;;;~~AAG7D~~,SAASC,aAAa,EAAEC,~~SAAS~~,QAAQ,gBAAgB;;;;;;;;;;;~~AAWzD~~,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE,KAAAC,GAAA;EAC/C,IAAAC,WAAA,GAAuFF,KAAK,CAApFG,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,GAAuDJ,KAAK,CAApEI,QAAQ,CAAEC,WAAW,GAA0CL,KAAK,CAA1DK,WAAW,CAAEC,eAAe,GAAyBN,KAAK,CAA7CM,eAAe,CAAEC,SAAS,GAAcP,KAAK,CAA5BO,SAAS,CAAKC,IAAI,GAAAC,6BAAA,CAAKT,KAAK,EAAAU,SAAA;EAC5F,IAAMC,~~OAAO,GAAGjB,UAAU,CAAC,CAAC;EAC5B,IAAQkB,EAAE,GAAKD,OAAO,CAAdC,EAAE;EACV,IAAMC,MAAM,GAAGf,SAAS,CAACa,OAAO,CAAC;EACjC,IAAMG,~~KAAK,~~GAAGrB~~,UAAU,~~CAACG~~,YAAY,CAAC;EACtC,~~IAAMmB~~,gBAAgB,GAAG,SAAnBA,gBAAgBA,~~CAAIZ~~,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,~~OAAOU~~,MAAM,~~CAACG~~,UAAU,CAACF,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,~~OAAOD~~,MAAM,~~CAACI~~,WAAW,CAACH,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,~~OAAOD~~,MAAM,~~CAACK~~,UAAU,CAACJ,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMK,eAAe,~~GAAGb~~,eAAe,GAAG,IAAI;EAC5Cd,KAAA,~~CAAA4B~~,aAAA,~~WAAMb~~,SAAS,~~EAAEK~~,EAAE,~~CAACC~~,MAAM,~~CAACQ~~,UAAU,CAACP,KAAK,CAAC,~~EAAEjB~~,aAAa,~~CAACwB~~,UAAU,CAAE,~~IAAEhB~~,WAAkB,CAC7F;;;EAED;IACEb,KAAA,~~CAAA4B~~,aAAA,~~CAACzB~~,aAAa,~~EAAKK~~,KAAK;IACtBR,KAAA,~~CAAA4B~~,aAAA,QAAAE,QAAA;~~IACMd~~,IAAI;MACRD,SAAS,~~EAAEK~~,EAAE,~~CAACG~~,gBAAgB,~~CAACZ~~,IAAI,CAAC,GAAAF,GAAA,OAAAA,GAAA;~~MACjCY~~,MAAM,~~CAACU~~,KAAK,CAACT,KAAK,CAAC,IAAG,IAAI,~~EAAAb~~,GAAA;MAC5B,CAAE;;IAEFG,QAAQ;~~IACRe~~;IACE;IACQ,CAAC;;AAEpB","ignoreList":[]}
1	+ {"version":3,"names":["React","useContext","CommonWrapper","ThemeContext","cx","globalClasses","styles","TokenView","props","_cx","_props$size","size","children","closeButton","hideCloseButton","className","rest","_objectWithoutPropertiesLoose","_excluded","theme","getSizeClassName","tokenLarge","tokenMedium","tokenSmall","closeButtonNode","createElement","removeIcon","_extends","token"],"sources":["TokenView.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport type { TokenSize } from './Token';\nimport { globalClasses, styles } from './Token.styles';\n\nexport interface TokenViewProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Задает размер контрола. /\n size?: TokenSize;\n /* Задает компонент крестика для удаления токена. /\n closeButton?: ReactNode;\n /* Определяет, скрывать ли крестик для удаления токена. */\n hideCloseButton?: boolean;\n}\n\nexport function TokenView(props: TokenViewProps) {\n const { size = 'small', children, closeButton, hideCloseButton, className, ...rest } = props;\n const theme = useContext(ThemeContext);\n const getSizeClassName = (size: TokenSize) => {\n switch (size) {\n case 'large':\n return styles.tokenLarge(theme);\n case 'medium':\n return styles.tokenMedium(theme);\n case 'small':\n default:\n return styles.tokenSmall(theme);\n }\n };\n const closeButtonNode = hideCloseButton ? null : (\n <span className={cx(styles.removeIcon(theme), globalClasses.removeIcon)}>{closeButton}</span>\n );\n\n return (\n <CommonWrapper {...props}>\n <div\n {...rest}\n className={cx(getSizeClassName(size), {\n [styles.token(theme)]: true,\n })}\n >\n {children}\n {closeButtonNode}\n </div>\n </CommonWrapper>\n );\n}\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,EAAE,QAAQ,2BAA2B;;;AAG9C,SAASC,aAAa,EAAEC,MAAM,QAAQ,gBAAgB;;;;;;;;;;;AAWtD,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE,KAAAC,GAAA;EAC/C,IAAAC,WAAA,GAAuFF,KAAK,CAApFG,IAAI,CAAJA,IAAI,GAAAD,WAAA,cAAG,OAAO,GAAAA,WAAA,CAAEE,QAAQ,GAAuDJ,KAAK,CAApEI,QAAQ,CAAEC,WAAW,GAA0CL,KAAK,CAA1DK,WAAW,CAAEC,eAAe,GAAyBN,KAAK,CAA7CM,eAAe,CAAEC,SAAS,GAAcP,KAAK,CAA5BO,SAAS,CAAKC,IAAI,GAAAC,6BAAA,CAAKT,KAAK,EAAAU,SAAA;EAC5F,IAAMC,KAAK,GAAGlB,UAAU,CAACE,YAAY,CAAC;EACtC,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIT,IAAe,EAAK;IAC5C,QAAQA,IAAI;MACV,KAAK,OAAO;QACV,OAAOL,MAAM,CAACe,UAAU,CAACF,KAAK,CAAC;MACjC,KAAK,QAAQ;QACX,OAAOb,MAAM,CAACgB,WAAW,CAACH,KAAK,CAAC;MAClC,KAAK,OAAO;MACZ;QACE,OAAOb,MAAM,CAACiB,UAAU,CAACJ,KAAK,CAAC;IACnC;EACF,CAAC;EACD,IAAMK,eAAe,GAAGV,eAAe,GAAG,IAAI;EAC5Cd,KAAA,CAAAyB,aAAA,WAAMV,SAAS,EAAEX,EAAE,CAACE,MAAM,CAACoB,UAAU,CAACP,KAAK,CAAC,EAAEd,aAAa,CAACqB,UAAU,CAAE,IAAEb,WAAkB,CAC7F;;;EAED;IACEb,KAAA,CAAAyB,aAAA,CAACvB,aAAa,EAAKM,KAAK;IACtBR,KAAA,CAAAyB,aAAA,QAAAE,QAAA;IACMX,IAAI;MACRD,SAAS,EAAEX,EAAE,CAACgB,gBAAgB,CAACT,IAAI,CAAC,GAAAF,GAAA,OAAAA,GAAA;MACjCH,MAAM,CAACsB,KAAK,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAV,GAAA;MAC5B,CAAE;;IAEFG,QAAQ;IACRY;IACE;IACQ,CAAC;;AAEpB","ignoreList":[]}