Merge pull request #1632 from privy-open-source/feat/sync-icon

chore: sync with figma

Author: adenvt

packages/persona-icon/font/persona-icon.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'Persona Icon';
-  src: url('../font/persona-icon.eot?0829651b');
-  src: url('../font/persona-icon.eot?0829651b#iefix') format('embedded-opentype'),
-       url('../font/persona-icon.woff2?4f92fc5b') format('woff2'),
-       url('../font/persona-icon.woff?85d1487f') format('woff'),
-       url('../font/persona-icon.ttf?fee8affe') format('truetype'),
+  src: url('../font/persona-icon.eot?0975cc70');
+  src: url('../font/persona-icon.eot?0975cc70#iefix') format('embedded-opentype'),
+       url('../font/persona-icon.woff2?13b1d59d') format('woff2'),
+       url('../font/persona-icon.woff?7ae47b0b') format('woff'),
+       url('../font/persona-icon.ttf?83fd871d') format('truetype'),
        url('../font/persona-icon.svg?5da0a5a4#Persona%20Icon') format('svg');
   font-weight: normal;
   font-style: normal;

packages/persona-icon/font/persona-icon.eot

@@ -0,0 +1 @@
+4885d9bdd05ba16fad9562ce2c7ff5758e64bb191c4229427dea90baef895bdf

packages/persona-icon/font/persona-icon.sha256

@@ -0,0 +1,9 @@
+/* eslint-disable no-console */
+/* eslint-disable unicorn/prefer-top-level-await */
+import { createFont } from './create-font.js'
+
+async function main () {
+  await createFont()
+}
+
+void main()

packages/persona-icon/font/persona-icon.ttf

@@ -120,19 +120,28 @@ export async function createFont () {
     buffer: svg,
   } = await createSVG()
 
-  const ttf   = await createTtf(svg)
-  const woff  = await createWoff(ttf)
-  const woff2 = await createWoff2(ttf)
-  const eot   = await createEot(ttf)
+  await ensureFile(resolve(FONT_DIR, 'persona-icon.sha256'))
+
+  const oldChecksum = await readFile(resolve(FONT_DIR, 'persona-icon.sha256')).then((c) => c.toString())
+  const newChecksum = createHash('sha256').update(svg).digest('hex')
+
+  if (oldChecksum !== newChecksum) {
+    const ttf   = await createTtf(svg)
+    const woff  = await createWoff(ttf)
+    const woff2 = await createWoff2(ttf)
+    const eot   = await createEot(ttf)
+
+    await createCss({
+      glyphs,
+      svg,
+      ttf,
+      eot,
+      woff,
+      woff2,
+    })
+  }
 
-  await createCss({
-    glyphs,
-    svg,
-    ttf,
-    eot,
-    woff,
-    woff2,
-  })
+  await writeFile(resolve(FONT_DIR, 'persona-icon.sha256'), newChecksum)
 }
 
 function hash (buffer: Buffer | string, length = 4) {