@skbkontur/react-ui 5.6.9-5e213.0 → 5.6.10

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","css","_taggedTemplateLiteral2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  checkboxBoxSize: string,\n  paddingX: string,\n) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} ${paddingX};\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n  checkboxPaddingX: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n    left: ${checkboxPaddingX};\n  `;\n};\n"],"mappings":"uVAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA,yDAA2G,IAAAG,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACb;EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA;EACON,UAAU;EACZD,QAAQ;EACVE,QAAQ,EAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAEM,IAAMK,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCT,QAAgB;AAChBG,eAAuB;AACvBO,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACb,QAAQ,CAAC;EACtC,IAAMe,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,WAAOb,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA;EACCJ,eAAe;EACdA,eAAe;EACNO,kBAAkB,EAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","css","_taggedTemplateLiteralLoose2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n  fontSize: string,\n  lineHeight: string,\n  paddingY: string,\n  checkboxBoxSize: string,\n  paddingX: string,\n) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} ${paddingX};\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n  checkboxPaddingX: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n    left: ${checkboxPaddingX};\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA,yDAA2G,IAAAG,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5BE,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACb;EACH,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;EACON,UAAU;EACZD,QAAQ;EACVE,QAAQ,EAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAEM,IAAMK,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCT,QAAgB;AAChBG,eAAuB;AACvBO,kBAA0B;AAC1BC,gBAAwB;AACrB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACb,QAAQ,CAAC;EACtC,IAAMe,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,WAAOb,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;EACCJ,eAAe;EACdA,eAAe;EACNO,kBAAkB,EAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));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,7 +9,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.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    "])),
+    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    "])),
 
 
 
@@ -43,7 +43,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.checkboxSizeMixin)(
       t.checkboxFontSizeSmall,
       t.checkboxLineHeightSmall,
@@ -55,7 +55,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.checkboxSizeMixin)(
       t.checkboxFontSizeMedium,
       t.checkboxLineHeightMedium,
@@ -67,7 +67,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.checkboxSizeMixin)(
       t.checkboxFontSizeLarge,
       t.checkboxLineHeightLarge,
@@ -79,13 +79,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootDisableTextSelect: function rootDisableTextSelect() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      user-select: none;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
 
   },
 
   rootChecked: function rootChecked(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+    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,
@@ -99,7 +99,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootFallback: function rootFallback() {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.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    "])));
+    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,13 +110,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline;\n    "])));
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
   },
 
   boxWrapper: function boxWrapper(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;        \n    )};\n    "])),
+    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    )};\n    "])),
 
 
     t.checkboxBorderWidth);
@@ -128,7 +128,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWrapperSmall: function boxWrapperSmall(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.boxWrapperSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.checkboxFontSizeSmall,
@@ -140,7 +140,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWrapperMedium: function boxWrapperMedium(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.boxWrapperSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.checkboxFontSizeMedium,
@@ -152,7 +152,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWrapperLarge: function boxWrapperLarge(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n      ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
     (0, _Checkbox.boxWrapperSizeMixin)(
       t.labGrotesqueBaselineCompensation,
       t.checkboxFontSizeLarge,
@@ -164,7 +164,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   box: function box(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
+    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,
@@ -174,7 +174,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+    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    "])));
 
 
 
@@ -185,7 +185,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxWarning: function boxWarning(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    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);
@@ -193,7 +193,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxError: function boxError(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    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);
@@ -201,7 +201,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxChecked: function boxChecked(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
     t.checkboxCheckedBg,
     t.checkboxCheckedColor,
     t.checkboxCheckedShadow);
@@ -209,7 +209,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxFocus: function boxFocus(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
+    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);
@@ -217,7 +217,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   boxDisabled: function boxDisabled(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
+    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);
@@ -225,14 +225,14 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
     t.checkboxTextColorDisabled);
 
 
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2.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    "])));
+    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    "])));
 
 
 
@@ -245,20 +245,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2.default)(["\n      color: transparent;\n    "])));
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
     t.checkboxTextColorDefault,
     t.checkboxCaptionGap);
 
   },
 
   captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2.default)(["\n      display: table-cell;\n    "])));
+    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","styles","memoizeStyle","root","t","css","_taggedTemplateLiteral2","default","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","checkboxSizeMixin","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","checkboxPaddingXSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","checkboxPaddingXMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","checkboxPaddingXLarge","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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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    )};\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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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":[]}
+{"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","checkboxPaddingXSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","checkboxPaddingXMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","checkboxPaddingXLarge","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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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    )};\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        t.checkboxPaddingXSmall,\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        t.checkboxPaddingXMedium,\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        t.checkboxPaddingXLarge,\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/Checkbox/CheckedIcon.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CheckedIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckedIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _iconSizer = require("../../internal/icons2022/iconSizer");
 var _CheckAIcon16Solid = require("../../internal/icons2022/CheckAIcon/CheckAIcon16Solid");

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_CheckAIcon16Solid","_CheckAIcon20Solid","CheckedIcon","exports","iconSizer","small","default","createElement","CheckAIcon16Solid","size","medium","large","CheckAIcon20Solid"],"sources":["CheckedIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { CheckAIcon16Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon16Solid';\nimport { CheckAIcon20Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon20Solid';\n\nexport const CheckedIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Solid size={12} />,\n    medium: () => <CheckAIcon16Solid />,\n    large: () => <CheckAIcon20Solid />,\n  },\n  'CheckedIcon',\n);\n"],"mappings":"qMAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEO,IAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB,IAACC,IAAI,EAAE,EAAG,EAAE,CAAC;IAC5CC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB,MAAE,CAAC;IACnCG,KAAK,EAAE,SAAAA,MAAA,uBAAMf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,kBAAA,CAAAW,iBAAiB,MAAE,CAAC;EACpC,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_CheckAIcon16Solid","_CheckAIcon20Solid","CheckedIcon","exports","iconSizer","small","default","createElement","CheckAIcon16Solid","size","medium","large","CheckAIcon20Solid"],"sources":["CheckedIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { CheckAIcon16Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon16Solid';\nimport { CheckAIcon20Solid } from '../../internal/icons2022/CheckAIcon/CheckAIcon20Solid';\n\nexport const CheckedIcon = iconSizer(\n  {\n    small: () => <CheckAIcon16Solid size={12} />,\n    medium: () => <CheckAIcon16Solid />,\n    large: () => <CheckAIcon20Solid />,\n  },\n  'CheckedIcon',\n);\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;;AAEO,IAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB,IAACC,IAAI,EAAE,EAAG,EAAE,CAAC;IAC5CC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAQ,iBAAiB,MAAE,CAAC;IACnCG,KAAK,EAAE,SAAAA,MAAA,uBAAMf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,kBAAA,CAAAW,iBAAiB,MAAE,CAAC;EACpC,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Checkbox/IndeterminateIcon.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.IndeterminateIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.IndeterminateIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _iconSizer = require("../../internal/icons2022/iconSizer");
 var _ShapeSquareIcon16Solid = require("../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid");

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_ShapeSquareIcon16Solid","IndeterminateIcon","exports","iconSizer","small","default","createElement","ShapeSquareIcon16Solid","size","medium","large"],"sources":["IndeterminateIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ShapeSquareIcon16Solid } from '../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid';\n\nexport const IndeterminateIcon = iconSizer(\n  {\n    small: () => <ShapeSquareIcon16Solid size={6} />,\n    medium: () => <ShapeSquareIcon16Solid size={8} />,\n    large: () => <ShapeSquareIcon16Solid size={10} />,\n  },\n  'IndeterminateIcon',\n);\n"],"mappings":"2MAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;;AAEO,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,oBAAS;EACxC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,CAAE,EAAE,CAAC;IAChDC,MAAM,EAAE,SAAAA,OAAA,uBAAMb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,CAAE,EAAE,CAAC;IACjDE,KAAK,EAAE,SAAAA,MAAA,uBAAMd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,EAAG,EAAE,CAAC;EACnD,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_iconSizer","_ShapeSquareIcon16Solid","IndeterminateIcon","exports","iconSizer","small","default","createElement","ShapeSquareIcon16Solid","size","medium","large"],"sources":["IndeterminateIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\nimport { ShapeSquareIcon16Solid } from '../../internal/icons2022/ShapeSquareIcon/ShapeSquareIcon16Solid';\n\nexport const IndeterminateIcon = iconSizer(\n  {\n    small: () => <ShapeSquareIcon16Solid size={6} />,\n    medium: () => <ShapeSquareIcon16Solid size={8} />,\n    large: () => <ShapeSquareIcon16Solid size={10} />,\n  },\n  'IndeterminateIcon',\n);\n"],"mappings":"uKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;;AAEO,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,oBAAS;EACxC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,CAAE,EAAE,CAAC;IAChDC,MAAM,EAAE,SAAAA,OAAA,uBAAMb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,CAAE,EAAE,CAAC;IACjDE,KAAK,EAAE,SAAAA,MAAA,uBAAMd,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,sBAAsB,IAACC,IAAI,EAAE,EAAG,EAAE,CAAC;EACnD,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Checkbox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: 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;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _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,"names":["_Checkbox","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './Checkbox';\n"],"mappings":"2EAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,SAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_Checkbox","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './Checkbox';\n"],"mappings":"uCAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ComboBox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComboBox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
 var _CustomComboBox = require("../../internal/CustomComboBox");
@@ -8,7 +8,7 @@ var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
 var _rootNode = require("../../lib/rootNode");
-var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _ComboBox;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _ComboBox;
 
 
 
@@ -212,7 +212,7 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 /**
  * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */var
 
-ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {function ComboBox() {var _this;(0, _classCallCheck2.default)(this, ComboBox);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ComboBox, [].concat(args));_this.
+ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {function ComboBox() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -319,26 +319,26 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
     customComboBoxRef = function (element) {
       _this.setRootNode(element);
       _this.comboboxElement = element;
-    };return _this;}(0, _inherits2.default)(ComboBox, _React$Component);return (0, _createClass2.default)(ComboBox, [{ key: "focus", value: /** Программно устанавливает фокус на комбобокс.
-     * @public
-     */function focus(opts) {if (this.comboboxElement) {this.comboboxElement.focus(opts);}} /** Программно снимает фокус с комбобокса.
-     * @public
-     */ }, { key: "blur", value: function blur() {if (this.comboboxElement) {this.comboboxElement.blur();}} /** Открывает список значений и запускает поиск.
-     *
-     * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.
-     *
-     * @public
-     * @param {string} [query] Текст поиска.`
-     */ }, { key: "search", value: function search(query) {if (this.comboboxElement) {this.comboboxElement.search(query);}} /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.
-     * @public
-     */ }, { key: "cancelSearch", value: function cancelSearch() {if (this.comboboxElement) {this.comboboxElement.cancelSearch();}} /** Открывает выпадающий список.
-     * @public
-     */ }, { key: "open", value: function open() {if (this.comboboxElement) {this.comboboxElement.open();}} /** Закрывает выпадающий список.
-     * @public
-     */ }, { key: "close", value: function close() {if (this.comboboxElement) {this.comboboxElement.close();}} /**
-     * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.
-     * @public
-     */ }, { key: "selectInputText", value: function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
-     * Сбрасывает введённое пользователем значение без изменения `value`.
-     * @public
-     */ }, { key: "reset", value: function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));} }]);}(_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', viewMode: 'singleline' }, _ComboBox)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(ComboBox, _React$Component);var _proto = ComboBox.prototype; /** Программно устанавливает фокус на комбобокс.
+   * @public
+   */_proto.focus = function focus(opts) {if (this.comboboxElement) {this.comboboxElement.focus(opts);}} /** Программно снимает фокус с комбобокса.
+   * @public
+   */;_proto.blur = function blur() {if (this.comboboxElement) {this.comboboxElement.blur();}} /** Открывает список значений и запускает поиск.
+   *
+   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.
+   *
+   * @public
+   * @param {string} [query] Текст поиска.`
+   */;_proto.search = function search(query) {if (this.comboboxElement) {this.comboboxElement.search(query);}} /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.
+   * @public
+   */;_proto.cancelSearch = function cancelSearch() {if (this.comboboxElement) {this.comboboxElement.cancelSearch();}} /** Открывает выпадающий список.
+   * @public
+   */;_proto.open = function open() {if (this.comboboxElement) {this.comboboxElement.open();}} /** Закрывает выпадающий список.
+   * @public
+   */;_proto.close = function close() {if (this.comboboxElement) {this.comboboxElement.close();}} /**
+   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.
+   * @public
+   */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
+   * Сбрасывает введённое пользователем значение без изменения `value`.
+   * @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', viewMode: 'singleline' }, _ComboBox)) || _class;

package/cjs/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ComboBox","exports","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inherits2","_createClass2","key","value","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon","viewMode"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывает иконку очистки значения в заполненном поле.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Ввыравнивание текста в поле. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на комбобоксе после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку поля. */\n  borderless?: boolean;\n\n  /** По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n  disablePortal?: boolean;\n\n  /**  Поле становится недоступно для редактирования. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение поля на состояние «ошибка». */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Сравнивает полученные результаты с `value`. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Mаксимальная длина значения, которое пользователь может ввести в поле. */\n  maxLength?: number;\n\n  /** Расположение выпадающего списка — над или под полем.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Событие потери комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Событие изменения значения (`value`) в поле. */\n  onValueChange?: (value: T) => void;\n\n  /** Событие получения комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Событие, которое вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.\n   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Событие обработки ввода строки в поле ввода и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом поля строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента.\n   * Сама функция также может вернуть значение, не равное undefined, с которым будет вызван `onValueChange`. Если возвращаемое значение будет равно null, то сработает очистка текущего значения поля, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Отрисовывает элементы результата поиска.\n   * Не применяется, если элемент является функцией или React-элементом.\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Отображает сообщение о пустом результате поиска. При `renderAddButton` не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Отрисовывает кнопку добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Возвращает строковое представление `value`. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Размер комбобокса. */\n  size?: SizeProp;\n\n  /** Меняет визуальное отображение поля на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Ширина комбобокса. */\n  width?: string | number;\n\n  /** Максимальная высота выпадающего списка. */\n  maxMenuHeight?: number | string;\n\n  /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Событие наведения мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Событие ухода мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Событие нажатия кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задаёт типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Событие вставки значения в поле с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n  /** Режим отображения комбобокса:\n   * - `\"singleline\"` — однострочное поле;\n   * - `\"multiline\"` — многострочное поле;\n   * - `\"multiline-editing\"` — поле становится многострочным только при редактировании.\n   *\n   * Многострочные режимы не работают, если указан проп `mask`. В таком случае будет отображаться однострочное поле.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное количество отображаемых строк, если для поля добавлен проп многострочного режима  — `\"multiline\"` или `\"multiline-editing\"`. */\n  maxRows?: number;\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n    | 'viewMode'\n  >\n>;\n\n/**\n * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n    viewMode: 'singleline',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на комбобокс.\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /** Программно снимает фокус с комбобокса.\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /** Открывает список значений и запускает поиск.\n   *\n   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.\n   *\n   * @public\n   * @param {string} [query] Текст поиска.`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /** Открывает выпадающий список.\n   * @public\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /** Закрывает выпадающий список.\n   * @public\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введённое пользователем значение без изменения `value`.\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","ComboBox","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose2","default","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon","viewMode"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывает иконку очистки значения в заполненном поле.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Ввыравнивание текста в поле. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на комбобоксе после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку поля. */\n  borderless?: boolean;\n\n  /** По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n  disablePortal?: boolean;\n\n  /**  Поле становится недоступно для редактирования. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение поля на состояние «ошибка». */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Сравнивает полученные результаты с `value`. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Mаксимальная длина значения, которое пользователь может ввести в поле. */\n  maxLength?: number;\n\n  /** Расположение выпадающего списка — над или под полем.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Событие потери комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Событие изменения значения (`value`) в поле. */\n  onValueChange?: (value: T) => void;\n\n  /** Событие получения комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Событие, которое вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.\n   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Событие обработки ввода строки в поле ввода и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом поля строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента.\n   * Сама функция также может вернуть значение, не равное undefined, с которым будет вызван `onValueChange`. Если возвращаемое значение будет равно null, то сработает очистка текущего значения поля, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Отрисовывает элементы результата поиска.\n   * Не применяется, если элемент является функцией или React-элементом.\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Отображает сообщение о пустом результате поиска. При `renderAddButton` не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Отрисовывает кнопку добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Возвращает строковое представление `value`. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Размер комбобокса. */\n  size?: SizeProp;\n\n  /** Меняет визуальное отображение поля на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Ширина комбобокса. */\n  width?: string | number;\n\n  /** Максимальная высота выпадающего списка. */\n  maxMenuHeight?: number | string;\n\n  /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Событие наведения мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Событие ухода мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Событие нажатия кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задаёт типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Событие вставки значения в поле с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n  /** Режим отображения комбобокса:\n   * - `\"singleline\"` — однострочное поле;\n   * - `\"multiline\"` — многострочное поле;\n   * - `\"multiline-editing\"` — поле становится многострочным только при редактировании.\n   *\n   * Многострочные режимы не работают, если указан проп `mask`. В таком случае будет отображаться однострочное поле.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное количество отображаемых строк, если для поля добавлен проп многострочного режима  — `\"multiline\"` или `\"multiline-editing\"`. */\n  maxRows?: number;\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n    | 'viewMode'\n  >\n>;\n\n/**\n * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n    viewMode: 'singleline',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на комбобокс.\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /** Программно снимает фокус с комбобокса.\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /** Открывает список значений и запускает поиск.\n   *\n   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.\n   *\n   * @public\n   * @param {string} [query] Текст поиска.`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /** Открывает выпадающий список.\n   * @public\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /** Закрывает выпадающий список.\n   * @public\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введённое пользователем значение без изменения `value`.\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/ComboBox/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _ComboBox = require("./ComboBox");Object.keys(_ComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ComboBox[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _ComboBox[key];} });});
+"use strict";exports.__esModule = true;var _ComboBox = require("./ComboBox");Object.keys(_ComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ComboBox[key]) return;exports[key] = _ComboBox[key];});

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

@@ -1 +1 @@
-{"version":3,"names":["_ComboBox","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './ComboBox';\n"],"mappings":"2EAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,SAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_ComboBox","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './ComboBox';\n"],"mappings":"uCAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA","ignoreList":[]}