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

package/cjs/components/Checkbox/Checkbox.styles.js

@@ -1,6 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
-var _Emotion = require("../../lib/theming/Emotion");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _Checkbox = require("./Checkbox.mixins");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;
@@ -9,10 +7,9 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box'
 });
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root(t) {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-flex;\n        align-items: baseline;\n        cursor: pointer;\n        position: relative;\n\n        &::before {\n          // non-breaking space.\n          // makes a correct space for absolutely positioned box,\n          // and also height and baseline for checkbox without caption.\n          content: '\\00A0';\n          display: inline-block;\n          flex: 0 0 auto;\n        }\n\n        .", " {\n          transition:\n            background ", " ", ",\n            box-shadow ", " ", ";\n        }\n\n        &:hover .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n\n        &:active .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n      "], ["\n        display: inline-flex;\n        align-items: baseline;\n        cursor: pointer;\n        position: relative;\n\n        &::before {\n          // non-breaking space.\n          // makes a correct space for absolutely positioned box,\n          // and also height and baseline for checkbox without caption.\n          content: '\\\\00A0';\n          display: inline-block;\n          flex: 0 0 auto;\n        }\n\n        .", " {\n          transition:\n            background ", " ", ",\n            box-shadow ", " ", ";\n        }\n\n        &:hover .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n\n        &:active .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n      "])),
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])),
 
 
 
@@ -27,82 +24,79 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-        globalClasses.box,
+    globalClasses.box,
 
-        t.transitionDuration, t.transitionTimingFunction,
-        t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
 
 
-        globalClasses.box,
-        t.checkboxHoverBg,
-        t.checkboxShadowHover,
+    globalClasses.box,
+    t.checkboxHoverBg,
+    t.checkboxShadowHover,
 
 
-        globalClasses.box,
-        t.checkboxShadowActive,
-        t.checkboxActiveBg);
+    globalClasses.box,
+    t.checkboxShadowActive,
+    t.checkboxActiveBg);
 
 
-      },
+  },
 
-      rootSmall: function rootSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(
-          t.checkboxFontSizeSmall,
-          t.checkboxLineHeightSmall,
-          t.checkboxPaddingYSmall,
-          t.checkboxBoxSizeSmall,
-          emotion
-        ));
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeSmall,
+      t.checkboxLineHeightSmall,
+      t.checkboxPaddingYSmall,
+      t.checkboxBoxSizeSmall
+    ));
 
-      },
+  },
 
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(
-          t.checkboxFontSizeMedium,
-          t.checkboxLineHeightMedium,
-          t.checkboxPaddingYMedium,
-          t.checkboxBoxSizeMedium,
-          emotion
-        ));
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeMedium,
+      t.checkboxLineHeightMedium,
+      t.checkboxPaddingYMedium,
+      t.checkboxBoxSizeMedium
+    ));
 
-      },
+  },
 
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(
-          t.checkboxFontSizeLarge,
-          t.checkboxLineHeightLarge,
-          t.checkboxPaddingYLarge,
-          t.checkboxBoxSizeLarge,
-          emotion
-        ));
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeLarge,
+      t.checkboxLineHeightLarge,
+      t.checkboxPaddingYLarge,
+      t.checkboxBoxSizeLarge
+    ));
 
-      },
+  },
 
-      rootDisableTextSelect: function rootDisableTextSelect() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        user-select: none;\n      "])));
+  rootDisableTextSelect: function rootDisableTextSelect() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
 
-      },
+  },
 
-      rootChecked: function rootChecked(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:hover .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n\n        &:active .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n      "])),
-        globalClasses.box,
-        t.checkboxCheckedHoverShadow,
-        t.checkboxCheckedHoverBg,
+  rootChecked: function rootChecked(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+    globalClasses.box,
+    t.checkboxCheckedHoverShadow,
+    t.checkboxCheckedHoverBg,
 
 
-        globalClasses.box,
-        t.checkboxCheckedActiveBg,
-        t.checkboxCheckedActiveShadow);
+    globalClasses.box,
+    t.checkboxCheckedActiveBg,
+    t.checkboxCheckedActiveShadow);
 
 
-      },
+  },
 
-      rootFallback: function rootFallback() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-table;\n\n        & > * {\n          // fix root's :active state in IE11 that gets blocked by nested elements\n          pointer-events: none;\n        }\n      "])));
+  rootFallback: function rootFallback() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    "])));
 
 
 
@@ -110,75 +104,72 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      rootWrapperIE11: function rootWrapperIE11() {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline;\n      "])));
+  rootWrapperIE11: function rootWrapperIE11() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
-      },
+  },
 
-      boxWrapper: function boxWrapper(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])),
+  boxWrapper: function boxWrapper(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])),
 
 
-        t.checkboxBorderWidth);
+    t.checkboxBorderWidth);
 
 
 
 
 
 
-      },
+  },
 
-      boxWrapperSmall: function boxWrapperSmall(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeSmall,
-          t.checkboxBoxSizeSmall,
-          t.checkboxBoxOffsetY,
-          emotion
-        ));
+  boxWrapperSmall: function boxWrapperSmall(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeSmall,
+      t.checkboxBoxSizeSmall,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      boxWrapperMedium: function boxWrapperMedium(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeMedium,
-          t.checkboxBoxSizeMedium,
-          t.checkboxBoxOffsetY,
-          emotion
-        ));
+  boxWrapperMedium: function boxWrapperMedium(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeMedium,
+      t.checkboxBoxSizeMedium,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      boxWrapperLarge: function boxWrapperLarge(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeLarge,
-          t.checkboxBoxSizeLarge,
-          t.checkboxBoxOffsetY,
-          emotion
-        ));
+  boxWrapperLarge: function boxWrapperLarge(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeLarge,
+      t.checkboxBoxSizeLarge,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      box: function box(t) {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        box-shadow: ", ";\n        background: ", ";\n        border-radius: ", ";\n        height: 100%;\n      "])),
-        t.checkboxTextColorDefault,
-        t.checkboxShadow,
-        t.checkboxBg,
-        t.checkboxBorderRadius);
+  box: function box(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
+    t.checkboxTextColorDefault,
+    t.checkboxShadow,
+    t.checkboxBg,
+    t.checkboxBorderRadius);
 
 
-      },
+  },
 
-      input: function input() {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n        z-index: -1;\n      "])));
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
 
 
 
@@ -186,57 +177,57 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      boxWarning: function boxWarning(t) {
-        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxWarning: function boxWarning(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
 
-      },
+  },
 
-      boxError: function boxError(t) {
-        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxError: function boxError(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorError);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorError);
 
-      },
+  },
 
-      boxChecked: function boxChecked(t) {
-        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n      "])),
-        t.checkboxCheckedBg,
-        t.checkboxCheckedColor,
-        t.checkboxCheckedShadow);
+  boxChecked: function boxChecked(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    t.checkboxCheckedBg,
+    t.checkboxCheckedColor,
+    t.checkboxCheckedShadow);
 
-      },
+  },
 
-      boxFocus: function boxFocus(t) {
-        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxFocus: function boxFocus(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
 
-      },
+  },
 
-      boxDisabled: function boxDisabled(t) {
-        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: ", " !important; // override hover and active\n        background: ", " !important; // override hover and active\n        color: ", ";\n      "])),
-        t.checkboxShadowDisabled,
-        t.checkboxBgDisabled,
-        t.checkboxTextColorDisabled);
+  boxDisabled: function boxDisabled(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
+    t.checkboxShadowDisabled,
+    t.checkboxBgDisabled,
+    t.checkboxTextColorDisabled);
 
-      },
+  },
 
-      disabled: function disabled(t) {
-        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
-        t.checkboxTextColorDisabled);
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    t.checkboxTextColorDisabled);
 
 
-      },
+  },
 
-      icon: function icon() {
-        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      "])));
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
 
 
 
@@ -246,24 +237,24 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      iconUnchecked: function iconUnchecked() {
-        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\n      "])));
+  iconUnchecked: function iconUnchecked() {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
-      },
+  },
 
-      caption: function caption(t) {
-        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding-left: ", ";\n      "])),
-        t.checkboxTextColorDefault,
-        t.checkboxCaptionGap);
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    t.checkboxTextColorDefault,
+    t.checkboxCaptionGap);
 
-      },
+  },
 
-      captionIE11: function captionIE11() {
-        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: table-cell;\n      "])));
+  captionIE11: function captionIE11() {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
 
 
-      }
-    }));};
+  }
+});

package/cjs/components/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Checkbox","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","globalClasses","exports","prefix","box","getStyles","emotion","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","checkboxSizeMixin","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        display: inline-flex;\n        align-items: baseline;\n        cursor: pointer;\n        position: relative;\n\n        &::before {\n          // non-breaking space.\n          // makes a correct space for absolutely positioned box,\n          // and also height and baseline for checkbox without caption.\n          content: '\\\\00A0';\n          display: inline-block;\n          flex: 0 0 auto;\n        }\n\n        .${globalClasses.box} {\n          transition:\n            background ${t.transitionDuration} ${t.transitionTimingFunction},\n            box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n        }\n\n        &:hover .${globalClasses.box} {\n          background: ${t.checkboxHoverBg};\n          box-shadow: ${t.checkboxShadowHover};\n        }\n\n        &:active .${globalClasses.box} {\n          box-shadow: ${t.checkboxShadowActive};\n          background: ${t.checkboxActiveBg};\n        }\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${checkboxSizeMixin(\n          t.checkboxFontSizeSmall,\n          t.checkboxLineHeightSmall,\n          t.checkboxPaddingYSmall,\n          t.checkboxBoxSizeSmall,\n          emotion,\n        )};\n      `;\n    },\n\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${checkboxSizeMixin(\n          t.checkboxFontSizeMedium,\n          t.checkboxLineHeightMedium,\n          t.checkboxPaddingYMedium,\n          t.checkboxBoxSizeMedium,\n          emotion,\n        )};\n      `;\n    },\n\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${checkboxSizeMixin(\n          t.checkboxFontSizeLarge,\n          t.checkboxLineHeightLarge,\n          t.checkboxPaddingYLarge,\n          t.checkboxBoxSizeLarge,\n          emotion,\n        )};\n      `;\n    },\n\n    rootDisableTextSelect() {\n      return emotion.css`\n        user-select: none;\n      `;\n    },\n\n    rootChecked(t: Theme) {\n      return emotion.css`\n        &:hover .${globalClasses.box} {\n          box-shadow: ${t.checkboxCheckedHoverShadow};\n          background: ${t.checkboxCheckedHoverBg};\n        }\n\n        &:active .${globalClasses.box} {\n          background: ${t.checkboxCheckedActiveBg};\n          box-shadow: ${t.checkboxCheckedActiveShadow};\n        }\n      `;\n    },\n\n    rootFallback() {\n      return emotion.css`\n        display: inline-table;\n\n        & > * {\n          // fix root's :active state in IE11 that gets blocked by nested elements\n          pointer-events: none;\n        }\n      `;\n    },\n\n    rootWrapperIE11() {\n      return emotion.css`\n        display: inline;\n      `;\n    },\n\n    boxWrapper(t: Theme) {\n      return emotion.css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n    },\n\n    boxWrapperSmall(t: Theme) {\n      return emotion.css`\n        ${boxWrapperSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.checkboxFontSizeSmall,\n          t.checkboxBoxSizeSmall,\n          t.checkboxBoxOffsetY,\n          emotion,\n        )};\n      `;\n    },\n\n    boxWrapperMedium(t: Theme) {\n      return emotion.css`\n        ${boxWrapperSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.checkboxFontSizeMedium,\n          t.checkboxBoxSizeMedium,\n          t.checkboxBoxOffsetY,\n          emotion,\n        )};\n      `;\n    },\n\n    boxWrapperLarge(t: Theme) {\n      return emotion.css`\n        ${boxWrapperSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.checkboxFontSizeLarge,\n          t.checkboxBoxSizeLarge,\n          t.checkboxBoxOffsetY,\n          emotion,\n        )};\n      `;\n    },\n\n    box(t: Theme) {\n      return emotion.css`\n        color: ${t.checkboxTextColorDefault};\n        box-shadow: ${t.checkboxShadow};\n        background: ${t.checkboxBg};\n        border-radius: ${t.checkboxBorderRadius};\n        height: 100%;\n      `;\n    },\n\n    input() {\n      return emotion.css`\n        display: inline-block;\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n        z-index: -1;\n      `;\n    },\n\n    boxWarning(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n          0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n      `;\n    },\n\n    boxError(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n          0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n      `;\n    },\n\n    boxChecked(t: Theme) {\n      return emotion.css`\n        background: ${t.checkboxCheckedBg};\n        color: ${t.checkboxCheckedColor};\n        box-shadow: ${t.checkboxCheckedShadow};\n      `;\n    },\n\n    boxFocus(t: Theme) {\n      return emotion.css`\n        box-shadow:\n          inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n          0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n      `;\n    },\n\n    boxDisabled(t: Theme) {\n      return emotion.css`\n        box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n        background: ${t.checkboxBgDisabled} !important; // override hover and active\n        color: ${t.checkboxTextColorDisabled};\n      `;\n    },\n\n    disabled(t: Theme) {\n      return emotion.css`\n        color: ${t.checkboxTextColorDisabled};\n        cursor: default;\n      `;\n    },\n\n    icon() {\n      return emotion.css`\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      `;\n    },\n\n    iconUnchecked() {\n      return emotion.css`\n        color: transparent;\n      `;\n    },\n\n    caption(t: Theme) {\n      return emotion.css`\n        color: ${t.checkboxTextColorDefault};\n        padding-left: ${t.checkboxCaptionGap};\n      `;\n    },\n\n    captionIE11() {\n      return emotion.css`\n        display: table-cell;\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Checkbox","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","globalClasses","exports","prefix","box","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","checkboxSizeMixin","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ComboBox/ComboBox.d.ts

@@ -6,7 +6,8 @@ import type { ShowClearIcon, InputIconType } from '../Input';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
-export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+import type { MaskedInputProps } from '../MaskedInput';
+export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>, CommonProps {
     /** Показывать иконку очистки значения в непустом поле:
      * - `always` — всегда показывать иконку
      * - `auto` — показывать иконку при hover/focus
@@ -186,6 +187,11 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
      * @public
      */
     reset(): void;
+    /**
+     * Изменяет значение combobox
+     * @public
+     */
+    setValue(value: T): void;
     render(): React.JSX.Element;
     private customComboBoxRef;
 }

package/cjs/components/ComboBox/ComboBox.js

@@ -187,6 +187,9 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 
 
 
+
+
+
 
 
 
@@ -294,6 +297,16 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
 
 
 
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -330,4 +343,7 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never' }, _ComboBox)) || _class;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}} /**
+   * Изменяет значение combobox
+   * @public
+   */;_proto.setValue = function setValue(value) {if (this.comboboxElement) {this.comboboxElement.changeValue(value);}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never' }, _ComboBox)) || _class;