directual-web-components-v2 3.11.339 → 3.11.340

package/dist/index.css

@@ -1964,30 +1964,26 @@ a._IMG1h {
   opacity: 1;
 }
 ._3bMpu ._34tIu {
-  position: absolute;
-  top: 6px;
-  right: 6px;
   display: flex;
-  gap: 2px;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-._3bMpu ._1Yv6j:hover ._34tIu {
-  opacity: 1;
+  gap: 4px;
+  padding: 4px 0 0 0;
+  justify-content: flex-end;
 }
 ._3bMpu ._Sxnoe {
   cursor: pointer;
-  opacity: 0.4;
-  padding: 4px;
+  opacity: 0.35;
+  padding: 4px 6px;
   border-radius: var(--border-radius);
-  font-size: var(--text-very-small-size);
   line-height: 1;
   -webkit-user-select: none;
           user-select: none;
   transition: opacity 0.15s;
 }
+._3bMpu ._Sxnoe:before {
+  font-size: 20px;
+}
 ._3bMpu ._Sxnoe:hover {
-  opacity: 0.9;
+  opacity: 0.85;
 }
 .react-tooltip {
   z-index: 1000;

package/dist/index.js

@@ -5302,8 +5302,8 @@ function JsonInput(_ref) {
   const adjustHeight = React.useCallback(() => {
     const el = textareaRef.current;
     if (!el || rows !== 'auto') return;
-    el.style.height = 'auto';
-    el.style.height = el.scrollHeight + 'px';
+    el.style.minHeight = '0';
+    el.style.minHeight = el.scrollHeight + 'px';
   }, [rows]);
   React.useEffect(() => {
     adjustHeight();
@@ -5485,20 +5485,20 @@ function JsonInput(_ref) {
     onKeyDown: handleKeyDown,
     value: value,
     placeholder: placeholder || ''
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.json_toolbar
-  }, value && !disabled && !copy && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.json_toolbar_btn + " icon icon-close",
-    title: "Clear",
-    onClick: handleClear
-  }), value && copy && /*#__PURE__*/React__default.createElement("div", {
-    className: styles$4.json_toolbar_btn + " icon icon-copy",
-    title: "Copy",
-    onClick: handleCopy
   }), value && !disabled && /*#__PURE__*/React__default.createElement("div", {
+    className: styles$4.json_toolbar
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: styles$4.json_toolbar_btn + " icon icon-code",
     title: "Format JSON",
     onClick: handleFormat
+  }), copy && /*#__PURE__*/React__default.createElement("div", {
+    className: styles$4.json_toolbar_btn + " icon icon-copy",
+    title: "Copy",
+    onClick: handleCopy
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: styles$4.json_toolbar_btn + " icon icon-close",
+    title: "Clear",
+    onClick: handleClear
   })), warningMsg.msg && /*#__PURE__*/React__default.createElement("div", {
     className: styles$4.status + " " + styles$4[warningMsg.type]
   }, warningMsg.msg));