@nypl/design-system-react-components 1.2.0-rc-3 → 1.2.0

package/dist/design-system-react-components.esm.js

@@ -4063,7 +4063,7 @@ var Form = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
   }
 });
 
-var _excluded$18 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired"];
+var _excluded$18 = ["children", "className", "htmlFor", "id", "isInlined", "isRequired", "requiredLabelText"];
 /**
  * A label for form inputs. It should never be used alone.
  */
@@ -4077,6 +4077,7 @@ var Label = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
       isInlined = _props$isInlined === void 0 ? false : _props$isInlined,
       _props$isRequired = props.isRequired,
       isRequired = _props$isRequired === void 0 ? false : _props$isRequired,
+      requiredLabelText = props.requiredLabelText,
       rest = _objectWithoutPropertiesLoose(props, _excluded$18);
 
   var styles = useStyleConfig("Label", {
@@ -4094,10 +4095,10 @@ var Label = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, ref) {
     htmlFor: htmlFor,
     ref: ref,
     __css: styles
-  }, rest), children, isRequired && React__default.createElement("span", null, " (Required)"));
+  }, rest), children, isRequired && React__default.createElement("span", null, requiredLabelText ? " (" + requiredLabelText + ")" : " (Required)"));
 }));
 
-var _excluded$19 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "step", "textInputType", "type", "value"];
+var _excluded$19 = ["className", "defaultValue", "helperText", "id", "invalidText", "isDisabled", "isInvalid", "isRequired", "labelText", "max", "maxLength", "min", "name", "onChange", "onClick", "onFocus", "placeholder", "showHelperInvalidText", "showLabel", "showRequiredLabel", "requiredLabelText", "step", "textInputType", "type", "value"];
 
 var TextInputFormats = {
   email: "jdoe@domain.com",
@@ -4141,6 +4142,7 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
       showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
       _props$showRequiredLa = props.showRequiredLabel,
       showRequiredLabel = _props$showRequiredLa === void 0 ? true : _props$showRequiredLa,
+      requiredLabelText = props.requiredLabelText,
       _props$step = props.step,
       step = _props$step === void 0 ? 1 : _props$step,
       _props$textInputType = props.textInputType,
@@ -4236,7 +4238,8 @@ var TextInput = /*#__PURE__*/chakra( /*#__PURE__*/forwardRef(function (props, re
   }, rest), labelText && showLabel && !isHidden && React__default.createElement(Label, {
     htmlFor: id,
     id: id + "-label",
-    isRequired: showRequiredLabel && isRequired
+    isRequired: showRequiredLabel && isRequired,
+    requiredLabelText: requiredLabelText
   }, labelText), fieldOutput);
 }));