@local-civics/hub-ui 0.1.131 → 0.1.133

package/dist/index.js

@@ -1011,7 +1011,7 @@ const Button = (props) => {
   withBorder(config, props.border);
   withSpacing(config, props.spacing, props.wide);
   const onClick = () => !props.active && !props.disabled && props.onClick && props.onClick();
-  return /* @__PURE__ */ React.createElement("button", { disabled: props.disabled, type: props.type, className: classname(config.button), onClick }, props.icon && /* @__PURE__ */ React.createElement("span", { className: classname(config.icon) }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.icon })), props.logo && /* @__PURE__ */ React.createElement("span", { className: classname(config.logo) }, /* @__PURE__ */ React.createElement(Logo, null)), (props.text || props.footer) && /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 justify-items-start gap-4" }, props.text && /* @__PURE__ */ React.createElement("div", { className: "text-left whitespace-nowrap" }, props.text), props.footer && /* @__PURE__ */ React.createElement("div", { className: "text-[0.5rem] font-semibold" }, props.footer)));
+  return /* @__PURE__ */ React.createElement("button", { disabled: props.disabled, type: props.type, className: classname(config.button), onClick }, props.icon && /* @__PURE__ */ React.createElement("span", { className: classname(config.icon) }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.icon })), props.logo && /* @__PURE__ */ React.createElement("span", { className: classname(config.logo) }, /* @__PURE__ */ React.createElement(Logo, null)), (props.text || props.footer) && /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 justify-items-start gap-4" }, props.text && /* @__PURE__ */ React.createElement("div", { className: "text-center whitespace-nowrap" }, props.text), props.footer && /* @__PURE__ */ React.createElement("div", { className: "text-[0.5rem] font-semibold" }, props.footer)));
 };
 const defaultConfig$1 = () => {
   const config = {
@@ -4165,11 +4165,12 @@ const FormSubmitDialog$1 = (props) => {
     {
       wide: true,
       spacing: "md",
+      justify: "center",
       border: "rounded",
       color: "blue",
       theme: "dark",
       text: "Edit Lesson",
-      size: "md",
+      size: "md-small-text",
       onClick: props.onEditLesson
     }
   ), /* @__PURE__ */ React.createElement(
@@ -4177,11 +4178,12 @@ const FormSubmitDialog$1 = (props) => {
     {
       wide: true,
       spacing: "md",
+      justify: "center",
       border: "rounded",
       color: "blue",
       theme: "dark",
       text: "Back to Badge",
-      size: "md",
+      size: "md-small-text",
       onClick: props.onBackToBadge
     }
   ))));
@@ -4679,7 +4681,7 @@ const Registration = (props) => {
     givenName,
     familyName,
     grade,
-    impactStatement
+    impactStatement: impactStatement || ""
   });
   return /* @__PURE__ */ React.createElement(
     "form",
@@ -4746,7 +4748,7 @@ const Registration = (props) => {
       {
         placeholder: "E.g., I would like to encourage my community to become more educated on issues that directly affect us, as well as make sure my community is a place where everyone is welcome.",
         onChange: (e) => setImpactStatement(e.target.value),
-        value: impactStatement,
+        defaultValue: impactStatement,
         className: "resize-none text-slate-500 focus:text-slate-600 h-24 mt-1 block w-full px-3 py-2 bg-white border border-slate-300 rounded-md text-sm shadow-sm placeholder-slate-400\n        focus:outline-none focus:border-sky-500 focus:ring-1 focus:ring-sky-500\n        disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     )))),