@loomhq/lens 11.19.0 → 11.20.0

package/dist/components/textarea/textarea.d.ts

@@ -10,5 +10,6 @@ type TextareaProps = {
     onChange?: React.ReactEventHandler;
     size?: 'small' | 'medium';
     resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    error?: string;
 };
 export default Textarea;

package/dist/index.js

@@ -1217,6 +1217,10 @@ var formFieldVariables = getCssVarsFromObject(void 0, {
   formFieldBorderShadowFocus: `
     inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-blurple),
     0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-focusRing)
+  `,
+  formFieldBorderShadowError: `
+    inset 0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-danger),
+    0 0 0 var(--lns-formFieldBorderWidthFocus) var(--lns-color-orangeLight)
   `
 });
 var colorVariables = getCssVarsFromObject("color", getColorsObject());
@@ -3904,18 +3908,19 @@ var TextareaWrapper = styled22.textarea`
   padding: ${(props) => sizesStyles3[props.size].padding};
   ${getRadius("large")};
   box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidth)
-    var(--lns-color-formFieldBorder);
+    ${(props) => props.error ? "var(--lns-color-danger)" : "var(--lns-color-formFieldBorder)"};
   ${(props) => getTextSize(sizesStyles3[props.size].textSize)};
   resize: ${(props) => props.resize};
 
   &:hover {
     box-shadow: inset 0 0 0 var(--lns-formFieldBorderWidthFocus)
-      var(--lns-color-blurple);
+      ${(props) => props.error ? "var(--lns-color-danger)" : "var(--lns-color-blurple)"};
   }
 
   &:focus {
-    outline: 1px solid transparent;
-    box-shadow: var(--lns-formFieldBorderShadowFocus);
+    outline: 1px solid
+      ${(props) => props.error ? "var(--lns-color-orangeLight)" : "transparent"};
+    box-shadow: ${(props) => props.error != "" ? "var(--lns-formFieldBorderShadowError)" : "var(--lns-formFieldBorderShadowFocus)"};
   }
 
   &:disabled {
@@ -3941,7 +3946,8 @@ var Textarea = React28.forwardRef(
       isDisabled,
       placeholder,
       size = "medium",
-      resize = "both"
+      resize = "both",
+      error = void 0
     } = _b, props = __objRest(_b, [
       "onChange",
       "value",
@@ -3949,9 +3955,10 @@ var Textarea = React28.forwardRef(
       "isDisabled",
       "placeholder",
       "size",
-      "resize"
+      "resize",
+      "error"
     ]);
-    return /* @__PURE__ */ React28.createElement(
+    return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
       TextareaWrapper,
       __spreadValues({
         disabled: isDisabled,
@@ -3961,9 +3968,10 @@ var Textarea = React28.forwardRef(
         rows,
         value,
         size,
-        resize
+        resize,
+        error
       }, props)
-    );
+    ), error ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(spacer_default, { bottom: "xmsall" }), /* @__PURE__ */ React28.createElement(text_default, { color: "danger", fontWeight: "book", size: "body-md" }, error)) : null);
   }
 );
 var textarea_default = Textarea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "11.19.0",
+  "version": "11.20.0",
   "packageManager": "pnpm@8.9.2",
   "scripts": {
     "preinstall": "npx only-allow pnpm",