@salutejs/plasma-new-hope 0.337.0-canary.2247.17854524722.0 → 0.337.0-canary.2253.17999209101.0

package/cjs/utils/scopeTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAK;AACjE,EAAA,IAAMC,UAAQ,GAAGC,gCAAuB,CAACH,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACE,UAAQ,CAACE,MAAM,EAAE;IAClBH,KAAK,CAACI,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,UAAQ,CAACD,KAAK,CAACM,QAAQ,GAAG,CAAC,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIV,IAAI,KAAKS,QAAQ,CAACC,aAAa,CAAA;;AAExG;EACA,IAAI,CAACF,oBAAoB,EAAE;AACvB,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAP,KAAK,CAACI,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,UAAQ,CAACD,KAAK,CAACM,QAAQ,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}
+{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable || !activeFocusTrap) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,UAAQ,GAAGC,gCAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,UAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;;AAExG;AACA,EAAA,IAAI,CAACF,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}

package/emotion/cjs/components/Modal/Modal.js

@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
 var Popup = (0, _engines.component)(_Popup.popupConfig);
 var modalRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -139,6 +139,7 @@ var modalRoot = function(Root) {
             "closeOnEsc",
             "closeOnOverlayClick",
             "withBlur",
+            "isFocusTrapped",
             "initialFocusRef",
             "focusAfterRef",
             "zIndex",
@@ -154,7 +155,7 @@ var modalRoot = function(Root) {
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
+        var trapRef = (0, _hooks.useFocusTrap)(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
         var popupController = (0, _Popup.usePopupContext)();
         var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
         var uniqId = (0, _utils.safeUseId)();

package/emotion/cjs/components/Tooltip/Tooltip.styles.js

@@ -24,16 +24,16 @@ function _interop_require_default(obj) {
     };
 }
 var TooltipRoot = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ejpavjy0",
+    target: "e1au8eur0",
     label: "TooltipRoot"
-})("padding:var(", _Tooltiptokens.tokens.paddingTop, ") var(", _Tooltiptokens.tokens.paddingRight, ") var(", _Tooltiptokens.tokens.paddingBottom, ")\n        var(", _Tooltiptokens.tokens.paddingLeft, ");min-height:var(", _Tooltiptokens.tokens.minHeight, ");box-sizing:border-box;background-color:var(", _Tooltiptokens.tokens.backgroundColor, ");border-radius:var(", _Tooltiptokens.tokens.borderRadius, ");box-shadow:var(", _Tooltiptokens.tokens.boxShadow, ");color:var(", _Tooltiptokens.tokens.color, ");font-family:var(", _Tooltiptokens.tokens.textFontFamily, ");font-size:var(", _Tooltiptokens.tokens.textFontSize, ");font-style:var(", _Tooltiptokens.tokens.textFontStyle, ");font-weight:var(", _Tooltiptokens.tokens.textFontWeight, ");letter-spacing:var(", _Tooltiptokens.tokens.textFontLetterSpacing, ");line-height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");max-width:", function(param) {
+})("display:flex;align-items:center;padding:var(", _Tooltiptokens.tokens.paddingTop, ") var(", _Tooltiptokens.tokens.paddingRight, ") var(", _Tooltiptokens.tokens.paddingBottom, ")\n        var(", _Tooltiptokens.tokens.paddingLeft, ");min-height:var(", _Tooltiptokens.tokens.minHeight, ");max-width:", function(param) {
     var maxWidth = param.maxWidth;
     return maxWidth || 'unset';
 }, ";min-width:", function(param) {
     var minWidth = param.minWidth;
     return minWidth || 'unset';
-}, ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMubWluSGVpZ2h0fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIn0= */");
+}, ";width:max-content;background-color:var(", _Tooltiptokens.tokens.backgroundColor, ");border-radius:var(", _Tooltiptokens.tokens.borderRadius, ");box-shadow:var(", _Tooltiptokens.tokens.boxShadow, ");color:var(", _Tooltiptokens.tokens.color, ");font-family:var(", _Tooltiptokens.tokens.textFontFamily, ");font-size:var(", _Tooltiptokens.tokens.textFontSize, ");font-style:var(", _Tooltiptokens.tokens.textFontStyle, ");font-weight:var(", _Tooltiptokens.tokens.textFontWeight, ");letter-spacing:var(", _Tooltiptokens.tokens.textFontLetterSpacing, ");line-height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5taW5IZWlnaHR9KTtcbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJCIn0= */");
 var StyledContentLeft = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "ejpavjy1",
+    target: "e1au8eur1",
     label: "StyledContentLeft"
-})("display:flex;align-items:center;margin-right:var(", _Tooltiptokens.tokens.contentLeftMargin, ");height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMubWluSGVpZ2h0fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNpQyJ9 */");
+})("display:flex;align-items:center;margin-right:var(", _Tooltiptokens.tokens.contentLeftMargin, ");height:var(", _Tooltiptokens.tokens.textFontLineHeight, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ub29sdGlwL1Rvb2x0aXAuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Rvb2x0aXAvVG9vbHRpcC5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Rvb2x0aXAudG9rZW5zJztcbmltcG9ydCB7IFRvb2x0aXBQcm9wcyB9IGZyb20gJy4vVG9vbHRpcC50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwUm9vdCA9IHN0eWxlZC5kaXY8UGljazxUb29sdGlwUHJvcHMsICdtaW5XaWR0aCcgfCAnbWF4V2lkdGgnPj5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMucGFkZGluZ1JpZ2h0fSkgdmFyKCR7dG9rZW5zLnBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMucGFkZGluZ0xlZnR9KTtcblxuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy5taW5IZWlnaHR9KTtcbiAgICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ3Vuc2V0J307XG4gICAgbWluLXdpZHRoOiAkeyh7IG1pbldpZHRoIH0pID0+IG1pbldpZHRoIHx8ICd1bnNldCd9O1xuICAgIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0Rm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG5cbiAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRMZWZ0ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXJpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExlZnRNYXJnaW59KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0Rm9udExpbmVIZWlnaHR9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyJ9 */");

package/emotion/cjs/components/Tree/Tree.js

@@ -18,9 +18,9 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _rctree = /*#__PURE__*/ _interop_require_default(require("rc-tree"));
-var _utils = require("../../utils");
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _Treestyles = require("./Tree.styles");
-var _utils1 = require("./utils");
+var _utils = require("./utils");
 var _Treetokens = require("./Tree.tokens");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -168,7 +168,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var treeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
-        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
+        var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, variant = param.variant, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_singleLine = param.singleLine, singleLine = _param_singleLine === void 0 ? true : _param_singleLine, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
         var _useState = _sliced_to_array((0, _react.useState)(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
         var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
         var isRadioMode = mode === 'radio' && !multiple;
@@ -184,10 +184,11 @@ var treeRoot = function(Root) {
         var invertedClass = arrowPlacement === 'right' ? _Treetokens.classes.treeInverted : undefined;
         var itemFilledClass = fullWidthItemSelection ? _Treetokens.classes.treeItemFilled : undefined;
         var radioModeClass = isRadioMode ? _Treetokens.classes.treeRadioMode : undefined;
+        var tightVariantClass = variant === 'tight' ? _Treetokens.classes.treeTightVariant : undefined;
         // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
         // чтобы соблюсти иерархию вложенности в UI.
         var treeData = (0, _react.useMemo)(function() {
-            return (0, _utils1.traverseTree)(items, selectedKeys);
+            return (0, _utils.traverseTree)(items, selectedKeys);
         }, [
             items,
             selectedKeys
@@ -195,6 +196,7 @@ var treeRoot = function(Root) {
         return /*#__PURE__*/ _react.default.createElement(Root, {
             view: view,
             size: size,
+            variant: variant,
             ref: ref,
             items: items
         }, /*#__PURE__*/ _react.default.createElement(_rctree.default, _object_spread_props(_object_spread({
@@ -203,7 +205,7 @@ var treeRoot = function(Root) {
             virtual: virtual,
             multiple: multiple,
             checkable: checkable,
-            className: (0, _utils.cx)(className, invertedClass, itemFilledClass, radioModeClass),
+            className: (0, _classnames.default)(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass),
             defaultExpandAll: defaultExpandAll,
             autoExpandParent: autoExpandParent,
             style: {
@@ -227,20 +229,23 @@ var treeRoot = function(Root) {
                     return null;
                 }
                 return /*#__PURE__*/ _react.default.createElement(_Treestyles.IconArrowWrapper, null, /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledArrow, {
-                    size: (0, _utils1.sizeToIconSize)(size),
+                    size: (0, _utils.sizeToIconSize)(size),
                     color: "inherit",
                     className: "arrow"
                 }));
             },
             icon: hasIcon && (icon || /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledFolder, {
-                size: (0, _utils1.sizeToIconSize)(size),
+                size: (0, _utils.sizeToIconSize)(size),
                 color: "inherit"
             })),
             titleRender: function(item) {
                 return /*#__PURE__*/ _react.default.createElement(_Treestyles.TitleWrapper, {
                     fullWidthItemSelection: fullWidthItemSelection,
-                    arrowPlacement: arrowPlacement
-                }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
+                    arrowPlacement: arrowPlacement,
+                    singleLine: singleLine
+                }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, {
+                    singleLine: singleLine
+                }, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
             },
             draggable: draggable,
             onDragStart: onDragStart,