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{' '}
+
+ Designsystemet - Core UI Kit
+ {' '}
+ community filen med ditt eget fargetema. Gå til{' '}
theme.designsystemet.no
{' '}
- 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.