@homebound/beam 2.318.0 → 2.318.2

package/dist/inputs/TextFieldBase.js

@@ -67,9 +67,11 @@ function TextFieldBase(props) {
                     .mhPx(compactFieldHeight - maybeSmaller).$),
         },
         input: {
-            ...Css_1.Css.w100.mw0.outline0.fg1.bgColor(bgColor).if(multiline).br4.$,
+            ...Css_1.Css.w100.mw0.outline0.fg1.bgColor(bgColor).$,
             // Not using Truss's inline `if` statement here because `addIn` properties do not respect the if statement.
             ...(contrast && Css_1.Css.addIn("&::selection", Css_1.Css.bgGray800.$).$),
+            // For "multiline" fields we add top and bottom padding of 7px for compact, or 11px for non-compact, to properly match the height of the single line fields
+            ...(multiline ? Css_1.Css.br4.h100.pyPx(compact ? 7 : 11).add("resize", "none").$ : Css_1.Css.truncate.$),
         },
         hover: Css_1.Css.bgColor(hoverBgColor).if(contrast).bGray600.$,
         focus: Css_1.Css.bBlue700.if(contrast).bBlue500.$,
@@ -102,7 +104,7 @@ function TextFieldBase(props) {
                                 ...(multiline ? Css_1.Css.fdc.aifs.gap2.$ : Css_1.Css.if(wrap === false).truncate.$),
                                 ...xss,
                             }, "data-readonly": "true", ...tid, children: [labelStyle === "inline" && label && ((0, jsx_runtime_1.jsx)(Label_1.InlineLabel, { multiline: multiline, labelProps: labelProps, label: label, ...tid.label })), multiline
-                                    ? (_g = inputProps.value) === null || _g === void 0 ? void 0 : _g.split("\n\n").map((p, i) => ((0, jsx_runtime_1.jsx)("p", { css: Css_1.Css.my1.$, children: p.split("\n").map((sentence, j) => ((0, jsx_runtime_1.jsxs)("span", { children: [sentence, (0, jsx_runtime_1.jsx)("br", {})] }, j))) }, i)))
+                                    ? (_g = inputProps.value) === null || _g === void 0 ? void 0 : _g.split("\n\n").map((p, i) => ((0, jsx_runtime_1.jsx)("p", { children: p.split("\n").map((sentence, j) => ((0, jsx_runtime_1.jsxs)("span", { children: [sentence, (0, jsx_runtime_1.jsx)("br", {})] }, j))) }, i)))
                                     : inputProps.value] })) : ((0, jsx_runtime_1.jsxs)("div", { css: {
                                 ...fieldStyles.inputWrapper,
                                 ...(inputProps.disabled ? fieldStyles.disabled : {}),
@@ -115,7 +117,6 @@ function TextFieldBase(props) {
                                         ...fieldStyles.input,
                                         ...(inputProps.disabled ? fieldStyles.disabled : {}),
                                         ...(showHover ? fieldStyles.hover : {}),
-                                        ...(multiline ? Css_1.Css.h100.py1.add("resize", "none").$ : Css_1.Css.truncate.$),
                                         ...xss,
                                     }, ...tid }), isFocused && clearable && onChange && inputProps.value && ((0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: "xCircle", color: Css_1.Palette.Gray700, onClick: () => {
                                         var _a;

package/dist/utils/rtl.js

@@ -182,7 +182,7 @@ function getSelected(select) {
     if (isSelectElement(select)) {
         throw new Error("Beam getSelected helper does not support <select> elements");
     }
-    if (!isInputElement(select) && select.dataset.readonly === "true") {
+    if (!isInputOrTextAreaElement(select) && select.dataset.readonly === "true") {
         // For read-only fields that render as a 'div'
         return (_a = select.textContent) !== null && _a !== void 0 ? _a : undefined;
     }
@@ -215,14 +215,14 @@ function assertListBoxInput(select) {
     if (isSelectElement(select)) {
         throw new Error("Beam getOptions helper does not support <select> elements");
     }
-    if (!isInputElement(select)) {
-        throw new Error(`Expected element to be INPUT, but got ${select.nodeName}. This field may be read-only. In that case we cannot get the list of options`);
+    if (!isInputOrTextAreaElement(select)) {
+        throw new Error(`Expected element to be INPUT or TEXTAREA, but got ${select.nodeName}. This field may be read-only. In that case we cannot get the list of options`);
     }
     return true;
 }
 function isSelectElement(element) {
     return element.nodeName === "SELECT";
 }
-function isInputElement(element) {
-    return element.nodeName === "INPUT";
+function isInputOrTextAreaElement(element) {
+    return element.nodeName === "INPUT" || element.nodeName === "TEXTAREA";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.318.0",
+  "version": "2.318.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",