@local-civics/hub-ui 0.1.129 → 0.1.131

package/dist/index.d.ts

@@ -335,7 +335,7 @@ type ButtonColor = "slate" | "sky" | "green" | "rose" | "emerald" | "primary" |
 /**
  * The button size.
  */
-type ButtonSize = "tiny" | "xs" | "sm" | "md" | "lg" | "xl" | "full:sm" | "full:md";
+type ButtonSize = "tiny" | "xs" | "sm" | "md" | "md-small-text" | "lg" | "xl" | "full:sm" | "full:md";
 /**
  * The button spacing.
  */

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" }, 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-left whitespace-nowrap" }, props.text), props.footer && /* @__PURE__ */ React.createElement("div", { className: "text-[0.5rem] font-semibold" }, props.footer)));
 };
 const defaultConfig$1 = () => {
   const config = {
@@ -1285,6 +1285,10 @@ const withSize = (config, size) => {
       config.icon.size = "w-5 h-5";
       config.logo.size = "w-28 h-5 -ml-1";
       break;
+    case "md-small-text":
+      config.button.size.text = "text-sm";
+      config.icon.size = "w-5 h-5";
+      config.logo.size = "w-28 h-5 -ml-1";
     case "lg":
       config.button.size.text = "text-md";
       config.icon.size = "w-6 h-6";
@@ -4742,7 +4746,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),
-        defaultValue: impactStatement,
+        value: 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"
       }
     )))),