@abgov/react-components 6.5.0-alpha.2 → 6.5.0-alpha.3

package/index.mjs

@@ -412,6 +412,8 @@ function GoabCheckbox({
   value,
   text,
   description,
+  reveal,
+  revealAriaLabel,
   maxWidth,
   children,
   onChange,
@@ -449,6 +451,7 @@ function GoabCheckbox({
       text,
       value: typeof value === "boolean" ? value ? "true" : void 0 : value,
       arialabel: ariaLabel,
+      revealarialabel: revealAriaLabel,
       description: typeof description === "string" ? description : void 0,
       maxwidth: maxWidth,
       mt,
@@ -456,8 +459,9 @@ function GoabCheckbox({
       mb,
       ml,
       children: [
-        description && typeof description !== "string" && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
-        children
+        children,
+        typeof description !== "string" && description && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
+        reveal && /* @__PURE__ */ jsx("div", { slot: "reveal", children: reveal })
       ]
     }
   );
@@ -573,6 +577,7 @@ function GoabDatePicker({
   max,
   testId,
   disabled,
+  type,
   mt,
   mr,
   mb,
@@ -588,11 +593,15 @@ function GoabDatePicker({
     const current = ref.current;
     const handleChange = (e) => {
       const detail = e.detail;
-      onChange(detail);
+      onChange == null ? void 0 : onChange(detail);
     };
-    current.addEventListener("_change", handleChange);
+    if (onChange) {
+      current.addEventListener("_change", handleChange);
+    }
     return () => {
-      current.removeEventListener("_change", handleChange);
+      if (onChange) {
+        current.removeEventListener("_change", handleChange);
+      }
     };
   }, [onChange]);
   return /* @__PURE__ */ jsx(
@@ -601,6 +610,7 @@ function GoabDatePicker({
       ref,
       name,
       value: (value == null ? void 0 : value.toISOString()) || "",
+      type,
       error: error ? "true" : void 0,
       disabled: disabled ? "true" : void 0,
       min: min == null ? void 0 : min.toISOString(),
@@ -2847,6 +2857,7 @@ function GoabInput({
   trailingContent,
   maxLength,
   trailingIconAriaLabel,
+  textAlign = "left",
   onTrailingIconClick,
   onChange,
   onFocus,
@@ -2924,6 +2935,7 @@ function GoabInput({
       ml,
       handletrailingiconclick: onTrailingIconClick ? "true" : "false",
       trailingiconarialabel: trailingIconAriaLabel,
+      textalign: textAlign,
       children: [
         leadingContent && /* @__PURE__ */ jsx("div", { slot: "leadingContent", children: leadingContent }),
         trailingContent && /* @__PURE__ */ jsx("div", { slot: "trailingContent", children: trailingContent })
@@ -3058,6 +3070,7 @@ function GoabInputNumber({
   min = Number.MIN_VALUE,
   max = Number.MAX_VALUE,
   value,
+  textAlign = "right",
   ...props
 }) {
   const onNumberChange = ({ name, value: value2 }) => {
@@ -3087,7 +3100,8 @@ function GoabInputNumber({
       onFocus,
       onBlur,
       type: "number",
-      onKeyPress
+      onKeyPress,
+      textAlign
     }
   );
 }
@@ -3339,6 +3353,8 @@ function GoabRadioItem({
   label,
   value,
   description,
+  reveal,
+  revealAriaLabel,
   maxWidth,
   disabled,
   checked,
@@ -3362,12 +3378,14 @@ function GoabRadioItem({
       disabled: disabled ? "true" : void 0,
       checked: checked ? "true" : void 0,
       arialabel: ariaLabel,
+      revealarialabel: revealAriaLabel,
       mt,
       mr,
       mb,
       ml,
       children: [
         description && typeof description !== "string" && /* @__PURE__ */ jsx("div", { slot: "description", children: description }),
+        reveal && /* @__PURE__ */ jsx("div", { slot: "reveal", children: reveal }),
         children
       ]
     }