@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/cjs/index.js
CHANGED
|
@@ -5669,6 +5669,14 @@ var directionStyles = {
|
|
|
5669
5669
|
label: { marginLeft: "var(--lns-space-small)" },
|
|
5670
5670
|
errorMessage: { marginLeft: "var(--lns-space-small)" }
|
|
5671
5671
|
},
|
|
5672
|
+
"row-reverse": {
|
|
5673
|
+
wrapper: {
|
|
5674
|
+
display: "grid",
|
|
5675
|
+
gridTemplateColumns: "1fr auto",
|
|
5676
|
+
alignItems: "center"
|
|
5677
|
+
},
|
|
5678
|
+
label: {}
|
|
5679
|
+
},
|
|
5672
5680
|
column: {
|
|
5673
5681
|
wrapper: {},
|
|
5674
5682
|
label: { marginBottom: "var(--lns-space-xsmall)" }
|
|
@@ -5679,7 +5687,10 @@ var FormFieldWrapper = import_styled27.default.div`
|
|
|
5679
5687
|
`;
|
|
5680
5688
|
var Label = import_styled27.default.label`
|
|
5681
5689
|
display: block;
|
|
5682
|
-
${(props) =>
|
|
5690
|
+
${(props) => {
|
|
5691
|
+
var _a;
|
|
5692
|
+
return props.direction && ((_a = directionStyles[props.direction]) == null ? void 0 : _a.label);
|
|
5693
|
+
}};
|
|
5683
5694
|
${(props) => props.isLabelClickable && "cursor: pointer"};
|
|
5684
5695
|
`;
|
|
5685
5696
|
var ErrorMessage3 = import_styled27.default.span`
|
|
@@ -5726,7 +5737,7 @@ var FormField = (_a) => {
|
|
|
5726
5737
|
},
|
|
5727
5738
|
label
|
|
5728
5739
|
);
|
|
5729
|
-
return /* @__PURE__ */ import_react34.default.createElement(FormFieldWrapper, __spreadValues({ direction }, props), direction === "row" && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, children, labelElement), direction === "column" && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, labelElement, children), errorMessage && /* @__PURE__ */ import_react34.default.createElement(ErrorMessage3, null, errorMessage));
|
|
5740
|
+
return /* @__PURE__ */ import_react34.default.createElement(FormFieldWrapper, __spreadValues({ direction }, props), direction === "row" && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, children, labelElement), direction === "column" && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, labelElement, children), direction === "row-reverse" && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, labelElement, children), errorMessage && /* @__PURE__ */ import_react34.default.createElement(ErrorMessage3, null, errorMessage));
|
|
5730
5741
|
};
|
|
5731
5742
|
var form_field_default = FormField;
|
|
5732
5743
|
|