updates

app/components/shared/Tooltip/Tooltip.tsx

@@ -5,7 +5,7 @@ export type { TooltipProps }
 export default function Tooltip(props: TooltipProps) {
   const { children, ...tooltipProps } = props
   return (
-    <MantineTooltip wrapLines={tooltipProps.wrapLines ?? true} {...tooltipProps}>
+    <MantineTooltip multiline={tooltipProps.multiline ?? true} {...tooltipProps}>
       {children}
     </MantineTooltip>
   )

app/routes/validate.tsx

@@ -15,14 +15,11 @@ export default function ValidateEmail() {
         <Grid grow align="center" gutter="lg" justify="center">
           <Grid.Col className="pokt-validate__content" sm={7} xs={12}>
             <Box className="pokt-validate__title">
-              <Title css={{ fontWeight: "$regular" }} order={1}>
+              <Title order={1} style={{ fontWeight: 500 }}>
                 Email Verification{" "}
                 <Title
-                  css={{
-                    color: "var(--color-secondary-main)",
-                    fontWeight: "$bold",
-                  }}
                   order={1}
+                  style={{ color: "var(--color-secondary-main)", fontWeight: 700 }}
                 >
                   Sent
                 </Title>

app/views/faqs/faqsView.tsx

@@ -40,17 +40,17 @@ export default function FaqsView({ categories }: FaqsViewProps) {
                   ? value[0].category?.translations[0]?.display
                   : ""}
               </h2>
-              <Accordion className="faqs">
+              <Accordion chevronPosition="right" className="faqs">
                 {value.map((item) => (
-                  <Accordion.Item
-                    key={item.id}
-                    className="faqs-item"
-                    iconPosition="right"
-                    label={item.translations ? item.translations[0]?.question : ""}
-                  >
-                    {item.translations && item.translations[0]?.answer && (
-                      <Remark>{item.translations[0].answer ?? ""}</Remark>
-                    )}
+                  <Accordion.Item key={item.id} className="faqs-item" value={item.id}>
+                    <Accordion.Control>
+                      {item.translations ? String(item.translations[0]?.question) : ""}
+                    </Accordion.Control>
+                    <Accordion.Panel>
+                      {item.translations && item.translations[0]?.answer && (
+                        <Remark>{item.translations[0].answer ?? ""}</Remark>
+                      )}
+                    </Accordion.Panel>
                   </Accordion.Item>
                 ))}
               </Accordion>

package.json

@@ -33,7 +33,7 @@
     "@mantine/hooks": "^5.6.2",
     "@mantine/remix": "^5.6.2",
     "@mantine/ssr": "^4.2.2",
-    "@pokt-foundation/pocket-blocks": "^2.0.0-alpha.1",
+    "@pokt-foundation/pocket-blocks": "^2.0.0-alpha.3",
     "@pokt-foundation/pocketjs-isomorphic-provider": "^1.0.0",
     "@pokt-foundation/ui": "^0.3.9",
     "@radix-ui/react-dropdown-menu": "^0.1.6",