@northlight/ui 2.33.12 → 2.33.14

package/dist/umd/northlight.cjs

@@ -4383,7 +4383,7 @@
       }
     return target;
   };
-  const P = (_a) => {
+  const P = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       variant = "16",
@@ -4398,11 +4398,12 @@
       react.Text,
       __spreadValues$23({
         variant,
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$22 = Object.defineProperty;
   var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
@@ -4432,11 +4433,13 @@
       }
     return target;
   };
-  const Blockquote = (_a) => {
-    var _b = _a, { children, sx = {} } = _b, rest = __objRest$1E(_b, ["children", "sx"]);
-    const styles = react.useStyleConfig("Blockquote", { sx });
-    return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$22({ as: "span", sx: styles }, rest), children);
-  };
+  const Blockquote = React.forwardRef(
+    (_a, ref) => {
+      var _b = _a, { children, sx = {} } = _b, rest = __objRest$1E(_b, ["children", "sx"]);
+      const styles = react.useStyleConfig("Blockquote", { sx });
+      return /* @__PURE__ */ React.createElement(react.Text, __spreadValues$22({ as: "span", sx: styles, ref }, rest), children);
+    }
+  );
 
   var __defProp$21 = Object.defineProperty;
   var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
@@ -4466,7 +4469,7 @@
       }
     return target;
   };
-  const Capitalized = (_a) => {
+  const Capitalized = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4479,11 +4482,12 @@
       react.Text,
       __spreadValues$21({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$20 = Object.defineProperty;
   var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
@@ -4513,7 +4517,7 @@
       }
     return target;
   };
-  const Lead = (_a) => {
+  const Lead = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4526,11 +4530,12 @@
       react.Text,
       __spreadValues$20({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1$ = Object.defineProperty;
   var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
@@ -4560,7 +4565,7 @@
       }
     return target;
   };
-  const Small = (_a) => {
+  const Small = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4573,11 +4578,12 @@
       react.Text,
       __spreadValues$1$({
         as: "small",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1_ = Object.defineProperty;
   var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
@@ -4607,7 +4613,7 @@
       }
     return target;
   };
-  const Tiny = (_a) => {
+  const Tiny = React.forwardRef((_a, ref) => {
     var _b = _a, {
       children,
       sx = {}
@@ -4620,11 +4626,12 @@
       react.Text,
       __spreadValues$1_({
         as: "span",
-        sx: styles
+        sx: styles,
+        ref
       }, rest),
       children
     );
-  };
+  });
 
   var __defProp$1Z = Object.defineProperty;
   var __getOwnPropSymbols$1Z = Object.getOwnPropertySymbols;
@@ -7411,7 +7418,8 @@
       minValue,
       maxValue,
       firstDayOfWeek,
-      onSave
+      onSave,
+      buttonLabel = "Save"
     } = props;
     const { locale } = i18n.useLocale();
     const ref = React.useRef(null);
@@ -7483,7 +7491,7 @@
         range: value,
         firstDayOfWeek
       }
-    ))), /* @__PURE__ */ React.createElement(react.HStack, { pt: "2", alignSelf: "end" }, isClearable && /* @__PURE__ */ React.createElement(Button, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button, { variant: "brand", onClick: handleSave, size: "sm" }, "Save"))))))));
+    ))), /* @__PURE__ */ React.createElement(react.HStack, { pt: "2", alignSelf: "end" }, isClearable && /* @__PURE__ */ React.createElement(Button, { onClick: resetDate, variant: "ghost", size: "sm" }, "Clear"), /* @__PURE__ */ React.createElement(Button, { variant: "brand", onClick: handleSave, size: "sm" }, buttonLabel))))))));
   };
 
   const isValidDateRange = (value) => ramda.is(Object, value) && ramda.has("startDate", value) && ramda.has("endDate", value) && ramda.is(String, value.startDate) && ramda.is(String, value.endDate);
@@ -7537,7 +7545,8 @@
       maxValue,
       renderInPortal = false,
       firstDayOfWeek,
-      onSave
+      onSave,
+      buttonLabel = "Save"
     } = props;
     const ref = React.useRef();
     const { group } = react.useMultiStyleConfig("DatePicker");
@@ -7621,7 +7630,8 @@
           fiscalStartDay: fiscalStartDay || 0,
           isClearable,
           firstDayOfWeek,
-          onSave
+          onSave,
+          buttonLabel
         })
       )))))
     );
@@ -7810,7 +7820,8 @@
       firstDayOfWeek = "monday",
       onChange: onChangeCallback = ramda.identity,
       isClearable = true,
-      onSave
+      onSave,
+      buttonLabel = "Save"
     } = _b, rest = __objRest$19(_b, [
       "name",
       "minValue",
@@ -7822,7 +7833,8 @@
       "firstDayOfWeek",
       "onChange",
       "isClearable",
-      "onSave"
+      "onSave",
+      "buttonLabel"
     ]);
     const { setValue, setError, trigger } = reactHookForm.useFormContext();
     const handleChange = (dateRange) => {
@@ -7860,7 +7872,8 @@
           minValue,
           maxValue,
           validationState: errors.name ? "invalid" : "valid",
-          isClearable
+          isClearable,
+          buttonLabel
         }, rest)
       )
     );