@local-civics/mgmt-ui 0.1.86 → 0.1.88

package/dist/index.d.ts

@@ -565,7 +565,7 @@ type StartAnonymousLessonProps = {
     description: string;
     educatorName: string;
     studentName?: string;
-    onStart: () => void;
+    onStart: (name: string) => void;
 };
 /**
  * StartAnonymousLesson

package/dist/index.js

@@ -2406,7 +2406,7 @@ const useStyles$3 = core.createStyles((theme) => ({
     padding: theme.spacing.xl,
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[3]}`,
     borderRadius: theme.radius.md,
-    boxShadow: theme.shadows.lg,
+    boxShadow: theme.shadows.md,
     minWidth: 300,
     height: "fit-content"
   },
@@ -2476,7 +2476,7 @@ const StartAnonymousLesson = (props) => {
       onChange: (e) => setName(e.target.value),
       classNames: { input: classes.input, label: classes.inputLabel }
     }
-  ), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "right", mt: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Button, { disabled: !name && !props.studentName, onClick: props.onStart, className: classes.control }, !props.studentName ? "Start lesson" : "Continue lesson"))))));
+  ), /* @__PURE__ */ React__namespace.createElement(core.Group, { position: "right", mt: "md" }, /* @__PURE__ */ React__namespace.createElement(core.Button, { disabled: !name && !props.studentName, onClick: () => props.onStart(name), className: classes.control }, !props.studentName ? "Start lesson" : "Continue lesson"))))));
 };
 
 var __defProp$3 = Object.defineProperty;
@@ -2588,7 +2588,9 @@ const useStyles$2 = core.createStyles((theme, { checked }) => ({
     transition: "background-color 150ms ease, border-color 150ms ease",
     border: `1px solid ${checked ? theme.fn.variant({ variant: "outline", color: theme.primaryColor }).border : theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[3]}`,
     borderRadius: theme.radius.sm,
-    padding: theme.spacing.xl,
+    padding: theme.spacing.md,
+    paddingTop: theme.spacing.sm,
+    paddingBottom: theme.spacing.sm,
     backgroundColor: checked ? theme.fn.variant({ variant: "light", color: theme.primaryColor }).background : theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.white
   },
   body: {
@@ -2628,7 +2630,7 @@ function ImageCheckbox(_a) {
       className: cx(classes.button, className)
     }),
     /* @__PURE__ */ React__namespace.createElement(core.ThemeIcon, { variant: "light", size: "lg", color: "blue" }, /* @__PURE__ */ React__namespace.createElement(Icon, { size: 40 })),
-    /* @__PURE__ */ React__namespace.createElement("div", { className: classes.body }, /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", size: "xs", sx: { lineHeight: 1 }, mb: 5 }, description), /* @__PURE__ */ React__namespace.createElement(core.Text, { weight: 500, size: "md", sx: { lineHeight: 1 } }, title)),
+    /* @__PURE__ */ React__namespace.createElement("div", { className: classes.body }, /* @__PURE__ */ React__namespace.createElement(core.Text, { weight: 500, size: "sm", sx: { lineHeight: 1 } }, title)),
     /* @__PURE__ */ React__namespace.createElement(
       core.Checkbox,
       {
@@ -2652,7 +2654,7 @@ function SelectGrid(props) {
   return /* @__PURE__ */ React__namespace.createElement(
     core.SimpleGrid,
     {
-      cols: 3,
+      cols: 2,
       breakpoints: [
         { maxWidth: "md", cols: 2 },
         { maxWidth: "sm", cols: 1 }
@@ -2694,10 +2696,10 @@ const useStyles$1 = core.createStyles((theme) => ({
   },
   title: {
     fontFamily: `Greycliff CF, ${theme.fontFamily}`,
-    fontSize: 40,
+    fontSize: 50,
     color: theme.white,
     lineHeight: 1,
-    maxWidth: 450
+    maxWidth: 500
   },
   description: {
     color: theme.colors[theme.primaryColor][0],
@@ -2748,10 +2750,10 @@ const TrialRegistration = (props) => {
   const [lastName, setLastName] = React__namespace.useState("");
   const [schoolName, setSchoolName] = React__namespace.useState("");
   const [interests, setInterests] = React__namespace.useState({});
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 960, ml: "auto", mr: "auto", cols: 1, spacing: 15, breakpoints: [{ maxWidth: "sm", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement(core.Group, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 1300, ml: "auto", mr: "auto", cols: 2, spacing: 50, breakpoints: [{ maxWidth: "md", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement(core.Group, { spacing: "sm" }, /* @__PURE__ */ React__namespace.createElement(
     core.Image,
     {
-      height: 150,
+      height: 200,
       width: "auto",
       fit: "contain",
       src: "https://cdn.localcivics.io/brand/l.png"
@@ -2769,7 +2771,7 @@ const TrialRegistration = (props) => {
     core.TextInput,
     {
       label: "First Name",
-      placeholder: "Your first name",
+      placeholder: "Insert your first name",
       required: true,
       classNames: { input: classes.input, label: classes.inputLabel },
       onChange: (e) => setFirstName(e.target.value)
@@ -2778,7 +2780,7 @@ const TrialRegistration = (props) => {
     core.TextInput,
     {
       label: "Last Name",
-      placeholder: "Your last name",
+      placeholder: "Insert your last name",
       required: true,
       classNames: { input: classes.input, label: classes.inputLabel },
       onChange: (e) => setLastName(e.target.value)
@@ -2787,7 +2789,7 @@ const TrialRegistration = (props) => {
     core.TextInput,
     {
       label: "School Name (Optional)",
-      placeholder: "What school, if any, are you associated with?",
+      placeholder: "What's the name of your school?",
       classNames: { input: classes.input, label: classes.inputLabel },
       onChange: (e) => setSchoolName(e.target.value)
     }