@local-civics/mgmt-ui 0.1.85 → 0.1.87

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"
   },
@@ -2465,7 +2465,7 @@ const useStyles$3 = core.createStyles((theme) => ({
 const StartAnonymousLesson = (props) => {
   const { classes } = useStyles$3();
   const [name, setName] = React__namespace.useState("");
-  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.Container, null, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 960, cols: 2, spacing: 15, breakpoints: [{ maxWidth: "sm", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement("div", { className: classes.content }, /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "violet" }, "Anonymous"), /* @__PURE__ */ React__namespace.createElement(core.Title, { className: classes.title }, props.title), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", mt: "md" }, props.description), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", mt: "md" }, "Instructed by ", props.educatorName, ".")), /* @__PURE__ */ React__namespace.createElement("div", { className: classes.form }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React__namespace.createElement(core.Container, null, /* @__PURE__ */ React__namespace.createElement(core.SimpleGrid, { maw: 960, cols: 2, spacing: 15, breakpoints: [{ maxWidth: "sm", cols: 1 }] }, /* @__PURE__ */ React__namespace.createElement("div", { className: classes.content }, /* @__PURE__ */ React__namespace.createElement(core.Badge, { color: "violet" }, "Community"), /* @__PURE__ */ React__namespace.createElement(core.Title, { className: classes.title }, props.title), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", mt: "md" }, props.description), /* @__PURE__ */ React__namespace.createElement(core.Text, { color: "dimmed", mt: "md" }, "Instructed by ", props.educatorName, ".")), /* @__PURE__ */ React__namespace.createElement("div", { className: classes.form }, /* @__PURE__ */ React__namespace.createElement(
     core.TextInput,
     {
       label: "Name",
@@ -2588,7 +2588,7 @@ 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,
     backgroundColor: checked ? theme.fn.variant({ variant: "light", color: theme.primaryColor }).background : theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.white
   },
   body: {
@@ -2628,7 +2628,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 +2652,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,8 +2694,10 @@ const useStyles$1 = core.createStyles((theme) => ({
   },
   title: {
     fontFamily: `Greycliff CF, ${theme.fontFamily}`,
+    fontSize: 50,
     color: theme.white,
-    lineHeight: 1
+    lineHeight: 1,
+    maxWidth: 500
   },
   description: {
     color: theme.colors[theme.primaryColor][0],
@@ -2746,10 +2748,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: 1200, 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: 100,
+      height: 200,
       width: "auto",
       fit: "contain",
       src: "https://cdn.localcivics.io/brand/l.png"
@@ -2767,7 +2769,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)
@@ -2776,7 +2778,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)
@@ -2785,7 +2787,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)
     }