HelpText -> Text

app/scenes/Document/components/Contents.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styled from "styled-components";
 import breakpoint from "styled-components-breakpoint";
-import HelpText from "~/components/HelpText";
+import Text from "~/components/Text";
 import useWindowScrollPosition from "~/hooks/useWindowScrollPosition";
 
 const HEADING_OFFSET = 20;
@@ -111,7 +111,7 @@ const Heading = styled.h3`
   letter-spacing: 0.04em;
 `;
 
-const Empty = styled(HelpText)`
+const Empty = styled(Text)`
   margin: 1em 0 4em;
   padding-right: 2em;
   font-size: 14px;

app/scenes/Document/components/SharePopover.tsx

@@ -10,10 +10,10 @@ import Share from "~/models/Share";
 import Button from "~/components/Button";
 import CopyToClipboard from "~/components/CopyToClipboard";
 import Flex from "~/components/Flex";
-import HelpText from "~/components/HelpText";
 import Input from "~/components/Input";
 import Notice from "~/components/Notice";
 import Switch from "~/components/Switch";
+import Text from "~/components/Text";
 import useKeyDown from "~/hooks/useKeyDown";
 import useStores from "~/hooks/useStores";
 import useToasts from "~/hooks/useToasts";
@@ -164,7 +164,9 @@ function SharePopover({
           </SwitchLabel>
         </SwitchWrapper>
       ) : (
-        <HelpText>{t("Only team members with permission can view")}</HelpText>
+        <Text type="secondary">
+          {t("Only team members with permission can view")}
+        </Text>
       )}
 
       {canPublish && share?.published && !document.isDraft && (
@@ -231,7 +233,7 @@ const SwitchLabel = styled(Flex)`
   }
 `;
 
-const SwitchText = styled(HelpText)`
+const SwitchText = styled(Text)`
   margin: 0;
   font-size: 15px;
 `;