@designsystem-se/af 38.0.0 → 38.0.1-beta.1

package/dist/collection/styles/src/tokens-documentation/web-AF25.json

@@ -1,770 +1,3927 @@
 {
   "text--primary": {
     "name": "Text/primary",
+    "id": "VariableID:13649:1579",
+    "remote": false,
+    "key": "44ed378e90a355a83c8113e06165d6f22212009b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Primär textfärg som har bra kontrastvärde mot vitt, med gråton för att inte ha för skarp kontrast för ögonen.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--primary"
+    },
+    "digiName": "text--primary",
     "digiCSSVariable": "--digi--color--text--primary",
-    "digiRecursiveValue": "#333333"
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "text--primary-stay": {
+    "name": "Text/primary-stay",
+    "id": "VariableID:21019:21376",
+    "remote": false,
+    "key": "efcdf9032bd1fb76a2503c085e4531e09d3e900f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Togs fram för status taggar som behöver text som förbli mörk pga kontrast",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--primary"
+    },
+    "digiName": "text--primary-stay",
+    "digiCSSVariable": "--digi--color--text--primary-stay",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
   },
   "text--secondary": {
     "name": "Text/secondary",
+    "id": "VariableID:13916:1105",
+    "remote": false,
+    "key": "6a69b19d4a6828a4d06b4aad5431fcebd2999ca5",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Sekundär textfärg som används mot mörk eller annan färgstark bakgrund. Används ex. i digi-footer och digi-status-badge.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--secondary"
+    },
+    "digiName": "text--secondary",
     "digiCSSVariable": "--digi--color--text--secondary",
-    "digiRecursiveValue": "#FFFFFF"
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "text--secondary-stay": {
+    "name": "Text/secondary-stay",
+    "id": "VariableID:21019:21377",
+    "remote": false,
+    "key": "0edcc3a0ba1ed59db9c90099358165af21c49658",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Sekundär textfärg som används mot mörk eller annan färgstark bakgrund. Används ex. i digi-footer och digi-status-badge. och som behöver förbli vit för att behålla sin tydlighet, tog frm detta för statustaggar",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--secondary"
+    },
+    "digiName": "text--secondary-stay",
+    "digiCSSVariable": "--digi--color--text--secondary-stay",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "text--description": {
     "name": "Text/description",
+    "id": "VariableID:14172:285",
+    "remote": false,
+    "key": "91f9c436419504d1b1394ba3488caa9728d47d38",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Textfärg som används för beskrivningar, t.ex. i digi-progress-indicator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--description"
+    },
+    "digiName": "text--description",
     "digiCSSVariable": "--digi--color--text--description",
     "digiRecursiveValue": "#5C5C5C"
   },
   "text--interactive--primary": {
     "name": "Text/Interactive/primary",
+    "id": "VariableID:13828:67",
+    "remote": false,
+    "key": "6541ebea6a8dbc0a760f2adcbe8205dde29f903d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för länkar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--primary"
+    },
+    "digiName": "text--interactive--primary",
     "digiCSSVariable": "--digi--color--text--interactive--primary",
-    "digiRecursiveValue": "#1616B2"
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
+  "text--interactive--primary-discreet": {
+    "name": "Text/Interactive/primary-discreet",
+    "id": "VariableID:21002:10732",
+    "remote": false,
+    "key": "2cfacbac778e52124d025a198d8cf4332fb51b1e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används för länkade rubriker som ska tonas ner i dark mode.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--primary"
+    },
+    "digiName": "text--interactive--primary-discreet",
+    "digiCSSVariable": "--digi--color--text--interactive--primary-discreet",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
   },
   "text--interactive--secondary": {
     "name": "Text/Interactive/secondary",
+    "id": "VariableID:13828:314",
+    "remote": false,
+    "key": "7a797f87974ce709200e5ceb720c05a9ecae952e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används på interaktiva textelement mot mörk eller färgstark bakgrund, som primärknappar och länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--secondary"
+    },
+    "digiName": "text--interactive--secondary",
     "digiCSSVariable": "--digi--color--text--interactive--secondary",
-    "digiRecursiveValue": "#FFFFFF"
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "text--interactive--secondary-discreet": {
+    "name": "Text/Interactive/secondary-discreet",
+    "id": "VariableID:21019:21135",
+    "remote": false,
+    "key": "aba6fa5e357d7e253a85ee7091f8f7fbf7631968",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "tog fram för paginering i dark mode",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--secondary"
+    },
+    "digiName": "text--interactive--secondary-discreet",
+    "digiCSSVariable": "--digi--color--text--interactive--secondary-discreet",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "text--interactive--tertiary": {
     "name": "Text/Interactive/tertiary",
+    "id": "VariableID:13965:756",
+    "remote": false,
+    "key": "40e6ce596d572a7ed85b85cf4367e151c2785a96",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används på klickbara textelement som har ljus bakgrund och behöver se mer subtila ut än vanlig länkfärg, t.ex. menyval, flikar och utfällbar rubrik.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--tertiary"
+    },
+    "digiName": "text--interactive--tertiary",
     "digiCSSVariable": "--digi--color--text--interactive--tertiary",
     "digiRecursiveValue": "#333333"
   },
   "text--interactive--brand-primary": {
     "name": "Text/Interactive/brand-primary",
+    "id": "VariableID:13828:315",
+    "remote": false,
+    "key": "9d98bac1d3aa096cd1347e9efdd1e1e7196c1449",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för klickbara textelement där man vill förstärka varumärket, såsom i sekundära länkknappar och knappar samt taggar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--brand-primary"
+    },
+    "digiName": "text--interactive--brand-primary",
     "digiCSSVariable": "--digi--color--text--interactive--brand-primary",
     "digiRecursiveValue": "#091D54"
   },
   "text--interactive--brand-secondary": {
     "name": "Text/Interactive/brand-secondary",
+    "id": "VariableID:13828:316",
+    "remote": false,
+    "key": "11a46067942c9803ecac65a26d686791e766d886",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--brand-secondary"
+    },
+    "digiName": "text--interactive--brand-secondary",
     "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
     "digiRecursiveValue": "#67EE6A"
   },
   "text--interactive--visited": {
     "name": "Text/Interactive/visited",
+    "id": "VariableID:13946:8265",
+    "remote": false,
+    "key": "579866a08801e583df823c2a74aa9cdec307a43f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för länkar som har blivit besökta.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:28"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--text--interactive--visited"
+    },
+    "digiName": "text--interactive--visited",
     "digiCSSVariable": "--digi--color--text--interactive--visited",
-    "digiRecursiveValue": "#822998"
+    "digiRecursiveValue": "#822998",
+    "digiValue": "brand-link--visited"
+  },
+  "background--surface": {
+    "name": "Background/surface",
+    "id": "VariableID:25479:8722",
+    "remote": false,
+    "key": "6e37c4366f5f78ca089f3089f5cfcf3b6c197470",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "ska sättas på <body> och grundframen",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--surface",
+    "digiCSSVariable": "--digi--color--background--surface",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "background--primary": {
     "name": "Background/primary",
+    "id": "VariableID:13649:1550",
+    "remote": false,
+    "key": "1c7e91e49e4976ffac56eb090b23ec650902835c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Neutral färg som används som en primär bakgrundsfärg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10577"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--primary"
+    },
+    "digiName": "background--primary",
     "digiCSSVariable": "--digi--color--background--primary",
-    "digiRecursiveValue": "#FFFFFF"
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "background--primary-elevated": {
+    "name": "Background/primary-elevated",
+    "id": "VariableID:21003:10829",
+    "remote": false,
+    "key": "ab8e90de972d8232f882e17f4fa562f92d43718e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Neutral färg som används som en primär bakgrundsfärg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--primary"
+    },
+    "digiName": "background--primary-elevated",
+    "digiCSSVariable": "--digi--color--background--primary-elevated",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
   },
   "background--secondary": {
     "name": "Background/secondary",
+    "id": "VariableID:13851:4",
+    "remote": false,
+    "key": "cbb012ac94cbcaac20fc87f6c82436a339e4da20",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10578"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary"
+    },
+    "digiName": "background--secondary",
     "digiCSSVariable": "--digi--color--background--secondary",
-    "digiRecursiveValue": "#F4F4F4"
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
+  "background--secondary-elevated": {
+    "name": "Background/secondary-elevated",
+    "id": "VariableID:21003:10830",
+    "remote": false,
+    "key": "36350818c8185285e47fca72a8c8258f7026b6e3",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Alternativ neutral bakgrundsfärg för att bryta av mot background/primary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary"
+    },
+    "digiName": "background--secondary-elevated",
+    "digiCSSVariable": "--digi--color--background--secondary-elevated",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
   },
   "background--secondary-accent": {
     "name": "Background/secondary-accent",
+    "id": "VariableID:14424:911",
+    "remote": false,
+    "key": "5e71c9871e82feba41b379eb8abdd7e5755586ea",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används som bakgrundsfärg för att gruppera och framhäva klickbara element i en dropdown, tex i wrappern runtom knapparna i form-filter.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-accent"
+    },
+    "digiName": "background--secondary-accent",
     "digiCSSVariable": "--digi--color--background--secondary-accent",
     "digiRecursiveValue": "#DDDDDD"
   },
   "background--secondary-muted": {
     "name": "Background/secondary-muted",
+    "id": "VariableID:14131:350",
+    "remote": false,
+    "key": "b61076f5e9507434c6e468c0d3ac883b95c19ccb",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används som bakgrundsfärg för att mer subtilt gruppera och framhäva klickbara element, som flikar i digi-header.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:32"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--secondary-muted"
+    },
+    "digiName": "background--secondary-muted",
     "digiCSSVariable": "--digi--color--background--secondary-muted",
     "digiRecursiveValue": "#FBFBFB"
   },
   "background--brand-primary": {
     "name": "Background/brand-primary",
+    "id": "VariableID:14194:1748",
+    "remote": false,
+    "key": "c8ff3016c3f30b9a3155b909ad9b4012b1437e5c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för icke-klickbara bakgrunder där man vill förstärka varumärket, som ex. i digi-footer.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--brand-primary"
+    },
+    "digiName": "background--brand-primary",
     "digiCSSVariable": "--digi--color--background--brand-primary",
     "digiRecursiveValue": "#091D54"
   },
   "background--transparent": {
     "name": "Background/transparent",
+    "id": "VariableID:13916:1783",
+    "remote": false,
+    "key": "483880a85f21d691115b1f934cad4b07c52c3639",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används där elementet inte behöver en egen bakgrundsfärg, såsom i digi-navigation-vertical-menu och digi-quote.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--transparent"
+    },
+    "digiName": "background--transparent",
     "digiCSSVariable": "--digi--color--background--transparent",
     "digiRecursiveValue": "#FFFFFF"
   },
   "background--pop-out": {
     "name": "Background/pop-out",
+    "id": "VariableID:13851:2",
+    "remote": false,
+    "key": "db50cab9d0b60423cb91843814634b45aef07d43",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i digi-card, feedback-komponenterna, digi-quote, digi-expandlable-faq, digi-receipt för att visuellt sticka ut på neutrala bakgrunder.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:7"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--pop-out"
+    },
+    "digiName": "background--pop-out",
     "digiCSSVariable": "--digi--color--background--pop-out",
     "digiRecursiveValue": "#EBF8EB"
   },
   "background--notification": {
     "name": "Background/notification",
+    "id": "VariableID:13916:1678",
+    "remote": false,
+    "key": "0f765e5982661652b7b041528fd4f09c45b91ac6",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i digi-badge-notification för att uppmärksamma händelser och för att önska användaråtgärder.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--notification"
+    },
+    "digiName": "background--notification",
     "digiCSSVariable": "--digi--color--background--notification",
     "digiRecursiveValue": "#DA0000"
   },
   "background--interactive--default--primary": {
     "name": "Background/Interactive/default/primary",
+    "id": "VariableID:13821:189",
+    "remote": false,
+    "key": "2cead4dfe2cb64a0aa503fee081a8db7bf283aba",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för klickbara element (knapp, länkknapp) på våra primära former av interaktioner där man vill förstärka varumärket. Används ofta med sekundär textfärg och hover-färgen background/interactive/hover/primary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:32"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--primary"
+    },
+    "digiName": "background--interactive--default--primary",
     "digiCSSVariable": "--digi--color--background--interactive--default--primary",
     "digiRecursiveValue": "#091D54"
   },
   "background--interactive--default--primary-inverted": {
     "name": "Background/Interactive/default/primary-inverted",
+    "id": "VariableID:13821:191",
+    "remote": false,
+    "key": "afbb0ed89f5e133a185338039d8c64246c1807f5",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för klickbara element (som länkknapp) på våra primära former av interaktioner som ligger på background/brand-primary där man vill förstärka varumärket. Matchas ofta med hover-färgen background/interactive/hover/inverted.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--primary-inverted"
+    },
+    "digiName": "background--interactive--default--primary-inverted",
     "digiCSSVariable": "--digi--color--background--interactive--default--primary-inverted",
     "digiRecursiveValue": "#67EE6A"
   },
   "background--interactive--default--secondary": {
     "name": "Background/Interactive/default/secondary",
+    "id": "VariableID:13827:193",
+    "remote": false,
+    "key": "b494eb01e0b3d7f8b285f71af1f3935f75cebfd9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Vit bakgrundsfärg som används i många av de klickbara delarna av komponenterna på våra sekundära former av interaktioner. Matchas ofta med hover-färgen background/interactive/hover/secondary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--secondary"
+    },
+    "digiName": "background--interactive--default--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--default--secondary",
     "digiRecursiveValue": "#FFFFFF"
   },
   "background--interactive--default--secondary-inverted": {
     "name": "Background/Interactive/default/secondary-inverted",
+    "id": "VariableID:13827:192",
+    "remote": false,
+    "key": "eb86bba56e94c4e3c1eb3debec646215e902ff5e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används på klickbara element på våra sekundära former av interaktioner (som sekundär länkknapp)  som ligger på background/brand-primary. Matchas ofta med hover-färgen background/interactive/hover/inverted.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--secondary-inverted"
+    },
+    "digiName": "background--interactive--default--secondary-inverted",
     "digiCSSVariable": "--digi--color--background--interactive--default--secondary-inverted",
     "digiRecursiveValue": "#FFFFFF"
   },
   "background--interactive--default--tertiary": {
     "name": "Background/Interactive/default/tertiary",
+    "id": "VariableID:13903:2",
+    "remote": false,
+    "key": "40abc74ecee7427609d6f3c8274595452c5a17e9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för att synliggöra klickbara element som befinner sig på ett annat vitt element.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--tertiary"
+    },
+    "digiName": "background--interactive--default--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--default--tertiary",
     "digiRecursiveValue": "#EDEDED"
   },
   "background--interactive--default--quaternary": {
     "name": "Background/Interactive/default/quaternary",
+    "id": "VariableID:13906:9",
+    "remote": false,
+    "key": "0318a83810cfcced5921059dce115ec28d092c14",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i knappar i filuppladdare och kategorifilter.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--quaternary"
+    },
+    "digiName": "background--interactive--default--quaternary",
     "digiCSSVariable": "--digi--color--background--interactive--default--quaternary",
     "digiRecursiveValue": "#F4F4F4"
   },
   "background--interactive--default--input-elements": {
     "name": "Background/Interactive/default/input-elements",
+    "id": "VariableID:13851:3",
+    "remote": false,
+    "key": "1028fb31758e404d099ba499bd944f2ee3d6f391",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Vit bakgrundsfärg som används i formulärelement såsom radioknapp, kryssruta, inmatningsfält.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--input-elements"
+    },
+    "digiName": "background--interactive--default--input-elements",
     "digiCSSVariable": "--digi--color--background--interactive--default--input-elements",
     "digiRecursiveValue": "#FFFFFF"
   },
   "background--interactive--default--pop-out": {
     "name": "Background/Interactive/default/pop-out",
+    "id": "VariableID:13965:759",
+    "remote": false,
+    "key": "ca1ab2bcc5aa57371ab5dd96b5ca5da003fc94d8",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i vertikalmeny sekundärvarianten.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:1842"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--pop-out"
+    },
+    "digiName": "background--interactive--default--pop-out",
     "digiCSSVariable": "--digi--color--background--interactive--default--pop-out",
-    "digiRecursiveValue": "#F2FAF2"
+    "digiRecursiveValue": "#F2FAF2",
+    "digiValue": "brand-secondary--nuance-3"
+  },
+  "background--interactive--default--quinary": {
+    "name": "Background/Interactive/default/quinary",
+    "id": "VariableID:21012:14531",
+    "remote": false,
+    "key": "06adae3e5981296a95a9983ad256004ac6d4f209",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i knappar i filuppladdare och kategorifilter. skapad för utforskande syfte, i kontexten av våra gråa knappar, ghost grå",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--default--quaternary"
+    },
+    "digiName": "background--interactive--default--quinary",
+    "digiCSSVariable": "--digi--color--background--interactive--default--quinary",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
   },
   "background--interactive--hover--primary": {
     "name": "Background/Interactive/hover/primary",
+    "id": "VariableID:13821:190",
+    "remote": false,
+    "key": "60e633059468e37df21c7cd02cbc3bb0914d8ce3",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/primary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--primary"
+    },
+    "digiName": "background--interactive--hover--primary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--primary",
     "digiRecursiveValue": "#043982"
   },
   "background--interactive--hover--secondary": {
     "name": "Background/Interactive/hover/secondary",
+    "id": "VariableID:13827:195",
+    "remote": false,
+    "key": "e44fdbb4f8bd08d631be75e5d39d9a325f4148b4",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Hoverfärg för bakgrundsfärgen Background/Interactive/default/secondary.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:12"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--secondary"
+    },
+    "digiName": "background--interactive--hover--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--secondary",
     "digiRecursiveValue": "#DDF1FC"
   },
   "background--interactive--hover--tertiary": {
     "name": "Background/Interactive/hover/tertiary",
+    "id": "VariableID:13905:4",
+    "remote": false,
+    "key": "9ebe65951326a3af49290b644f06dc5ed48ab8f7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Hover för vertikalmenyns expandera-knapp.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--tertiary"
+    },
+    "digiName": "background--interactive--hover--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--tertiary",
     "digiRecursiveValue": "#1616B2"
   },
   "background--interactive--hover--quarternary": {
     "name": "Background/Interactive/hover/quarternary",
+    "id": "VariableID:14128:620",
+    "remote": false,
+    "key": "9e9a783dd23b6b900f1b5c60c1dc10c1233484c3",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Hover för vita/ljusgråa element (header-flikar, väljare med sök, rullgardinsmeny).",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--quarternary"
+    },
+    "digiName": "background--interactive--hover--quarternary",
     "digiCSSVariable": "--digi--color--background--interactive--hover--quarternary",
     "digiRecursiveValue": "#EDEDED"
   },
   "background--interactive--hover--inverted": {
     "name": "Background/Interactive/hover/inverted",
+    "id": "VariableID:13827:194",
+    "remote": false,
+    "key": "15d0c4a9a46bd698880a8a34a2ed4dc19f5d8697",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Hover-färg för bakgrundsfärgen Background/Interactive/default/secondary-inverted.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--hover--inverted"
+    },
+    "digiName": "background--interactive--hover--inverted",
     "digiCSSVariable": "--digi--color--background--interactive--hover--inverted",
     "digiRecursiveValue": "#AAF5AB"
   },
   "background--interactive--selected--primary": {
     "name": "Background/Interactive/selected/primary",
+    "id": "VariableID:13836:2",
+    "remote": false,
+    "key": "99708cfef7cb34917728ffbf6b4500d80319f57b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Selected-utseende för kryssrutor, radioknappar, kalendern.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--primary"
+    },
+    "digiName": "background--interactive--selected--primary",
     "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
     "digiRecursiveValue": "#008A20"
   },
   "background--interactive--selected--secondary": {
     "name": "Background/Interactive/selected/secondary",
+    "id": "VariableID:13836:6",
+    "remote": false,
+    "key": "110e5684cbf6eca7be3696623f2c9633a566db96",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Selected-utseende för sekundära kryssrutor, radioknappar som använder sig av varumärkets primära färg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--secondary"
+    },
+    "digiName": "background--interactive--selected--secondary",
     "digiCSSVariable": "--digi--color--background--interactive--selected--secondary",
     "digiRecursiveValue": "#091D54"
   },
   "background--interactive--selected--tertiary": {
     "name": "Background/Interactive/selected/tertiary",
+    "id": "VariableID:14394:2656",
+    "remote": false,
+    "key": "408bde01b0261e40ed8ed1e43e647b0641a9fcc9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Selected-utseende för valalternativ i dropdowns, såsom i rullgardinsmeny och väljare med sök.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10576"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--tertiary"
+    },
+    "digiName": "background--interactive--selected--tertiary",
     "digiCSSVariable": "--digi--color--background--interactive--selected--tertiary",
     "digiRecursiveValue": "#EDEDED"
   },
   "background--interactive--selected--on-menu-minus-button": {
     "name": "Background/Interactive/selected/on-menu-minus-button",
+    "id": "VariableID:13903:3",
+    "remote": false,
+    "key": "fe68eab48b2f411e837f43aa81ae6b2a44c3eb42",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i vertikalmeny sekundärvariant på expanderat menyalternativ.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--on-menu-minus-button"
+    },
+    "digiName": "background--interactive--selected--on-menu-minus-button",
     "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
     "digiRecursiveValue": "#DDF4DD"
   },
   "background--interactive--validation--success": {
     "name": "Background/Interactive/validation/success",
+    "id": "VariableID:13649:1552",
+    "remote": false,
+    "key": "c38605de6805f43f80554707597beadb7c0603c7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets success-state.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:40"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--success"
+    },
+    "digiName": "background--interactive--validation--success",
     "digiCSSVariable": "--digi--color--background--interactive--validation--success",
     "digiRecursiveValue": "#E9F6EC"
   },
   "background--interactive--validation--warning": {
     "name": "Background/Interactive/validation/warning",
+    "id": "VariableID:13649:1554",
+    "remote": false,
+    "key": "20b82332d72340f4bf6e6a06c5fdb92bc7dca280",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets warning-state.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:30"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--warning"
+    },
+    "digiName": "background--interactive--validation--warning",
     "digiCSSVariable": "--digi--color--background--interactive--validation--warning",
     "digiRecursiveValue": "#FFFBDD"
   },
   "background--interactive--validation--error": {
     "name": "Background/Interactive/validation/error",
+    "id": "VariableID:13649:1556",
+    "remote": false,
+    "key": "3bd691406f61dbe201e67a7fdd17247936314724",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Bakgrundsfärg för inmatningsfältets error-state.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--validation--error"
+    },
+    "digiName": "background--interactive--validation--error",
     "digiCSSVariable": "--digi--color--background--interactive--validation--error",
     "digiRecursiveValue": "#FDEDED"
   },
   "background--sentiment--error--primary": {
     "name": "Background/Sentiment/error/primary",
+    "id": "VariableID:13836:7",
+    "remote": false,
+    "key": "c0d71321a0a2aeb5d9731c22963f7dbaee336da7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Error-bakgrundsfärg som används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--primary"
+    },
+    "digiName": "background--sentiment--error--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--error--primary",
     "digiRecursiveValue": "#DA0000"
   },
   "background--sentiment--error--secondary": {
     "name": "Background/Sentiment/error/secondary",
+    "id": "VariableID:13916:1760",
+    "remote": false,
+    "key": "e82a8c663d4fa55aeeae59b9984ac6d0f49d4fa0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Error/denied-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:49"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:49"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--secondary"
+    },
+    "digiName": "background--sentiment--error--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--error--secondary",
     "digiRecursiveValue": "#C7311A"
   },
   "background--sentiment--error--tertiary": {
     "name": "Background/Sentiment/error/tertiary",
+    "id": "VariableID:13916:1761",
+    "remote": false,
+    "key": "0c12041c5df22bdf0e85335d6427deb94b6ac922",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ljusare error/denied-bakgrundsfärg som används i statusindikator sekundär variant och förloppsstegare.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--tertiary"
+    },
+    "digiName": "background--sentiment--error--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary",
     "digiRecursiveValue": "#FDEDED"
   },
   "background--sentiment--success--primary": {
     "name": "Background/Sentiment/success/primary",
+    "id": "VariableID:13847:9",
+    "remote": false,
+    "key": "ae264c58470cb5b3efaf3ab2ad4a5798a4dd4554",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Success-bakgrundsfärg som används i  informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--primary"
+    },
+    "digiName": "background--sentiment--success--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--primary",
     "digiRecursiveValue": "#008A20"
   },
   "background--sentiment--success--secondary": {
     "name": "Background/Sentiment/success/secondary",
+    "id": "VariableID:13916:1764",
+    "remote": false,
+    "key": "7ca803997e0c68e301e90211e1f5306ac2de9e7f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Success-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:38"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:38"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--secondary"
+    },
+    "digiName": "background--sentiment--success--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--secondary",
     "digiRecursiveValue": "#02703C"
   },
   "background--sentiment--success--tertiary": {
     "name": "Background/Sentiment/success/tertiary",
+    "id": "VariableID:13916:1765",
+    "remote": false,
+    "key": "dd47d89eb9cc7e1c2a37415998c73c880725bab5",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ljusare success-bakgrundsfärg som används i statusindikator sekundär variant.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:40"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:40"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--success--tertiary"
+    },
+    "digiName": "background--sentiment--success--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--success--tertiary",
     "digiRecursiveValue": "#E9F6EC"
   },
   "background--sentiment--warning--primary": {
     "name": "Background/Sentiment/warning/primary",
+    "id": "VariableID:13850:19",
+    "remote": false,
+    "key": "2c0427030c631aea8e3a85b40badc853d78943b5",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Warning-bakgrundsfärg som används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--primary"
+    },
+    "digiName": "background--sentiment--warning--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--primary",
     "digiRecursiveValue": "#FFE200"
   },
   "background--sentiment--warning--secondary": {
     "name": "Background/Sentiment/warning/secondary",
+    "id": "VariableID:13916:1766",
+    "remote": false,
+    "key": "e4fd5d238e2c698fa6d1db2bd9243f6798213087",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Warning-bakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:26"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:26"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--secondary"
+    },
+    "digiName": "background--sentiment--warning--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--secondary",
     "digiRecursiveValue": "#FFC108"
   },
   "background--sentiment--warning--tertiary": {
     "name": "Background/Sentiment/warning/tertiary",
+    "id": "VariableID:13916:1767",
+    "remote": false,
+    "key": "4768a448c0e98c8cf89b3fe552f1ba8b48754515",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ljusare warning-bakgrundsfärg som används i statusindikator sekundär variant.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:29"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--tertiary"
+    },
+    "digiName": "background--sentiment--warning--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--tertiary",
     "digiRecursiveValue": "#FFF398"
   },
   "background--sentiment--warning--quarternary": {
     "name": "Background/Sentiment/warning/quarternary",
+    "id": "VariableID:14172:287",
+    "remote": false,
+    "key": "1a7cf64395449b2b2adc99f8433cd035b7d7ef43",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ljusare warning-bakgrundsfärg som används i förloppsstegare.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:30"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--warning--quarternary"
+    },
+    "digiName": "background--sentiment--warning--quarternary",
     "digiCSSVariable": "--digi--color--background--sentiment--warning--quarternary",
     "digiRecursiveValue": "#FFFBDD"
   },
   "background--sentiment--info--primary": {
     "name": "Background/Sentiment/info/primary",
+    "id": "VariableID:13850:20",
+    "remote": false,
+    "key": "4544dae713fca1567d8617a0d9eeb2ce23e6444c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Informationsbakgrundsfärg som används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--primary"
+    },
+    "digiName": "background--sentiment--info--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--primary",
     "digiRecursiveValue": "#0A4DD1"
   },
   "background--sentiment--info--secondary": {
     "name": "Background/Sentiment/info/secondary",
+    "id": "VariableID:13916:1768",
+    "remote": false,
+    "key": "7907cd55c20c7eeff69d34cede9ef3a3b5f848a0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Informationsbakgrundsfärg som är mörkare nyans för att användas på små element, som statusindikator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:84"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:84"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--secondary"
+    },
+    "digiName": "background--sentiment--info--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--secondary",
     "digiRecursiveValue": "#0058A3"
   },
   "background--sentiment--info--tertiary": {
     "name": "Background/Sentiment/info/tertiary",
+    "id": "VariableID:13916:1769",
+    "remote": false,
+    "key": "b6fcac5e6560e8e1540496b8714246307152ecb7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ljusare info-bakgrundsfärg som används i statusindikator sekundär variant.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:86"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:86"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--info--tertiary"
+    },
+    "digiName": "background--sentiment--info--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--info--tertiary",
     "digiRecursiveValue": "#E9E9FF"
   },
   "background--sentiment--neutral--primary": {
     "name": "Background/Sentiment/neutral/primary",
+    "id": "VariableID:13916:1763",
+    "remote": false,
+    "key": "589b42eb818b42401ca46921dc2db021c7fb8b5f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i statusindikatorer.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--primary"
+    },
+    "digiName": "background--sentiment--neutral--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--primary",
     "digiRecursiveValue": "#757575"
   },
   "background--sentiment--neutral--secondary": {
     "name": "Background/Sentiment/neutral/secondary",
+    "id": "VariableID:13916:1762",
+    "remote": false,
+    "key": "c5195c51b739f7a842cbd3ac84ec152a80ee9ea8",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i statusindikatorer av sekundär variant.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--secondary"
+    },
+    "digiName": "background--sentiment--neutral--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
     "digiRecursiveValue": "#DDDDDD"
   },
   "background--sentiment--neutral--tertiary": {
     "name": "Background/Sentiment/neutral/tertiary",
+    "id": "VariableID:13916:1905",
+    "remote": false,
+    "key": "8fff7cabf15e6c56600e760eaee1610f6073af1d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Neutral bakgrundsfärg som används i mediatagg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--neutral--tertiary"
+    },
+    "digiName": "background--sentiment--neutral--tertiary",
     "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
     "digiRecursiveValue": "#333333"
   },
   "background--sentiment--beta--primary": {
     "name": "Background/Sentiment/beta/primary",
+    "id": "VariableID:13916:1770",
+    "remote": false,
+    "key": "2b47faadb79048c6250c6b75ea893d156bc00404",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Bakgrundsfärg som används för statusindikatorer av varianten “beta”.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:25"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:25"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--beta--primary"
+    },
+    "digiName": "background--sentiment--beta--primary",
     "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
     "digiRecursiveValue": "#CE1CBD"
   },
   "background--sentiment--beta--secondary": {
     "name": "Background/Sentiment/beta/secondary",
+    "id": "VariableID:13916:1771",
+    "remote": false,
+    "key": "3ec3fc937ade01e5c4efc9a0c4b651552e66edfa",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Bakgrundsfärg som används för statusindikatorer av varianten sekundär “beta”.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13465:995"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13465:995"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--beta--secondary"
+    },
+    "digiName": "background--sentiment--beta--secondary",
     "digiCSSVariable": "--digi--color--background--sentiment--beta--secondary",
     "digiRecursiveValue": "#F8DDF5"
   },
   "border--notification": {
     "name": "Border/notification",
+    "id": "VariableID:13916:1679",
+    "remote": false,
+    "key": "c560f05d7db0c27e5b7ac62823afe6565cf75ad0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används i notifikationsindikator.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--notification"
+    },
+    "digiName": "border--notification",
     "digiCSSVariable": "--digi--color--border--notification",
     "digiRecursiveValue": "#FFFFFF"
   },
   "border--transparent": {
     "name": "Border/transparent",
+    "id": "VariableID:13916:1778",
+    "remote": false,
+    "key": "90a86c889f6f9dedff1942b142b4dc4148de088d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Transparent ram.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--transparent"
+    },
+    "digiName": "border--transparent",
     "digiCSSVariable": "--digi--color--border--transparent",
     "digiRecursiveValue": "#FFFFFF"
   },
   "border--interactive--default--primary": {
     "name": "Border/Interactive/default/primary",
+    "id": "VariableID:13828:59",
+    "remote": false,
+    "key": "3911566454d86b276611bfdaac8a7f64e98b73e1",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram med varumärkets färg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--primary"
+    },
+    "digiName": "border--interactive--default--primary",
     "digiCSSVariable": "--digi--color--border--interactive--default--primary",
     "digiRecursiveValue": "#091D54"
   },
   "border--interactive--default--on-input": {
     "name": "Border/Interactive/default/on-input",
+    "id": "VariableID:13836:5",
+    "remote": false,
+    "key": "83ed33da9ff3f78582d50e44145405b41ad32a74",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i komponenter som inmatningsfält, kryssrutor och liknande formulärkomponenter.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--on-input"
+    },
+    "digiName": "border--interactive--default--on-input",
     "digiCSSVariable": "--digi--color--border--interactive--default--on-input",
     "digiRecursiveValue": "#333333"
   },
   "border--interactive--default--on-input-nuance": {
     "name": "Border/Interactive/default/on-input-nuance",
+    "id": "VariableID:13649:1551",
+    "remote": false,
+    "key": "24212312257c40b3e6b5b9845874b86728fb191f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i filuppladdaren och kalendern.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--on-input-nuance"
+    },
+    "digiName": "border--interactive--default--on-input-nuance",
     "digiCSSVariable": "--digi--color--border--interactive--default--on-input-nuance",
     "digiRecursiveValue": "#5C5C5C"
   },
   "border--interactive--default--inverted": {
     "name": "Border/Interactive/default/inverted",
+    "id": "VariableID:13828:60",
+    "remote": false,
+    "key": "49e11b5f3d9df01bc1d73fa71e1149a13ef03703",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--inverted"
+    },
+    "digiName": "border--interactive--default--inverted",
     "digiCSSVariable": "--digi--color--border--interactive--default--inverted",
     "digiRecursiveValue": "#67EE6A"
   },
   "border--interactive--hover--primary": {
     "name": "Border/Interactive/hover/primary",
+    "id": "VariableID:13828:63",
+    "remote": false,
+    "key": "7a61173729135a08e1708843831bd30620ae163c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används i primärknappar och länkknappars hover-state.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "\t --digi--color--border--interactive--hover--primary"
+    },
+    "digiName": "border--interactive--hover--primary",
     "digiCSSVariable": "--digi--color--border--interactive--hover--primary",
     "digiRecursiveValue": "#043982"
   },
   "border--interactive--hover--secondary": {
     "name": "Border/Interactive/hover/secondary",
+    "id": "VariableID:13828:65",
+    "remote": false,
+    "key": "0a84d38d070ba05602f05acfe91572dee12e19ba",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används i sekundärknappar och länkknappars hover-state.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "\t --digi--color--border--interactive--hover--secondary"
+    },
+    "digiName": "border--interactive--hover--secondary",
     "digiCSSVariable": "--digi--color--border--interactive--hover--secondary",
     "digiRecursiveValue": "#091D54"
   },
   "border--interactive--hover--inverted": {
     "name": "Border/Interactive/hover/inverted",
+    "id": "VariableID:13828:64",
+    "remote": false,
+    "key": "02eb5b0b0e1f36839fe99f1e106ba06e5c5cfe15",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--hover--inverted"
+    },
+    "digiName": "border--interactive--hover--inverted",
     "digiCSSVariable": "--digi--color--border--interactive--hover--inverted",
     "digiRecursiveValue": "#AAF5AB"
   },
   "border--interactive--validation--success": {
     "name": "Border/Interactive/validation/success",
+    "id": "VariableID:13649:1553",
+    "remote": false,
+    "key": "125b72a2015674119a864331c0100997539131ea",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters success-states.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--success"
+    },
+    "digiName": "border--interactive--validation--success",
     "digiCSSVariable": "--digi--color--border--interactive--validation--success",
     "digiRecursiveValue": "#008A20"
   },
   "border--interactive--validation--warning": {
     "name": "Border/Interactive/validation/warning",
+    "id": "VariableID:13649:1555",
+    "remote": false,
+    "key": "7178848133ba198c4d1b89594c79460533d0814c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters warning-states.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:26"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--warning"
+    },
+    "digiName": "border--interactive--validation--warning",
     "digiCSSVariable": "--digi--color--border--interactive--validation--warning",
     "digiRecursiveValue": "#664D00"
   },
   "border--interactive--validation--error": {
     "name": "Border/Interactive/validation/error",
+    "id": "VariableID:13649:1557",
+    "remote": false,
+    "key": "95d8d46d6e3ebb763a5f142427022035a9a599a2",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram som används för formulärkomponenters error-states.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--error"
+    },
+    "digiName": "border--interactive--validation--error",
     "digiCSSVariable": "--digi--color--border--interactive--validation--error",
     "digiRecursiveValue": "#DA0000"
   },
   "border--interactive--selected--primary": {
     "name": "Border/Interactive/selected/primary",
+    "id": "VariableID:14309:1101",
+    "remote": false,
+    "key": "ae55cfe1a45188d6d44ebf346ed04c76cfd41920",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram för valda primära kryssrutor och radioknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--selected--primary"
+    },
+    "digiName": "border--interactive--selected--primary",
     "digiCSSVariable": "--digi--color--border--interactive--selected--primary",
     "digiRecursiveValue": "#008A20"
   },
   "border--interactive--selected--secondary": {
     "name": "Border/Interactive/selected/secondary",
+    "id": "VariableID:14309:1102",
+    "remote": false,
+    "key": "16153393a846c6692ffbbedbe6f2e8d2d700e912",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Ram för valda sekundära kryssrutor och radioknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--selected--secondary"
+    },
+    "digiName": "border--interactive--selected--secondary",
     "digiCSSVariable": "--digi--color--border--interactive--selected--secondary",
     "digiRecursiveValue": "#091D54"
   },
   "border--sentiment--error": {
     "name": "Border/Sentiment/error",
+    "id": "VariableID:13836:8",
+    "remote": false,
+    "key": "48199864e0b37986102f95dc32e78b3f99ec6a8e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med error-state. Används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--error"
+    },
+    "digiName": "border--sentiment--error",
     "digiCSSVariable": "--digi--color--border--sentiment--error",
     "digiRecursiveValue": "#DA0000"
   },
   "border--sentiment--success": {
     "name": "Border/Sentiment/success",
+    "id": "VariableID:13847:10",
+    "remote": false,
+    "key": "fe2325c5990c18eb04b8d224ff2d48a8ebb55d34",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med success-state. Används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--success"
+    },
+    "digiName": "border--sentiment--success",
     "digiCSSVariable": "--digi--color--border--sentiment--success",
     "digiRecursiveValue": "#008A20"
   },
   "border--sentiment--warning": {
     "name": "Border/Sentiment/warning",
+    "id": "VariableID:13850:11",
+    "remote": false,
+    "key": "b5fdbce0ed9c1f6d62f602b3333323a986838e07",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med warning-state. Används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--warning"
+    },
+    "digiName": "border--sentiment--warning",
     "digiCSSVariable": "--digi--color--border--sentiment--warning",
     "digiRecursiveValue": "#FFE200"
   },
   "border--sentiment--info": {
     "name": "Border/Sentiment/info",
+    "id": "VariableID:13850:24",
+    "remote": false,
+    "key": "1d15d948a14cdcfb4c0cad4fd715427fc213b62b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för borders i sammanhang med info-state. Används i informationsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--sentiment--info"
+    },
+    "digiName": "border--sentiment--info",
     "digiCSSVariable": "--digi--color--border--sentiment--info",
     "digiRecursiveValue": "#0A4DD1"
   },
   "border--accent--primary": {
     "name": "Border/Accent/primary",
+    "id": "VariableID:13897:3",
+    "remote": false,
+    "key": "c7c22c8471cbe5d3728be30e7ce5f58f3a4fd91d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i Jumborubrik samt Infokort. Används där man vill ha med visuell accent med varumärkets färg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--primary"
+    },
+    "digiName": "border--accent--primary",
     "digiCSSVariable": "--digi--color--border--accent--primary",
     "digiRecursiveValue": "#091D54"
   },
   "border--accent--secondary": {
     "name": "Border/Accent/secondary",
+    "id": "VariableID:13916:1104",
+    "remote": false,
+    "key": "89fc9885c01fb6a08c8e010f541ec96d283cf47a",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används där man vill ha med visuell accent med varumärkets andra färg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--accent--secondary"
+    },
+    "digiName": "border--accent--secondary",
     "digiCSSVariable": "--digi--color--border--accent--secondary",
     "digiRecursiveValue": "#02A704"
   },
   "marking--navigation--selected": {
     "name": "Marking/Navigation/selected",
+    "id": "VariableID:13905:5",
+    "remote": false,
+    "key": "abf88b786b01de7cd16d2385abe8f8921711756b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i valda flikar och vertikalmenysidor.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--selected"
+    },
+    "digiName": "marking--navigation--selected",
     "digiCSSVariable": "--digi--color--marking--navigation--selected",
     "digiRecursiveValue": "#02A704"
   },
   "marking--navigation--level-active": {
     "name": "Marking/Navigation/level-active",
+    "id": "VariableID:13905:6",
+    "remote": false,
+    "key": "ec1f31fbb65064bd714cc3094766d5aa53b14c93",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Vertikalmenys undersidor på en expanderad kategori.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--level-active"
+    },
+    "digiName": "marking--navigation--level-active",
     "digiCSSVariable": "--digi--color--marking--navigation--level-active",
     "digiRecursiveValue": "#DDF4DD"
   },
   "marking--navigation--level-inactive": {
     "name": "Marking/Navigation/level-inactive",
+    "id": "VariableID:13905:7",
+    "remote": false,
+    "key": "2ab518a21a740362060af9d89bfc5a841340572d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Vertikalmenys undersidor på en expanderad kategori som inte är valda.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--navigation--level-inactive"
+    },
+    "digiName": "marking--navigation--level-inactive",
     "digiCSSVariable": "--digi--color--marking--navigation--level-inactive",
     "digiRecursiveValue": "#F4F4F4"
   },
   "marking--indication--primary": {
     "name": "Marking/Indication/primary",
+    "id": "VariableID:13916:1079",
+    "remote": false,
+    "key": "6bfe4e4890bcdd1e20a215af28e19c5f9e8074d0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Markeringsfärg som använder sig av funktionsgrön färg för att visa att något är genomfört.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--primary"
+    },
+    "digiName": "marking--indication--primary",
     "digiCSSVariable": "--digi--color--marking--indication--primary",
     "digiRecursiveValue": "#008A20"
   },
   "marking--indication--secondary": {
     "name": "Marking/Indication/secondary",
+    "id": "VariableID:13916:1080",
+    "remote": false,
+    "key": "4f67cc51f956361676cdcdd91ebbd3272b1c7c5f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Markeringsfärg som används för att visa att något är genomfört där man vill ha med varumärkets färg, används i bl.a. förloppslista.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--secondary"
+    },
+    "digiName": "marking--indication--secondary",
     "digiCSSVariable": "--digi--color--marking--indication--secondary",
     "digiRecursiveValue": "#091D54"
   },
   "marking--indication--tertiary": {
     "name": "Marking/Indication/tertiary",
+    "id": "VariableID:13916:1081",
+    "remote": false,
+    "key": "d04a4a06bc92e3e411c350a2ccac8d3c51cae5d9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Markeringsfärg som används för att visa när något kan ske/är på väg att ske eller för att visa en markering i ett mer neutralt utförande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--tertiary"
+    },
+    "digiName": "marking--indication--tertiary",
     "digiCSSVariable": "--digi--color--marking--indication--tertiary",
     "digiRecursiveValue": "#757575"
   },
   "divider--primary": {
     "name": "Divider/primary",
-    "description": "Primär färg för divider.",
+    "id": "VariableID:13916:1082",
+    "remote": false,
+    "key": "cc8624b0c0a2d22acefb7cd523d0cb6697b80a95",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Primär färg för divider",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--primary"
+    },
+    "digiName": "divider--primary",
     "digiCSSVariable": "--digi--color--divider--primary",
     "digiRecursiveValue": "#DDDDDD"
   },
   "divider--secondary": {
     "name": "Divider/secondary",
-    "description": "Sekundär färg för divider som är subtilare än primär. Används i navigeringskomponenter såsom Menyval, Sidhuvud och Flikfält.",
+    "id": "VariableID:14128:613",
+    "remote": false,
+    "key": "04409ce1a569b0bc5a97014a3134ed098cc78ae3",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Sekundär färg för divider som är subtilare än primär.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--secondary"
+    },
+    "digiName": "divider--secondary",
     "digiCSSVariable": "--digi--color--divider--secondary",
-    "digiRecursiveValue": "#EDEDED"
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "divider--tertiary": {
+    "name": "Divider/tertiary",
+    "id": "VariableID:14227:3558",
+    "remote": false,
+    "key": "ca92ada17ff9abbb50ac05e1e6bd7617e9162c6e",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Tertiär färg för divider.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:33"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:33"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--tertiary",
+      "ANDROID": "Divider/tertiary"
+    },
+    "digiName": "divider--tertiary",
+    "digiCSSVariable": "--digi--color--divider--tertiary",
+    "digiRecursiveValue": "#CACACA",
+    "digiValue": "grayscale--500"
   },
   "divider--on-brand-primary": {
     "name": "Divider/on-brand-primary",
-    "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i Sidfot.",
+    "id": "VariableID:14194:1749",
+    "remote": false,
+    "key": "ce8058dbc89d3874ccd625b8a46dd2399f853a7b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används på dividers som ligger på bakgrunder som har den primära varumärkesfärgen. Används i footer.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:14191:1683"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10574"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--on-brand-primary"
+    },
+    "digiName": "divider--on-brand-primary",
     "digiCSSVariable": "--digi--color--divider--on-brand-primary",
     "digiRecursiveValue": "#ABDEF7"
   },
   "divider--cta": {
     "name": "Divider/cta",
+    "id": "VariableID:14214:455",
+    "remote": false,
+    "key": "7c9414982c56dc5c254eaedda9d7771c02c0af5f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i Utfällbar rubrik.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--divider--cta"
+    },
+    "digiName": "divider--cta",
     "digiCSSVariable": "--digi--color--divider--cta",
     "digiRecursiveValue": "#1616B2"
   },
   "icon--primary": {
     "name": "Icon/primary",
+    "id": "VariableID:13650:2071",
+    "remote": false,
+    "key": "94f18211f2ba7f9e2d7a8dd2b1a4dfedcf833daf",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Förstahandsval för ikoner som ligger på ljus bakgrund.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--primary"
+    },
+    "digiName": "icon--primary",
     "digiCSSVariable": "--digi--color--icon--primary",
     "digiRecursiveValue": "#333333"
   },
   "icon--secondary": {
     "name": "Icon/secondary",
+    "id": "VariableID:13650:2070",
+    "remote": false,
+    "key": "03903657e3207072bef8947eb1f6f6d8a5e81774",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--secondary"
+    },
+    "digiName": "icon--secondary",
     "digiCSSVariable": "--digi--color--icon--secondary",
     "digiRecursiveValue": "#FFFFFF"
   },
   "icon--brand-primary": {
     "name": "Icon/brand-primary",
+    "id": "VariableID:13650:2072",
+    "remote": false,
+    "key": "d5d71c212c6b86a15e23f757ae40eedae1b75502",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används på ljusa bakgrunder där man vill få in varumärkets färg, t.ex. länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-primary"
+    },
+    "digiName": "icon--brand-primary",
     "digiCSSVariable": "--digi--color--icon--brand-primary",
     "digiRecursiveValue": "#091D54"
   },
   "icon--brand-secondary": {
     "name": "Icon/brand-secondary",
+    "id": "VariableID:13650:2073",
+    "remote": false,
+    "key": "083e335f825cbff4a4a30b5dbeca0226e3d8f420",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används på mörka bakgrunder där man vill få in varumärkets sekundära färg, t.ex. länkknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--brand-secondary"
+    },
+    "digiName": "icon--brand-secondary",
     "digiCSSVariable": "--digi--color--icon--brand-secondary",
     "digiRecursiveValue": "#67EE6A"
   },
   "icon--cta": {
     "name": "Icon/cta",
+    "id": "VariableID:13650:2069",
+    "remote": false,
+    "key": "4a785ee0e8f202776f4ccf403366ae1f72adebc1",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för ikon i funktionsknapp, filuppladdare och flikfältet. ",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--cta"
+    },
+    "digiName": "icon--cta",
     "digiCSSVariable": "--digi--color--icon--cta",
     "digiRecursiveValue": "#1616B2"
   },
   "icon--validation--success": {
     "name": "Icon/Validation/success",
+    "id": "VariableID:13649:1580",
+    "remote": false,
+    "key": "fec386fb50cf409d058068e593709f341fef1d55",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för ikoner som visar success-state. Används i valideringsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--success"
+    },
+    "digiName": "icon--validation--success",
     "digiCSSVariable": "--digi--color--icon--validation--success",
     "digiRecursiveValue": "#008A20"
   },
   "icon--validation--warning": {
     "name": "Icon/Validation/warning",
+    "id": "VariableID:13650:1356",
+    "remote": false,
+    "key": "92a085d7c4c8c3796dbcdc7048a32e55a883bec2",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för ikoner som visar warning-state. Används i valideringsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--warning"
+    },
+    "digiName": "icon--validation--warning",
     "digiCSSVariable": "--digi--color--icon--validation--warning",
     "digiRecursiveValue": "#FFE200"
   },
   "icon--validation--error": {
     "name": "Icon/Validation/error",
+    "id": "VariableID:13650:1357",
+    "remote": false,
+    "key": "09bc25959214ade9f08c38f35b0e7fde2a315719",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används för ikoner som visar error-state. Används i valideringsmeddelande.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--validation--error"
+    },
+    "digiName": "icon--validation--error",
     "digiCSSVariable": "--digi--color--icon--validation--error",
     "digiRecursiveValue": "#DA0000"
   },
   "infographic--lineart": {
     "name": "Infographic/Lineart",
+    "id": "VariableID:16588:2",
+    "remote": false,
+    "key": "8d553b11672cf25267a50f0592e62fed405ad7e4",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10572"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--lineart"
+    },
+    "digiName": "infographic--lineart",
     "digiCSSVariable": "--digi--color--infographic--lineart",
     "digiRecursiveValue": "#333333"
   },
   "infographic--background": {
     "name": "Infographic/Background",
+    "id": "VariableID:16588:11013",
+    "remote": false,
+    "key": "d65e7b252c86ffae189624c7d73476ccbb8b0820",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--background"
+    },
+    "digiName": "infographic--background",
     "digiCSSVariable": "--digi--color--infographic--background",
     "digiRecursiveValue": "#FFFFFF"
   },
   "infographic--brand--primary": {
     "name": "Infographic/Brand/Primary",
+    "id": "VariableID:16588:3944",
+    "remote": false,
+    "key": "de272572829093627ac75d5f8f88bd7f427ee56d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används som primär färg för infografik.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--primary"
+    },
+    "digiName": "infographic--brand--primary",
     "digiCSSVariable": "--digi--color--infographic--brand--primary",
     "digiRecursiveValue": "#02A704"
   },
   "infographic--brand--primary-alt": {
     "name": "Infographic/Brand/Primary-alt",
+    "id": "VariableID:16588:11010",
+    "remote": false,
+    "key": "079812791718a34710a4f55f09f6e5f4f6377bb7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i vissa fall där denna färg inte syns i dark mode.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:928"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--primary-alt"
+    },
+    "digiName": "infographic--brand--primary-alt",
     "digiCSSVariable": "--digi--color--infographic--brand--primary-alt",
     "digiRecursiveValue": "#02A704"
   },
   "infographic--brand--secondary": {
     "name": "Infographic/Brand/Secondary",
+    "id": "VariableID:16588:11011",
+    "remote": false,
+    "key": "5524ef846b6a20bab4b255d9a781d15eff1cb311",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används som sekundär färg för infografik.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--secondary"
+    },
+    "digiName": "infographic--brand--secondary",
     "digiCSSVariable": "--digi--color--infographic--brand--secondary",
     "digiRecursiveValue": "#CBECC9"
   },
   "infographic--brand--secondary-alt": {
     "name": "Infographic/Brand/Secondary-alt",
+    "id": "VariableID:16588:11012",
+    "remote": false,
+    "key": "2964903c251a068088810c16f926a3fce89b8b97",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i vissa fall där denna färg inte syns i dark mode.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:17212:929"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--infographic--brand--secondary-alt"
+    },
+    "digiName": "infographic--brand--secondary-alt",
     "digiCSSVariable": "--digi--color--infographic--brand--secondary-alt",
     "digiRecursiveValue": "#CBECC9"
   },
   "misc--spinner-path": {
     "name": "Misc/spinner-path",
+    "id": "VariableID:14194:1890",
+    "remote": false,
+    "key": "e95ba112a892d0780982ab2aa2787a18f078b02c",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i Spinner-komponenten.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--spinner-path"
+    },
+    "digiName": "misc--spinner-path",
     "digiCSSVariable": "--digi--color--misc--spinner-path",
     "digiRecursiveValue": "#DDDDDD"
   },
   "misc--skeleton": {
     "name": "Misc/skeleton",
+    "id": "VariableID:15650:2847",
+    "remote": false,
+    "key": "bc36394aa10e380ae0600c1859a2d5e4845a8de2",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
     "description": "Används i Platshållare-komponenten.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--misc--skeleton"
+    },
+    "digiName": "misc--skeleton",
     "digiCSSVariable": "--digi--color--misc--skeleton",
     "digiRecursiveValue": "#DDDDDD"
   },
   "misc--transparent": {
     "name": "Misc/Transparent",
+    "id": "VariableID:13646:1231",
+    "remote": false,
+    "key": "a9e56afd6eaed9f78a056a8307a0dd4aeb5c3555",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--misc--transparent",
     "digiRecursiveValue": "#FFFFFF"
   },
   "grayscale--0": {
     "name": "Grayscale/0",
+    "id": "VariableID:13367:15",
+    "remote": false,
+    "key": "33a9eb36140a204ac20e5113abeb0bf251c07b6b",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--0",
     "digiRecursiveValue": "#FFFFFF"
   },
   "grayscale--50": {
     "name": "Grayscale/50",
+    "id": "VariableID:13386:32",
+    "remote": false,
+    "key": "775252415c0990ed681ba1ca53799b2f21b77e1b",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--50",
     "digiRecursiveValue": "#FBFBFB"
   },
   "grayscale--100": {
     "name": "Grayscale/100",
+    "id": "VariableID:13386:2",
+    "remote": false,
+    "key": "4f7d074b0ecd6a99a6d2bd20dc3c4a4bf0c6e191",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--100",
     "digiRecursiveValue": "#F4F4F4"
   },
   "grayscale--200": {
     "name": "Grayscale/200",
+    "id": "VariableID:13386:36",
+    "remote": false,
+    "key": "1f9e63b4d95e72b9c01341cc401c07f5eddb94b4",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "Sekundär bakgrundsfärg / Secoundary background",
     "digiCSSVariable": "--digi--grayscale--200",
     "digiRecursiveValue": "#EDEDED"
   },
   "grayscale--300": {
     "name": "Grayscale/300",
+    "id": "VariableID:13386:34",
+    "remote": false,
+    "key": "2678407b8b3c5e1fcdb50ec443e7b918f28ff14f",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--300",
     "digiRecursiveValue": "#E4E4E4"
   },
   "grayscale--400": {
     "name": "Grayscale/400",
+    "id": "VariableID:13386:35",
+    "remote": false,
+    "key": "4b3be6e08ef6ae009af930e6440f78127dc502d2",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--400",
     "digiRecursiveValue": "#DDDDDD"
   },
   "grayscale--500": {
     "name": "Grayscale/500",
+    "id": "VariableID:13386:33",
+    "remote": false,
+    "key": "94514b37b6af0ef570687ccd06a9c393b6d0aa05",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--500",
     "digiRecursiveValue": "#CACACA"
   },
   "grayscale--600": {
     "name": "Grayscale/600",
+    "id": "VariableID:13386:31",
+    "remote": false,
+    "key": "65c73cb81631c9a36793e7bb77eff3c116ee529c",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--600",
     "digiRecursiveValue": "#ACACAC"
   },
   "grayscale--700": {
     "name": "Grayscale/700",
+    "id": "VariableID:13386:29",
+    "remote": false,
+    "key": "7b9a362b6efc32820f458993cb55ab906d4f7826",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "Textcolor",
     "digiCSSVariable": "--digi--grayscale--700",
     "digiRecursiveValue": "#757575"
   },
   "grayscale--800": {
     "name": "Grayscale/800",
+    "id": "VariableID:13386:28",
+    "remote": false,
+    "key": "febc663112559ae624c1a8e31fa9be2ad55c17df",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "Textcolor 5C5C5C",
     "digiCSSVariable": "--digi--grayscale--800",
     "digiRecursiveValue": "#5C5C5C"
   },
   "grayscale--900": {
     "name": "Grayscale/900",
+    "id": "VariableID:13386:37",
+    "remote": false,
+    "key": "e110ca2bb0fadbf454450caae5efbbffdc271d7a",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "Primary text color",
     "digiCSSVariable": "--digi--grayscale--900",
     "digiRecursiveValue": "#333333"
   },
   "grayscale--1000": {
     "name": "Grayscale/1000",
+    "id": "VariableID:13386:30",
+    "remote": false,
+    "key": "81845adb943d964b78ef4e5d513b7770ad385ada",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--grayscale--1000",
     "digiRecursiveValue": "#000000"
   },
   "sentiment--informative--200": {
     "name": "Sentiment/Informative/200",
+    "id": "VariableID:13385:86",
+    "remote": false,
+    "key": "acadeaff163ffb993970d0f893877a4dce5cc0da",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--informative--200",
     "digiRecursiveValue": "#E9E9FF"
   },
   "sentiment--informative--500": {
     "name": "Sentiment/Informative/500",
+    "id": "VariableID:13385:85",
+    "remote": false,
+    "key": "fa6c3125d2fa4f85fc26cd45040d76c33746ac89",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--informative--500",
     "digiRecursiveValue": "#0A4DD1"
   },
   "sentiment--informative--700": {
     "name": "Sentiment/Informative/700",
+    "id": "VariableID:13385:84",
+    "remote": false,
+    "key": "cc2e02d9a3b5d70dcd9f2f6d5f9c95dc2af1da29",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--informative--700",
     "digiRecursiveValue": "#0058A3"
   },
   "sentiment--error--200": {
     "name": "Sentiment/Error/200",
+    "id": "VariableID:13385:51",
+    "remote": false,
+    "key": "15f1ac9f16f59c25c0e886c3187a8e752acbe8ad",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--error--200",
     "digiRecursiveValue": "#FDEDED"
   },
   "sentiment--error--500": {
     "name": "Sentiment/Error/500",
+    "id": "VariableID:13385:50",
+    "remote": false,
+    "key": "7023a04a9b95f973886e93f29c2ad31897112bdd",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--error--500",
     "digiRecursiveValue": "#DA0000"
   },
   "sentiment--error--700": {
     "name": "Sentiment/Error/700",
+    "id": "VariableID:13385:49",
+    "remote": false,
+    "key": "f559650792440c982b1832d91119fb68ae4a46f6",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--error--700",
     "digiRecursiveValue": "#C7311A"
   },
   "sentiment--success--200": {
     "name": "Sentiment/Success/200",
+    "id": "VariableID:13385:40",
+    "remote": false,
+    "key": "f92dd8a7cc071ec78615a0e6b426c1f224272694",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--success--200",
     "digiRecursiveValue": "#E9F6EC"
   },
   "sentiment--success--500": {
     "name": "Sentiment/Success/500",
+    "id": "VariableID:13385:39",
+    "remote": false,
+    "key": "6ca074ae154446ee638fb28d258d6a7dc6de0512",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--success--500",
     "digiRecursiveValue": "#008A20"
   },
   "sentiment--success--700": {
     "name": "Sentiment/Success/700",
+    "id": "VariableID:13385:38",
+    "remote": false,
+    "key": "3e738055e88eef663276c80c6852fe91c4674762",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--success--700",
     "digiRecursiveValue": "#02703C"
   },
   "sentiment--warning--200": {
     "name": "Sentiment/Warning/200",
+    "id": "VariableID:13385:29",
+    "remote": false,
+    "key": "23e19dd3d20b7d52698f241053280a6a82806402",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--warning--200",
     "digiRecursiveValue": "#FFF398"
   },
   "sentiment--warning--50": {
     "name": "Sentiment/Warning/50",
+    "id": "VariableID:13385:30",
+    "remote": false,
+    "key": "dae2dcc7d1d4e91f466a432ea85350fffd03830f",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--warning--50",
     "digiRecursiveValue": "#FFFBDD"
   },
   "sentiment--warning--500": {
     "name": "Sentiment/Warning/500",
+    "id": "VariableID:13385:28",
+    "remote": false,
+    "key": "f624e81f1aff3fe3beae044be65c7009eaff040e",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--warning--500",
     "digiRecursiveValue": "#FFE200"
   },
   "sentiment--warning--700": {
     "name": "Sentiment/Warning/700",
+    "id": "VariableID:13385:26",
+    "remote": false,
+    "key": "5349e2b38aa87bcc9c2ec229907d8190cfed2f14",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
     "digiCSSVariable": "--digi--sentiment--warning--700",
     "digiRecursiveValue": "#FFC108"
   },
   "sentiment--warning--900": {
     "name": "Sentiment/Warning/900",
+    "id": "VariableID:13385:27",
+    "remote": false,
+    "key": "f4e688754bc12358222de2810b3b032a202bb80a",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
     "description": "",
-    "digiCSSVariable": "--digi--sentiment--warning--900",
-    "digiRecursiveValue": "#664D00"
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.4000000059604645,
+        "g": 0.3019607961177826,
+        "b": 0,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--warning--900",
+    "digiRecursiveValue": "#664D00",
+    "digiCSSVariable": "--digi--sentiment--warning--900"
+  },
+  "background--interactive--hover--quinary": {
+    "name": "Background/Interactive/hover/quinary",
+    "id": "VariableID:21139:27072",
+    "remote": false,
+    "key": "74e4d5d319f13857142de8119a495ac074dcb823",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "ghost rider",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--quinary",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--quinary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "misc--transparent"
+  },
+  "background--interactive--selected--primary-stay": {
+    "name": "Background/Interactive/selected/primary-stay",
+    "id": "VariableID:25063:13800",
+    "remote": false,
+    "key": "69e6ece10978217a8c9a14c2fd28986f5ca2ae01",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Selected-utseende för kalendern. Används för när en komponent ska behålla sin selected färg oberoende av mode",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--interactive--selected--primary"
+    },
+    "digiName": "background--interactive--selected--primary-stay",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--primary-stay",
+    "digiRecursiveValue": "#008A20",
+    "digiValue": "sentiment--success--500"
+  },
+  "background--sentiment--error--tertiary-discreet": {
+    "name": "Background/Sentiment/error/tertiary-discreet",
+    "id": "VariableID:21050:24686",
+    "remote": false,
+    "key": "f73092ae4570abbf870a258410fb8eedfda606d9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Ljusare error/denied-bakgrundsfärg förloppsstegare.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:51"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10575"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--background--sentiment--error--tertiary"
+    },
+    "digiName": "background--sentiment--error--tertiary-discreet",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary-discreet",
+    "digiRecursiveValue": "#FDEDED",
+    "digiValue": "sentiment--error--200"
+  },
+  "border--interactive--default--discreet": {
+    "name": "Border/Interactive/default/Discreet",
+    "id": "VariableID:21012:14417",
+    "remote": false,
+    "key": "64a548088cbf34bb7edc550d4361c097abac94b9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "används för default kategori filter, perhaps relevant för fileupload ",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:21002:10573"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--border--interactive--default--primary"
+    },
+    "digiName": "border--interactive--default--discreet",
+    "digiCSSVariable": "--digi--color--border--interactive--default--discreet",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
+  "marking--indication--marker": {
+    "name": "Marking/Indication/marker",
+    "id": "VariableID:23054:12172",
+    "remote": false,
+    "key": "1c7512fd6a2244dd4e609e1444054a0b17956e28",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Användas för markeringen som är på dem andra indication färgerna",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--marking--indication--tertiary"
+    },
+    "digiName": "marking--indication--marker",
+    "digiCSSVariable": "--digi--color--marking--indication--marker",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "icon--secondary-reverse": {
+    "name": "Icon/secondary-reverse",
+    "id": "VariableID:21050:25029",
+    "remote": false,
+    "key": "c77ae5ff2289887ed1c4cabdd1402cbed92ffbdf",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används när en ikon ligger på mörk bakgrund, t.ex. i Footer eller Mediatagg.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {
+      "WEB": "--digi--color--icon--secondary"
+    },
+    "digiName": "icon--secondary-reverse",
+    "digiCSSVariable": "--digi--color--icon--secondary-reverse",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "background--dropdown": {
+    "name": "Background/dropdown",
+    "id": "VariableID:25428:25527",
+    "remote": false,
+    "key": "f333c4ae723fb4098385eb50d32ae36c7c80aa6a",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "För dropdowns",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      },
+      "21002:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:28"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--dropdown",
+    "digiCSSVariable": "--digi--color--background--dropdown",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "grayscale--75": {
+    "name": "Grayscale/75",
+    "id": "VariableID:21002:10572",
+    "remote": false,
+    "key": "f1ceced10ef0b4d427ff54c1d6f5e7b2b8c015e2",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9607843160629272,
+        "g": 0.9607843160629272,
+        "b": 0.9607843160629272,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--75",
+    "digiRecursiveValue": "#F5F5F5",
+    "digiCSSVariable": "--digi--grayscale--75"
+  },
+  "grayscale--550": {
+    "name": "Grayscale/550",
+    "id": "VariableID:21002:10573",
+    "remote": false,
+    "key": "ae7a4c4bf22ec76f0a936c32b8c0c37ae4f16e59",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.772549033164978,
+        "g": 0.772549033164978,
+        "b": 0.772549033164978,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--550",
+    "digiRecursiveValue": "#C5C5C5",
+    "digiCSSVariable": "--digi--grayscale--550"
+  },
+  "grayscale--650": {
+    "name": "Grayscale/650",
+    "id": "VariableID:21002:10574",
+    "remote": false,
+    "key": "d240cb04e579b2a179e0411e90ae138369339002",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.6117647290229797,
+        "g": 0.6117647290229797,
+        "b": 0.6117647290229797,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--650",
+    "digiRecursiveValue": "#9C9C9C",
+    "digiCSSVariable": "--digi--grayscale--650"
+  },
+  "grayscale--850": {
+    "name": "Grayscale/850",
+    "id": "VariableID:21002:10575",
+    "remote": false,
+    "key": "746cb29a68c5be8ef8dec61fed263b9ac1824f68",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor 5C5C5C",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.3176470696926117,
+        "g": 0.3176470696926117,
+        "b": 0.3176470696926117,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--850",
+    "digiRecursiveValue": "#515151",
+    "digiCSSVariable": "--digi--grayscale--850"
+  },
+  "grayscale--875": {
+    "name": "Grayscale/875",
+    "id": "VariableID:21002:10576",
+    "remote": false,
+    "key": "8f406f1476799ef8e40229a7e40c2695a4da9a60",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor 5C5C5C",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.2549019753932953,
+        "g": 0.2549019753932953,
+        "b": 0.2549019753932953,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--875",
+    "digiRecursiveValue": "#414141",
+    "digiCSSVariable": "--digi--grayscale--875"
+  },
+  "grayscale--950": {
+    "name": "Grayscale/950",
+    "id": "VariableID:21002:10577",
+    "remote": false,
+    "key": "8534f7354e456d8303041d3c378431ba14c4a42a",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Primary text color",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.1725490242242813,
+        "g": 0.1725490242242813,
+        "b": 0.1725490242242813,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--950",
+    "digiRecursiveValue": "#2C2C2C",
+    "digiCSSVariable": "--digi--grayscale--950"
+  },
+  "grayscale--975": {
+    "name": "Grayscale/975",
+    "id": "VariableID:21002:10578",
+    "remote": false,
+    "key": "7136be363ae48c335a162c6de1fa195bf2d974c4",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Primary text color",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.12941177189350128,
+        "g": 0.12941177189350128,
+        "b": 0.12941177189350128,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--975",
+    "digiRecursiveValue": "#212121",
+    "digiCSSVariable": "--digi--grayscale--975"
   }
 }