feat: upgrade clockface from 3.12.0 => 4.0.1 (#4568)

Author: hoorayimhelping

package.json

@@ -163,7 +163,7 @@
   },
   "dependencies": {
     "@docsearch/react": "^3.0.0-alpha.37",
-    "@influxdata/clockface": "^3.12.0",
+    "@influxdata/clockface": "^4.0.1",
     "@influxdata/flux-lsp-browser": "0.8.8",
     "@influxdata/giraffe": "^2.25.0",
     "@influxdata/influxdb-templates": "0.9.0",

src/me/components/PinnedItems.tsx

@@ -104,7 +104,7 @@ const PinnedItems: FC = () => {
             >
               <ResourceCard.Meta>
                 <Heading
-                  type={Typeface.IBMPlexMono}
+                  type={Typeface.RobotoMono}
                   element={HeadingElement.H5}
                   testID="pinneditems--type"
                 >

src/onboarding/components/HelperText.tsx

@@ -1,15 +1,9 @@
 import React, {FC} from 'react'
-import {
-  FontWeight,
-  Heading,
-  HeadingElement,
-  Typeface,
-} from '@influxdata/clockface'
+import {FontWeight, Heading, HeadingElement} from '@influxdata/clockface'
 
 const HelperText: FC = ({children}) => (
   <Heading
     element={HeadingElement.H6}
-    type={Typeface.Rubik}
     weight={FontWeight.Regular}
     className="helper-link-text"
     selectable={true}

src/onboarding/containers/LoginPage.tsx

@@ -6,7 +6,6 @@ import {
   FunnelPage,
   Heading,
   HeadingElement,
-  Typeface,
 } from '@influxdata/clockface'
 import {useHistory} from 'react-router-dom'
 import Notifications from 'src/shared/components/notifications/Notifications'
@@ -61,7 +60,6 @@ export const LoginPage: FC = () => {
         <FunnelPage enableGraphic={true} logo={<CloudLogoWithCubo />}>
           <Heading
             element={HeadingElement.H1}
-            type={Typeface.Rubik}
             weight={FontWeight.Regular}
             className="cf-funnel-page--title"
           >

yarn.lock

@@ -1437,10 +1437,10 @@
     gud "^1.0.0"
     warning "^4.0.3"
 
-"@influxdata/clockface@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/@influxdata/clockface/-/clockface-3.12.0.tgz#707715f935e81c65e18f59409af48602fe731a9f"
-  integrity sha512-p2n0QkHeDINhK2ryt2YRuBbmE7LU5I9swyV/VH4m9s20gG3gQ+JubrPhCNWdC007Lw//0UnYtCJlA5qPAOJ5dw==
+"@influxdata/clockface@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@influxdata/clockface/-/clockface-4.0.1.tgz#fe9175301b3c7914bf2165e15f0a904572aadeff"
+  integrity sha512-c4tFxs1/9zR3kc7/Y77mZdo6NsThznfYz+q6O64PqOykqDClgpfCzbpVmG+Tfm06Je4jF4Om3Ssek3cC6lYodw==
 
 "@influxdata/flux-lsp-browser@0.8.8":
   version "0.8.8"