@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1,169 +1,195 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-left: 10px;\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: -2px;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n\n      & ", " {\n        box-shadow: ", " !important; //to override hover and active\n        background: ", " !important;\n        color: ", " !important;\n      }\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ", " {\n        box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ", " {\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n      }\n\n      &:hover ", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n      &:active ", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ", " {\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n      }\n\n      &:hover ", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active ", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ", " {\n        box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      & ", " {\n        box-shadow: inset 0 0 0 1px ", ", 0 0 0 ", " ", " !important;\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      opacity: 0;\n      width: 0;\n      height: 0;\n      position: absolute;\n      z-index: -1;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      flex: none;\n      font-size: 14px;\n      color: ", ";\n      border: ", ";\n      border-radius: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      align-self: baseline;\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table !important;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      user-select: none;\n      line-height: 20px;\n\n      &:hover ", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active ", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
+var _client = require("../../lib/client");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
-var styles = {
+var globalClasses = (0, _Emotion.prefix)('checkbox')({
+  box: 'box' });exports.globalClasses = globalClasses;
+
+
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      padding: ", " 0;\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\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        width: ", ";\n        flex: 0 0 auto;\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n      line-height: ", ";\n      font-size: ", ";\n      padding: ", " 0;\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\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        width: ", ";\n        flex: 0 0 auto;\n      }\n    "])),
 
 
 
 
+    t.checkboxLineHeight,
+    t.checkboxFontSize,
+    t.checkboxPaddingY,
 
+    globalClasses.box,
+    t.checkboxHoverBg,
+    t.checkboxShadowHover,
 
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbHoverBg,
-    t.chbShadowHover,
+    globalClasses.box,
+    t.checkboxShadowActive,
+    t.checkboxActiveBg,
 
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbShadowActive,
-    t.chbActiveBg);
 
 
-  },
 
-  rootFallback: function rootFallback() {
-    return (0, _Emotion.css)(_templateObject2());
 
 
-  },
 
-  rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject3());
+    t.checkboxBoxSize);
+
 
 
   },
 
-  box: function box(t) {
-    return (0, _Emotion.css)(_templateObject4(),
+  rootChecked: function rootChecked(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (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);
 
 
+  },
+
+  rootFallback: function rootFallback() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (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    "])));
+
 
 
 
 
-    t.textColorDefault,
-    t.chbBorder,
-    t.chbBorderRadius,
-    t.chbShadow,
-    t.chbBg);
 
 
   },
 
-  input: function input() {
-    return (0, _Emotion.css)(_templateObject5());
+  rootWrapperIE11: function rootWrapperIE11() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
+  },
 
+  boxWrapper: function boxWrapper(t) {
+    var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
+    var fontSize = parseInt(t.checkboxFontSize);
+    var baselineCompensation =
+    fontSize < 16 && !_client.isChrome ?
+    labGrotesqueCompenstation :
+    fontSize === 16 && _client.isChrome ?
+    -labGrotesqueCompenstation :
+    0;
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      width: ", ";\n      height: ", ";\n      box-sizing: border-box;\n      padding: ", ";\n      margin-top: calc(", " + ", "px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    "])),
 
+    t.checkboxBoxSize,
+    t.checkboxBoxSize,
 
+    t.checkboxBorderWidth,
+    t.checkboxBoxOffsetY, baselineCompensation);
 
 
-  },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.outlineColorFocus, t.chbShadowWidth, t.borderColorWarning);
 
 
   },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.outlineColorFocus, t.chbShadowWidth, t.borderColorError);
+  box: function box(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (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);
 
 
   },
 
-  checked: function checked(t) {
-    return (0, _Emotion.css)(_templateObject8(),
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbCheckedBg,
-    t.chbCheckedColor,
-    t.chbCheckedShadow,
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+
 
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbCheckedHoverShadow,
-    t.chbCheckedHoverBg,
 
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbCheckedActiveShadow,
-    t.chbCheckedActiveBg);
 
 
   },
 
-  indeterminate: function indeterminate(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbBoxIndeterminateBg,
-    t.chbIndeterminateBg,
-    t.chbCheckedShadow,
+  boxWarning: function boxWarning(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
 
+  },
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbCheckedHoverShadow,
-    t.chbCheckedHoverBg,
+  boxError: function boxError(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorError);
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbCheckedActiveShadow,
-    t.chbCheckedActiveBg);
+  },
 
+  boxChecked: function boxChecked(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    t.checkboxCheckedBg,
+    t.checkboxCheckedColor,
+    t.checkboxCheckedShadow);
 
   },
 
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.outlineColorFocus, t.chbShadowWidth, t.chbBorderColorFocus);
+  boxFocus: function boxFocus(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
 
+  },
+
+  boxDisabled: function boxDisabled(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (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 (0, _Emotion.css)(_templateObject11(),
-    t.textColorDisabled,
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    t.checkboxTextColorDisabled);
+
+
+  },
+
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\n    "])));
+
+
+
 
 
-    (0, _Emotion.cssName)(styles.box(t)),
-    t.chbShadowDisabled,
-    t.bgDisabled,
-    t.textColorDisabled);
 
 
-  },
 
-  iconFixBaseline: function iconFixBaseline() {
-    return (0, _Emotion.css)(_templateObject12());
 
 
-  },
 
-  iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject13());
 
 
   },
 
-  caption: function caption() {
-    return (0, _Emotion.css)(_templateObject14());
+  iconUnchecked: function iconUnchecked() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
   },
 
-  captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject15());
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    t.checkboxTextColorDefault,
+    t.checkboxCaptionGap);
 
+  },
 
-  } };
+  captionIE11: function captionIE11() {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Checkbox.styles.ts"],"names":["styles","root","t","css","box","chbHoverBg","chbShadowHover","chbShadowActive","chbActiveBg","rootFallback","rootWrapperIE11","textColorDefault","chbBorder","chbBorderRadius","chbShadow","chbBg","input","warning","outlineColorFocus","chbShadowWidth","borderColorWarning","error","borderColorError","checked","chbCheckedBg","chbCheckedColor","chbCheckedShadow","chbCheckedHoverShadow","chbCheckedHoverBg","chbCheckedActiveShadow","chbCheckedActiveBg","indeterminate","chbBoxIndeterminateBg","chbIndeterminateBg","focus","chbBorderColorFocus","disabled","textColorDisabled","chbShadowDisabled","bgDisabled","iconFixBaseline","iconUnchecked","caption","captionIE11","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      display: inline-flex;\r\n      align-items: baseline;\r\n      cursor: pointer;\r\n      position: relative;\r\n      user-select: none;\r\n      line-height: 20px;\r\n\r\n      &:hover ${cssName(styles.box(t))} {\r\n        background: ${t.chbHoverBg};\r\n        box-shadow: ${t.chbShadowHover};\r\n      }\r\n\r\n      &:active ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbShadowActive};\r\n        background: ${t.chbActiveBg};\r\n      }\r\n    `;\r\n  },\r\n\r\n  rootFallback() {\r\n    return css`\r\n      display: inline-table !important;\r\n    `;\r\n  },\r\n\r\n  rootWrapperIE11() {\r\n    return css`\r\n      display: inline;\r\n    `;\r\n  },\r\n\r\n  box(t: Theme) {\r\n    return css`\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      box-sizing: border-box;\r\n      width: 16px;\r\n      height: 16px;\r\n      flex: none;\r\n      font-size: 14px;\r\n      color: ${t.textColorDefault};\r\n      border: ${t.chbBorder};\r\n      border-radius: ${t.chbBorderRadius};\r\n      box-shadow: ${t.chbShadow};\r\n      background: ${t.chbBg};\r\n      align-self: baseline;\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      display: inline-block;\r\n      opacity: 0;\r\n      width: 0;\r\n      height: 0;\r\n      position: absolute;\r\n      z-index: -1;\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      & ${cssName(styles.box(t))} {\r\n        box-shadow: inset 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.chbShadowWidth} ${t.borderColorWarning} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      & ${cssName(styles.box(t))} {\r\n        box-shadow: inset 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.chbShadowWidth} ${t.borderColorError} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      & ${cssName(styles.box(t))} {\r\n        background: ${t.chbCheckedBg};\r\n        color: ${t.chbCheckedColor};\r\n        box-shadow: ${t.chbCheckedShadow};\r\n      }\r\n\r\n      &:hover ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbCheckedHoverShadow};\r\n        background: ${t.chbCheckedHoverBg};\r\n      }\r\n\r\n      &:active ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbCheckedActiveShadow};\r\n        background: ${t.chbCheckedActiveBg};\r\n      }\r\n    `;\r\n  },\r\n\r\n  indeterminate(t: Theme) {\r\n    return css`\r\n      & ${cssName(styles.box(t))} {\r\n        background: ${t.chbBoxIndeterminateBg};\r\n        color: ${t.chbIndeterminateBg};\r\n        box-shadow: ${t.chbCheckedShadow};\r\n      }\r\n\r\n      &:hover ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbCheckedHoverShadow};\r\n        background: ${t.chbCheckedHoverBg};\r\n      }\r\n      &:active ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbCheckedActiveShadow};\r\n        background: ${t.chbCheckedActiveBg};\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      & ${cssName(styles.box(t))} {\r\n        box-shadow: inset 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.chbShadowWidth} ${t.chbBorderColorFocus} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDisabled};\r\n      cursor: default;\r\n\r\n      & ${cssName(styles.box(t))} {\r\n        box-shadow: ${t.chbShadowDisabled} !important; //to override hover and active\r\n        background: ${t.bgDisabled} !important;\r\n        color: ${t.textColorDisabled} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  iconFixBaseline() {\r\n    return css`\r\n      margin-top: -2px;\r\n    `;\r\n  },\r\n\r\n  iconUnchecked() {\r\n    return css`\r\n      color: transparent;\r\n    `;\r\n  },\r\n\r\n  caption() {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n\r\n  captionIE11() {\r\n    return css`\r\n      display: table-cell;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Checkbox.styles.ts"],"names":["globalClasses","box","styles","root","t","css","checkboxLineHeight","checkboxFontSize","checkboxPaddingY","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","checkboxBoxSize","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","baselineCompensation","isChrome","checkboxBorderWidth","checkboxBoxOffsetY","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"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isChrome } from '../../lib/client';\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      line-height: ${t.checkboxLineHeight};\n      font-size: ${t.checkboxFontSize};\n      padding: ${t.checkboxPaddingY} 0;\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      &::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        width: ${t.checkboxBoxSize};\n        flex: 0 0 auto;\n      }\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    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation =\n      fontSize < 16 && !isChrome\n        ? labGrotesqueCompenstation\n        : fontSize === 16 && isChrome\n        ? -labGrotesqueCompenstation\n        : 0;\n    return css`\n      position: absolute;\n      width: ${t.checkboxBoxSize};\n      height: ${t.checkboxBoxSize};\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n      margin-top: calc(${t.checkboxBoxOffsetY} + ${baselineCompensation}px);\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\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: 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: 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: 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(t: Theme) {\n    return css`\n      position: absolute;\n      top: 0px;\n      bottom: 0px;\n      right: 0px;\n      left: 0px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        margin: -12.5% 0 0 0;\n      }\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"]}

package/cjs/components/Checkbox/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Checkbox = require("./Checkbox");Object.keys(_Checkbox).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Checkbox[key];});
+"use strict";exports.__esModule = true;var _Checkbox = require("./Checkbox");Object.keys(_Checkbox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Checkbox[key]) return;exports[key] = _Checkbox[key];});

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Checkbox';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Checkbox';\n"]}

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

@@ -1,7 +1,9 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 import { MenuItemState } from '../MenuItem';
-export interface ComboBoxProps<T> {
+import { InputIconType } from '../Input';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface ComboBoxProps<T> extends CommonProps {
     align?: 'left' | 'center' | 'right';
     /**
      * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
@@ -22,7 +24,12 @@ export interface ComboBoxProps<T> {
      */
     disablePortal?: boolean;
     disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
     error?: boolean;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
     /**
      * Функция поиска элементов, должна возвращать Promise с массивом элементов.
      * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
@@ -71,10 +78,12 @@ export interface ComboBoxProps<T> {
     renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
     /**
      * Функция для отрисовки сообщения о пустом результате поиска
+     * Если есть renderAddButton - не работает
      */
     renderNotFound?: () => React.ReactNode;
     /**
-     * Функция отображающаяя сообщение об общем количестве элементов
+     * Функция отображающая сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
      */
     renderTotalCount?: (found: number, total: number) => React.ReactNode;
     /**
@@ -103,6 +112,9 @@ export interface ComboBoxProps<T> {
      */
     valueToString: (item: T) => string;
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Cостояние валидации при предупреждении.
+     */
     warning?: boolean;
     width?: string | number;
     maxMenuHeight?: number | string;
@@ -110,6 +122,7 @@ export interface ComboBoxProps<T> {
     onMouseOver?: (e: React.MouseEvent) => void;
     onMouseLeave?: (e: React.MouseEvent) => void;
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
 }
 export interface ComboBoxItem {
     value: string;
@@ -127,6 +140,7 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
         drawArrow: boolean;
     };
     private comboboxElement;
+    private setRootNode;
     /**
      * @public
      */
@@ -136,8 +150,10 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
      */
     blur(): void;
     /**
-     * @public Открывает выпадающий список и запускает поиск элементов
-     * @param {string} [query] - Текст поиска. По умолчанию берется
+     * Открывает выпадающий список и запускает поиск элементов
+     *
+     * @public
+     * @param {string} [query] Текст поиска. По умолчанию берется
      * текст из инпута или результат `valueToString(value)`
      */
     search(query?: string): void;
@@ -164,4 +180,5 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
      */
     reset(): void;
     render(): JSX.Element;
+    private customComboBoxRef;
 }