@designsystem-se/af 34.0.3 → 34.0.4-beta.0

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

@@ -0,0 +1,3153 @@
+{
+  "text--primary": {
+    "name": "Text/primary",
+    "id": "VariableID:13649:1579",
+    "remote": false,
+    "key": "cfc7c8080f201a9b56c7be87ec5ad2555f9c4a7c",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--primary",
+    "digiCSSVariable": "--digi--color--text--primary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "text--secondary": {
+    "name": "Text/secondary",
+    "id": "VariableID:13916:1105",
+    "remote": false,
+    "key": "9b6f045fd71ed3b9ee1ba46a97cf81b2cc5e5923",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--secondary",
+    "digiCSSVariable": "--digi--color--text--secondary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "background--primary": {
+    "name": "Background/primary",
+    "id": "VariableID:13649:1550",
+    "remote": false,
+    "key": "e6d3db3ac69af5d374e5992803333b048fdba7f6",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--primary",
+    "digiCSSVariable": "--digi--color--background--primary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "text--interactive--primary": {
+    "name": "Text/Interactive/primary",
+    "id": "VariableID:13828:67",
+    "remote": false,
+    "key": "f6a0dbee8c19d108a1a077e93d2e0017707f5b51",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--primary",
+    "digiCSSVariable": "--digi--color--text--interactive--primary",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
+  "text--interactive--secondary": {
+    "name": "Text/Interactive/secondary",
+    "id": "VariableID:13828:314",
+    "remote": false,
+    "key": "a47f7e698f2d7224c415f6e677a9fab9478c95ec",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--secondary",
+    "digiCSSVariable": "--digi--color--text--interactive--secondary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "text--interactive--tertiary": {
+    "name": "Text/Interactive/tertiary",
+    "id": "VariableID:13965:756",
+    "remote": false,
+    "key": "094ce62839b94d03c1c376cd39647db06110df3e",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--tertiary",
+    "digiCSSVariable": "--digi--color--text--interactive--tertiary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "text--interactive--brand-primary": {
+    "name": "Text/Interactive/brand-primary",
+    "id": "VariableID:13828:315",
+    "remote": false,
+    "key": "2a325160c04a80cfbb7cd3f86d551fe46ff8444e",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--brand-primary",
+    "digiCSSVariable": "--digi--color--text--interactive--brand-primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "text--interactive--brand-secondary": {
+    "name": "Text/Interactive/brand-secondary",
+    "id": "VariableID:13828:316",
+    "remote": false,
+    "key": "dd586bdb41ee862b7870992e4c6f530827974802",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--brand-secondary",
+    "digiCSSVariable": "--digi--color--text--interactive--brand-secondary",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--cta-on-dark"
+  },
+  "background--secondary": {
+    "name": "Background/secondary",
+    "id": "VariableID:13851:4",
+    "remote": false,
+    "key": "c4ea468eaf99e224ec600d2c38dcef2ec81b01ac",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--secondary",
+    "digiCSSVariable": "--digi--color--background--secondary",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
+  "background--secondary-accent": {
+    "name": "Background/secondary-accent",
+    "id": "VariableID:14424:911",
+    "remote": false,
+    "key": "878be31bc5e9a906bfdaf639627c3637ce85b994",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används som bakgrundsfärg för att gruppera och framhäva klickbara element, ex. knappar i i digi-form-filter.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--secondary-accent",
+    "digiCSSVariable": "--digi--color--background--secondary-accent",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "background--secondary-muted": {
+    "name": "Background/secondary-muted",
+    "id": "VariableID:14131:350",
+    "remote": false,
+    "key": "92236a73b04041dec3cf9e8f3c2d41c729605c0e",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--secondary-muted",
+    "digiCSSVariable": "--digi--color--background--secondary-muted",
+    "digiRecursiveValue": "#FBFBFB",
+    "digiValue": "grayscale--50"
+  },
+  "background--brand-primary": {
+    "name": "Background/brand-primary",
+    "id": "VariableID:14194:1748",
+    "remote": false,
+    "key": "2e09f0444c506017e1c0a90d987f4daf775511ef",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--brand-primary",
+    "digiCSSVariable": "--digi--color--background--brand-primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "background--transparent": {
+    "name": "Background/transparent",
+    "id": "VariableID:13916:1783",
+    "remote": false,
+    "key": "2d252800fd7c80cc7abafca61a9846246e89bdc6",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--transparent",
+    "digiCSSVariable": "--digi--color--background--transparent",
+    "digiRecursiveValue": "#FFFFFF00",
+    "digiValue": "misc--transparent"
+  },
+  "background--pop-out": {
+    "name": "Background/pop-out",
+    "id": "VariableID:13851:2",
+    "remote": false,
+    "key": "cdd8d312f154f93be3f8489ccdd13ea7c51f0a33",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--pop-out",
+    "digiCSSVariable": "--digi--color--background--pop-out",
+    "digiRecursiveValue": "#F1F7E5",
+    "digiValue": "brand-secondary--nuance-1"
+  },
+  "background--interactive--default--primary": {
+    "name": "Background/Interactive/default/primary",
+    "id": "VariableID:13821:189",
+    "remote": false,
+    "key": "ff66fc446f7b9adb18178fe648861f402421765a",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--default--primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "background--interactive--default--primary-inverted": {
+    "name": "Background/Interactive/default/primary-inverted",
+    "id": "VariableID:13821:191",
+    "remote": false,
+    "key": "ba671ef606738f64876fa333314ef4b4a6b92329",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--primary-inverted",
+    "digiCSSVariable": "--digi--color--background--interactive--default--primary-inverted",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--cta-on-dark"
+  },
+  "text--interactive--visited": {
+    "name": "Text/Interactive/visited",
+    "id": "VariableID:13946:8265",
+    "remote": false,
+    "key": "d8ddb8fcda9e6e43153e7f1641a775d980f16309",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--interactive--visited",
+    "digiCSSVariable": "--digi--color--text--interactive--visited",
+    "digiRecursiveValue": "#822998",
+    "digiValue": "brand-link--visited"
+  },
+  "background--interactive--default--secondary": {
+    "name": "Background/Interactive/default/secondary",
+    "id": "VariableID:13827:193",
+    "remote": false,
+    "key": "a48ced9b9d38dea430b654f531261dab508003af",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--secondary",
+    "digiCSSVariable": "--digi--color--background--interactive--default--secondary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "background--interactive--default--secondary-inverted": {
+    "name": "Background/Interactive/default/secondary-inverted",
+    "id": "VariableID:13827:192",
+    "remote": false,
+    "key": "42cb6128b732bd0e7bfeba6be99b9427d5c9ac75",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--secondary-inverted",
+    "digiCSSVariable": "--digi--color--background--interactive--default--secondary-inverted",
+    "digiRecursiveValue": "#FFFFFF00",
+    "digiValue": "misc--transparent"
+  },
+  "background--interactive--default--tertiary": {
+    "name": "Background/Interactive/default/tertiary",
+    "id": "VariableID:13903:2",
+    "remote": false,
+    "key": "7f4ce2db14c083fb3abca0def6b59f81cf5121ba",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--tertiary",
+    "digiCSSVariable": "--digi--color--background--interactive--default--tertiary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "background--interactive--default--quaternary": {
+    "name": "Background/Interactive/default/quaternary",
+    "id": "VariableID:13906:9",
+    "remote": false,
+    "key": "2efcb5213e604e43423ffca02d2c1c5b9a7760f2",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--quaternary",
+    "digiCSSVariable": "--digi--color--background--interactive--default--quaternary",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
+  "background--interactive--default--input-elements": {
+    "name": "Background/Interactive/default/input-elements",
+    "id": "VariableID:13851:3",
+    "remote": false,
+    "key": "cbae0ff772fa1df349a830a9b23b84133f896b94",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--input-elements",
+    "digiCSSVariable": "--digi--color--background--interactive--default--input-elements",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "background--interactive--default--pop-out": {
+    "name": "Background/Interactive/default/pop-out",
+    "id": "VariableID:13965:759",
+    "remote": false,
+    "key": "f105f52b4b162def08a7feec8792e2c54c69550b",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--default--pop-out",
+    "digiCSSVariable": "--digi--color--background--interactive--default--pop-out",
+    "digiRecursiveValue": "#F1F7E5",
+    "digiValue": "brand-secondary--nuance-3"
+  },
+  "background--interactive--hover--primary": {
+    "name": "Background/Interactive/hover/primary",
+    "id": "VariableID:13821:190",
+    "remote": false,
+    "key": "c0eb126d9b60e955f06aa6eeb23d9cba39918c7f",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--primary",
+    "digiRecursiveValue": "#0058A3",
+    "digiValue": "brand-cta-hover--primary-nuance-1"
+  },
+  "background--interactive--hover--secondary": {
+    "name": "Background/Interactive/hover/secondary",
+    "id": "VariableID:13827:195",
+    "remote": false,
+    "key": "49333458435814137f6d00594f5fd03e43789acc",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--secondary",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--secondary",
+    "digiRecursiveValue": "#BDD3E7",
+    "digiValue": "brand-cta-hover--primary"
+  },
+  "background--interactive--hover--tertiary": {
+    "name": "Background/Interactive/hover/tertiary",
+    "id": "VariableID:13905:4",
+    "remote": false,
+    "key": "a11e97e5a9cac6baae1dfd040fce04d1529990c8",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--tertiary",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--tertiary",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
+  "background--interactive--hover--quarternary": {
+    "name": "Background/Interactive/hover/quarternary",
+    "id": "VariableID:14128:620",
+    "remote": false,
+    "key": "e26261ae69bb9d96c0d308c603ea828e107f075f",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--quarternary",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--quarternary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "background--interactive--hover--inverted": {
+    "name": "Background/Interactive/hover/inverted",
+    "id": "VariableID:13827:194",
+    "remote": false,
+    "key": "9a152f72d7e1e50a11f1bcb86393b33debf337e6",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--hover--inverted",
+    "digiCSSVariable": "--digi--color--background--interactive--hover--inverted",
+    "digiRecursiveValue": "#B7EE4A",
+    "digiValue": "brand-cta-hover--secondary"
+  },
+  "background--sentiment--error--primary": {
+    "name": "Background/Sentiment/error/primary",
+    "id": "VariableID:13836:7",
+    "remote": false,
+    "key": "a89b67e33b40bb7ac0891f3ddf974c689beddc11",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {
+      "WEB": "Background/Sentiment/error/primary"
+    },
+    "digiName": "background--sentiment--error--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--primary",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
+  "text--description": {
+    "name": "Text/description",
+    "id": "VariableID:14172:285",
+    "remote": false,
+    "key": "aa37b80632a54f8fdda60ddae75c70eefb6c8cdc",
+    "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"
+      }
+    },
+    "scopes": [
+      "TEXT_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "text--description",
+    "digiCSSVariable": "--digi--color--text--description",
+    "digiRecursiveValue": "#5C5C5C",
+    "digiValue": "grayscale--800"
+  },
+  "background--interactive--selected--primary": {
+    "name": "Background/Interactive/selected/primary",
+    "id": "VariableID:13836:2",
+    "remote": false,
+    "key": "7107fd7600cc394052436d03f249d0acf794da1c",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--selected--primary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--primary",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "background--sentiment--error--secondary": {
+    "name": "Background/Sentiment/error/secondary",
+    "id": "VariableID:13916:1760",
+    "remote": false,
+    "key": "c2c82b08d4fea72fc762173182504c28b1c66ea6",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--error--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--secondary",
+    "digiRecursiveValue": "#C7311A",
+    "digiValue": "sentiment--error--700"
+  },
+  "background--sentiment--error--tertiary": {
+    "name": "Background/Sentiment/error/tertiary",
+    "id": "VariableID:13916:1761",
+    "remote": false,
+    "key": "92bfd2e9c70bb5e3181062cca0cd521e579ba742",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--error--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--error--tertiary",
+    "digiRecursiveValue": "#FDEDED",
+    "digiValue": "sentiment--error--200"
+  },
+  "background--interactive--selected--secondary": {
+    "name": "Background/Interactive/selected/secondary",
+    "id": "VariableID:13836:6",
+    "remote": false,
+    "key": "500426c096ee362633965f6db5ea05a3eacaf510",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Selected-utseende för sekundära kryssrutor, radioknappar.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--selected--secondary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--secondary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "background--sentiment--success--primary": {
+    "name": "Background/Sentiment/success/primary",
+    "id": "VariableID:13847:9",
+    "remote": false,
+    "key": "8598cdff6842189a93dcc96027645d8de8556f5e",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--success--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--success--primary",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "background--sentiment--success--secondary": {
+    "name": "Background/Sentiment/success/secondary",
+    "id": "VariableID:13916:1764",
+    "remote": false,
+    "key": "be9a507f23f29d36ce76818dddd06e9d529bf4a9",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--success--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--success--secondary",
+    "digiRecursiveValue": "#02703C",
+    "digiValue": "sentiment--success--700"
+  },
+  "background--sentiment--success--tertiary": {
+    "name": "Background/Sentiment/success/tertiary",
+    "id": "VariableID:13916:1765",
+    "remote": false,
+    "key": "ee435b7147badc5c9a00caf9ec2ff8e64a48fff0",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--success--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--success--tertiary",
+    "digiRecursiveValue": "#E9F6EC",
+    "digiValue": "sentiment--success--200"
+  },
+  "background--sentiment--warning--primary": {
+    "name": "Background/Sentiment/warning/primary",
+    "id": "VariableID:13850:19",
+    "remote": false,
+    "key": "8bcb41bccd2e053093480dded04fe84cf5217fc2",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--warning--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--warning--primary",
+    "digiRecursiveValue": "#FFE200",
+    "digiValue": "sentiment--warning--500"
+  },
+  "background--sentiment--warning--secondary": {
+    "name": "Background/Sentiment/warning/secondary",
+    "id": "VariableID:13916:1766",
+    "remote": false,
+    "key": "61bc6a362e2b137c848dfb61c6aa1bfb044d97eb",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--warning--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--warning--secondary",
+    "digiRecursiveValue": "#FFC108",
+    "digiValue": "sentiment--warning--700"
+  },
+  "background--sentiment--warning--tertiary": {
+    "name": "Background/Sentiment/warning/tertiary",
+    "id": "VariableID:13916:1767",
+    "remote": false,
+    "key": "fe680c0134038fa14329f55820c8adb149b9f058",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--warning--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--warning--tertiary",
+    "digiRecursiveValue": "#FFF398",
+    "digiValue": "sentiment--warning--200"
+  },
+  "background--sentiment--warning--quarternary": {
+    "name": "Background/Sentiment/warning/quarternary",
+    "id": "VariableID:14172:287",
+    "remote": false,
+    "key": "7d48694e299192c7c3998fecc68af896f0216579",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--warning--quarternary",
+    "digiCSSVariable": "--digi--color--background--sentiment--warning--quarternary",
+    "digiRecursiveValue": "#FFFBDD",
+    "digiValue": "sentiment--warning--50"
+  },
+  "background--sentiment--info--primary": {
+    "name": "Background/Sentiment/info/primary",
+    "id": "VariableID:13850:20",
+    "remote": false,
+    "key": "afc87ed5b1eb40fa48a67c908887308307083cf9",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--info--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--info--primary",
+    "digiRecursiveValue": "#0000FF",
+    "digiValue": "sentiment--informative--500"
+  },
+  "background--sentiment--info--secondary": {
+    "name": "Background/Sentiment/info/secondary",
+    "id": "VariableID:13916:1768",
+    "remote": false,
+    "key": "abe81b83e054838ed22a14a1d49b87eb216855fd",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--info--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--info--secondary",
+    "digiRecursiveValue": "#0058A3",
+    "digiValue": "sentiment--informative--700"
+  },
+  "background--sentiment--info--tertiary": {
+    "name": "Background/Sentiment/info/tertiary",
+    "id": "VariableID:13916:1769",
+    "remote": false,
+    "key": "086926821a001fab58629e940f367d53a5bdd910",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--info--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--info--tertiary",
+    "digiRecursiveValue": "#E9E9FF",
+    "digiValue": "sentiment--informative--200"
+  },
+  "border--notification": {
+    "name": "Border/notification",
+    "id": "VariableID:13916:1679",
+    "remote": false,
+    "key": "dfdc109a77160576a9617882d18be394a76b1f53",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--notification",
+    "digiCSSVariable": "--digi--color--border--notification",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "border--transparent": {
+    "name": "Border/transparent",
+    "id": "VariableID:13916:1778",
+    "remote": false,
+    "key": "13c6c663f5304b1a638a1ab5378dd85f382a9ec0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Transparent ram",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13646:1231"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--transparent",
+    "digiCSSVariable": "--digi--color--border--transparent",
+    "digiRecursiveValue": "#FFFFFF00",
+    "digiValue": "misc--transparent"
+  },
+  "border--interactive--default--primary": {
+    "name": "Border/Interactive/default/primary",
+    "id": "VariableID:13828:59",
+    "remote": false,
+    "key": "3f19d8c925708b6a18408a733b213057af58da49",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--default--primary",
+    "digiCSSVariable": "--digi--color--border--interactive--default--primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "border--interactive--default--on-input": {
+    "name": "Border/Interactive/default/on-input",
+    "id": "VariableID:13836:5",
+    "remote": false,
+    "key": "ddde1f2abc8411a4d03a739bfaea91a5eb4a420b",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--default--on-input",
+    "digiCSSVariable": "--digi--color--border--interactive--default--on-input",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "border--interactive--default--on-input-nuance": {
+    "name": "Border/Interactive/default/on-input-nuance",
+    "id": "VariableID:13649:1551",
+    "remote": false,
+    "key": "9a5391cd92aa2713b85825ed17590280f8ae441e",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--default--on-input-nuance",
+    "digiCSSVariable": "--digi--color--border--interactive--default--on-input-nuance",
+    "digiRecursiveValue": "#5C5C5C",
+    "digiValue": "grayscale--800"
+  },
+  "border--interactive--default--inverted": {
+    "name": "Border/Interactive/default/inverted",
+    "id": "VariableID:13828:60",
+    "remote": false,
+    "key": "21144fb95d348a30325c61472e0b28dc3b73c55b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i länkknappar",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--default--inverted",
+    "digiCSSVariable": "--digi--color--border--interactive--default--inverted",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--cta-on-dark"
+  },
+  "border--interactive--hover--primary": {
+    "name": "Border/Interactive/hover/primary",
+    "id": "VariableID:13828:63",
+    "remote": false,
+    "key": "a0412a78660aee8682363fd312da3deac4556670",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--hover--primary",
+    "digiCSSVariable": "--digi--color--border--interactive--hover--primary",
+    "digiRecursiveValue": "#0058A3",
+    "digiValue": "brand-cta-hover--primary-nuance-1"
+  },
+  "border--interactive--hover--secondary": {
+    "name": "Border/Interactive/hover/secondary",
+    "id": "VariableID:13828:65",
+    "remote": false,
+    "key": "37d5e4f9869d3d93c0294d0a9e18e6482a6e1ab9",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--hover--secondary",
+    "digiCSSVariable": "--digi--color--border--interactive--hover--secondary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "border--interactive--hover--inverted": {
+    "name": "Border/Interactive/hover/inverted",
+    "id": "VariableID:13828:64",
+    "remote": false,
+    "key": "b74a392aca53d21663eb4919d601f8eab0769f2b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Används i länkknappar",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13341:13"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--hover--inverted",
+    "digiCSSVariable": "--digi--color--border--interactive--hover--inverted",
+    "digiRecursiveValue": "#B7EE4A",
+    "digiValue": "brand-cta-hover--secondary"
+  },
+  "border--interactive--validation--success": {
+    "name": "Border/Interactive/validation/success",
+    "id": "VariableID:13649:1553",
+    "remote": false,
+    "key": "6587b04518985b270ea5e27bba4ab42ce1380bcb",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--validation--success",
+    "digiCSSVariable": "--digi--color--border--interactive--validation--success",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "border--interactive--validation--warning": {
+    "name": "Border/Interactive/validation/warning",
+    "id": "VariableID:13649:1555",
+    "remote": false,
+    "key": "056a60b6cf92c92017eda4dc66d71b82aeb0c929",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--validation--warning",
+    "digiCSSVariable": "--digi--color--border--interactive--validation--warning",
+    "digiRecursiveValue": "#664D00",
+    "digiValue": "sentiment--warning--900"
+  },
+  "border--interactive--validation--error": {
+    "name": "Border/Interactive/validation/error",
+    "id": "VariableID:13649:1557",
+    "remote": false,
+    "key": "ab669972be2c2fb86d68b9d97bf96883ff9a24a4",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--validation--error",
+    "digiCSSVariable": "--digi--color--border--interactive--validation--error",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
+  "border--interactive--selected--primary": {
+    "name": "Border/Interactive/selected/primary",
+    "id": "VariableID:14309:1101",
+    "remote": false,
+    "key": "66d5de4038d90b117dd87efd560ba38eae341e58",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {
+      "WEB": "Border/Interactive/selected/primary"
+    },
+    "digiName": "border--interactive--selected--primary",
+    "digiCSSVariable": "--digi--color--border--interactive--selected--primary",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "border--interactive--selected--secondary": {
+    "name": "Border/Interactive/selected/secondary",
+    "id": "VariableID:14309:1102",
+    "remote": false,
+    "key": "551efb73aaa9941a8eca11df631f540beb6f1505",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--interactive--selected--secondary",
+    "digiCSSVariable": "--digi--color--border--interactive--selected--secondary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "border--sentiment--error": {
+    "name": "Border/Sentiment/error",
+    "id": "VariableID:13836:8",
+    "remote": false,
+    "key": "92c657c91018b05db1dd81bea9b9bd037b1aae97",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--sentiment--error",
+    "digiCSSVariable": "--digi--color--border--sentiment--error",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
+  "border--sentiment--success": {
+    "name": "Border/Sentiment/success",
+    "id": "VariableID:13847:10",
+    "remote": false,
+    "key": "11e4419478dff93d8803fb41e06dcb1d98672f29",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--sentiment--success",
+    "digiCSSVariable": "--digi--color--border--sentiment--success",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "border--sentiment--warning": {
+    "name": "Border/Sentiment/warning",
+    "id": "VariableID:13850:11",
+    "remote": false,
+    "key": "7c09bcd45fb60a440280f165afc46f91bfcf094b",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--sentiment--warning",
+    "digiCSSVariable": "--digi--color--border--sentiment--warning",
+    "digiRecursiveValue": "#FFE200",
+    "digiValue": "sentiment--warning--500"
+  },
+  "border--sentiment--info": {
+    "name": "Border/Sentiment/info",
+    "id": "VariableID:13850:24",
+    "remote": false,
+    "key": "1ab44eeaf71a49f02ff11dc5cf41949e90863f10",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:85"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--sentiment--info",
+    "digiCSSVariable": "--digi--color--border--sentiment--info",
+    "digiRecursiveValue": "#0000FF",
+    "digiValue": "sentiment--informative--500"
+  },
+  "border--accent--primary": {
+    "name": "Border/Accent/primary",
+    "id": "VariableID:13897:3",
+    "remote": false,
+    "key": "ef1ee65c29d4cba12339b110180919f87b0bf340",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--accent--primary",
+    "digiCSSVariable": "--digi--color--border--accent--primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "border--accent--secondary": {
+    "name": "Border/Accent/secondary",
+    "id": "VariableID:13916:1104",
+    "remote": false,
+    "key": "ba86596800ef098de32c6c090db21bc85feee337",
+    "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"
+      }
+    },
+    "scopes": [
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "border--accent--secondary",
+    "digiCSSVariable": "--digi--color--border--accent--secondary",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--primary"
+  },
+  "marking--navigation--selected": {
+    "name": "Marking/Navigation/selected",
+    "id": "VariableID:13905:5",
+    "remote": false,
+    "key": "039bde012fe8d3a2a72d137a0364ce93ba6b2b3b",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--navigation--selected",
+    "digiCSSVariable": "--digi--color--marking--navigation--selected",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--primary"
+  },
+  "divider--primary": {
+    "name": "Divider/primary",
+    "id": "VariableID:13916:1082",
+    "remote": false,
+    "key": "79f4a85cfdd2407053002ceeb4fe3f07ad194348",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--primary",
+    "digiCSSVariable": "--digi--color--divider--primary",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "marking--navigation--level-active": {
+    "name": "Marking/Navigation/level-active",
+    "id": "VariableID:13905:6",
+    "remote": false,
+    "key": "16b00191ce8a65ca97d862ee7cc0f9d78deaa596",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--navigation--level-active",
+    "digiCSSVariable": "--digi--color--marking--navigation--level-active",
+    "digiRecursiveValue": "#DDEBC1",
+    "digiValue": "brand-secondary--nuance-2"
+  },
+  "marking--navigation--level-inactive": {
+    "name": "Marking/Navigation/level-inactive",
+    "id": "VariableID:13905:7",
+    "remote": false,
+    "key": "96de4e33ea445089cc96d1ad3baa453541a161ce",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:2"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--navigation--level-inactive",
+    "digiCSSVariable": "--digi--color--marking--navigation--level-inactive",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiValue": "grayscale--100"
+  },
+  "background--interactive--selected--tertiary": {
+    "name": "Background/Interactive/selected/tertiary",
+    "id": "VariableID:14394:2656",
+    "remote": false,
+    "key": "89918daf4bda79284a7c8f1f585ba924bf7fbccc",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "Selected-utseende för dropdowns såsom rullgardinsmeny och väljare med sök.",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--selected--tertiary",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--tertiary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "marking--indication--primary": {
+    "name": "Marking/Indication/primary",
+    "id": "VariableID:13916:1079",
+    "remote": false,
+    "key": "fb6f6c421d9ad78db050e52baa4d6de944bf24a0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--indication--primary",
+    "digiCSSVariable": "--digi--color--marking--indication--primary",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "marking--indication--secondary": {
+    "name": "Marking/Indication/secondary",
+    "id": "VariableID:13916:1080",
+    "remote": false,
+    "key": "219aa1485ffbfd4879fef88537dc976c88ee8b34",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--indication--secondary",
+    "digiCSSVariable": "--digi--color--marking--indication--secondary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "marking--indication--tertiary": {
+    "name": "Marking/Indication/tertiary",
+    "id": "VariableID:13916:1081",
+    "remote": false,
+    "key": "4f61594720eaaea1d2be9bc4a202ba030293c687",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:29"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "marking--indication--tertiary",
+    "digiCSSVariable": "--digi--color--marking--indication--tertiary",
+    "digiRecursiveValue": "#757575",
+    "digiValue": "grayscale--700"
+  },
+  "background--interactive--selected--on-menu-minus-button": {
+    "name": "Background/Interactive/selected/on-menu-minus-button",
+    "id": "VariableID:13903:3",
+    "remote": false,
+    "key": "8abd093bf4039b1bff52da8b9329fee952038d75",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--selected--on-menu-minus-button",
+    "digiCSSVariable": "--digi--color--background--interactive--selected--on-menu-minus-button",
+    "digiRecursiveValue": "#DDEBC1",
+    "digiValue": "brand-secondary--nuance-2"
+  },
+  "icon--validation--success": {
+    "name": "Icon/Validation/success",
+    "id": "VariableID:13649:1580",
+    "remote": false,
+    "key": "f4e66d13f4d4d0d3e557b55162833da15788f5cb",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:39"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--validation--success",
+    "digiCSSVariable": "--digi--color--icon--validation--success",
+    "digiRecursiveValue": "#009322",
+    "digiValue": "sentiment--success--500"
+  },
+  "icon--validation--warning": {
+    "name": "Icon/Validation/warning",
+    "id": "VariableID:13650:1356",
+    "remote": false,
+    "key": "40f6c2cf0ffb41a96ecade13534ce8d3a16749b3",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:28"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--validation--warning",
+    "digiCSSVariable": "--digi--color--icon--validation--warning",
+    "digiRecursiveValue": "#FFE200",
+    "digiValue": "sentiment--warning--500"
+  },
+  "divider--secondary": {
+    "name": "Divider/secondary",
+    "id": "VariableID:14128:613",
+    "remote": false,
+    "key": "fe7c8ba4102566f25acd415adebe629c7bb7e9a1",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:36"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--secondary",
+    "digiCSSVariable": "--digi--color--divider--secondary",
+    "digiRecursiveValue": "#EDEDED",
+    "digiValue": "grayscale--200"
+  },
+  "divider--tertiary": {
+    "name": "Divider/tertiary",
+    "id": "VariableID:14227:3558",
+    "remote": false,
+    "key": "2e4b8159abbbebbeb0c0de64aaf81678e38ae7ba",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:33"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--tertiary",
+    "digiCSSVariable": "--digi--color--divider--tertiary",
+    "digiRecursiveValue": "#CACACA",
+    "digiValue": "grayscale--500"
+  },
+  "icon--validation--error": {
+    "name": "Icon/Validation/error",
+    "id": "VariableID:13650:1357",
+    "remote": false,
+    "key": "f168c0449678c64a1b0db58e1ee971f9cf6809d7",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13385:50"
+      }
+    },
+    "scopes": [
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--validation--error",
+    "digiCSSVariable": "--digi--color--icon--validation--error",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
+  "divider--on-brand-primary": {
+    "name": "Divider/on-brand-primary",
+    "id": "VariableID:14194:1749",
+    "remote": false,
+    "key": "1c5ac62ad9da508b2c4782bca1d62a969b63d25f",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:14191:1683"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--on-brand-primary",
+    "digiCSSVariable": "--digi--color--divider--on-brand-primary",
+    "digiRecursiveValue": "#33337B",
+    "digiValue": "brand-primary--nuance-1"
+  },
+  "divider--cta": {
+    "name": "Divider/cta",
+    "id": "VariableID:14214:455",
+    "remote": false,
+    "key": "5050139b5c9549cca77b7dfee5035ad7348f59ec",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL",
+      "STROKE_COLOR"
+    ],
+    "codeSyntax": {},
+    "digiName": "divider--cta",
+    "digiCSSVariable": "--digi--color--divider--cta",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
+  "icon--primary": {
+    "name": "Icon/primary",
+    "id": "VariableID:13650:2071",
+    "remote": false,
+    "key": "7bfa06a68ce257b5383e4980aa38749f7ba016d0",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--primary",
+    "digiCSSVariable": "--digi--color--icon--primary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "icon--secondary": {
+    "name": "Icon/secondary",
+    "id": "VariableID:13650:2070",
+    "remote": false,
+    "key": "86b5f7d3102e10ee5577977d4cdc8c237722240d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--secondary",
+    "digiCSSVariable": "--digi--color--icon--secondary",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "icon--brand-primary": {
+    "name": "Icon/brand-primary",
+    "id": "VariableID:13650:2072",
+    "remote": false,
+    "key": "a4628814fd8157539d7312834aeef655cd8c7b64",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:3"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--brand-primary",
+    "digiCSSVariable": "--digi--color--icon--brand-primary",
+    "digiRecursiveValue": "#00005A",
+    "digiValue": "brand-primary--primary"
+  },
+  "icon--brand-secondary": {
+    "name": "Icon/brand-secondary",
+    "id": "VariableID:13650:2073",
+    "remote": false,
+    "key": "cee79aa4a264b3ee95b27a3f73c8a47c563ff45a",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:15493:2"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--brand-secondary",
+    "digiCSSVariable": "--digi--color--icon--brand-secondary",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--cta-on-dark"
+  },
+  "icon--cta": {
+    "name": "Icon/cta",
+    "id": "VariableID:13650:2069",
+    "remote": false,
+    "key": "c54d1785192e8ba4b209c267f779fff7022469e9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13377:27"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "icon--cta",
+    "digiCSSVariable": "--digi--color--icon--cta",
+    "digiRecursiveValue": "#1616B2",
+    "digiValue": "brand-link--default"
+  },
+  "background--interactive--validation--success": {
+    "name": "Background/Interactive/validation/success",
+    "id": "VariableID:13649:1552",
+    "remote": false,
+    "key": "8a031d7182fbc70e1741b203fd38b865a5b5f9df",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--validation--success",
+    "digiCSSVariable": "--digi--color--background--interactive--validation--success",
+    "digiRecursiveValue": "#E9F6EC",
+    "digiValue": "sentiment--success--200"
+  },
+  "background--interactive--validation--warning": {
+    "name": "Background/Interactive/validation/warning",
+    "id": "VariableID:13649:1554",
+    "remote": false,
+    "key": "0ed95c41d5d60b23e3289ead60195a05a1c56180",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--validation--warning",
+    "digiCSSVariable": "--digi--color--background--interactive--validation--warning",
+    "digiRecursiveValue": "#FFFBDD",
+    "digiValue": "sentiment--warning--50"
+  },
+  "background--sentiment--neutral--primary": {
+    "name": "Background/Sentiment/neutral/primary",
+    "id": "VariableID:13916:1763",
+    "remote": false,
+    "key": "08426caa3b0f73fc3847197ece9afc30299e1ac3",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--neutral--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--primary",
+    "digiRecursiveValue": "#757575",
+    "digiValue": "grayscale--700"
+  },
+  "background--interactive--validation--error": {
+    "name": "Background/Interactive/validation/error",
+    "id": "VariableID:13649:1556",
+    "remote": false,
+    "key": "a3b97de6f5233bf70459824dd12217859dd07c60",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--interactive--validation--error",
+    "digiCSSVariable": "--digi--color--background--interactive--validation--error",
+    "digiRecursiveValue": "#FDEDED",
+    "digiValue": "sentiment--error--200"
+  },
+  "background--sentiment--beta--primary": {
+    "name": "Background/Sentiment/beta/primary",
+    "id": "VariableID:13916:1770",
+    "remote": false,
+    "key": "8acdef77d07c5a63400aa1026ef6c06a0506454e",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--beta--primary",
+    "digiCSSVariable": "--digi--color--background--sentiment--beta--primary",
+    "digiRecursiveValue": "#D43372",
+    "digiValue": "brand-complementary--secondary"
+  },
+  "background--sentiment--neutral--secondary": {
+    "name": "Background/Sentiment/neutral/secondary",
+    "id": "VariableID:13916:1762",
+    "remote": false,
+    "key": "1c0d36c2690749b5b45e19c00634eedd577573c0",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--neutral--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--secondary",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "background--sentiment--beta--secondary": {
+    "name": "Background/Sentiment/beta/secondary",
+    "id": "VariableID:13916:1771",
+    "remote": false,
+    "key": "12c32a64df3286d5acb71a715e18d5e74dffbd7a",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--beta--secondary",
+    "digiCSSVariable": "--digi--color--background--sentiment--beta--secondary",
+    "digiRecursiveValue": "#F4CADA",
+    "digiValue": "brand-complementary--secondary-nuance"
+  },
+  "background--notification": {
+    "name": "Background/notification",
+    "id": "VariableID:13916:1678",
+    "remote": false,
+    "key": "763e4dd50cfd3851fde20edb4c7656ee1ab6c213",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--notification",
+    "digiCSSVariable": "--digi--color--background--notification",
+    "digiRecursiveValue": "#DA0000",
+    "digiValue": "sentiment--error--500"
+  },
+  "background--sentiment--neutral--tertiary": {
+    "name": "Background/Sentiment/neutral/tertiary",
+    "id": "VariableID:13916:1905",
+    "remote": false,
+    "key": "c22b4a1214a5851af23bc17cf9df7da793195327",
+    "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"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "background--sentiment--neutral--tertiary",
+    "digiCSSVariable": "--digi--color--background--sentiment--neutral--tertiary",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "misc--spinner-path": {
+    "name": "Misc/spinner-path",
+    "id": "VariableID:14194:1890",
+    "remote": false,
+    "key": "264ad22c52a82c863dfdbcd4f7917259b93f020d",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "misc--spinner-path",
+    "digiCSSVariable": "--digi--color--misc--spinner-path",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "misc--skeleton": {
+    "name": "Misc/skeleton",
+    "id": "VariableID:15650:2847",
+    "remote": false,
+    "key": "dcf95cfb99b765a4eafbc3b152d6f8cd24e02a04",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:35"
+      }
+    },
+    "scopes": [
+      "FRAME_FILL",
+      "SHAPE_FILL"
+    ],
+    "codeSyntax": {},
+    "digiName": "misc--skeleton",
+    "digiCSSVariable": "--digi--color--misc--skeleton",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiValue": "grayscale--400"
+  },
+  "infographic--lineart": {
+    "name": "Infographic/Lineart",
+    "id": "VariableID:16588:2",
+    "remote": false,
+    "key": "00f60cbf4810af1eebbdd4c07cc88925b86408d9",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13386:37"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--lineart",
+    "digiCSSVariable": "--digi--color--infographic--lineart",
+    "digiRecursiveValue": "#333333",
+    "digiValue": "grayscale--900"
+  },
+  "infographic--infograph--secondary-alt": {
+    "name": "Infographic/Infograph/Secondary-alt",
+    "id": "VariableID:16588:11012",
+    "remote": false,
+    "key": "49327cc08b93125a464fbb0f335073ebc7662ec8",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--infograph--secondary-alt",
+    "digiCSSVariable": "--digi--color--infographic--infograph--secondary-alt",
+    "digiRecursiveValue": "#DDEBC1",
+    "digiValue": "brand-secondary--nuance-2"
+  },
+  "infographic--background": {
+    "name": "Infographic/Background",
+    "id": "VariableID:16588:11013",
+    "remote": false,
+    "key": "e738249ea2e120f7948725e2d7a3ec4eadca2107",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13367:15"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--background",
+    "digiCSSVariable": "--digi--color--infographic--background",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiValue": "grayscale--0"
+  },
+  "infographic--infograph--primary": {
+    "name": "Infographic/Infograph/Primary",
+    "id": "VariableID:16588:3944",
+    "remote": false,
+    "key": "bbc9f09691a4949f0395c1fd1adcd86bae1a89ef",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--infograph--primary",
+    "digiCSSVariable": "--digi--color--infographic--infograph--primary",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--primary"
+  },
+  "infographic--infograph--primary-alt": {
+    "name": "Infographic/Infograph/Primary-alt",
+    "id": "VariableID:16588:11010",
+    "remote": false,
+    "key": "e845d39574986d782bff8c0fa981166c7c7880ae",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13332:4"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--infograph--primary-alt",
+    "digiCSSVariable": "--digi--color--infographic--infograph--primary-alt",
+    "digiRecursiveValue": "#95C23E",
+    "digiValue": "brand-secondary--primary"
+  },
+  "infographic--infograph--secondary": {
+    "name": "Infographic/Infograph/Secondary",
+    "id": "VariableID:16588:11011",
+    "remote": false,
+    "key": "7e6394c3304ae9cc29c8658f5d8f27660b12f3cd",
+    "variableCollectionId": "VariableCollectionId:13447:2",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": false,
+    "valuesByMode": {
+      "13447:0": {
+        "type": "VARIABLE_ALIAS",
+        "id": "VariableID:13461:3"
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "infographic--infograph--secondary",
+    "digiCSSVariable": "--digi--color--infographic--infograph--secondary",
+    "digiRecursiveValue": "#DDEBC1",
+    "digiValue": "brand-secondary--nuance-2"
+  },
+  "grayscale--0": {
+    "name": "Grayscale/0",
+    "id": "VariableID:13367:15",
+    "remote": false,
+    "key": "11550d9e0b9ce3e6f40120727bd429f72db4376b",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 1,
+        "b": 1,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--0",
+    "digiRecursiveValue": "#FFFFFF",
+    "digiCSSVariable": "--digi--grayscale--0"
+  },
+  "grayscale--50": {
+    "name": "Grayscale/50",
+    "id": "VariableID:13386:32",
+    "remote": false,
+    "key": "2aaaa36124b542eec33bf4c54a3e5d3fda90bb89",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9843137264251709,
+        "g": 0.9843137264251709,
+        "b": 0.9843137264251709,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--50",
+    "digiRecursiveValue": "#FBFBFB",
+    "digiCSSVariable": "--digi--grayscale--50"
+  },
+  "grayscale--100": {
+    "name": "Grayscale/100",
+    "id": "VariableID:13386:2",
+    "remote": false,
+    "key": "8f82537c18edb36774fb9228159f4bd0fd9b1768",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.95686274766922,
+        "g": 0.95686274766922,
+        "b": 0.95686274766922,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--100",
+    "digiRecursiveValue": "#F4F4F4",
+    "digiCSSVariable": "--digi--grayscale--100"
+  },
+  "grayscale--200": {
+    "name": "Grayscale/200",
+    "id": "VariableID:13386:36",
+    "remote": false,
+    "key": "4c18304821a99a5098361fdff9eb9106e929f917",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Sekundär bakgrundsfärg / Secoundary background",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.929411768913269,
+        "g": 0.929411768913269,
+        "b": 0.929411768913269,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--200",
+    "digiRecursiveValue": "#EDEDED",
+    "digiCSSVariable": "--digi--grayscale--200"
+  },
+  "grayscale--300": {
+    "name": "Grayscale/300",
+    "id": "VariableID:13386:34",
+    "remote": false,
+    "key": "56f14725ef5926b54315fbdc6078924ea3c69891",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.8941176533699036,
+        "g": 0.8941176533699036,
+        "b": 0.8941176533699036,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--300",
+    "digiRecursiveValue": "#E4E4E4",
+    "digiCSSVariable": "--digi--grayscale--300"
+  },
+  "grayscale--400": {
+    "name": "Grayscale/400",
+    "id": "VariableID:13386:35",
+    "remote": false,
+    "key": "50a453e35a141e7613905660167466394ee9870e",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.8666666746139526,
+        "g": 0.8666666746139526,
+        "b": 0.8666666746139526,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--400",
+    "digiRecursiveValue": "#DDDDDD",
+    "digiCSSVariable": "--digi--grayscale--400"
+  },
+  "grayscale--500": {
+    "name": "Grayscale/500",
+    "id": "VariableID:13386:33",
+    "remote": false,
+    "key": "4e5703d5197addbe56e38beb3435ba4ac258d971",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.7921568751335144,
+        "g": 0.7921568751335144,
+        "b": 0.7921568751335144,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--500",
+    "digiRecursiveValue": "#CACACA",
+    "digiCSSVariable": "--digi--grayscale--500"
+  },
+  "grayscale--600": {
+    "name": "Grayscale/600",
+    "id": "VariableID:13386:31",
+    "remote": false,
+    "key": "c58d596d8f6732dccd12a5b5f407f2ff8a0270da",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.6745098233222961,
+        "g": 0.6745098233222961,
+        "b": 0.6745098233222961,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--600",
+    "digiRecursiveValue": "#ACACAC",
+    "digiCSSVariable": "--digi--grayscale--600"
+  },
+  "grayscale--700": {
+    "name": "Grayscale/700",
+    "id": "VariableID:13386:29",
+    "remote": false,
+    "key": "2e5dd5d8828bfb7826aa5ee8f94ee3c61712328d",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.4588235318660736,
+        "g": 0.4588235318660736,
+        "b": 0.4588235318660736,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--700",
+    "digiRecursiveValue": "#757575",
+    "digiCSSVariable": "--digi--grayscale--700"
+  },
+  "grayscale--800": {
+    "name": "Grayscale/800",
+    "id": "VariableID:13386:28",
+    "remote": false,
+    "key": "fb91ca5428178a398d0b369440e4c15979902fd9",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Textcolor 5C5C5C",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.3607843220233917,
+        "g": 0.3607843220233917,
+        "b": 0.3607843220233917,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--800",
+    "digiRecursiveValue": "#5C5C5C",
+    "digiCSSVariable": "--digi--grayscale--800"
+  },
+  "grayscale--900": {
+    "name": "Grayscale/900",
+    "id": "VariableID:13386:37",
+    "remote": false,
+    "key": "4e02e52198a9d741e4a1e002de22e49930b475e6",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "Primary text color",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.20000000298023224,
+        "g": 0.20000000298023224,
+        "b": 0.20000000298023224,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--900",
+    "digiRecursiveValue": "#333333",
+    "digiCSSVariable": "--digi--grayscale--900"
+  },
+  "grayscale--1000": {
+    "name": "Grayscale/1000",
+    "id": "VariableID:13386:30",
+    "remote": false,
+    "key": "5648c60b9b983704fda6e97c8aebfb6aef883fac",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0,
+        "g": 0,
+        "b": 0,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "grayscale--1000",
+    "digiRecursiveValue": "#000000",
+    "digiCSSVariable": "--digi--grayscale--1000"
+  },
+  "sentiment--informative--700": {
+    "name": "Sentiment/Informative/700",
+    "id": "VariableID:13385:84",
+    "remote": false,
+    "key": "8a621b9f8e0da36e5b68ade06c5c4b65b99e8192",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0,
+        "g": 0.3450980484485626,
+        "b": 0.6392157077789307,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--informative--700",
+    "digiRecursiveValue": "#0058A3",
+    "digiCSSVariable": "--digi--sentiment--informative--700"
+  },
+  "sentiment--informative--200": {
+    "name": "Sentiment/Informative/200",
+    "id": "VariableID:13385:86",
+    "remote": false,
+    "key": "f7729daa950968f200c605d53b5b42e72b68cefa",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9137254953384399,
+        "g": 0.9137254953384399,
+        "b": 1,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--informative--200",
+    "digiRecursiveValue": "#E9E9FF",
+    "digiCSSVariable": "--digi--sentiment--informative--200"
+  },
+  "sentiment--informative--500": {
+    "name": "Sentiment/Informative/500",
+    "id": "VariableID:13385:85",
+    "remote": false,
+    "key": "d334ebd2e6438f1bfd00d5aa82fe55870bf319fd",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0,
+        "g": 0,
+        "b": 1,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--informative--500",
+    "digiRecursiveValue": "#0000FF",
+    "digiCSSVariable": "--digi--sentiment--informative--500"
+  },
+  "sentiment--error--200": {
+    "name": "Sentiment/Error/200",
+    "id": "VariableID:13385:51",
+    "remote": false,
+    "key": "4fc6cb841730e333b5f41d65aeaabe3a87579d24",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9921568632125854,
+        "g": 0.929411768913269,
+        "b": 0.929411768913269,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--error--200",
+    "digiRecursiveValue": "#FDEDED",
+    "digiCSSVariable": "--digi--sentiment--error--200"
+  },
+  "sentiment--error--500": {
+    "name": "Sentiment/Error/500",
+    "id": "VariableID:13385:50",
+    "remote": false,
+    "key": "d35eb8bff3c99747a6b693e9fcddc59e8dab80cf",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.8549019694328308,
+        "g": 0,
+        "b": 0,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--error--500",
+    "digiRecursiveValue": "#DA0000",
+    "digiCSSVariable": "--digi--sentiment--error--500"
+  },
+  "sentiment--error--700": {
+    "name": "Sentiment/Error/700",
+    "id": "VariableID:13385:49",
+    "remote": false,
+    "key": "65285cc89a16828378be1872fea7a45732218843",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.7803921699523926,
+        "g": 0.1921568661928177,
+        "b": 0.10196078568696976,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--error--700",
+    "digiRecursiveValue": "#C7311A",
+    "digiCSSVariable": "--digi--sentiment--error--700"
+  },
+  "sentiment--success--200": {
+    "name": "Sentiment/Success/200",
+    "id": "VariableID:13385:40",
+    "remote": false,
+    "key": "efaa258bb12d983412b146c1771c741fe6b130da",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.9137254953384399,
+        "g": 0.9647058844566345,
+        "b": 0.9254902005195618,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--success--200",
+    "digiRecursiveValue": "#E9F6EC",
+    "digiCSSVariable": "--digi--sentiment--success--200"
+  },
+  "sentiment--success--500": {
+    "name": "Sentiment/Success/500",
+    "id": "VariableID:13385:39",
+    "remote": false,
+    "key": "03e60dfa959052642fd9a539c4bf236027b54e8f",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0,
+        "g": 0.5764706134796143,
+        "b": 0.13333334028720856,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--success--500",
+    "digiRecursiveValue": "#009322",
+    "digiCSSVariable": "--digi--sentiment--success--500"
+  },
+  "sentiment--success--700": {
+    "name": "Sentiment/Success/700",
+    "id": "VariableID:13385:38",
+    "remote": false,
+    "key": "d9c5168a484cb838d9c309910605deedebcecd74",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 0.007843137718737125,
+        "g": 0.43921568989753723,
+        "b": 0.23529411852359772,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--success--700",
+    "digiRecursiveValue": "#02703C",
+    "digiCSSVariable": "--digi--sentiment--success--700"
+  },
+  "sentiment--warning--50": {
+    "name": "Sentiment/Warning/50",
+    "id": "VariableID:13385:30",
+    "remote": false,
+    "key": "0914cc900fa17eb2ff562f317265711b4311253f",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 0.9843137264251709,
+        "b": 0.8666666746139526,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--warning--50",
+    "digiRecursiveValue": "#FFFBDD",
+    "digiCSSVariable": "--digi--sentiment--warning--50"
+  },
+  "sentiment--warning--200": {
+    "name": "Sentiment/Warning/200",
+    "id": "VariableID:13385:29",
+    "remote": false,
+    "key": "e807ead65168bba702466e4419333c7905fd7c8b",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 0.9529411792755127,
+        "b": 0.5960784554481506,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--warning--200",
+    "digiRecursiveValue": "#FFF398",
+    "digiCSSVariable": "--digi--sentiment--warning--200"
+  },
+  "sentiment--warning--500": {
+    "name": "Sentiment/Warning/500",
+    "id": "VariableID:13385:28",
+    "remote": false,
+    "key": "b27237e175c5ca04fcd6ec50c6291fb4417c54ff",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 0.886274516582489,
+        "b": 0,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--warning--500",
+    "digiRecursiveValue": "#FFE200",
+    "digiCSSVariable": "--digi--sentiment--warning--500"
+  },
+  "sentiment--warning--700": {
+    "name": "Sentiment/Warning/700",
+    "id": "VariableID:13385:26",
+    "remote": false,
+    "key": "f3d0ca31060740a4c9200ee95541c57e8e9728a4",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 0.7568627595901489,
+        "b": 0.0313725508749485,
+        "a": 1
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "sentiment--warning--700",
+    "digiRecursiveValue": "#FFC108",
+    "digiCSSVariable": "--digi--sentiment--warning--700"
+  },
+  "sentiment--warning--900": {
+    "name": "Sentiment/Warning/900",
+    "id": "VariableID:13385:27",
+    "remote": false,
+    "key": "e98dc2b736c3f64954339c228ab0ef7116ec49b2",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "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"
+  },
+  "misc--transparent": {
+    "name": "Misc/Transparent",
+    "id": "VariableID:13646:1231",
+    "remote": false,
+    "key": "cafc347eb6d1ba0768a4ad132dcec59cf596f8f9",
+    "variableCollectionId": "VariableCollectionId:13367:14",
+    "resolvedType": "COLOR",
+    "description": "",
+    "hiddenFromPublishing": true,
+    "valuesByMode": {
+      "13367:3": {
+        "r": 1,
+        "g": 1,
+        "b": 1,
+        "a": 0
+      }
+    },
+    "scopes": [
+      "ALL_SCOPES"
+    ],
+    "codeSyntax": {},
+    "digiName": "misc--transparent",
+    "digiRecursiveValue": "#FFFFFF00",
+    "digiCSSVariable": "--digi--misc--transparent"
+  }
+}