@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","activeHandleSizeMixin","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","activeHandleSmall","_templateObject5","toggleHandleSizeSmall","toggleBorderWidth","toggleHandleActiveWidthIncrement","activeHandleMedium","_templateObject6","toggleHandleSizeMedium","activeHandleLarge","_templateObject7","toggleHandleSizeLarge","disableAnimation","_templateObject8","_templateObject9","toggleHandleBg","toggleHandleBoxShadowOld","toggleHandleLeft","toggleHandleTop","handleSmall","_templateObject10","toggleHandleBorderRadiusSmall","handleMedium","_templateObject11","toggleHandleBorderRadiusMedium","handleLarge","_templateObject12","toggleHandleBorderRadiusLarge","handleDisabled","_templateObject13","toggleDisabledHandleBg","input","_templateObject14","toggleBgChecked","toggleBorderColorDisabledChecked","toggleBgDisabledChecked","toggleBorderColor","toggleCheckedBg","toggleCheckedBgHover","inputSmall","_templateObject15","inputMedium","_templateObject16","inputLarge","_templateObject17","input2022","_templateObject18","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","_templateObject19","containerSmall","_templateObject20","toggleBorderRadiusSmall","containerMedium","_templateObject21","toggleBorderRadiusMedium","containerLarge","_templateObject22","toggleBorderRadiusLarge","_templateObject23","toggleBgDisabled","toggleBorderColorDisabled","focused","_templateObject24","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","activeBackground","_templateObject25","disabledBackground","_templateObject26","activeBackgroundLoading","_templateObject27","toggleBgActive","isWarning","_templateObject28","toggleShadowColorWarning","isError","_templateObject29","toggleShadowColorError","button","_templateObject30","toggleBaseBg","toggleHeight","buttonSmall","_templateObject31","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","_templateObject32","buttonLarge","_templateObject33","buttonRight","_templateObject34","_templateObject35","rootLeft","_templateObject36","caption","_templateObject37","toggleTextColor","toggleCaptionGap","captionSmall","_templateObject38","captionMedium","_templateObject39","captionLarge","_templateObject40","disabledCaption","_templateObject41","textColorDisabled","captionLeft","_templateObject42"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  activeHandleSizeMixin,\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  activeHandleSmall(t: Theme) {\n    return css`\n      ${activeHandleSizeMixin(\n        t.toggleHandleSizeSmall,\n        t.toggleBorderWidth,\n        t.toggleHandleActiveWidthIncrement,\n        t.toggleWidthSmall,\n      )};\n    `;\n  },\n  activeHandleMedium(t: Theme) {\n    return css`\n      ${activeHandleSizeMixin(\n        t.toggleHandleSizeMedium,\n        t.toggleBorderWidth,\n        t.toggleHandleActiveWidthIncrement,\n        t.toggleWidthMedium,\n      )};\n    `;\n  },\n  activeHandleLarge(t: Theme) {\n    return css`\n      ${activeHandleSizeMixin(\n        t.toggleHandleSizeLarge,\n        t.toggleBorderWidth,\n        t.toggleHandleActiveWidthIncrement,\n        t.toggleWidthLarge,\n      )};\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      background: ${t.toggleHandleBg};\n      bottom: ${t.toggleBorderWidth};\n      box-shadow: ${t.toggleHandleBoxShadowOld};\n      left: ${t.toggleHandleLeft};\n      position: absolute;\n      top: ${t.toggleHandleTop};\n      transition: 0.2s ease-in;\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      &:focus {\n        outline: none;\n      }\n      &:checked ~ .${globalClasses.container} {\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\n        background: ${t.toggleBgChecked};\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ .${globalClasses.containerDisabled} {\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColorDisabledChecked};\n        background: ${t.toggleBgDisabledChecked};\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ .${globalClasses.containerLoading} {\n        background: ${t.toggleBorderColor};\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      }\n      &:checked ~ .${globalClasses.container} .${globalClasses.background} {\n        width: 70%;\n        background: ${t.toggleBgChecked};\n      }\n      &:checked ~ .${globalClasses.containerDisabled} .${globalClasses.background} {\n        width: 70%;\n        background: ${t.toggleBgDisabledChecked};\n        box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabledChecked};\n      }\n      &:checked ~ .${globalClasses.handle} {\n        background: ${t.toggleCheckedBg};\n        &:hover {\n          background: ${t.toggleCheckedBgHover};\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  input2022(t: Theme) {\n    return css`\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  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  activeBackground() {\n    return css`\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    `;\n  },\n\n  disabledBackground(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n      width: 0;\n    `;\n  },\n\n  activeBackgroundLoading(t: Theme) {\n    return css`\n      background: ${t.toggleBgActive};\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.toggleHeight};\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":[]}
+{"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

@@ -1,53 +1,46 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    handle: string;
-    container: string;
-    disabled: string;
-    containerDisabled: string;
-    containerLoading: string;
-    background: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    activeHandleSmall(t: Theme): string;
-    activeHandleMedium(t: Theme): string;
-    activeHandleLarge(t: Theme): string;
-    disableAnimation(): string;
-    handle(t: Theme): string;
-    handleSmall(t: Theme): string;
-    handleMedium(t: Theme): string;
-    handleLarge(t: Theme): string;
-    handleDisabled(t: Theme): string;
-    input(t: Theme): string;
-    inputSmall(t: Theme): string;
-    inputMedium(t: Theme): string;
-    inputLarge(t: Theme): string;
-    input2022(t: Theme): string;
-    container(t: Theme): string;
-    containerSmall(t: Theme): string;
-    containerMedium(t: Theme): string;
-    containerLarge(t: Theme): string;
-    containerDisabled(t: Theme): string;
-    focused(t: Theme): string;
-    activeBackground(): string;
-    disabledBackground(t: Theme): string;
-    activeBackgroundLoading(t: Theme): string;
-    isWarning(t: Theme): string;
-    isError(t: Theme): string;
-    button(t: Theme): string;
-    buttonSmall(t: Theme): string;
-    buttonMedium(t: Theme): string;
-    buttonLarge(t: Theme): string;
-    buttonRight(): string;
-    disabled(): string;
-    rootLeft(): string;
-    caption(t: Theme): string;
-    captionSmall(t: Theme): string;
-    captionMedium(t: Theme): string;
-    captionLarge(t: Theme): string;
-    disabledCaption(t: Theme): string;
-    captionLeft(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    handle: string;
+    container: string;
+    disabled: string;
+    containerDisabled: string;
+    containerLoading: string;
+    background: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    disableAnimation(): string;
+    handle(t: Theme): string;
+    handleSmall(t: Theme): string;
+    handleMedium(t: Theme): string;
+    handleLarge(t: Theme): string;
+    handleDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputSmall(t: Theme): string;
+    inputMedium(t: Theme): string;
+    inputLarge(t: Theme): string;
+    container(t: Theme): string;
+    containerSmall(t: Theme): string;
+    containerMedium(t: Theme): string;
+    containerLarge(t: Theme): string;
+    containerDisabled(t: Theme): string;
+    focused(t: Theme): string;
+    isWarning(t: Theme): string;
+    isError(t: Theme): string;
+    button(t: Theme): string;
+    buttonSmall(t: Theme): string;
+    buttonMedium(t: Theme): string;
+    buttonLarge(t: Theme): string;
+    buttonRight(): string;
+    disabled(): string;
+    rootLeft(): string;
+    caption(t: Theme): string;
+    captionSmall(t: Theme): string;
+    captionMedium(t: Theme): string;
+    captionLarge(t: Theme): string;
+    disabledCaption(t: Theme): string;
+    captionLeft(t: Theme): string;
+};

package/components/Toggle/index.d.ts

@@ -1 +1 @@
-export * from './Toggle';
+export * from './Toggle';

package/components/Token/Token/Token.js

@@ -3,30 +3,27 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _Token;
 import React from 'react';
 import { locale } from "../../../lib/locale/decorators";
-import { CrossIcon } from "../../../internal/icons/CrossIcon";
 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 { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { CloseButtonIcon } from "../../../internal/CloseButtonIcon/CloseButtonIcon";
 import { reactGetTextContent } from "../../../lib/reactGetTextContent";
-import { styles, colorStyles } from "../Token.styles";
+import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
+import { styles } from "../Token.styles";
 import { TokenLocaleHelper } from "../locale";
 import { TokenView } from "../TokenView";
-var getValidation = function getValidation(error, warning) {
-  if (error) {
-    return 'error';
-  } else if (warning) {
-    return 'warning';
-  }
-  return null;
-};
 export var TokenDataTids = {
   root: 'Token__root',
   removeIcon: 'Token__removeIcon'
 };
+
+/**
+ * Однородный элемент — `Token`.
+ *
+ * Используется в компоненте поле с токенами TokenInput.
+ */
 export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class = _dec(_class = (_Token = /*#__PURE__*/function (_React$Component) {
   function Token() {
     var _this;
@@ -61,11 +58,6 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
       size = _this$props2.size,
       children = _this$props2.children,
       isActive = _this$props2.isActive,
-      _this$props2$colors = _this$props2.colors,
-      colors = _this$props2$colors === void 0 ? {
-        idle: 'defaultIdle',
-        active: 'defaultActive'
-      } : _this$props2$colors,
       error = _this$props2.error,
       warning = _this$props2.warning,
       disabled = _this$props2.disabled,
@@ -83,28 +75,27 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
       _this$props2$onBlur = _this$props2.onBlur,
       onBlur = _this$props2$onBlur === void 0 ? emptyHandler : _this$props2$onBlur;
     var theme = this.theme;
-    var validation = getValidation(error, warning);
     var removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);
-    var icon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(CloseButtonIcon, {
+    var icon = /*#__PURE__*/React.createElement(CloseButtonIcon, {
       side: 16,
       color: "inherit",
       colorHover: "inherit",
       "aria-label": removeButtonAriaLabel,
       tabbable: false
-    }) : /*#__PURE__*/React.createElement(CrossIcon, null);
-    var classNames = isTheme2022(theme) ? cx(styles.tokenDefaultIdle2022(theme), !isActive && !warning && !error && !disabled && styles.tokenDefaultIdleHovering2022(theme), isActive && styles.tokenDefaultActive2022(theme), warning && styles.tokenWarning2022(theme), error && styles.tokenError2022(theme), disabled && styles.tokenDisabled2022(theme)) : cx(colorStyles[colors.idle](theme, validation), !!isActive && colorStyles[colors.active || colors.idle](theme, validation), !!disabled && styles.disabled(theme), !!disabled && colorStyles.defaultDisabled(theme), !!disabled && warning && colorStyles.defaultDisabledWarning(theme), !!disabled && error && colorStyles.defaultDisabledError(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: styles.text(this.theme)
+      className: styles.text()
     }, children);
     var closeButton = /*#__PURE__*/React.createElement("span", {
-      role: isTheme2022(theme) ? undefined : 'button',
-      "aria-label": isTheme2022(theme) ? undefined : removeButtonAriaLabel,
       onClick: this.onRemoveClick,
       "data-tid": TokenDataTids.removeIcon
     }, icon);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
-    }, this.props), /*#__PURE__*/React.createElement(TokenView, {
+    }, this.props, getVisualStateDataAttributes({
+      disabled: disabled
+    })), /*#__PURE__*/React.createElement(TokenView, {
       className: classNames,
       size: size,
       closeButton: closeButton,

package/components/Token/Token/Token.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","locale","CrossIcon","emptyHandler","ThemeContext","CommonWrapper","cx","rootNode","isTheme2022","CloseButtonIcon","reactGetTextContent","styles","colorStyles","TokenLocaleHelper","TokenView","getValidation","error","warning","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","_this$props2$colors","colors","idle","active","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","validation","removeButtonAriaLabel","icon","side","color","colorHover","tabbable","classNames","tokenDefaultIdle2022","tokenDefaultIdleHovering2022","tokenDefaultActive2022","tokenWarning2022","tokenError2022","tokenDisabled2022","defaultDisabled","defaultDisabledWarning","defaultDisabledError","textholder","className","text","closeButton","role","undefined","_extends","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\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 { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\n\nimport { styles, colorStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenColorName = keyof typeof colorStyles;\n\nexport interface TokenColors {\n  idle: TokenColorName;\n  active?: TokenColorName;\n}\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  colors?: TokenColors;\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\nconst getValidation = (error: TokenProps['error'], warning: TokenProps['warning']) => {\n  if (error) {\n    return 'error';\n  } else if (warning) {\n    return 'warning';\n  }\n\n  return null;\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 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      colors = { idle: 'defaultIdle', active: 'defaultActive' },\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 validation = getValidation(error, warning);\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = isTheme2022(theme) ? (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    ) : (\n      <CrossIcon />\n    );\n\n    const classNames = isTheme2022(theme)\n      ? cx(\n          styles.tokenDefaultIdle2022(theme),\n          !isActive && !warning && !error && !disabled && styles.tokenDefaultIdleHovering2022(theme),\n          isActive && styles.tokenDefaultActive2022(theme),\n          warning && styles.tokenWarning2022(theme),\n          error && styles.tokenError2022(theme),\n          disabled && styles.tokenDisabled2022(theme),\n        )\n      : cx(\n          colorStyles[colors.idle](theme, validation),\n          !!isActive && colorStyles[colors.active || colors.idle](theme, validation),\n          !!disabled && styles.disabled(theme),\n          !!disabled && colorStyles.defaultDisabled(theme),\n          !!disabled && warning && colorStyles.defaultDisabledWarning(theme),\n          !!disabled && error && colorStyles.defaultDisabledError(theme),\n        );\n\n    const textholder = <span className={styles.text(this.theme)}>{children}</span>;\n\n    const closeButton = (\n      <span\n        role={isTheme2022(theme) ? undefined : 'button'}\n        aria-label={isTheme2022(theme) ? undefined : removeButtonAriaLabel}\n        onClick={this.onRemoveClick}\n        data-tid={TokenDataTids.removeIcon}\n      >\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\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":[]}
+{"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 { 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  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

@@ -1,48 +1,50 @@
-import React, { AriaAttributes } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { colorStyles } from './Token.styles';
-export type TokenColorName = keyof typeof colorStyles;
-export interface TokenColors {
-    idle: TokenColorName;
-    active?: TokenColorName;
-}
-export type TokenSize = SizeProp;
-export interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {
-    colors?: TokenColors;
-    isActive?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    disabled?: boolean;
-    /**
-     * Размер
-     */
-    size?: TokenSize;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;
-    onRemove?: React.MouseEventHandler<HTMLElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
-    onFocus?: React.FocusEventHandler<HTMLDivElement>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-}
-export declare const TokenDataTids: {
-    readonly root: "Token__root";
-    readonly removeIcon: "Token__removeIcon";
-};
-export declare class Token extends React.Component<TokenProps> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private theme;
-    private setRootNode;
-    private readonly locale;
-    render(): React.JSX.Element;
-    private renderMain;
-    private onRemoveClick;
-}
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { 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 setRootNode;
+    private readonly locale;
+    render(): React.JSX.Element;
+    private renderMain;
+    private onRemoveClick;
+}

package/components/Token/Token.md

@@ -1,4 +1,4 @@
-Token example
+### Базовый пример
 
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -6,7 +6,8 @@ import { Token } from '@skbkontur/react-ui';
 <Token>Example</Token>;
 ```
 
-You can control color of each token
+### Цвет токена
+У разных токенов может быть разный цвет.
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -88,7 +89,7 @@ const colors = {
 </Gapped>;
 ```
 
-Can accept validation state
+### Состояние валидации
 
 ```jsx harmony
 import { Gapped, Token } from '@skbkontur/react-ui';
@@ -111,9 +112,11 @@ import { Gapped, Token } from '@skbkontur/react-ui';
 </Gapped>;
 ```
 
-У Token есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
+import { Gapped, Token } from '@skbkontur/react-ui';
+
 <Gapped vertical>
   <Token size="small">
     Маленький

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

@@ -1 +1 @@
-export declare const tokenSizeMixin: (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;