@activecollab/components 2.0.403 → 2.0.405

package/dist/cjs/components/EditableContent/EditableContent.js

@@ -7,9 +7,15 @@ exports.EditableContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Styles = require("./Styles");
 var _utils = require("../../utils");
-var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid"];
+var _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid", "onMouseLeave"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
@@ -23,19 +29,40 @@ var EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardR
     wrapRef = _ref.wrapRef,
     children = _ref.children,
     invalid = _ref.invalid,
+    onMouseLeave = _ref.onMouseLeave,
     props = _objectWithoutProperties(_ref, _excluded);
   var intInputRef = (0, _react.useRef)(null);
   var handleRef = (0, _utils.useForkRef)(ref, intInputRef);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    suppressHover = _useState2[0],
+    setSuppressHover = _useState2[1];
   var handleBlur = (0, _react.useCallback)(function (evt) {
     if (intInputRef !== null && intInputRef !== void 0 && intInputRef.current) {
       intInputRef.current.scrollLeft = 0;
     }
     typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
   }, [inputProps]);
+  var handleKeyDown = (0, _react.useCallback)(function (evt) {
+    if (evt.key === "Enter" || evt.key === "Escape") {
+      setSuppressHover(true);
+    }
+    typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown) === "function" && inputProps.onKeyDown(evt);
+  }, [inputProps]);
+  var handleFocus = (0, _react.useCallback)(function (evt) {
+    setSuppressHover(false);
+    typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onFocus) === "function" && inputProps.onFocus(evt);
+  }, [inputProps]);
+  var handleMouseLeave = (0, _react.useCallback)(function (evt) {
+    setSuppressHover(false);
+    typeof onMouseLeave === "function" && onMouseLeave(evt);
+  }, [onMouseLeave]);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledDiv, _extends({
     className: className,
     ref: wrapRef
-  }, props), /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, {
+  }, props, {
+    onMouseLeave: handleMouseLeave
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledSpan, {
     variant: variant,
     forwardedAs: "span",
     weight: weight,
@@ -48,8 +75,11 @@ var EditableContent = exports.EditableContent = /*#__PURE__*/(0, _react.forwardR
     weight: weight,
     value: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
     onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
     disabled: disabled,
     "data-form-type": "other",
+    "data-hover-suppressed": suppressHover ? "" : undefined,
     invalid: invalid
   })));
 });

package/dist/cjs/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","props","intInputRef","useRef","handleRef","useForkRef","handleBlur","useCallback","evt","current","scrollLeft","onBlur","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","value","StyledInput","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableContent.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditableContent","exports","forwardRef","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","intInputRef","useRef","handleRef","useForkRef","_useState","useState","_useState2","suppressHover","setSuppressHover","handleBlur","useCallback","evt","current","scrollLeft","onBlur","handleKeyDown","key","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","StyledDiv","StyledSpan","forwardedAs","$disabled","StyledInput","undefined","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef, useState } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const [suppressHover, setSuppressHover] = useState(false);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        if (evt.key === \"Enter\" || evt.key === \"Escape\") {\n          setSuppressHover(true);\n        }\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        setSuppressHover(false);\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        setSuppressHover(false);\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={suppressHover ? \"\" : undefined}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableContent/Styles.js

@@ -34,7 +34,7 @@ StyledSpan.displayName = "StyledSpan";
 var StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
-})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}", ""], {
+})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}&:not([data-hover-suppressed]):hover{border-color:var(--color-theme-700);}", ""], {
   "position": "absolute",
   "inset": "0px",
   "boxSizing": "border-box",
@@ -48,9 +48,6 @@ var StyledInput = exports.StyledInput = (0, _styledComponents.default)(_Typograp
   ":focus-within": {
     "overflow": "scroll",
     "borderColor": "var(--color-theme-700)"
-  },
-  ":hover": {
-    "borderColor": "var(--color-theme-700)"
   }
 }, function (_ref4) {
   var invalid = _ref4.invalid;

package/dist/cjs/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","_ref","$multiline","css","StyledSpan","Typography","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledDiv","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","_ref","$multiline","css","StyledSpan","Typography","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  &:not([data-hover-suppressed]):hover {\n    border-color: var(--color-theme-700);\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Window/Window.js

@@ -48,6 +48,7 @@ var Window = exports.Window = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
       event.preventDefault();
+      event.stopPropagation();
       if (onClose) {
         onClose();
       }

package/dist/cjs/components/Window/Window.js.map

@@ -1 +1 @@
-{"version":3,"file":"Window.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_interopRequireDefault","_reactRemoveScroll","_classnames","_Style","_helpers","_utils","_useForkRef","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","returnFocus","preventScroll","Window","exports","forwardRef","_ref","ref","children","onClose","className","style","onKeyDown","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableCloseOnEs","disableCloseOnEsc","onClick","rest","innerRef","useRef","handleRef","useForkRef","_useLayerContext","useLayerContext","_useLayerContext$zInd","zIndex","layers","skyscraper","handleKeyDown","useCallback","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","createElement","Portal","disabled","RemoveScroll","forwardProps","enabled","noIsolation","StyledWindow","tabIndex","classnames","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport FocusLock from \"react-focus-lock\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classnames from \"classnames\";\n\nimport { StyledWindow } from \"./Style\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAgD,IAAAS,SAAA;AAAA,SAAAP,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,wBAAAW,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAhB,CAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAG,CAAA,GAAAoB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAF,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAc,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,QAAA1B,CAAA,EAAAK,CAAA,QAAAF,CAAA,GAAAc,MAAA,CAAAU,IAAA,CAAA3B,CAAA,OAAAiB,MAAA,CAAAW,qBAAA,QAAArB,CAAA,GAAAU,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,GAAAK,CAAA,KAAAE,CAAA,GAAAA,CAAA,CAAAsB,MAAA,WAAAxB,CAAA,WAAAY,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAK,CAAA,EAAAyB,UAAA,OAAA3B,CAAA,CAAA4B,IAAA,CAAAN,KAAA,CAAAtB,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAA6B,cAAAhC,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAkB,SAAA,CAAAC,MAAA,EAAAnB,CAAA,UAAAF,CAAA,WAAAoB,SAAA,CAAAlB,CAAA,IAAAkB,SAAA,CAAAlB,CAAA,QAAAA,CAAA,OAAAqB,OAAA,CAAAT,MAAA,CAAAd,CAAA,OAAA8B,OAAA,WAAA5B,CAAA,IAAA6B,eAAA,CAAAlC,CAAA,EAAAK,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAY,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAApC,CAAA,EAAAiB,MAAA,CAAAkB,yBAAA,CAAAhC,CAAA,KAAAuB,OAAA,CAAAT,MAAA,CAAAd,CAAA,GAAA8B,OAAA,WAAA5B,CAAA,IAAAY,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,EAAAY,MAAA,CAAAE,wBAAA,CAAAhB,CAAA,EAAAE,CAAA,iBAAAL,CAAA;AAAA,SAAAkC,gBAAAlC,CAAA,EAAAK,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAAgC,cAAA,CAAAhC,CAAA,MAAAL,CAAA,GAAAiB,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,IAAAiC,KAAA,EAAAnC,CAAA,EAAA2B,UAAA,MAAAS,YAAA,MAAAC,QAAA,UAAAxC,CAAA,CAAAK,CAAA,IAAAF,CAAA,EAAAH,CAAA;AAAA,SAAAqC,eAAAlC,CAAA,QAAAK,CAAA,GAAAiC,YAAA,CAAAtC,CAAA,uCAAAK,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAiC,aAAAtC,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAAuC,MAAA,CAAAC,WAAA,kBAAA3C,CAAA,QAAAQ,CAAA,GAAAR,CAAA,CAAAgB,IAAA,CAAAb,CAAA,EAAAE,CAAA,uCAAAG,CAAA,SAAAA,CAAA,YAAAoC,SAAA,yEAAAvC,CAAA,GAAAwC,MAAA,GAAAC,MAAA,EAAA3C,CAAA;AAAA,SAAA4C,yBAAA/C,CAAA,EAAAG,CAAA,gBAAAH,CAAA,iBAAAO,CAAA,EAAAF,CAAA,EAAAG,CAAA,GAAAwC,6BAAA,CAAAhD,CAAA,EAAAG,CAAA,OAAAc,MAAA,CAAAW,qBAAA,QAAAtB,CAAA,GAAAW,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAC,CAAA,CAAAkB,MAAA,EAAAnB,CAAA,IAAAE,CAAA,GAAAD,CAAA,CAAAD,CAAA,UAAAF,CAAA,CAAA8C,OAAA,CAAA1C,CAAA,QAAA2C,oBAAA,CAAAlC,IAAA,CAAAhB,CAAA,EAAAO,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAP,CAAA,CAAAO,CAAA,aAAAC,CAAA;AAAA,SAAAwC,8BAAA3C,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAC,CAAA,gBAAAN,CAAA,CAAAiD,OAAA,CAAA3C,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;AAShD,IAAMgD,WAAW,GAAG;EAAEC,aAAa,EAAE;AAAK,CAAC;AAEpC,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAI9B,UAAAC,IAAA,EAaEC,GAAG,EACA;EAAA,IAZDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,qBAAA,GAAAP,IAAA,CACTQ,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAT,IAAA,CACxBU,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACzBY,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACzBE,OAAO,GAAAb,IAAA,CAAPa,OAAO;IACJC,IAAI,GAAAvB,wBAAA,CAAAS,IAAA,EAAAzD,SAAA;EAIT,IAAMwE,QAAQ,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC7C,IAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACH,QAAQ,EAAEd,GAAG,CAAC;EAC3C,IAAAkB,gBAAA,GAAuC,IAAAC,wBAAe,EAAC,CAAC;IAAAC,qBAAA,GAAAF,gBAAA,CAAhDG,MAAM;IAANA,MAAM,GAAAD,qBAAA,cAAGE,aAAM,CAACC,UAAU,GAAAH,qBAAA;EAElC,IAAMI,aAAa,GAAG,IAAAC,kBAAW,EAC/B,UAACC,KAAoC,EAAK;IACxC,IACE,CAACA,KAAK,CAACC,gBAAgB,KACtBD,KAAK,CAACE,GAAG,KAAK,KAAK,IAAIF,KAAK,CAACE,GAAG,KAAK,QAAQ,CAAC,IAC/C,CAACjB,iBAAiB,EAClB;MACAe,KAAK,CAACG,cAAc,CAAC,CAAC;MACtB,IAAI3B,OAAO,EAAE;QACXA,OAAO,CAAC,CAAC;MACX;IACF;IACA,IAAI,OAAOG,SAAS,KAAK,UAAU,EAAE;MACnCA,SAAS,CAACqB,KAAK,CAAC;IAClB;EACF,CAAC,EACD,CAACf,iBAAiB,EAAET,OAAO,EAAEG,SAAS,CACxC,CAAC;EAED,IAAMyB,WAAW,GAAG,IAAAL,kBAAW,EAC7B,UAACC,KAAK,EAAK;IACTA,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEK,eAAe,CAAC,CAAC;IACxB,OAAOnB,OAAO,KAAK,UAAU,IAAIA,OAAO,CAACc,KAAK,CAAC;EACjD,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,oBACEjF,MAAA,CAAAc,OAAA,CAAAuF,aAAA,CAAC7F,QAAA,CAAA8F,MAAM,qBACLtG,MAAA,CAAAc,OAAA,CAAAuF,aAAA,CAAClG,eAAA,CAAAW,OAAS;IAACiD,WAAW,EAAEA,WAAY;IAACwC,QAAQ,EAAE3B;EAAiB,gBAC9D5E,MAAA,CAAAc,OAAA,CAAAuF,aAAA,CAAChG,kBAAA,CAAAmG,YAAY;IACXC,YAAY;IACZpC,GAAG,EAAEgB,SAAU;IACfqB,OAAO,EAAE,CAAC5B,iBAAkB;IAC5B6B,WAAW;EAAA,gBAEX3G,MAAA,CAAAc,OAAA,CAAAuF,aAAA,CAAC9F,MAAA,CAAAqG,YAAY,EAAA5E,QAAA,KACPkD,IAAI;IACRT,KAAK,EAAA7B,aAAA;MAAI8C;IAAM,GAAKjB,KAAK,CAAG;IAC5BC,SAAS,EAAEmB,aAAc;IACzBgB,QAAQ,EAAE,CAAE;IACZrC,SAAS,EAAE,IAAAsC,mBAAU,EAAC,UAAU,EAAEtC,SAAS,CAAE;IAC7CS,OAAO,EAAEkB;EAAY,IAEpB7B,QACW,CACF,CACL,CACL,CAAC;AAEb,CACF,CAAC;AAEDL,MAAM,CAAC8C,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Window.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_interopRequireDefault","_reactRemoveScroll","_classnames","_Style","_helpers","_utils","_useForkRef","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","returnFocus","preventScroll","Window","exports","forwardRef","_ref","ref","children","onClose","className","style","onKeyDown","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableCloseOnEs","disableCloseOnEsc","onClick","rest","innerRef","useRef","handleRef","useForkRef","_useLayerContext","useLayerContext","_useLayerContext$zInd","zIndex","layers","skyscraper","handleKeyDown","useCallback","event","defaultPrevented","key","preventDefault","stopPropagation","handleClick","createElement","Portal","disabled","RemoveScroll","forwardProps","enabled","noIsolation","StyledWindow","tabIndex","classnames","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport FocusLock from \"react-focus-lock\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classnames from \"classnames\";\n\nimport { StyledWindow } from \"./Style\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EditableContent/EditableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAuB,MAAM,OAAO,CAAC;AAIpE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,oOA0D3B,CAAC"}
+{"version":3,"file":"EditableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,GAAG,EAAiC,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD,MAAM,WAAW,wBAAwB;IACvC,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,mBAAmB;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,oOA+F3B,CAAC"}

package/dist/esm/components/EditableContent/EditableContent.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid"];
-import React, { forwardRef, useCallback, useRef } from "react";
+const _excluded = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid", "onMouseLeave"];
+import React, { forwardRef, useCallback, useRef, useState } from "react";
 import { StyledDiv, StyledInput, StyledSpan } from "./Styles";
 import { useForkRef } from "../../utils";
 export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
@@ -15,19 +15,39 @@ export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     wrapRef = _ref.wrapRef,
     children = _ref.children,
     invalid = _ref.invalid,
+    onMouseLeave = _ref.onMouseLeave,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   const intInputRef = useRef(null);
   const handleRef = useForkRef(ref, intInputRef);
+  const _useState = useState(false),
+    suppressHover = _useState[0],
+    setSuppressHover = _useState[1];
   const handleBlur = useCallback(evt => {
     if (intInputRef != null && intInputRef.current) {
       intInputRef.current.scrollLeft = 0;
     }
     typeof (inputProps == null ? void 0 : inputProps.onBlur) === "function" && (inputProps == null ? void 0 : inputProps.onBlur(evt));
   }, [inputProps]);
+  const handleKeyDown = useCallback(evt => {
+    if (evt.key === "Enter" || evt.key === "Escape") {
+      setSuppressHover(true);
+    }
+    typeof (inputProps == null ? void 0 : inputProps.onKeyDown) === "function" && inputProps.onKeyDown(evt);
+  }, [inputProps]);
+  const handleFocus = useCallback(evt => {
+    setSuppressHover(false);
+    typeof (inputProps == null ? void 0 : inputProps.onFocus) === "function" && inputProps.onFocus(evt);
+  }, [inputProps]);
+  const handleMouseLeave = useCallback(evt => {
+    setSuppressHover(false);
+    typeof onMouseLeave === "function" && onMouseLeave(evt);
+  }, [onMouseLeave]);
   return /*#__PURE__*/React.createElement(StyledDiv, _extends({
     className: className,
     ref: wrapRef
-  }, props), /*#__PURE__*/React.createElement(StyledSpan, {
+  }, props, {
+    onMouseLeave: handleMouseLeave
+  }), /*#__PURE__*/React.createElement(StyledSpan, {
     variant: variant,
     forwardedAs: "span",
     weight: weight,
@@ -40,8 +60,11 @@ export const EditableContent = /*#__PURE__*/forwardRef((_ref, ref) => {
     weight: weight,
     value: inputProps == null ? void 0 : inputProps.value,
     onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    onFocus: handleFocus,
     disabled: disabled,
     "data-form-type": "other",
+    "data-hover-suppressed": suppressHover ? "" : undefined,
     invalid: invalid
   })));
 });

package/dist/esm/components/EditableContent/EditableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","props","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    return (\n      <StyledDiv className={className} ref={wrapRef} {...props}>\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          disabled={disabled}\n          data-form-type=\"other\"\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAiBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAYEC,GAAG,KACA;EAAA,IAXDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,YAAA,GAAAH,IAAA,CACTI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,QAAQ,GAAAA,YAAA;IAClBE,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAAC,aAAA,GAAAN,IAAA,CACNO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACJC,KAAK,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAIV,MAAMC,WAAW,GAAGrB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMsB,SAAS,GAAGlB,UAAU,CAACG,GAAG,EAAEc,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGxB,WAAW,CAC3ByB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOZ,UAAU,oBAAVA,UAAU,CAAEa,MAAM,gBAAe,KAAIb,UAAU,oBAAVA,UAAU,CAAEa,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACV,UAAU,CACb,CAAC;EAED,oBACEjB,KAAA,CAAA+B,aAAA,CAAC3B,SAAS,EAAA4B,QAAA;IAACrB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEQ;EAAQ,GAAKG,KAAK,gBACtDrB,KAAA,CAAA+B,aAAA,CAACzB,UAAU;IACTO,OAAO,EAAEA,OAAQ;IACjBoB,WAAW,EAAC,MAAM;IAClBnB,MAAM,EAAEA,MAAO;IACfoB,SAAS,EAAElB,QAAS;IACpBL,SAAS,EAAC;EAAc,GAEvBQ,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEkB,KACzB,CAAC,eACbnC,KAAA,CAAA+B,aAAA,CAAC1B,WAAW,EAAA2B,QAAA,KACNf,UAAU;IACdP,GAAG,EAAEe,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBpB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfqB,KAAK,EAAElB,UAAU,oBAAVA,UAAU,CAAEkB,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBV,QAAQ,EAAEA,QAAS;IACnB,kBAAe,OAAO;IACtBI,OAAO,EAAEA;EAAQ,EAClB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDZ,eAAe,CAAC4B,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","useState","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","_ref$variant","variant","weight","_ref$disabled","disabled","inputProps","wrapRef","children","invalid","onMouseLeave","props","_objectWithoutPropertiesLoose","_excluded","intInputRef","handleRef","_useState","suppressHover","setSuppressHover","handleBlur","evt","current","scrollLeft","onBlur","handleKeyDown","key","onKeyDown","handleFocus","onFocus","handleMouseLeave","createElement","_extends","forwardedAs","$disabled","value","undefined","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef, useState } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n  /** Typography variant. */\n  variant?: Variant;\n  /** Typography weight. */\n  weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n  /** Input props. */\n  inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n  /** Disable edit mode. */\n  disabled?: boolean;\n  invalid?: boolean;\n  /** Wrapper reference. */\n  wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n  HTMLDivElement,\n  EditableContentInterface &\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n  (\n    {\n      className,\n      variant = \"Body 2\",\n      weight,\n      disabled = false,\n      inputProps,\n      wrapRef,\n      children,\n      invalid,\n      onMouseLeave,\n      ...props\n    },\n    ref\n  ) => {\n    const intInputRef = useRef<HTMLInputElement>(null);\n    const handleRef = useForkRef(ref, intInputRef);\n    const [suppressHover, setSuppressHover] = useState(false);\n\n    const handleBlur = useCallback(\n      (evt) => {\n        if (intInputRef?.current) {\n          intInputRef.current.scrollLeft = 0;\n        }\n        typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n      },\n      [inputProps]\n    );\n\n    const handleKeyDown = useCallback(\n      (evt) => {\n        if (evt.key === \"Enter\" || evt.key === \"Escape\") {\n          setSuppressHover(true);\n        }\n        typeof inputProps?.onKeyDown === \"function\" &&\n          inputProps.onKeyDown(evt);\n      },\n      [inputProps]\n    );\n\n    const handleFocus = useCallback(\n      (evt) => {\n        setSuppressHover(false);\n        typeof inputProps?.onFocus === \"function\" && inputProps.onFocus(evt);\n      },\n      [inputProps]\n    );\n\n    const handleMouseLeave = useCallback(\n      (evt) => {\n        setSuppressHover(false);\n        typeof onMouseLeave === \"function\" && onMouseLeave(evt);\n      },\n      [onMouseLeave]\n    );\n\n    return (\n      <StyledDiv\n        className={className}\n        ref={wrapRef}\n        {...props}\n        onMouseLeave={handleMouseLeave}\n      >\n        <StyledSpan\n          variant={variant}\n          forwardedAs=\"span\"\n          weight={weight}\n          $disabled={disabled}\n          className=\"presentation\"\n        >\n          {children ? children : inputProps?.value}\n        </StyledSpan>\n        <StyledInput\n          {...inputProps}\n          ref={handleRef}\n          forwardedAs=\"input\"\n          variant={variant}\n          weight={weight}\n          value={inputProps?.value}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          disabled={disabled}\n          data-form-type=\"other\"\n          data-hover-suppressed={suppressHover ? \"\" : undefined}\n          invalid={invalid}\n        />\n      </StyledDiv>\n    );\n  }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/EditableContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;iBAA6B,OAAO;SAazD,CAAC;AAEF,eAAO,MAAM,UAAU;;;gBAAoC,OAAO;SAgCjE,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAqCvB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;gBA7E2B,OAAO;SA2FjE,CAAC;AAIF,eAAO,MAAM,kBAAkB;;kBA+C9B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;iBAA6B,OAAO;SAazD,CAAC;AAEF,eAAO,MAAM,UAAU;;;gBAAoC,OAAO;SAgCjE,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAwCvB,CAAC;AAIF,eAAO,MAAM,mBAAmB;;;gBAhF2B,OAAO;SA8FjE,CAAC;AAIF,eAAO,MAAM,kBAAkB;;kBA+C9B,CAAC"}

package/dist/esm/components/EditableContent/Styles.js

@@ -27,7 +27,7 @@ StyledSpan.displayName = "StyledSpan";
 export const StyledInput = styled(Typography).withConfig({
   displayName: "Styles__StyledInput",
   componentId: "sc-1wapx2a-2"
-})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}", ""], {
+})(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}&:not([data-hover-suppressed]):hover{border-color:var(--color-theme-700);}", ""], {
   "position": "absolute",
   "inset": "0px",
   "boxSizing": "border-box",
@@ -41,9 +41,6 @@ export const StyledInput = styled(Typography).withConfig({
   ":focus-within": {
     "overflow": "scroll",
     "borderColor": "var(--color-theme-700)"
-  },
-  ":hover": {
-    "borderColor": "var(--color-theme-700)"
   }
 }, _ref4 => {
   let invalid = _ref4.invalid;

package/dist/esm/components/EditableContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","_ref","$multiline","StyledSpan","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    hover:tw-border-theme-700\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC/BN,SAAS,EACTD,cAAc,EAIZ;EAAA;EAAA;EAAA;AAA0C,CAAC,EAC7CQ,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVV,GAAG,qCAGF;AAAA,EACJ;AAED,OAAO,MAAMW,UAAU,GAAGZ,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxCI,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTb,GAAG,mDAGF;AAAA,GAEDc,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,wCAEF;AAAA,EAKJ;AAEDW,UAAU,CAACJ,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMS,WAAW,GAAGjB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBVS,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDgB,WAAW,CAACT,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMW,mBAAmB,GAAGnB,MAAM,CAACY,UAAU,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGACzCW,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;EAAA,OAAQA,SAAS,GAAG,SAAS,GAAG,iBAAiB;AAAA,CAAC,EAMtDO,KAAA;EAAA,IAAGL,OAAO,GAAAK,KAAA,CAAPL,OAAO;IAAEF,SAAS,GAAAO,KAAA,CAATP,SAAS;EAAA,OACnCE,OAAO,GACH,kBAAkB,GAClBF,SAAS,GACT,aAAa,GACb,uBAAuB;AAAA,EAEhC;AAEDK,mBAAmB,CAACX,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMc,kBAAkB,GAAGtB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qkBAC9C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAOO,CAAC,EAkCVc,KAAA;EAAA,IAAGP,OAAO,GAAAO,KAAA,CAAPP,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDqB,kBAAkB,CAACd,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","_ref","$multiline","StyledSpan","_ref2","$disabled","_ref3","invalid","StyledInput","_ref4","StyledMultilineSpan","_ref5","_ref6","StyledTextareaSpan","_ref7"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div<{ $multiline?: boolean }>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n\n\n  ${tw`tw-relative tw-inline-block tw-max-w-full`}\n  ${({ $multiline }) =>\n    $multiline &&\n    css`\n      position: relative;\n      display: flex;\n    `}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n  visibility: hidden;\n  display: block;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  position: relative;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: pre;\n  font-variant-numeric: tabular-nums;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      visibility: visible;\n      cursor: default !important;\n    `}\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border: 1px solid var(--red-alert);\n    `}\n\n  &:empty:before {\n    content: \" \";\n  }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-transparent\n    tw-border-solid\n    focus-within:tw-border-theme-700\n    tw-rounded-md\n    tw-box-border\n    tw-overflow-hidden\n    tw-whitespace-nowrap\n    focus-within:tw-overflow-scroll\n    tw-w-full`}\n\n  background-color: inherit;\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  text-overflow: ellipsis;\n  font-variant-numeric: tabular-nums;\n  &:focus-whitin {\n    text-overflow: clip;\n  }\n  outline-width: 0px;\n  outline: none;\n  &:disabled {\n    opacity: 0;\n  }\n\n  &:not([data-hover-suppressed]):hover {\n    border-color: var(--color-theme-700);\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n\nexport const StyledMultilineSpan = styled(StyledSpan)`\n  cursor: ${({ $disabled }) => ($disabled ? \"default\" : \"text !important\")};\n  z-index: 2;\n  width: 100%;\n  visibility: visible !important;\n\n  &:hover {\n    border-color: ${({ invalid, $disabled }) =>\n      invalid\n        ? \"var(--red-alert)\"\n        : $disabled\n        ? \"transparent\"\n        : \"var(--border-primary)\"};\n  }\n`;\n\nStyledMultilineSpan.displayName = \"StyledMultilineSpan\";\n\nexport const StyledTextareaSpan = styled(Typography)`\n  ${tw`\n    tw-absolute\n    tw-inset-0\n    tw-border\n    tw-border-solid\n    tw-rounded-md\n    tw-box-border\n    tw-w-full`}\n\n  background-color: var(--input-background-color);\n  border-color: var(--color-theme-500);\n  padding-left: 4px;\n  padding-right: 4px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  font-variant-numeric: tabular-nums;\n  outline-width: 0px;\n  outline: none;\n  resize: none;\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  height: calc(1.5em * 3 + 2px); /* 3 rows height: line-height * 3 + padding */\n  min-height: calc(1.5em * 3 + 2px);\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n\n  &:focus {\n    opacity: 1;\n    pointer-events: auto;\n    background-color: var(--input-background-color);\n    border-color: var(--color-primary);\n    outline: none;\n    z-index: 3;\n  }\n\n  &:disabled {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ invalid }) =>\n    invalid &&\n    css`\n      border-color: var(--red-alert) !important;\n    `}\n`;\n\nStyledTextareaSpan.displayName = \"StyledTextareaSpan\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAC/BN,SAAS,EACTD,cAAc,EAIZ;EAAA;EAAA;EAAA;AAA0C,CAAC,EAC7CQ,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,IACVV,GAAG,qCAGF;AAAA,EACJ;AAED,OAAO,MAAMW,UAAU,GAAGZ,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxCI,KAAA;EAAA,IAAGC,SAAS,GAAAD,KAAA,CAATC,SAAS;EAAA,OACZA,SAAS,IACTb,GAAG,mDAGF;AAAA,GAEDc,KAAA;EAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,wCAEF;AAAA,EAKJ;AAEDW,UAAU,CAACJ,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMS,WAAW,GAAGjB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4UACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;AAYO,CAAC,EAsBVS,KAAA;EAAA,IAAGF,OAAO,GAAAE,KAAA,CAAPF,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDgB,WAAW,CAACT,WAAW,GAAG,aAAa;AAEvC,OAAO,MAAMW,mBAAmB,GAAGnB,MAAM,CAACY,UAAU,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mGACzCW,KAAA;EAAA,IAAGN,SAAS,GAAAM,KAAA,CAATN,SAAS;EAAA,OAAQA,SAAS,GAAG,SAAS,GAAG,iBAAiB;AAAA,CAAC,EAMtDO,KAAA;EAAA,IAAGL,OAAO,GAAAK,KAAA,CAAPL,OAAO;IAAEF,SAAS,GAAAO,KAAA,CAATP,SAAS;EAAA,OACnCE,OAAO,GACH,kBAAkB,GAClBF,SAAS,GACT,aAAa,GACb,uBAAuB;AAAA,EAEhC;AAEDK,mBAAmB,CAACX,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMc,kBAAkB,GAAGtB,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qkBAC9C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAOO,CAAC,EAkCVc,KAAA;EAAA,IAAGP,OAAO,GAAAO,KAAA,CAAPP,OAAO;EAAA,OACVA,OAAO,IACPf,GAAG,+CAEF;AAAA,EACJ;AAEDqB,kBAAkB,CAACd,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/esm/components/Window/Window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAW9E,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,eAAO,MAAM,MAAM,kMA0ElB,CAAC"}
+{"version":3,"file":"Window.d.ts","sourceRoot":"","sources":["../../../../src/components/Window/Window.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAW9E,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAID,eAAO,MAAM,MAAM,kMA2ElB,CAAC"}

package/dist/esm/components/Window/Window.js

@@ -34,6 +34,7 @@ export const Window = /*#__PURE__*/forwardRef((_ref, ref) => {
   const handleKeyDown = useCallback(event => {
     if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
       event.preventDefault();
+      event.stopPropagation();
       if (onClose) {
         onClose();
       }

package/dist/esm/components/Window/Window.js.map

@@ -1 +1 @@
-{"version":3,"file":"Window.js","names":["React","useCallback","useRef","forwardRef","FocusLock","RemoveScroll","classnames","StyledWindow","Portal","useLayerContext","layers","useForkRef","returnFocus","preventScroll","Window","_ref","ref","children","onClose","className","style","onKeyDown","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableCloseOnEs","disableCloseOnEsc","onClick","rest","_objectWithoutPropertiesLoose","_excluded","innerRef","handleRef","_useLayerContext","_useLayerContext$zInd","zIndex","skyscraper","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","createElement","disabled","forwardProps","enabled","noIsolation","_extends","tabIndex","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport FocusLock from \"react-focus-lock\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classnames from \"classnames\";\n\nimport { StyledWindow } from \"./Style\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Window.js","names":["React","useCallback","useRef","forwardRef","FocusLock","RemoveScroll","classnames","StyledWindow","Portal","useLayerContext","layers","useForkRef","returnFocus","preventScroll","Window","_ref","ref","children","onClose","className","style","onKeyDown","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableCloseOnEs","disableCloseOnEsc","onClick","rest","_objectWithoutPropertiesLoose","_excluded","innerRef","handleRef","_useLayerContext","_useLayerContext$zInd","zIndex","skyscraper","handleKeyDown","event","defaultPrevented","key","preventDefault","stopPropagation","handleClick","createElement","disabled","forwardProps","enabled","noIsolation","_extends","tabIndex","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport FocusLock from \"react-focus-lock\";\nimport { RemoveScroll } from \"react-remove-scroll\";\n\nimport classnames from \"classnames\";\n\nimport { StyledWindow } from \"./Style\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { layers } from \"../../utils\";\nimport useForkRef from \"../../utils/useForkRef\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          event.stopPropagation();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":"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","ignoreList":[]}

package/dist/index.js

@@ -14557,6 +14557,7 @@
     var handleKeyDown = React.useCallback(function (event) {
       if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
         event.preventDefault();
+        event.stopPropagation();
         if (onClose) {
           onClose();
         }
@@ -25670,7 +25671,7 @@
   var StyledInput$2 = styled__default["default"](Typography).withConfig({
     displayName: "Styles__StyledInput",
     componentId: "sc-1wapx2a-2"
-  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}", ""], {
+  })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}&:not([data-hover-suppressed]):hover{border-color:var(--color-theme-700);}", ""], {
     "position": "absolute",
     "inset": "0px",
     "boxSizing": "border-box",
@@ -25684,9 +25685,6 @@
     ":focus-within": {
       "overflow": "scroll",
       "borderColor": "var(--color-theme-700)"
-    },
-    ":hover": {
-      "borderColor": "var(--color-theme-700)"
     }
   }, function (_ref4) {
     var invalid = _ref4.invalid;
@@ -25722,7 +25720,7 @@
   });
   StyledTextareaSpan.displayName = "StyledTextareaSpan";
 
-  var _excluded$i = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid"];
+  var _excluded$i = ["className", "variant", "weight", "disabled", "inputProps", "wrapRef", "children", "invalid", "onMouseLeave"];
   var EditableContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$variant = _ref.variant,
@@ -25734,19 +25732,40 @@
       wrapRef = _ref.wrapRef,
       children = _ref.children,
       invalid = _ref.invalid,
+      onMouseLeave = _ref.onMouseLeave,
       props = _objectWithoutProperties(_ref, _excluded$i);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
+    var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      suppressHover = _useState2[0],
+      setSuppressHover = _useState2[1];
     var handleBlur = React.useCallback(function (evt) {
       if (intInputRef !== null && intInputRef !== void 0 && intInputRef.current) {
         intInputRef.current.scrollLeft = 0;
       }
       typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur) === "function" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onBlur(evt));
     }, [inputProps]);
+    var handleKeyDown = React.useCallback(function (evt) {
+      if (evt.key === "Enter" || evt.key === "Escape") {
+        setSuppressHover(true);
+      }
+      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown) === "function" && inputProps.onKeyDown(evt);
+    }, [inputProps]);
+    var handleFocus = React.useCallback(function (evt) {
+      setSuppressHover(false);
+      typeof (inputProps === null || inputProps === void 0 ? void 0 : inputProps.onFocus) === "function" && inputProps.onFocus(evt);
+    }, [inputProps]);
+    var handleMouseLeave = React.useCallback(function (evt) {
+      setSuppressHover(false);
+      typeof onMouseLeave === "function" && onMouseLeave(evt);
+    }, [onMouseLeave]);
     return /*#__PURE__*/React__default["default"].createElement(StyledDiv, _extends({
       className: className,
       ref: wrapRef
-    }, props), /*#__PURE__*/React__default["default"].createElement(StyledSpan, {
+    }, props, {
+      onMouseLeave: handleMouseLeave
+    }), /*#__PURE__*/React__default["default"].createElement(StyledSpan, {
       variant: variant,
       forwardedAs: "span",
       weight: weight,
@@ -25759,8 +25778,11 @@
       weight: weight,
       value: inputProps === null || inputProps === void 0 ? void 0 : inputProps.value,
       onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      onFocus: handleFocus,
       disabled: disabled,
       "data-form-type": "other",
+      "data-hover-suppressed": suppressHover ? "" : undefined,
       invalid: invalid
     })));
   });