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

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

@@ -1,6 +1,6 @@
 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, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { buttonSizeMixin, captionSizeMixin, containerSizeMixin, handleMixin, inputSizeMixin, toggleSizeMixin } from "../Toggle.mixins";
 export var globalClasses = prefix('toggle')({
   handle: 'handle',
@@ -10,112 +10,110 @@ export var globalClasses = prefix('toggle')({
   containerLoading: 'container-loading',
   background: 'background'
 });
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 .", " {\n          background: ", ";\n        }\n      "], ["\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 .", " {\n          background: ", ";\n        }\n      "])), globalClasses.handle, t.toggleBgHover);
-    },
-    rootSmall: function rootSmall(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), toggleSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), toggleSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), toggleSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
-    },
-    disableAnimation: function disableAnimation() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        &,\n        * {\n          transition: none !important;\n        }\n      "])));
-    },
-    handle: function handle(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        bottom: ", ";\n        left: ", ";\n        position: absolute;\n        top: ", ";\n      "])), t.toggleBorderWidth, t.toggleHandleLeft, t.toggleHandleTop);
-    },
-    handleSmall: function handleSmall(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), handleMixin(emotion)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
-    },
-    handleMedium: function handleMedium(t) {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), handleMixin(emotion)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
-    },
-    handleLarge: function handleLarge(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), handleMixin(emotion)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
-    },
-    handleDisabled: function handleDisabled(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        background: ", " !important; // override root hover/active styles\n      "])), t.toggleDisabledHandleBg);
-    },
-    input: function input(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        opacity: 0;\n\n        &:enabled {\n          ~ .", ", ~ .", " {\n            transition: 0.2s ease-in;\n          }\n          :not(:checked) {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n          }\n          :checked {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n          }\n        }\n        &:enabled:hover {\n          :not(:checked) {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n          }\n          :checked {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n          }\n        }\n        &:disabled {\n          :not(:checked) {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", " !important;\n              box-shadow: ", ";\n            }\n          }\n          :checked {\n            ~ .", " {\n              background: ", ";\n              box-shadow: ", ";\n            }\n            ~ .", " {\n              background: ", " !important;\n              box-shadow: ", ";\n            }\n          }\n        }\n      "])), globalClasses.container, globalClasses.handle, globalClasses.container, t.toggleContainerBg, t.toggleContainerBoxShadow, globalClasses.handle, t.toggleHandleBg, t.toggleHandleBoxShadow, globalClasses.container, t.toggleContainerBgChecked, t.toggleContainerBoxShadowChecked, globalClasses.handle, t.toggleHandleBgChecked, t.toggleHandleBoxShadowChecked, globalClasses.container, t.toggleContainerBgHover, t.toggleContainerBoxShadowHover, globalClasses.handle, t.toggleHandleBgHover, t.toggleHandleBoxShadowHover, globalClasses.container, t.toggleContainerBgCheckedHover, t.toggleContainerBoxShadowCheckedHover, globalClasses.handle, t.toggleHandleBgCheckedHover, t.toggleHandleBoxShadowCheckedHover, globalClasses.container, t.toggleContainerBgDisabled, t.toggleContainerBoxShadowDisabled, globalClasses.handle, t.toggleHandleBgDisabled, t.toggleHandleBoxShadowDisabled, globalClasses.container, t.toggleContainerBgDisabledChecked, t.toggleContainerBoxShadowDisabledChecked, globalClasses.handle, t.toggleHandleBgDisabledChecked, t.toggleHandleBoxShadowDisabledChecked);
-    },
-    inputSmall: function inputSmall(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(emotion)(t.toggleHeightSmall, t.toggleWidthSmall));
-    },
-    inputMedium: function inputMedium(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(emotion)(t.toggleHeightMedium, t.toggleWidthMedium));
-    },
-    inputLarge: function inputLarge(t) {
-      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(emotion)(t.toggleHeightLarge, t.toggleWidthLarge));
-    },
-    container: function container(t) {
-      return emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        box-shadow: inset 0 0 0 ", " ", ";\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      "])), t.toggleBorderWidth, t.toggleBorderColor);
-    },
-    containerSmall: function containerSmall(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), containerSizeMixin(emotion)(t.toggleBorderRadiusSmall));
-    },
-    containerMedium: function containerMedium(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), containerSizeMixin(emotion)(t.toggleBorderRadiusMedium));
-    },
-    containerLarge: function containerLarge(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), containerSizeMixin(emotion)(t.toggleBorderRadiusLarge));
-    },
-    containerDisabled: function containerDisabled(t) {
-      return emotion.css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n      "])), t.toggleBgDisabled, t.toggleBorderColorDisabled);
-    },
-    focused: function focused(t) {
-      return emotion.css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
-    },
-    isWarning: function isWarning(t) {
-      return emotion.css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorWarning);
-    },
-    isError: function isError(t) {
-      return emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorError);
-    },
-    button: function button(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        position: absolute;\n        left: 0;\n        top: 0;\n        background: ", ";\n        line-height: ", ";\n      "])), t.toggleBaseBg, t.toggleHeightSmall);
-    },
-    buttonSmall: function buttonSmall(t) {
-      return emotion.css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixin(emotion)(t.labGrotesqueBaselineCompensation, t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall, t.toggleBorderRadiusSmall, t.toggleButtonOffsetY));
-    },
-    buttonMedium: function buttonMedium(t) {
-      return emotion.css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixin(emotion)(t.labGrotesqueBaselineCompensation, t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium, t.toggleBorderRadiusMedium, t.toggleButtonOffsetY));
-    },
-    buttonLarge: function buttonLarge(t) {
-      return emotion.css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), buttonSizeMixin(emotion)(t.labGrotesqueBaselineCompensation, t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge, t.toggleBorderRadiusLarge, t.toggleButtonOffsetY));
-    },
-    buttonRight: function buttonRight() {
-      return emotion.css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n        right: 0;\n        left: auto;\n      "])));
-    },
-    disabled: function disabled() {
-      return emotion.css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n        cursor: default;\n      "])));
-    },
-    rootLeft: function rootLeft() {
-      return emotion.css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n        flex-direction: row-reverse;\n      "])));
-    },
-    caption: function caption(t) {
-      return emotion.css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        padding: 0 0 0 ", ";\n      "])), t.toggleTextColor, t.toggleCaptionGap);
-    },
-    captionSmall: function captionSmall(t) {
-      return emotion.css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), captionSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall));
-    },
-    captionMedium: function captionMedium(t) {
-      return emotion.css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), captionSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium));
-    },
-    captionLarge: function captionLarge(t) {
-      return emotion.css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), captionSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge));
-    },
-    disabledCaption: function disabledCaption(t) {
-      return emotion.css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.textColorDisabled);
-    },
-    captionLeft: function captionLeft(t) {
-      return emotion.css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        padding: 0 ", " 0 0;\n      "])), t.toggleTextColor, t.toggleCaptionGap);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 .", " {\n        background: ", ";\n      }\n    "], ["\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 .", " {\n        background: ", ";\n      }\n    "])), globalClasses.handle, t.toggleBgHover);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
+  },
+  disableAnimation: function disableAnimation() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &,\n      * {\n        transition: none !important;\n      }\n    "])));
+  },
+  handle: function handle(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      bottom: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n    "])), t.toggleBorderWidth, t.toggleHandleLeft, t.toggleHandleTop);
+  },
+  handleSmall: function handleSmall(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
+  },
+  handleMedium: function handleMedium(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
+  },
+  handleLarge: function handleLarge(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
+  },
+  handleDisabled: function handleDisabled(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override root hover/active styles\n    "])), t.toggleDisabledHandleBg);
+  },
+  input: function input(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .", ", ~ .", " {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n      }\n    "])), globalClasses.container, globalClasses.handle, globalClasses.container, t.toggleContainerBg, t.toggleContainerBoxShadow, globalClasses.handle, t.toggleHandleBg, t.toggleHandleBoxShadow, globalClasses.container, t.toggleContainerBgChecked, t.toggleContainerBoxShadowChecked, globalClasses.handle, t.toggleHandleBgChecked, t.toggleHandleBoxShadowChecked, globalClasses.container, t.toggleContainerBgHover, t.toggleContainerBoxShadowHover, globalClasses.handle, t.toggleHandleBgHover, t.toggleHandleBoxShadowHover, globalClasses.container, t.toggleContainerBgCheckedHover, t.toggleContainerBoxShadowCheckedHover, globalClasses.handle, t.toggleHandleBgCheckedHover, t.toggleHandleBoxShadowCheckedHover, globalClasses.container, t.toggleContainerBgDisabled, t.toggleContainerBoxShadowDisabled, globalClasses.handle, t.toggleHandleBgDisabled, t.toggleHandleBoxShadowDisabled, globalClasses.container, t.toggleContainerBgDisabledChecked, t.toggleContainerBoxShadowDisabledChecked, globalClasses.handle, t.toggleHandleBgDisabledChecked, t.toggleHandleBoxShadowDisabledChecked);
+  },
+  inputSmall: function inputSmall(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall));
+  },
+  inputMedium: function inputMedium(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium));
+  },
+  inputLarge: function inputLarge(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge));
+  },
+  container: function container(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\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    "])), t.toggleBorderWidth, t.toggleBorderColor);
+  },
+  containerSmall: function containerSmall(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusSmall));
+  },
+  containerMedium: function containerMedium(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusMedium));
+  },
+  containerLarge: function containerLarge(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusLarge));
+  },
+  containerDisabled: function containerDisabled(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n    "])), t.toggleBgDisabled, t.toggleBorderColorDisabled);
+  },
+  focused: function focused(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
+  },
+  isWarning: function isWarning(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorWarning);
+  },
+  isError: function isError(t) {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorError);
+  },
+  button: function button(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ", ";\n      line-height: ", ";\n    "])), t.toggleBaseBg, t.toggleHeightSmall);
+  },
+  buttonSmall: function buttonSmall(t) {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall, t.toggleBorderRadiusSmall, t.toggleButtonOffsetY));
+  },
+  buttonMedium: function buttonMedium(t) {
+    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium, t.toggleBorderRadiusMedium, t.toggleButtonOffsetY));
+  },
+  buttonLarge: function buttonLarge(t) {
+    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge, t.toggleBorderRadiusLarge, t.toggleButtonOffsetY));
+  },
+  buttonRight: function buttonRight() {
+    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      left: auto;\n    "])));
+  },
+  disabled: function disabled() {
+    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+  },
+  rootLeft: function rootLeft() {
+    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      flex-direction: row-reverse;\n    "])));
+  },
+  caption: function caption(t) {
+    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: 0 0 0 ", ";\n    "])), t.toggleTextColor, t.toggleCaptionGap);
+  },
+  captionSmall: function captionSmall(t) {
+    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall));
+  },
+  captionMedium: function captionMedium(t) {
+    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium));
+  },
+  captionLarge: function captionLarge(t) {
+    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge));
+  },
+  disabledCaption: function disabledCaption(t) {
+    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
+  },
+  captionLeft: function captionLeft(t) {
+    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: 0 ", " 0 0;\n    "])), t.toggleTextColor, t.toggleCaptionGap);
+  }
+});

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

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

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

package/components/Toggle/__docs__/Toggle.mdx

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

package/components/Token/Token/Token.js

@@ -4,20 +4,26 @@ var _dec, _class, _Token;
 import React from 'react';
 import { locale } from "../../../lib/locale/decorators";
 import { emptyHandler } from "../../../lib/utils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
+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 { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { getStyles } from "../Token.styles";
+import { styles } from "../Token.styles";
 import { TokenLocaleHelper } from "../locale";
 import { TokenView } from "../TokenView";
 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;
@@ -42,13 +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(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      _this2.styles = getStyles(_this2.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() {
@@ -81,8 +83,7 @@ export var Token = (_dec = locale('Token', TokenLocaleHelper), rootNode(_class =
       "aria-label": removeButtonAriaLabel,
       tabbable: false
     });
-    var styles = this.styles;
-    var classNames = this.emotion.cx(styles.tokenIdle(theme), !isActive && !warning && !error && !disabled && styles.tokenHover(theme), isActive && styles.tokenActive(theme), warning && styles.tokenWarning(theme), error && styles.tokenError(theme), disabled && styles.tokenDisabled(theme));
+    var 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()
     }, children);

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

@@ -1 +1 @@
-{"version":3,"names":["React","locale","emptyHandler","CommonWrapper","EmotionConsumer","rootNode","CloseButtonIcon","reactGetTextContent","getVisualStateDataAttributes","ThemeContext","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","emotion","styles","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","cx","tokenIdle","tokenHover","tokenActive","tokenWarning","tokenError","tokenDisabled","textholder","className","text","closeButton","_extends","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Token.tsx"],"sourcesContent":["import React, { AriaAttributes } from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  isActive?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Размер\n   */\n  size?: TokenSize;\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      size,\n      children,\n      isActive,\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    );\n\n    const styles = this.styles;\n    const classNames = this.emotion.cx(\n      styles.tokenIdle(theme),\n      !isActive && !warning && !error && !disabled && styles.tokenHover(theme),\n      isActive && styles.tokenActive(theme),\n      warning && styles.tokenWarning(theme),\n      error && styles.tokenError(theme),\n      disabled && styles.tokenDisabled(theme),\n    );\n\n    const textholder = <span className={styles.text()}>{children}</span>;\n\n    const closeButton = (\n      <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"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 React, { AriaAttributes } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { CloseButtonIcon } from '../../internal/CloseButtonIcon/CloseButtonIcon';\nimport { SizeProp } from '../../lib/types/props';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\n\nimport { styles } from './Token.styles';\nimport { TokenLocale, TokenLocaleHelper } from './locale';\nimport { TokenView } from './TokenView';\n\nexport type TokenSize = SizeProp;\n\nexport interface TokenProps extends Pick<AriaAttributes, 'aria-describedby'>, CommonProps {\n  /** Устанавливает, является ли токен активным. */\n  isActive?: boolean;\n  /** Переводит контрол в состояние валидации \"ошибка\" */\n  error?: boolean;\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n  /** Задает размер контрола. */\n  size?: TokenSize;\n  /** Задает функцию, которая вызывается, когда на токен кликнули. */\n  onClick?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда на токен кликнули дважды. */\n  onDoubleClick?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен удаляется. */\n  onRemove?: React.MouseEventHandler<HTMLElement>;\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). */\n  onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен получает фокус. */\n  onFocus?: React.FocusEventHandler<HTMLDivElement>;\n  /** Задает функцию, которая вызывается, когда токен теряет фокус. */\n  onBlur?: React.FocusEventHandler<HTMLDivElement>;\n}\n\nexport const TokenDataTids = {\n  root: 'Token__root',\n  removeIcon: 'Token__removeIcon',\n} as const;\n\n/**\n * Однородный элемент — `Token`.\n *\n * Используется в компоненте поле с токенами TokenInput.\n */\n@rootNode\n@locale('Token', TokenLocaleHelper)\nexport class Token extends React.Component<TokenProps> {\n  public static __KONTUR_REACT_UI__ = 'Token';\n  public static displayName = 'Token';\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n  private readonly locale!: TokenLocale;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      size,\n      children,\n      isActive,\n      error,\n      warning,\n      disabled,\n      'aria-describedby': ariaDescribedby,\n      onClick = emptyHandler,\n      onDoubleClick = emptyHandler,\n      onMouseEnter = emptyHandler,\n      onMouseLeave = emptyHandler,\n      onFocus = emptyHandler,\n      onBlur = emptyHandler,\n    } = this.props;\n\n    const theme = this.theme;\n\n    const removeButtonAriaLabel = this.locale.removeButtonAriaLabel + ' ' + reactGetTextContent(children);\n\n    const icon = (\n      <CloseButtonIcon\n        side={16}\n        color=\"inherit\"\n        colorHover=\"inherit\"\n        aria-label={removeButtonAriaLabel}\n        tabbable={false}\n      />\n    );\n\n    const classNames = cx(\n      styles.tokenIdle(theme),\n      !isActive && !warning && !error && !disabled && styles.tokenHover(theme),\n      isActive && styles.tokenActive(theme),\n      warning && styles.tokenWarning(theme),\n      error && styles.tokenError(theme),\n      disabled && styles.tokenDisabled(theme),\n    );\n\n    const textholder = <span className={styles.text()}>{children}</span>;\n\n    const closeButton = (\n      <span onClick={this.onRemoveClick} data-tid={TokenDataTids.removeIcon}>\n        {icon}\n      </span>\n    );\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <TokenView\n          className={classNames}\n          size={size}\n          closeButton={closeButton}\n          data-tid={TokenDataTids.root}\n          aria-describedby={ariaDescribedby}\n          onClick={onClick}\n          onDoubleClick={onDoubleClick}\n          onMouseEnter={onMouseEnter}\n          onMouseLeave={onMouseLeave}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        >\n          {textholder}\n        </TokenView>\n      </CommonWrapper>\n    );\n  }\n\n  private onRemoveClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    const { disabled, onRemove = emptyHandler } = this.props;\n\n    if (disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    onRemove(event);\n  };\n}\n"],"mappings":"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","ignoreList":[]}