chore: Convert <Text /> component to span by default

app/scenes/Settings/ApiKeys.tsx

@@ -43,7 +43,7 @@ function ApiKeys() {
       }
     >
       <Heading>{t("API Tokens")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans
           defaults="You can create an unlimited amount of personal tokens to authenticate
           with the API. Tokens have the same permissions as your user account.

app/scenes/Settings/Details.tsx

@@ -136,7 +136,7 @@ function Details() {
     <ThemeProvider theme={newTheme}>
       <Scene title={t("Details")} icon={<TeamIcon />}>
         <Heading>{t("Details")}</Heading>
-        <Text type="secondary">
+        <Text as="p" type="secondary">
           <Trans>
             These settings affect the way that your workspace appears to
             everyone on the team.

app/scenes/Settings/Export.tsx

@@ -34,7 +34,7 @@ function Export() {
   return (
     <Scene title={t("Export")} icon={<DownloadIcon />}>
       <Heading>{t("Export")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans
           defaults="A full export might take some time, consider exporting a single document or collection. The exported data is a zip of your documents in Markdown format. You may leave this page once the export has started – if you have notifications enabled, we will email a link to <em>{{ userEmail }}</em> when it’s complete."
           values={{

app/scenes/Settings/Features.tsx

@@ -29,7 +29,7 @@ function Features() {
   return (
     <Scene title={t("Features")} icon={<BeakerIcon />}>
       <Heading>{t("Features")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Manage optional and beta features. Changing these settings will affect
           the experience for all members of the workspace.

app/scenes/Settings/GoogleAnalytics.tsx

@@ -78,7 +78,7 @@ function GoogleAnalytics() {
     <Scene title={t("Google Analytics")} icon={<GoogleIcon />}>
       <Heading>{t("Google Analytics")}</Heading>
 
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Add a Google Analytics 4 measurement ID to send document views and
           analytics from the workspace to your own Google Analytics account.

app/scenes/Settings/Groups.tsx

@@ -48,7 +48,7 @@ function Groups() {
       }
     >
       <Heading>{t("Groups")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Groups can be used to organize and manage the people on your team.
         </Trans>

app/scenes/Settings/Import.tsx

@@ -28,7 +28,7 @@ function Import() {
   return (
     <Scene title={t("Import")} icon={<NewDocumentIcon />}>
       <Heading>{t("Import")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Quickly transfer your existing documents, pages, and files from other
           tools and services into {{ appName }}. You can also drag and drop any

app/scenes/Settings/Members.tsx

@@ -167,7 +167,7 @@ function Members() {
       wide
     >
       <Heading>{t("Members")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Everyone that has signed into {{ appName }} is listed here. It’s
           possible that there are other users who have access through{" "}

app/scenes/Settings/Notifications.tsx

@@ -131,7 +131,7 @@ function Notifications() {
           </Trans>
         </Notice>
       )}
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>Manage when and where you receive email notifications.</Trans>
       </Text>
 

app/scenes/Settings/Preferences.tsx

@@ -50,7 +50,7 @@ function Preferences() {
   return (
     <Scene title={t("Preferences")} icon={<SettingsIcon />}>
       <Heading>{t("Preferences")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>Manage settings that affect your personal experience.</Trans>
       </Text>
 

app/scenes/Settings/Profile.tsx

@@ -48,7 +48,7 @@ const Profile = () => {
   return (
     <Scene title={t("Profile")} icon={<ProfileIcon />}>
       <Heading>{t("Profile")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>Manage how you appear to other members of the workspace.</Trans>
       </Text>
 

app/scenes/Settings/Security.tsx

@@ -135,7 +135,7 @@ function Security() {
   return (
     <Scene title={t("Security")} icon={<PadlockIcon />}>
       <Heading>{t("Security")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Settings that impact the access, security, and content of your
           workspace.
@@ -164,7 +164,7 @@ function Security() {
                 color={provider.isActive ? theme.accent : undefined}
                 checked={provider.isActive}
               />{" "}
-              <Text type="secondary">
+              <Text as="p" type="secondary">
                 {provider.isActive ? t("Connected") : t("Disabled")}
               </Text>
             </Flex>

app/scenes/Settings/Shares.tsx

@@ -86,7 +86,7 @@ function Shares() {
         </>
       )}
 
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Documents that have been shared are listed below. Anyone that has the
           public link can access a read-only version of the document until the

app/scenes/Settings/Templates.tsx

@@ -34,7 +34,7 @@ function Templates() {
       }
     >
       <Heading>{t("Templates")}</Heading>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           You can create templates to help your team create consistent and
           accurate documentation.

app/scenes/Settings/Zapier.tsx

@@ -28,7 +28,7 @@ function Zapier() {
           key="zapier-styles"
         />
       </Helmet>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <Trans>
           Zapier is a platform that allows {{ appName }} to easily integrate
           with thousands of other business tools. Automate your workflows, sync

app/scenes/Settings/components/HelpDisclosure.tsx

@@ -33,7 +33,7 @@ const HelpDisclosure: React.FC<Props> = ({ title, children }: Props) => {
         )}
       </Disclosure>
       <HelpContent {...disclosure}>
-        <Text type="secondary">
+        <Text as="p" type="secondary">
           <br />
           {children}
         </Text>

app/scenes/Settings/components/ImportJSONDialog.tsx

@@ -14,7 +14,7 @@ function ImportJSONDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.JSON}

app/scenes/Settings/components/ImportMarkdownDialog.tsx

@@ -14,7 +14,7 @@ function ImportMarkdownDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.MarkdownZip}

app/scenes/Settings/components/ImportNotionDialog.tsx

@@ -13,7 +13,7 @@ function ImportNotionDialog() {
 
   return (
     <Flex column>
-      <Text type="secondary">
+      <Text as="p" type="secondary">
         <DropToImport
           onSubmit={dialogs.closeAllModals}
           format={FileOperationFormat.Notion}

app/scenes/Settings/components/SettingRow.tsx

@@ -74,7 +74,11 @@ const SettingRow: React.FC<Props> = ({
         <Label as="h3">
           <label htmlFor={name}>{label}</label>
         </Label>
-        {description && <Text type="secondary">{description}</Text>}
+        {description && (
+          <Text as="p" type="secondary">
+            {description}
+          </Text>
+        )}
       </Column>
       <Column>{children}</Column>
     </Row>