Update figma plugin

digdir · Jun 10, 2024 · 49586a6 · 49586a6
1 parent 1a3f169
commit 49586a6
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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