From 49586a683f364bee80940fe260a6a8cbcd151e87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=98yvind=20Thune?= <oyvlei@gmail.com>
Date: Mon, 10 Jun 2024 20:01:04 +0200
Subject: [PATCH] Update figma plugin

---
 plugins/figma-sync/manifest.json                 |  6 ++++--
 plugins/figma-sync/src/plugin/plugin.ts          |  2 +-
 plugins/figma-sync/src/ui/App.css                |  2 +-
 .../figma-sync/src/ui/pages/PageOne/PageOne.tsx  | 16 +++++++++++-----
 4 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/plugins/figma-sync/manifest.json b/plugins/figma-sync/manifest.json
index 54db69ae87..afe8136196 100644
--- a/plugins/figma-sync/manifest.json
+++ b/plugins/figma-sync/manifest.json
@@ -1,10 +1,12 @@
 {
   "name": "Designsystemet (beta)",
-  "id": "1222852692367737510",
+  "id": "1382044395533039221",
   "api": "1.0.0",
   "main": "dist/plugin.js",
   "ui": "dist/index.html",
   "capabilities": [],
   "enableProposedApi": false,
-  "editorType": ["figma"]
+  "editorType": ["figma"],
+  "documentAccess": "dynamic-page",
+  "networkAccess": { "allowedDomains": ["none"] }
 }
diff --git a/plugins/figma-sync/src/plugin/plugin.ts b/plugins/figma-sync/src/plugin/plugin.ts
index d9ad5b725a..245033bc21 100644
--- a/plugins/figma-sync/src/plugin/plugin.ts
+++ b/plugins/figma-sync/src/plugin/plugin.ts
@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-unsafe-call */
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 
-figma.showUI(__html__, { width: 600, height: 575 });
+figma.showUI(__html__, { width: 590, height: 575 });
 
 function hexToRgb(hex: string) {
   const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
diff --git a/plugins/figma-sync/src/ui/App.css b/plugins/figma-sync/src/ui/App.css
index 31dd0c65ce..7ef1c96250 100644
--- a/plugins/figma-sync/src/ui/App.css
+++ b/plugins/figma-sync/src/ui/App.css
@@ -20,7 +20,7 @@ body {
 
 .paragraph {
   margin-bottom: 20px;
-  max-width: 85%;
+  max-width: 98%;
 }
 
 .modes {
diff --git a/plugins/figma-sync/src/ui/pages/PageOne/PageOne.tsx b/plugins/figma-sync/src/ui/pages/PageOne/PageOne.tsx
index efbb89f229..4ddf3380e9 100644
--- a/plugins/figma-sync/src/ui/pages/PageOne/PageOne.tsx
+++ b/plugins/figma-sync/src/ui/pages/PageOne/PageOne.tsx
@@ -6,7 +6,6 @@ import {
   Textarea,
   Button,
   Link,
-  Spinner,
 } from '@digdir/designsystemet-react';
 import React, { useState } from 'react';
 
@@ -58,7 +57,7 @@ function PageOne() {
     }
 
     if (!isJsonValid(jsonText) || !isJsonCorrect(jsonText)) {
-      setErrorText('Ugyldig JSON, prøv å kopier og lim inn på nytt.');
+      setErrorText('Ugyldig JSON, prøv og kopier og lim inn på nytt.');
       setJsonText('');
       return;
     }
@@ -92,15 +91,22 @@ function PageOne() {
           size='sm'
           className='paragraph'
         >
-          Oppdater fargene i Core UI Kit via designsystemet sin temagenerator.
-          Gå inn på{' '}
+          Oppdater{' '}
+          <Link
+            target='_blank'
+            href='https://www.figma.com/community/file/1322138390374166141/designsystemet-core-ui-kit'
+          >
+            Designsystemet - Core UI Kit
+          </Link>{' '}
+          community filen med ditt eget fargetema. Gå til{' '}
           <Link
             target='_blank'
             href='https://theme.designsystemet.no/'
           >
             theme.designsystemet.no
           </Link>{' '}
-          og lag temaet ditt, velg mode og lim inn JSON i feltet under.
+          og lag temaet ditt, velg light- eller dark mode og lim inn JSON koden
+          i feltet under.
         </Paragraph>
 
         <ToggleGroup