@nypl/design-system-react-components 3.3.1 → 3.3.2

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

@@ -1575,7 +1575,7 @@ const Xr = F1(
           dangerouslySetInnerHTML: { __html: d },
           __css: L.innerChild
         }
-      ) : d : null });
+      ) : /* @__PURE__ */ x.jsx(v1, { __css: L.innerChild, children: d }) : null });
     }
   )
 ), N6 = F1(
@@ -2298,20 +2298,22 @@ function B_(r) {
     caption: s,
     component: i,
     credit: p,
-    id: d,
-    isAtEnd: v,
-    isCentered: y,
-    isLazy: L,
-    layout: M,
-    size: E,
-    src: k
-  } = r, _ = R3("CardImage", {
-    imageIsAtEnd: v,
-    isCentered: y,
-    layout: M,
-    size: E
+    fallbackSrc: d,
+    id: v,
+    isAtEnd: y,
+    isCentered: L,
+    isLazy: M,
+    layout: E,
+    onError: k,
+    size: _,
+    src: R
+  } = r, O = R3("CardImage", {
+    imageIsAtEnd: y,
+    isCentered: L,
+    layout: E,
+    size: _
   });
-  return /* @__PURE__ */ x.jsx(v1, { __css: _, children: /* @__PURE__ */ x.jsx(
+  return /* @__PURE__ */ x.jsx(v1, { __css: O, children: /* @__PURE__ */ x.jsx(
     sa,
     {
       alt: a,
@@ -2319,10 +2321,12 @@ function B_(r) {
       caption: s,
       component: i,
       credit: p,
-      id: d,
-      isLazy: L,
-      size: E,
-      src: k
+      fallbackSrc: d,
+      id: v,
+      isLazy: M,
+      onError: k,
+      size: _,
+      src: R
     }
   ) });
 }
@@ -2377,9 +2381,11 @@ const uI = F1(
           caption: void 0,
           component: void 0,
           credit: void 0,
+          fallbackSrc: void 0,
           id: void 0,
           isAtEnd: !1,
           isLazy: !1,
+          onError: void 0,
           size: "default",
           src: ""
         },
@@ -2445,9 +2451,11 @@ const uI = F1(
                 caption: v.caption,
                 component: v.component,
                 credit: v.credit,
+                fallbackSrc: v.fallbackSrc,
                 id: v.id,
                 isAtEnd: v.isAtEnd,
                 isLazy: v.isLazy,
+                onError: v.onError,
                 layout: E,
                 size: v.size,
                 src: v.src ? v.src : void 0
@@ -2570,7 +2578,7 @@ const up = F1(
           children: [
             /* @__PURE__ */ x.jsxs("legend", { children: [
               p,
-              d && i && /* @__PURE__ */ x.jsx("span", { children: " (Required)" })
+              d && i && /* @__PURE__ */ x.jsx("span", { children: " (required)" })
             ] }),
             r
           ]
@@ -29480,7 +29488,7 @@ const Yh = F1(
         ...L,
         children: [
           o,
-          v && /* @__PURE__ */ x.jsx("span", { children: y ? ` (${y})` : " (Required)" })
+          v && /* @__PURE__ */ x.jsx("span", { children: y ? ` (${y})` : " (required)" })
         ]
       }
     );
@@ -29786,7 +29794,7 @@ const YN = {
       dateFormat: s
     }, s2 = {
       isRequired: O,
-      // In the date range type, don't display the "(Required)" text in
+      // In the date range type, don't display the "(required)" text in
       // individual input labels. It'll display in the legend element.
       showRequiredLabel: k ? !1 : x1,
       // Always display the labels for the input fields when
@@ -38212,7 +38220,7 @@ const Tz = F1(
                               invalidText: "There was a problem. Please fill out this field.",
                               isDisabled: i1,
                               isInvalid: Y,
-                              labelText: "Comment (Required)",
+                              labelText: "Comment (required)",
                               maxLength: H2,
                               name: `${i}-comment`,
                               onChange: (D2) => H1(D2.target.value),
@@ -40433,7 +40441,7 @@ const RU = c2((r, a) => {
       isRequired: k,
       showHelperInvalidText: !1,
       showLabel: !1
-    }, r1 = E ? L : v, p1 = r1 ? `${_} - ${r1}` : _, H1 = `${(A == null ? void 0 : A.placeholder) || "Search terms"} ${k ? "(Required)" : ""}`, x1 = O ? "noBrand" : "primary", { isLargerThanMobile: P1 } = da(), m1 = P1 ? "small" : "medium";
+    }, r1 = E ? L : v, p1 = r1 ? `${_} - ${r1}` : _, H1 = `${(A == null ? void 0 : A.placeholder) || "Search terms"} ${k ? "(required)" : ""}`, x1 = O ? "noBrand" : "primary", { isLargerThanMobile: P1 } = da(), m1 = P1 ? "small" : "medium";
     y || console.warn(
       "NYPL Reservoir SearchBar: This component's required `id` prop was not passed."
     );

package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -36,7 +36,7 @@ export interface CheckboxGroupProps {
     /** Offers the ability to show the group's legend onscreen or hide it. Refer
      * to the `labelText` property for more information. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
     /** The values to programmatically update the selected `Checkbox`es. */

package/dist/src/components/DatePicker/DatePicker.d.ts

@@ -26,7 +26,7 @@ interface DatePickerWrapperProps extends DateRangeRowProps {
     labelText: string;
     /** Offers the ability to show the label onscreen or hide it. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
 }

package/dist/src/components/Fieldset/Fieldset.d.ts

@@ -7,11 +7,11 @@ export interface FieldsetProps {
     id: string;
     /** Flag to show or hide the text in the `legend` element. False by default. */
     isLegendHidden?: boolean;
-    /** Flag to render "Required" in the `legend`. True by default. */
+    /** Flag to render "required" in the `legend`. True by default. */
     isRequired?: boolean;
     /** Text to display in the `legend` element. */
     legendText?: string;
-    /** Whether or not to display the "(Required)" text in the `legend` text.
+    /** Whether or not to display the "(required)" text in the `legend` text.
      * True by default. */
     showRequiredLabel?: boolean;
 }

package/dist/src/components/Label/Label.d.ts

@@ -10,10 +10,10 @@ export interface LabelProps {
     /** Controls whether the label should be inline with the input it goes with.
      * This prop should only be used internally. */
     isInlined?: boolean;
-    /** Controls whether the "(Required)" text should be displayed alongside the
+    /** Controls whether the "(required)" text should be displayed alongside the
      * label's text. False by default. */
     isRequired?: boolean;
-    /** Allows the '(Required)' text to be changed for language purposes
+    /** Allows the '(required)' text to be changed for language purposes
      * Note: Parenthesis will be added automatically by the component */
     requiredLabelText?: string;
 }

package/dist/src/components/RadioGroup/RadioGroup.d.ts

@@ -36,7 +36,7 @@ export interface RadioGroupProps {
     /** Offers the ability to show the group's legend onscreen or hide it. Refer
      * to the `labelText` property for more information. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
 }

package/dist/src/components/Select/Select.d.ts

@@ -45,7 +45,7 @@ export interface SelectProps {
     /** Offers the ability to show the select's label onscreen or hide it. Refer
      * to the `labelText` property for more information. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
     /** The value of the selected option.

package/dist/src/components/Slider/Slider.d.ts

@@ -45,7 +45,7 @@ export interface SliderProps {
     /** Offers the ability to show the label onscreen or hide it. Refer
      * to the `labelText` property for more information. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
     /** Offers the ability to hide the static min/max values. */

package/dist/src/components/TextInput/TextInput.d.ts

@@ -65,7 +65,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     pattern?: string;
     /** Populates the placeholder for the input/textarea elements */
     placeholder?: string;
-    /** Allows the '(Required)' text to be changed for language purposes
+    /** Allows the '(required)' text to be changed for language purposes
      * Note: Parenthesis will be added automatically by the component */
     requiredLabelText?: string;
     /** Offers the ability to hide the helper/invalid text. */
@@ -73,7 +73,7 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     /** Offers the ability to show the label onscreen or hide it. Refer to the
      * `labelText` property for more information. */
     showLabel?: boolean;
-    /** Whether or not to display the "(Required)" text in the label text.
+    /** Whether or not to display the "(required)" text in the label text.
      * True by default. */
     showRequiredLabel?: boolean;
     /** The amount to increase or decrease when using the number type. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nypl/design-system-react-components",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "NYPL Reservoir Design System React Components",
   "repository": {
     "type": "git",