@loomhq/lens 12.4.0 → 12.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js
CHANGED
|
@@ -5451,6 +5451,14 @@ var directionStyles = {
|
|
|
5451
5451
|
label: { marginLeft: "var(--lns-space-small)" },
|
|
5452
5452
|
errorMessage: { marginLeft: "var(--lns-space-small)" }
|
|
5453
5453
|
},
|
|
5454
|
+
"row-reverse": {
|
|
5455
|
+
wrapper: {
|
|
5456
|
+
display: "grid",
|
|
5457
|
+
gridTemplateColumns: "1fr auto",
|
|
5458
|
+
alignItems: "center"
|
|
5459
|
+
},
|
|
5460
|
+
label: {}
|
|
5461
|
+
},
|
|
5454
5462
|
column: {
|
|
5455
5463
|
wrapper: {},
|
|
5456
5464
|
label: { marginBottom: "var(--lns-space-xsmall)" }
|
|
@@ -5461,7 +5469,10 @@ var FormFieldWrapper = styled27.div`
|
|
|
5461
5469
|
`;
|
|
5462
5470
|
var Label = styled27.label`
|
|
5463
5471
|
display: block;
|
|
5464
|
-
${(props) =>
|
|
5472
|
+
${(props) => {
|
|
5473
|
+
var _a;
|
|
5474
|
+
return props.direction && ((_a = directionStyles[props.direction]) == null ? void 0 : _a.label);
|
|
5475
|
+
}};
|
|
5465
5476
|
${(props) => props.isLabelClickable && "cursor: pointer"};
|
|
5466
5477
|
`;
|
|
5467
5478
|
var ErrorMessage3 = styled27.span`
|
|
@@ -5508,7 +5519,7 @@ var FormField = (_a) => {
|
|
|
5508
5519
|
},
|
|
5509
5520
|
label
|
|
5510
5521
|
);
|
|
5511
|
-
return /* @__PURE__ */ React33.createElement(FormFieldWrapper, __spreadValues({ direction }, props), direction === "row" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, children, labelElement), direction === "column" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, labelElement, children), errorMessage && /* @__PURE__ */ React33.createElement(ErrorMessage3, null, errorMessage));
|
|
5522
|
+
return /* @__PURE__ */ React33.createElement(FormFieldWrapper, __spreadValues({ direction }, props), direction === "row" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, children, labelElement), direction === "column" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, labelElement, children), direction === "row-reverse" && /* @__PURE__ */ React33.createElement(React33.Fragment, null, labelElement, children), errorMessage && /* @__PURE__ */ React33.createElement(ErrorMessage3, null, errorMessage));
|
|
5512
5523
|
};
|
|
5513
5524
|
var form_field_default = FormField;
|
|
5514
5525
|
|