Testing directions: 1 step forward, 2 steps back.

design-tokens/$designsystemet.jsonc

@@ -0,0 +1,4 @@
+{
+  "name": "@digdir/designsystemet",
+  "version": "1.7.3"
+}

design-tokens/$metadata.json

@@ -0,0 +1,26 @@
+{
+  "tokenSetOrder": [
+    "primitives/globals",
+    "primitives/modes/size/small",
+    "primitives/modes/size/medium",
+    "primitives/modes/size/large",
+    "primitives/modes/size/global",
+    "primitives/modes/typography/size/small",
+    "primitives/modes/typography/size/medium",
+    "primitives/modes/typography/size/large",
+    "primitives/modes/typography/primary/ntnu",
+    "primitives/modes/typography/secondary/ntnu",
+    "primitives/modes/color-scheme/dark/ntnu",
+    "primitives/modes/color-scheme/light/ntnu",
+    "themes/ntnu",
+    "semantic/color",
+    "semantic/modes/main-color/accent",
+    "semantic/modes/main-color/base",
+    "semantic/modes/main-color/primary",
+    "semantic/modes/main-color/secondary",
+    "semantic/modes/support-color/vimu",
+    "semantic/modes/support-color/ub",
+    "semantic/modes/support-color/student",
+    "semantic/style"
+  ]
+}

design-tokens/$themes.json

@@ -0,0 +1,159 @@
+[
+  {
+    "id": "8b2c8cc86611a34b135cb22948666779361fd729",
+    "name": "medium",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/medium": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/medium": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:1",
+    "group": "Size"
+  },
+  {
+    "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
+    "name": "large",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/large": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/large": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:2",
+    "group": "Size"
+  },
+  {
+    "id": "fb11567729c298ca37c9da4e3a27716a23480824",
+    "name": "small",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/small": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/small": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:3",
+    "group": "Size"
+  },
+  {
+    "id": "07785b10ed087994e6be601bef79d3af7684ba54",
+    "$figmaCollectionId": "VariableCollectionId:36528:61712",
+    "$figmaModeId": "40960:6",
+    "name": "ntnu",
+    "selectedTokenSets": {
+      "themes/ntnu": "enabled"
+    },
+    "group": "Theme"
+  },
+  {
+    "id": "368d753fcac4455f289500eaa42e70dc0a03522f",
+    "$figmaCollectionId": "VariableCollectionId:36248:20769",
+    "$figmaModeId": "36248:2",
+    "name": "Primary",
+    "selectedTokenSets": {
+      "primitives/modes/typography/primary/ntnu": "enabled"
+    },
+    "group": "Typography"
+  },
+  {
+    "id": "264b8bd1d40b364e1ea3acf09e49795ddd4c513c",
+    "$figmaCollectionId": "VariableCollectionId:36248:20769",
+    "$figmaModeId": "36248:3",
+    "name": "Secondary",
+    "selectedTokenSets": {
+      "primitives/modes/typography/secondary/ntnu": "enabled"
+    },
+    "group": "Typography"
+  },
+  {
+    "name": "Dark",
+    "selectedTokenSets": {
+      "primitives/modes/color-scheme/dark/ntnu": "enabled"
+    },
+    "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
+    "$figmaCollectionId": "VariableCollectionId:34811:5472",
+    "$figmaModeId": "34811:1",
+    "group": "Color scheme"
+  },
+  {
+    "name": "Light",
+    "selectedTokenSets": {
+      "primitives/modes/color-scheme/light/ntnu": "enabled"
+    },
+    "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
+    "$figmaCollectionId": "VariableCollectionId:34811:5472",
+    "$figmaModeId": "34811:0",
+    "group": "Color scheme"
+  },
+  {
+    "id": "541629445ef90ad5363f9e88f52a1ccb617e6f84",
+    "name": "Semantic",
+    "selectedTokenSets": {
+      "semantic/style": "enabled",
+      "semantic/color": "enabled",
+      "primitives/globals": "source"
+    },
+    "$figmaCollectionId": "VariableCollectionId:34811:5976",
+    "$figmaModeId": "34811:5",
+    "group": "Semantic"
+  },
+  {
+    "id": "77029e975ec86efe4b92eb0be546d61959085bd1",
+    "name": "accent",
+    "selectedTokenSets": {
+      "semantic/modes/main-color/accent": "enabled"
+    },
+    "group": "Main color"
+  },
+  {
+    "id": "d3d13a7b4bd42efbfa75922c54630b9bb6bdd56d",
+    "name": "base",
+    "selectedTokenSets": {
+      "semantic/modes/main-color/base": "enabled"
+    },
+    "group": "Main color"
+  },
+  {
+    "id": "593774a74235b661fff40693ca7bda160aadfb74",
+    "name": "primary",
+    "selectedTokenSets": {
+      "semantic/modes/main-color/primary": "enabled"
+    },
+    "group": "Main color"
+  },
+  {
+    "id": "e610f39341776da3131ab35ba751b53d9a14b80a",
+    "name": "secondary",
+    "selectedTokenSets": {
+      "semantic/modes/main-color/secondary": "enabled"
+    },
+    "group": "Main color"
+  },
+  {
+    "id": "4de07c8fb02a00a2278ea6bc04c6b2ed79c13b9c",
+    "name": "vimu",
+    "selectedTokenSets": {
+      "semantic/modes/support-color/vimu": "enabled"
+    },
+    "group": "Support color"
+  },
+  {
+    "id": "e7306b49409eb94d27ce9a52e22fe4809f8a0708",
+    "name": "ub",
+    "selectedTokenSets": {
+      "semantic/modes/support-color/ub": "enabled"
+    },
+    "group": "Support color"
+  },
+  {
+    "id": "da1649bc0c9a5da02f9a397759175a21171d9577",
+    "name": "student",
+    "selectedTokenSets": {
+      "semantic/modes/support-color/student": "enabled"
+    },
+    "group": "Support color"
+  }
+]

design-tokens/primitives/globals.json

@@ -0,0 +1,143 @@
+{
+  "border-width": {
+    "1": {
+      "$type": "borderWidth",
+      "$value": "1px"
+    },
+    "3": {
+      "$type": "borderWidth",
+      "$value": "3px"
+    }
+  },
+  "shadow": {
+    "100": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "color": "rgba(0,0,0,0.16)",
+          "x": "0",
+          "y": "0",
+          "blur": "1",
+          "spread": "0"
+        },
+        {
+          "x": "0",
+          "y": "1",
+          "blur": "2",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.12)"
+        }
+      ]
+    },
+    "200": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "color": "rgba(0,0,0,0.15)",
+          "x": "0",
+          "y": "0",
+          "blur": "1",
+          "spread": "0"
+        },
+        {
+          "color": "rgba(0,0,0,0.12)",
+          "x": "0",
+          "y": "1",
+          "blur": "2",
+          "spread": "0"
+        },
+        {
+          "x": "0",
+          "y": "2",
+          "blur": "4",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.1)"
+        }
+      ]
+    },
+    "300": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "color": "rgba(0,0,0,0.14)",
+          "x": "0",
+          "y": "0",
+          "blur": "1",
+          "spread": "0"
+        },
+        {
+          "color": "rgba(0,0,0,0.12)",
+          "x": "0",
+          "y": "2",
+          "blur": "4",
+          "spread": "0"
+        },
+        {
+          "x": "0",
+          "y": "4",
+          "blur": "8",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.12)"
+        }
+      ]
+    },
+    "400": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "color": "rgba(0,0,0,0.13)",
+          "x": "0",
+          "y": "0",
+          "blur": "1",
+          "spread": "0"
+        },
+        {
+          "color": "rgba(0,0,0,0.13)",
+          "x": "0",
+          "y": "3",
+          "blur": "5",
+          "spread": "0"
+        },
+        {
+          "x": "0",
+          "y": "6",
+          "blur": "12",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.14)"
+        }
+      ]
+    },
+    "500": {
+      "$type": "boxShadow",
+      "$value": [
+        {
+          "color": "rgba(0,0,0,0.12)",
+          "x": "0",
+          "y": "0",
+          "blur": "1",
+          "spread": "0"
+        },
+        {
+          "color": "rgba(0,0,0,0.16)",
+          "x": "0",
+          "y": "4",
+          "blur": "8",
+          "spread": "0"
+        },
+        {
+          "x": "0",
+          "y": "12",
+          "blur": "24",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.16)"
+        }
+      ]
+    }
+  },
+  "opacity": {
+    "30": {
+      "$type": "opacity",
+      "$value": "30%"
+    }
+  }
+}